@charset "utf-8";

/* CSS Document */



body {

	font-size: 12px;

	margin:0; padding:0;

	font-family:"微软雅黑"; background:#f2f2f2;

}

.f14{font-size:14px; font-weight:bold;}



li{list-style:none;}

ul, ol, dl { margin:0; padding:0;}

.green{color:#87d300;}

p{margin:0; padding:0;}

a:link { text-decoration: none; color:#989898; }

a:hover { text-decoration: none; color:#066197 }

a:visited { text-decoration: none; color:#989898; }





.lf{float:left;}

.rt{float:right;}



img{border:none;}



.clear{clear:both;}

.jge{ padding-bottom:15px;}





.head{clear:both; width:100%; height:97px; border-bottom:solid 1px #918247; background:#ffffff;}

.w1000{ width:1000px; margin:0 auto;}



.logo{float:left; width:460px; margin:10px 0;}

.mulu{float:right; width:500px;  font-weight:bold; color:#989898;}

.mulu li{ width:64px; text-align:center; margin-left:15px; float:left; padding-top:45px; height:50px; line-height:30px; font-size:15px;}

.mulu li a:link { text-decoration: none; color:#989898; }

.mulu li a:hover { text-decoration: none; color:#672323; display: block;}

.mulu li a:visited { text-decoration: none; color:#989898; display: block;}

.mulu li:hover{color:#672323; border-bottom:solid 2px #3ba5ff;}

.oml{color:#672323; border-bottom:solid 2px #c8c8c8;}

.mulu ul{width:120%; overflow:hidden!important; float:right!important}


.banner{width:100%; background:url(../首页轮播大图/pic1.jpg) no-repeat #ffffff center; height:620px; margin-bottom:20px;}

.banner1{width:auto;height:620px;background:url(../首页轮播大图/pic1.jpg) no-repeat #08689c center;}

#slide-index a{color:#333;text-decoration:none;}

#slide-index a:hover{color:#c00; text-decoration:underline;}

#slide-index {position: relative; min-width: 1000px; width: auto;  overflow: hidden}

#slide-index .slides {min-width: 1000px; width: auto; height:620px;}

#slide-index .slide {position: relative; min-width: 1000px; float: left; height:620px;}

#slide-index .image {z-index: 1; position: absolute}

#slide-index .button {width: 138px; display: none}

#slide-index .control {z-index:40; position: absolute; text-align: center; width: 100%; top:580px; height:40px; background:url(../images/touming.png) repeat-x;  _height:40px; cursor: pointer}

#slide-index .control a{background-image: url(../images/hw_000506.png);  width: 16px; display: inline-block; height: 16px; cursor: pointer; margin-right:15px; margin-top:15px;}

#slide-index .control a:hover {background-image: url(../images/hw_000505.png);}

#slide-index .control a.active {background-image: url(../images/hw_000505.png); }

.autoMaxWidth {position: relative; height: 232px; overflow: hidden}









.green {

	color: #e8f0de;

	border: solid 1px #538312;

	background: #64991e;

	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));

	background: -moz-linear-gradient(top, #7db72f, #4e7d0e);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');

}

.green:hover {

	background: #538018;

	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));

	background: -moz-linear-gradient(top, #6b9d28, #436b0c);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');

}

.green:active {

	color: #a9c08c;

	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));

	background: -moz-linear-gradient(top, #4e7d0e, #7db72f);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');

}

.span1{padding-top:5px;}



.zdyx{width:1000px; margin:0  auto; margin-bottom:0px; clear:both;}

.zdyx li{float:left; width:316px; height:159px; border:solid 2px #fff; position:relative; }

.zdyx li .zdjg{position:absolute; left:0; bottom:0; height:40px; background:url(../images/touming.png); clear:both; width:100%; font-size:14px;}

.zdyx li .zdjg p{float:left; height:40px; line-height:40px; margin-left:50px; font-weight:bold;}

.xz{background:url(../images/4_03.png) 2px no-repeat center 0; padding-left:500px;}

.jc{background:url(../images/4_05.png) 2px no-repeat center 0;padding-left:500px; }

.zdyx li .zdjg p a:link{color:#ffefa3;font-size:30px;}

.zdyx li .zdjg p a:hover{color:#fff;}

.zdyx li .zdjg p a:visited{color:#ffefa3;}



.tju{margin:0 20px;}



.syyx{ clear:both; border:solid 1px #dadada; background:#fff; height:200px;}

.syyx li{width:248px; float:left; border-left:solid 1px #dadada ;  height:200px;}

.syyx .cp{padding:30px 0 0 0; text-align:center;}

.syyx .cp p{text-align:center; clear:both; padding-bottom:10px; font-size:14px; color:#999;}

.syyx .cp p a:link{color:#000;}

.syyx .cp p a:hover { text-decoration: none; color:#066197 }





#nboder{border:none;}







.xwzx{width:490px; height:305px; border:solid 1px #dadada; background:#fff;}

.l_title { border-bottom:solid 1px #d7d8d9;height:40px; line-height:40px;

	margin-bottom:10px;

}

.l_title h2{

	font-size:18px;

	position:relative;

	margin:0;

	padding:0;

	color:#8d8989;

	font-family: "微软雅黑"; font-weight:100; padding-left:6px; padding:0 10px; float:left;}



.l_title span{top:0px; float:right; font-weight:100; margin-right:15px; font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:bold;}

.abt_nr{color:#7d7d7d;  font-size:14px; line-height:22px; padding:8px 15px; clear:both; height:90px}

.abt_nr img{float:left; padding-right:10px;}

.abt_nr h3{  padding:0; margin:0; font-size:15px; height:30px; line-height:30px; color:#061430; }







.news{ clear:both; padding:0 15px; }

.news li {height:34px; background:url(../images/dot.gif) no-repeat 5px ; border-bottom:dashed 1px #dadada; padding-left:20px; clear:both; line-height:34px; font-size:14px;}



.news li a:link {

	color: #747474;

	text-decoration: none;

}

.news li a:visited {

	text-decoration: none;

	color: #747474;

}

.news li a:hover {

	text-decoration: none;

	color: #066197;

}

.news li a:active {

	text-decoration: none;

	color: #616161;

}



.hzhb_title{

	font-size:18px;

	width:1000px; margin:0 auto;

	color:#8d8989;

	font-family: "微软雅黑"; font-weight:100; height:40px; line-height:40px;}

.hzhb{padding:20px; border-top:solid 1px #dadada; background:#fff; }

.hzhb ul{width:1020px; margin:0 auto; padding-left:15px;}

.hzhb li{float:left; margin:5px 30px 8px  0;}





.footer{background:#ffffff; height:150px;}

/*.banquan{clear:both; padding-top:30px; color:#6e6e6d;text-align:center; width:1000px; margin:0 auto;}*/

.banquan{clear:both; padding-top:35px;color:#6e6e6d;}

.dlogo{float:left; width:356px; }

/*.dwz{float:right; width:560px; text-align:center; line-height:24px;}*/

.dwz{ float:left;text-align:center; line-height:24px;width:100%;}

.dwz p a:link{padding:0 2px;}

.dwz p{padding-left:3px;color:#6f6f6f; line-height:22px;}

.dwzr{float:right; text-align:center; line-height:24px;width:30%;position: relative;top:-62px}




.nybanner{width:1000px; padding-bottom:0px; padding-top:0px; margin:0 auto;}





.leftml{float:left; width:195px; border:solid 1px #e5e4e4; background:#fff; }

.leftml h3{font-family:"微软雅黑"; font-size:16px; color:#fff; background:#23252a; padding-left:8px; line-height:40px; margin:0; }

.leftml h3 span{font-family:Arial, Helvetica, sans-serif; color:#616265; font-weight:100; padding-left:5px;}

.leftml ul{padding:10px;}

.leftml li{border-bottom:solid 1px #f6f6f6; height:40px; font-size:14px; line-height:40px; background:url(../images/jt.jpg) no-repeat 5px; padding-left:25px; }

.loml a:link{color:#000;}

.loml a:visited{color:#000;}



.nyrt{border:solid 1px #e5e4e4; float:right; width:785px; background:#fff;}

.ksdh{ clear:both; height:40px; line-height:40px; font-family: "微软雅黑"; border-bottom:solid 1px #e5e4e4; padding-left:20px; color:#076399;}

.nynr{padding:10px 20px;}



.cpbt{height:35px; position:relative; border-bottom:solid 1px  #e5e4e4; margin-bottom:20px; clear:both;}

.cpbt h3{width:80px; height:35px; line-height:35px; background:#fff; border-left:solid 1px #e5e4e4; text-align:center; color:#23252a;  font-family:"微软雅黑"; font-size:14px; border-top:solid 1px #e5e4e4;  border-right:solid 1px #e5e4e4; }



.cpjs{clear:both; padding:10px;  font-family: "微软雅黑"; font-size:14px; color:#707379; line-height:26px; margin-bottom:20px;}

.cpjs img{float:left; margin-right:20px;}





.huodong{clear:both;}

.huodong li{float:left; width:320px; margin:0 15px 15px 15px;}

.huodong li img{width:302px;  height:170px; padding:10px; border:solid 1px #dedede; background:url(../images/jb.jpg) repeat-x bottom; margin-bottom:5px;}

.huodong li p{clear:both; margin-bottom:3px;}





.xzfs{clear:both;}

.xzfs li{float:left; width:210px; margin:0 15px 25px 15px; text-align:center;   border:solid 1px #dedede; height:215px; background:url(../images/jb.jpg) repeat-x bottom;}

.xzfs li .tp{text-align:center; height:100px; padding-top:30px; padding-bottom:30px;}

.xzfs li p{text-align:center;}



.xzan{border:none; background:url(../images/cpjs_07.png) no-repeat; width:138px; height:36px; line-height:36px; font-weight:bold; color:#fff;  font-family:"微软雅黑"; font-size:15px;}











.news{ clear:both;}

.news li {height:30px; background:url(../images/dot.gif) no-repeat 1px ; padding-left:15px; clear:both; line-height:30px; font-size:14px;}

.news li p{float: left; margin:0; padding:0; }

.news li span {float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px;}



.news li a:link {

	color: #747474;

	text-decoration: none;

}

.news li a:visited {

	text-decoration: none;

	color: #747474;

}

.news li a:hover {

	text-decoration: none;

	color: #b90907;

}

.news li a:active {

	text-decoration: none;

	color: #616161;

}





/*翻页+++++++++++	*/

.pager {

	width:350px;

	PADDING-TOP: 20px; padding-bottom:20px;

	margin:0 auto;

}

.pager A {



	BORDER-BOTTOM: #c3c3c3 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #c3c3c3 1px solid; padding:3px 10px; DISPLAY: inline-block; HEIGHT: 19px; line-height:22px;  MARGIN-LEFT: 1px; BORDER-TOP: #c3c3c3 1px solid; BORDER-RIGHT: #c3c3c3 1px solid

}

.pager A:hover {

	background:#ccc; COLOR: #fff

}







.about {line-height:24px; font-size:14px; color:#999; }

.tpjz{text-align:center; padding:0 0  40px 0;}

.phzhb{clear:both;}

.phzhb ul{padding:20px; margin:0; border:none;}

.phzhb li{margin:10px ; float:left;  width:350px;}

.phzhb img{border:solid 1px #dedede; margin-bottom:10px; width:350px; height:150px;}

.phzhb p{ text-align:center; height:40px; line-height:40px;}


.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

.m_about_list{border-radius:7px;width: 160px;height: 205px;padding:35px 30px 20px 30px;background:url(//img1.cache.jj.cn/service_center/sel_bg.png) no-repeat;/*opacity:0.8*/;background-position:0 3px;position: absolute;left: 120px;;display: none;}
.m_about_list dt{width: 100%;height: 61px;line-height: 62px;text-align: center;border-bottom: 1px #c3c3c3 solid;}
.m_about_list span{width: 28px;height: 14px;background: url(//img1.cache.jj.cn/www/2017/about_list_sj.png) no-repeat;_background: url(//img1.cache.jj.cn/www/2017/about_list_sj.gif) no-repeat;position: absolute;left: 90px;top: -14px;display: block}
.m_about_list a{font-size: 18px; color: #333;width: 100%;line-height: 60px;height: 60px;background: #fff;}
.m_about_list a:hover{color: #2989ff}
.m_about_list a:active{color: #14447f}
.m_about_list dt#add_jj{border-bottom: none;}


/* 注册页面 */
.register-wrap , .login-wrap{
    padding: 70px 0 80px 0;
    background:url('../images/reg_bg.jpg') bottom center #a9d5f7 no-repeat;
}
.register-wrap .register-box , .login-wrap .login-box{
    background-color: #fff;
    padding: 20px 50px 60px;
    width: 1100px;
    min-height: 544px;
    margin: 0 auto;
}
.register-wrap .title , .login-wrap .title{
    height: 45px;
    line-height: 45px;
    color: #990000;
    font-size: 20px;
    font-weight: bold;
}
.register-wrap .subtitle , .login-wrap .subtitle{
    font-size: 14px;
    color: #666;
    padding-bottom: 20px;
    border-bottom: 1px solid #eaeaea;
}
.register-wrap .register-left , .login-wrap .login-left{
    width: 870px;
    float: left;
}
.register-wrap .register-area , .login-wrap .login-area{
    padding-top: 15px;
}
.register-wrap .real-name-area{
    padding-top: 30px;
}
.register-wrap .input-item , .login-wrap .input-item{
    margin-top: 20px;
    line-height: 38px;
}
.register-wrap .input-item .label , .login-wrap .input-item .label{
    width: 100px;
    text-align: right;
    margin-right: 10px;
    font-size: 15px;
    color: #666;
    display: inline-block;
    float: left;
}
.register-wrap .input-item input[type="text"] , .register-wrap .input-item input[type="password"] , .login-wrap .input-item input[type="text"] , .login-wrap .input-item input[type="password"]{
    width: 278px;
    height: 36px;
    border: 1px solid #d6d6d6;
    margin-right: 20px;
    text-indent: 10px;
}
.register-wrap .input-item .tips , .login-wrap .input-item .tips{
    font-size: 13px;
    color: #999;
}
.register-wrap .operate-area , .login-wrap .operate-area{
    margin-left: 110px;
}
.register-wrap .agree-item{
    padding: 20px 0 25px;
    line-height: 12px;
}
.register-wrap .agree-item input[type="checkbox"]{
    float: left;
    margin-right: 8px;
}
.register-wrap .submit-btn , .login-wrap .submit-btn{
    width: 260px;
    height: 48px;
    background-color: #51c43a;
    color: #fff;
    font-size: 20px;
    border-radius: 5px;
}
.register-wrap .register-right , .login-wrap .login-right{
    width: 194px;
    height: 225px;
    border-left: 1px solid #eee;
    margin-top: 18px;
    padding-left: 35px;
    float: right;
}
.register-wrap .register-right .txt , .login-wrap .login-right .txt{
    font-size: 16px;
    color: #333;
}
.register-wrap .register-right .a-btn , .login-wrap .login-right .a-btn{
    width: 180px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    font-size: 16px;
    margin: 20px 0;
    background-color: #ffa845;
    color: #fff;
    display: inline-block;
    text-align: center;
}
.register-wrap .login-way-item em , .login-wrap .login-way-item em{
    float: left;
    margin-right: 8px;
    background: url(../images/icon.png);
}
.register-wrap .login-way-item a , .login-wrap .login-way-item a {
    width: auto;
    display: inline-block;
    color: #2e2e2e;
    padding-right: 12px;
    font-size: 14px;
}
.register-wrap .login-way-item .qq_login em , .login-wrap .login-way-item .qq_login em {
    background-position: -8px -227px;
    width: 17px;
    height: 18px;
}
.register-wrap .login-way-item .wx_login em , .login-wrap .login-way-item .wx_login em{
    background-position: -35px -228px;
    width: 24px;
    height: 20px;
}
.login-wrap .operate-area{
    margin-top: 35px;
}
.login-wrap .submit-btn{
    background-color: #ffa845;
}
.login-wrap .login-right .a-btn{
    background-color: #51c43a;
}

/* zhuanti */
.project_wrap{
    width: 1200px;
    margin: 10px auto 0 auto;
}
.project_wrap .project_tabs{
    height: 36px;
    border-bottom: 4px solid #ff3333;
    padding-top: 20px;
}
.project_wrap .project_tabs .tab{
    width: 160px;
    height: 36px;
    line-height: 36px;
    position: relative;
    font-size: 18px;
    background-color: #ffd047;
    color: #ff3333;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-right: 1px;
    text-align: center;
    float: left;
    font-weight: bold;
}
.project_wrap .project_tabs .tab.on{
    background-color: #ff3333;
    color: #fff;
}
.project_wrap .project_tabs .tab .icon{
    display: inline-block;
    width: 90px;
    height: 23px;
    position: absolute;
    top: -18px;
    left: 40px;
}
.project_wrap .project_tabs .cb_tab .icon{
    background: url("../images/zhuanti/cb_icon.png") center center no-repeat;
}
.project_wrap .project_tabs .sw_tab .icon{
    background: url("../images/zhuanti/sw_icon.png") center center no-repeat;
}
.project_wrap .project_tabs .tab.on .icon{
    display: none;
}
.project_wrap .project_tabs .tab.on .triangle{
    width: 12px;
    height: 12px;
    display: inline-block;
    background-color: #ff3333;
    position: absolute;
    bottom: -10px;
    left: 75px;
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.project_wrap .project_content{
    padding: 35px 39px 110px;
    border: 1px solid #ebebeb;
    background-color: #fff;
}
.project_wrap .project_content .subtitle .title{
    width: 150px;
    line-height: 32px;
    font-size: 22px;
    color: #ff3333;
    font-weight: bold;
    display: inline-block;
}
.project_wrap .project_content .subtitle .title .icon{
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url("../images/zhuanti/gift_icon.png") center center no-repeat;
    margin-right: 10px;
    float: left;
}
.project_wrap .project_content .subtitle .title .icon.cb_icon{
    background: url("../images/zhuanti/medal_icon.png") center center no-repeat;
}
.project_wrap .project_content .subtitle .tips{
    line-height: 32px;
    font-size: 13px;
    color: #666;
}
.project_wrap .sw_game_list{
    margin-top: 20px;
    margin-left: -40px;
}
.project_wrap .sw_game_list .list{
    width: 250px;
    height: 330px;
    margin-left: 40px;
    margin-bottom: 40px;
    float: left;
    position: relative;
}
.project_wrap .sw_game_list .list .list_t{
    padding: 14px;
    border: 1px solid #e5e2e2;
    border-bottom: 0 none;
    background-color: #fff;
}
.project_wrap .sw_game_list .list .icon{
    width: 44px;
    height: 44px;
    display: inline-block;
    background: url("../images/zhuanti/sw_game_icon.png") center center no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.project_wrap .sw_game_list .list .icon.cb_icon{
    background: url("../images/zhuanti/cb_game_icon.png") center center no-repeat;
}
.project_wrap .sw_game_list .list .game_pic{
    margin-bottom: 10px;
    position: relative;
}
.project_wrap .sw_game_list .list .game_pic .kaifu_time{
    width: 100%;
    height: 28px;
    line-height: 28px;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    background-color: #000;
    text-indent: 8px;
}
.project_wrap .sw_game_list .list .game_pic .kaifu_time .today{
    color: #53dce6;
}
.project_wrap .sw_game_list .list .game_ctn_c{
    height: 28px;
    line-height: 28px;
    color: #666;
}
.project_wrap .sw_game_list .list .game_name{
    color: #1c0000;
    font-size: 15px;
    font-weight: bold;
}
.project_wrap .sw_game_list .list .game_line{
    color: #0066ff;
    font-size: 13px;
}
.project_wrap .sw_game_list .list .reward{
    font-size: 13px;
}
.project_wrap .sw_game_list .list .reward span{
    color: #ff6666;
    font-weight: bold;
    font-size: 13px;
}
.project_wrap .sw_game_list .list .places{
    color: #666;
    font-size: 13px;
}
.project_wrap .sw_game_list .list .game_ctn_b{
    margin-top: 13px;
    margin-bottom: 6px;
    height: 32px;
}
.project_wrap .sw_game_list .list .game_ctn_b a{
    width: 100px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border-radius: 17px;
}
.project_wrap .sw_game_list .list .game_ctn_b a.details_btn{
    color: #ff6666;
    border: 2px solid #ff6666;
}
.project_wrap .sw_game_list .list .game_ctn_b a.start_game_btn{
    background-color: #ff6666;
    color: #fff;
    border: 2px solid #ff6666;
}
.project_wrap .sw_game_list .list .list_b{
    height: 40px;
    line-height: 40px;
    border: 1px solid #fded9e;
    background-color: #fffac6;
    font-size: 14px;
    color: #999999;
    padding: 0 10px;
}
.project_wrap .cb_game_list .list .list_b{
    background-color: #fff335;
}
.project_wrap .sw_game_list .list .count_down{
    float: left;
    color: #666666;
    font-size: 14px;
}
.project_wrap .sw_game_list .list .count_down span{
    font-size: 22px;
    font-weight: bold;
    color: #ff7800;
}
.project_wrap .sw_game_list .list .count_down .unit{
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}
.project_wrap .sw_game_list .list .finish_txt{
    height: 40px;
    line-height: 45px;
    float: right;
    font-size: 14px;
    color: #999;
}
.project_wrap .reward_rule , .project_wrap .warm_prompt{
    font-size: 13px;
    color: #1c0000;
    line-height: 22px;
}
.project_wrap .warn_prompt{
    font-size: 13px;
    color: #FF2121;
    line-height: 22px;
}
.project_wrap .no_data{
    padding: 100px 0;
    text-align: center;
    font-size: 20px;
    color: #666;
}

/* union reg */
.union_reg_wrap .register_box_wrap{
    width: 600px;
    margin-top: 270px;
}
.union_reg_wrap .txt_bg{
    width: 420px;
    height: 90px;
    background: url("../images/union/txt.png") center center no-repeat;
    margin: 0 auto;
}
.union_reg_wrap .register_box{
    width: 590px;
    height: 353px;
    background: url("../images/union/box_bg.png") center center no-repeat;
    margin-top: 34px;
    position: relative;
}
.union_reg_wrap .register_box .task_tab{
    width: 320px;
    margin: 0 auto 5px auto;
    position: relative;
    top: -22px;
}
.union_reg_wrap .register_box .task_tab span{
    width: 157px;
    height: 46px;
    display: inline-block;
    float: left;
    margin-right: 3px;
    cursor: pointer;
}
.union_reg_wrap .register_box .task_tab span.register{
    background: url("../images/union/reg_tab.png") center center no-repeat;
}
.union_reg_wrap .register_box .task_tab span.entry{
    background: url("../images/union/login_tab.png") center center no-repeat;
}
.union_reg_wrap .register_box .task_tab span.register.on{
    background: url("../images/union/reg_tab_a.png") center center no-repeat;
}
.union_reg_wrap .register_box .task_tab span.entry.on{
    background: url("../images/union/login_tab_a.png") center center no-repeat;
}
.union_reg_wrap .register_box .input_wrap{
    width: 460px;
    height: 34px;
    line-height: 34px;
    margin: 20px 0 0 110px;
    float: left;
}
.union_reg_wrap .register_box .input_wrap span{
    width: 80px;
    display: inline-block;
    font-size: 15px;
    color: #d7d7d7;
}
.union_reg_wrap .register_box .input_wrap input{
    width: 220px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #fff;
}
.union_reg_wrap .register_box .submit{
    width: 160px;
    height: 58px;
    float: left;
    margin-top: 24px;
    margin-left: 190px;
    cursor: pointer;
}
.union_reg_wrap .register_box .reg_submit{
    background: url("../images/union/reg_btn.png") center center no-repeat;
}
.union_reg_wrap .register_box .login_submit{
    background: url("../images/union/login_btn.png") center center no-repeat;
}
.union_reg_wrap .game_fuli_wrap{
    width: 520px;
}
.union_reg_wrap .game_fuli_wrap .lead_bg{
    width: 272px;
    height: 88px;
    background: url(../images/union/lead_bg.png) center center no-repeat;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.union_reg_wrap .game_fuli_wrap .fuli_ctn_box{
    background-color: rgba(255,255,255,.75);
    margin-top: -10px;
    padding: 18px 28px 10px 28px;
}
.union_reg_wrap .game_fuli_wrap .fuli_ctn_box .fuli_ctn{
    width: 100%;
}
.union_reg_wrap .game_fuli_wrap .fuli_ctn .title {
    margin-top: 5px;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
}
.union_reg_wrap .game_fuli_wrap .fuli_ctn .title em{
    width: 28px;
    height: 28px;
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.union_reg_wrap .game_fuli_wrap .fuli_ctn .title em.fuli_icon{
    background: url(../images/union/chongzhi_icon.png) center center no-repeat;
}
.union_reg_wrap .game_fuli_wrap .fuli_ctn .title em.bili_icon{
    background: url(../images/union/bili_icon.png) center center no-repeat;
}
.union_reg_wrap .game_fuli_wrap .fuli_ctn .title em.vip_icon{
    background: url(../images/union/vip_icon.png) center center no-repeat;
}
.union_reg_wrap .game_fuli_wrap .fuli_ctn .bili_ctn , .union_reg_wrap .game_fuli_wrap .fuli_ctn .pay_fuli_ctn , .union_reg_wrap .game_fuli_wrap .fuli_ctn .vip_ctn{
    padding: 15px 0 30px 0;
}
.union_reg_wrap .game_fuli_wrap .fuli_ctn_box .more{
    width: 100%;
    height: 42px;
    line-height: 42px;
    background: url(../images/union/arrow_g.png) 200px center no-repeat;
    background-color: rgba(255,146,57,.6);
    background-size: 20px;
    margin-top: 10px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-size: 15px;
}
.union_reg_wrap .game_fuli_wrap .fuli_ctn_box .more span{
    margin-left: 80px;
}
.union_reg_wrap .game_fuli_wrap .fuli_ctn_box .more.arrow_up{
    background: url("../images/union/arrow_up_g.png") 200px center no-repeat;
    background-color: rgba(255,146,57,.6);
    background-size: 20px;
}
.union_reg_wrap table.table30 {
    margin: 10px 0;
}
.union_reg_wrap table.table50 {
    margin: 10px 0;
}
.union_reg_wrap table.table70 {
    margin: 10px 0;
}
.union_reg_wrap table.table100 {
    margin: 10px 0;
}
.union_reg_wrap table.tables th, table.tables td {
    border: 1px solid #31849b;
    line-height: 20px;
    font-size: 16px;
    padding: 8px 6px;
}
.union_reg_wrap table.tables th {
    background: #31849b;
    color: #fff;
}
.union_reg_wrap table.tables.tables_b tr {
    background: #dbeff3;
}
.union_reg_wrap table.tables.tables_b tr:nth-child(2n) {
    background: #fde9d9;
}
.union_reg_wrap table.tables td.f13, table.tables td.\31 3 {
    font-size: 13px;
}
.union_reg_wrap table.tables td.f14, table.tables td.\31 4 {
    font-size: 14px;
}
.union_reg_wrap table.tables td.f15, table.tables td.\31 5 {
    font-size: 15px;
}
.union_reg_wrap .txt_bg{
    width: 420px;
    height: 90px;
    background: url("../images/union/txt.png") center center no-repeat;
    margin: 0 auto;
}
.union_reg_wrap .tips_ad{
    padding-top: 10px;
    padding-left: 10px;
}

/* guanming */
.game-named-ctn{
    width: 1100px;
    background-color: #fff;
    margin: 425px auto 150px;
    padding: 50px;
}
.game-named-ctn .game-named-item{
    margin-top: 55px;
}
.game-named-ctn .game-named-item .title{
    font-weight: bold;
    font-size: 20px;
}
.game-named-ctn .game-named-item .ctn{
    font-size: 15px;
    padding: 20px 0;
    line-height: 30px;
}
.game-named-ctn .game-named-item .ctn p{
    font-size: 15px;
}
.game-named-ctn .game-named-item .ctn p span{
    float: right;
    width: 1075px;
}
.game-named-ctn .game-named-item .list .title{
    font-size: 17px;
    height: 20px;
    line-height: 20px;
}
.game-named-ctn .game-named-item .list .des{
    font-size: 15px;
    margin: 15px 0 35px 0;
}
.game-named-ctn .game-named-item .list .subtitle{
    font-size: 16px;
    font-weight: bold;
}
.game-named-ctn .game-named-item .list .rank-icon{
    width: 60px;
    height: 60px;
    background: url("../images/guanming/rank_icon.png") center center no-repeat;
    float: left;
}
.game-named-ctn .game-named-item .list .list-ctn{
    width: 1020px;
    float: right;
}
.game-named-ctn .game-named-item .list .effect-preview{
    margin: 7px 0 90px 0;
}
.game-named-ctn .game-named-item .list .effect-preview img{
    max-width: 100%;
}
.game-named-ctn .service-intro{
    margin-top: 0;
    margin-bottom: 60px;
}
.game-named-ctn .service-intro .ctn{
    font-size: 17px;
    line-height: 38px;
}
.game-named-ctn .named-condition{
    margin-top: -10px;
}
.game-named-ctn .named-condition .txt{
    font-size: 18px;
}
.game-named-ctn .named-condition .condition{
    line-height: 28px;
    margin-top: 30px;
}
.game-named-ctn .named-condition .condition p{
    font-size: 14px;
}

/*权益保障*/
.protection_bar{
    width: 100%;
}
.protection_bar a{
    display: inline-block;
    vertical-align: middle;
    text-indent: -99999;
    width: 100%;
    height: 36px;
    background: url('/Themes/Webgame/Common/protection/images/qy_36.jpg') #5e0802 center  center no-repeat;
}
a.protection_ico_top{
    position: absolute;
    width: 54px;
    height: 64px;
    display: block;
    vertical-align: middle;
    background: url('/Themes/Webgame/Common/protection/images/qy_ico_a.png') center  center no-repeat;
    background-size: cover;
    top:18px;
    left: 285px;
    z-index: 999999;
}
.protection_down{
    position: relative;
}
.protection_down a.protection_ico_down{
    position: absolute;
    width: 80px;
    height: 96px;
    display: block;
    vertical-align: middle;
    background: url('/Themes/Webgame/Common/protection/images/qy_ico_b.png') center  center no-repeat;
    background-size: cover;
    top:10px;
    left: 50%;
    margin-left: -40px;
    z-index: 999999;
}
.footer.protection_down{
    padding:80px 0 40px 0;
}
.protection_down span.protection_ico_img{
    position: absolute;
    width: 256px;
    height: 131px;
    display: block;
    vertical-align: middle;
    background: url('/Themes/Webgame/Common/protection/images/qy_code.png') center  center no-repeat;
    background-size: cover;
    top:-125px;
    left: 50%;
    margin-left: -128px;
    z-index: 999999;
}
.protection_down span.protection_ico_img.hide{
    display: none;
}
span.protection_ico_top_img{
    position: absolute;
    width: 256px;
    height: 131px;
    display: block;
    vertical-align: middle;
    background: url('/Themes/Webgame/Common/protection/images/qy_code.png') center  center no-repeat;
    background-size: cover;
    top:-15px;
    left: 350px;
    z-index: 999999;
}
span.protection_ico_top_img.hide{
    display: none;
}

/*我的代金券*/
.voucher_title span{font-size:14px;color:#666;font-weight:normal;}
.voucher_title span font{color:#ff3a3a;font-size:14px;font-weight: bold;}

.voucher_tab{height: 38px; margin-bottom: 10px;}
.voucher_tab a{width:auto;padding:0 10px;height: 37px;line-height: 37px;float: left;text-align: center;font-size: 15px;color: #666666;border-top: 1px solid #D2D2D2;border-right: 1px solid #D2D2D2;border-bottom: 1px solid #D2D2D2;cursor: pointer;}
.voucher_tab a.status_1{border-left: 1px solid #D2D2D2;}
.voucher_tab a.on{color: #0099ff;border-color: #0099ff;border-left: 1px solid #0099ff;}

.voucher_list ul{margin-left: -15px;}
.voucher_list ul li{position:relative;float: left;margin: 10px 0 10px 15px;overflow: hidden;line-height:normal}

.quan_box .quan_tip dt{font-size:13px;color:#333;font-weight: bold;}
.quan_box .quan_tip dd{position:relative}
.quan_box .quan_tip dd label{font-size:12px;color:#666;font-weight: bold;display: inline-block;margin-top:5px}
.quan_box .quan_tip dd span{font-size:12px;color:#666;}

.quan_box .quan_info{width:144px;height:105px;background:url(/Public/Common/images/quan/quan_bn.png?v=1) no-repeat;padding:5px 8px 0;overflow: hidden;}/*通用券*/
.quan_box .quan_info1{background:url(/Public/Common/images/quan/quan_bn1.png?v=1) no-repeat;}/*游戏券*/
.quan_box .quan_info2{background:url(/Public/Common/images/quan/quan_bn2.png?v=1) no-repeat;}/*不可使用充值券*/
.quan_box .quan_info3{background:url(/Public/Common/images/quan/quan_bn3.png?v=1) no-repeat;position:relative}/*已过期充值券*/
.quan_box .quan_info4{background:url(/Public/Common/images/quan/quan_bn4.png?v=1) no-repeat;} /*回收劵*/
.quan_box .quan_info3 .limit{display:inline-block;width:103px;height:87px;background:url(/Public/Common/images/quan/limit_ico.png?v=1) no-repeat;position:absolute;right:5px;bottom:5px;}
.quan_box .quan_info .manjian{float:left;color:#ffd4c8;font-size:12px;}
.quan_box .quan_info4 .manjian{font-size: 11px;color: #ffebac;}
.quan_box .quan_info .type{float:right;color:#ffcccc;font-size:13px;font-weight: bold;}
.quan_box .quan_info4 .type{color:#ffebac;font-size:12px;}
.quan_box .quan_info4 .money{margin-top: 4px;}
.quan_box .quan_info .money label{color:#fff;font-size:28px;vertical-align: top;line-height: 32px;}
.quan_box .quan_info .money span{color:#fff;font-size:36px;font-weight: bold;vertical-align: top;line-height: 38px;text-indent: 5px}
.quan_box .quan_info .time{font-size:12px;color:#ffd4c8;}
.quan_box .quan_info4 .time{color:#f9e38c;}
.quan_box .quan_info .gametype{margin-top:9px;color:#ff6666;font-size:13px;white-space: nowrap;overflow: hidden;}
.quan_box .quan_info4 .gametype{color: #a5a5a5;}

.quan_box .quan_info1 .manjian,.quan_box .quan_info1 .type,.quan_box .quan_info1 .time{color:#edd5ff}
.quan_box .quan_info1 .gametype{color:#b982f1}
.quan_box .quan_info1 .gametype span{display: inline-block;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.quan_box .quan_info1 .gametype .gname{max-width: 100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.quan_box .quan_info2 .manjian,.quan_box .quan_info2 .type,.quan_box .quan_info2 .time{color:#dbdbdb}
.quan_box .quan_info2 .money label,.quan_box .quan_info2 .money span{color:#ebebeb}
.quan_box .quan_info2 .gametype{color:#afafaf}
.quan_box .quan_info3 .manjian,.quan_box .quan_info3 .type,.quan_box .quan_info3 .time,.quan_box .quan_info3 .gametype,.quan_box .quan_info3 .money label,.quan_box .quan_info3 .money span{color:#d1d1d1}

.quan_box{overflow: visible !important;position:relative;}
.quan_box .quan_ico{display:inline-block;width:18px;height:16px;background:url(/Public/Common/images/quan/quan_ico.png) no-repeat;margin-left: 5px;position:relative;top:4px}
.quan_box .quan_ico:hover+.quan_bn_show{display: inline-block;}
.quan_box .quan_bn{padding:10px;position:absolute;top:-55px;margin-left:10px;border:2px solid #FF7575;background:#FFF9DD;text-align: left;line-height:normal;white-space: normal;z-index:5;display:none;}
.quan_box .quan_bn:before{content:'';display:inline-block;width:0;height:0;border-right:8px solid #FF7575;border-top:7px solid transparent;border-bottom:7px solid transparent;position:absolute;left:-8px;top:61px}
.quan_box .quan_bn:after{content:'';display:inline-block;width:0;height:0;border-right:6px solid #FFF9DD;border-top:5px solid transparent;border-bottom:5px solid transparent;position:absolute;left:-6px;top:63px}

.pay_left .weixinpaybox .true_yuan{display:inline-block;background:#FF2E2E;color:#fff;font-size:15px;height:30px;border-radius: 3px;padding:0 10px 0 5px;vertical-align: middle;line-height: 30px}
.pay_left .weixinpaybox .true_yuan label{font-size:17px;font-weight: bold;vertical-align: top;margin-right:5px;line-height:25px;}
.pay_left .weixinpaybox .true_yuan font{font-size:22px;font-weight: bold;line-height: 30px;}


/* 防沉迷 */
.fcm-wrap .fcm-banner{
    width: 100%;
    height: 360px;
    background: url("../images/certification/banner.jpg") top center no-repeat;
}
.fcm-wrap .fcm-content{
    padding: 20px 0 40px 0;
}
.fcm-wrap .fcm-ctn-left{
    width: 850px;
    height: 600px;
    padding: 30px;
    float: left;
    background-color: #fff;
}
.fcm-wrap .fcm-ctn-left .text{
    font-size: 16px;
    line-height: 65px;
}
.fcm-wrap .fcm-ctn-left .subtitle{
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
    line-height: 55px;
    border-bottom: 1px solid #ebebeb;
}
.fcm-wrap .fcm-ctn-left .input-wrap{
    margin-top: 60px;
}
.fcm-wrap .fcm-ctn-left .input-item{
    margin-left: 175px;
    margin-top: 20px;
    line-height: 36px;
}
.fcm-wrap .fcm-ctn-left .input-item .label{
    font-size: 16px;
    width: 80px;
    display: inline-block;
    text-align: right;
    float: left;
}
.fcm-wrap .fcm-ctn-left .input-item input[type="text"]{
    width: 278px;
    height: 34px;
    border: 1px solid #D6D6D6;
    text-indent: 10px;
    float: left;
    font-size: 14px;
}
.fcm-wrap .fcm-ctn-left .input-item .tips{
    font-size: 13px;
    color: #666666;
    margin-left: 10px;
}
.fcm-wrap .fcm-ctn-left .input-item .sendcode{
    width: 98px;
    height: 34px;
    border: 1px solid #ffe94c;
    background-color: #fff84c;
    color: #663300;
    margin-left: 10px;
    font-size: 13px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.fcm-wrap .fcm-ctn-left .input-item .sendcode.disabled{
    background-color: #E4E4E4;
    border-color: #ddd;
    color: #999;
    cursor: no-drop;
}
.fcm-wrap .fcm-ctn-left .fcm-submit-btn{
    display: inline-block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    background-color: #0092f8;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    margin: 80px 0 0 255px;
    text-align: center;
    cursor: pointer;
}
.fcm-wrap .fcm-ctn-right{
    width: 240px;
    height: 620px;
    background-color: #fff;
    padding: 20px;
    float: right;
}
.fcm-wrap .fcm-ctn-right .subtitle{
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
}
.fcm-wrap .fcm-ctn-right .subtitle em{
    width: 27px;
    height: 20px;
    display: inline-block;
    float: left;
    margin-right: 8px;
    background: url("../images/certification/card_icon.png") center center no-repeat;
}
.fcm-wrap .fcm-ctn-right .pay-voucher{
    margin-top: 30px;
    width: 252px;
    height: 120px;
    background: url("../images/certification/voucher_bg.png") center center no-repeat;
}
.fcm-wrap .fcm-ctn-right .voucher-amount{
    margin-left: 16px;
    color: #fff;
    padding-top: 20px;
}
.fcm-wrap .fcm-ctn-right .voucher-amount .mark{
    font-size: 24px;
    font-weight: bold;
    float: left;
    line-height: 20px;
}
.fcm-wrap .fcm-ctn-right .voucher-amount .money{
    font-size: 36px;
    font-weight: bold;
    float: left;
    line-height: 28px;
    margin-left: 3px;
}
.fcm-wrap .fcm-ctn-right .voucher-amount .unit{
    font-size: 24px;
    line-height: 35px;
}
.fcm-wrap .fcm-ctn-right .use-range{
    margin-right: 95px;
    margin-top: 28px;
    color: #fff;
    float: right;
}
.fcm-wrap .fcm-ctn-right .rules{
    margin-top: 17px;
}
.fcm-wrap .fcm-ctn-right .rules span{
    font-size: 14px;
    line-height: 28px;
    text-indent: 20px;
    display: inline-block;
}

/* 登录注册弹出层 */
.layui_userPop {width: 480px;height: 100%;background: #fff;overflow: hidden;}
.layui_userPop .layui_tab {font-size: 0;}
.layui_userPop .layui_tab span {width: 240px;height: 48px;line-height: 48px;text-align: center;display: inline-block;font-size: 18px;background: #8a8a8a;color: #fff;cursor: pointer;border-top: 2px #8a8a8a solid;}
.layui_userPop .layui_tab span.on {background: #fff;color: #4b4b4b;border-top-color: #ff7200;}
.layui_userPop .layui_content {text-align: center;}
.layui_userPop .ptop10 {padding-top: 10px;}
.layui_userPop .ptop25 {padding-top: 25px;}
.layui_userPop .mtop20 {margin-top: 20px;}
.layui_userPop .mtop30 {margin-top: 30px;}
.layui_userPop .row_control {margin-top: 15px;padding-right: 60px;}
.layui_userPop .row_control .label , .layui_userPop .verfiy_control .label{width: 110px;float: left;display: inline-block;line-height: 35px;text-align: right;margin-right: 10px;font-size: 14px;color: #666;}
.layui_userPop .w280ipt {width: 298px;height: 33px;border:1px #cbcbcb solid;text-indent: 12px;font-size: 14px;float: left;}
.layui_userPop input.w280ipt::-webkit-input-placeholder{color:#E8E8E8;}
.layui_userPop input.w280ipt::-moz-placeholder{color:#E8E8E8;}/* Mozilla Firefox 19+ */
.layui_userPop input.w280ipt:-moz-placeholder{color:#E8E8E8;}/* Mozilla Firefox 4 to 18 */
.layui_userPop input.w280ipt:-ms-input-placeholder{color:#E8E8E8;}/*Internet Explorer 10-11*/
.layui_userPop .lyr_btn{width:300px;height:40px;line-height:40px;display:inline-block;*display:inline;*zoom:1;font-size: 18px;color: #fff;border: none;margin-left: 120px;float: left;cursor: pointer;}
.layui_userPop .verfiy_control {margin-top: 15px;padding-right: 60px;}
.layui_userPop .verfiy_control .w280ipt {width: 180px;}
.layui_userPop .verfiy_control .verifyimg_show {width: 118px;height: 40px;cursor: pointer;}
.layui_userPop .ver_row {text-align: center;display: inline-block;}
.layui_userPop .row_control .forget_pwd{float: left;margin-left: 120px;font-size: 14px;color: #777;}
.layui_userPop .tips{float:left;width:100%;text-align:left;margin-left:120px;font-size:13px;color:#999;}
.layui_userPop .agree-item{margin-left:120px;text-align: left;margin-top: 15px;font-size: 12px;}
.layui_userPop .agree-item input{vertical-align: middle;}
.layui_userPop .threelogin_method{height: 15px;line-height: 15px;font-size: 13px;margin-top: 27px; text-align: center;margin-left: 120px;float: left;}
.layui_userPop .threelogin_method a{width: auto;display: inline-block;color: #2e2e2e;padding-right: 14px;}
.layui_userPop .threelogin_method em{float: left;margin-right: 8px;background: url("../images/icon.png")}
.layui_userPop .threelogin_method a.wx_login{padding-left: 14px;}
.layui_userPop .threelogin_method a.register_link{padding-left: 18px;padding-right: 0}
.layui_userPop .threelogin_method .qq_login em{background-position: -10px -228px;width:17px;height: 18px;}
.layui_userPop .threelogin_method .wx_login em{background-position: -35px -228px;width: 24px;height: 20px;}
.layui_userPop .btn_success {background: #40ac2f;}
.layui_userPop .btn_warn {background: #ff4e00;}
.layui_userPop .btn_disable{background:#ccc}

/* glory */
.glory-wrap{
    width: 100%;
    height: 100%;
    position: relative;
}
.glory-wrap .mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(24,14,11,.85);
    z-index: 1;
}
.glory-wrap .glory-content{
    position: relative;
    z-index: 99;
    padding-top: 30px;
    width: 1350px;
    margin: 0 auto;
    padding-bottom: 70px;
}
.glory-wrap .title{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.glory-wrap .title-bg{
    width: 100%;
    height: 126px;
    background: url("../images/glory/title.png") center center no-repeat;
}
.glory-wrap .game-info{
    font-size: 15px;
    color: #e8aa46;
    font-weight: bold;
}
.glory-wrap .game-info .pay-btn{
    color: #99CC00;
    margin-left: 18px;
    font-weight: normal;
    font-size: 13px;
}
.glory-wrap .game-info span{
    color: #fdd914;
}
.glory-wrap .glory-require-box{
    width: 310px;
    height: 65px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    background-color: #1C1A1A;
    border: 1px solid #222121;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #ababab;
    text-align: left;
    font-size: 14px;
    padding: 0 15px;
}
.glory-wrap .glory-require-box .glory-num{
    height: 35px;
    line-height: 35px;
    font-size: 13px;
}
.glory-wrap .glory-require-box .glory-num .num{
    color: #FFD200;
    margin-right: 17px;
}
.glory-wrap .glory-require-box .glory-num .num span{
    font-size: 16px;
    font-weight: bold;
    margin-right: 4px;
}
.glory-wrap .glory-require-box .glory-require{
    font-size: 13px;
    color: #FF3434;
}
.glory-wrap .glory-require-box .glory-require span.item{
    color: #ababab;
}
.glory-wrap .glory-require-box .glory-require .item{
    margin-right: 12px;
}
.glory-wrap .glory-require-box .glory-require a{
    color: #FF3434;
    text-decoration: underline;
}
.glory-wrap .tips{
    font-size: 13px;
    color: #e8bb68;
    margin-top: 10px;
}
.glory-wrap .fames-list{
    padding-top: 30px;
}
.glory-wrap .fames-list li {
    position: relative;
    float: left;
    width: 240px;
    height: 520px;
    cursor: pointer;
    color: #fff3d7;
    margin: 0px 15px 11px 15px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.glory-wrap .fames-list li .glory-ctn{
    width: 240px;
    height: 440px;
    float: left;
    background: url(../images/glory/sp.png) top center no-repeat;
    background-size: 100%;
}
.glory-wrap .fames-list li .img-box {
    display: block;
    position: relative;
    margin: 6px auto;
    width: 175px;
    height: 175px;
}
.glory-wrap .fames-list li .img-box img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.glory-wrap .fames-list li .img-box .cir{
    position: absolute;
    width: 230px;
    height: 230px;
    left: -27px;
    top: -31px;
    z-index: 100;
}
@keyframes btnRotate {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
@keyframes btnRotate {
    0%{-webkit-transform: rotate(0deg);}
    100%{-webkit-transform: rotate(360deg);}
}
.glory-wrap .fames-list li:hover .cir{
    /*  background-size: 229px;
      background-position: 0 -229px;*/
    background: url(../images/glory/xz.png) -13px 0px no-repeat;
    animation: btnRotate 2s linear both infinite;
    -webkit-animation: btnRotate 2s linear both infinite;
}
.glory-wrap .fames-list li:hover{
    margin-top: -20px;
}
.glory-wrap .fames-list li .mobai-success {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*    background: url("../images/glory/mobai_success.gif") top center no-repeat;*/
}
.glory-wrap .fames-list li .mobai-success img{
    width: 100%;
    height: 100%;
}
.glory-wrap .fames-list .txt-box{
    position: relative;
    text-align: center;
}
.glory-wrap .fames-list .rank{
    width: 37px;
    position: absolute;
    z-index: 101;
    top: -29px;
    left: 50%;
    margin-left: -18.5px;
}
.glory-wrap .fames-list .name{
    padding-top: 23px;
    font-size: 20px;
    color: #66ff99;
    font-weight: bold;
}
.glory-wrap .fames-list .qf{
    font-size: 14px;
    color: #e8bb68;
    line-height: 24px;
    margin-top: 18px;
}
.glory-wrap .fames-list .mobai-ctn{
    width: 100%;
    float: left;
    text-align: center;
}
.glory-wrap .fames-list .mobai-ctn .mobai-btn{
    border: 1px solid #e8bb68;
    font-size: 14px;
    color: #e8bb68;
    width: 70px;
    height: 22px;
    line-height: 22px;
    border-radius: 20px;
    margin: 10px auto 12px auto;
}
.glory-wrap .fames-list li:hover .mobai-ctn .mobai-btn{
    background-color: #9C6B27;
    border-color: #9C6B27;
    color: #fff;
}
.glory-wrap .fames-list li .mobai-ctn .mobai-btn.disabled{
    border-color: #656565;
    color: #8c8c8c;
    background-color: transparent;
}
.glory-wrap .fames-list .mobai-ctn .count-down{
    height: 20px;
    line-height: 20px;
    color: #e16a22;
    width: auto;
    display: inline-block;
}
.glory-wrap .fames-list .mobai-ctn .count-down.hide{
    display: none;
}
.glory-wrap .fames-list .mobai-ctn .count-down .timer-simple-seconds{
    font-size: 14px;
    float: left;
}
.glory-wrap .fames-list .mobai-ctn .count-down em{
    width: 25px;
    height: 20px;
    background: url("../images/glory/clear-btn.png") center center no-repeat;
    float: left;
    margin-left: 8px;
}
.glory-wrap .time-range{
    text-align: center;
    font-size: 15px;
    color: #b18945;
    margin-top: 20px;
}
.glory-wrap .glory-intro{
    position: relative;
    z-index: 99;
    width: 100%;
    background-color: #272727;
}
.glory-wrap .glory-intro .glory-intro-ctn{
    width: 1120px;
    margin: 0 auto;
}
.glory-wrap .glory-intro .glory-rule , .glory-wrap .glory-intro .glory-reward{
    width: 560px;
    float: left;
    text-align: left;
    padding: 40px 0;
}
.glory-wrap .glory-intro .subtitle{
    font-size: 16px;
    color: #b18945;
    font-weight: bold;
}
.glory-wrap .glory-intro ul{
    padding-top: 18px;
}
.glory-wrap .glory-intro ul li{
    font-size: 13px;
    color: #b18945;
    line-height: 28px;
}


.tggame-info-box{background-color: #F5F5F5;padding: 10px;width: 830px;position: relative;display: inline-block;margin-bottom: 20px;}
.tggame-info-box .game-pic{width: 240px;float: left;}
.tggame-info-box .game-info{float: left;margin-left: 25px;width: 545px;}
.tggame-info-box .game-info .game-name{font-size: 17px;font-weight: bold;line-height: 35px;width: 400px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.tggame-info-box .game-info .pay-bili{color: #000;line-height: 20px;margin-top: 8px;font-size: 15px;}
.tggame-info-box .game-info .pay-bili span{color: #666}
.tggame-info-box .game-info .fuli{color: #f00;line-height: 20px;margin-top: 8px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 520px;font-size: 15px;}
.tggame-info-box .game-info .fuli span{color: #666;}
.tggame-info-box .game-info .enter-game{width: 115px;height: 34px;line-height: 34px;background-color: #FF7D36;color: #fff;text-align: center;position: absolute;top: 20px;right: 20px;font-size: 15px;}


.smscode-layer-wrap{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999999;
}
.smscode-layer-wrap .mask{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.45);
    z-index: 100000000;
}
.smscode-layer-wrap .smscode-layer{
    width: 510px;
    height: 174px;
    background-color: #fff;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -87px;
    margin-left: -255px;
    z-index: 100000001;
}
.smscode-layer-wrap .title{
    height: 50px;
    line-height: 80px;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    padding: 0 10px;
}
.smscode-layer-wrap .close-btn{
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 22px;
    font-family: 宋体;
    margin-top: 12.5px;
    float: right;
    cursor: pointer;
}
.smscode-layer-wrap .smscode-ctn{
    padding: 25px 25px 25px 30px;
    height: 70px;
}
.smscode-layer-wrap .subtitle{
    float: left;
    line-height: 37px;
}
.smscode-layer-wrap .smscode-txt{
    width: 115px;
    float: left;
}
.smscode-layer-wrap .smscode-txt .smscode{
    width: 113px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #E4E4E7;
    background-color: #f6f6f6;
    text-indent: 10px;
    font-size: 14px;
}
.smscode-layer-wrap .smscode-txt .msg{
    color: #ff0000;
    line-height: 30px;
    padding-left: 12px;
}
.smscode-layer-wrap .identify-code{
    float: left;
    width: 135px;
    margin-left: 10px;
    text-align: center;
}
.smscode-layer-wrap .identify-code .identify{
    width: 135px;
    height: 37px;
    display: inline-block;
}
.smscode-layer-wrap .identify-code .identify img{
    width: 133px;
    height: 35px;
    border: 1px solid #95A7A8;
    cursor: pointer;
}
.smscode-layer-wrap .identify-code .toggle-btn{
    color: #999;
    line-height: 30px;
    cursor: pointer;
}
.smscode-layer-wrap .start-btn{
    float: left;
    width: 120px;
    height: 35px;
    background-color: #FE6500;
    border: 1px solid #FE6500;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    margin-left: 25px;
}

.layui-layer-dialog{
    z-index: 999999999!important;
}