@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0}
body{ font-family:"微软雅黑";
width:100%;
 min-width:1200px;
background-color: #fff;
font-family: Microsoft YaHei;
  }
/*内容区*/
.memberContent{
    background: #f0f0f0;
    padding:25px 0;
}

/*个人信息*/
.memberContent .info{
    width:280px;
    height: 413px;
    background:#fff;
    margin-bottom: 20px;
    overflow:hidden;
    position: relative;
}
.memberContent .info .signIn{
    position: absolute;
    left:5px;
    top:5px;
	width:260px;
}
.memberContent .info .signIn .btnSignIn{
    width:72px;
    height:23px;
    border: none;
    cursor:pointer;
    background: url("../statics/signInBG.png") no-repeat right top;
}
.memberContent .info img{
	display:block;
	margin:0 auto;
}
.memberContent .info .memberType{
    width:130px;
	height:32px;
	line-height:28px;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:18px center;
	padding-left:48px;
	color:#626262;
	font-size:14px;
	border:2px solid #8c8a8b;
	border-radius:16px;
}
.memberContent .info .keepMember{
	display:block;
	margin:0 auto;
	width:112px;
	height:44px;
	line-height:44px;
	border-radius:22px;
	color:#fff;
	font-size:18px;
	padding-left:72px;
	letter-spacing:1px;
	background:#e8840a url(../statics/keepMember.png) no-repeat 35px center;
	box-sizing:content-box;
}
.memberContent .info .keepMember:hover{
	background-color:#04a9fe;
}
.memberContent img.headPortrait{
    width:150px;
    height:150px;
    margin:20px auto 0;
	border-radius:50%;
}
.memberContent .name{
    text-align: center;
    line-height:40px;
    color:#494949;
}
.memberContent .validData{
    text-align: center;
    line-height:30px;
    color:#686868;
    font-size: 14px;
	margin-top:5px;
	margin-bottom:5px;
}



/*菜单选项*/
.memberContent .menu{
    width:280px;
    background:#fff;
    padding:6px 0 24px 16px;
}
.memberContent .menu li{
    width:247px;
    height:51px;
    color:#808080;
    border-bottom: 1px solid #d5d5d5;
}
.memberContent .menu li a{
    display: block;
    padding-left:50px;
    line-height:51px;
	color:inherit;
	background:url("/static/img/grzl.png") no-repeat 8px 16px;
}
.memberContent .menu li.active a{
    color:#e8840a;
}
.memberContent .menu li a.aqzx{
	background-image:url("/static/img/aqzx.png");
}
.memberContent .menu li a.zhgl{
	background-image:url("/static/img/zhgl.png");
}
.memberContent .menu li a.kthy{
	background-image:url("/static/img/kthy1.png");
}
.memberContent .menu li a.kmcz{
	background-image:url("/static/img/kmcz.png");
}
.memberContent .menu li a.ddjl{
	background-image:url("/static/img/ddjl.png");
}
.memberContent .menu li.active a.grzl{
	background-image:url("/static/img/grzl_active1.png");
}
.memberContent .menu li.active a.aqzx{
	background-image:url("/static/img/aqzx_active1.png");
}
.memberContent .menu li.active a.zhgl{
	background-image:url("/static/img/zhgl_active.png");
}
.memberContent .menu li.active a.kthy{
	background-image:url("/static/img/kthy_active.png");
}
.memberContent .menu li.active a.kmcz{
	background-image:url("/static/img/kmcz_active.png");
}
.memberContent .menu li.active a.ddjl{
	background-image:url("/static/img/ddjl_active.png");
}
/*套餐支付*/
.memberContent .pay{
    width:900px;
    height:739px;
    background:#fff;
    padding:10px 20px;
}
.memberContent .pay .payTitle{
    width:100%;
}
.memberContent .payTitle .fl{
    width:69px;
    height:50px;
    line-height:50px;
    border-bottom:2px solid #e8840a;
}
.memberContent .payTitle .fr{
    display: block;
    width:791px;
    height:50px;
    border-bottom:2px solid #c4c4c4;
}

/*选择套餐*/
.memberContent .pay ul{
    width:817px;
    height:186px;
    border-bottom:2px solid #dcdcdc;
    margin:0 auto;
    overflow: hidden;
}
.memberContent .pay ul.setMeal{
	border-bottom:none;
}
.memberContent .pay li{
    width:180px;
    height:65px;
    float: left;
    margin-left:32px;
    margin-top: 47px;
}
.memberContent .pay li.first{
    margin-left:0;
}
.memberContent .pay li a{
    display: block;
    width:178;
    height:63;
    line-height:63px;
    text-align: center;
    color:#777777;
    letter-spacing: 2px;
    background:#f0f0f0;
    border:2px solid #f0f0f0;
	transition: all .5s;
}
.memberContent .pay li a:hover{
	background:#fff;
    border-color:#e8840a;
}
.memberContent .pay li a b{
    color:#333;
    font-size:18px;
    font-weight:normal;
}
.memberContent .pay li a.choose{
    background:#fff;
    border-color:#e8840a;
}
.memberContent .pay li a.choose b{
    color:#ef1111;
}
.memberContent .pay .price{
    text-align: center;
    line-height:67px;
}
.memberContent .pay .price b{
    color:#ef1111;
    font-size:24px;
}
.memberContent .pay .clickToPay{
    display: block;
    width:175px;
    margin:0 auto;
}

