@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;font-weight:normal}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
abbr,acronym{border:0;font-variant:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
code,kbd,samp,tt{font-size:100%}
input,button,textarea,select{*font-size:100%}
body{line-height:1.5}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
sup,sub{font-size:100%;vertical-align:baseline}
:link,:visited,ins{text-decoration:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
.fl{float:left}
.fr{float:right}
.hidden{display:none}
.invisible{visibility:hidden}
.underline{text-decoration:underline}
.hand{cursor:pointer}
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.tc{text-align:center}
.tl{text-align:left}
.tr{text-align:right}
.vm{vertical-align:middle}
.pr{position:relative}
.pa{position:absolute}
.fs12{font-size:12px}
.fs14{font-size:14px}
.fn{font-weight:normal}
.fb{font-weight:bold}
.black,.black a:link,.black a:visited,.black a:active,.black a:hover{color:black}
.white,.white a:link,.white a:visited,.white a:active,.white a:hover{color:white}
.red,.red a:link,.red a:visited,.red a:active,.red a:hover{color:red}
.clearfix:after{content:"\0020";visibility:hidden;display:block;font-size:0;clear:both;height:0}
.clearfix{*zoom:1}
.clear{clear:both}
.pt10{padding-top:10px}
.pr10{padding-right:10px}
.pb10{padding-bottom:10px}
.pl10{padding-left:10px}
.mt10{margin-top:10px}
.mr10{margin-right:10px}
.mb10{margin-bottom:10px}
.ml10{margin-left:10px}
.op50{filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50}
.op60{filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60}
.op70{filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70}
.op80{filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80}
.op90{filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90}








/* global reset */
body{ background: #333; font-family:Microsoft YaHei,SimSun; min-width: 1000px; color: #333}
img{ vertical-align:middle}
a:focus,button,input,select,textarea{ outline:none}
textarea{ resize:none}
img{ vertical-align:middle}

.c-tx1{ color: #fa7db9}
.mask{ overflow: hidden; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%;
    *height: 200px; background: #000; filter: alpha(opacity=50);  opacity: .5;}
:root .mask{ filter: none \0;}

.wrapblock{ background: #fff9f9 url(../images/bg1.jpg) center top no-repeat}
.wrap-in{ width:1000px; margin: 0 auto; }
.header1{ height: 340px; position: relative;}
.content{ background: #fff; padding: 20px; position: relative;}

.top-box{ color: #fff;}
.top-box .tit{ font-size: 20px; position: absolute; left: 530px; top:50px; color:#ed6668;}
.top-box .txt{ position: absolute; top:287px; right: 0}

.comm-list{ overflow: hidden; *zoom:1;}
.comm-list .list-item{ float: left; width: 49.99%; font-size: 16px; padding-bottom: 15px}
.comm-list .list-item-l{ width: 100%}
.comm-list .tit{ color: #999}

.drop-down-box{ position: absolute; right: 0; top:20px;}
.drop-down-box .box-hd{ border:1px solid #e3e3e3; padding-left:10px; width:80px; position:relative; background: #fff; cursor: pointer;}
.drop-down-box .box-hd .title{ line-height:28px;}
.drop-down-box .ico-arrow{ display:block; overflow: hidden; position: absolute; right:10px; top:12px; width:0; height: 0;  font-size: 0;  border-left: 4px dashed transparent;  border-bottom: 4px dashed transparent; border-right: 4px dashed transparent; border-top-style: solid;  border-top-width: 4px; color: #4e4e4e; }
.drop-down-box .box-bd{ display:none; border:1px solid #e3e3e3; padding-top:5px; width:90px; background:#fff; position:absolute; right:0; top:29px; max-height:150px; overflow-y:auto; _height:150px;}
.drop-down-box .list-item{ padding-bottom:2px}
.drop-down-box .list-item-c{ display:block; line-height:28px; color:#333; padding:0 5px}
.drop-down-box .list-item-c:hover{ text-decoration:none; background:#f2f2f2}

.comm-mod .mod-hd{ padding-left: 120px}
.comm-mod .mod-hd .tit{ font-weight: bold; font-size: 28px; line-height: 1}
.comm-mod .mod-bd{ padding-top: 20px}
.comm-mod-ex2 .mod-hd{ background:url(../images/b1.png) 0 0 no-repeat; padding-left: 97px; overflow: hidden; *zoom:1;}
.comm-mod-ex2 .mod-hd .tit{ font-size: 26px; padding-bottom: 7px; border-bottom:1px solid #fdd8ea; float: left; padding-right: 10px; margin-right: 15px}
.comm-mod-ex2 .mod-hd .txt{ font-size: 16px; color: #e3e3e3; border-top: 1px solid #e3e3e3; overflow: hidden; *zoom:1; line-height: 32px}

.wrapper1{width:750px;height:420px;position:relative; margin-left:100px;}
.wrapper1 img{width:750px;height:420px;}
.wrapper1 ul{position:absolute;bottom:20px;left:50%;margin-left:-50px;}
.wrapper1 li{float:left;width:10px;height:10px;border:solid 1px black;border-radius:50%;margin:5px;background-color:black;cursor:pointer;}
.wrapper1 .currentli{background-color:transparent;/*透明*/}
.arrow_left,.arrow_right{background-image:url(../images/nav_paddles_down.png);width:39px;height:79px;position:absolute;top:50%;margin-top:-39px;cursor:pointer;}
.arrow_left{left:0;background-position:-17px -10px;}
.arrow_right{right:0;background-position:-64px -10px;}

.comm-tab{ overflow: hidden; *zoom:1;}
.comm-tab .tab-hd{ float: right; width: 360px;}
.comm-tab .tab-bd{ float: left; width: 600px}
.comm-tab .gb-tab-item{ height: 75px; overflow: hidden; *zoom:1;}
.comm-tab .gb-tab-c{ display: inline-block; overflow: hidden; *zoom:1; background: #e1e5ee; color: #333; position: relative;height: 75px; width: 100%}
.comm-tab .gb-tab-c1{ display: block; width: 90px; float: left; line-height: 75px; font-size: 16px; background: #e7eaf1; text-align: center;}
.comm-tab .gb-tab-c2{ display: block; overflow: hidden; *zoom:1; line-height: 26px; padding: 11px 15px 0; max-height:52px;}
.comm-tab .bg-c2{ background: #d4dae7}
.comm-tab .bg-c2 .gb-tab-c1{ background:#dde1ec}
.comm-tab .ico-arrow{ display: none; overflow: hidden; position: absolute; width: 0; height: 0;  font-size: 0;  border-left: 4px dashed transparent;  border-bottom: 4px dashed transparent; border-top: 4px dashed transparent; border-right-style: solid;  border-right-width: 4px; color: #a9b2c5; left: 82px; top:33px;}
.comm-tab .current{ text-decoration: none; color: #fff; background: #a9b2c5}
.comm-tab .current .gb-tab-c1{ background: #bac1d1}
.comm-tab .current .ico-arrow{ display: block;}



.thumbnail-nav{text-align: right;}
.thumbnail-nav a,.thumbnail-nav span{color: #999;font-size: 14px;margin: 0 10px;cursor: pointer;}
.thumbnail-nav .current,.thumbnail-nav span:hover{ color: #d10000}

.thumbnail{position: absolute;top: 0;left: 0; width: 100%; height: 100%;z-index:601;}
.thumbnail-con{padding:100px 20px 0;  }
.thumbnail .mask{filter: alpha(opacity=80);opacity: .8;}
.all-btn{position:absolute;z-index:10;top:30px;right: 30px;color: #fff; font-size: 14px;}

.thumbnail .close{position: absolute; top:40px;right: 20px; color: #fff;font-size: 16px; line-height: 40px; height: 40px; overflow:hidden;}
.thumbnail .close span{display:block; float:left;font-size:25px;font-weight: bold;color: #808080; margin:0 5px 0 0;}
.thumbnail .close:hover{text-decoration: none;}

.imgbox .gb-gallery-viewport .gb-gallery-btn{ _height:500px}
.imgbox .gb-gallery-viewport .gb-gallery-btn i{width: 40px;height: 100px;background: url(http://ue.yeyoucdn.com/a/xin/zt/2015/ynl/img/b2.png) no-repeat;}
.imgbox .gb-gallery-viewport .gb-gallery-btn-prev i{background-position:0 0;left: 0;}
.imgbox .gb-gallery-viewport .gb-gallery-btn-next i{background-position:-41px 0;right: 0;}

.imgbox2{ height:500px; width: 960px;}
.imgbox2 .news-fb{ height:50px;}
.imgbox2 .news-fb .mask{ height: 50px;background-color: #000;filter: alpha(opacity=50);opacity: .5;}
.imgbox2 .view-pic{ top: 13px;}
.imgbox2 .ue-gallery-title .title{padding: 15px 22px; text-align: center; white-space: nowrap;  text-overflow: ellipsis; overflow: hidden;}
.imgbox2 .page-num{color:#ccc;top: -7px;height:50px;padding:0;font: normal 20px/50px Georgia,Arial;background:none;}
.imgbox2 .page-num .on{color:#ff3485;font-size:40px;}
.imgbox2 .ue-gallery-title .title{padding-left:105px;text-align:left}

.gb-list2{ overflow:hidden; *zoom:1; text-align:center;}
.gb-list2-item{ float: left}
.pic-scrolltab{ width:960px; height:280px; clear:both; position:relative;}
.pic-scrolltab .scroll-btn{display:block; width:15px; height:29px; position:absolute; top:100px; background: url(../images/b3.png) no-repeat;}
.pic-scrolltab .prev{ background-position:-16px 0; left:0;}
.pic-scrolltab .next{ right:0;}
.pic-scrolltab .scroll-main{ position:relative; width:960px; height:280px; overflow:hidden;}
.pic-scrolltab .scroll-main .items{ clear:both; position:absolute; width:20000em;}
.pic-scrolltab .scroll-main .items .scroll-con{ float:left; width:890px; overflow:hidden; padding:  0 25px 0 35px}
.pic-recomm-list1{ float:left; width:900px;}
.pic-recomm-list1 .gb-list2-item{ width:170px; margin-right:10px;}
.pic-recomm-list1 .gb-list2-con{ display: block; width:170px; color:#333; font-size: 16px}
.pic-recomm-list1 .gb-list2-con:hover{ text-decoration: underline;}
.pic-recomm-list1 .gb-list2-c1{ display: block;}
.pic-recomm-list1 .gb-list2-c2{ padding:8px 0; display: block; overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; *zoom:1;}
.pic-recomm-list1 .avatar{ width:170px; height:240px;}
.pic-scrolltab .prev:hover{ background-position: -48px 0}
.pic-scrolltab .next:hover{ background-position: -32px 0}

.pn{ overflow: hidden; *zoom:1; padding-bottom: 30px}
.pn .detail-box{ overflow: hidden; *zoom:1;}
.pn .info{ font-size: 16px; line-height: 30px}
.pn .info .title{ font-weight: bold;}
.pn .info .title2{ font-size: 18px; font-weight: bold; background: url(../images/b3.png) 0 -50px no-repeat; padding-left:38px}

.pn1 .pic-box{ float: left; padding-right:20px}
.pn1 .detail-box{ overflow: hidden; *zoom:1; background: url(../images/bg2.jpg) center top no-repeat; height:284px; padding: 18px 15px}
.pn1 .comm-list{ padding-top: 5px}

.pn2 .pic-box{ float: right; padding-left: 20px}

.pn3 .pn-c1{ overflow: hidden; *zoom:1; padding-bottom: 35px}
.pn3 .pn-c1 .pic-box{ float: left; padding-right: 20px}
.pn3 .pn-c1 .detail-box{ *position: relative; *zoom:1;}
.pn3 .info-qaa{ position: relative; z-index: 2; margin-top: -15px}
.pn3 .info-qaa .title{ padding-top: 10px; overflow: hidden; *zoom:1;}
.pn3 .info-qaa .letter{ background: #666666; width: 20px; height: 20px; line-height: 20px; color: #fff; border-radius: 20px; text-align: center; font-size: 12px; font-weight: normal; margin: 5px 5px 3px 0; float: left}
.pn3 .info-qaa .letter-a{ background:#fa7db9}
.pn3 .info-qaa .title-t{ overflow: hidden; *zoom:1;}
.pn3 .info-qaa .txt{ overflow: hidden; *zoom:1;}
.pn3 .info-qaa .txt-t{ overflow: hidden; *zoom:1;}
.pn3 .info-qaa .line{ border-left: 1px dashed #ededed; position: absolute; left: 10px; top:0; z-index: -1; height: 100%; _height:330px;}
.pn3 .pn-c2{ overflow: hidden; *zoom:1;}
.pn3 .pn-c2 .pic-box{ float: right; padding-left: 20px}
.pn3 .pn-c2 .title2{ padding-bottom: 5px}
.pn3 .pn-c2 .txt{ padding-top: 2px}

.pn5 .info{ padding-bottom: 15px}
.pn5 .imgbox .title{ font-weight:normal;}

.pn6, .pn7{ padding-bottom: 0}

.fix-box{ position: absolute; top:84px; width:158px; left: 50%; margin-left: 500px }
.fix-nav{ padding: 86px 20px 0 21px; background:url(../images/bg3.png) top center no-repeat}
.fix-nav li{ position: relative;}
.fix-nav .btn-link{ display: block; color: #333; line-height: 40px; height: 40px; text-align: center; font-size: 16px; background: #fff}
.fix-nav .btn-link:hover{ color: #fff; background: #f5278d; text-decoration: none;} 
.fix-nav .current .btn-link{ color: #fff; background: #ff3586;} 
.fix-box .btn-top{ display: block; color: #333; line-height: 50px; height: 50px; text-align: center; font-size: 16px; background: #fff; font-weight: bold; width:117px; margin-left: 21px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px}
.fix-box .btn-top:hover{ color: #fff; background: #ff3586; text-decoration: none;}
.fix-box-fixed{ position: fixed; top:450px;}

.global-footer{ color:#666666}
.global-footer a:hover, .global-footer a:link, .global-footer a:visited, .global-footer a:active{ color:#666666}
.footer-wb, .gb-yeyou-ewmfix{ display: none}

/*update in 20151013 by llr*/
.bt-official{ position: absolute; left:0; bottom:0; background:url(../images/sprite.png) no-repeat 0 0; width: 200px; height: 67px; padding-right:12px; font-size: 24px; color:#ff4568; line-height: 66px; text-align: center;}
.bt-official i{ font-size: 0; line-height: 0; vertical-align: middle; display: inline-block; border:9px dashed transparent; border-left-style: solid; border-left-color:#f24465; margin:0 0 2px 14px;}
.bt-official:hover{ text-decoration: none; color:#cc56ff;}
.bt-official:hover i{border-left-color:#cc56ff;}

.pn-share{ /*width: 118px; */position: absolute; right:0; bottom:5px;}
.ico-share{background: url(../images/sprite.png) no-repeat 0 -80px; display: inline-block; vertical-align: middle; width: 17px; height: 19px; margin:0 0 2px 7px;}
.pn-share a{ color:#fff;}

body .gb-share-drop{ background: rgba(255,255,255,.93)}


/* 轮番样式 */
body, ul, ol, li, p{ margin:0; padding:0; }
ol, ul{ list-style:none; }

.carousel{ position:relative; width:940px;overflow: hidden; margin-left:10px;}
.view-content ul{position:relative;left:0;top:0;}
.view-content li{ float:left; }


/*女神推荐 */
.area-nymph-recommend .view-content{ width:940px;overflow:hidden; height:200px;}
.area-nymph-recommend li{  height:180px;position: relative;padding-right: 20px;}
.area-nymph-recommend li img{ width:300px; height:180px;display: block;}
.area-nymph-recommend li p{line-height: 40px;width:300px;background-color: #555; background: rgba(0,0,0,0.6);text-align: center;color: #fff; position: absolute;left:0;bottom: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:14px;}
.area-nymph-recommend .prev-btn,.area-nymph-recommend .next-btn{width:40px;height:71px;display: block;text-indent: -99999px;position: absolute;top:45px;}
.area-nymph-recommend .prev-btn{background-image:url(../images/nav_paddles_down.png);left:0;background-position:-17px -10px;}
.area-nymph-recommend .next-btn{background-image:url(../images/nav_paddles_down.png);right:0;background-position:-64px -10px;}