.hdbox{
    height:40px;
    line-height:40px;
    background:#383838;
    color:#fff;
    position:relative;
}
.hdbox .list li{
    display:inline-block;
}
.hdbox .list a{
    color: #fff;
    padding:0 15px;
    border-right:1px solid #fff;
    height:12px;
    line-height:10px;
    display:block;
}
.hdbox .list a.last{
    border:none;
}
.hdbox .navicon{
    display:none;
}
.navt{
    height:88px;
    line-height:88px;
}
.navt .logo{
    padding-right:25px;
}
.lg-box{
    background:url("../images/lbg.jpg") no-repeat;
    background-position:center 0;
    height:800px;
    color:#999;
    position: relative;
}
.lg-inbox{
    position:absolute;
    width:400px;
    top:20px;
    right:465px;
    background:#fff;
}
.lghtml .lg-inbox{
    position: relative;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
}
.lg-inbox .titlebox{
    height:60px;
    line-height:60px;
    background:#444;
    border-radius:4px 4px 0 0;
    color:#fff;
    font-size:22px;
    padding:0 20px 0 40px;
}
.lg-inbox .titlebox .rega{
    font-size:14px;
    color:#fff;
}
.lg-inbox .czbox{
    padding:0 40px;
}
.lg-inbox li .lib{
    padding:15px 0;
    border-bottom:1px solid #e2e2e2;
}
.lg-inbox li .icon{
    font-size:22px;
    margin:5px 10px 0 0;
}
.lg-inbox  li .txt{
    height:40px;
    line-height:40px;
    border:none;
    font-size:16px;
    width:285px;
}
.lg-inbox li .txtyz{
    width:60px;
}
.lg-inbox  .yzm{
    width:102px;
    height:50px;
    margin-top:-5px;
}
.lg-inbox .lg-btn{
    padding:25px 0;
}
.lg-inbox .btnt{
    width:150px;
    height:50px;
    line-height:50px;
    font-size:20px;
}
.lg-inbox .btn-hq{
    width:120px;
    height:40px;
    line-height:40px;
    font-size:16px;
    display:none;
}
.lg-inbox .no-btn{
    margin:0;
}
.lg-inbox .yes-btn{
    margin: 25px auto;
    width: 100%;
}
.lg-inbox  .fmm{
    color:#ff6699;
}
.lg-inbox .shbox{
    background:#f2f2f2;
    padding:0 35px;
    height:80px;
    line-height:80px;
}
.lg-inbox .shbox .share-box{
    margin:0;
    line-height:normal;
}
.lg-inbox .share-box .bdsharebuttonbox a{
    width:50px;
    height:50px;
    background:url("../images/share-spirit.png") no-repeat !important;
    margin:15px 15px 0 0 !important;
    transition:all .3s;
    -webkit-transition:all .3s;
    display:inline-block;
}
.lg-inbox .share-box .bdsharebuttonbox a:hover{
    background-position:0px -51px !important;
}
.lg-inbox .share-box .bdsharebuttonbox a.bds_sqq{
    background-position:-68px 0 !important;
}
.lg-inbox .share-box .bdsharebuttonbox a.bds_sqq:hover{
    background-position:-68px -51px !important;
}
.lg-inbox .share-box .bdsharebuttonbox a.bds_weixin{
    background-position:-135px 0 !important;
}
.lg-inbox .share-box .bdsharebuttonbox a.bds_weixin:hover{
    background-position:-135px -51px !important;
}
.lg-inbox .share-box .bdsharebuttonbox a.last{
    margin-right:0 !important;
}
.lgtbox .lg-inbox{
    margin:0;
    border:none;
    overflow:hidden;
}
.cpy{
    font-size:12px;
    color:#999;
    text-align:center;
    margin-top:70px;
}
/*×¢²á*/
.regnav{
    width:750px;
    margin:0 auto;
}
.reg-box{
    width:750px;
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius:8px;
    box-shadow: 0px 0px 3px #ececec;
    margin:0 auto;
    padding:0 40px;
}