/*支付方式选择*/
.memberContent .payMethods{
	overflow:hidden;
}
.memberContent .payMethods li{
	float:left;
}
.memberContent .payMethods img{
	margin-top:14px;
}

/*签到成功提示*/
.signInTip{
	height:24px;
	line-height:24px;
	width:180px;
	font-size:12px;
	color:red;
	transition: 1s 1s height ease;
	overflow:hidden;
}

/*账号管理模块*/
/*公共区域*/
/*头部*/
/*.head{
    width:100%;
    height: 116px;
    position: relative;
    z-index: 10;
	min-width:1200px;
}
.head_text{
    height: 21px;
    line-height: 21px;
    text-align: center;
}
.head .logo{
    margin: 10px 0 0;
}
.head .nav{margin-left: 70px}
.head .nav a{
    display: inline-block;
    width: 50px;
    margin-left: 55px;
    height: 81px;
    line-height: 81px;
    color: #333;
    text-align: center;
}*/



/*会员中心*/
.vip_color{
    width: 100%;
    background: #f3f3f3;
    padding-bottom: 50px;
}
.vip_color>div{
    padding-top: 25px;
    min-height: 800px;
}
.vip_nav{
    width: 198px;
    height: auto;
    background: #999;
    color: #fff;
    text-align: center;
    line-height: 50px;
}
.vip_nav a{
    color: #fff;
    font-size: 16px;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.vip_nav a span{
    font-size: 12px;
    color: #fe4a0b;
    line-height: 20px;
    text-align: center;
    width: 40px;
    height: 20px;
    background: #f6ef36;
    display: block;
    text-indent: 0;
    border-radius: 2px;
    position: absolute;
    right: 10px;
    top: 15px;
    animation: S2 1.5s infinite linear;
}
@keyframes S2 {
    0%{
        top:12px
    }
    50%{top: 18px}
    100%{
        top:15px
    }
}

.vip_nav dd:hover,.vip_nav dd.active{background: black}
.vip_nav dt{
    height: 50px;
    background: #999;
    font-size: 18px;
    position: relative;
}
.vip_nav i{
    position: absolute;
    display: block;
    width:19px;
    height: 45px;
    *height:20px;
    left: 25px;
}
.vicon_user{background:  url("../statics/user.png") no-repeat center}
.vicon_moeny{background:  url("../statics/money.png") no-repeat center}
.vc_info{
    width: 100%;
    height: 91px;
    background: #fff;
    margin-bottom: 25px;
    padding: 28px 0;
}
.vc_download{
    width: 100%;
    height: 72px;
    background: #fff;
    margin-bottom: 25px;
    padding: 30px 0;
}
.vci_left{
    width: 498px;
    height: 91px;
    float: left;
    border-right: 1px solid #eee;
}
.vci_user{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 10px 26px 10px 42px;
}
.vci_user img{width: 100%;height: 100%}
.vci_info{
    margin-top: 7px;
    line-height: 30px;
    font-size: 16px;
    color: #333;
}
.vci_info a{
    width: 30px;
    height: 30px;
    display: inline-block;
    background:  url("../statics/vci_phone.png") no-repeat center;
    position: relative;
    top: 8px;
    margin-left: 16px;
    transition: all .5s;
}
.vci_info a.active{background:  url("../statics/vci_phone2.png") no-repeat center;}
.vci_right{margin-left: 40px}
.vci_right>p{line-height: 34px;font-size: 16px;color: #333}
.vci_right>p span{color: #ff6c00}
.vci_price{
    margin-top: 15px;
    *width:220px;
}
.vci_price>a{
    display: inline-block;
    *float:left;
    width: 76px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #64bfff;
    font-size: 16px;
    transition: all .5s;
}
.vci_price>a:hover{
    background: #24bfff;
}
.vci_price p{
    display: inline-block;
    *float:left;
    font-size: 13px;
    line-height: 30px;
    margin-left: 15px;
    color: #666;
}
.vci_price p a{color: #666}
.vci_price p a:hover{color: #ff6c00}

.vc_download a{
    display: block;
    float: left;
    width: 455px;
}
.vc_download i{
    display: block;
    float: left;
    width: 70px;
    height: 70px;
    margin-right: 23px;
}
.vc_download a:hover i{
    animation:Pc 3s;
}
@keyframes Pc {
    0%{
        transform: perspective(400px) rotateX(0deg) rotateY(0deg);
    }
    10%{
        transform: perspective(400px) rotateX(0deg) rotateY(60deg);
    }
    30%{
        transform: perspective(400px) rotateX(0deg) rotateY(60deg) translateX(50PX);
    }
    100%{
        transform: perspective(400px) rotateX(0deg) rotateY(0deg) translateX(0PX);
    }
}
.vc_download a:first-child i{
    margin-left: 42px;
    background:  url("../statics/win.png") no-repeat center;
}
.vcd_ps{background:  url("../statics/ps4.png") no-repeat center;}
.vc_download a div>p{font-size: 14px;;color: #333}
.vc_download a div>p:first-child{line-height: 42px;font-size: 18px}
.vc_fl{
    height: 250px;
    width: 100%;
    background:  url("../statics/vc_fanli.jpg") no-repeat center;
    position: relative;
}
.vc_fl a{
    position: absolute;
    left: 101px;
    top: 178px;
    display: block;
    width:154px;
    height: 43px;
    background: #e9e029;
    color: #333;
    line-height: 43px;
    text-align: center;
    font-size: 16px;
    border-radius: 5px;
    transition: all .5s;
}
.vc_fl a:hover{
    background: #f4ec45;
}
/*开通会员*/
.vb_wran{
    margin-top: 30px;
    height: 175px;
    width: 100%;
    background: #fff;
    font-size: 14px;
    color: #333;
}
.vb_wran dl{padding: 0 23px}

.vb_wran dt{
    font-weight: bolder;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e6e6e6;
}
.vb_wran dd{margin-top: 31px}
.vb_money{
    width: 100%;
    height:528px;
    background: #fff;
}
.vb_money dl{
    padding: 29px 17px 0;
    margin-bottom: 19px;
    height: 120px;
}
.vb_money dt{
    border-left: 3px solid #64bfff;
    font-size: 16px;
    color: #333;
    padding-left: 10px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 26px;
}
.vb_money dl:first-child dd{
    width: 170px;
    height: 66px;
    border: 1px solid #e5e5e5;
    background: #eee;
    float: left;
    margin: 0 15px;
    font-size: 16px;
    transition: all .5s;
    position: relative;
}
.vb_money dl:first-child a{color: #333;display: block;width: 100%;height: 100%;text-align: center;line-height: 66px}
.vb_money dl:first-child span{
    font-size: 20px;
    margin: 0 5px;
}
.vb_money dl:first-child dd:hover,.vb_money dl:first-child dd.active{
    border-color:#64bfff;
    background: #fff;
    color: #64bfff;
}
.vb_money dl:first-child dd:hover a,.vb_money dl:first-child dd.active a{color: #64bfff}
.vbc_tj{
    position: absolute;
    left: 133px;
    top: -14px;
    width: 45px;
    height: 30px;
    background:  url("../statics/tj.png") no-repeat center;
    animation: S 1.5s infinite;
}
@keyframes S{
    0%{top:-16px}
    50%{top:-12px}
    100%{top: -14px}
}
.vb_pay dd{
    width: 154px;
    height: 48px;
    border: 1px solid #e9e9e9;
    float: left;
    margin: 0 17px;
}
.vb_pay dd.active{border-color: #64bfff}
.payment{
    margin: 0 22px;
    padding-top: 35px;
    border-top: 1px solid #e5e5e5;
}
.pay_num{
    font-size: 15px;
    color: #333;
    margin-bottom: 35px;
}
.pay_num p{color: #ff6633;display: inline-block}
.pay_num span{font-size: 24px;font-weight: bolder;margin: 0 3px;letter-spacing: 1px}
.payment>a{
    display: block;
    width:150px;
    height: 44px;
    color: #fff;
    background:#64bfff ;
    font-size: 18px;
    line-height: 44px;
    text-align: center;
    transition: all .5s;
}
.payment>a:hover{background: #4db6ff}
.payment>p{
    font-size: 12px;
    color: #333;
    margin-top: 15px;
}
.payment>p a{color: #64bfff}

/*点卡管理*/
.pay_list{
    background: #fff;
	height:790px;
	padding: 10px 20px;
}
.pay_list table{
    width: 100%;
    height: auto;
    text-align: center;
    padding-bottom: 20px;
}
.pay_list th{
    font-size: 14px;
    color: #191919;
    line-height: 44px;
    font-weight: 100;
    border-bottom: 2px solid #eee;
}
.pay_list td{
    height: 52px;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    color: #444;
    font-size: 14px;
    line-height: 52px;
}
.old_time p{line-height: 26px}
.pay_last p{display: none}
.pay_last a{
    display: block;
    width:80px;
    height: 30px;
    background: #64bfff;
    border: 2px solid #64bfff;
    line-height: 30px;
    color: #fff;
    margin: 0 auto;
    border-radius: 5px ;
    transition: all .5s;
}
.pay_last a:hover{
    background: #fff;
    color: #64bfff;
}
.pay_list td.order_info{
    width: 150px;
    line-height: 26px;
}
.pay_list td.order_money{
    color: #fb5061;
}
.order_money span{font-size: 18px}

/*分页*/
.pagination{
    height: 30px;
    margin-top: 50px;
    width: 100%;
    display: inline-block;
    text-align: center;
}
.pagination li{
    height: 30px;
    width: 30px;
    display: inline-block;
    *zoom:1;
    *display: inline;
    border: 1px solid #cccccc;
    line-height: 30px;
    text-align: center;
    transition: all .5s;
    margin: 0 -1px;
}
.pagination li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #000;
    font-family: cursive;
    transition: all .5s;
}
.pagination li:hover,.pagination li.active{background: #333}
.pagination li:hover a,.pagination li.active a{color: #fff}
/*卡密充值*/
.invite{
    min-height: 600px;
    height: auto;
    width: 100%;
    background: #fff;
    padding-bottom: 30px;
}
.in_step{
    width: 420px;
    margin:50px auto 0;
    position: relative;
    height: 50px;
}
.in_step p{
    float: left;
    width: 50%;
    position: relative;
    z-index: 10;
    text-align: center;
}
.in_step p i{
    display:block;
    position: absolute;
    width: 32px;
    height: 32px;
    top: -20px;
    left: 50%;
    margin-left: -16px;
}
.in_one i{
    background:  url("../statics/one.png") no-repeat center;
}
.in_ok i{background:  url("../statics/ok.png") no-repeat center;}
.in_step p span{
    display: block;
    margin-top: 15px;
    font-size: 14px;
}
.in_step p.in_success{
    color: #64bfff;
}
.in_bor{
    position: relative;
    height: 6px;
    width: 100%;
    background: #c0c0c0;
    border-radius: 10px;
}
.in_bor i{
    width: 50%;
    height: 6px;
    border-radius: 10px;
    display: block;
    background: #64bfff;
    transition: all .5s;
}
.in_step p.in_success.in_ok i{background:  url("../statics/ok_h.png") no-repeat center;}
.in_from{
    margin-top: 50px;
    padding: 0 20px;
}
.in_from>p{
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #ddd;
    line-height: 50px;
}
.in_from>p span{color: #fb5061}

.in_from label{
    width:27.5%;
    text-align: right;
    float: left;
    margin: 6px 0;
}
.in_from input{
    margin: 6px 0;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    float: left;
    margin-right: 10px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    border-radius: 4px;
    text-indent: 10px;
}
.in_from input:focus{
    border: 1px solid #64bfff;
    box-shadow: 0 0 10px rgba(102,204,255,0.5);
}
.in_from div{
    height: 50px;
    margin-top: 30px;
    line-height: 38px;

}
.in_from div>p{
    line-height: 50px;
    font-size: 14px;
    color: red;}
#cardpay1{
    width: 265px;

}
.in_from>a{
    width: 95px;
    height: 38px;
    margin-left: 27.5%;
    background: #64bfff;
    display: block;
    text-align: center;
    line-height: 38px;
    margin-top: 30px;
    color: #fff;
    border-radius: 5px;
}
.in_from>a:hover{
    background: #64bfff;
}
.in_footer{
    margin-top: 50px;
}
.in_footer h2{margin-bottom: 15px}
.in_footer li{
    text-indent: 35px;
    font-size: 14px;
    line-height: 30px;
}
.in_footer a{color: #64bfff}

#get_phone_code{
    float: left;
    background-image: linear-gradient(to bottom,#f7f7f7 0,#f3f2f2 100%);
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border: 1px solid #ccc;
    color: #999;
    height: 38px;
    line-height: 16px;
    padding: 8px 16px;
    border-radius: 2px;
    margin: 8px 10px 8px 3px;
}
#get_phone_code:hover{
    background: #64bfff;
    color: #fff;
    border: 1px solid #64bfff;
    cursor: pointer;
}
#verifyCode{width: 100px}
.phone_footer,.pass_footer{
    margin-top: 15px;
    width: 100%;
    height: 256px;
    background: #fff;
    position: relative;
}
.phone_footer p{
    font-size: 16px;
    line-height: 20px;
    margin-left: 17px;
    background:  url("../statics/question.jpg") no-repeat left center;
    margin-top: 27px;
    text-indent: 27px;
    color: #565656;
}
.phone_footer li:first-child{
    background:  url("../statics/question1.jpg") no-repeat left center;
    margin-top: 22px;
}
.phone_footer li{
    font-size: 14px;
    color: #565656;
    line-height: 26px;
    margin-left: 17px;
    text-indent: 29px;
}
.phone_footer a{color: #64bfff}

.pass_list input{width: 200px}
.pass_footer ul{
    padding-left: 100px;
    padding-top: 28px;
}
.pass_footer li{
    line-height: 28px;
    font-size: 14px;
}
.pass_footer p{
    float: left;
    height: auto;
    display: block;
    width: 20px;
    overflow: hidden;
    padding: 20px;
    background-color: #F9F9F9;
    color: #AAAAAA;
    transition: background-color 500ms , color 500ms;
    letter-spacing: 0;
    line-height: 16px;
    margin-left: 20px;
    text-align: center;
    font-size: 16px;
}
/*返利*/
.vite_img{
    width: 940px;
    height: 270px;
    position: relative;
}
.vite_img img{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.vite_img dl{
    position: absolute;
    z-index: 2;
    left: 662px;
    top:67px;
    font-size: 18px;
    color: #009999;
    width: 240px;
}
.vite_img dt{margin-bottom: 15px}
.vite_img dd{
    text-indent: 5px;
    line-height: 38px;
}
.vite_center{
    width: 100%;
    height: 200px;
    margin: 19px auto 17px;
}
.vc_left{
    width: 453px;
    height: 200px;
    float: left;
    text-align: center;
    background: #fff;
}
.vc_right{
    float: right;
    width: 470px;
    height: 200px;
    background: #fff;
    margin-right: 48px;
}
.vc_left>p{
    margin: 34px 0 29px;

}
.vc_href{
    padding-top: 33px;
   /* background:  url("../statics/images/js/icon.png") no-repeat center top;*/
}
.vc_href input{
    height: 50px;
    line-height: 50px;
    width: 386px;
    border: 1px dashed #e5e5e5;
    font-size: 16px;
    color: #333;
    text-align: center;
    background: #fcfcfc;
}
.vc_right div{
    margin: 33px 0 30px;
    height: 135px;
    text-align: center;
}
.vc_right h5{
    font-size: 18px;
    color: #333;
    font-weight: 100;
    margin-bottom: 53px;
}
.vc_right div.l{
    width: 230px;
    border-right: 1px solid #e5e5e5;
}
.vc_right div.r{
    width: 239px;
}
.vc_right div p{
    font-size:20px;
    font-weight: bolder;
}
.vc_right div strong{
    font-size: 30px;
    color: #64bfff;
    margin-right: 5px;
}
.vc_table{
    margin-top: 17px;
    min-height: 500px;
    width: 940px;
    background: #fff;
    padding-bottom: 50px;
}
.vc_table table{
    width: 894px;
    margin:0 23px;
}
.vc_table table tr{
    border-bottom: 1px solid #eee;
    line-height: 42px;
}
.vc_table table thead tr{
    line-height: 58px;

}
.vc_table table thead th{font-weight: 100}

/*登录注册*/
.reg_content{padding: 80px 0 50px;}
#reg{
    width: 1200px;
    height: auto;
    padding-bottom: 20px;
    background: #fff;
    margin: 0 auto 100px;
}
#reg h2{
    line-height: 60px;
    margin: 0 16px;
    font-size: 35px;
    font-weight: 100;
    text-align: center;
    letter-spacing: 5px;
    color: #666;
}
.reg_con{
    width: 800px;
    margin: 39px auto 0;
}
.reg_buff li{
    width: 33.3%;
    float: left;
    text-align: center;
}
.reg_buff li div{
    height: 50px;
    line-height: 50px;
    position: relative;
    margin-bottom: 7px;
}
.reg_buff li div span{position: relative;z-index: 5;color: #d9dadc}
.reg_bor{
    display: block;
    width: 100%;
    position: absolute;
    top: 24px;
    left: 0;
    border-bottom: 2px solid #d9dadc;
    z-index: 1;
}
.reg_bor.rg_h{border-color: #00ceff}
.reg_icon1{
    display: block;
    width: 49px;
    height: 49px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -25px;
    background:  url("../statics/icon_ok.png") no-repeat center;
    z-index: 2;
}
.reg_icon2{
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin:-14px 0 0 -14px;
    background:  url("/statics/img/icon.png") no-repeat center;
    z-index: 3;
}
.ri_h{
    background:  url("/statics/img/icon_ok2.png") no-repeat center;
}
.reg_buff{width: 100%;height:73px;margin-bottom: 50px}
.reg_buff li div span.rb_text{color: #fff;}
.reg_buff li.ok p{color: #00ceff}

.reg_login{
    width: 94px;
    height: 34px;
    border: 1px solid #E5E5E5;
    border-radius: 100px;
    line-height: 34px;
    font-size: 16px;
    text-align: center;
    margin-top: 18px;
    cursor: pointer;
    color: #999;
    transition: all .5s;
}
.reg_login:hover{
    background: #21b4ff ;
    border-color: #21b4ff;
    color: #fff;
}
#reg_form input{
    width: 440px;
    height: 40px;
    border: 1px solid #d8d8d8;
    line-height: 40px;
    text-indent: 10px;
    vertical-align: bottom;
    border-radius: 3px;
}
#reg_form label{
    line-height: 42px;
    width: 200px;
    height: 42px;
    text-align: right;
    display: block;
    float: left;
    font-size: 16px;
    color: #666;
    margin-right: 25px;
}
#reg_form p{
    color: red;
    padding-left: 224px;
    line-height: 30px;
    height: 30px;
    font-size: 14px;
    display: none
}
#reg_form>div{
    margin-bottom: 26px;
    height:auto;
    width: 100%;
}
#reg_form>div div input{
    width: 205px;
    margin-right: 10px;
}
.reg_btn button{
    width: 440px;
    height:42px;
    background: #64bfff;
    background-size: 100% 100%;
    border: none;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    margin-left: 224px;
}
.reg_btn button:hover{background: #4db6ff}
.reg_href{
    font-size: 14px;
    text-align: right;
    color: #bcbdc1;
    width: 321px;
    margin: 16px auto 0;
}
.reg_href a{
    color: #21d4ff;
}
.reg_bottom{
    text-align: center;
    font-size: 14px;
    color: #bcbdc1;
}
.reg_bottom a{
    margin-right: 10px;
    color: #bcbdc1;
}
.reg_bottom a:first-child{color: #21d4ff}

#tel_yzm{
    line-height: 44px;
    height: 44px;
    border-radius: 2px;
    display: inline-block;
    border: none;
    width: 100px;
    color: #fff;
    background: #21d4ff;
    cursor: pointer;
}
#reg_form div.reg_log{
    line-height: 32px;
    font-size: 16px;
    color: #21d4ff;
    margin-top: 50px;
}
.reg_log a{
    color: #333;
    font-size: 14px;
    font-family: fantasy;
}
.reg_log i{
    float: left;
    width: 32px;
    height: 32px;
    margin-left: 100px;
    background:  url("../statics/ok2.png") no-repeat center;
}

.icon_ok{
    background:  url("../statics/ok2.png") no-repeat center;
    width: 62px;
    height: 62px;
    float: left;
    margin-left: 230px;
    background-size: 100% 100%;
    margin-top: 22px;
    margin-right: 20px;
}
.reg_ok p{
    float: left;
    margin: 24px 0;
    line-height: 32px;
    font-size: 14px;
}
.reg_ok p b{
    display: block;
    font-size: 30px;
    color: #333;
}
.reg_ok p a{
    color: #FFC500;
    margin-left: 10px;
    font-weight: bolder;
}
.icon_warn{
    width: 32px;
    height: 32px;
    background:  url("../statics/warn.png") no-repeat center;
    float: left;
}
.reg_ok p.reg_warn{
    height: 32px;
    display: block;
    float: none;
    line-height: 32px;
    margin-left: 195px;
}
.reg_ok p.reg_warn span {
    float: left;
    margin-left: 20px;
}
.reg_ok p.reg_warn a{
    margin-left: 0px;
}
.service{
    color: #666;
}
.service a{color: #64bfff}
.s1{
    color: red;
    line-height: 18px;
    font-size: 14px;
    display: none;
    margin-top: -5px;
    margin-bottom: 10px;
}
.s1 i{
    display: inline-block;
    background:  url("../statics/error-icon.png") no-repeat center;
    width: 18px;
    height: 18px;
    position: relative;
    top: 3px;
    margin-left: 220px;
    margin-right: 5px;
}
.s2 i{
    background:  url("../statics/checkbox_h.png") no-repeat center;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 2px;
    position: relative;
    top: 5px;
    margin-left: 220px;
    margin-right: 10px;
}
.s2 i.active{background:  url("../statics/checkbox.png") no-repeat center}


.login_content{
    background: #f3f3f3;
    width: 100%;
    height: auto;
    padding: 50px 0;
}
#login{
    min-height: 700px;
}
.login_fl{
    display: block;
    float: left;
    margin:70px  0 0 15px;
}
#login_form{
    float: right;
    width: 426px;
    height: auto;
    margin:55px auto 0;
    background: #ffffff;
    position: relative;
    box-shadow: 5px 5px 5px #eeeeee;
}
.login-title2{
    font-size: 24px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border-bottom: 2px solid #F5F5F5;
    width: 380px;
    margin: 0 auto 30px;
    font-weight: 100;

}
.ipt{
    border-radius: 2px;
    padding: 0px 5px 0px 10px;
    line-height: 41px;
    display: block;
    width: 275px;
    border: 1px solid #D8D8D8;
    height: 42px;
    color: #000000;
    margin: 0 auto;
}
.ipt:focus{
    border: 1px solid #64bfff;
}
#login_form form div{
    padding: 14px 0;
}
#login_form div.checkbox {
    width: 322px;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
}
.checkbox label{
    top: 263px;
    font-size: 12px;
    left: 74px;
    color: #999999;
}
.checkbox a{
    font-size: 12px;
    color: #2f2f2f;
    float: right;
	margin-right:15px;
}
.reg-btn{
    color: #fff !important;
    width: 321px;
    margin: 0 auto;
    height: 42px;
    line-height: 44px;
    text-align: center;
    padding: 0;
    font-size: 18px;
    display: block;
    background: #64bfff;
    border: none;
    cursor: pointer;
}
.reg-btn:hover{
    background: #21b4ff;
}
a.red{
    color: #04a9fe;
}
#login-error {
    background: #FEEEEB;
    border: 1px solid #F15532;
    color: #F15533;
    line-height: 24px;
    font-family: PingFangSC-Light;
    font-size: 14px;
    padding: 5px 12px 5px 12px;
    width: 284px;
    margin: 0 auto;
}
#login-error .icon-error {
    background-image:  url("../statics/error.png");
    background-size: 16px 16px;
    background-position: 0 0;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
}
.download{
    height: 770px;
    width: 100%;
    background: #ededed;
}
.download .w1200{
    height: 770px;
	position:relative;
    background:  url("../statics/beijin.jpg") no-repeat center #f3f3f3;
}
.d_text{
    text-align: center;
    width: 520px;
    margin-top: 200px;
    margin-right: 100px;
}
.d_text h2{
    font-size: 42px;
    color: #2d2d2d;
}
.d_text h2 span{color: #21b4ff}
.d_text p{line-height: 50px}
.d_text .p1{
    font-size: 18px;
    top: 264px;
    right: 126px;
    margin-bottom: 20px;
}
.d_text .p1 span{
    color:#fe883b;
}
.d_text a{
    display: block;
    width: 392px;
    height: 82px;
    border: 3px solid #21b4ff;
    color: #ffffff;
    font-size: 32px;
    border-radius: 41px;
    line-height: 82px;
    background: #24b4ff;
    transition-duration: 500ms;
    text-align: center;
    margin: 0 auto;
}
.d_text a:hover{
    background: #fff;
    color: #24b4ff;
}
.d_text .p2{
    font-size: 16px;
    color: #555555;
    text-align: center;
}
.down_bg{
    width: 426px;
    height: 504px;
    margin-top: 100px;
    transform-style: preserve-3d;
}
.d_img{position: absolute;
    left: 0;
    top: 0;
}

.d_img i{
    display: block;
    position: absolute;
    z-index: 5;
}
.d_1{
    width: 62px;
    height: 62px;
    background:  url("../statics/xbox.png") no-repeat center;
    top: 270px;
    left: -27px;
    animation: Slide 10S infinite ease-in-out;
}
.d_4{
    width: 70px;
    height: 70px;
    background:  url("../statics/ps4.png") no-repeat center;
    top: 357px;
    left: 67px;
    animation: Slide2 10S infinite ease-in-out;
}
.d_2{
    width: 84px;
    height: 84px;
    background:  url("../statics/origin.png") no-repeat center;
    top: 418px;
    left: 285px;
    animation: Slide 10S infinite ease-in-out;
}
.d_3{
    width: 98px;
    height: 98px;
    background:  url("../statics/steam-.png") no-repeat center;
    top: 198px;
    left: 350px;
    animation: Slide2 10S infinite ease-in-out;
}
@keyframes Slide {
    0%{margin-top: -5px;}
    10%{  margin-top: 5px;  }
    20%{ margin-top: -5px;}
    30%{margin-top: 5px;}
    40%{margin-top: -5px;}
    50%{  margin-top: 5px;  }
    60%{ margin-top: -5px;}
    70%{margin-top: 5px;}
    80%{margin-top: -5px;}
    90%{margin-top: 5px;}
    100%{margin-top: -5px}
}
@keyframes Slide2 {
    0%{margin-top: 5px;}
    10%{  margin-top: -5px;  }
    20%{ margin-top: 5px;}
    30%{margin-top: -5px;}
    40%{margin-top: 5px;}
    50%{  margin-top: -5px;  }
    60%{ margin-top: 5px;}
    70%{margin-top: -5px;}
    80%{margin-top: 5px;}
    90%{margin-top: -5px;}
    100%{margin-top: 5px}
}

.fixed{
    position: fixed;
    top: 0;
    left: 0;
    background:  url("../statics/borad_bg.png") repeat;
    width: 100%;
    height: 100%;
    z-index: 10000;
}
.fixed_box{
    width: 480px;
    height: 540px;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
    background-color: #fff;
    position: absolute;
    top:50%;
    left: 50%;
    margin-top: -270px;
    margin-left: -240px;
}
.fixed_img{
    height: 142px;
    width: 100%;
    background:  url("../statics/big_panda.jpg") no-repeat center;
}
.fixed .day{
    font-size: 30px;
    color: #000000;
    font-weight: bold;
    line-height: 30px;
    padding: 0 20px;
    text-align: center;
    margin-top: 28px;
}
.fixed .line{
    border: 1px solid #d9d9d9;
    margin: 18px auto;
    width: 390px;
}
.fixed .explain{
    font-size: 12px;
    color: #333333;
    width: 100%;
    margin-top: 16px;
    line-height: 12px;
    position: relative;
}
.fixed .one{
    margin-top: 8px;
    margin-left: 10px;
}
.button a {
    width: 249px;
    height: 50px;
    display: block;
    background: #64bfff;
    color: #ffffff;
    font-size: 24px;
    line-height: 50px;
    border-radius: 28px;
    margin: 28px auto;
    border: 3px solid #64bfff;
    transition-duration: 500ms;
}
.day .day1 {
    color: #64bfff;
}
.explain .point {
    height: 5px;
    width: 5px;
    border-radius: 100%;
    background: #e04b45;
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 165px;
}
.explain .width {
    margin-left: 27px;
}
.explain.one a {
    color: #e04b45;
}

/*详细信息*/
.news_content{
    width: 100%;
    min-height: 617px;
    height: auto;
    padding-bottom: 50px;
    background: #f3f3f3;
}
.news_left{
    width: 281px;
    height: auto;
    background-color: #444444;
    margin-top: 70px;
    padding-bottom: 40px;
    float: left;
}
.news_left h3{
    font-size: 30px;
    color: #7D7C7C;
    padding: 50px;
    padding-top: 50px;
    padding-top: 40px;
}
.news_left  h3 i {
    background: url(../images/icon.jpg) no-repeat;
    width: 41px;
    height: 41px;
    top: 10px;
    display: inline-block;
    position: relative;
}
.news_left ul li a {
    display: block;
    width: 225px;
    height: 50px;
    color: #fff;
    font-size: 18px;
    padding-left: 55px;
    line-height: 50px;
}
.news_left ul li.current a {
    background-color: #999;
}
.news_left ul li a i {
    background: url(../images/list-icon.png) no-repeat;
    width: 10px;
    height: 19px;
    display: inline-block;
    position: absolute;
    margin-left: 180px;
    margin-top: 16px;
}
.free-try {
    background-color: #575757;
    width: 193px;
    height: 50px;
    border-radius: 25px;
    display: block;
    margin: 50px;
    margin-bottom: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    margin-bottom: 0;
}
.free-try i {
    display: inline-block;
    width: 28px;
    height: 28px;
    position: relative;
    background: url(../images/try.png) no-repeat;
    top: 8px;
    margin-right: 5px;
}
.free-try:hover{color: #64bfff}

.news-list {
    width: 805px;
    height: auto;
    background-color: #fff;
    float: right;
    padding-top: 60px;
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 100px;
    overflow: hidden;
    padding-bottom: 100px;
}

.kfc {
    position:fixed;
    top:30%;
    right:10px;
    z-index:999999;
    width: 60px;
    height: 195px;
}
.kfc a {
    height:60px;
    width:60px;
    margin-bottom:5px;
    position:relative;
    color:#fff;
    border-radius:30px;
    float:right;
    clear:both;
    transition: all .5s;
}
.kfc span {
    position:absolute;
    width:60px;
    top:36px;
    text-align:center;
    display:block;
    font-size:12px
}
.kfc strong {
    position:absolute;
    left:60px;
    top:50%;
    margin-top:-.5em;
    line-height:1;
    font-weight: 100;
}
.i-kfc-qq,.i-kfc-tel,.i-kfc-wx {
    display:block;
    height:60px;
    width:60px;
    background-image: url("../statics/kfcbt.png");
    background-repeat:no-repeat;
}
.i-kfc-qq {
    background-position: 0px -2px;
    background-color:#3fdee0;
    overflow:hidden;
    transition: all .5s;
}
.i-kfc-qq:hover {
    width:150px;
    background-color:#39ccce;
}
.i-kfc-zx {
    background:0 0
}
.i-kfc-tel {
    background-color:#ff656a;
    background-position:0px -125px;
    overflow:hidden
}
.i-kfc-tel:hover {
    width:160px;
    background-color:#ed4f4d
}
.i-kfc-wx {
    background-color:#92df79;
    background-position:0px -190px
}
.i-kfc-wx .s_qr {
    opacity:0;
    visibility:hidden;
    position:absolute;
    right:70px;
    bottom:20px;
    height:0;
    width:0;
    background-image: url("../statics/wxjpg.png");
    transition: all .5s;
}
.i-kfc-wx:hover {
    background-color:#35ae6e
}
.i-kfc-wx:hover .s_qr {
    opacity:1;
    visibility:visible;
    bottom:0;
    height:240px;
    width:180px
}


.news-list h3
{
    font-size: 30px ;
    color: #333;
    font-weight: normal;
    padding-bottom: 30px;
}
.news-list .bread-nav  a
{
    color: #999999;
    font-size: 14px;
}
.news-list .bread-nav
{
    margin-bottom: 15px;
}
.search-bar
{
    height: 44px;
    border: 1px solid #04a9fe;
    background-color: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
}
.search-bar .search-text
{
    position: relative;
    border: 0;
    font-size: 16px;
    color: #A4A5AB;
    height: 42px;
    line-height: 42px;
    padding-left: 20px;
    outline: none;
    width: 780px;

}
.news-list .list
{
    border-top: 1px dashed #CAC9C9;
    padding-top: 30px;
    font-size: 14px;
}
.news-list .list a{color: #2f2f2f;transition: all .5s;}
.news-list .list img
{
    max-width: 90%;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.news-list .list ul li a
{
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #CAC9C9;
    display: block;
}
.news-list .list ul li a span
{
    position:absolute;
    margin-left: 666px;
}
.news-list .pager
{
    margin-top: 50px;
    margin-bottom: 70px;
}
.news-list .pager ul li
{
    display: inline-block;
}
.news-list .pager ul li a
{
    display: block;
    width: 36px;
    height: 36px;
    background-color: #fff;
    color: #000;
    text-align: center;
    line-height: 36px;
    border: 1px solid #D0CECE;
}
.news-list .pager ul li a:hover
{
    background-color: #444444;
    border: 1px solid #444;
    color: #fff;
}
.news-list .pager ul li a.current
{
    background-color: #444444;
    border: 1px solid #444;
    color: #fff;
    font-weight: bold;
}
.news-list .pager .go-page
{
    border: 1px solid #D0CECE;
    color: #444;
    display: inline-block;
    width: 36px;
    height: 36px;
    position: relative;
    top: -2px;
    text-align: center;
}
.page_105 .list
{
    line-height: 35px;
    font-size: 16px!important;
}
.news-list .list ul li a:hover{color: #64bfff}

#need_check_code span.left,#tjmli span.left{
    width: 100px;
    padding-left: 48px;
    line-height: 50px;
    font-size: 14px;
    color: #999;
}
#need_check_code span,#tjmli span{
    display: inline-block;
}
#reg_form #tjmcheckbox{
    width: 14px;
    height: 14px;
    position: relative;
    top: -10px;
}
.tj_l{
    line-height: 42px;
    width: 200px;
    height: 42px;
    text-align: right;
    display: block;
    float: left;
    font-size: 16px;
    color: #666;
    margin-right: 25px;
}
#invitecode{
    display: none;
}

/*安全中心*/
.safety{
    width: 100%;
    min-height: 500px;
    height: 790px;
    background: #fff;
	padding: 10px 20px;
}
.title{
	width:100%;
}
.title .fl{
    width:69px;
    height:50px;
    line-height:50px;
    border-bottom:2px solid #e8840a;
}
.title .fr{
    display: block;
    width:791px;
    height:50px;
    border-bottom:2px solid #c4c4c4;
}
.safety_con{
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 30px;
}
.safety_con h6{
    padding: 5px 0 10px;
    border-bottom: 1px solid #f3f3f3;
    font-size: 16px;
    font-weight: 100;
}
.safety_con ul{
    display: block;
    padding: 30px 0;
    font-size: 14px;
}
.safety_con li{
    display: block;
    height: 70px;
    line-height: 32px;
    padding: 30px 0;
    border-bottom: 1px dotted #e0e0e0;
}
.safety_con .zh_label{
    width: 23.5%;
    height: 32px;
    border-right: 1px solid #eee;
    text-align: center;
}
.zh_info{
    width: 70%;
    margin:0 1%;
}
.zh_info p{
    float: left;
    width: 70%;
    margin-right: 2%;
}
.zh_info a{
    display: inline-block;
    background: #fff;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ccc;
    width: 10%;
    text-align: center;
    color: #ccc;
    transition: all .5s;
}
.zh_info a:hover{
    background: #999;
    border-color: #999;
    color: #fff;
}
.safety_con li i{
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
    left: -10px;
}
.zh_pass i{background:  url("../statics/password.png") no-repeat center}
.zh_phone p{color: #ff1200}
.zh_pass p{color:#000;}
.zh_email i{background:  url("../statics/e-mail.png") no-repeat center}
.zh_phone i{background:  url("../statics/phone.png") no-repeat center}
.zh_wx i{background:  url("../statics/wx_logo1.jpg") no-repeat center}

.checkbox a.right{*margin-top: -20px;}

#gfwx{
    position: relative;
}
#gfwx i{
    position: absolute;
    top: -200px;
    left: 80px;
    width: 180px;
    height: 240px;
    background:  url("../statics/wxjpg.png") no-repeat center;
    display: none;
}
#gfwx:hover i{
    display: block;
}
.center{
			width: 1203px;margin: 0 auto;height: 900px;
	}