html {overflow-x:hidden}
body {min-width:1030px}
.an-center {position:relative;width:1224px;margin:0 auto}

.sec {width:1260px;margin:0 auto}
.header {height:85px;padding-top:20px;background:url(../img/bg_header.jpg) no-repeat 50% 0}

.top-logo {float:left;display:inline-block;width:479px;height:74px;background:url(../img/bg_logo.jpg?20200617) no-repeat}
.top-nav {float:right;font-size:16px;position:relative}
.top-nav ul {padding-top:30px;line-height:20px}
.top-nav li {float:left;display:inline;margin:0 0 0 40px}
.top-nav a {color:#000}
.top-account {position:absolute;right:0;top:5px;line-height:20px;font-size:14px}
.top-account p {padding-left:25px;background:url(../img/ico_account.png) no-repeat 0 50%;color:#989898}
.top-account p,.top-account p a {color:#00b0ff}
.top-account span {color:#989898}

/* header */
.banner_wrap{height:597px;width:2560px;position:relative;left:50%;margin-left:-1280px;overflow:hidden}
.banner_wrap li a{position:relative;width:100%}
.banner_wrap li img{position:relative}
.dock_wrap span{display:inline-block;width:24px;height:24px;border-radius:12px;margin-left:15px;cursor:pointer;background-color:#fff;background:transparent url(../img/dock.png) no-repeat 50% 50%\9;transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s}
.dock_wrap span.cur {width:46px;background-color:#00b0ff;background:transparent url(../img/dock_cur1.png) no-repeat 50% 50%\9}
.dock_wrap {position:absolute;text-align:right;z-index:10;bottom:30px;right:0;cursor:default;display:none}

.login-panel {position:absolute;width:424px;right:0;top:80px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.14)}
.christmas-holiday {position:absolute;left:-14px;top:-92px;width:429px;height:130px;background:url(../img/bg_christmas_holiday.png) no-repeat}
.qrcode-switch {background:#fff url(../img/image_code_wx.png) no-repeat 100% 100%}
#login-panel.switch {background-image:url(../img/image_code_zh.png)}
.lb-title {color:#666;font-size:20px;height:80px;line-height:80px}
.lb-input {position:relative;border:1px solid #d7d7d7;height:48px;line-height:46px}
.lb-input.active {border-color:#108ee9}
.lb-input.choose {border-color:#ff7c51}
.fake-place-holder {padding-left:20px}
.lb-input input {border:0;outline:0;padding-left:20px;font-size:16px;vertical-align:middle}
.eyes {right:16px}
.an-globe div {display:none}
.pwd {width:300px}

.switch-login {position:absolute;right:0;top:48px;line-height:30px}
.switch-login a {color:#ff7c51}
.btn-getpin {position:absolute;right:0;top:0}
.btn-getpin span {width:120px;height:48px;background-color:#fff;color:#ff7c51;text-align:center;position:absolute;right:0;top:0}
.btn-getpin .get-pin {cursor:pointer}
.btn-getpin .reset-pin {color:#ccc;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:not-allowed;z-index:-1}
.reset-pin em {font-style:normal}
.lb-pin .inputTextClear {right:124px}
.get-voice {position:absolute;right:0;top:50px;color:#989898;font-size:12px;line-height:normal}
.get-voice a {color:#ff7c51}

.gamm-download {position:absolute;left:-30px;right:-30px;top:0;bottom:-50px;z-index:1;background-color:#fff;font-size:14px;text-align:center;color:#666}
.gamm-download h6 {margin:32px 0 10px;font-weight:400;line-height:22px}
.gamm-download h6 span {display:inline-block;width:22px;height:22px;vertical-align:bottom;background:url(../img/image_w.png) no-repeat 0 50%}
.gamm-download p a {color:#ff7c51}
.gamm-download img {padding-top:20px}
.btn-return {position:absolute;right:0;bottom:-71px;width:60px;height:60px;background:url(../img/image_code_zh.png) no-repeat 100% 100%;cursor:pointer}

.shield {border:1px solid #FA9A71;height:26px;line-height:26px;padding-left:22px;width:87px;position:relative;background:#FEFCEE url(../img/ico_shield.gif) no-repeat 4px 50%;position:absolute;right:20px;bottom:44px}
.shield p {color:#F76A43;font-size:12px}
.shield:after, .shield p:after {position:absolute;width:0;height:0;line-height:0;content:"";border-style:dashed dashed dashed solid;border-color:transparent}
.shield p:after {border-left-color:#FA9A71;border-width:8px;right:-16px;top:5px}
.shield:after {border-left-color:#FEFCEE;border-width:6px;right:-12px;top:7px}
.shield-return {width:100px;background-image:url(../img/ico_return.png)}

.lb-code {margin-top:28px;width:150px}
.lb-code input {width:110px}
.lb-code .code-img {width:auto;height:50px;vertical-align:baseline;position:absolute;top:0;left:160px;cursor:pointer}
.lb-code .an-globe {position:absolute;width:340px;top:47px;left:0}
.code-img img {max-height:50px}

.protocol-hint {
    font-size: 12px;
    margin-top: 20px;
}
.protocol-hint::before {
    content: '';
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    margin-right: 5px;
    
}

.con-normal, .mibao-pwd, .mibao-card {/*height:198px;*/position:relative}
.mibao-pwd, .mibao-card {display:none}
.mibao .hd {color:#01b43c;font-size:12px;padding:0 0 20px 20px}
.mibao .hd em {font-style:normal;color:#ff6600}

.mibao-card {font-size:16px}
.mibao-card .bd {padding-left:20px}
.mibao-card .bd dt, .mibao-card .bd dd {float:left;margin-top:0}
.mibao-card .bd dt {font-weight:400;padding-right:10px;color:#666}
.mibao-card .bd i {float:left;margin-right:8px;position:relative;display:inline;+margin-right:-2px;font-style:normal}
.mibao-card .bd input {border:1px solid #d7d7d7;font-size:16px;height:48px;line-height:46px;width:64px;text-indent:10px}
.img-coordinate {width:auto;margin:0 17px;vertical-align:baseline}
.mb-img em {width:64px; text-align:center; font-size:20px; font-weight:700; color:red; float:left; margin-right:8px; font-style:normal; margin-top:-4px; }
.mb-con {line-height:46px;height:56px}
.mb-con dt, .mb-con dd {margin-top:8px}
.mb-con dd {+margin-left:-10px}
.mb-con .an-globe {position:absolute;left:0;top:52px;width:216px}
.reset-pwd {position:absolute;left:0;bottom:-32px}
.reset-pwd a {color:#999;font-size:12px}

.btn-login {width:100%;height:50px;line-height:50px;margin-top:5px;font-size:18px;text-align:center;color:#fff;border:0;background-color:#ff7c51}
.btn-disable {background-color:#fbbba0;cursor:not-allowed}
.origin-ft {color:#999;font-size:12px;padding-bottom:20px;height:101px}
.origin-ft p, .origin-ft dl {margin:0}
.origin-ft p {padding:12px 0 20px;text-align:right}
.origin-ft a {color:#999}
.origin-ft span {padding:0 12px;vertical-align:1px}
.origin-ft dt {font-weight:400;margin-bottom:4px}
.origin-ft dd a {cursor:pointer;background-repeat:no-repeat;display:inline-block;width:22px;height:22px;text-indent:-9999em;overflow:hidden;margin-right:10px}
.app-360 {background-image:url(../img/app_360.png)}
.app-qq {background-image:url(../img/app_qq.png)}
.app-wechat {background-image:url(../img/app_wechat.png)}

#login-qrcode {text-align:center;display:none;color:#7d7d7d;font-size:14px}
#login-qrcode h4 {font-size:20px;font-weight:400;margin-top:54px}
/* #login-qrcode img {width:164px;height:164px;margin:auto 0} */
.qr-tips {margin:20px 0 30px}
.qr-tips a {color:#67b4e3}
.qr-links {padding-bottom:30px}
.qr-links a {color:#b7b7b7}
.qr-links span {padding:0 10px;color:#b7b7b7}
.btn-switch {position:absolute;width:60px;height:60px;bottom:0;right:0;cursor:pointer}

.login-panel form {padding:0 28px}
.qrcode-action {text-align: center;font-size:0}
.action-item {display:inline-block;vertical-align:top;padding:0 5px}
.action-item img {width:175px;height:175px;}
.gamm-login {border: 1px solid #ff7c51;width:178px;font-size:20px}
.gamm-login span, .gamm-login a, .gamm-login label {display:block}
.gamm-login span {padding-top:65px;background:url(../img/ico_gamm_avatar.png) no-repeat 50% 20px;color:#323232;line-height:30px;margin-bottom:10px}
.gamm-login a {color:#fff;padding:10px 20px 10px 66px;line-height:24px;background:#ff7c51 url(../img/ico_gamm_login.png) no-repeat 20px 50%}
.gamm-login em {font-style:normal}
.gamm-login label {font-size:14px;padding:30px 0 12px;line-height:26px;text-align: center;background:url(../img/bg_gamm_loading.gif) no-repeat 50% 10px;display:none}

/* features */
.features {width:1260px;margin:0 auto}
.features li {width:20%;float:left;text-align:center}
.features li a {display:block;height:240px;outline:0 none}
.features li a:hover {background:url(../img/lb-selected.png) repeat-y 50% 0}
.features h6 {font-size:18px;color:#6e6e6e;font-weight:400;padding-top:115px;background-repeat:no-repeat;background-position:50% 40px;margin:0}
.features p {font-size:14px;color:#989898;margin:4px 0 0}
.feature1 h6 {background-image:url(../img/lb1.png)}
.feature2 h6 {background-image:url(../img/lb2.png)}
.feature3 h6 {background-image:url(../img/lb3.png)}
.feature4 h6 {background-image:url(../img/lb4.png)}
.feature5 h6 {background-image:url(../img/lb5.png)}

/* cancel log-off */
.cancel-hint-box {position: relative;
    width: 100%;
}

.cancel-hint-box .hint-icon {
    display: block;
    width: 92px;
    height: 92px;
    margin: 0px auto 25px;
    background: url('../img/hint_icon.png') no-repeat;
}

.cancel-hint-box .hint-fnt {
    font-size: 16px;
    color: #535353;
    line-height: 1.8;
    text-align: center;
    padding: 0 40px;
}
.cancel-hint-box .hint-fnt span {
    color: #ff5b5b;
}
.cancel-hint-box .button-box {
    padding: 0 20px;
    text-align: center;
    margin-top: 60px;
}

.cancel-hint-box .button-box a {
    display: inline-block;
    width: 140px;
    height: 46px;
    line-height: 46px;
    background: #ff7c51;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    margin: 0 10px;
}
.cancel-hint-box .button-box a:hover {
    text-decoration: underline;
}
.cancel-hint-box .button-box a.cancel {
    color: #ff7c51;
    background: #fff;
    border: 1px solid #ff7c51;
    box-sizing: border-box;

}