@charset "utf-8";
/*
 * 赤壁之战改版官网css
 * author:somei
 */

/* cbzz Used
================================================================================================= */

a{color:#45506e;}
a:hover{color:#cf2218;}


/*共有样式*/


.inner_tit{height:35px;line-height:35px;}
.inner_tit .font1{font-size:14px;font-weight:normal;color:#ffffff;}
.fl{float:left;}
.fr{float:right;}
.mt1{margin-top:13px;}
.mt2{margin-top:23px;}
.mt20{margin-top:20px;}
.br0{border-right:0px;}

/*首页*/

.main{width:1100px;margin:0 auto;text-align: left; margin-top:-260px; position:relative; z-index:100; }/*主体*/

/*..........................................................................................头部...................................................................................................*/
.headers{width:100%;height:200px;margin: 0 auto;position: relative; margin-bottom:20px; }
.mod_video{width:162px;height:82px;position: absolute;top:0px;left:269px;overflow: hidden;border: 1px #e38477 solid;cursor:pointer;}

/*战爽公测*/
.server-name {position: absolute; bottom:16px;left:160px;overflow: hidden; color:#ba9964}
.mod_ad{position: absolute; top:-85px;left:10px;overflow: hidden;}
.mod_ad .adBtn{float:left;width:133px;height:72px;display:inline-block;background: url("../images/btn.jpg"/*tpa=http://vip26.jd80.top:8888/images/btn.jpg*/) no-repeat;}
.mod_ad .adText{float:left;width:330px;height:62px;background: url("../images/adTextBg.png"/*tpa=http://vip26.jd80.top:8888/images/adTextBg.png*/) no-repeat;margin-top:5px;}
.mod_ad .adText .text{color:#eda362;font-size:14px;margin-left:14px;height:28px;line-height:28px;text-align: left;border-bottom:1px #6c604d solid;}
.mod_ad .adText .tit{margin-left:14px;height:32px;line-height:32px;background: url("../images/adText.png"/*tpa=http://vip26.jd80.top:8888/images/adText.png*/) no-repeat center left;}

/*外链按钮模块*/
.mod_link{}
.mod_link a{float:left;width:179px;height:84px;display: inline-block;background-image: url("../images/link.png"/*tpa=http://vip26.jd80.top:8888/images/link.png*/);background-repeat:no-repeat;margin-top:13px;
	-webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
.mod_link a:hover{background-image: url("../images/link_on.png"/*tpa=http://vip26.jd80.top:8888/images/link_on.png*/);}
.mod_link a.btn1{width:298px;height:113px;background-position:0px 0px;margin-top:0px;}
.mod_link a.btn2{width:177px;background-position:-298px -13px;}
.mod_link a.btn3{background-position:-474px -13px;}
.mod_link a.btn4{background-position:-653px -13px;}
.mod_link a.btn5{background-position:-832px -13px;}


/*弹窗模块*/
.pop_trans{display:none;width:100%;height:2267px;position:fixed;_position:absolute;z-index:30000;top:0px;left:0px;background:#000;
    filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;}
.pop_bg{display:none;width:720px;height:500px;top:240px;left:50%;margin-left:-360px;position:fixed;_position:absolute;z-index:30001;}
.pop_video{width:100%;height:100%;position:absolute;z-index:30001;}
.pop_close{width:50px;height:50px;background:#000;position:absolute;right:-50px;top:0px;}
.pop_close span{width:100%;height:100%;display:inline-block;cursor:pointer;background:url("../images/serpopclose.png"/*tpa=http://vip26.jd80.top:8888/images/serpopclose.png*/) no-repeat center;
	-webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
.pop_close:hover span{
	-webkit-transform:rotate(360deg) scale(1,1); 
    -moz-transform:rotate(360deg) scale(1,1);
    -o-transform:rotate(360deg) scale(1,1); 
    -ms-transform:rotate(360deg) scale(1,1); 
    transform:rotate(360deg) scale(1,1); }

.pop_screen{width:100%;height:100%;position:absolute;z-index:30001;}
.myScreen{width:100%;height:100%;overflow: hidden;}
.myScreen img{width:100%;height:auto;}
/*弹窗模块*/

/*.....................................................................主体内容.............................................................................*/
.content{width:100%;}

/*头图*/
.mod-slide-s2{width:450px;height:500px;border:1px #2d2d36 solid;}
.mod-slide-s2 .mod-slide-content{height:500px;}
.mod-slide-s2 .mod-slide-content ul{width:100%;left:0px;}
.mod-slide-s2 .mod-slide-content ul li{width:100%;position:relative;}
.mod-slide-s2 .mod-slide-content a, .mod-slide-s2 .mod-slide-content img{width:100%;height:500px;}
.mod-slide-s2 .mod-slide-trigger{width: 450px;background: #1d1b1e;bottom:0px;right:-1px;
	filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}
.mod-slide-s2 .mod-slide-trigger li{width:150px;height:36px;line-height:36px;color:#8c8c8e;background: url("../images/gap.png"/*tpa=http://vip26.jd80.top:8888/images/gap.png*/) no-repeat right center;margin-left:0px;font-size:14px;
	-webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
.mod-slide-s2 .mod-slide-trigger li:hover,.mod-slide-s2 .mod-slide-trigger li.selected{background: url("../images/gap.png"/*tpa=http://vip26.jd80.top:8888/images/gap.png*/) no-repeat right center;color:#d5b16a;}

/*新闻模块*/
.mod_newstab{width:590px;height: 500px;position: relative;overflow: hidden;background:#282731;padding:0px 29px;}
.newtabs{height: 44px;line-height: 44px;padding-top:6px;}
.newtabs p{float:left;width:130px;margin-right:14px;color:#8c8c8e;font-size: 14px;text-align: center;cursor: pointer;}
.newtabs p.on{color:#d5b16a;}
.m-lineOut{ position: relative; width: 100%; height: 1px; font-size: 1px; background-color: #4f4f58 }
.m-lineOut .in{ position: absolute; display: block; width: 130px;  height: 1px; background-color: #d5b16a;}
.newcoms{padding: 10px 0px;;height: 190px;position: relative;}
.newcom_more{width:15px;height: 15px;background: url("../cbzz.yy.com/s/newGW20160330/img/icon.png"/*tpa=http://vip26.jd80.top:8888/cbzz.yy.com/s/newGW20160330/img/icon.png*/) no-repeat -175px -53px;display: inline-block;position: absolute;top:-30px;right:0px;}
.new_top{text-align: center;line-height: 24px;margin-top: 8px;margin-bottom:20px}
.new_top{font-size: 20px;color:#d5b16a;width: 580px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow：ellipsis;display:inline-block;}
.new_list li{float:left;width:100%;line-height:34px;}
.new_list li {font-size:16px;color:#8c8c8e;margin-left:0px;width: 590px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow：ellipsis;}
.new_list li:hover{color:#d5b16a;margin-left:10px;}
.new_list .new_date{color:#8c8c8e;font-size:14px;}



/*人物模块*/
.roles_box{ width:100%;height:337px;position:relative;margin-top:34px;}
.role_tit{width:197px;position: absolute;z-index:2;left:0px;top:0px;}
.role_tit a{float:left;width:100%;height:56px;display:inline-block;text-align:center;background-image:url("../images/roleTab.jpg"/*tpa=http://vip26.jd80.top:8888/images/roleTab.jpg*/);background-repeat: no-repeat;cursor: pointer;
	-webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
.role_tit a.on{background-image:url("../images/roleTab.jpg"/*tpa=http://vip26.jd80.top:8888/images/roleTab.jpg*/);}
.role_tit a.r1{background-position: 0px 0px;}
.role_tit a.r2{background-position: 0px -56px;}
.role_tit a.r3{background-position: 0px -112px;}
.role_tit a.r4{background-position: 0px -168px;}
.role_tit a.r5{background-position: 0px -224px;}
.role_tit a.r6{background-position: 0px -280px;}
.role_tit a.r1.on,.role_tit a.r1:hover{background-position: -198px 0px;}
.role_tit a.r2.on,.role_tit a.r2:hover{background-position: -198px -56px;}
.role_tit a.r3.on,.role_tit a.r3:hover{background-position: -198px -112px;}
.role_tit a.r4.on,.role_tit a.r4:hover{background-position: -198px -168px;}
.role_tit a.r5.on,.role_tit a.r5:hover{background-position: -198px -224px;}
.role_tit a.r6.on,.role_tit a.r6:hover{background-position: -198px -280px;}

.role_item_div{width:880px;height:453px;overflow: hidden;border-bottom:5px #a17c4f solid;position:absolute;left:220px;top:-117px;}/*原宽度802*/
.role_item{width:100%;height:100%;}/*width:155px;margin:10px 0 0 30px;position:relative;z-index:2;top:0px;left:0px;*/
.role_item_text{width:281px;position: absolute;left:0px;top:118px;z-index:3;}
.role_item_text .font1{color:#a6a6a6;font-family: "simsum";font-size:14px;font-weight: bold;line-height:18px;margin-top:11px;}
.role_item_text .font2{color:#a6a6a6;font-family: "simsum";line-height:20px;margin-top:6px}
.role_item_img{width:100%;height:100%;position: absolute;right:-57px;top:0px;z-index:2;}
.role1 .role_item_img{background:url("../images/gw01.gif"/*tpa=http://vip26.jd80.top:8888/images/gw01.gif*/) no-repeat top right;}
.role2 .role_item_img{background:url("../images/gw02.gif"/*tpa=http://vip26.jd80.top:8888/images/gw02.gif*/) no-repeat top right;}
.role3 .role_item_img{background:url("../images/gw03.gif"/*tpa=http://vip26.jd80.top:8888/images/gw03.gif*/) no-repeat top right;}
.role4 .role_item_img{background:url("../images/gw04.gif"/*tpa=http://vip26.jd80.top:8888/images/gw04.gif*/) no-repeat top right;}
.role5 .role_item_img{background:url("../images/gw05.gif"/*tpa=http://vip26.jd80.top:8888/images/gw05.gif*/) no-repeat top right;}
.role6 .role_item_img{background:url("../images/gw06.gif"/*tpa=http://vip26.jd80.top:8888/images/gw06.gif*/) no-repeat top right;}
.profession{width:123px;height:29px;line-height:29px;display:inline-block;text-align: center;color:#c9b37e;font-family: "simsum";font-size:14px;border:1px #c4b080 solid;margin-top:16px;}
.profession:hover{color:#fff;}
.play{height: 50px;line-height: 50px;display: inline-block;color: #c9b37e;font-family: "simsum";font-size: 14px;vertical-align: middle;}
/*.play{color:#c9b37e;font-family: "simsum";font-size:14px;vertical-align: middle;margin-left:33px;}*/
.play i{width:25px;height:25px;display:inline-block;background:url("../cbzz.yy.com/s/newGW20160330/img/icon.png"/*tpa=http://vip26.jd80.top:8888/cbzz.yy.com/s/newGW20160330/img/icon.png*/) no-repeat -147px -53px;vertical-align: middle;margin-left:8px; }
.play:hover{color:#fff;}

/*图片展示*/
.mod_pic{width:1000px;height:460px;}
.pictabs{width:100%;height:54px;}
.pictabs p{float:left;width:200px;height:54px;background-image: url("../cbzz.yy.com/s/newGW20160330/img/imgShowTab.jpg"/*tpa=http://vip26.jd80.top:8888/cbzz.yy.com/s/newGW20160330/img/imgShowTab.jpg*/);background-repeat: no-repeat;cursor:pointer;}
.pictabs p:hover{background-image: url("../cbzz.yy.com/s/newGW20160330/img/imgShowTab_on.jpg"/*tpa=http://vip26.jd80.top:8888/cbzz.yy.com/s/newGW20160330/img/imgShowTab_on.jpg*/);}
.pictabs p.p1{background-position: -800px 0px;}
.pictabs p.p2{background-position: -200px 0px;}
.pictabs p.p3{background-position: -400px 0px;}
.pictabs p.p4{background-position: -600px 0px;}
.pictabs p.p5{background-position: 0px 0px;}
.piccoms{}
.piccom_box{width:100%;height:406px;}
.piccom_box img{width:100%;height:auto;}

/*视觉盛宴*/
.mod_icon{float:left;width:202px;height:201px;background:#2f2e38;}
.mod_icon a{float: left;position:relative;width:100px;height:100px;border-right:1px #4c4b56 solid;border-bottom:1px #4c4b56 solid;display:inline-block;overflow: hidden;}
.mod_icon a em{width:51px;height:51px;display:inline-block;position:absolute;top:25px;left:50%;margin-left:-25px;
	background-image:url("../cbzz.yy.com/s/newGW20160330/img/icon.png"/*tpa=http://vip26.jd80.top:8888/cbzz.yy.com/s/newGW20160330/img/icon.png*/);background-repeat: no-repeat;
	filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;
	-webkit-transition: all 0.5s ease ;
	-moz-transition: all 0.5s ease ;
	-o-transition: all 0.5s ease ;
	-ms-transition: all 0.5s ease ;
	transition: all 0.5s ease ;
}
.mod_icon a:hover em{top:-40px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.mod_icon a.b01 em{background-position: 0px 0px;}
.mod_icon a.b02 em{background-position: -52px 0px;}
.mod_icon a.b03 em{background-position: -104px 0px;}
.mod_icon a.b04 em{background-position: -156px 0px;}
.mod_icon a span{color:#8b8f9b;font-size:14px;width:100%;text-align: center;display: inline-block;position:absolute;top:110px;height:16px;line-height:16px;
	-webkit-transition: all 0.5s ease ;
	-moz-transition: all 0.5s ease ;
	-o-transition: all 0.5s ease ;
	-ms-transition: all 0.5s ease ;
	transition: all 0.5s ease ;
}
.mod_icon a:hover span{top:45px;font-size:16px;color:#d1b06d;}

.mod_vision{float:left;width:800px;height:201px;}
.mod_vision a{float:left;width:200px;height:201px;display: inline-block;overflow: hidden;
	filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;
	-webkit-transition: all 0.5s ease ;
	-moz-transition: all 0.5s ease ;
	-o-transition: all 0.5s ease ;
	-ms-transition: all 0.5s ease ;
	transition: all 0.5s ease ;
}
.mod_vision a:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}






/*.......................................................................共用.......................................................................*/
.tit{width:100%;height:50px;text-align: left;}
.tit span{display: inline-block;background-image: url("../cbzz.yy.com/s/newGW20160330/img/tit.png"/*tpa=http://vip26.jd80.top:8888/cbzz.yy.com/s/newGW20160330/img/tit.png*/);background-repeat: no-repeat;width:100%;height:30px;margin-top: 10px;}
.tit span.t1{background-position:0px 0px;}
.tit span.t2{background-position:0px -30px;}
.tit span.t3{background-position:0px -60px;}
.tit span.t4{background-position:0px -90px;}
.tit span.t5{background-position:0px -120px;}
.tit span.t6{background-position:0px -150px;}
.tit.bb{width:537px;border-bottom:2px #4c4b56 solid;}

.scale img{width:100%;height:100%;
	-webkit-transition: all 0.3s ease ;
	-moz-transition: all 0.3s ease ;
	-o-transition: all 0.3s ease ;
	-ms-transition: all 0.3s ease ;
	transition: all 0.3s ease ;
}
.scale:hover img{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
}
.ease{
	-webkit-transition: all 0.5s ease ;
	-moz-transition: all 0.5s ease ;
	-o-transition: all 0.5s ease ;
	-ms-transition: all 0.5s ease ;
	transition: all 0.5s ease ;
}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
.animated,.animatedHover:hover{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.mod1{-webkit-animation-duration: 0.8s; -webkit-animation-delay: 0.3s;}
.mod2{-webkit-animation-duration: 0.9s; -webkit-animation-delay: 0.4s;}
.mod3{-webkit-animation-duration: 1.0s; -webkit-animation-delay: 0.5s;}
.mod4{-webkit-animation-duration: 1.0s; -webkit-animation-delay: 0.6s;}
.mod5{-webkit-animation-duration: 1.1s; -webkit-animation-delay: 0.7s;}
.mod6{-webkit-animation-duration: 1.2s; -webkit-animation-delay: 0.8s;}
.mod7{-webkit-animation-duration: 1.3s; -webkit-animation-delay: 0.9s;}
.mod8{-webkit-animation-duration: 1.4s; -webkit-animation-delay: 1.0s;}
.mod9{-webkit-animation-duration: 1.5s; -webkit-animation-delay: 1.1s;}
.mod10{-webkit-animation-duration: 1.6s; -webkit-animation-delay: 1.2s;}
.mod11{-webkit-animation-duration: 1.7s; -webkit-animation-delay: 1.3s;}
/*共用*/