@charset "utf-8";
body{padding:0px;margin:0px;font-size:14px;font-family:microsoft yahei,Arial;border:none;text-align:center;  background-color:#243F5A; min-width:1200px; color:#fff; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border:0 none; margin:0; padding:0;}
input, textarea { border-radius:0; outline:0 none; resize:none; }
input{ outline:none;}
img{border:none;margin:0px;padding:0px;}
ul,li{margin:0px;padding:0px;border:none;border:0;  list-style: none;}
a{position:relative;text-decoration:none; cursor:pointer; outline:none;}
h1{ margin:0px; padding:0px; font-weight:400;}
a:focus {outline:none;-moz-outline:none;}
a{outline:none;blr:expression(this.onFocus=this.blur());}
.show{display:block !important;}
.hide{display:none;}
.pr{ position: relative;}
.pa{ position:absolute;}
.w100{ width:100%;}
.h100{ height:100%;}
.wh100{ width:100%; height:100%;}
.lt0{ left:0; top:0;}
.l0{ left:0;}
.t0{ top:0;}
.fz14{ font-size:.32rem;}
.fl{float:left;}
.fr{float:right;}
.mr0{ margin-right:0 !important; }
.gray{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-webkit-filter: grayscale(1);
}

.mainPage{ margin:20px 0;}
.mainPage ul{width: 680px;height: 32px;display:block; margin:0 auto;}
.mainPage ul li{float: left; display: inline; height: 32px; line-height: 32px; padding: 0 10px;color:#000;font-size:15px; margin: 0 5px; border:1px solid #dedede; font-size:16px;}
.mainPage ul li a{color:#000;font-size:16px; }
.mainPage ul li.thisclass{background:#6FA0CE;border:1px solid #6FA0CE;color:#fff; font-size:16px;}
.mainPage ul li.thisclass a{color:#fff;}
.mainPage ul li a:hover, a:focus {
    color: hsl(209, 93%, 48%);}

.ban-code{position:relative;top:350px;left:0;z-index:9}
.ban-code-l{background:url(../images/sprite_bg.png) no-repeat -541px 0;width:350px;height:183px;float:left}
.ban-code .down-code{width:134px;height:152px;float:left;margin-left:22px;margin-top:15px;background:#fff;text-align:center}
.ban-code .down-code img{width:126px;margin-top:4px}
.ban-code .down-code p{font-size:12px;color:#522f76}
.ban-code .down-btn{float:left;margin-left:10px;margin-top:6px}
.ban-code .down-btn a{display:block;line-height:99em;overflow:hidden;margin:8px 0}
.ban-code .android-btn{background:url(../images/sprite_btn.png) no-repeat -446px -484px;width:154px;height:46px}
.ban-code .ios-btn{background:url(../images/sprite_btn.png) no-repeat -328px -604px;width:154px;height:46px}
.ban-code .android-btn:hover{background:url(../images/sprite_btn.png) no-repeat -164px -604px;width:154px;height:46px}
.ban-code .ios-btn:hover{background:url(../images/sprite_btn.png) no-repeat -492px -604px;width:154px;height:46px}
.ban-code .pc-btn{background:url(../images/sprite_btn.png) no-repeat -663px -112px;width:154px;height:46px}
.ban-code .pc-btn:hover{background:url(../images/sprite_btn.png) no-repeat -663px -56px;width:154px;height:46px}
.top-link-s{position:absolute;top:576px;left:355px;z-index:9;text-indent:-99em;overflow:hidden;background:url(../images/sprite_btn.png) no-repeat -177px -358px;width:227px;height:50px;display:none}
.ban-xsk{float:left;margin-left:8px;margin-top:67px;overflow:hidden;cursor:pointer}
.ban-xsk .xsk-btn{display:block;overflow:hidden;background:url(../images/sprite_btn.png) no-repeat -531px 0;width:122px;height:108px;position:relative}
.code-cont{font-size:0;margin:0 -30px;text-align:center}
.code-item{display:inline-block;*display:inline;*zoom:1;vertical-align:top;margin:0 85px;width:230px;height:190px;position:relative;background:#edecfb}
.code-item .inner{padding-left:30px;padding-top:16px;font-size:15px;color:#676294;line-height:1;word-break:break-all}
.code-item .inner .t1,.code-item .inner .t2,.code-item .inner .t3{float:left;text-align:center}
.code-item .inner .t1{width:18px}.code-item .inner .t2{width:18px;margin-left:8px}
.code-item .inner .t3{width:30px;font-size:24px;font-weight:700;margin-left:8px}
.code-item .inner .code{width:166px;height:166px;position:absolute;top:-22px;left:120px}
.code-item .inner .mod-t{height:130px}
.code-item .inner .name{position:relative;padding:12px 0;margin-top:2px;text-align:left}
.code-item .inner .name i{width:42px;height:2px;background:#6b677f;position:absolute;top:0;left:0}
.code-item .inner .name b{font-weight:400;color:#6b677f}
.code-cont .down-code .code{background:#fff}
.code-cont .down-code img{width:128px;height:128px;padding:19px;border:1px solid #aaa7d3}

.hoverOp,.hoverS{  -webkit-transition: all linear .2s; -moz-transition: all linear .2s; transition: all linear .2s;}
.hoverOp:hover{  opacity: 0.9; filter:alpha(opacity=90);}
.w1200{ width:1200px; margin:auto; position:relative; }
.boxCb{box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.cssddd{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.info{background:url(../images/info.png) no-repeat;}
.op01 i{ float:left; width:100%; height:100%; filter: alpha(opacity=0);  opacity: 0;}
.op01:hover i,.op01.hover i{ filter: alpha(opacity=100);  opacity: 1;}
.rotate180:hover i{-webkit-transform: rotateY(180deg); transform: rotateY(180deg); font-weight:bold;}
.more{ position:absolute; right:0; top:0; background-position:left -54px; width:40px; height:40px;}

.main{ width:100%; min-width:1200px; background:url(../images/bg7.jpg) no-repeat center top; }
.zbox{ width:100%; position:relative;}
.sbox{ float:left; position:relative;}

/*底部*/
.footer{ width:100%; padding:20px 0 40px 0; height:auto; position:relative; overflow:hidden;  min-width:1200px;}
.zt_footer {
  margin: 0 auto;
  width: 1200px;
  text-align: center;
  font-size: 16px;
  color: #fff; /* 更新文本颜色为 #929292 */
  text-shadow: 2px 2px 2px #000; /* 添加文本阴影 */
}
.zt_footer p{ line-height:20px;}
.zt_footer p.ftMp{ font-size:14px; padding:10px 0;}
.zt_footer span{ padding:0 3px 0 8px;}
.zt_footer p.ftMp span{padding:0 22px;}
.zt_footer font{ font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.zt_footer a{color:#929292;}
.zt_footer a:hover{ text-decoration:underline;}/* CSS Document */

.pop_win{ z-index:900; width:100%; height:100%; position:fixed; _position:absolute; left:0px; top:0px; display:none;}
.pop_win .pwin_bg{width: 100%;height: 100%; background: #000; opacity: .7; filter: alpha(opacity=70);-moz-opacity: .7; -khtml-opacity: .7; }
.pop_win .pwin_box{ position:absolute; right:50%; top:50%; }

#msg_win .pwin_box{  width:514px; min-height:200px; margin-top:-100px; margin-right:-257px; background:url(../images/msg/logo.png) no-repeat 390px 90% #f1f8ff;}
#msg_win .pwin_box .mst_tt{ float:left; width:100%; height:54px; position:relative;}
#msg_win .pwin_box .mst_tt div{ float:right; width:45px; height:45px; background:url(../images/msg/x.jpg); cursor:pointer;}
#msg_win .pwin_box .mst_tt i{ float:left; margin:16px 0 0 18px; width:27px; height:27px; background:url(../images/msg/ico.png);}
#msg_win .pwin_box p{ float:left; margin-left:21px; width:412px; border-top:solid 1px #ccd1f0; text-align:left; color:#434343; font-size:16px; line-height:28px; min-height:84px; padding:15px 18px 48px 18px; overflow:hidden;}