/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
textarea{resize:none;}
fieldset, img { border:0; }
address, caption, cite, code, dfn, th, var ,i{ font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
abbr, acronym { border:0; }
.clear{zoom:1;}
.clear:after{ content:""; display:block; clear:both;}
a{ text-decoration:none; cursor:pointer; transition:all ease-out 150ms;}
a:hover{ text-decoration:none;}
div,span{ transition:all ease-out 150ms}
body{ font-size:12px; font-family:Microsoft Yahei; background:#fff; color:#181130;}
input{border:0 none;}

.clear{ border:none;clear: both;height: 0;margin: 0;overflow: hidden; padding: 0;width: 0;}
.left{float:left;}
.right{float:right;}

.main{background:url(../images/bg.jpg) no-repeat top center; width: 100%; overflow: hidden; min-width: 1200px;}
.mains{background:url(../images/bodybjs.jpg) no-repeat top center; width: 100%; overflow: hidden; min-width: 1200px;}

.menus{height: 74px; width: 1200px; margin: 0 auto; padding-left:380px; box-sizing: border-box;}
.menus:after{clear: both; display: block; content: " ";}
.menus a{display: block; float: left; width: 145px; height: 70px; text-align: center; 
  color: #3e3e3e; margin: 0 8px;}
.menus .s_index{background: url(../images/d_01.png) no-repeat;}
.menus .s_new{background: url(../images/d_02.png) no-repeat;}
.menus .s_youxi{background: url(../images/d_03.png) no-repeat;}
.menus .s_jincai{background: url(../images/d_04.png) no-repeat;}
.menus .s_yxlt{background: url(../images/d_05.png) no-repeat;}
.menus .s_index.on{background: url(../images/d_01h.png) no-repeat;}
.menus .s_new.on{background: url(../images/d_02h.png) no-repeat;}
.menus .s_youxi.on{background: url(../images/d_03h.png) no-repeat;}
.menus .s_jincai.on{background: url(../images/d_04h.png) no-repeat;}
.menus .s_yxlt.on{background: url(../images/d_05h.png) no-repeat;}

.download{margin: 810px auto 60px;height: 196px;width:1200px;position: relative; border-radius:18px;}
.download_center{width:716px; background: #fff; border-radius:18px;height: 196px;}
.download span{display: block;width:191px;height:167px;padding: 4px 0 0 36px;background: url(../images/codebj.png) no-repeat;position: relative;top: 15px;margin-left: 294px;}
.download span img{ width: 158px; height:158px; }
.download a{display: block;width: 231px;height: 72px;position: absolute;}
.download .ios{background: url(../images/x_ios.png) no-repeat;top: 72px;left: 527px;width: 161px;height: 48px;}
.download .ands{background: url(../images/x_and.png) no-repeat;top: 130px;left: 527px;width: 161px;height: 48px;}
.download .jd{background: url(../images/jd.png) no-repeat;top: 15px;left: 527px;width: 161px;height: 48px;}
.download .hefu{background: url(../images/x_hfcx.png) no-repeat;top: 106px;left: 27px;}
.download .zxsw{background: url(../images/x_zxsw.png) no-repeat;top: 15px;left: 27px;}

/* .download .ios:hover{background: url(../images/iosbts.png) no-repeat;}
.download .ands:hover{background: url(../images/andbts.png) no-repeat; }
.download .hefu:hover{background: url(../images/hefus.png) no-repeat;}
.download .zxsw:hover{background: url(../images/zxsws.png) no-repeat;} */
.download .f{width: 55px; height: 55px; background: url(../images/f.png) no-repeat; top: 36px; left:380px;}
.download .apk{width: 55px; height: 55px; background: url(../images/bate.png) no-repeat; top: 96px; left:380px;}
.switc_box{ background: url(../images/bodybj4.jpg) repeat-x; height: 456px; width: 100%;}
.switc{margin:0px auto 0; width: 1200px; height:340px; padding-bottom: 30px;}		
.switc:after{clear: both; display: block; content:" ";} 
.cartoon{width: 100%;}
.areas{height: 754px;}
.carousel.ym-slider .indicator { position:absolute;height:18px;z-index:80;bottom:12px;right:36px;}
.carousel { position: relative;width:531px;height:345px;overflow: hidden; float: left;}
.carousel .slides { position: relative;width: 100%;height: 100%;overflow: hidden; }
.carousel .slide { position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.carousel .slide img{width:531px; height: 345px; border-radius:0 20px 0 20px;}

.carousel li { float:left; margin-left:6px; width:18px;height:18px; background: url(../images/tabyxbj.png) no-repeat center;}
.carousel li.active { background: url(../images/tabyxbjs.png) no-repeat center; width: 61px;}
.carousel li a { width:18px;height:18px;display:block;}
.ym-tabs .more{display: block;position: absolute;width: 25px;top: 19px;right: 0;color:#fff;font-size: 16px;height: 37px;text-align:center;line-height: 30px;font-weight: bold;}
.ym-tabs { position:relative;width:420px;height:338px; float: right;  border-left: none; }
.ym-tabs .tab-indicator { width:100%; padding-left: 18px; height:61px;z-index:80; border-bottom: #cbd9e0 solid 1px;font-weight: bold;}
.ym-tabs li { float:left;width:88px;height:61px; }
.ym-tabs li.active {border-bottom:#39b5cb solid 4px; }
.ym-tabs li.active a{ color:#1d7b9e ;}
.ym-tabs li a { width:76px;height:56px;line-height:61px; font-size:24px;color:#000;display:block;text-align: center;}
.ym-tabs li a:hover { text-decoration: none; }
.ym-tabs .tab-indicator-line {position:absolute;top:36px;left:0;width: 100px;height: 4px;font-size: 0;line-height: 0;background-color: #5b72e4;z-index: 50;display: block;}
.ym-tabs .tabs { position:relative;width:435px;height:100%;overflow: hidden; }
.ym-tabs .tab-item { width: 100%;height:auto; padding-top: 14px;}
.ym-tabs .tab-item li{ display: block;float: none; height:41px;  width:100%; margin-left: 0;} 
.ym-tabs .tab-item li a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display:inline-block; color:#000000; height:41px; font-size: 15px; line-height:23px; float: left; width:90%;text-align: left; padding-left:18px;box-sizing: border-box; position:relative; }
.ym-tabs .tab-item li span{  color: #301f3a; float: right; padding-top: 2px;}
.ym-tabs .tab-item li a:hover,.ym-tabs .tab-item dl a:hover{color: #da0000;}
.ym-tabs .tab-item li a:hover span{color:#da0000;}
.ym-tabs .tab-item li strong{font-weight: normal;}
.ym-tabs .tab-item dl{overflow: hidden; padding:10px 0  10px 20px;}
.ym-tabs .tab-item dl dt{ float: left; width:74px; margin-right: 10px;}
.ym-tabs .tab-item dl dt img{ border-radius: 50%;width:74px;height: 74px;}
.ym-tabs .tab-item dl dd{ float: left; width:310px ;}
.ym-tabs .tab-item dl dd h3{font-size: 24px;color: #000000; padding: 2px 0 3px;}
.ym-tabs .tab-item dl a{color: #000000;}
.ym-tabs .tab-item dl dd span{font-size: 14px;color: #000000; display: inline-block;}

.interface{height: 345px; float: left; width: 201px; margin-right: 20px; position: relative;}
.interface:after{clear: both; display: block; content: " ";}
.interface a{display: block; width: 200px; float: left; height: 114px;  margin-right: 4px; }
.interface .t_rwm{ position: absolute;left: 230px; top: 15px; z-index: 9; display: none;}
.interface .t_rwm img{width: 180px; height: 204px; border-radius: 0;}

.yx_box{ background: url(../images/bodybj3.jpg) no-repeat top center;  height: 1310px;}
.yx_box .yx_box_center{ width: 1200px; margin: 0 auto;background: url(../images/yx/tz.png) no-repeat 548px 100px;
 height: 674px; box-sizing: border-box; position: relative;}
.yx_box .yx_box_center .yx_bt_lt{ width: 135px; text-align: center; position: absolute;left: 0;top:105px; z-index: 99;}
.yx_box .yx_box_center .yx_bt_lt a{ display: inline-block; background: url(../images/yx/wcs.png) no-repeat; width: 74px; 
height: 72px; text-align: center; padding-top:24px; box-sizing: border-box; margin-bottom: 24px;}
.yx_box .yx_box_center .yx_bt_lt a.active{background: url(../images/yx/whg.png) no-repeat;}

.yx_box .yx_box_center .yx_bt_rt{overflow: initial !important;}
.yx_box .yx_box_center .yx_bt_rt div{ position: relative; }
.yx_box .yx_box_center .yx_bt_rt .rt_box01 .rt_box01_lt{width:345px; position: absolute;left: 145px;top: 120px;color: #fff;}
.yx_box .yx_box_center .yx_bt_rt .rt_box01 .rt_box01_lt h3{ font-size: 27px; border-bottom: #fff solid 1px;}
.yx_box .yx_box_center .yx_bt_rt .rt_box01 .rt_box01_lt h3 i{ font-size: 14px;}
.yx_box .yx_box_center .yx_bt_rt .rt_box01 .rt_box01_lt h3 span{font-size: 14px; display: block; padding: 14px 0;}
.yx_box .yx_box_center .yx_bt_rt .rt_box01 .rt_box01_lt p{ margin:18px 0; line-height:20px;font-size: 14px; height: 64px; 
padding: 11px 0 0 16px; box-sizing: border-box;}
.yx_box .yx_box_center .yx_bt_rt .rt_box01 .rt_box01_lt p.active{ background: url(../images/yx/wbj.png) no-repeat;}
.yx_box .yx_box_center .yx_bt_rt .rt_box01 .rt_box01_rt span{ animation:pos 3.5s infinite linear;top:30px;left: 609px;
position: absolute; display: inline-block;}
@keyframes pos{0%{transform:translateY(0)}50%{transform:translateY(-12px)}100%{transform:translateY(0)}}
.yx_box .yx_box_center .yx_bt_rt .rt_box01 .rt_box01_rt i{ display:inline-block; background: url(../images/yx/j01.png) no-repeat ; 
width:736px;height:249px;left:480px;top:300px;position:absolute;}
.yx_box .yx_box_center .yx_bt_rt .rt_box01 .rt_box02_rt i{ display:inline-block; background: url(../images/yx/j02.png) no-repeat ; 
width:736px; height:249px;left:480px;top:300px;position:absolute;}
.yx_box .yx_box_center .yx_bt_rt .rt_box01 .rt_box03_rt i{ display:inline-block; background: url(../images/yx/j03.png) no-repeat ; 
width:736px; height:249px;left:480px;top:300px;position:absolute;}
.yx_box .yx_box_center .yx_bt_rt .rt_box01 .rt_box04_rt i{ display:inline-block; background: url(../images/yx/j04.png) no-repeat ; 
width:736px; height:249px;left:480px;top:300px;position:absolute;}
.yx_box .yx_box_center .yx_bt_rt .rt_box01 .rt_box05_rt i{ display:inline-block; background: url(../images/yx/j05.png) no-repeat ; 
width:736px; height:249px;left:480px;top:300px;position:absolute;}
.yx_box .yx_box_center .yx_bt_rt .rt_box01 .rt_box01_rt i a{ display: inline-block; width: 100px; height: 100px;}
.yx_box .yx_box_center .yx_bt_rt .rt_box01 .rt_box01_rt i a.jn01{ position: absolute;top:111px;left:85px;}
.yx_box .yx_box_center .yx_bt_rt .rt_box01 .rt_box01_rt i a.jn02{ position: absolute;top:150px;left:230px;}
.yx_box .yx_box_center .yx_bt_rt .rt_box01 .rt_box01_rt i a.jn03{ position: absolute;top:150px;left:410px;}
.yx_box .yx_box_center .yx_bt_rt .rt_box01 .rt_box01_rt i a.jn04{ position: absolute;top:111px;left:580px;}

.yx_bt01{ text-align: center; padding: 32px 0 25px;}
.yy_box{ width: 1060px; margin: 0 auto;}
.bt_tab {text-align: right;font-size: 18px;padding-right: 13px;}
.bt_tab a{color: #9aa8ba; padding: 0 20px;border-right:#9aa8ba solid 1px; }
.bt_tab a.active{ color:#245ba2; border-right:#245ba2 solid 1px;}
.raiders{margin-top: 13px;height:290px;width: 1044px;padding: 8px 0 0 6px;background: #fff;}
.raiders:after{clear: both; display: block; content: " ";}
.raiders .show{width:1060px;height: 287px;padding-left:1px;} 
.raiders .title{width:572px; height:53px; background: url(../images/spbj.jpg) no-repeat;padding: 10px 0 0 20px; position: relative;}
.raiders .title .more{display: block; width:66px; height: 37px; background: url(../images/more.png) no-repeat; position: absolute; right: 16px; bottom: 14px; color: #fff; font-size: 17px; font-weight: bold; text-align: center; line-height: 30px;}
.raiders .show .title .bt{display: block; background: url(../images/jcsp.png) no-repeat; width: 184px; height: 42px; }
.raiders .dsp{width:413px;height: 278px;position: relative;float: left;margin-right: 3px;}
.raiders .dsp em{display: block;width: 410px;height: 278px;background-color:rgba(0,0,0,0.2);position: absolute;top:0;left: 0;z-index: 9998;}
.raiders .dsp img{width: 410px;height: 278px;display: block;}
.raiders .dsp a span{display: block; z-index:9999;width: 116px; height: 114px; background: url(../images/span.png) no-repeat; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);}
.raiders .xsp{float: left;width: 630px;}
.raiders .xsp a {display: block;position: relative;width: 202px;height: 134px;margin: 0 7px 9px 0px;float: left;}
.raiders .xsp img{width: 202px;  height: 134px; display: block; }
.raiders .xsp a span{display: block; width:86px; height: 84px; background: url(../images/spans.png) no-repeat; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); z-index: 9999;}
.raiders .xsp em{display: block;width:202px ; height: 134px;  background-color:rgba(0,0,0,0.5); position: absolute; top:0; left: 0; z-index: 9998;}
.raiders .wallpaper{width: 100%;padding-left: 2px;}
.raiders .wallpaper .title .bt{display: block; background: url(../images/kxbz.png) no-repeat; width: 184px; height: 42px; }
.raiders .wallpaper .picture:after{clear: both; display: block; content: " ";}
.raiders .wallpaper .picture a{display: block;float: left;width:202px;height: 134px;margin: 1px 6px 7px 0;}
.raiders .wallpaper .picture img{ width:202px; height: 134px;}
.spyx_mor{ text-align: right; font-size: 18px;color: #2e2f34; padding:10px 13px 0 0; box-sizing: border-box;}
.spyx_mor a{color: #2e2f34;}
.spyx_mor a:hover{ color: #1c4a84;}

.wrap_hz{ width: 100%; height:162px ;}
.wrap_hz .main_mt{ width: 1200px; margin: 0 auto;  }
.wrap_hz .main_mt .hztit{ width: 180px;line-height: 156px;text-align: right; padding-right: 50px; float: left; font-size: 42px; color: #152a58; background: url(../images/hl.jpg)  no-repeat right center;}
.wrap_hz .main_mt .hzbox { width:878px;  height: 67px; float:left;overflow:hidden;margin:50px 0 0 20px;position:relative; }
.wrap_hz .main_mt .hzbox li { float:left;margin-right:10px;width:135px;background:#fff;overflow:hidden;text-align:center; }
.wrap_hz .main_mt .hzbox li img{ width:118px; height: 67px;}

.content{width: 1171px; margin: 0 auto 56px; padding-top: 680px; }
.content:after{clear: both; display: block; content: " ";}
.downs{float: left; padding-left: 22px; padding-top:23px;width: 257px; height: 495px;  background:url(../images/fjlbj.png) no-repeat left top;}
.downs .bots{margin-bottom: 17px;}
.downs .bots a{display: block; width: 242px; height: 72px;}
.downs .bots .ios1{background: url(../images/iosbt1.png) no-repeat; margin-bottom: 10px;}
.downs .bots .ands1{background: url(../images/andbt1.png) no-repeat;margin-bottom: 4px;}
.downs .bots .hefu1{background: url(../images/hefu1.png) no-repeat;}
.downs .codes{width: 230px; height: 262px; padding: 11px 0 0 0px; margin-left: 2px; background:#fff;text-align: center; }
.downs .codes img{width: 210px; height: 210px;}
.downs .codes span{color: #392c53; font-size: 26px; text-align: center;display: block;}
.news{width: 890px; float: left;}
.news .title1{width: 710px;position: relative;/* height: 60px; */padding-left: 54px; box-sizing: border-box;}
.yx_box_tit{padding-left: 90px !important;}
.xx_text{ border-bottom: #a6c6d9 solid 1px; margin-left: 50px;padding-left: 30px !important; width: 94% !important;}
.news .title1 h2{font-size: 35px;color: #301f3a;/* line-height: 60px; */font-weight: bold; box-sizing: border-box;}
.news .title1 h2 span{color: #1570b3; font-size: 24px; line-height: 60px;}
.news .title1 h2 a{color: #1570b3; font-size: 24px; line-height: 60px;}
.news .title1 .postion{position: absolute; right: 10px; bottom: 12px; color: #301f3a; font-size: 16px;}
.news .title1 .postion a{color: #301f3a; font-size: 16px;}
.news .title1 .postion a:hover{text-decoration: underline;}
.news .core{width: 890px; padding-bottom:24px;}
.core .category {width: 694px; height: 52px; padding: 7px 0 0 14px; background: url(../images/spbjs.jpg) no-repeat top center;}
.core .category a{color: #8f2a29; font-size: 22px; line-height: 52px;  font-weight: bold; display: block; text-align: center; width: 92px; height: 52px; float: left; margin:  0 14px }
.core .category a.now, .core .category a:hover{color: #fff; background: url(../images/flbj.png) no-repeat;}
.core .list{padding: 0px 0px 0 50px;}
.core .list .level li{width: 100%; position: relative;height: 119px; display: block; border-bottom:1px #a6c6d9 solid ;}
.core .list .level li:first-child{border-top:1px #a6c6d9 solid ;}
.core .list .level li:hover{ background: url(../images/lhbj.png) repeat-x;}
.core .list .level li a{color:#301f3a; font-size: 16px;  padding-left: 10px; width: 100%; display: block; }
.core .list .level li a p{width: 100%;font-size: 24px;color: #201f3a; display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding: 23px 0 10px 10px; 
  background: url(../images/lbe.png) no-repeat 33px 33px;padding-left: 60px}
.core .list .level li a span{width: 100%; height:52px;font-size: 16px;padding-left: 60px;color:#868686;  display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.core .list .level li a:hover{color: #da0000;}
.nums{ margin: 46px auto 0; width: 420px;}
.nums:after{clear: both; display: block; content: " ";}
.nums .yema{float: left;}
.nums .stat{float: left;}
.nums a{display: block; float: left; background: #fff; color: #535353; font-size:12px; height: 12px; padding:5px 6px; margin: 0 4px; line-height: 1; border: #acd7f6  1px solid;}
.nums a.nows, .nums a:hover{ color:#fff; background:#9ad4fe ; border: #9ad4fe  1px solid;}
.nums .ups:hover, .nums .nexts:hover ,.nums .finally:hover{ background: no-repeat; color: #535353; border: #9ad4fe 1px solid;}
.nums .stat {padding:5px 6px;  color:#535353;}
.nums .stat em{font-style: normal; height: 12px; }

/*foot*/
.copyright{ padding-top:30px; background: #ededed;}
.foot{ height:114px;overflow:hidden;position:relative;text-align:center;}
.foot:after{content:""; display:block; clear:both;}
.foot .bot-logo{display:inline-block; margin-right:15px;}
.regard { padding-top:3px;display:inline-block;text-align:left;vertical-align:top; }
.regard p{font-size:13px; color:#3e3e3e ;line-height:24px;}
.regard p img{vertical-align:middle;}

/*游戏攻略*/
.core .info a{width: 123px;}
.core .info a.now, .core .info a:hover{background: url(../images/menubj1.png) no-repeat;}

/*视频页面*/
.video{width: 890px;padding: 0px 0 42px 0px;background: #fffdfc;}
.video .sps:after{clear: both; display: block; content: " ";}
.video .sps a{display:block;width: 259px;height: 176px;background: #000;float: left;margin: 12px 0px 28px 37px;}
.video .sps img{width: 262px; height: 204px; }
.deck{width:100%; height:100%; background-color:rgba(0,0,0,0.5);  position:fixed;top: 0; left: 0; z-index: 100; }
.pop{width:669px; height:547px; background: #000; left:50%;margin-left: -334px; margin-top: -273px;position: fixed;top: 50%; z-index:2; position:relative; border: 1px solid #f7b76d;}
.pop a{display:block; width:50px; height:50px;  position:absolute; right:-52px; top:-1px; background: url(../images/eixt.png) no-repeat;}
.pop video{width:669px; height:546px;}

/*壁纸页面*/
.wall_list{ padding:10px 0 6px; width:890px; zoom:1; }
.wall_list:after{ content:""; display:block; clear:both}
.wall_list .paper{ width:100%; overflow: hidden; clear: both;}
.wall_list .paper li{ width:421px; margin: 0px 0px 0px 24px; text-align:center; padding:5px 0; float:left}
.wall_list .paper li img{width: 421px;}
.wall_list .paper01 li img{ width: 157px;}
.wall_list .wdown{width: 421px; padding:6px 10px; text-align:left; font-size:14px; zoom:1; box-sizing: border-box;}
.wall_list .wdown_top{ width: 100%; height: 25px; padding-left: 50px;}
.wall_list .wdown_bottom{width: 100%; height: 25px;padding-left: 50px;}
.wall_list .wdown:after{ content:""; display:block; clear:both;}
.wall_list .wdown span{ display:block; height:48px; background:url(../images/wa_07.jpg) no-repeat 0px 5px; padding-left:20px; float:left}
.wall_list .wdown .sp1{height:24px; padding-left:31px; }
.wall_list .wdown .sp2{height:24px; background:none; padding:0;}
.wall_list .wdown a{ display:inline-block; color:#747474; width:77px; margin:0 5px 0 0; float:left}
.wall_list .wdown a:hover{text-decoration: underline;}

/*详情页面*/
.core .details{color:#301f3a; font-size: 16px;width: 694px; height: 59px; padding-left: 14px; background: url(../images/spbjs.jpg) no-repeat top center;}
.core .details a{color:#301f3a; font-size: 16px; line-height: 59px;}
.core .details a:hover{text-decoration: underline;}
.mation h3{color: #201f3a; font-size: 30px; text-align: center; margin: 28px 0 2px 50px;}
.mation>p{color: #868686 ; font-size: 18px; margin: 0 0 0 50px; text-align: center;}
.mation .dets{padding:18px 5px 0 65px; width: 90%; margin: 0 auto;}
.mation .dets p{font-size:16px ; color: #5c4640; text-indent: 32px; line-height: 1.5; margin: 8px 0;}
.mation .dets img{ display: block; max-width: 680px; margin: 0 auto;}

/*超首页面*/
.homepage{background: url(../images/bodybj2.jpg) no-repeat top center; height:953px; position: relative;}
.logo{width: 212px; height: 113px; position: absolute; left:360px; top: 32px;}
.jrgw{position: absolute;width: 110px;  height: 35px; display: block; right:0px; top: 28px; border: #c3d1fa solid 2px; 
text-align: center;font-size: 16px;line-height: 33px; color:#c3d1fa; border-radius: 30px; background:#3f5595}
 
.warps{width: 1150px;margin: 0 auto;position: relative;}
.conts{padding: 485px 0 0 0px;}
.conts:after{ content:""; display:block; clear:both;}
.conts .button{float: left;width: 204px;padding-top: 2px;}
.conts .button a{display: block;width: 197px;height: 53px;}
.conts .button .cs-ios{background: url(../images/iosbut.png) no-repeat; margin-bottom: 6px;}
.conts .button .cs-ands{background: url(../images/andbut.png) no-repeat;}
.conts .cs-video{width: 197px; height: 120px; box-sizing: border-box; float: left;border-radius: 5px; background: #5469a7; padding: 5px 0 0 5px; position: relative;}
.conts .cs-video img{width: 188px; height: 108px;}
.conts .cs-video .buts{display: block; width:42px; height: 42px; background: url(../images/csspan.png) no-repeat; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%)}
.conts .cs-code{float: left; width: 146px; height: 120px; margin-right: 8px; background: url(../images/gzgfwx01.png) no-repeat;}
.conts .cs-code img{margin: 7px 0 0 10px; display: block; width: 105px;}
/*首页视频弹窗*/
.popup { position: fixed;width: 669px;height: 547px;background: #ccc;display: none; border: 1px solid #f7b76d;}
.btnclose { position: absolute;top: -1px;right: -52px;width:50px;height: 50px; background: url(../images/eixt.png) no-repeat;  }
.panel { position: absolute;top: 0;left: 0;width: 100%;}
.popup1{ position: fixed;width: 857px;height: 480px;background: #ccc;display: none; border: 1px solid #f7b76d;}

/*图片弹窗*/
.popups{ position: fixed;width: 760px;height: 440px;background: #ccc;display: none; border: 1px solid #f7b76d;}
.popups .btnclose { position: absolute;top: -1px;right: -52px;width:50px;height: 50px; background: url(../images/eixt.png) no-repeat;  }
.popups .panel img{width: 760px;height: 440px;}

/*安卓弹窗*/
.popup2{ position: fixed;width:614px;height: 360px;background: #fffbf9;display: none; border: 3px solid #ecdbcd;}
.popup2 .btnclose { position: absolute;top: 10px;right: 10px;width:18px;height:17px; background: url(../images/eixts.png) no-repeat;  }
.popup2 .panel .service{padding:0 40px;float: left; margin: 34px 0;}
.popup2 .panel:after{clear: both; display: block; content: " ";}
.popup2 .panel .service a{ display: block; width:226px ; height: 69px; margin-bottom: 16px; }
.popup2 .panel .gfxz{border-right: 1px solid #e8d3c1;}
.popup2 .panel .gfxz a{background: url(../images/gfhf.png) no-repeat;}
.popup2 .panel .zfxz a{background: url(../images/gfzf.png) no-repeat;}
.popup2 .panel .service img{width: 198px;height: 198px; display: block; margin-left: 10px; border:#a02e17 3px solid ;}

/*合服弹窗*/
.popup3{width: 620px;height: 394px; background:url(../images/search-bg.png) no-repeat;display: block; position: fixed;}
.popup3 .btnclose{position: absolute;width: 22px; height: 22px;display: inline-block;float: right;right:9px;z-index: 10;top:13px;
background-size: 100%; }
.search-box .po-cont{width: 620px;height:392px;margin: 0 auto;overflow: hidden;}
.po-cont .tit{margin-top:78px; height: 34px;}
.po-cont .tit li{float: left;height: 34px; margin-right: 6px;}
.tit .pt{color:#995c4d; font-size: 20px; line-height:34px;}
.tit select{width: 174px;height: 34px;background: #995c4d; border:none; font-size: 20px; color: #fff;}
.tit .qf{color:#995c4d; font-size: 20px; line-height: 34px; margin-left:20px ;}
.tit .search{width:210px;background: #995c4d; }
.tit .search .txt{width: 140px;height:34px; color:#fff; font-size:20px;background: #995c4d;border:none; line-height: 22px; vertical-align: top;}
.tit .search i{width: 25px;height: 25px; display: inline-block; background: url(../images/search-01.png) no-repeat;position: relative;top:0; }
.tit .search .search-btn{width:60px;height: 34px;background:#995c4d;color: #fff; line-height:34px;font-size: 20px;position: relative;top:0;left: 5px; }
.table{position:relative;width: 96%;height:200px; overflow-y: scroll;top: 24px; background: #fafff1; margin-left: 4px;}
.po-cont ul{position: relative;width: 90%;max-height:200px;text-align: center; margin: 0 auto; }
.po-cont .t-list li{width: 50%; height: 36px;line-height: 36px;float: left;display: inline-block; border-bottom:1px solid #fff; border-left: none;box-sizing: border-box; background: #e3cab5;}
.po-cont .t-list li:nth-of-type(even){border-right:none;}
.po-cont .t-list li{border-right:1px solid #fff;font-size: 21px;color: #70463c;}
.po-cont .t-list li  span{display: inline-block;padding-right: 15px;}
.ts{position: relative; top:45px; color: #901717;text-align: center;line-height: 40px;}

.main { position: relative;}
.warp { position: relative;z-index: 9;}
.canvas01 { position: absolute;top:0;left:50%;transform: translateX(-50%);width:1920px;height:1080px;}
.canvas02 { position: absolute;top: -2px;left: 0;width: 100%;height: 1080px;overflow: hidden;z-index: 2;}

.ym-tabs .tab-item li a { width:80%;}
.ym-tabs .tab-item li span{ padding-right:20px;}

.indexlogo { width:195px;position:absolute;top:23px;left:50%;margin-left:-530px; }
.indextxt { width:814px;height:109px;background: url(../images/index.png) no-repeat;position: absolute;top:230px;left:50%;margin-left:-550px; }
.indexbt { width:1920px;height:70px;background: url(../images/indexbt.png) no-repeat;position: absolute;top:1010px;left:50%;transform: translateX(-50%);z-index:4;}
.indexbg { background: url(../images/bg02.jpg) no-repeat;position: absolute;top:0;left:50%;transform: translateX(-50%);width:1920px;height:1080px;z-index:3;opacity:.25;}

#canvas {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
}

.gold { width:80px;height:83px;background: url(../images/gold-coin.gif) no-repeat 0 0/100%;position: absolute;top:390px;left:50%;margin-left:-30px;}