@charset "utf-8";

.f-left{ float:left}
.f-right{ float:right}
.m-auto{ margin:0 auto}
.f-weight{ font-weight:bold}
.t-center{ text-align:center}

.clearfix:after{ display:block; content:""; visibility:hidden; height:0; clear:both}
.clearfix{_zoom:1}
.p-t-15{ padding-bottom:15px}
.topbar{ width:100%; min-width:980px; height:76px; border-bottom:3px solid #395ad1; background:#f1f1f1}
.logo{ width:169px; height:76px; font-size:12px; font-weight:500; float:left; margin-left:30px; display:inline}
.nav{ width:686px; height:76px; float:right;}
.nav li{ float:left; width:98px; height:76px; text-indent:-999px; overflow:hidden}

.nav li a{ display:block; width:98px; height:76px; background:url(../img/navbg.png) no-repeat;}
.nav li.nav-1 a{ background-position:0 0}
.nav li.nav-1 a:hover,.nav li.nav-1 a.curr{ background-position:0 -80px}
.nav li.nav-2 a{ background-position:-98px 0}
.nav li.nav-2 a:hover,.nav li.nav-2 a.curr{ background-position:-98px -80px}
.nav li.nav-3 a{ background-position:-196px 0}
.nav li.nav-3 a:hover,.nav li.nav-3 a.curr{ background-position:-196px -80px}
.nav li.nav-4 a{ background-position:-294px 0}
.nav li.nav-4 a:hover,.nav li.nav-4 a.curr{ background-position:-294px -80px}
.nav li.nav-5 a{ background-position:-392px 0}
.nav li.nav-5 a:hover,.nav li.nav-5 a.curr{ background-position:-392px -80px}
.nav li.nav-6 a{ background-position:-490px 0}
.nav li.nav-6 a:hover,.nav li.nav-6 a.curr{ background-position:-490px -80px}
.nav li.nav-7 a{ background-position:-588px 0}
.nav li.nav-7 a:hover,.nav li.nav-7 a.curr{ background-position:-588px -80px}

.focus-box{ min-width:980px; position:relative;  height:546px; overflow:hidden; border-bottom:3px solid #395ad1; background:#efefef; margin-bottom:14px}	
.focus-box .bd{ position:relative; z-index:0; }	
.focus-box .bd ul{ width:100% !important;  }	
.focus-box .bd li{ width:100% !important;  height:546px; overflow:hidden; text-align:center;  }	
.focus-box .bd li a{ display:block; height:546px;}	
.focus-box .hd{ width:100%;bottom:15px; left:0; position:absolute; z-index:1; overflow:hidden; text-align:center  }
.focus-box .hd ul li{ margin:0 5px; display:inline-block; *display:inline; zoom:1; cursor:pointer; width:16px; height:16px; background:#fff; }
.focus-box .hd ul li.on { background:#686868}
.focus-box .prev,.focus-box .next { width:81px; height:97px; position:absolute; top:40%; z-index:3; filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;transition:All .5s ease;}
.focus-box .prev { background:url(../img/btn.png) 0 0; left:0 }
.focus-box .next { background:url(../img/btn.png) -82px 0; right:0}
.focus-box .prev:hover,.focus-box .next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8; }
.wraper{ width:980px; margin:0 auto}
.border-box{ border:1px solid #d2d4d5; background:#fff}
.jianjie{ width:282px; height:272px; margin-right:12px; overflow:hidden}
.title{ height:34px; background:url(../img/imgbg.png) no-repeat}
.jianjie .title{ background-position:0 0}
.jianjie p{ text-indent:2em; line-height:22px; padding:10px 20px}
.img-box{ width:284px; height:274px; overflow:hidden; float:left; position:relative;}
.img-box .bd{ position:relative; z-index:0; }	
.img-box .bd li{height:274px; width:284px}	
.img-box .hd{ display:none}
.news-box{ width:387px; height:272px; overflow:hidden}
.news-box .title{ background-position:0 -41px}
.more{ width:12px; height:12px; display:inline; float:right; text-indent:-9999px; overflow:hidden; margin:12px 10px 0 0}
.more-white{ background:url(../img/imgbg.png) no-repeat -305px -12px}
.more-black{ background:url(../img/imgbg.png) no-repeat -321px -12px}
.news-box h2{ font-size:14px; font-weight:bold; width:368px; margin:0 auto; height:45px; line-height:45px; overflow:hidden; text-align:center; border-bottom:1px solid #dfdfdf;}
.news-box ul{ width:344px; margin:0 auto; padding-top:10px}
.news-box ul li{ height:34px; line-height:34px; overflow:hidden; background:url(../img/imgbg.png) no-repeat -384px -2px; padding-left:14px}
.news-box ul li span{ float:right;}
.m-tb-13{ margin-top:13px}
.hr{ width:576px; height:211px; float:left; overflow:hidden}
.hr .hr-title{ height:34px; background:url(../img/hrbg.png) no-repeat left top;}
.hr-box{ width:576px; padding-top:15px;}
.hr-box li{ width:142px; height:161px; float:left; margin-right:2px; position:relative; overflow:hidden}
.hr-bg{ position: absolute; z-index:2;}
.hr-bg1,.hr-bg2,.hr-bg3,.hr-bg4{ width:142px; height:161px; background:url(../img/hr-bg.jpg) no-repeat}
.hr-bg1{ background-position:0 0}
.hr-bg2{ background-position:-144px 0}
.hr-bg3{ background-position:-288px 0}
.hr-bg4{ background-position:-432px 0}
.hr-list{ border:2px solid #5d75cc; height:142px; overflow:hidden; text-align:center; padding-top:15px}
.hr-list a{ display:block; height:20px; line-height:20px;}
.project{ width:389px; height:210px; overflow:hidden; float:right}
.project img{ width:389px; height:210px;-ms-transform: scale(1, 1); -ms-transition: all 1000ms ease 0s; -moz-transform: scale(1, 1); -moz-transition: all 1000ms ease 0s; -webkit-transform: scale(1, 1); -webkit-transition: all 1000ms ease 0s; -o-transform: scale(1, 1); -o-transition: all 1000ms ease 0s; transform: scale(1, 1); transition: all 1000ms ease 0s;}
.project a:hover img{-ms-transform:scale(1.1, 1.1); -ms-transition: all 1000ms ease 0s;-moz-transform:scale(1.1, 1.1); -moz-transition: all 1000ms ease 0s;-webkit-transform:scale(1.1, 1.1); -webkit-transition: all 1000ms ease 0s;-o-transform:scale(1.1, 1.1); -o-transition: all 1000ms ease 0s;transform:scale(1.1, 1.1); transition: all 1000ms ease 0s;}
.footer{ width:100%; min-width:980px; height:150px; background:#e0e0e0; padding-top:30px; margin-top:80px}
.btm-logo{ width:201px; height:68px; padding:10px 30px 0 30px}
.btm-link{ color:#4d4d4d; line-height:30px}
.btm-link a,.btm-link a:hover{ color:#4d4d4d; padding:0 10px}
.btm-link p{ text-indent:10px;}
.tool{ display:none; position:fixed; z-index:20;_position:absolute; right:0; bottom:150px; width:50px; height:204px; _bottom:auto;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }
.tool li{ height:50px; margin-bottom:1px; position:relative; width:50px;}
.tool li span{ display:block; width:50px; height:50px; text-indent:-999px; overflow:hidden; background:url(../img/toolbg.png) no-repeat; position:absolute; z-index:21; right:0}
.tool li.t-list-1 span{ background-position:-140px 0}
.tool li.t-list-2 span{ background-position:-140px -51px}
.tool li.t-list-3 span{ background-position:-140px -102px}
.tool li.t-list-4 span{ background-position:-140px -153px}
.tool li.t-list-5 span{ background:url(../img/chuanceng.png) no-repeat -140px 0}

.tool li a{ display:block; height:50px; margin-bottom:1px; width:125px; position:absolute; z-index:30; right:-125px; background:url(../img/toolbg.png) no-repeat; text-indent:-999px; overflow:hidden;}
.tool li.t-list-1 a{ background-position:0 0}
.tool li.t-list-2 a{ background-position:0 -51px}
.tool li.t-list-3 a{ background-position:0 -102px}
.tool li.t-list-4 a{ background-position:0 -153px}
.tool li.t-list-5 a{ background:url(../img/chuanceng.png) no-repeat 0 0}

.weixin{ width:129px; height:129px; background:url(../img/weixin.jpg) no-repeat; position:absolute; z-index:33; left:-134px; bottom:0; text-indent:-999px; display:none; overflow:hidden}


.banner{ width:100%; min-width:980px; height:250px;}

.banner2{ background:url(../img/banner2.jpg) no-repeat center top;}
.banner3{ background:url(../img/banner3.jpg) no-repeat center top;}
.banner4{ background:url(../img/banner4.jpg) no-repeat center top;}
.banner5{ background:url(../img/banner5.jpg) no-repeat center top;}
.banner6{ background:url(../img/banner6.jpg) no-repeat center top;}
.banner7{ background:url(../img/banner7.jpg) no-repeat center top;}
.banner8{ background:url(../img/banner8.jpg) no-repeat center top;}

.crumbs{ width:980px; margin:0 auto; padding-top:185px; font-family:"宋体"}
.crumbs i{ float:left; width:15px; height:15px; background:url(../img/imgbg.png) no-repeat -367px -84px;}
.crumbs span{ margin:0 8px}
.kuang{ border:1px solid #d7d7d7; width:850px; margin:0 auto}
.kuang h2{ text-align:center; line-height:58px; font-family:"Microsoft YaHei","微软雅黑"; font-size:22px; color:#000; font-weight:500}
.content{ width:852px; margin:0 auto; color:#808080; line-height:20px; padding:25px 0}
.content p{ text-indent:2em}
.content h3{font-family:"Microsoft YaHei","微软雅黑"; font-size:14px; color:#000; font-weight:500; padding:15px 0}
.content .qute li{ text-indent:3em}
.content .luok{ padding:30px 0 15px 0; text-align:right}
.main{ width:611px;}
.sidebar{width:328px;}
.m-title{ height:34px; padding-left:10px; background:url(../img/jianbian1.png) no-repeat;font-family:"Microsoft YaHei","微软雅黑"; font-size:14px;}
.m-title li,.m-title a{ float:left; width:110px; height:28px; line-height:28px; margin-top:3px; margin-right:1px; padding-left:20px; color:#fff; cursor:pointer; text-align:left}
.m-title i{ width:11px; height:7px; background:url(../img/png-32.png) no-repeat; display:inline; float:right; overflow:hidden; margin:12px 15px 0 0}
.m-title li.on,.m-title a:hover,.m-title a.on{ color:#5d75cc; background:#fff; text-decoration:none}
.m-title li.on i,.m-title a:hover i,.m-title a.on i{ background:url(../img/png-32.png) no-repeat -22px 0}
.news-list{ width:600px; margin:10px auto 0 auto}
.news-list li{ height:38px; line-height:38px; border-bottom:1px solid #e6e6e6;  padding:0 10px; overflow:hidden}
.news-list li span{ float:right; margin-left:15px}

#long-title li{ width:180px}
.news-list li.pager,.pager{ font-size:12px; text-align:center; padding-top:25px; clear:both; border-bottom:0 none;}
.news-list li.pager a,.pager a{ text-decoration:none;color: #8a8a8a;display: inline-block;margin:0 2px;vertical-align: middle; line-height:20px}
.news-list li.pager a:hover,.pager a:hover,.news-list li.pager i,.pager i{color: #1860e3;display: inline-block;margin:0 2px;vertical-align: middle; font-style:normal;line-height:20px}
.s-title{ height:34px; background:url(../img/imgbg.png) no-repeat 0 -84px}

.hot-news{ padding:15px 5px; border-bottom:1px solid #e6e6e6; overflow:hidden}
.hot-news img{ width:134px; height:134px; float:left; margin-right:15px}
.hot-news h3{ color:#0f85d8; text-align:center; height:22px; line-height:22px; overflow:hidden}
.hot-news p{ text-indent:2em; height:84px; line-height:21px; overflow:hidden; margin:6px 0}
.news-p p{ line-height:24px; margin-bottom:20px}
.all-title{ background:url(../img/jianbian2.png) no-repeat center center; height:34px; line-height:34px; text-align:center; color:#fff; font-family:"Microsoft YaHei","微软雅黑"; font-size:16px; }
.logo-box{ overflow:hidden; width:944px; margin:0 auto; padding-bottom:24px;}
.logo-box li{ width:172px; height:172px; border:1px solid #dbdbdb; padding:1px; float:left; background:#f6f6f6; text-align:center; margin:24px 30px 0; display:inline; overflow:hidden; zoom:100%}
.logo-box li div{ width:172px; height:145px; display: table-cell;vertical-align:middle; *display:block; *font-size:127px; *font-family:Arial;}
.logo-box li div img{vertical-align:middle;}
.logo-box li p{ height:27px; line-height:27px; width:172px; background:#d9d9d9}
.logo-box li.curr{ border:1px solid #5d75cc}
.logo-box li.curr p{ background:#5d75cc}
.logo-box li.curr p a,.logo-box li.curr p a:hover{ color:#fff; text-decoration:none}
.map-wrap{ width:830px; margin:0 auto; overflow:hidden}
.map-list{ width:880px; padding-top:25px}
.map-list li{ width:380px; float:left; margin:10px 60px 10px 0}
.map-list li h3{ border-bottom:1px solid #8fbce6; height:36px; line-height:36px; overflow:hidden; font-family:"Microsoft YaHei","微软雅黑"; font-size:18px; font-weight:500 }
.map-list li h3 a,.map-list li h3 a:hover{ color:#1478e8}
.map-list li span{ display:block; float:left; width:30px; height:30px; background:url(../img/imgbg.png) no-repeat; margin-right:10px}
.map-list li span.NO-1{ background-position:0 -125px}
.map-list li span.NO-2{ background-position:-38px -125px}
.map-list li span.NO-3{ background-position:-82px -125px}
.map-list li span.NO-4{ background-position:-122px -125px}
.map-list li span.NO-5{ background-position:-163px -125px}
.map-list li span.NO-6{ background-position:-207px -125px}
.map-list li span.NO-7{ background-position:-251px -125px}

.map-con{ line-height:22px; padding:10px 0 10px 41px}
.map-con i{ margin:0 5px}

.busi-wrap{ width:948px}
.busi-wrap .map-list{ width:1020px}
.busi-wrap .map-list li{ width:450px;}
.busi-wrap .map-list li h3{ color:#1478e8; font-size:14px; padding-left:15px}
.busi-wrap .map-list li div{ padding:5px 15px; line-height:22px; height:auto!important; min-height:150px; _height:150px}
.busi-wrap .map-list li div p{ padding:8px 0}

.huoban-list{ width:970px; margin:40px auto 0}
.huoban-list li{ width:192px; height:192px; text-align:center; float:left; margin:0 2px 2px 0; background:#fff; position:relative; z-index:1}

.h-img-box1,.h-img-box2{ width:192px; height:192px; position:absolute; z-index:3; left:0; top:0}
.huoban-list li .h-img-box1 a,.huoban-list li .h-img-box2 a{ width:192px; height:192px;display: table-cell; text-align:center; vertical-align:middle; *display:block; *font-size:168px; *font-family:Arial;}
.h-img-box2{ z-index:2}
.huoban-list li a img{vertical-align:middle; margin:0 auto;}


.r-main{ width:634px; float:left; margin-top:30px}
.r-sidebar{ width:334px; float:right; margin-top:30px}
.r-title{ border-bottom:2px solid #5d80cc; margin-bottom:2px; height:30px; line-height:30px; font-family:"Microsoft YaHei","微软雅黑"; font-size:14px; color:#5d75cc; padding-left:10px; font-weight:700}
.r-list li{ border-bottom:1px solid #e3e3e3; padding:10px 30px}
.r-list h3{ color:#0f85d8; font-size:14px; font-weight:700; background:url(../img/imgbg.png) no-repeat -390px -126px; padding-left:10px; line-height:30px}
.r-list p{ padding-left:10px; height:20px; line-height:20px; overflow:hidden}
.chakan{ width:67px; height:20px; text-align:center; line-height:20px; color:#fff; background:#3578d7; margin-left:15px}
.chakan:hover{ background:#5d75cc; color:#fff; text-decoration:none}

.r-h-list li{ border:0 none; background:#f2f2f2; padding:10px 30px 10px 24px; margin-bottom:3px}
.r-h-list h3{ background:none;}
.r-h-list p{ margin-bottom:4px}
.recu-box{ padding:10px}
.recu-box p{ line-height:22px}
.recu-box ul{ margin-top:30px}
.recu-box ul li{ line-height:24px}
.job-btn{ display:block; width:180px; height:35px; background:url(../img/jobbtn.png) no-repeat; text-indent:-999px; margin:20px 0 0 20px}
.job-btn:hover{ background-position:0 -38px;}

.about-bg{width:100%; min-width:980px;}
.about-bg1{ height:647px; background:url(../img/about-bg1.jpg) no-repeat center top}
.about-bg2{ height:448px; background:url(../img/about-bg2.jpg) no-repeat center top}
.about-bg3{ height:559px; background:url(../img/about-bg3.jpg) no-repeat center top}
.about-bg4{ height:561px; background:url(../img/about-bg4.jpg) no-repeat center top}
.about-bg5{ height:519px; background:url(../img/about-bg5.jpg) no-repeat center top; margin-bottom:-80px}
.about{ width:300px; font-family:"Microsoft YaHei","微软雅黑"; color:#000; line-height:22px; float:right; padding-right:50px; padding-top:30px}
.about p{ text-indent:2em; margin-bottom:20px}
.sidemenu{ width:103px; height:350px; position:fixed; z-index:20; left:10px; top:30%; _position:absolute;_top: expression(documentElement.scrollTop + 300 + "px");left:expression(documentElement.scrollLeft + 100 + "px")}
.sidemenu li{width:103px; height:103px;  margin-bottom:10px}
.sidemenu li a{ display:block;width:103px; height:103px; background:url(../img/png-32.png) no-repeat; text-indent:-999px;}
.sidemenu li.a-menu-1 a{ background-position:0 -40px}
.sidemenu li.a-menu-1 a:hover{ background-position:-146px -40px}
.sidemenu li.a-menu-2 a{ background-position:0 -164px}
.sidemenu li.a-menu-2 a:hover{ background-position:-146px -164px}
.sidemenu li.a-menu-3 a{ background-position:0 -286px}
.sidemenu li.a-menu-3 a:hover{ background-position:-146px -286px}

.game-list{ margin-top:40px}
.game-list li{ height:242px; margin-bottom:10px;}
.game-img{ border:1px solid #ebebeb; width:270px; height:240px; overflow:hidden}
.game-con{ border:1px solid #ebebeb; width:660px; height:220px; background:#f2f2f2;padding:20px 20px 0 20px}
.g-tool{ height:40px; overflow:hidden; border-left:2px solid #3880e2; padding-left:8px; margin-bottom:18px}
.g-tool a{ width:139px; height:40px; background:url(../img/imgbg.png) no-repeat; text-indent:-999px; overflow:hidden;} 
.g-tool a.g-a-1{ background-position:-160px -164px; margin-left:10px}
.g-tool a.g-a-1:hover{ background-position:-160px -208px}
.g-tool a.g-a-2{ background-position:0 -164px}
.g-tool a.g-a-2:hover{ background-position:0 -208px}
.g-tool dl dt{ color:#3880e2; font-family:"Microsoft YaHei","微软雅黑"; font-size:18px; line-height:18px}
.g-tool dl dd{ color:#3c3c3c; line-height:28px}
.g-tool dl dd span{ margin-right:20px}
.g-tool dl dd em{ color:#06a32e}
.game-con p{ line-height:26px; height:130px;overflow:hidden}

.wraper-404{ width:100%; min-width:980px; height:651px; background:url(../img/jianbian.jpg) repeat-x; margin-bottom:-80px; overflow:hidden;border-bottom:3px solid #395ad1;}
.con-404{ width:727px; height:300px; background:url(../img/pic404.jpg) no-repeat center 185px; margin:0 auto; padding-top:450px}
.con-404 p{ height:32px; line-height:32px; padding-left:100px}
.con-404 em{font-family:"Microsoft YaHei","微软雅黑"; font-size:16px; color:#676c72}
.con-404 a{ width:109px; height:32px; text-indent:-999px; overflow:hidden; background:url(../img/imgbg.png) no-repeat; float:left; display:inline; margin-left:75px}
.con-404 a.return{ background-position:0 -256px}
.con-404 a.return-index{ background-position:-113px -256px}
.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}
.huoban-list li img{
    max-height: 192px;
    max-width: 192px;
}
.logo-box li img{
    max-height: 145px;
    max-width: 172px;
}


/*  */
.clearfix:after{ display:block; content:""; visibility:hidden; height:0; clear:both}
.clearfix{_zoom:1}
.jianhu-title{ width:100%; height:38px; border-bottom:2px solid #5d80cc; margin-bottom:20px}
.jianhu-title p{ /*border-bottom:2px solid #5d80cc;*/ position:relative; top:0; z-index:2; height:38px; line-height:38px;font-family:"Microsoft Yahei","微软雅黑"; font-size:16px; color:#5d75cc; width:75px; text-align:center }

.wraper{ width:1000px; margin:0 auto;}
.jianhu{margin-top: 30px !important;}
.sidebar{ width:210px}
.ad{ display:block; width:208px; height:94px; border:1px solid #adadaf; margin:8px 0}
.ad img{ width:208px; height:94px;}
.main{ width:776px; margin-bottom:15px}
.about-txt{ padding:0 20px 100px; line-height:26px}
.about-txt p{ text-indent:2em; padding-bottom:20px}
.about-txt ul{ font-weight:bold; margin-top:30px}
.news-list{ padding:0 20px}
.news-list li{ border-bottom:1px dashed #eee; height:32px; line-height:32px; overflow:hidden}
.news-list li em{ float:right}
.news-list li span{ margin-right:15px}
.pages{ padding:20px 0; text-align:center;}
.pages a{ margin:0 4px}
.xieyi{ margin-bottom:15px; padding-bottom:15px;}
.bg-white-1{background:#fff;margin-top:50px; font-size:16px;}
.xy-con p{ padding:5px 20px; line-height:24px; text-indent:2em;}
.game-list{ margin-bottom:35px; overflow:hidden}
.game-list img{ float:left; margin-right:10px}
.game-list .game-icon{ width:300px; float:left; margin-right:10px}
.game-list .game-icon dt{ padding-bottom:8px}
.game-list .game-icon dt.one{ color:#7f7e1f; font-size:14px; font-weight:bold}
.game-list .game-icon dt.two{ font-weight:bold}
.game-list .game-icon dt.two em{ padding-left:10px}
.game-list .game-icon dd{ line-height:20px;}
.game-list ul{ float:left; height:113px; padding-top:15px; border-left:1px dashed #eee; width:202px; padding-left:10px; }
.game-list ul li{ width:90px; float:left; text-align:center; height:30px; line-height:30px; margin:0 5px}
.game-list ul li.jia{ height:50px; line-height:50px; width:100%;}
.game-list ul li.jia em{ font-size:30px; color:#f60; font-weight:bold}
.game-list ul li.cz a,.game-list ul li.goin a,.game-list ul li.site a{ display:block; width:91px; height:30px; background:url(../img/img.png) no-repeat; text-indent:-999px; overflow:hidden;}
.game-list ul li.cz a{ background-position:0 -68px}
.game-list ul li.goin a{ background-position:-92px -68px;}
.game-list ul li.site a{ background-position:0 -37px}
.title-con{ text-align:center; border-bottom:1px dashed #eee; padding-bottom:10px}
.title-con h1{font-family:"Microsoft Yahei","微软雅黑"; font-size:18px; color:#e75e2a; line-height:30px; margin-bottom:10px }
.title-con em{ margin:0 10px; color:#9f9f9f}
.news-con{ text-align:center; overflow:hidden; padding:0 15px;}
.news-con img{ margin:0 auto}
.news-con p{ text-indent:2em; line-height:24px; font-size:14px; text-align:left; padding:15px 0}
.pay-ul{ padding-left:30px}
.pay-ul li{ height:26px; padding-bottom:15px}
.pay-ul li input,.pay-ul li select{ width:150px; height:24px; border:1px solid #c1c1c1; margin-right:15px}
.pay-ul li label{width:60px; height:26px; font-weight:bold; display:inline-block; *display:inline; *zoom:1; vertical-align:text-top}
.pay-type{ padding:30px}
.pay-title{ height:40px; line-height:40px; border-bottom:2px solid #bbddfe; font-size:14px; position:relative}
.pay-title h2{ color:#a2a2a2; font-size:14px; float:left;}
.pay-title ul{ position:absolute; height:42px; top:2px; left:130px}
.pay-title ul li{ float:left; padding:0 30px; height:36px;border:2px solid #fff; border-bottom:0 none;}
.pay-title ul li.on{ border:2px solid #bbddfe;border-bottom:2px solid #fff}
.pay-main{ border:2px solid #bbddfe; border-top:0 none; padding:20px}
.bank-box{ padding:20px 0}
.bank-box ul{ border-top:1px dashed #C9C9C9; border-right:1px dashed #C9C9C9; width:556px; margin:0 0 15px 0}
.bank-box ul li{ float:left; width:138px; height:45px; vertical-align:middle; border-bottom:1px dashed #C9C9C9; border-left:1px dashed #C9C9C9; overflow:hidden;}
.bank-box ul li label{ width:138px; height:45px; position:relative; overflow:hidden; display:block; cursor:pointer;}
.bank-box ul li label input{ position:absolute; left:10px; top:15px;}
.te-card ul {height: 65px; margin-top:25px; width: 480px;}
.te-card ul li{float: left; height: 64px; overflow: hidden; width: 159px;}
.te-card ul li label { cursor: pointer; height:64px; position: relative; width:159px; display:block}
.te-card ul li label img { left: 0; position: absolute; top: 0; z-index: 1;}
.te-card ul li label input {left: 5px; position: absolute;top: 27px;z-index: 2;}
.btn-next{ width:229px; height:43px; background:url(../img/images.png) no-repeat 0 -101px; text-align:center; line-height:43px; color:#fff; border:0 none; font-weight:bold}

.reg_box{ padding:0 30px 70px 30px}
.reg_box h2{ padding-bottom:15px;font-family:"微软雅黑"; font-size:13px;}
.reg_table{ width:580px;}
.reg_table td{ height:30px; line-height:30px}
.yzm_img{ margin-top:1px; width:66px; height:27px;}
.reg_yz_tips td{ height:20px; line-height:20px}
.reg_table .l_td{ text-align:right; width:95px}
.reg_put{width:200px; height:28px; border:1px solid #a9b9be; vertical-align:middle; line-height:28px; font-size:14px}
.reg_tips{ width:219px; height:30px;  line-height:30px;}
.yanzheng_put{ width:100px}
.reg_table td.tongyi{ height:60px; line-height:60px}
.tongyi input,tongyi label{ vertical-align:middle}
a.reg_btn{ width:111px; height:42px; display:block; background:url(../img/btn_bg.html) no-repeat 0 -242px; line-height:100px; overflow:hidden; margin:10px 0 40px 190px}
a.reg_btn:hover{ background-position:0 -286px}
.reg_login p{ padding:30px 0 20px 20px; }
.reg_login table{ margin-left:30px}
.reg_login table td{ height:27px; line-height:27px; padding-bottom:8px}
.reg_r_put{ width:150px}
.reg_login .enter_game{ margin-left:40px; display:inline}
.psd_yz p{ height:18px; width:202px;}
.psd_yz p span{ margin:0; height:18px; overflow:hidden; display:block;}
.tr_td_middle p img{height:18px;}
.txt_f00 {
    color: #f00;
}
.m_r_8{ margin-right:8px}
/**/
#chinaz{
	width:502px;
	height:236px;
	overflow:hidden;
	position:relative
}
#chinaz .banner-img {
	position:relative
}
#chinaz .banner-img
li {
	float:left;
	width:502px;
	height:236px;
	position:relative
}
#chinaz .banner-img li
img {
	width:502px;
	height:236px;
	display:block
}
#chinaz .banner-circle {
	position:absolute;
	left:50%;
	bottom:5px;
	z-index:2;
	height:50px;
	padding-top:5px;
	text-align:center;
	font-size:0;
	overflow:hidden;
	width:100%;
	background:#000;
	filter:alpha(opacity=80);-moz-opacity:0.8;	-khtml-opacity: 0.8;opacity: 0.8;
}
#chinaz .banner-circle
li {
	margin:0 5px;
	display:inline-block;
	display:-moz-inline-stack;
	vertical-align:middle;
	*display:inline;
	zoom:1
}
#chinaz .banner-circle li
a {
	display:block;
	width:150px;
	height:40px;
	border:2px solid #4e4e56;
	overflow:hidden;
	
}
#chinaz .banner-circle li a
img {
	display:block;
	width:150px;
	height:40px;
	filter:alpha(opacity=50);-moz-opacity:0.5;	-khtml-opacity: 0.5;opacity: 0.5;
}
#chinaz .banner-circle .selected
a {
	border-color:#fff
}
#chinaz .banner-circle .selected
a img {
	filter:alpha(opacity=100);-moz-opacity:1;	-khtml-opacity: 1;opacity: 1;
}

.jianhu-ul{ background:-webkit-linear-gradient(top,#5d75cc,#5d8bcc);background:-o-linear-gradient(top,#5d75cc,#5d8bcc);background:linear-gradient(top,#5d75cc,#5d8bcc);
    background: -ms-linear-gradient(top, #5d75cc, #5d8bcc);
    background: -moz-linear-gradient(top, #5d75cc, #5d8bcc);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#5d75cc,endcolorstr=#5d8bcc,gradientType=0);
    width:100%;  position: relative;height:100%;}
.jianhu-ul li{ padding:5px 8px;}
.jianhu-ul .box-in{display:block;cursor: pointer;height:32px;line-height:32px;font-size:12px;/*color:#5d75cc;*/color:#fff;text-indent: 8px;}
.jianhu-ul .box-in:hover{color:#5d75cc;background: #fff;}

/**/
/* -------------------------------- 

Primary style

-------------------------------- */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-size: 100%;
  font-family: "PT Sans", sans-serif;
  color: #505260;
  background-color: white;
}

a {
  color: #4460cd;
  text-decoration: none;
}

img {
  max-width: 100%;
}

input, textarea {
  font-family: "PT Sans", sans-serif;
  font-size: 16px;
  font-size: 1rem;
}
input::-ms-clear, textarea::-ms-clear {
  display: none;
}

/* -------------------------------- 

Main components 

-------------------------------- */
header[role=banner] {
  position: relative;
  height: 50px;
  background: #343642;
}
header[role=banner] #cd-logo {
  float: left;
  margin: 4px 0 0 5%;
  /* reduce logo size on mobile and make sure it is left aligned with the transform-origin property */
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
header[role=banner] #cd-logo img {
  display: block;
}
header[role=banner]::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}
@media only screen and (min-width: 768px) {
  header[role=banner] {
    height: 80px;
  }
  header[role=banner] #cd-logo {
    margin: 20px 0 0 5%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}


.topbar ul.loginreg {

  height:80px;
  line-height:80px;
}
.topbar .loginnav {
  position: absolute;
  top:0;
  right: 30px;
}

.topbar ul.is-visible {
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}
.topbar .loginreg li{
  float:left;
}
.topbar .loginreg a {
  float: left;
  text-align: center;
}
.topbar .loginreg .cd-signin,.topbar .loginreg .cd-signup{
  width:48px;height:32px;line-height:32px;
  border: 1px solid #4460cd;
  border-radius: 16px;
  margin-top:22px;
}
.topbar .loginreg .cd-signin{color:#4460cd}
.topbar .loginreg .cd-signup{color:#fff;background: #4460cd;margin-left:15px;}
.topbar {}
.topbar {}
  .topbar {
    width: auto;
    height: auto;
    background: none;
    cursor: auto;
  }
  .topbar ul.is-visible {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }


/* -------------------------------- 

xsigin/signup popup 

-------------------------------- */
.cd-user-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(52, 54, 66, 0.9);
  z-index: 3;
  overflow-y: auto;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  -moz-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}
.cd-user-modal.is-visible {
  visibility: visible;
  opacity: 1;
}
.cd-user-modal.is-visible .cd-user-modal-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-user-modal-container {
  position: relative;
  width: 90%;
  max-width: 600px;
  background: #FFF;
  margin: 3em auto 4em;
  cursor: auto;
  border-radius: 0.25em;
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  transform: translateY(-30px);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-user-modal-container .cd-switcher:after {
  content: "";
  display: table;
  clear: both;
}
.cd-user-modal-container .cd-switcher li {
  width: 50%;
  float: left;
  text-align: center;
}
.cd-user-modal-container .cd-switcher li:first-child a {
  border-radius: .25em 0 0 0;
}
.cd-user-modal-container .cd-switcher li:last-child a {
  border-radius: 0 .25em 0 0;
}
.cd-user-modal-container .cd-switcher a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #d2d8d8;
  color: #809191;
}
.cd-user-modal-container .cd-switcher a.selected {
  background: #FFF;
  color: #505260;
}
@media only screen and (min-width: 600px) {
  .cd-user-modal-container {
    margin: 4em auto;
  }
  .cd-user-modal-container .cd-switcher a {
    height: 70px;
    line-height: 70px;
  }
}

.cd-form {
  padding: 1.4em;
}
.cd-form .fieldset {
  position: relative;
  margin: 1.4em 0;
}
.cd-form .fieldset:first-child {
  margin-top: 0;
}
.cd-form .fieldset:last-child {
  margin-bottom: 0;
}
.cd-form label {
  font-size: 14px;
  font-size: 0.875rem;
}
.cd-form label.image-replace {
  /* replace text with an icon */
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
  text-shadow: none;
  background-repeat: no-repeat;
  background-position: 50% 0;
}
.cd-form label.cd-username {
  background-image: url("../img/cd-icon-username.svg");
}
.cd-form label.cd-email {
  background-image: url("../img/cd-icon-email.svg");
}
.cd-form label.cd-password {
  background-image: url("../img/cd-icon-password.svg");
}
.cd-form input {
  margin: 0;
  padding: 0;
  border-radius: 0.25em;
}
.cd-form input.full-width {
  width: 100%;
}
.cd-form input.has-border {
  border: 1px solid #d2d8d8;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.cd-form input.has-border:focus {
  border-color: #343642;
  box-shadow: 0 0 5px rgba(52, 54, 66, 0.1);
  outline: none;
}
.cd-form input.has-error {
  border: 1px solid #d76666;
}
.cd-form input[type=password] {
}
.cd-form input[type=submit] {
  /*padding: 16px 0;*/
  height:47px;line-height:47px;
  cursor: pointer;
  background: #4460cd;
  color: #FFF;
  font-weight: bold;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.no-touch .cd-form input[type=submit]:hover, .no-touch .cd-form input[type=submit]:focus {
  background: #3599ae;
  outline: none;
}
.cd-form .hide-password {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 6px 15px;
  border-left: 1px solid #d2d8d8;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
  font-size: 0.875rem;
  color: #343642;
}
.cd-form .cd-error-message {
  display: inline-block;
  position: absolute;
  left: -5px;
  bottom: -35px;
  background: rgba(215, 102, 102, 0.9);
  padding: .8em;
  z-index: 2;
  color: #FFF;
  font-size: 13px;
  font-size: 0.8125rem;
  border-radius: 0.25em;
  /* prevent click and touch events */
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s 0, visibility 0 0.2s;
  -moz-transition: opacity 0.2s 0, visibility 0 0.2s;
  transition: opacity 0.2s 0, visibility 0 0.2s;
}
.cd-form .cd-error-message::after {
  /* triangle */
  content: '';
  position: absolute;
  left: 22px;
  bottom: 100%;
  height: 0;
  width: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgba(215, 102, 102, 0.9);
}
.cd-form .cd-error-message.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s 0, visibility 0 0;
  -moz-transition: opacity 0.2s 0, visibility 0 0;
  transition: opacity 0.2s 0, visibility 0 0;
}
  .cd-form {
    padding: 2em;
  }
  .cd-form .fieldset {
    margin: 2em 0;
  }
  .cd-form .fieldset:first-child {
    margin-top: 0;
  }
  .cd-form .fieldset:last-child {
    margin-bottom: 0;
  }
  .cd-form input.has-padding {
    display: block;line-height:47px;height:47px;text-indent: 50px;
  }

.cd-form-message {
  padding: 1.4em 1.4em 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  text-align: center;
}
@media only screen and (min-width: 600px) {
  .cd-form-message {
    padding: 2em 2em 0;
  }
}

.cd-form-bottom-message {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -30px;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
}
.cd-form-bottom-message a {
  color: #FFF;
  text-decoration: underline;
}

.cd-close-form {
  /* form X button on top right */
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
  top: -40px;
  background: url("../img/cd-icon-close.svg") no-repeat center center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (min-width: 1170px) {
  .cd-close-form {
    display: none;
  }
}

#cd-login, #cd-signup, #cd-reset-password {
  display: none;
}

#cd-login.is-selected, #cd-signup.is-selected, #cd-reset-password.is-selected {
  display: block;
}


.btn.disabled, .btn[disabled] {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #333;
    background-color: #E6E6E6;
}

.page-title {
    border-bottom: 2px solid #323232;
    height: 38px;
    margin-bottom: 20px;
    width: 100%;
}
.page-title p {
    border-bottom: 2px solid #598a28;
    color: #555;
    font-family: "Microsoft Yahei","微软雅黑";
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    position: relative;
    text-align: center;
    top: 0;
    width: 75px;
    z-index: 2;
}

body{ min-width:1200px;}
.auto{ width:1200px; margin:0 auto; height:100%; position:relative;}