html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
body{ color:#333;}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;min-width: 1366px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0; font-family:'微软雅黑';} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} 
/* em,i{ font-style:normal;} */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */ 
.strong{ font-weight:normal;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}
.tal{ text-align:left} .tar{ text-align:right;}
/*文字两侧对齐*/
.justify {text-align:justify;text-justify:distribute-all-lines;/*ie6-8*/text-align-last:justify;/* ie9*/-moz-text-align-last:justify;
/*ff*/-webkit-text-align-last:justify;/*chrome 20+*/}
.thumb{ overflow:hidden;}
.thumb img{webkit-transform:translateZ(0);-webkit-transition:.5s;-moz-transform:translateZ(0);-moz-transition:.5s;-ms-transform:translateZ(0);-ms-transition:.5s;-webkit-transform-style:preserve-3d;}
.thumb img:hover{text-decoration:none;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}
.toe{/*超出省略号*/word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
img {max-width: 100%;height:auto;}
.vcode{
	    max-width: 100%;
    height: 29px;
    width: 7%;
    margin-top: 1px;
    margin-left: 16px;
    position: absolute;
}
/* 去除chrome 自动填充input出现的背景有颜色 */
input:-webkit-autofill{-webkit-box-shadow: inset 0 0 0 1000px #fff!important;}
/* strong{ font-weight:normal;} */
/*select{
 -webkit-appearance:none;-moz-appearance:none;appearanearance: none;}*/
/**
 +------------------------------------------------------------------------------
 * 网站整布局命名规范
 +------------------------------------------------------------------------------
 * @codex   id和class命名采用该版块的英文单词或组合命名 如:newRelease
 +------------------------------------------------------------------------------
 */
::-webkit-scrollbar {/*滚动条整体样式*/
        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
        height:10px;
    }
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #535353;
    }
::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #EDEDED;
    }

@font-face{
     font-family: 'FUTURAB'; 
     src: url('../font/FUTURAB.TTF');
     src:url('../font/FUTURAB.TTF') format('TTF'),
}
a{ color:#333; -webkit-transition: color .2s ease-in-out;-moz-transition: color .2s ease-in-out;-ms-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out; text-decoration: none;}
a:hover{ color:#e64041; text-decoration:none;}
a:hover {text-decoration: none; color:#e64041;}
body{font-family:'微软雅黑'; line-height:1.5; font-size:14px; color:#333;min-width: 1366px;}
 .lft,.fl{ float:left;}
 .rgt,.fr{ float:right;}
.wrapper{
	width:1200px; margin:0 auto;
}


/*首页*/
 
.dynamic{padding-top: 80px;}
.mg_header{background: url(../img/mg_header.png) no-repeat;background-size: 100% 100%;
height: 80px;position: absolute;top: 0;left: 0;right: 0;z-index: 22;}
.mg_header .logo{width: 200px;display: inline-block;*display: inline;zoom: 1;
position: relative;top: -16px;right: 0px;padding-right: 40px;}
.mg_header .logo img{width: 100%;height: 100%;}
.mg_header .nav{display: inline-block;*display: inline;zoom: 1;}
.mg_header .nav ul li{float: left;line-height: 80px;margin: 0 25px;position: relative;}
.mg_header .nav ul li>a{color: #8a8a89;display: block;line-height:78px;min-width: 68px;text-align: center;}
.mg_header .nav ul li.on>a,.mg_header .nav ul li:hover>a{border-bottom: 2px #ee1000 solid;color: #ffffff;}
.navbg{position:absolute;left: 0;right: 0;top: 80px;height: 245px;background: url(../img/h_navbg.png) repeat left;display: none;}
.subnav{position: absolute;left: 0;width: 500%;top: 80px;display: none;}
li:hover .subnav{display: block;}
.subnav dl{display: inline-block;*display: inline;zoom:1;margin-right:40px;padding-top: 10px;}
.subnav dl dd{line-height: 36px;padding: 0 7px;}
.subnav dl dd a{font-size: 14px;color: #a5a5a5;}
.subnav dl dd a:hover{color: #ffff;}
.subnav dl dd.h_new,.subnav dl dd.h_hot{padding: 0;}
.subnav dl dd.h_new a,.subnav dl dd.h_hot a{padding-left:20px;background: url(../img/h_new.png) no-repeat left center;}
.subnav dl dd.h_hot a{background: url(../img/h_hot.png) no-repeat left center;}




/* mg_banner*/
.banner{width: 100%;position: relative;}
.banner .slideTxtBox{width: 100%;text-align:left;position:relative;}

.banner .slideTxtBox .hd{position:absolute; left:50%; bottom:-45px;z-index: 66;width: 1200px;margin-left: -600px;text-align: right;height: 90px;}
.banner .slideTxtBox .hd ul{width: 835px;height: 90px;display: inline-block;*display: inline;zoom: 1;background: #000;border-radius:4px;overflow: hidden;}
.banner .slideTxtBox .hd ul li{float:left;cursor:pointer;width: 16.666666667%;background: #66666;position: relative;overflow: hidden;height: 90px;}
.banner .slideTxtBox .hd ul li i{display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../img/mg_header.png);background-size:100% 100%;}
.banner .slideTxtBox .hd ul li.on i{display: none;}
.banner .slideTxtBox .hd ul li img{width: 100%; height: 90px;}
/*.banner .slideTxtBox .hd ul li.on{ height:30px;  background:#fff;}*/

.banner .slideTxtBox .bd{}
.banner .slideTxtBox .bd ul{width: 100%;}
.banner .slideTxtBox .bd ul li{width: 100%;height:742px;}
.banner .slideTxtBox .bd ul li .date{ float:right; color:#999;  }
.banner .text-box{position: absolute;top: 22%;left: 50%;width: 1200px;margin-left: -600px;}
.banner .slideTxtBox .bd ul li .icon{margin-bottom:20px ;}
.banner .slideTxtBox .bd ul li .icon img{width: 100px;height: 100px;}
.banner .box_text{margin-bottom: 55px;}
.banner .box_text h3{font-size: 34px;color: #FFFFFF;font-weight: bold;padding-bottom: 7px;}
.banner .box_text span{font-size: 16px;color: #FFFFFF;line-height: 40px;}
.banner .link a{font-size: 16px;color: #FFFFFF;background: #e02322;padding: 12px 35px;border-radius: 50px;}


/*content*/
.content{background: url(../img/mg_cont.jpg) no-repeat center;background-size: cover;
	}
.picScroll-left{ width:100%;  overflow:hidden; position:relative;}
.picScroll-left .hd{overflow:hidden;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;overflow:hidden;
cursor:pointer; background:url(../img/mg_next.png) no-repeat;background-size: cover;}
.picScroll-left .hd .next{background: firebrick;position: absolute;top: 10px;right: 10px;}

.picScroll-left .hd .prevStop{ background-position:60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd span{font-size: 28px;color: #222222;}
.picScroll-left .hd a{color: #e02322;}
.picScroll-left .hd i{font-size: 30px;color: #d7d7d7;font-weight: bold;}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;overflow:hidden; 	cursor:pointer;}
.picScroll-left .hd ul li.on{ }

.picScroll-left .bd{}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;}
.picScroll-left .bd ul li .pic{ text-align:center;}
.picScroll-left .bd ul li .pic img{ width:100%; height:auto; display:block;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;}




/*更多*/
.games{margin-top:20px;}
.title{font-size: 28px;line-height:90px;}
.title span{color: #222222;}
.title a{color: #e02322;}
.title i{color: #d7d7d7;font-size: 30px;font-weight: bold;padding-left: 10px;font-family: 'FUTURAB'; }

.games .content{width:895px;}
.games .content ul{margin-left: -2.333333333333%;margin-top: -30px;}
.games .content ul li{float: left;width: 31%;margin-top: 30px;margin-left: 2.333333333333%;background: #fff;border-radius:7px;overflow: hidden;}

.games .content ul li .img{width: 100%;height: 220px;}
.games .content ul li .img img{width: 100%;height: 100%;}

.games .content ul li .box_info{line-height: 25px;padding:10px 25px;background: url(../img/y_gt.png) no-repeat 92% center;background-size:28px 28px;}
.games .content ul li .box_info span{font-size: 14px;color: #222222;}
.games .content ul li .box_info p{font-size: 14px;color: #aaaaaa;}

.more{width:274px;background: #fff;border-radius:7px;box-shadow: 1px 2px 20px #e2eaef;height: 608px;}
.more .title{font-size: 16px;color: #c3c8cf;padding-left: 37px;line-height: 55px;display: block;}
.more .box_list ul{padding-bottom: 20px;}
.more .box_list ul li{padding:20px 37px;position: relative;}
.more .box_list ul li .img{width: 70px;hanging-punctuation: 70px;display: inline-block;*display: inline;zoom: 1;vertical-align: top;}
.more .box_list ul li .img img{width: 100%;height: 100%;}
.more .box_list ul li:hover{background: #f4f9fb;}
.more .box_list ul li .text{display: inline-block;*display: inline;zoom: 1;line-height: 25px;width: 120px;vertical-align:top;padding-top: 7px;}
.more .box_list ul li .text p{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.more .box_list .text .top{font-size: 16px;color: #222222;}
.more .box_list .text .bottom{font-size: 14px;color: #aeb1b2;}
.more .box_list .a_img{position: absolute;top: 39px;right: 17px;}
.more .box_list .a_img img{width: 15px;height: auto;}
.more .box_list .btn{padding: 0 17px;}
.more .box_list .btn a{display: block;width: 100%;border-radius:5px;background: #c5ced8;font-size: 14px;color: #fff;text-align: center;line-height: 50px;height: 50px;}
.more .box_list .btn a:hover{background: #e02322;}
.y_back{background: url(../img/y_back.jpg) no-repeat center;background-size:cover;}
.y_link ul{padding: 100px 0;}
.y_link ul li{width: 25%;float: left;}
.y_link ul li img{width: 72px;padding-right:15px;position: relative;top: -8px;}
.y_link ul li img.b{display: none;}
.y_link ul li:hover img.a{display: none;}
.y_link ul li:hover img.b{display: inline;}
.y_link ul li h5{font-size:18px;line-height: 28px;color: #000;}
.y_link ul li:nth-child(1):hover h5,.y_link ul li:nth-child(1):hover p,.y_link ul li:nth-child(2):hover h5,.y_link ul li:nth-child(2):hover p{color: #e02322;}
.y_link ul li:hover h5{font-weight: 600;}
.y_link ul li:nth-child(3):hover h5,.y_link ul li:nth-child(3):hover p{color: #4ad466;}
.y_link ul li:nth-child(4):hover h5,.y_link ul li:nth-child(4):hover p{color: #d69e3a;}
.y_link ul li p{font-size: 14px;color: #878b8f;line-height: 24px;}
.picScroll-lefts{ width:1200px; position:relative;margin: 0 auto;}
.banner{margin-bottom: 60px;}
.picScroll-lefts .hd{overflow: inherit!important;}
.picScroll-lefts .prev,.picScroll-lefts .next{ display:block;  width:85px; height:120px;cursor:pointer; background:url(../img/y_left.png) no-repeat;background-size:100% 100%;position: absolute;top:150px;left: -95px;opacity: 0.5;}
.picScroll-lefts .next{background:url(../img/y_right.png) no-repeat;background-size:100% 100%;position: absolute;left: inherit;right: -95px;}
.picScroll-lefts .next:hover,.picScroll-lefts .prev:hover{opacity: 1;}
.picScroll-lefts .hd ul{position: absolute;top:42px;right: 120px;}
.picScroll-lefts .hd ul li{width: 10px;height: 10px;border-radius:10px;overflow: hidden;margin: 0 4px;background: #d7d7d7;font-size: 0;display: inline-block;*display: inline;zoom: 1;cursor: pointer;}
.picScroll-lefts .hd ul li.on{background: #e02322;}
.picScroll-lefts .bd dl{ overflow:hidden;zoom:1;margin-left: -2%!important;font-size: 0;}
.picScroll-lefts .bd dl dd{float:left;text-align:center;width:23%;margin-left:2%;height: 222px;padding-bottom:30px;}
.picScroll-lefts .bd dl dd img{display: block;width: 100%;height:222px;border-radius:7px ;}
.picScroll-lefts .bd dl dd a{display: block;position: relative;}
.picScroll-lefts .bd dl dd p{font-size:14px;color: #fff;position: absolute;bottom:25px;left:27px;font-family:"微软雅黑";font-weight: bold;overflow: hidden;width:245px;margin: auto;white-space: nowrap;}
.picScroll-lefts .bd dl dd i{display: none;width: 116px;height: 52px;background:url(../img/y_ck.png);background-size:100% 100%;position: absolute;bottom: -30px;left: 50%;margin-left: -58px;z-index: 2;}
.picScroll-lefts .bd dl dd:hover i{display: block;}
.picScroll-lefts .ckgd{padding: 0 22px;line-height:30px;border: 1px solid #a4a3a3;display: inline-block;*display: inline;zoom: 1;font-size:14px ;color: #a4a3a3;border-radius:50px ;position: absolute;top:35px;right: 0;}
.picScroll-lefts .ckgd:hover{color: #fff;background: #e02322;border: 1px solid #e02322;}

/*会员中心*/
.suser{background: url(../img/vippc.jpg) no-repeat center top;position: relative;width: 100%; margin: 0 auto;}
.suser div span{display: inline-block;width: 10%;height: 100px}
.suser div span:nth-child(1){top:195px;left:9.5%;position: absolute;}
.suser div span:nth-child(2){top:195px;left:33%;position: absolute;}
.suser div span:nth-child(3){top:195px;left:56.5%;position: absolute;}
.suser div span:nth-child(4){top:195px;left:80%;position: absolute;}
.suser div span:nth-child(5){top:395px;left:9.5%;position: absolute;}
.suser div span:nth-child(6){top:395px;left:33%;position: absolute;}
.suser div span:nth-child(7){top:395px;left:56.5%;position: absolute;}
.suser div span:nth-child(8){top:395px;left:80%;position: absolute;}
.suser div span:nth-child(9){top:595px;left:9.5%;position: absolute;}
.suser div span:nth-child(10){top:595px;left:33%;position: absolute;font-size: 10px !important;}
.suser div span:nth-child(11){top:595px;left:56.5%;position: absolute;}
/* .suser div span img{position: absolute;top: -53px;left: -63px;width: 226px !important;max-width: 226px;height:63px;display: none;} */
.suser div span div{position: absolute;bottom: 96%;left: -63px;width: 226px !important;max-width: 226px;display: none;padding: 5px 10px;box-sizing: border-box;background: #fad0b5;border: 2px solid #df8656;border-radius: 10px;font-size: 15px;color: #996b4c;font-weight: bolder;}
.suser div span div::before{content:'';display: block;position: absolute;bottom: -7px;;left: 50%;transform: translate(-50%)rotate(45deg);width: 10px;height: 10px;background: #fad0b5;border: 2px solid #df8656;border-color: transparent  #df8656 #df8656 transparent}
/*关于我们*/
.conpany_detail{margin-top: 80px;}
.conpany_detail .wrapper{padding: 115px 0;text-align: center;}
.t_titp{font-size: 30px;color: #000000;}
.conpany_word{margin-top: 40px;font-size: 14px;color: #737377;}
.ourlilian{padding-bottom: 180px;}
.h_litit{font-size: 18px;color: #000000;text-align: center;margin-bottom: 40px;}
.h_linlist{text-align: center;}
.h_linlist ul{font-size: 0;}
.h_linlist ul li{width: 236px;height: 324px;margin-right: 38px;font-size: 24px;display: inline-block;*display: inline;zoom:1;}
.h_linitem{text-align: center;border-radius: 5px;background: url(../img/h_bg1.png) no-repeat center;background-size: 100% 100%;color:#ffffff;font-weight: 600;height: 324px;width: 100%;}
.h_linlist ul li:nth-child(2) .h_linitem{background: url(../img/h_bg2.png) no-repeat center;background-size: 100% 100%;}
.h_linlist ul li:nth-child(3) .h_linitem{background: url(../img/h_bg3.png) no-repeat center;background-size: 100% 100%;margin-right: 0;}
.h_topimg{padding-top:30px;}
.h_botimg{margin-top:15px;margin-bottom:5px;}
.h_dashijitit{font-size: 54px;color: #ffffff;}
.h_dashiji{height: auto;background: url(../img/h_dashijibg.png) no-repeat center;background-size:cover;}
.h_dashiji .wrapper{text-align: left;box-sizing: border-box;padding:88px 0 88px 515px;}
.h_line{width: 53px;height: 6px;margin: 58px 0;background: #ee1000;}
.h_dashiji dl{margin-bottom: 40px;}
.h_dashiji dl dt{font-size: 50px;font-weight: 600;color:#a2a2a2;}
.h_dashiji dl dd{font-size:14px;font-weight:500;color:#fff;padding-left: 30px;background: url(../img/h_circle.png) no-repeat left center;margin-top: 30px;}
.innerBanner{position:relative;z-index:10;}
.innerBanner .txt{text-align:center;position:absolute;top:32%; width:100%;left:0;}
.innerBanner .txt h5{font-size:86px;color:#fff;font-weight:bold;text-transform:uppercase;font-family: 'FUTURAB';}
.innerBanner .txt span{font-size:36px;color:#fff;display: block;line-height: 36px;}

.welfare_w{padding-top:70px;}
.welfare_w .types{padding-bottom:130px;}
.welfare_w .types ul{width:110%;}
.welfare_w .types ul li{float:left;width:387px;text-align:center;margin-right:19px;border-radius:5px ;overflow: hidden;}
.welfare_w .types ul li:hover{box-shadow: 1px 2px 15px #999;opacity: 0.8;}
.welfare_w .types ul li .item{height:120px;line-height:120px;  background:url(../img/w_libg1.png) no-repeat center;
background-size:100% 100%;}
.welfare_w .types ul li .item.blu{background:url(../img/w_libg2.png) no-repeat center;
background-size:100% 100%;}
.welfare_w .types ul li .item.reD{background:url(../img/w_libg3.png) no-repeat center;
background-size:100% 100%;}
.welfare_w .types ul li img{vertical-align:top;width:65px;height:65px;position:relative;top:25px;margin-right:20px;}
.welfare_w .types ul li span{font-size:30px;color:#ffffff;}
.welfare_w .types .txt{padding:70px 0;text-align:center;width:555px;margin:0 auto;}
.welfare_w .types .txt h3{font-size:30px;color:#000000;padding-bottom:50px;}
.welfare_w .types .txt span{font-size:14px;color:#737377;display:block;}
.welfare_w .types .pic img{display:block;width:1015px;margin:0 auto;}
.welfare_w .kinds{background:#f7fafc;padding:70px 0;}
.welfare_w .kinds h3{font-size:30px;color:#000000;padding-bottom:65px;text-align:center;}
.welfare_w .kinds ul{width:110%;}
.welfare_w .kinds ul li{float:left;width:265px;margin-right:47px;background:#fff;height:340px;
box-shadow:0 0 10px 0 rgba(0,0,0,0.06);border-radius:5px;text-align:center;}
.welfare_w .kinds ul li .item{padding:45px 25px 20px;}
.welfare_w .kinds ul li h5{font-size:26px;color:#666666;} 
.welfare_w .kinds ul li span{font-size:12px;color:#b8b8b8;}
.welfare_w .kinds ul li img{width:115px;height:105px;}


.foot{background:#282f3e;padding:40px 0;}
.foot .fot_fl{float:left;padding-top:10px;margin-left:30px;margin-right:30px;}
.foot .fot_fl ul{margin-left: -20px;}
.foot .fot_fl li{float:left;margin-left: 20px;}
.foot .fot_fr{float:left;}
.foot .fot_fr span{display:block;font-size:12px;color:#ffffff;line-height:20px;}
.foot .fot_fr span a{color: ;}


.cooperation_w{padding-top:25px;}
.cooperation_w .tab-nav{text-align:center;}
.cooperation_w .tab-nav li{width:233px; display:inline-block;*display:inline;zoom:1; height:60px;line-height:60px; margin-right:10px;border:1px solid #cccccc;
border-radius:5px;background:#fff;}
.cooperation_w .tab-nav li{font-size:14px;color:#333333;text-align:center;}
.cooperation_w .tab-nav li.on{background:url(../img/liOn_bg_q.png) no-repeat center;background-size:100% 100%;
border-color:#f78167;}
.cooperation_w .tab-nav li.on a{color:#fff;}
.cooperation_w .tab-nav li a{display: block;}
.cooperation_w  .tab-pal .txt{padding:50px 0;}
.cooperation_w  .tab-pal .txt h5{text-align:center;font-size:24px;color:#000000;padding-bottom:50px;}
.cooperation_w  .tab-pal .txt span{display:block;font-size:14px;color:#666666;line-height:25px;}
.cooperation_w  .tab-pal .txt .mainCont{width:300px;margin:0 auto;padding-bottom:150px;}

.partner_w{background:#f7fafc;padding:70px 0;}
.partner_w h3{font-size:30px;color:#000000;padding-bottom:65px;text-align:center;}
.partner_w ul{width:100%;margin-left: -3%;}
.partner_w ul li{float:left;width:22%;height:105px;margin-left:3%;margin-bottom:27px;}
.partner_w ul li img{display:block;width:100%;height:100%;}

.join_content{}
.join_content .top{padding-top: 70px;}
.join_content .top ul{margin-left: -2%;}
.join_content .top ul li{float: left;width: 31.3333333%;margin-left: 2%;}
.join_content .top ul li .box_info{background: url(../img/join_cont01.png) no-repeat center;
background-size: cover;text-align: center;height: 120px;line-height: 120px;border-radius: 5px;}
.join_content .top ul li .box_info2{background: url(../img/join_cont02.png) no-repeat center;
background-size: cover;text-align: center;}

.join_content .top ul li .box_info3{background: url(../img/join_cont3.png) no-repeat center;
background-size: cover;text-align: center;}

.join_content .top ul li .box_info img{width: 63px;height: 56px;position: relative;
top: 19px;right: 14px;}
.join_content .top ul li .box_info span{font-size: 30px;color: #FFFFFF;}


/* 本例子css */
.join_slideTxtBox{width:100%;position: relative;}
.join_slideTxtBox .hd{padding:40px 0;}
.join_slideTxtBox .hd ul{float:left;width:70%;border:1px solid #ddd;border-radius:5px;
border-right:0;}
.join_slideTxtBox .hd ul li{float:left;cursor:pointer;width:14.2857%;   height:60px;line-height:60px;font-size:18px;color:#a0a0a0;background:#f1f1f1;
border-right:1px solid #ddd;text-align:center;box-sizing:border-box;}
.join_slideTxtBox .hd ul li.on{background:#fff;}	
.join_slideTxtBox .serch{float:right;width:28%;background:#f1f1f1;height:60px;
position:relative;border:1px solid #ddd;border-radius:5px;}
.join_slideTxtBox .serch input{width:100%;border:none;outline:0;
background: #f1f1f1;font-size:18px;text-indent:20px;height:60px;}
.join_slideTxtBox .serch .btn{position:absolute;top:15px;right:15px;width:29px;height:31px;
background:url(../img/mg-fdj.png) no-repeat center;background-size:29px 31px;
border:none;}
/*.join_slideTxtBox .serch{position: absolute;top: -1px;right: 0px;width: 28%;background: #f1f1f1;
height: 50px;border-radius: 5px;border-top: 1px #e5e8ea solid;border-bottom: 1px #e5e8ea solid;}
.join_slideTxtBox .serch input{width: 80%;margin-top: 15px;padding-left: 10px;border: none;background: #f1f1f1;font-size: 18px;}
.join_slideTxtBox .serch img{width: 29px;height: 31px;padding: 10px 7px 0 0;}*/



/* 下面是前/后按钮代码，如果不需要删除即可 */
.join_slideTxtBox .arrow{  position:absolute; right:10px; top:0; }
.join_slideTxtBox .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; }
.join_slideTxtBox .arrow .next{ background-position:0 -50px;}
.join_slideTxtBox .arrow .prevStop{ background-position:-60px 0;}
.join_slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }




.joinLst_w li{margin-bottom:30px;border-radius:5px;border:1px solid #c5ccd5;}
.joinLst_w li .sh{display:block;border-left:3px solid #f16753;padding-left:30px;height:60px;line-height:60px;
border-radius:5px 0 0 5px;background:url(../img/li_mire_w.png) no-repeat 97%;background-size:14px 25px;}
.joinLst_w li .subCon{background:#fff;padding:50px 30px;border-top:1px solid #c5ccd5;display:none;}
.joinLst_w li .subCon .con_fl{float:left;width:50%;}
.joinLst_w li .subCon .con_fl h5{font-size:28px;color:#737373;padding-bottom:30px;}
.joinLst_w li .subCon .con_fl dd{font-size:14px;color:#3f3e3e;padding-bottom:20px;}
.joinLst_w li .subCon .con_fl dd img{vertical-align:top;margin-right:10px ;}
.joinLst_w li .subCon .con_fr{float:right;width:50%;}
.joinLst_w li .subCon .con_fr h5{display:inline-block;width:100px;height:35px;line-height:35px;font-size:18px;color:#3f3e3e;
border-radius:50px;border:1px solid #c5ccd5;margin-bottom:25px;text-align:center;}
.joinLst_w li .subCon .con_fr span{display:block;font-size:14px;color:#3f3e3e;line-height:30px;}
.joinLst_w li .subCon .con_fr .text{padding-bottom:45px;}
.joinLst_w li .subCon .con_fr .tips_w{display:inline-block;font-size:16px;color:#979898;height:50px;line-height:50px;padding:0 30px;
background:#f1f1f1;border-radius:30px;}
.joinLst_w li.on .sh{background:url(../img/li_moreOn_w.png) no-repeat 97%;background-size:24px 14px;}

.backs{background: #f4f9fb;}
.listing ul{margin-left: -3%;padding-top: 60px;}
.listing ul li{width: 100%;margin-left: 3%;float: left;margin-bottom: 44px;}
.listing ul li .box{overflow: hidden;background: #fff;}
.listing ul li .box .thumb{width: 22%;height:198px;}
.listing ul li .box .thumb img{display: block;width: 100%;height: 198px;}
.listing ul li a{display: block;position: relative;}
.listing ul li .text{padding: 0 17px;}
.listing ul li h5{font-size: 14px;color: #222222;line-height:189px;padding-top: 8px;font-weight: 600;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.listing ul li p{font-size: 12px;color: #666666;line-height: 20px;padding-bottom:24px;}
.listing ul li i{width: 116px;height: 52px;position: absolute;bottom: -29px;left: 50%;margin-left: -58px;display: none;}
.listing ul li:hover i{display: block;}
.Page{text-align: center;padding: 30px 0 80px;}
.Page ul li{width:30px;height: 30px;background: #fff;line-height: 30px;display: inline-block;*display: inline;zoom: 1;margin: 0 5px;font-size: 20px;vertical-align: top;}
.Page ul .page-num{width:30px;height: 30px;background: #fff;line-height: 30px;display: inline-block;*display: inline;zoom: 1;margin: 0 5px;font-size: 20px;vertical-align: top;}
.Page ul li a{color: #c6c6c6;border: 1px solid #ddd;display: block;border-radius:5px;}
.Page ul li.text{width: auto;font-size: 14px;}
.Page ul li.text a{padding: 0 15px;}
.Page ul li.on a{color: #ef614e;border: 1px solid #ef614e;}
.Page ul li:hover a{color: #ef614e;border: 1px solid #ef614e;}


.header{height:80px;background: #fff;}
.header .logos img{width: 148px;padding-top:20px;}
.header .nav{padding-left:60px;}
.header .nav ul li{display: inline-block;*display: inline;zoom: 1;line-height: 80px;margin: 0 25px;}
.header .nav ul li a{color: #222;display: block;line-height: 78px;padding: 0 16px;font-size: 18px;}
.header .nav ul li.on a{border-bottom: 2px solid #ee1000;color: #ee1000;}
.header .nav ul li:hover a{border-bottom: 2px solid #ee1000;color: #ee1000;}
.header .text a{display:inline-block;*display:inline;color: #999999;font-size: 18px;line-height: 80px;zoom:1;}
.header .text a span{padding-left: 15px;}
.banners{background: url(../img/backs.jpg) no-repeat center;padding:120px 0;background-size:cover ;text-align: center;}
.banners h2{font-size: 60px;font-weight: 600;line-height: 60px;padding-bottom:26px; background:-webkit-linear-gradient(bottom,#e47c6a,#ffffff); 

-webkit-background-clip:text; 

-webkit-text-fill-color:transparent; }
.banners h5{font-size:24px;line-height: 24px;color: #fff;}
.content_box{padding: 10px 0 0;}
.content_bg{background:url(../img/mwbg.jpg)  no-repeat;position: relative;height: 997px}
.left_box{width: 915px;}
.Game_top ul{margin-left: -2%;}
.Game_top ul li{font-size:30px;line-height: 70px;height: 70px;text-align: center;width: 48%;margin-left: 2%;padding-bottom:12px;float: left;}
.Game_top ul li a{color: #686868;border: 1px solid #ddd;font-weight: 600;display: block;}
.Game_top ul li.on{background: url(../img/y_on.png) no-repeat;background-size:100% auto;}
.Game_top ul li.on a{border: none;color: #fff;}
.Game_body{position: relative;}
.Game_body .sjx{display: block;width: 16px;height: 10px;position: absolute;left: 211px;top: 0px;background: url(../img/xsjx.jpg);background-size:100% 100%;}
.Game_body .sjx2{right: 222px;left: inherit;}
.Game_body .Game{text-align: center;padding-top: 55px;border: 1px solid #ddd;}
.Game_body .Game dl{margin-left: -17px;padding: 0 40px 40px;}
.Game_body .Game dl dd{width:195px;margin-left:17px;float: left;}
.Game_body .Game dl dd .img{border-radius:10px;overflow: hidden;}
.Game_body .Game dl dd img{width: 100%;height: 195px;display: block;}
.Game_body .Game dl dd .text{padding: 0 13px;position: relative;top: -30px;z-index: 2;}
.Game_body .Game dl dd .text .tx{width: 57px;height: 57px;border: 3px solid #fff;border-radius:10px;overflow: hidden;float: left;vertical-align: bottom;}
.Game_body .Game dl dd .text .tx img{display: block;width: 100%;height: 100%;}
.Game_body .Game dl dd .text p{font-size: 16px;color: #686868;padding:35px 0 0 10px;}
.right_box{width: 265px;}
.qr_box{width: 100%;border: 1px solid #ddd;text-align: center;}
.qr_box h3{font-size: 18px;color: #686868;line-height: 60px;}
.qr_box .btn{margin-bottom: 26px;}
.qr_box .btn a{display: inline-block;*display: inline;zoom: 1;width:111px;line-height: 40px;height: 40px;text-align: center;font-size: 14px;color: #fff;background: #ef614e;margin: 0 2px;}
.qr_box img{width: 183px;}
.qr_box p{font-size: 14px;color: #686868;line-height: 45px;padding-bottom: 7px;}

.header2{background: none;position:absolute;top: 0;left: 0;right:0;height: 80px;}
.header2 .right a{display: block;font-size: 16px;color: #fff;line-height: 80px;padding-left: 45px;background: url(../img/home.png) no-repeat left center;background-size:24px auto;}
.banner2{background: url(../img/banners2.png) no-repeat center;background-size:cover ;}
.lists{text-align: center;padding-bottom:150px;}
.lists h3{font-size: 24px;color: #000000;line-height: 90px;padding-top: 30px;}
.lists ul{font-size: 0;padding-top: 20px;}
.lists ul li{width: 129px;display: inline-block;*display: inline;zoom: 1;margin:0 65px;}
.lists ul li img{display: block;width: 100%;height: 128px;}
.lists ul li p{font-size: 18px;color: #636363;line-height:80px;}
.lists dl{font-size: 0;}
.lists dl dd{width: 400px;height: 100px;line-height: 100px;border: 2px solid #636363;text-align: center;border-radius:5px;display: inline-block;*display: inline;zoom: 1;margin: 0 59px;}
.lists dl dd:hover{background: #64c23e;border:1px solid #64c23e;}
.lists dl dd a{font-size: 24px;color: #636363;}
 .lists dl dd:hover a{color:#fafafa;}
.mg_headers{position: fixed;top: 0;left: 0;right: 0;z-index: 10;}
.meun-box{background: url(../img/back4s.jpg) no-repeat center;background-size:cover;}
.meun{background: url(../img/tm.png) no-repeat left center;background-size:cover;overflow-y: auto;min-width: 1278px!important;}
.foot-box{position: fixed;bottom: 0;right: 0;left: 0;}
.meun ul{font-size: 0;white-space: nowrap;}
.meun ul li{position: relative;width:388px;border-right:1px solid #afb6bb;height: 100%;box-sizing: border-box;overflow: hidden;height:1075px;display: inline-block;*display: inline;zoom: 1;box-sizing: border-box;overflow: hidden;}
.meun ul li a{display: block;}
.meun ul li:last-child{border: none;}
.meun ul li .top{position: absolute;top: 14%;left: 10%;right: 10%;}
.meun ul li .top h4{font-size: 32px;color: #2f2f2f;font-weight: 600;line-height: 32px;}
.meun ul li .top h4 span{color:#5d5d5d;font-size:18px;font-weight: 600;}
.meun ul li .top h5{font-size:30px;color:#5d5d5d;font-weight: 600;line-height: 60px;}
.meun ul li .top i{display: block;width: 40px;height: 4px;background: #929598;}
.meun ul li .img img{display: block;width: 100%;height: auto;padding-top:61%;}
.meun ul li.a .img img{padding-top:49%;}
.meun ul li .text{width:auto;padding: 0 50px;position: absolute;bottom:170px;white-space:normal;}
.meun ul li .text p{font-size:14px;line-height: 22px;color: #606060;height: 150px;white-space:normal;}
.meun ul li .text .btn{width:160px;height: 40px;border: 1px solid #afb6bb;text-align: center;font-size: 16px;line-height: 40px;border-radius:8px ;}
.meun ul li .text .btn img{width:8px;padding-right: 20px;}

.banners3{background: url(../img/back6.jpg) no-repeat center;background-size:cover ;text-align: center;padding: 85px 0;}
.banners3 .text{padding-left:176px;text-align: left;width: 1024px;margin: 0 auto;}
.banners3 h2{font-size: 38px;line-height: 38px;}
.left_box2{width: 300px;}
.titles h3{font-size:20px;line-height: 62px;color: #ef614e;padding-left:17px;border-left:3px solid #ef614e;background: #f1f1f1;}
.personal{margin-bottom: 20px;border: 1px solid #ddd;}
.personal .top{margin: 0 15px;border-bottom: 1px solid #ddd;padding: 12px 0;}
.personal .top .img{width: 82px;height: 82px;border-radius:50%;overflow: hidden;}
.personal .top .img img{display: block;width: 100%;height: 100%;}
.personal .top .text{width:160px;}
.personal .top .text h6{font-size: 12px;color: #666666;line-height: 30px;padding-top: 10px;}
.personal .top .text p{padding-left: 20px;background: url(../img/wszl.png) no-repeat left;background-size:14px auto;line-height: 16px;font-size: 12px;color: #666666;}
.personal ul{padding-top: 10px;}
.personal ul li{width:33.33333333333333%;text-align: center;float: left;}
.personal ul li img{display: block;width: 70px;height: 70px;margin: 0 auto;border-radius:8px ;}
.personal ul li p{font-size:12px;color: #6666;line-height:32px;}

.qr_box2{border: 1px solid #ddd;}
.titles2 h3{color: #686868;text-align: center;border: none;text-align: center;}
.qr_box2 .img{padding:20px 15px;}
.qr_box2 .img img{display: block;width: 100%;height: auto;}
.loadinggif{display: none; z-index: 1;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.right_box12{width: 875px;border: 1px solid #ddd;height: 673px;}
.right_box2{width: 420px;border: 1px solid #ddd;height: 460px;box-shadow: 0px 0px 8px #eee; background-color:#fff; z-index: 1;position: absolute;top: 194px;right: 287px;}
/* .right_boxs2{height: 600px;position: absolute;top: 80px;right: 287px;} */
.login_cut{display: flex;margin:50px 0 40px;cursor: pointer;}
.login_cut div{width: 50%;font-weight: normal;font-stretch: normal;letter-spacing: 0;line-height: 44px;text-align: center;font-size: 18px;color: #a1a6bb;border-bottom: 2px solid #f0f2f7}
.login_cut .active{color: #3a405b;;border-bottom: 2px solid #2aa5fe;}
.input_box .con {display: none;}
.login_h2{font-weight: bolder;color: #666666;font-size: 24px;text-align: center;line-height: 94px;}
.register_input{width: 155px;height: 30px;border: 1px solid #ddd;padding: 0 10px;font-size: 14px;}
.register_tit{font-size: 16px;line-height: 32px;height: 32px;color: #686868;}
.register_p20{padding-left: 20px}
.input_box .get_code{position: absolute;right: 10px; cursor: pointer; color: #f09546;font-size: 12px;top: 50%;transform: translateY(-50%);}
.cut{margin: 0 27px;border-bottom: 1px solid #ddd;font-size: 18px;color: #686868;line-height:55px;height:55px;}
.cut .right,.cut .right a{font-size: 12px;color: #686868;}
.cut .right span{color: #ef614e;}
.v_user{width: 100%;height: 200px;box-shadow: 0px 0px 8px #eee;position: relative;margin-bottom: 20px;background: #fff;border-radius: 5px;}
.imgp{position: absolute;top: 50%;transform: translateY(-50%);left: 70px}
.accountp{position: absolute;top: 40%;transform: translateY(-50%);left: 200px;width: 800px}
.accountb{position: absolute;top: 60%;transform: translateY(-50%);left: 200px;width: 400px}
.accoucz{position: absolute;top: 60%;transform: translateY(-50%);left: 600px;width: 100px;height: 30px;background-color: green;color: #fff;text-align: center;line-height: 30px;border-radius: 5px; margin: 0 auto;}
.accoucz a {color:#fff;display: inline-block;width: 100%;}
.lmenu{box-shadow: 0px 0px 8px #eee;width: 160px;height: 551px;background-color: #fff;border-radius: 5px;}
.lmenu a{display: block;width: 100%;text-align: center;margin-top: 20px;text-decoration: none;font-size: 18px;color: #333333;}
.lmenu a span{display: inline-block; width: 130px;border-radius: 5px;}
.lmenu a span:hover{background: #eee;color: #333333;}
.lmenu .active>span{background-color: #ccc;color: #fff;}
/* .lmenu a:hover{background:#ccc;color: #333333;} */

.rcontent{box-shadow: 0px 0px 8px #eee;width: 1030px;height: 551px;background-color: #fff;border-radius: 5px;}

.rztit{display: inline-block;}

.band_auth ul{background: #f1f1f1;text-align: center;padding:15px;height: 97px;margin: 0 27px 10px;}
.band_auth ul li{float: left;}
.band_auth ul li.a{width:97px;}
.band_auth ul li.a img{display: block;width: 100%;height: 100%;}
.band_auth ul li.b{width:135px;color: #2d9fdd;line-height: 97px;}
.band_auth ul li.c{width: 330px;text-align: center;padding-top:30px;}
.band_auth ul li.c span{display: inline-block;*display: inline;zoom: 1;padding: 0 14px;line-height:25px;font-size: 14px;color: #fff;background: #559d0b;}
.band_auth ul li.c .notBound{background:red;}
.band_auth ul li.c p{font-size:12px;color: #ef614e;line-height: 28px;}
.band_auth ul li.c p.bule{color: #309dde;}
.band_auth ul li.d{padding:32px 20px 0 0;width:100px;float: right;}
.band_auth ul li.d i{display: inline-block;width: 100px;height: 33px;line-height: 33px;color: #fff;text-align: center;background: #309dde;display: block;font-size: 16px;color: #fff;letter-spacing: 8px;padding-left: 8px;cursor: pointer;}
.band_auth ul li.d i:hover{background: #0e4d73;}

.rcontent .editpassword{width: 500px;margin: 50px auto 0;padding: 50px 0 0;}
.rcontent .editpassword h3{display: inline-block;width:110px;vertical-align: middle;font-size: 17px;color: #666;letter-spacing: 3px;transition: all 0.3s linear;}
.rcontent .editpassword input{color: #888;font-size: 15px;border-radius: 3px;border: 0;border-bottom: 1px solid #e0e3de;display: inline-block;vertical-align: middle;line-height: 30px;width: 232px;padding-left: 8px;transition: all 0.1s linear;height: 30px;box-shadow: none;}
.rcontent .editpassword .btn{width: 100px;height: 40px;background-color: green;color: #fff;text-align: center;line-height: 40px;border-radius: 5px;margin: 20px auto 0}

.table .bindShow{padding:30px 0 10px;}
.table .bindShow ul{background: #f1f1f1;text-align: center;padding:15px;height: 97px;margin: 0 27px 10px;}
.table .bindShow ul li{float: left;}
.table .bindShow ul li.a{width:97px;}
.table .bindShow ul li.a img{display: block;width: 100%;height: 100%;}
.table .bindShow ul li.b{width:135px;color: #2d9fdd;line-height: 97px;}
.table .bindShow ul li.c{width: 330px;text-align: center;padding-top:30px;}
.table .bindShow ul li.c span{display: inline-block;*display: inline;zoom: 1;padding: 0 14px;line-height:25px;font-size: 14px;color: #fff;background: #559d0b;}
.table .bindShow ul li.c .notBound{background:red;}
.table .bindShow ul li.c p{font-size:12px;color: #ef614e;line-height: 28px;}
.table .bindShow ul li.c p.bule{color: #309dde;}
.table .bindShow ul li.d{padding:32px 20px 0 0;width:100px;float: right;}
.table .bindShow ul li.d i{display: inline-block;width: 100px;height: 33px;line-height: 33px;color: #fff;text-align: center;background: #309dde;display: block;font-size: 16px;color: #fff;letter-spacing: 8px;padding-left: 8px;cursor: pointer;}
.table .bindShow ul li.d i:hover{background: #0e4d73;}
.table .bindPhone {display: block;width: 500px;margin: 50px auto 0;padding: 50px 0;}
/* .table .bindPhone ul{padding: 0 15px;} */
.table .bindPhone ul li{display:flex;position: relative;height: 40px;line-height: 40px;margin-bottom: 30px;}
.table .bindPhone ul li h3 {display: inline-block;vertical-align: middle; width:110px;font-size: 17px;color: #666;letter-spacing: 3px;transition: all 0.3s linear;}
.table .bindPhone ul li input {display: inline-block;width: 55%;font-size: 15px;height: 40px;background: none;border:0; border-bottom: 1px solid #e0e3de;}
.table .bindPhone ul li .code{width: 35%;}
.table .bindPhone ul li span {display: inline-block; height: 35px; width: 80px; line-height: 35px;text-align: center;border: 1px solid #2d9fdd; color:#2d9fdd;border-radius:5px;cursor: pointer;margin-left: 20px;}
.table .bindPhone ul li span:hover{background:#2d9fdd;color:#fff;}
.table .bindPhone .bindSub{margin: 0 auto;width: 100px;height:40px;line-height: 40px;text-align: center;color:#fff;background: #008000;border-radius: 5px;cursor: pointer;}

/* 设置span不能再次点击 */
.poev{pointer-events:none;}

.vhidden{display: none}
.showc{display: block;}
.clibg{width: 100%;background-color: #ccc;color: red}
.input_box{width: 300px;margin: 0 auto;}
.input_box ul{padding-bottom: 32px;}
.input_box ul li{position: relative;border: 1px solid #ddd;height: 40px;line-height: 40px;padding: 0 10px;margin-bottom: 10px;background: #fcfcfc;}
.input_box ul li.dx{background: #f8f8f8;}
.input_box ul li input{display: inline-block;width: 100%;height: 40px;background: none;border: none;}
.input_box ul li img{width: 53%;height: 33px;padding-top: 4px; position: absolute;right: -66%;top: 0;}
.input_box ul li span{display: block;line-height: 40px;height: 40px;font-size: 12px;color: #686868;padding-left: 15px;}
.input_box button{width: 100%;height: 40px;text-align: center;background:#ef614e;font-size: 18px;color: #fff;letter-spacing: 13px;padding-left: 13px;border: none;}
.input_box p{color: #686868;text-align: center;font-size: 12px;line-height: 35px;}
.input_box p input {width:13px;height:13px;line-height:13px;margin-right:3px; vertical-align:-2px;*vertical-align:middle;_vertical-align:3px;}
.input_box p a{color: #ef614e;}

.list1{border: 1px solid #ddd;}
.list1 ul{padding: 15px 0;text-align: center;}
.list1 ul li{font-size:16px;line-height: 45px;height: 45px;}
.list1 ul li a{display: block;color: #686868;}
.right_box3{height: auto;}
.from{padding: 0 24px;}
.from ul{padding: 30px 0 20px;}
.from ul li{line-height: 30px;font-size: 14px;color: #686868;margin-bottom:20px;}
.from ul li span{display: inline-block;*display: inline;zoom: 1;width: 75px;}
.from ul li i,.from ul li a{display: inline-block;*display: inline;zoom:1;line-height: 30px;width: 100px;text-align: center;font-size: 14px;color: #fff;background:#ef614e;margin-right: 2px;}
.from ul li a{margin-left: 10px;}
.from ul li i.b{background: #cccccc;color: #fff;}
.from .y_foot dl{padding-bottom: 40px;}
.from .y_foot dl dd{display: inline-block;*display: inline;zoom: 1;margin-right: 18px;float: left;text-align: center;}
.from .y_foot dl dd img{width: 97px;height: 97px;}
.from .y_foot dl dd p{font-size:12px;color: #686868;line-height: 30px;}
.from .y_foot dl dd p span{color: #299ade;}
.from .y_foot dl dd.b p span{color: #ef614e;}


.Authentication{padding: 0 27px;}
.Authentication .top{padding:20px 0 26px;}
.Authentication .top ul{width: 491px;height: 43px;background: url(../img/li.jpg) no-repeat center;background-size:100% 100%;}
.Authentication .top ul li{font-size:14px;color: #fff;float: left;width:134px;text-align: center;line-height: 43px;color: #686868;padding-left: 30px;}
.Authentication .top ul li.on{color: #fff;}
.Authentication .body{padding:0px 0 14px;}
.Authentication .body ul li{margin-bottom: 28px;}
.Authentication .body .left{font-size:16px;line-height: 32px;height: 32px;color: #686868;width: 120px;}
.Authentication .body .right input{width:155px;height: 30px;border: 1px solid #ddd;padding: 0 10px;font-size: 14px;}
.Authentication .body .right .fontS{color: red;font-size: 4px;line-height: 10px;}
.Authentication .body .right i{display: inline-block;*display: inline;zoom:1;line-height: 30px;width: 115px;text-align: center;font-size: 14px;color: #fff;background:#ef614e;margin-left: 15px;}
.Authentication .body .right .getc{border-radius: 20px;border: none;display: inline-block;*display: inline;zoom:1;line-height: 23px;width: 128px;text-align: center;font-size: 14px;color: #fff;background:#ef614e;margin-left: 15px;}
.Authentication .body .right p{font-size: 12px;color: #686868;line-height: 28px;padding-bottom: 10px;}
.Authentication .body .right .btn{border-radius: 40px;width: 245px;height: 45px;line-height: 45px;text-align: center;background:#cd4b39;color: #fff;text-align: center;border: none;font-size: 18px;}
.Authentication .y_foot{padding-bottom: 20px;}
.Authentication .y_foot h6{font-size: 12px;color:#ef614e;line-height: 26px;}
.Authentication .y_foot p{font-size: 12px;color: #686868;line-height: 26px;}

.Navigation ul li{font-size:20px;margin-bottom: 15px;}
.Navigation ul li a{color: #686868;display: block;background: #f1f1f1;border-left:3px solid #ef614e;line-height: 60px;height: 60px;text-align: center;}
.Navigation ul li.on a{color: #ef614e;}
.Navigation ul li:hover a{color: #ef614e;}
.Navigation ul li.b a{border-left:3px solid #2dd20c;}
.Navigation ul li.c a{border-left:3px solid #2aa5fe;}
.Retrieve{padding:25px 27px 55px;}
.Retrieve ul{margin-left: -4%;}
.Retrieve ul li{width: 46%;margin-left: 4%;float: left;height: 220px;background: url(../img/zh1.jpg) no-repeat center;background-size:cover ;}
.Retrieve ul li a{display: block;margin: 25px;}
.Retrieve ul li a h4{font-size:20px;line-height: 28px;color: #686868;padding-bottom: 5px;font-weight: 600;}
.Retrieve ul li a p{font-size:14px;line-height: 26px;color: #686868;width: 210px;padding-bottom: 10px;}
.Retrieve ul li a span{display: block;width:110px;height: 33px;line-height: 33px;text-align: center;border-radius:50px;background: #89c0ff;font-size: 16px;letter-spacing: 8px;padding-left: 8px;color: #fff;}
.Retrieve ul li a span:hover{background: #357dcf;}

.main{background: url(../img/bannert.jpg) no-repeat;background-size:100% auto;}
.banners4{background: none;padding: 90px 0 35px;}
.banners4 h2{text-align: left;}
.content_box{position: relative;}
.right_box4{background: #fff;width: 955px;border: 1px solid #ddd;}
.left_box4{width: 245px;position: absolute;top: 50px;left: 0;z-index: 3;}
.left_box4 ul li{height: 110px;position: relative;width: 273px;margin-bottom: 10px;}
.left_box4 ul li a{display: block;background: url(../img/backe2.png) no-repeat left;background-size:273px 110px;color: #fff;height: 110px;width: 245px;display: table-cell;vertical-align: middle;text-align: center;}
.left_box4 ul li h2{font-size:34px;line-height: 34px;padding-bottom: 10px;font-weight: 600;}
.left_box4 ul li.on a{padding-right: 28px;}
.left_box4 ul li p{font-size:14px;line-height: 14px;}
/* .left_box4 ul li.on a{background:url(../img/backe1.png) no-repeat;background-size:273px 110px;}
.left_box4 ul li.on a h2,.left_box4 ul li.on a p{background:-webkit-linear-gradient(bottom,#e47c6a,#ffffff); -webkit-background-clip:text; -webkit-text-fill-color:transparent;} */
.left_box4 ul li.a a{background:url(../img/backe1.png) no-repeat;background-size:273px 110px;}
.left_box4 ul li.a a h2,.left_box4 ul li.a a p{ background:-webkit-linear-gradient(bottom,#e47c6a,#ffffff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.Authentication2{padding:0 0 60px 44px;}
.Authentication2 .tops h4{font-size:14px;line-height: 110px;border-bottom: 1px solid #ddd;margin-bottom: 65px;color: #686868;}
.Authentication2 .body .left{width: 130px;text-align: right;padding-right:10px;}
.Authentication2 .body .right p{padding: 0;}
.Authentication2 .body .right p.red{color: #f23524;line-height: 12px;}
.Authentication2 .body .right .y .left{font-size:16px;font-weight:600;color: #686868;}
.Authentication2 .body .y .right p.red{line-height: 32px;}
.Authentication2 .body .c .left{line-break: 40px;}
.Authentication2 .body .c .dx{border: 1px solid #ddd;height: 40px;line-height: 40px;padding: 0 10px;width: 260px;  background: -webkit-linear-gradient(#fff, #fafafa); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#fff, #fafafa); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#fff, #fafafa); /* Firefox 3.6 - 15 */
  background: linear-gradient(#fff, #fafafa); /* 标准的语法 */}
.Authentication2 .body .c .dx img{width: 32px;height: 34px;padding-top: 2px;}
.Authentication2 .body .c .dx span{display: block;line-height: 40px;height: 40px;font-size: 12px;color: #686868;padding-left: 15px;}
.Authentication2 .body .c p{padding-top:10px;}
.Authentication2 .body .c p a{color: #f23524;}
.Authentication2 .body .c p input{width: 15px;height: 15px;margin-right: 6px;position: relative;top: 3px;}
.Authentication2 .body .right .btn{text-align: center;}
.Authentication .body .right .btn:hover,.Authentication .body .right i:hover,.input_box button:hover{background: #cd4b39;cursor: pointer;}

.cuts{padding-left: 24px;background: url(../img/homes.jpg) no-repeat left center;background-size:14px auto;font-size: 14px;color: #000000;line-height: 60px;border-bottom: 1px solid #ddd;}
.cuts a{color: #000;}
.cuts span{padding: 0 5px;}
.cuts i{color: #ee1000;}
.information .top{padding:65px 0 35px;text-align: center;}
.information .top h1{font-size: 26px;color: #333339;line-height: 26px;padding-bottom:19px;}
.information .top h5{font-size: 16px;padding-left:26px;background: url(../img/times.png) no-repeat left center;background-size:17px 17px;line-height:20px;color: #999;display: inline-block;*display: inline;zoom: 1;}
.information .body{height:auto;padding-bottom: 40px;    margin-left: auto;margin: auto;width: 885px;}
.information .body p{font-size: 14px;color: #000;line-height: 30px;text-indent: 28px;}
.Authentication2{padding: 40px 0 17px 44px;}
.Authentication2 .body .left{width: 160px;}

.y_success{text-align: center;height: 484px;padding-top:120px;box-sizing: border-box;}
.y_success img{display: block;margin: 0 auto;padding-bottom:45px;}
.y_success a{font-size: 16px;text-decoration: underline;color: #ef614e;}
.Authentication3{height: 484px;padding-top: 0;}
.Authentication3 .top{padding-bottom:48px;}
.Authentication3 .top ul{width:656px;height: 43px;background: url(../img/li3.png);background-size:100% 100%;}
.Authentication3 .body .left{width: 160px;}
.Authentication4 .top ul{width:328px;height: 43px;background: url(../img/li4.png);background-size:100% 100%;}

.Authentication4 .body .right input,.Authentication4 .body .right select,.Authentication4 .body .right textarea{width:245px;box-sizing: border-box;height: 42px;border: 1px solid #ddd;padding: 0 10px;font-size: 14px;}
.Authentication4 .body .left{height: 42px;line-height: 42px;}
.Authentication4 .body .right textarea{height: 110px;padding: 6px 10px;}
.Authentication4 .body .right p{display: block;font-size:14px;color: #b0afaf;padding-top: 8px;line-height: 14px;margin: 0;}
.Authentication4 .body .right .btn{display: block;margin: 5px 0 5px 67px;position: relative;overflow: hidden;}
.Authentication4 .body .right .btn input{width: auto;height: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;cursor: pointer;}
.Authentication4 .body .right .inp,.Authentication4 .body .right .img{display: inline-block;*display: inline;zoom: 1;vertical-align: top;}
.Authentication4 .body .right .img{padding-left: 10px;position: relative;top: -3px;}
.Authentication .btns{width: 382px;height: 83px;background: #bdbdbd;line-height: 83px;font-size: 18px;color: #FFFFFF;border: none;text-align: center;cursor: pointer;}
.Authentication .btns:hover{background: #ef614e;}
.successful{text-align: center;padding:15px 0 650px;}
.successful img{width: 82px;height: 82px;}
.successful h6{font-size: 20px;color: #201f1f;line-height: 85px;}
.successful h4{font-size:36px;color: #44c678;line-height: 36px;padding-bottom: 50px;}
.successful p{font-size: 14px;line-height: 20px;color: #b0afaf;}
.successful p a{color: #ef614e;}
.y_process{padding-bottom:36px;}
.wrapper2{width: 977px;margin: 0 auto;}
.y_process .top{border-bottom: 1px solid #ddd;padding-top: 38px;}
.y_process .top p{font-size: 20px;color: #636363;line-height: 68px;display: inline-block;*display: inline;zoom: 1;vertical-align: top;}
.y_process .top span{display: inline-block;*display: inline;zoom: 1;height: 68px;background:url(../img/gtss1.png) no-repeat center;background-size:11px 14px;width:100px;vertical-align: top;}
.y_process .top p i{display: inline-block;*display: inline;zoom: 1;width:25px;height: 25px;font-size: 16px;font-weight: 600;color: #fff;text-align: center;border-radius:50%;background: #cccccc;overflow: hidden;margin-right: 7px;position: relative;top: 6px;line-height: 25px;}
.y_process .top p.on i{background: #ef614e;}
.y_process .top p.on{border-bottom: 4px solid #ef614e;}
.Authentication4 .body .right .p{padding-top: 8px;}
.Authentication4 .body .right .p p{padding: 8px 0 0;}
.Authentication5{padding-bottom: 360px;}
.Authentication5 .btns{display: block;margin:35px auto 0;}
.Authentication .body .right .yzm,.Authentication .body .right .sx{display: inline-block;*display: inline;zoom: 1;}
.Authentication .body .right .yzm img{width: 82px;}
.Authentication .body .right .sx img{width: 52px;}
.Authentication5 .body .right i{width: 150px;background: #bdbdbd;}
.Authentication6 .body .right .txt{display: inline-block;*display: inline;zoom: 1;}
.Authentication6 .body .right .txt p{display: table-cell;vertical-align: middle;width: 360px;height: 42px;padding: 0 15px;line-height: 20px;}
.Authentication6 .body .right .inp input{vertical-align: top;}
.Authentication6 .body .right .inp input.file{border: none;height:37px;padding-top: 7px;}
.Authentication6{padding-bottom: 130px;}
.Authentication5 .btns{margin-top: 55px;}
.Authentication7{padding-left: 0;padding-right: 0;}
.Authentication7 dl dd{width:455px;display: inline-block;*display: inline;zoom: 1;}
.Authentication7 .body .right textarea{width:702px;height: 220px;}
.Authentication7 .body .right .radios label{display: inline-block;*display: inline;zoom: 1;font-size:14px;color: #3f3f3f;line-height: 42px;margin-right: 70px;}
.Authentication7 .body .right .radios label input{width:18px;height: 18px;vertical-align: top;margin-right: 5px;position: relative;top:12px;}

.red_p{font-size: 14px;line-height: 14px;padding-bottom: 25px;position: relative;top: -5px;color: #ef614e;}
.Authentication8{padding-bottom: 85px;}
.Authentication8 .body .right .select label{display: inline-block;*display: inline;zoom: 1;}
.Authentication8 .body .right .select label span{padding: 0 15px;}
.Authentication8 .body .right .select label select{width:160px;}
.Authentication8 .body .right .inp input.chang{width:500px;}
.Authentication8 .body ul li.textarea div{float: inherit;width: 100%;}
.Authentication8 .body .right .inp textarea{width:980px;height:165px;display: block;padding:10px 15px;}


/*游戏列表*/
.layout1{ background: #cbd2d8;height: 1080px;}
.game_list .nav_top{ background-color: #000;}
.game_list .layout1{ height: 1080px;}
.game_list .sidebar{position: absolute; left: 0; top: 0; height: 100%; width: 362px; z-index: 3; background: url(../img/back4s.jpg) no-repeat  left center;background-size:1945px 100%;}
.game_list .listt{ position: absolute; right: 0; bottom: 0; top: 80px; box-sizing: border-box; left: 360px; }
.game_list .listt .com_box{ position: absolute; left: 0; top: 0; width: 1000%; bottom: 0; z-index: 2;    background: url(../img/tm.png) no-repeat left center;background-size:324px 100%;}

.game_list .listt .com_box_bg{ position: absolute; left: 0; top: 0; width: 388px; bottom: 0; z-index: 1; 
	transition: .5s ease all;
	-webkit-transition: .5s ease all;
}
.game_list .listt .com{ float: left; height: 100%; position: relative; z-index: 2;}
.game_list .listt .com.active{}
.game_list .listt .com.active .txt h3,
.game_list .listt .com.active .txt h4,
.game_list .listt .com.active .txt p,
.game_list .listt .com.active .txt span,
.game_list .listt .com.active .txt .num{ color: #fff;
	transition: .5s ease all;
	-webkit-transition: .5s ease all;
}
.game_list .listt .com.active .txt h4:after,
.game_list .listt .com.active .txt span{ background: #fff; border-color: #fff;
	transition: .5s ease all;
	-webkit-transition: .5s ease all;
}
.game_list .listt .com.active .img{
    animation: fadeInUp2 1s both;
    -webkit-animation: fadeInUp2 1s both;

}
.game_list .listt .com .box{ display: block; position: relative; width: 388px; padding: 0 50px; box-sizing: border-box; border-right: 1px solid #afb6bb; height: 100%; box-sizing: border-box;}
.game_list .listt .com .txt{ font-size: 28px;position: relative;z-index: 3;height: 100%;  }
.game_list .listt .com .txt h3{ color: #2f2f2f; line-height: 40px; padding-top:67px; font-family: 'FUTURAB';font-weight: 600;}
.game_list .listt .com .txt h4{ color: #5d5d5d; position: relative;font-family: 'FUTURAB';}
.game_list .listt .com .txt h4:after{ content: ''; width: 24px; height: 4px; background: #929598; position: absolute; left: 0; top: 47px;font-family: 'FUTURAB';}
.game_list .listt .com .txt .num{ position: absolute; top: 76px; right: 0; color: #5d5d5d; font-size: 18px;font-family: 'FUTURAB';}
.game_list .listt .com .txt p{ padding-top: 460px; font-size: 14px; color: #5d5d5d; line-height: 24px;text-indent: 30px;}
.game_list .listt .com span{ width: 158px; height: 34px; line-height: 34px; border: 1px solid #bdbfc1; border-radius: 5px; color: #5d5d5d; font-size: 16px; position: absolute; left: 0; bottom:205px; text-align: center;}
.game_list .listt .com  span i{ width: 0; height: 0; overflow: hidden; display: inline-block; border-width: 8px; border-style: solid; border-color: transparent; border-left-color:#9da0a2; vertical-align: -3px; margin-right: 4px;}
.game_list .listt .com .img{ position: absolute; left: 0; top: 0;}
.game_list .listt .com .img img{ width: 388px; height: 598px; display: block;}

.foot_fixed{position: relative;z-index: 99;}

.Rules{padding: 0 30px;}
.Rules h2{margin-bottom: 24px;font-size:16px;text-align: center;color: #000;padding:25px 0 7px;font-weight: 600;}
.Rules p,.Rules ul li{font-size:14px;line-height: 28px;color: #666;text-indent: 24px;}
.Rules strong{font-weight: 600;font-style: italic;}
.Rules h3{margin: 8px 0;font-weight: bold;color: #000;font-size: 14px;}

.form_list{font-size:12px;}
.field{margin-bottom:20px;}
.field img{vertical-align:middle;}
.field a:hover{text-decoration:none;}
.field .fh{display:inline-block;width:90px;text-align:right;color:#292929;}
.field .fh2{display:inline-block;width:120px;text-align:right;color:#292929;}
.field .fh3{display:inline-block;width:140px;text-align:right;color:#292929;}
.textbox,.short_textbox,.m_textbox,.yam_textbox,.t_textbox{height:36px;padding:0 4px;line-height:36px;border:1px solid #d1d1d1;vertical-align:middle; display:inline-block; background-color:#ffffff;}
.textbox{width:195px;}
.short_textbox{width:80px;}
.yam_textbox{width:142px;}
.m_textbox{width:204px;}
.t_textbox{width:170px;}
.getcode input.able,.getcode input.disable{display:inline;background:url(../images/sign.jpg) no-repeat;width:133px;height:36px;color:#fff;vertical-align:middle;}
.getcode input.able{background-position:0 -330px;cursor:pointer;}
.getcode input.disable{background-position:-133px -330px;cursor:default;}
.codeTip{display:block;padding-left:95px;line-height:21px;}
.getcode input.able, .getcode input.disable{display: inline-block;
    *display: inline;
    zoom: 1;
    border: none;
    line-height: 30px;
    width: 115px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #ef614e;
    margin-left:5px;}
.r_side .xia{margin-bottom:20px;}
.form_btn{padding:25px 0 50px 190px;}
.form_btn input{width: 115px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #ef614e;
    color: #fff;
    text-align: center;
    border: none;
    font-size: 18px;}
.field .fh{font-size: 16px;width: 160px;}
.codeTip{padding-top:2px;}
.codeTip,.r_side .xia,#agreements{padding-left: 160px;}
#agreements a{color: #ef614e;}

.join_content .top ul li{border-radius:5px ;overflow: hidden;}
.join_content .top  ul li:hover{box-shadow: 1px 2px 15px #999;opacity: 0.8;}