/*.runContainer *{box-shadow:0px 0px 0px 1px #fff;}*/
/*basic.css - Written by douchaoyang in September 2015*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font-size:12px;font-family:"Microsoft Yahei",arial;}
em,strong,th,i{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none;cursor:pointer;outline:none;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul,li{list-style:none;}
fieldset,img{border:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix{*zoom:1;}
body{background: #000;min-width: 1200px;font-size: 14px;}
img{display: block;}
/*basic end*/
body,html{height:100%;overflow:hidden}
body{margin-top: 0px !important;background:#000 !important;}
#container,.section{height:100%;position:relative}
#section0,#section1,#section2,#section3,#section4{background-color:#000;background-size:cover;background-position:50% 50%;overflow:hidden;}
#section0{background: url(../images/bg_01.jpg) no-repeat center top;background-size:cover;}
#section1{background: url(../images/bg_02.jpg) no-repeat center top;background-size:cover;}
#section2{background: url(../images/bg_03.jpg) no-repeat center top;background-size:cover;}
#section4{background: url(../images/bg_04.jpg) no-repeat center top;background-size:cover;}
#section5{background: url(../images/bg_05.jpg) no-repeat center top;background-size:cover;}
#section4 #footer {width: 100%;position: absolute;bottom: -190px;}
#navs{z-index:10;position:absolute;right:120px;top: 50%;margin-top: -70px;}
#navs a {display: block;width: 120px;height: 30px;z-index: 9999;font-size: 16px;color: #fff;font-weight: bold;background: url(../images/nav-btn.png) no-repeat 0px -45px;text-indent: 50px;margin-bottom: 20px;line-height: 30px;text-shadow: 0px 2px 2px #911f48;}
#navs .active {background: url(../images/nav-btn.png) no-repeat 0px 0px;}
.t_l{position:absolute;top:300px;right:50%;margin-right:40px;z-index:2;}
.t_r{position:absolute;top:360px;left:50%;margin-left:-90px;z-index:2;}
.logo {background: url(https://img1.tiancitycdn.com/project1/csol/event/2017/08/cs170817ver/images/logo.png) no-repeat center top;width: 123px !important;height: 44px !important;display: block;border: none !important;}
#section4 .t_l{top:280px;right:50%;margin-right:-283px;}
#section4 .t_r{top:600px;left:50%;margin-left:-145px;}
.mask{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;}
.center-main {position: absolute;left: 50%;margin-left: -510px;width: 1000px;top: 50px;}
.center-main h1 {background: url(../images/theme.png) no-repeat center top;width: 521px;height: 166px;margin-top: 320px;padding-bottom: 20px;transition: all .3s .2s ease-out;position: relative;left: -1230px;}
.center-main .video {background: url(../images/video-bg.jpg) no-repeat center top;width: 509px;height: 217px;transition: all .3s .3s ease-out;position: relative;left: -1230px;}
.center-main .video a{display:block;width:100%;height:100%;text-align: center;}
.center-main .video a img{margin: 0 auto;padding-top: 60px;}
.mask_mian{width:1000px;height:789px;margin:0 auto;position: relative;top: 50%;margin-top: -440px;}
.mask_mian .t{padding-top: 40px;}
.mask_mian img{margin: 0 auto;}
img.img1{clear:both;padding-top:240px;}
#section1 .btn-1:hover{}
/*5秒注册 qreg */
#qreg dt{cursor:pointer;z-index:99;position:fixed;_position:absolute;text-indent:-9999px;right:0;bottom: 0;width:65px;height:205px;background:url(https://img1.tiancitycdn.com/csol/homepage/v6/images/web_img/clk_bg.png) no-repeat 0 0;}
#qreg #regcontent{z-index:98;position:fixed;_position:absolute;right:-334px;top:258px;width:331px;height:538px;background:url(https://img1.tiancitycdn.com/csol/homepage/v6/images/web_img/form_bg.png) no-repeat 0 0;}
#qreg .closed{text-align:right;}
#qreg .closed span{cursor:pointer;display:inline-block;margin:9px 0 0;width:50px;height:30px;}
#qreg .regform{padding:5px 0;}
#qreg .down{padding:50px 0 0 57px;}
#qreg .down a{display:block;width:220px;height:45px;text-indent:-9999px;}
.footer_active {width: 100%;margin: 0 auto;position: absolute;bottom: 0;height: 30px;cursor: pointer;z-index: 9999;}
.footer_bottom {z-index: 9999;bottom: -190px;width: 100%;position: relative;}

/*.suspension {width: 131px;height: 30px;position: fixed;top: 410px;right: 100px;z-index: 9999;}*/
/*.suspension a {width: 148px;height: 33px;color: #fff;font-weight: bold;font-size: 18px;    line-height: 33px;text-align: center;background: url(https://img1.tiancitycdn.com/project1/csol/event/2017/09/cs170913ver/images/1.png) no-repeat 0px -34px;float: left;margin-bottom: 10px;}*/
/*.suspension a:hover {background-position: 0px 0px;}*/

/*导航样式代码*/
.suspension { z-index: 10; position: fixed; top: 110px; right: 265px; overflow: hidden;color: #fff;width: 1170px;left: 49%;margin-left: -524px;height: 50px;}
.suspension a {width: 78px;height: 24px;font-weight: bold;text-align: center;float: left;line-height: 25px;font-family: SimHei;border: 1px solid #ecb7b7;font-size: 14px;color: #dbb5b5;margin-right: 5px;}
.suspension a.btn-1{margin-left: 780px;}
.suspension a:hover {color: #fff;border: 1px solid #fff;}

.videoPic{display:block;background: url(https://img1.tiancitycdn.com/project1/csol/event/2017/08/cs170817ver/images/video-btn.png) no-repeat center top;width:97px;height:93px;    position: absolute;    top: 460px;    left: 870px;}
.box div.con-page {opacity:0;-webkit-transform:scale(.9);-moz-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9);-ms-transform:scale(.9);-webkit-animation:test 1s forwards ease;-moz-animation:test 1s forwards ease;}
@-webkit-keyframes test{to{opacity:1;-webkit-transform:scale(1);}}
@-moz-keyframes test{to{opacity:1;-moz-transform:scale(1);}}
@-ms-keyframes test{to{opacity:1;-moz-transform:scale(1);}}
@-o-keyframes test{to{opacity:1;-moz-transform:scale(1);}}
/* UL 样式*/	
.runContainer {width: 870px;height: 400px;position: relative;margin:40px auto 0px;}
.runContainer .prev, .runContainer .next{top:450px;width:13px;height:62px;position: absolute;z-index:9999;display: block;left: 250px;font-size:0px;background: url(https://img1.tiancitycdn.com/project1/csol/event/2017/07/cs-map/btn-page.png) no-repeat;}
.runContainer .prev{background-position:-14px 0px;left: 724px;top: 448px;}
.runBox1 {width:870px;height:400px;overflow: hidden;margin: 0 auto;}
.runBox1 ul {width:100%;height:100%;}
.runBox1 ul li {float:left;width:100%;list-style: none;display:none;}		
.runBox3 {width:753px;height:486px;overflow: hidden;margin: 0 auto;}
.runNum{position: relative;z-index:9999;left: 300px;top: 50px;width: 405px;display: block;}

.runNum .on {}
.mask_mian3 .runNum {width: 75px;left: 660px;top: -110px;}
.mask_mian3 .runContainer .next{top: -270px;}
.mask_mian3 .runContainer .prev{top: -332px;}
.mask_mian3 .btn.btn-3 {width: 800px;height: 400px;top: 138px;left: 120px;background-position: 300px 150px;}
.mask_mian4 .runNum {left: 710px;width: 85px;top: -70px;display: block;}
#runBox1 .btn,#runBox2 .btn,.mask_mian3 .btn {display: block;background: url(http://img1.tiancitycdn.com/project1/csol/event/2017/08/cs170830ver/images/video-btn.png) no-repeat center center #000;width: 760px;height: 500px;position: absolute;top: 0;left: 0;filter:Alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
#runBox2 .btn {background:none;filter:Alpha(opacity=0);-moz-opacity:0;opacity:0; }
#runBox1 .btn:hover,#runBox2 .btn:hover {filter:Alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;}
#runBox2 .runNum{top: -220px;left: 490px;}
.mask_mian1{margin-top: -390px;}
.mask_mian2{margin-top: -400px;}
.mask_mian2 li img {padding-top: 80px;}
.mask_mian3{margin-top: -360px;}
.mask_mian4{margin-top: -360px;}
@media screen and (min-width:1700px){}
@media screen and (max-width:1365px){}
@media screen and (max-height:900px){}
@media screen and (max-height:800px){}
@media screen and (max-height:700px){}
.runNum a {float:left;font-size: 0;margin-right: 6px;}
 .runNum a{display: block;width: 92px;height: 50px;background: url(../images/sm.png) no-repeat 0px 0px;margin-right: 8px;}
.runNum a.on{border: 1px solid #fff;}
 .runNum a.btn_1{background-position:0px 0px;}
.runNum a.btn_2{background-position: -102px 0px;}
.runNum a.btn_3{background-position: -205px 0px;}
.runNum a.btn_4{background-position: -102px 0px;}

.mask_mian4 .pic-1{width:873px;height:252px;margin: 40px auto 0px;}
.mask_mian4 .pic-2{width:873px;height:252px;margin: 30px auto;}
.mask_mian2 .left{background: url(../images/pop2_txt.png) no-repeat center top;width:447px;height:443px;padding-left:0px;margin: 100px 0px 0px 500px;position: relative;}
.mask_mian2 .left a{display:block;width: 100%;height: 240px;position: absolute;bottom: 0;z-index: 20;}
.mask_mian2 .left a img{margin:0 auto;padding-top:80px;}
.mask_mian2 .pople{position: absolute;top: 140px;z-index: 10;}
.mask_mian5 .z{padding-top: 50px;width: 870px;margin: 0 auto;}
.mask_mian5 .t{padding-top: 80px;}
.mask_mian5 .z .left{background: url(../images/c1.jpg) no-repeat center top;width:525px;height:419px;}
.mask_mian5 .z .top{background: url(../images/c2.jpg) no-repeat center top;width:325px;height:200px;margin-left: 20px;margin-bottom: 20px;}
.mask_mian5 .z .bot{background: url(../images/c3.jpg) no-repeat center top;width:325px;height:200px;margin-left: 20px;}
.mask_mian5 .z .pop-btn{display:block;float: left;position: relative;}
.mask_mian5 .z .pop-btn .bag {background: #000;width: 100%;height: 100%;position: absolute;top: 0;filter:Alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;}
.mask_mian5 .z .pop-btn .bag:hover{filter:Alpha(opacity=0);-moz-opacity:0;opacity:0;}
.weapon_1 {display: none;}
.weapon_1 a.close {display: block;cursor: pointer;width: 36px;height: 36px;position: absolute;right: 0px;background: url(../images/close-btn.jpg);}
/*popule*/
.weapon_1{-webkit-animation:moves .5s linear;animation:moves .5s linear}
@keyframes moves{0%{transform:scale(0.2);opacity:0}
100%,50%{transform:scale(1)}
}
@-webkit-keyframes moves{0%{-webkit-transform:scale(0.2);opacity:0}
100%,50%{-webkit-transform:scale(1)}
}
@-moz-keyframes moves{0%{-moz-transform:scale(0.2);opacity:0}
100%,50%{-moz-transform:scale(1)}
}
@-ms-keyframes moves{0%{-ms-transform:scale(0.2);opacity:0}
100%,50%{-ms-transform:scale(1)}
}
@-o-keyframes moves{0%{-o-transform:scale(0.2);opacity:0}
100%,50%{-o-transform:scale(1)}
}
/*video*/
.mask_mian2 .left a img,.center-main .video a img{-webkit-animation:circlebig 0.7s infinite ease-in alternate;-moz-animation:circlebig 0.7s infinite ease-in alternate;-ms-animation:circlebig 0.7s infinite ease-in alternate; -o-animation:circlebig 0.7s infinite ease-in alternate;animation:circlebig 0.7s infinite ease-in alternate;}
@-webkit-keyframes circlebig{0%{-webkit-transform:scale(.93);opacity:.9}
100%{-webkit-transform:scale(1);opacity:1}
}
@-moz-keyframes circlebig{0%{-moz-transform:scale(.93);opacity:.9}
100%{-moz-transform:scale(1);opacity:1}
}
@-ms-keyframes circlebig{0%{-ms-transform:scale(.93);opacity:.9}
100%{-ms-transform:scale(1);opacity:1}
}
@-o-keyframes circlebig{0%{-o-transform:scale(.93);opacity:.9}
100%{-o-transform:scale(1);opacity:1}
}
@keyframes circlebig{0%{transform:scale(.93);opacity:.9}
100%{transform:scale(1);opacity:1}
}