.regnav .stip{
    color:#999;
}
.regnav .stip .icon{
    vertical-align:middle;
    color:#666;
    font-size:22px;
    display:inline-block;
    margin:-1px 5px 0 0;
}
.regnav .stip a{
    color:#ff6699;
}
.reg-box .reglc li{
    margin-top:35px;
}
.reg-box .reglc li .name{
    display:inline-block;
    width:65px;
    text-align:right;
    margin-right:20px;
    font-size:16px;
}
.reg-box .reglc li .txt{
    border:1px solid #ccc;
    border-radius:4px;
    height:38px;
    line-height:38px;
    padding-left:10px;
    width:270px;
}
.reg-box .reglc li .txt:focus{
    transition: all .3s;
    -webkit-transition: all .3s;
    border: 1px solid #ff6699;
    box-shadow: 0 0 3px #ff6699;
}
.reg-box .reglc li .rtip{
    margin-left:20px;
    font-size:12px;
    color:#999;
}
.reg-box .reglc li .yztxt{
    width:133px;
}
.reg-box .reglc li .yzbtn{
    width:118px;
    height:38px;
    line-height:38px;
    text-align:center;
    font-size:16px;
    color:#666;
    background:#f8f8f8;
    border:1px solid #ccc;
    border-radius:4px;
    margin:-2px 0 0 15px;
    vertical-align:middle;

}
.reg-box .ck{
    margin:30px 0 0 86px;
}
.reg-box .ck a{
    color:#ff6699;
}
.reg-box .ck .ckbox{
    vertical-align: middle;
    margin: -2px 3px 0 0;
}
.reg-box .reg-btn{
    font-size: 20px;
    display: block;
    width: 280px;
    height: 50px;
    line-height: 50px;
    border-radius: 3px;
    text-align: center;
    margin: 35px 0px 0 86px;
    font-weight: normal;
    padding: 0;
    background: #686868;
    color: #fff;
    border: 1px solid #555;
}
.reg-box .title{
    border-bottom:1px solid #e2e2e2;
    color:#ff6699;
    font-size:20px;
    padding:30px 0 25px 0;
}
.reg-box .title .email{
    font-size: 30px;
    margin-right: 5px;
    margin-top: -9px;
}
.reg-box .title .pwd{
    font-size: 26px;
}
.reg-box .evbox{
    padding:60px 0 110px 0;
    text-align:center;
    font-size:18px;
    margin:0 auto;
    width:320px;
}
.reg-box .evboxt{
    width:400px;
}
.reg-box .evboxt .reg-btn{
    margin:0 0 0 10px;
}
.reg-box .psbox{
    padding-bottom:75px;
}
.reg-box .regl-box{
    padding-bottom:45px;
}
.reg-box .evbox .rtip{
    color:#999;
}
.reg-box .evbox p{
    margin-bottom:25px;
    overflow:hidden;
}
.reg-box .evbox .email{
    color:#ff6699;
}
.reg-box .evbox .change{
    color:#666;
    width:83px;
    height:28px;
    line-height:28px;
    border:1px solid #e2e2e2;
    border-radius:3px;
    font-size:14px;
    text-align: center;
    display:inline-block;
    background:#f8f8f8;
    margin-left:10px;
}
.reg-box .evbox .txt{
    border:1px solid #ccc;
    border-radius:4px;
    height:38px;
    line-height:38px;
    width:220px;
    padding-left:10px;
    font-size:14px;
    color:#999;
}
.reg-box .evbox .txt:focus{
    border:1px solid #ff6699;
    box-shadow:0 0 3px #ff6699;
}
.reg-box .evbox .reg-btn{
    display: inline-block;
    width: 150px;
    height:39px;
    line-height:39px;
    font-size:16px;
}
.reg-box .evsbox .sicon{
    margin-right:25px;
    width:63px;
    height:63px;
    display:inline-block;
    background:url("../images/tg-spirit.png") 0 -83px no-repeat;
    vertical-align:middle;
}
.reg-box .evsbox .enter{
    font-size: 20px;
    display: block;
    width: 280px;
    height: 50px;
    line-height: 50px;
    border-radius: 3px;
    text-align: center;
    margin:50px auto 0;
    font-weight: normal;
    padding: 0;
    background: #686868;
    color: #fff;
    border: 1px solid #555;
}
.czboxfm .Validform_checktip{
    margin-top:10px;
}
.czboxfm .Validform_wrong,.fmpwd .Validform_wrong,.fmpwdret .Validform_wrong{
    display: block;
    color: #ff6699;
    font-size: 12px;
    height: 30px;
    line-height:12px;
    border: 1px solid #eee;
    border-radius: 4px;
    background: #f8f8f8;
    padding-left: 10px;
}
.fmpwd .Validform_wrong,.fmpwdret .Validform_wrong{
    width:320px;
    float:left;
    margin-top:12px;
    text-align: left;
}
.czboxfm .Validform_wrong:before,.fmpwd .Validform_wrong:before,.fmpwdret .Validform_wrong:before{
    content: "";
    width: 13px;
    height: 8px;
    background:url("../images/tg-spirit.png") -70px 0 no-repeat;
    display: block;
    position: absolute;
    left: 25px;
    top: -8px;
    position: relative;
}
.czboxfm .Validform_right,.fmpwd .Validform_right,.fmpwdret .Validform_right{
    display:none;
}
/*ÕÒ»ØÃÜÂë*/
.reg-box .pwdbox .txtall{
    width:320px;
    margin-left:0;
}
.reg-box .pwdbox .txtyz{
    width:185px;
}
.reg-box .pwdbox .no-btn{
    border: 1px solid #e2e2e2;
    background:#f8f8f8;
    color:#666;
    font-size:16px;
    width:120px;
    text-align: center;
    margin-left:15px;
    height:38px;
    line-height:38px;
    border-radius:3px;
}
.reg-box .pwdbox .reg-btn{
    width:320px;
    /*margin-left:175px;*/
    margin:0;
}
.reg-box .pwdbox .yzm{
    display:inline-block;
    width:120px;
    height:38px;
    overflow:hidden;
    margin-left:15px;
}
.lg-tip{
    display: block;
    color: #ff6699;
    font-size: 12px;
    height: 30px;
    line-height:30px;
    border: 1px solid #eee;
    border-radius: 4px;
    background: #f8f8f8;
    padding-left: 10px;
    margin-top:25px;
}

