/*201700918 cxb*/
@charset "gb2312";
*html{_background:fixed url(#);}
body{font:14px "Microsoft YaHei";_font-family:\5B8B\4F53;color:#333;}
body,html,a,img,div,form,select,input,ul,ol,li,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,label,em,span,cude,i{margin:0;padding:0;}
a{color:#88350d;text-decoration:none;cursor:pointer;}
a:hover{color:#f60;text-decoration:underline;}
ol,ul,li{list-style:none;}
em,i{font-style:normal;}
img{border:none;vertical-align:top;}
.cf{*zoom:1;}
.cf:after{content:'';display:block;height:0;clear:both;}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.w{width:980px;margin:0 auto;overflow:hidden;position:relative;}
.textIn{display:block;overflow:hidden;text-indent:-9999px;}
.mt10{margin:10px auto 0 !important;}
.mt20{margin:20px auto 0 !important;}
.mt30{margin:30px auto 0 !important;}
.transition{transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
.work-tip .spanTip,.btn,.pop .close{background:url(../images/btn.png) no-repeat ;}
.pubTit{background:url(../images/tit.png) no-repeat ;}
.btn{font-size: 16px;font-weight: bold;color: #fff; overflow: hidden;text-align: center; display: block;margin: 0 auto;}
.tac{text-align: center;}

.slogin a{height: 36px;}
.wrap1,.wrap3,.head_1,.head_3{height: 262px;}
.wrap1{background: url(../images/wrap_01.jpg) center top no-repeat;}
.wrap2{height: 261px;background: url(../images/wrap_02.jpg) center top no-repeat;}
.wrap3{background: url(../images/wrap_03.jpg) center top no-repeat;}
.wrapHead{position: relative;}
.head_1{background: url(../images/head_01.jpg) no-repeat;}
.head_2{height: 261px;background: url(../images/head_02.jpg) no-repeat;}
.head_3{background: url(../images/head_03.jpg) no-repeat;}
.floo1{height: 442px;background: url(../images/floo1.jpg) center top no-repeat;}
.floo2{height: 679px;background: url(../images/floo2.jpg) center top no-repeat;}
.floo3{height: 557px;background: url(../images/floo3.jpg) center top no-repeat;}
.floo4{height: 777px;background: url(../images/floo4.jpg) center top no-repeat;}
.floo5{height: 654px;background: url(../images/floo5.jpg) center top no-repeat;}
.floo6{height: 386px;background: url(../images/floo6.jpg) center top no-repeat;}

.pubTit{height: 46px;margin: 0 auto;}
/*作者有话说*/
.sayBox{padding-top:40px;}
.sayBox .pubTit{background-position: 0 0;width: 380px;}
.sayBox .sayCont{width: 861px; height: 191px;background: url(../images/sayBg.jpg) no-repeat;padding:30px 35px 0;}
.sayBox .sayText{ height: 144px; line-height: 36px;font-size: 16px;color: #666666;overflow: hidden;overflow-y: auto;}
/*CG鉴赏*/
.cgBox{padding-top: 35px;}
.cgBox .pubTit{background-position: 0 -184px;width: 340px;}
.cgBox .cgCont{width:931px; height:545px;background: url(../images/cgBg.jpg) no-repeat;}

.cglist{padding: 25px 20px;}
.cglist li{width: 385px;height: 217px;float: left;display: inline;margin: 13px 30px;}
.cglist li img{width: 385px;height: 217px;}
.cglist li .title{height:42px;line-height: 42px; color: #fff;font-size: 16px; margin-top: -42px;position: relative;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);}
.cglist li .ico{width: 42px;height: 42px;display: inline-block; vertical-align: middle;background:url(../images/titICo.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="images/titICo.png");_background:none;}
.cglist li a{display: block;cursor:pointer;}
.cglist li a:hover{text-decoration: none;}
/*分享抽奖*/
.shareBox{padding-top:40px;}
.shareBox .pubTit{background-position: 0 -138px;width:420px;}
.shareBox .shareCont{width:931px; height:670px;background: url(../images/cjBg.jpg) no-repeat;}

.shareText{text-align: center;padding-top:40px;}
.shareBtn{width: 129px;height: 42px; line-height: 42px; background-position:-349px  0;}
.shareBtn:hover{color: #fff;text-decoration: none;background-position:-349px -56px ;}
.cjMain{width: 430px;height: 500px;margin:12px auto 0 ;}
/*男神匹配*/
.ppBox{padding-top: 35px;}
.ppBox .pubTit{background-position: 0 -46px;width: 340px;}
.ppCont{width:931px; height:451px;}
.defailCont{background: url(../images/defail.jpg) no-repeat;padding-top: 280px;height: 169px;}
.quesCont{background: url(../images/ques.jpg) no-repeat;padding: 100px 125px 0;width: 711px;height: 351px;}
.quesBox{}
.quesBox .qTit{font-size: 16px;}
.resultCont{background: url(../images/resultBg.jpg) no-repeat;}
.pp-left{width:500px;margin:50px 0 0 80px}
.pp-style{color: #b38850;font-size: 22px;}
.pp-nr{height: 175px;line-height: 35px;overflow: hidden;font-size: 16px;color: #333333;padding-top: 15px;}
.ppCont .btn{width: 158px;height: 52px;line-height: 52px;background-position: -190px 0;font-size: 20px;}
.ppCont .btn:hover{background-position: -190px -56px;}
.defailCont .btn{width: 189px;height: 55px;line-height: 55px;background-position: 0 0;}
.defailCont .btn:hover{background-position: 0 -56px;}
.prevBtn,.nextBtn{display: inline-block;margin: 0 30px;}

.quesCont .btn{width: 129px;height: 42px;line-height: 42px;background-position: -349px 0;font-size:18px;}
.quesCont .btn:hover{background-position: -349px -56px;}
.ppCont .btn:hover{color: #fff;text-decoration: none;}
.pp-right{width:220px;height: 290px;position: relative;border: 1px solid #b28850;margin: 95px 61px 0 0;}
.pp-audio{width: 28px;height: 27px;display: block;position: absolute;top: 16px;left: 14px;cursor: pointer; overflow: hidden;line-height: 27px;}
.pp-audio:hover{background-position: -419px -282px;}

.choseList{padding-top: 20px;}
.choseList label{width: 100%; height:35px;line-height: 35px;display: block; position: relative;font-size: 16px;}
.choseList label input{width: 100%;height:35px;position: absolute;top: 0;left: 0;filter:alpha(opacity=0);opacity:0; }
.choseList label.on{color: #b38850;}
.choseList label i{width: 35px;height: 35px;position: absolute;top: 0;left: 0;background: url(../images/chose.png) no-repeat;z-index: 5;display: none;}
.choseList label.on i{display: block;}
/*作品介绍*/
.workBox{padding-top: 10px;}
.workBox .pubTit{background-position: 0 -92px;width: 340px;}
.workBox .workCont{width:931px; height:361px;background: url(../images/workBg.jpg) no-repeat;}
.work-editer{margin: 50px 0 0 56px;position: relative;}
.work-editer,.work-editer img,.work-editer .mask{width: 137px;height: 137px;}
.work-editer .mask{position: absolute;top: 0;left: 0;z-index: 2;display: block;background:url(../images/mask.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="images/mask.png");_background:none;}
.work-editer .editer-name{width: 100%; height: 25px;line-height: 25px;color: #333; overflow: hidden; text-align: center;position: absolute;bottom: 6px;left: 0; z-index: 3;}
.work-ins{width: 635px;height:180px;line-height: 30px;overflow: hidden;margin: 37px 65px 0 0;}
.work-tip{width:890px; margin: 25px 0 0 38px; }
.work-tip .spanTip{width:201px;height: 52px;text-align: center;line-height: 52px;color: #bb9565;font-size: 18px;font-weight: bold;float: left;display: inline;margin-right:19px;background-position: 0 -112px;}
.work-editer a:hover .editer-name{text-decoration: none;}
/*角色风采*/
.roleBox{height: 643px; padding-top: 35px;background: url(../images/roleBg.jpg) center top no-repeat;}
.roleBox .pubTit{background-position: 0 -230px;width: 340px;}

.roleCont{padding-top: 48px;}
.roleBd{width: 840px;height: 390px;margin: 0 auto;}
.roleList{display: none;}
.roleList .list-left{width: 340px;float: left;display: inline;margin-right: 15px;}
.roleList .list-right{width: 410px;padding-top: 46px;float: left;display: inline;}
.roleList .listHead{height: 45px;line-height: 45px;}
.roleList .roleName{font-size: 26px;color: #b38850;margin-right: 35px;}
.roleList .manAudio{font-size: 16px;color: #b38850;}
.roleList .manAudio .pp-audio{position: relative;top: 0;left: 0;margin: 9px 7px 0 0;float: left;display: inline;}
.roleList .listCont{height: 200px;line-height: 40px;overflow: hidden;color: #666666;font-size: 16px;text-indent: 2em;padding-top: 20px;}
.roleHd{padding: 60px 0 0 15px;}
.roleHd li{width:88px;height: 88px;border: 1px solid #f9e5c6;border-radius: 100%; padding: 4px; float: left;display: inline;margin: 0 10px;position: relative;cursor: pointer;}
.roleHd li .img{}
.roleHd li img{width:84px;height: 84px;border: 1px solid #dfc6a0;padding: 1px;background: #fff;border-radius: 100%;}
.roleHd li:hover img{width: 100px;height: 100px;margin: -10px 0 0 -8px;transition:all 0.3s cubic-bezier(.17,.67,.83,.67);-webkit-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);-moz-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);-ms-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);-o-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);}
.roleHd li .roleName{height: 27px;line-height: 27px; border: 1px solid #dfc6a0;display:none;padding: 0 7px; background: #fffbb7;border-radius: 3px;position: absolute;right: -20px;top: -10px;}
.roleHd li.on .roleName{display: inline-block;}
.roleHd li .roleName .up{width:10px;height: 10px;display: block;position: absolute;top:27px;left: 5px; background:url(../images/up.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="images/up.png");_background:none;}
/*分享*/
.head_1 #bdshare{width:140px;height:20px;margin:29px 13px 0 0;}
.head_1 #bdshare a{float:left;display:inline;width:20px;height:20px;margin:0;padding:0;margin-left:8px;background:url(../images/share.png) no-repeat;}
.head_1 #bdshare a.bds_sqq{background-position: 0 0;}
.head_1 #bdshare a.bds_weixin{background-position:-20px 0;}
.head_1 #bdshare a.bds_qzone{background-position: -40px 0;}
.head_1 #bdshare a.bds_tieba{background-position: -60px 0;}
.head_1 #bdshare a.bds_tsina{background-position: -80px 0;}
.head_1 #bdshare a.bds_sqq:hover{background-position: 0 -30px;}
.head_1 #bdshare a.bds_weixin:hover{background-position:-20px -30px;}
.head_1 #bdshare a.bds_qzone:hover{background-position: -40px -30px;}
.head_1 #bdshare a.bds_tieba:hover{background-position: -60px -30px;}
.head_1 #bdshare a.bds_tsina:hover{background-position: -80px -30px;}
/*二维码等*/
.otherBox{width: 575px;padding-top: 74px;margin:70px auto 0;}
.otherBox .enterbtn{width:287px;height: 55px;text-indent: -999px; overflow: hidden;float: left;display: inline;background:url(../images/enter.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="images/enter.png");_background:none;}
.otherBox .enterbtn:hover{background:url(../images/enterhover.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="images/enterhover.png");_background:none;}
.otherBox .musicBox{width: 287px;height: 55px; float: right;display: inline;background:url(../images/music.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="images/music.png");_background:none;}
.otherBox .musicflash{width: 110px;height: 50px;margin-left: 116px;}
.ewm{width: 197px;height: 184px;position: absolute;top:74px;left: 50%;margin-left: -99px;background:url(../images/ewm.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="images/ewm.png");_background:none;}
.ewm .line{width: 100%;height: 22px;display: block;position: absolute;top: 0;left: 0;z-index: 2;background:url(../images/line.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="images/line.png");_background:none;animation: ewmAni 3s linear infinite;-webkit-animation: ewmAni 3s linear infinite;-ms-animation: ewmAni 3s linear infinite;-moz-animation: ewmAni 3s linear infinite;-o-animation: ewmAni 3s linear infinite;}

/*标题*/
.webTitle{width: 238px;height: 388px;background: url(../images/bigTit.png) no-repeat;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="images/bigTit.png");_background:none;
position: absolute;top:55px;left: 50%;margin-left: -510px; z-index: 10;}
.aniScal{animation:scale linear 0.5s forwards;-webkit-animation:scale linear 0.5s forwards;-moz-animation:scale linear 0.5s forwards;-ms-animation:scale linear 0.5s forwards;-o-animation:scale linear 0.5s forwards;opacity: 0;}
/*固定导航*/
.fixMenu{width: 127px;height: 316px;background:url(../images/fixMenu.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="images/fixMenu.png");_background:none;position: fixed;top:50%;left: 50%;margin-left: 500px;_position:absolute;_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight-80);zoom:1;z-index:100;overflow:visible;
}
.fixMenu ul{width: 77px;margin: 0 auto;padding-top:55px ;}
.fixMenu ul li{height: 36px;line-height: 36px;text-align: center; border-bottom: 1px dotted #cdb08d;font-size: 16px;position: relative;}
.fixMenu ul li a{width: 100%;height: 36px;display: block;}
.fixMenu ul li a{color: #b38850;}
.fixMenu ul li a:hover{text-decoration: none;color: #b45454; }
.fixMenu ul li.on a{color: #b45454;font-weight: bold;}
.fixMenu ul li.backTop{border-bottom: 0;}
.fixMenu ul li .hotIco{width: 48px;height: 27px;display: block;position: absolute;top:-8px;left:-40px;background:url(../images/xs.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="images/xs.png");_background:none;}
* html,* body{_background-image:url(about:blank);_background-attachment:fixed}

@keyframes ewmAni{0%{top: 0;}50%{top:90%;}100%{top: 0;}}
@-moz-keyframes ewmAni{0%{top: 0;}50%{top:90%;}100%{top: 0;}}
@-o-keyframes ewmAni{0%{top: 0;}50%{top:90%;}100%{top: 0;}}
@-webkit-keyframes ewmAni{0%{top: 0;}50%{top:90%;}100%{top: 0;}}
@-ms-keyframes ewmAni{0%{top: 0;}50%{top:90%;}100%{top: 0;}}

@keyframes scale{0%{transform:scale(1.5);opacity: 0;}100%{transform:scale(1);opacity: 1;}
}
@-moz-keyframes scale{0%{transform:scale(1.5);opacity: 0;}100%{transform:scale(1);opacity: 1;}
}
@-o-keyframes scale{0%{transform:scale(1.5);opacity: 0;}100%{transform:scale(1);opacity: 1;}
}
@-webkit-keyframes scale{0%{transform:scale(1.5);opacity: 0;}100%{transform:scale(1);opacity: 1;}
}
@-ms-keyframes scale{0%{transform:scale(1.5);opacity: 0;}100%{transform:scale(1);opacity: 1;}
}

/*弹窗*/
.pop{width: 540px;margin: 0 auto;position: relative;background: none !important;}
.popTop{height: 34px;background: url(../images/popTop.png) 0 0 no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="images/popTop.png");_background:none;}
.popBot{height: 30px;background: url(../images/popBot.png) no-repeat;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="images/popBot.png");_background:none;}
.popCont{padding: 10px;border-left: 10px solid #b38850;border-right: 10px solid #b38850;color: #b38850;background: #fff;}
.f18{font-size: 18px;}
.f30{font-size: 30px;padding: 5px 0;}
.popBtn .shareB{}
.popclose{height: 30px;line-height: 30px;display: inline-block;background: #b38850;text-align: center;padding: 0 15px;display: inline-block;color: #fff;}
.popclose:hover{color: #fff;}
.pop .close{width: 26px;height: 26px;display: block;overflow: hidden;background-position: -203px -112px;position: absolute;top:32px;right:50px;}


.pop #bdshare ul{width:336px;margin: 0 auto;}
.pop #bdshare ul li{width:84px;text-align: center;color: #333;float: left;display: inline;}
.pop #bdshare ul li a{width:40px;height:40px;margin: 0;display: inline-block;background: url(../images/popshare.png) no-repeat;background-size: 100% auto;padding: 0;float: none;}
.pop #bdshare ul li a.bds_sqq{background-position: 0 0;}
.pop #bdshare ul li a.bds_weixin{background-position: 0 -42px;}
.pop #bdshare ul li a.bds_qzone{background-position: 0 -83px;}
.pop #bdshare ul li a.bds_tsina{background-position: 0 -124px;}


.imgView{width: 756px;height: 426px;margin: 0 auto;background: url(../images/viewBg.png) no-repeat;padding:8px;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="images/viewBg.png");_background:none;position: relative;}
.imgView img{width:740px;height: 410px;}
.imgView .close{width: 37px;height: 37px;background: url(../images/popclose1.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="images/popclose1.png");_background:none;display: block;position: absolute;top:24px;right: 30px;}