/*
 */
body{font-family:"Microsoft YaHei";font-size: 12px;color: #333;overflow-y: auto;overflow-x: hidden;}
html,body{height: 100%;}

.gl_bx{overflow: hidden;position: relative;}
.tcenter{text-align: center;}
.login_main{width: 334px;margin:0 auto;padding: 9.5% 0 20px;min-height:600px;}
.canvas-mask{position: absolute;left:0;right:0;top:0;bottom: 0;z-index: -1;text-align: center;}
.loCanvas{margin: 0 auto;}
.act_btn{display: inline-block;font-size: 16px;padding:0 5px;line-height: 36px;margin: 0 15px;text-decoration: none;cursor: pointer;}
.act_btn.on{color: #ca2d33;border-bottom:2px solid #ca2d33;}
.act_bx{text-align: center;padding: 50px 0 50px;}
.txt-bx{border: 2px solid #eaeaea;;margin: 0 auto;border-radius: 5px;}
.txt-bx input,.txt-row input{display: block;font-size: 14px;padding:10px 12px;height:58px;outline: none;border: none;width: 100%;}
.txt-bx input.username{border-bottom: 2px solid #f1f1f1;}
.txt-control{
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.btn-bx{width: 330px;text-align: center;margin: 0 auto;}
.login_btn{display: block;font-size: 14px;color: #fff;background: #ca2d33;height: 40px;border-radius: 4px;margin:20px 0;
    line-height:40px;cursor: pointer;text-decoration: none;}
.login_btn:hover{color: #fff;background: #c3141b;}
.forgot{float: right;font-size:14px;line-height: 20px;color: #111;}
.forgot:hover{color: #000;}
.other-bx{text-align: left;font-size: 14px;line-height: 30px;color: #222;vertical-align: middle;}
.ot_btn{display: inline-block;width: 30px;height: 28px;vertical-align: middle;margin-left: 8px;}
.ot_wechat{background: url(./images/wechat.gif) no-repeat center;background-size: auto 70%;}
.ot_qq{background: url(./images/qq.gif) no-repeat center;background-size: auto 70%;}
.ot_weibo{background: url(./images/weibo2.png) no-repeat center;background-size: auto 70%;}
.download_btn{display: block;margin-top:38px;text-decoration:none;text-align: center;font-size: 14px;line-height:38px;border: 1px solid #de8285;  border-radius: 3px;color: #ca2d33;}
.download_btn:hover{text-decoration: none;color: #ca2d33;border: 1px solid #e64d52;}
.lo_footer{text-align: center;position: fixed;left: 0;right:0;bottom: 80px;}
a.back{font-size: 14px;display: inline-block;margin: 0 auto;line-height: 34px;color: #a99d9d;}
.copyright{display: block;text-align: center;font-size: 14px;line-height: 32px;color: #6f6c6c;}
@media (min-height: 830px){
    .lo_footer {
        display: block;
    }
}
@media (max-height:829px){
    .lo_footer {
        display: none;
    }
}
.visible{overflow: visible;}
.qrc_bx{
    background: url(./images/qr_bg.png) no-repeat center;    background-size:contain;
    width: 358px;height: 394px;position: absolute;display: none;
    left:-12px;top:-394px;z-index: 11;    border-radius: 10px;opacity: 0;
}
.qrc_bx.on{opacity: 1;display:block;}
.qr_img{width: 260px;margin: 26px auto 6px;height: 270px;}
.qr_ios{background: url(/skin/glacn/images/qr_app_ios.png) no-repeat center;}
.qr_android{display: none;background: url(/skin/glacn/images/qr_app_android.png) no-repeat center;}
.qr_ul{display: block;overflow:hidden;width: 140px;margin: 0 auto;}
.qr_ul li{width: 50%;cursor:pointer;float: left;text-align: center;font-size: 13px;line-height: 24px;color:#949494;}
.qr_ul li.on{color: #c3141b; }
.gl_qin{margin: 20px;}

.captcha_link{float: right;width: 130px;    margin-top: 14px;}
.captcha_txt{float: left;width:190px;}
#loginForm .captcha_row{    border-top: 2px solid #f1f1f1;}
.captcha_link img{height: 32px;}

.register_main{
    width: 540px;
    margin: 0 auto;
    padding: 9.5% 0 20px;
    min-height: 700px;
}
.reg_ul{display:block;overflow:hidden;}
.reg_ul li{width: 50%;float: left;text-align: center;}
.reg_ul li a{width: 90%;margin:0 auto;display:block;padding: 48px 0;background: url(./images/reg_bg.png) no-repeat center;background-size: contain;text-decoration: none;cursor: pointer;}
.reg5 i{background: url(./images/reg5.png) no-repeat center;height: 50px;width: 80px;margin: 0 auto;display: block;}
.reg6 i{background: url(./images/reg6.png) no-repeat center;height: 50px;width: 80px;margin: 0 auto;display: block;}
.reg_ul a span{color: #c3141b;font-size: 13px;line-height:24px;}

.form_bx{width:330px;margin: 0 auto;}
.txt-row{display:block;border-bottom: 1px solid #eaeaea;}
.nob{border-bottom:none;}
.reg_main{width: 350px;margin: 0 auto;}
.reg-txt-bx{border: 2px solid #eaeaea;border-radius: 5px;}

.reg_footer{text-align:center;display:block;overflow:hidden;padding: 50px 0 80px;}
.text-tips{margin-top:10px;text-align:left;}
.text-tips p{font-size:12px;line-height:22px;}
.text-tips a{display:inline-block;color:#b3060c;}

.mask-xy{display: none;position: fixed;top:0;left:0;right:0;bottom:0;z-index: 11110;text-align:center;background:url(./images/point3.png) repeat;}
.ms_main{position: fixed;top:0;left:0;right:0;bottom:0;z-index: 1;width: 400px;margin:auto;height: 500px;overflow: hidden;background: #fff;padding: 20px;}
.xy_title{font-size: 16px;font-weight: bold;line-height:36px;background: #fff;}
.xy_content{display: block;overflow: auto;height:452px;padding-top: 10px;line-height: 22px;color:#000;text-align:left;}

.reg_btn{
    display: block;width: 100%;
    border: none;
    outline: none;
    font-size: 14px;
    color: #fff;
    background: #ca2d33;
    height: 40px;
    border-radius: 4px;
    margin: 20px 0;
    line-height: 40px;
    cursor: pointer;
    text-decoration: none;
}