@media (max-width: 1199px){
    .lg-inbox {
        right:50%;
        margin-right:-200px;
    }
    .lg-box .lg-inbox {
        right: 4%;
        width: 92%;
        margin-right: 0;
    }
}
@media (max-width:768px){
    .hdbox .navicon{
        display:block;
    }
    .hdbox .list{
        position: absolute;
        right:0;
        top:40px;
        display:none;
    }
    .hdbox .list li{
        display:block;
    }
    .hdbox .list a {
        border: none;
        background: #383838;
        padding: 20px 15px;
        width: 100px;
        height: 40px;
        text-align: center;
        line-height: 1px;
    }
    .regnav,.reg-box {
        width: 95%;
    }
    .reg-box .title{
        font-size: 16px;
        padding: 10px 0 10px 0;
    }
    .reg-box .title .pwd{
        font-size:22px;
        margin-top: -6px;
    }
    .reg-box .reglc li .rtip{
        display:block;
        margin: 10px 0 0 90px;
    }
    .reg-box .title .email {
        font-size: 24px;
        margin-top: -7px;
    }
}
@media (max-width:550px){
    .reg-box .reglc li .txt{
        width:100%;
    }
    .reg-box .reglc li .rtip{
        margin-left:0;
    }
    .reg-box .reg-btn{
        margin-left:0;
        width:100%;
    }
    .reg-box .reglc li .name {
        text-align: left;
        margin-bottom: 10px;
        display: block;
    }
    .reg-box .reglc li .yztxt {
        width: 78%;
    }
    .reg-box .reglc li .yzbtn {
        width: 21%;
        float: right;
        font-size: 14px;
        margin: 0;
        padding: 0;
    }
    .reg-box .ck{
        margin-left:0;
    }

    .regl-box .Validform_wrong{
        margin:0;
        float: left;
        margin-top: 5px;
    }
    .Validform_right{
        margin-left:0;
    }
    .navt{
        line-height:normal;
    }
    .navt .logo,    .navt .lgw{
        margin-top:20px;
    }
    .navt .logo img{
        width:110px;
        height:27px;
    }
    .navt .lgw img{
        width:123px;
        height:27px;
    }
    .regnav .stip{
        clear: both;
        float: left;
        margin-top: 10px;
    }
    .regnav .stip .icon{
        margin-top:-3px;
    }
    .reg-box .evbox .rtip{
        font-size:14px;
    }
    .reg-box .evbox p{
        font-size:14px;
    }
    .reg-box .evsbox .enter{
        font-size:16px;
    }
    .layui-layer-title .rega{
        font-size:12px;
    }
    .lg-inbox li .txt {
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        width:80%;
    }
    .lg-inbox li .icon {
        font-size: 21px;
        margin: -2px 10px 0 0;
    }
    .lg-inbox li .lib{
        padding:10px 0;
    }
    .lg-inbox .yes-btn{
        margin:10px auto;
        height:40px;
        line-height:40px;
        font-size:14px;
    }
    .lg-inbox li .txtyz{
        width:50%;
    }
    .lg-inbox .yzm{
        width:30%;
        margin-top:-10px;
    }
    .lg-box .titlebox{
        height:40px;
        line-height:40px;
        font-size:18px;
    }
}
@media (max-width:414px){
    .reg-box {
        padding:0 10px;
    }
    .reg-box .evbox{
        width:100%;
    }
    .reg-box .pwdbox .txtall{
        width:100%;
    }
    .reg-box .reglc li .yztxt,.reg-box .pwdbox .txtyz{
        width:78%;
    }

    .reg-box .evbox .txt{
        width:100%;
    }
    .reg-box .evbox .txtyz{
        width:65%;
    }
    .reg-box .evbox .reg-btn{
        width:30%;
        float:right;
        font-size:13px;
    }
    .reg-box .reglc li .yzbtn,.reg-box .pwdbox .no-btn, .reg-box .pwdbox .yzm{
        width:21%;
        float:right;
        font-size:14px;
        margin:0;
        padding:0;
    }
    .reg-box .pwdbox .reg-btn{
        width:100%;
    }
    .fmpwd .Validform_wrong, .fmpwdret .Validform_wrong{
        width:100%;
    }

    .reg-box .reglc li .name{
        text-align:left;
        margin-bottom:10px;
    }

}