.red{ color:#9d1818;}
.redl{ color:#9d1818; text-decoration:underline}
.ui-widget { z-index:100!important;}
.main-bg{ width:957px; height:902px; margin:0 auto; z-index:-100;margin-top: 30px; background:url(../images/index/index-userBg.png) no-repeat}
.m-left{ float:left; width:610px;  position:relative}
.m-left .photo{ margin:20px 0 0 35px; width:576px; height:389px;}
.m-left .box{ width:113px; height:198px; position:relative; z-index:1; margin-left:50px; margin-top:-35px;}
.m-left .sale{ width:434px; height:188px; background:url(../images/index/Promotional_bg.png) no-repeat; position:relative; z-index:3; margin:-145px 0 0 105px}
.m-left .sale .sale-title{ height:21px; padding-top:10px; margin-bottom:12px;}
.m-left .sale .sale-title span{ color:#fff; font-size:14px; display:inline-block; float:left; font-weight:bold; margin-left:25px;}
.m-left .sale .sale-title a{ color:#fff; float:right; display:inline-block; margin-right:30px;}
.m-left .sale .sale-con{ width:426px; padding-left:8px;}
.m-left .sale .sale-con dl{ width:187px; height:52px; overflow:hidden; float:left; margin-left:13px; _display:inline; margin-bottom:6px;}
.m-left .sale .sale-con dl dt{ display:inline-block; width:59px;  height:46px; float:left; background:url(../images/index/sale-sbg.png) no-repeat; padding:2px 4px 4px 2px;}
.m-left .sale .sale-con dl dd{ display:block; width:120px; height:52px; float:right; position:relative}
.m-left .sale .sale-con dl dd a{ display:inline-block; position:absolute; bottom:2px; right:0; color:#9d1818; text-decoration:underline}
.m-left .sale .sale-con dl dd p{ background:url(../images/index/dian.png) no-repeat 3px 6px; color:#77787b; padding-left:10px;}
/*====sale end====*/

.m-left .join{ width:440px; height:182px; position:relative; background:url(../images/index/join_bg.png) no-repeat; margin-left:43px; padding:40px 0  0 56px;}
.m-left .join .join-user{ width:153px; float:left;overflow:hidden;}
.m-left .join .join-con{ width:250px; float:left; color:#606060; margin-left:15px;}
.m-left .join .join-user h3{ font-size:19px;color:#606060; margin-bottom:5px; }
.m-left .join .join-con p{ font-size:13px; font-weight:bold; margin-top:3px;}
.m-left .join .join-con ul{ padding-top:10px; zoom:1 }
.m-left .join .join-con ul li{ width:45%; float:left; overflow:hidden; line-height:16px; background:url(../images/index/dian.png) no-repeat 3px 9px; padding-left:10px;}
.m-left .join .join-con a{ color:#9d1818; text-decoration:underline; display:block; clear:both; padding-top:10px;}

.m-left .line{ width:33px; height:344px; position:absolute; left:560px; top:480px; z-index:10;}


.m-right{ width:334px; float:left; position:relative;}
.m-right .lodin-icon{ width:37px; height:38px; position:absolute; left:234px; top:57px; z-index:2}
.m-right .m-icon{ width:38px; height:38px; position:absolute;  left:217px; z-index:3; margin-top:-22px;}

.m-right .login{ width:258px;margin:60px 0 15px 10px; position:relative;}
.m-right .login .login-tab{ height:21px; padding-left:10px;}
.m-right .login .login-tab .tabs li{ float:left; width:63px; height:16px; padding-top:5px; font-weight:bold; cursor:pointer; text-align:center;  color:#4a4a4a;position:relative; margin-right:5px; overflow:hidden;background:url(../images/index/btn_bg.png) no-repeat -80px -128px; }

/*.m-right .login .login-tab .tabs .dr{ width:63px; height:31px; padding-top:5px;background:url(../images/index/btn_bg.png) no-repeat -80px -128px; position:absolute; z-index:9; *margin-left:-32px;}
.m-right .login .login-tab .tabs .dr1,.m-right .login .login-tab .tabs .dr2,.m-right .login .login-tab .tabs .dr3,.m-right .login .login-tab .tabs .dr4,.m-right .login .login-tab .tabs .dr5,.m-right .login .login-tab .tabs .dr6,.m-right .login .login-tab .tabs .dr7{ width:1px; height:21px; background-color:#888;filter: alpha(opacity=80); moz-opacity: 0.8; opacity: 0.8; position:absolute; z-index:8; left:63px;top:0px;}
.m-right .login .login-tab .tabs .dr2{height:20px;filter: alpha(opacity=70); moz-opacity: 0.7; opacity: 0.7; left:64px; _left:67px; top:3px; z-index:7;_background-color:#888}
.m-right .login .login-tab .tabs .dr3{height:19px;filter: alpha(opacity=60); moz-opacity: 0.6; opacity: 0.6; left:65px; _left:68px; top:3px; z-index:6;_background-color:#8d7346}
.m-right .login .login-tab .tabs .dr4{height:18px;filter: alpha(opacity=50); moz-opacity: 0.5; opacity: 0.5; left:66px; _left:69px; top:3px; z-index:5;_background-color:#a48652}
.m-right .login .login-tab .tabs .dr5{height:17px;filter: alpha(opacity=40); moz-opacity: 0.4; opacity: 0.4; left:67px; _left:70px; top:4px; z-index:4;_background-color:#bd9a5f}
.m-right .login .login-tab .tabs .dr6{height:16px;filter: alpha(opacity=30); moz-opacity: 0.3; opacity: 0.3; left:68px; _left:71px; top:5px; z-index:3;_background-color:#c6a163;}
.m-right .login .login-tab .tabs .dr7{height:15px;filter: alpha(opacity=20); moz-opacity: 0.2; opacity: 0.2; left:69px; _left:72px; top:6px; z-index:2;_background-color:#c1c1c1; _display:none}
*/

.m-right .login .login-tab .tabs .on{background:url(../images/index/btn_bg.png) no-repeat -4px -128px; height:18px;_margin-bottom:-2px; z-index:9}

.m-right .login .tabmain{ width:258px;}
.m-right .login .tabmain label{ font-size:13px; font-family:'Microsoft yahei'; color:#000; font-weight:bold; width:50px; display:inline-block}
.m-right .login .tabmain .text{ width:148px; height:18px; line-height:20px; border:1px solid #7b7c7b;}
.m-right .login .tabmain .pw{ width:90px; border:1px solid #7b7c7b; height:18px;}
.m-right .login .tabmain a{ color:#9d1818; text-decoration:underline}
.m-right .login .tabmain a.none{ text-decoration:none}
.m-right .login .tabmain a.joins{font-size:14px; color:#666; font-size:14px; font-weight:bold; display:inline-block; float:left; margin-top:30px}
.m-right .login .tabmain p{ width:240px; padding:0; height:auto;padding-bottom:2px;}
.m-right .login .tabmain p .checkbox{ width:15px; height:15px; vertical-align:middle; margin:0; padding:0; border:none;}
.m-right .login .tabmain .taginfo{ display:inline-block; width:120px; float:left;}
.m-right .login .tabmain .pl{ padding-left:20px;}
.m-right .login .tabmain a.none{ text-decoration:none;}
.m-right .login .tabmain a.joins{ }
.m-right .login .tabmain .login-in{ width:51px; height:23px; background:url(../images/index/btn_bg.png) no-repeat 0 0 ; cursor:pointer; border:none; margin-top:27px; margin-right:10px; vertical-align:middle; float:left}
.m-right .login .login-con{ width:258px;}
.m-right .login .login-con .login-top{ width:258px; height:10px; background:url(../images/index/tabs-top.png)}
.m-right .login .login-con .login-end{ width:258px; height:33px; background:url(../images/index/tabs-bot.png)}
.m-right .login .login-con .login-mid{ width:240px; background:url(../images/index/tabs-mid.png) repeat-y; padding-left:18px;}
.m-right .login .login-con .login-mid img{ vertical-align:middle}
.m-right .login .login-con .login-mid .list{ width:35px; float:left; margin-right:20px;}
.m-right .login .login-con .login-mid .list li{ font-size:14px; text-align:center; line-height:24px; font-weight:bold; color:#a68349; border-bottom:1px solid #a68349; cursor:pointer}
.m-right .login .login-con .login-mid .list li.on{ color:#000}
.m-right .login .login-con .login-mid .booking{ width:180px; float:left}
.m-right .login .login-con .login-mid .booking p{ width:auto;}
.m-right .login .login-con .login-mid .booking p span{ display:inline-block; width:65px; color:#333; font-weight:bold; font-size:14px;}
.m-right .login .login-con .login-mid .booking div{ display:none}
.m-right .login .login-con .login-mid .booking .btn{ width:51px; height:23px; background:url(../images/index/btn_bg.png) no-repeat -189px -32px; border:none; margin-left:65px; margin-top:3px; cursor:pointer}

/* login-book*/

.m-right .login-book{ width:258px;margin:60px 0 15px 10px; position:relative;}
.m-right .login-book .login-tab{ height:21px; padding-left:10px;}
.m-right .login-book .login-tab .tabs li{ float:left; width:63px; height:16px; padding-top:5px; font-weight:bold; cursor:pointer; text-align:center;  color:#4a4a4a;position:relative; margin-right:5px; overflow:hidden;background:url(../images/index/btn_bg.png) no-repeat -80px -128px; }
.m-right .login-book p input{ width:80px;border: 1px solid #BDBCBD;}
.m-right .login-book .login-tab .tabs .on{background:url(../images/index/btn_bg.png) no-repeat -4px -128px; height:18px;_margin-bottom:-2px; z-index:10}

.m-right .login-book .tabmain{ width:258px;}
.m-right .login-book .tabmain label{ font-size:13px; font-family:'Microsoft yahei'; color:#000; font-weight:bold; width:50px; display:inline-block}
.m-right .login-book .tabmain .text{ width:148px; height:18px; line-height:20px; border:1px solid #7b7c7b; color:#c9c9c9;}
.m-right .login-book .tabmain .pw{ width:90px; border:1px solid #7b7c7b; height:18px;}
.m-right .login-book .tabmain a{ color:#9d1818; text-decoration:underline}
.m-right .login-book .tabmain a.none{ text-decoration:none}
.m-right .login-book .tabmain a.joins{font-size:14px; color:#666; font-size:14px; font-weight:bold; display:inline-block; float:left; margin-top:30px}
.m-right .login-book .tabmain p{ width:240px; padding:0; height:auto;padding-bottom:2px;}
.m-right .login-book .tabmain p .checkbox{ width:15px; height:15px; vertical-align:middle; margin:0; padding:0; border:none;}
.m-right .login-book .tabmain .taginfo{ display:inline-block; width:120px; float:left;}
.m-right .login-book .tabmain .pl{ padding-left:20px;}
.m-right .login-book .tabmain a.none{ text-decoration:none;}
.m-right .login-book .tabmain a.joins{ }
.m-right .login-book .tabmain .login-in{ width:51px; height:23px; background:url(../images/index/btn_bg.png) no-repeat 0 0 ; cursor:pointer; border:none; margin-top:27px; margin-right:10px; vertical-align:middle; float:left}
.m-right .login-book .login-con{ width:258px;}
.m-right .login-book .login-con .login-top{ width:258px; height:10px; background:url(../images/index/tabs-top.png)}
.m-right .login-book .login-con .login-end{ width:258px; height:33px; background:url(../images/index/tabs-bot.png)}
.m-right .login-book .login-con .login-mid{ width:240px; background:url(../images/index/tabs-mid.png) repeat-y; padding-left:18px;}
.m-right .login-book .login-con .login-mid img{ vertical-align:middle}
.m-right .login-book .login-con .login-mid .list{ width:35px; float:left; margin-right:20px;}
.m-right .login-book .login-con .login-mid .list li{ font-size:14px; text-align:center; line-height:24px; font-weight:bold; color:#a68349; border-bottom:1px solid #a68349; cursor:pointer}
.m-right .login-book .login-con .login-mid .list li.on{ color:#000}
.m-right .login-book .login-con .login-mid .booking{ width:180px; float:left}
.m-right .login-book .login-con .login-mid .booking p{ width:auto;}
.m-right .login-book .login-con .login-mid .booking p span{ display:inline-block; width:65px; color:#333; font-weight:bold; font-size:14px;}
.m-right .login-book .login-con .login-mid .booking div{ display:none}
.m-right .login-book .login-con .login-mid .booking .btn{ width:51px; height:23px; background:url(../images/index/btn_bg.png) no-repeat -189px -32px; border:none; margin-left:65px; margin-top:3px; cursor:pointer}













/* join */
.m-right .join{ width:253px;position:relative; z-index:2; margin:-45px 0 0 43px;}
.m-right .join .join-tit{ height:21px; overflow:hidden; font-family:'Microsoft yahei';background:url(../images/index/lx-top.png) no-repeat; padding-top:12px; padding-left:40px; color:#bb2121; font-size:16px;}
.m-right .join .join-con{ padding:5px 10px 3px 15px; background:url(../images/index/lx-mid.png)}
.m-right .join .join-con .join-con-text{ background:#fff; padding:10px;}
.m-right .join .join-con p{ text-indent:24px; line-height:18px; color:#575656}
.m-right .join .join-con .join-conpic{ width:57px; height:57px; float:left; background:url(../images/index/imgS1_bg.png) no-repeat; padding:4px 6px 6px 4px; margin-right:5px;}
.m-right .join .join-con .join-btn{ width:107px; height:27px; border:none; background:url(../images/index/btn_bg.png) no-repeat -60px 0 ; cursor:pointer; margin:5px 50px 0 5px; vertical-align:middle;}
.m-right .join .join-foot{ height:8px; background:url(../images/index/lx-bot.png) no-repeat;}
/* plan */
.m-right .plan{ position:relative; width:301px; z-index:1; margin-top:-40px;}
.m-right .plan .icon-image{ position:absolute; left:-110px; top:-115px; z-index:3}
.m-right .plan .plan-top{ height:32px; background:url(../images/index/ljh-top.png) no-repeat}
.m-right .plan .plan-mid span{ display:inline-block; width:69px; height:25px; background:url(../images/index/btn_bg.png) no-repeat -84px -81px; color:#fff; text-align:center; line-height:25px;font-weight:bold}
.m-right .plan .plan-mid{background:url(../images/index/ljh-mid.png); padding:12px 0 5px 18px;_padding-top:8px;}
.m-right .plan .plan-mid .plan-mid-con{ background:url(../images/index/ljh_bg.png) no-repeat; height:92px; padding:14px 20px 0 110px; line-height:20px;}
.m-right .plan .plan-mid .plan-mid-con a{ color:Red; float:right}
.m-right .plan .plan-end{ height:8px; background:url(../images/index/ljh-bot.png) no-repeat}
/* Integral */
.m-right .Integral{ margin-top:10px; position:relative; width:288px; height:134px;}
.m-right .Integral .int-nav{ width:175px; height:35px; background:url(../images/index/btn_bg.png) no-repeat -3px -31px; font-size:14px; color:#fff; text-align:center; padding-top:5px; padding-right:5px;}
.m-right .Integral .int-con{ width:275px; height:104px; background:url(../images/index/con_bg.png) no-repeat; position:absolute; top:26px; left:-2px; padding:10px 0 0 13px;}
.m-right .Integral .int-con .int-pic{ width:78px; height:77px; background:url(../images/index/imgS_bg.png) no-repeat; float:left; padding:4px 7px 8px 5px;}
.m-right .Integral .int-con ul,.m-right .Integral .int-con p{ width:170px; float:right; margin-right:10px; color:#77787b; line-height:17px;}
.m-right .Integral .int-con ul li{ background:url(../images/index/btn_bg.png) no-repeat -6px -213px; padding-left:10px;}
.m-right .Integral .int-con a{  color:#9d1818; text-decoration:underline; float:right; margin:20px 10px 0 0;}
.m-right .Integral .int-con p{ padding-left:10px; width:160px;}

/* weibo */
.m-right .weibo{ position:relative; margin-top:5px; width:288px;}
.m-right .weibo .tab{ height:44px; position:relative}
.m-right .weibo .tab li{ float:left; width:72px; height:38px; background:url(../images/index/btn_bg.png) no-repeat -81px -79px; position:relative; margin-right:-8px; color:#fff; padding:6px 5px 0 0; text-align:center; cursor:pointer;}
.m-right .weibo .tab .on{ background-position:-1px -79px; z-index:7; position:relative;}
.ie6 .m-right .weibo .tab{ height:44px; position:relative; padding-left:2px;}
.ie6 .m-right .weibo .tab li{ float:left; width:69px; height:38px; background:url(../images/index/btn_bg.png) no-repeat -80px -264px ; position:relative; color:#fff; padding:6px 0 0 0; text-align:center; cursor:pointer;}
.ie6 .m-right .weibo .tab .on{ background-position:0 -264px; z-index:7; position:relative;}

.m-right .weibo .tabcon{ width:275px; height:166px; background:url(../images/index/tabmain_bg.png) no-repeat; position:absolute; top:25px; z-index:5; padding:10px 0 0 13px; _left:-1px}
.m-right .weibo .tabcon dl{ float:left; width:170px; margin-bottom:10px;}
.m-right .weibo .tabcon dl dt{ width:49px; height:49px; display:inline-block; float:left; margin-right:10px;}
.m-right .weibo .tabcon dl dd{ line-height:18px; padding-top:5px;}
.m-right .weibo .tabcon dl dd span{ color:#a9422f;}
.m-right .weibo .tabcon .att-btn{ background:url(../images/index/btn_bg.png) no-repeat -178px 0; width:64px; height:21px; border:none; line-height:21px; text-align:center; color:#fff; margin-top:15px; cursor:pointer}
.m-right .weibo .tabcon .infos{ height:80px; overflow:hidden; background:#fff; clear:both; width:262px;}
.m-right .weibo .tabcon .infos .info-t,.m-right .weibo .tabcon .infos .info-b{ height:6px; background:#2951b1; text-align:center; overflow:hidden}
.m-right .weibo .tabcon .infos .info-t a,.m-right .weibo .tabcon .infos .info-b a{ display:inline-block; width:10px; height:4px; background:url(../images/index/btn_bg.png) no-repeat -3px -194px; }
.m-right .weibo .tabcon .infos .info-t a{ background-position:-3px -171px;}
.m-right .weibo .tabcon .infos .info-m{ height:58px; padding:5px 15px; overflow:hidden;}

/* gallery */
.gallery{ width: 520px;height: 400px;margin: 0 auto;position: relative;font-family: verdana, arial, sans-serif; margin-top:20px;}
.gallery .fullsize{position: absolute;left: 0;top: 0;height: 420px;width: 550px;overflow: hidden; z-index:1;}
.gallery .loopnone{ position: absolute;background:url(../images/index/image_loopnone.png) no-repeat top right;display: block;position: absolute;right:0px;bottom: 20px;z-index: 0;width: 420px; height:450px;left:140px; top:50px;}
.gallery .fullsize div{width: 520px;height: 550px;padding-top: 0px;position: relative;}
.gallery .fullsize div img{clear: both;display: block;margin-left: 0px;width: 420px;height: 314px;position: relative;z-index: 400;}
.gallery .fullsize div h3{padding: 10px 0 0 0;margin: 0;font-size: 18px;}
.gallery .fullsize div p{padding: 5px 0;margin: 0;font-size: 12px;line-height: 18px;}
.gallery .fullsize a.next{display: block;   position: absolute;left: 50px;top: 20px;z-index: 10;width: 420px;}
.gallery .fullsize a.next img{border: 0;display: block;}
.gallery .fullsize a.next2{display: block;position: absolute;left: 90px;top: 40px;z-index: 9;width: 420px;}
.gallery .fullsize a.next2 img{border: 0;display: block;}
.gallery .fullsize a:hover{direction: ltr;z-index: 600;}

.m-right .login{ margin-top:50px;}
.m-right .Integral .int-con{ background:url(../images/index/new_pre.png) no-repeat 3px 0;}
.m-right .Integral .int-con a{ text-decoration:none; font-weight:bold;}
.m-right .Integral .int-nav{ font-family:黑体; text-align:left; text-indent:20px;}