html {
    color: #666;
}

#LAY_app, body, html {
    height: 100%
}

.layui-layout-body {
    overflow: auto
}

#LAY-user-login, .layadmin-user-display-show {
    display: block !important
}

.layadmin-user-login {
    position: relative;
    left: 0;
    top: 0;
    padding: 80px 0 50px 0;
    box-sizing: border-box
}

.layadmin-user-login-main {
    width: 375px;
    margin: 0 auto;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    border-radius: 10px;
}

.layadmin-user-login-box {
    padding: 20px
}

.layadmin-user-login-header {
    text-align: center
}

.layadmin-user-login-header h2 {
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 30px;
    color: #000
}

.layadmin-user-login-header p {
    font-weight: 300;
    color: #999
}

.layadmin-user-login-body .layui-form-item {
    position: relative
}

.layadmin-user-login-icon {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 38px;
    line-height: 36px;
    text-align: center;
    color: #d2d2d2
}

.layadmin-user-login-body .layui-form-item .layui-input {
    padding-left: 38px
}

.layadmin-user-login-codeimg {
    max-height: 38px;
    width: 100%;
    cursor: pointer;
    box-sizing: border-box
}

.layadmin-user-login-other {
    position: relative;
    font-size: 0;
    line-height: 38px;
    padding-top: 20px
}

.layadmin-user-login-other > * {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 14px
}

.layadmin-user-login-other .layui-icon {
    position: relative;
    top: 2px;
    font-size: 26px
}

.layadmin-user-login-other a:hover {
    opacity: .8
}

.layadmin-user-jump-change {
    float: right
}

.layadmin-user-login-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 30px;
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
    color: rgba(0, 0, 0, .5)
}

.layadmin-user-login-footer span {
    padding: 0 5px
}

.layadmin-user-login-footer a {
    padding: 0 5px;
    color: rgba(0, 0, 0, .5)
}

.layadmin-user-login-footer a:hover {
    color: rgba(0, 0, 0, 1)
}

.layadmin-user-login-main[bgimg] {
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .05)
}

.ladmin-user-login-theme {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.ladmin-user-login-theme ul {
    display: inline-block;
    padding: 5px;
    background-color: #fff
}

.ladmin-user-login-theme ul li {
    display: inline-block;
    vertical-align: top;
    width: 64px;
    height: 43px;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
    background-color: #f2f2f2
}

.ladmin-user-login-theme ul li:hover {
    opacity: .9
}

@media screen and (max-width: 768px) {
    .layadmin-user-login {
        padding-top: 60px
    }

    .layadmin-user-login-main {
        width: 300px
    }

    .layadmin-user-login-box {
        padding: 10px
    }
}

.top-bar {
    height: 60px;
    line-height: 60px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.layui-card {
    border: 1px solid #eaeaea;
}

.notify {
    width: 700px;
    margin: auto;
    margin: 100px auto 15px;
}

.url-box {
    height: 50px;
    background-color: #fff;
    width: 700px;
    margin: 0px auto 10px;
}

.url-box input {
    background: none;
    padding: 0 15px;
    margin: 0;
    outline: none;
    width: 548px;
    height: 46px;
    line-height: 46px;
    float: left;
    border: 2px solid #49db3b;
    border-right: 0;
    font-size: 18px;
    color: #106306;
}

.url-box .submit {
    height: 50px;
    line-height: 50px;
    background-color: #49db3b;
    color: #fff;
    float: left;
    width: 120px;
    text-align: center;
    cursor: pointer;
    user-select: none;
    font-size: 18px;
    opacity: 0.8;
}

.url-box .submit.disabled {
    background-color: #aaa;
    pointer-events: none;
}

.url-box .submit:hover {
    opacity: 1;
}

.download-url-box {
    width: 700px;
    margin: 10px auto 50px;
    text-align: center;
    display: none;
}

.url-help {
    width: 700px;
    margin: auto;
    margin: 0px auto 10px;
}

.user-power {
    margin: auto;
    width: 700px;
}

.layui-card-header {
    background: #f7f7f7;
    border-bottom-color: #eaeaea;
}

.user-power > .layui-tab-title > li {
    width: 112px;
}

.user-container {
    position: relative;
    min-height: 260px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.user-container .user-left {
    position: absolute;
    left: 15px;
    top: 0;
    width: 200px;
}

.user-container .user-left .layui-nav {
    padding: 30px 0;
}

.user-container .user-main {
    margin-left: 215px;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 30px 0;
    background-color: #f2f2f2;
    min-height: 100px;
    border-top: 1px solid #ddd;
    margin-top: 50px;
    text-align: center;
    line-height: 30px;
}

.card-body {
    margin: 10px auto;
    width: 700px;
    border-radius: 10px;
    border: 1px solid #eaeaea;
}

.card-elm {
    margin-top: 10px;
    text-align: center;
    display: inline-block;
    border-radius: 10px;
    border: 1px solid #eaeaea;
}

.card-elm img {
    margin: 10px 5px 10px 5px;
}

.card-elm p {
    margin-bottom: 10px;
}

#my_video {
    margin: 50px auto;
    width: 700px;
}

.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this > a, .layui-nav-tree .layui-this > a:hover {
    background-color: #054924 !important;
}

.elm-down {
    margin: 10px;
}

.layui-btn-bluee {
    border-radius: 10px;
    background-color: #299a0b;
    background-image: linear-gradient(to right, #0b8320, #299a0b);
}

.trade-price {
    color: #F40;
    font-size: 26px;
    font-weight: 700;
}

.trade-price-ori {
    text-decoration: line-through;
    padding-left: 10px;
}

.layui-input-block .disabled {
    background-color: #aaa;
    pointer-events: none;
}

.orderpay img {
    width: 100%;
    max-width: 150px;
    border: 1px solid #EAEAEA;
}


.ico_log {
    display: inline-block;
    width: 130px;
    height: 38px;
    vertical-align: middle;
    margin-right: 7px;
}

.ico-codepayalipay, .ico-zfbf2f, .ico-zlkbcodepayalipay {
    background: url(/static/images/alipay.jpg) no-repeat;
}

.mod-title {
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

.mod-content img {
    margin-left: 20px;
    margin-right: 20px;
}

.layui-icon-login-qq {
    cursor: pointer;
}

.site-logo {
    margin: 5px 8px 5px 0;
}

.qtw-phone {
    width: 484px;
    height: 246px;
    padding: 40px;
    margin: 0 auto;
    background: #fff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.qtw-phone .line {
    width: 320px;
    height: 36px;
    margin: 0 auto;
    margin-bottom: 26px
}

.qtw-phone .line select {
    float: left;
    width: 100px;
    height: 100%;
    margin-right: 20px;
    max-width: 100px;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ececec
}

.qtw-phone .line input {
    float: left;
    width: 200px;
    height: 100%;
    padding: 0 10px;
    font-size: 14px;
    color: #666;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ececec
}

.qtw-phone .line .send {
    float: left;
    width: 100px;
    height: 36px;
    margin-left: 20px;
    line-height: 36px;
    font-size: 14px;
    color: #00be6e;
    text-align: center;
    background: #edfff4;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #00be6e;
    cursor: pointer
}

.qtw-phone .line .verify-wrap {
    width: 100%;
    height: 100%
}

.qtw-phone .line .verify-wrap .drag-btn {
    height: 36px
}

.qtw-phone .line .verify-wrap .suc-drag-btn {
    top: 0
}

.qtw-phone .line .verify-wrap .fix-tips {
    line-height: 36px
}

.qtw-phone .line .verify-wrap .verify-msg, .qtw-phone .line .verify-wrap .drag-progress {
    height: 36px;
    line-height: 36px;
    background-color: #00BE6E
}

.qtw-phone .verify-submit {
    width: 320px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: -webkit-linear-gradient(315deg, #10c55b 0, #00be6e 100%);
    background: -moz- oldlinear-gradient(315deg, #10c55b 0, #00be6e 100%);
    background: linear-gradient(135deg, #10c55b 0, #00be6e 100%);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer
}

.qt-model-t .login-main, .login-main > div {
    position: relative
}

.login-wrap .login-content {
    transition: all .5s
}

.qt-model-t .login-footer {
    border: 0;
    margin-top: 5px
}

.qt-model-t .login-main {
    min-width: 1200px;
    height: 474px
}

.qt-model-t .login-main .login-wrap {
    position: absolute;
    top: 18px;
    right: 0
}

.qt-model-t .login-wrap {
    width: 484px;
    min-height: 440px;
    height: initial;
    transition: all .5s;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2)
}

.qt-model-t .login-wrap #phone_account-login .login-hearder {
    padding-top: 20px
}

.qt-model-t .login-wrap .header-btn, .qt-model-t .login-wrap .login-hearder {
    text-align: center
}

.qt-model-t .login-wrap .header-btn {
    display: inline-block;
    width: 74px;
    position: relative;
    font-size: 20px;
    line-height: 62px;
    color: #666;
    cursor: pointer
}

.qt-model-t .login-wrap .header-btn:first-child {
    margin-right: 86px
}

.qt-model-t .login-wrap .header-btn:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 74px;
    height: 2px;
    background: #10c55b;
    visibility: hidden;
    -webkit-transform: scale(.2);
    -ms-transform: scale(.2);
    transform: scale(.2);
    -webkit-transition: all .2s;
    transition: all .2s
}

.qt-model-t .login-wrap .header-btn.on, .login-wrap .header-btn:hover {
    color: #10c55b
}

.qt-model-t .login-wrap .header-btn.on:after, .login-wrap .header-btn:hover:after {
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.qt-model-t .login-wrap .account-box, .qt-model-t .login-wrap .login-box, {
    display: none
}

.qt-model-t .login-wrap .social-account-login .login-tips {
    font-size: 12px;
    color: #9B9B9B;
    letter-spacing: 0;
    margin-top: 44px
}

.qt-model-t .social-account-login {
}

.qt-model-t .social-account-login .login-footer-content {
    padding: 70px 30px 0;
    line-height: 1
}

.qt-model-t .social-account-login.social_account-register-box .login-footer-content {
    padding: 36px 30px 0
}

.qt-model-t .social-account-login .login-footer-content .weibo-login, .qt-model-t .social-account-login .login-footer-content .phone-login {
    font-size: 12px;
    color: silver;
    letter-spacing: 0;
    cursor: pointer;
    user-select: none
}

.qt-model-t .social-account-login .login-footer-content .weibo-login span, .qt-model-t .social-account-login .login-footer-content .phone-login span {
    margin-left: 2px
}

.qt-model-t .social-account-login .login-footer-content .phone-login span {
    margin-left: -2px
}

.qt-model-t .social-account-login .login-footer-content .weibo-login {
}

.qt-model-t .social-account-login .login-footer-content .phone-login {
    margin-left: 14px
}

.qt-model-t .social-account-login .login-footer-content .weibo-login i {
    vertical-align: middle
}

.qt-model-t .social-account-login .login-footer-content .phone-login i {
    font-size: 14px
}

.qt-model-t .social-account-login .login-footer-content .weibo-login:hover, .qt-model-t .social-account-login .login-footer-content .phone-login:hover {
    color: #00BE6E
}

.qt-model-t .social-account-login .login-footer-content p {
    font-size: 12px;
    color: #9B9B9B;
    letter-spacing: 0;
    float: right
}

.qt-model-t .login-wrap .login-tips {
    position: relative
}

.qt-model-t .login-wrap .login-tips:before {
    content: '';
    height: 1px;
    width: 120px;
    background-color: #dedede;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translateY(-50%) scaleY(0.7);
    margin-right: 90px
}

.qt-model-t .login-wrap .login-tips:after {
    content: '';
    height: 1px;
    width: 120px;
    background-color: #dedede;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) scaleY(0.7);
    margin-left: 90px
}

.qt-model-t .login-wrap .login-others {
    text-align: center;
    padding-top: 60px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    -webkit-transition: all .28s;
    transition: all .28s
}

.qt-model-t .login-wrap .last-login-badge {
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: -30px;
    font-size: 12px;
    transform: translate(-50%, -50%);
    color: #9B9B9B
}

.qt-model-t .login-wrap .login-others .percent {
    position: relative;
    width: 50%;
    text-align: center
}

.qt-model-t .login-wrap .login-others .other-logo {
    display: inline-block;
    margin-left: 38px;
    text-align: center
}

.qt-model-t .login-wrap .login-others .other-logo:first-child {
    margin-left: 0
}

.qt-model-t .login-wrap .login-others .other-logo i {
    width: 86px;
    height: 86px;
    display: block;
    background: url(//icon.qiantucdn.com/images/login/login_v6.png) no-repeat
}

.qt-model-t .login-wrap .login-others .other-logo.logo-wechat i {
    background-position: -177px 0;
    background-size: 263px 231px
}

.qt-model-t .login-wrap .login-others .other-logo.logo-wechat:hover i {
    background-position: -177px -89px
}

.qt-model-t .login-wrap .login-others .other-logo.logo-qq i {
    background-position: 0 0;
    background-size: 261px 231px
}

.qt-model-t .login-wrap .login-others .other-logo.logo-qq:hover i {
    background-position: 0 -89px
}

.qt-model-t .login-wrap .login-others .other-logo.logo-weibo i {
    background-position: -84px 0
}

.qt-model-t .login-wrap .login-others .other-logo.logo-weibo:hover i {
    background-position: -84px -84px
}

.qt-model-t .login-wrap .login-others .other-logo span {
    font-size: 14px;
    color: #9B9B9B;
    letter-spacing: 0;
    margin-top: 15px;
    display: inline-block
}

.qt-model-t .login-wrap .login-others-cards {
    text-align: center;
    padding-top: 28px;
    -webkit-transition: all .28s;
    transition: all .28s
}

.qt-model-t .login-wrap .login-others-cards .other-logo {
    display: inline-block;
    width: 90px;
    height: 36px;
    line-height: 33px;
    margin-left: 22px;
    text-align: center;
    border-radius: 4px;
    vertical-align: middle
}

.qt-model-t .login-wrap .login-others-cards .other-logo:hover {
    opacity: .8;
    FILTER: alpha(opacity=80)
}

.qt-model-t .login-wrap .login-others-cards .other-logo:first-child {
    margin-left: 0
}

.qt-model-t .login-wrap .login-others-cards .other-logo i {
    vertical-align: middle;
    display: inline-block;
    background: url(//icon.qiantucdn.com/images/login/login_v6.png) no-repeat
}

.qt-model-t .login-wrap .login-others-cards .other-logo.logo-wechat {
    background-color: #0b0
}

.qt-model-t .login-wrap .login-others-cards .other-logo.logo-wechat i {
    height: 21px;
    width: 21px;
    background-position: -16px -121px;
    background-size: 188px 162px
}

.qt-model-t .login-wrap .login-others-cards .other-logo.logo-qq {
    background-color: #19a9f1
}

.qt-model-t .login-wrap .login-others-cards .other-logo.logo-qq i {
    height: 21px;
    width: 16px;
    background-position: 0 -132px;
    background-size: 188px 173px
}

.qt-model-t .login-wrap .login-others-cards .other-logo.logo-weibo {
    background-color: #ed2b2f
}

.qt-model-t .login-wrap .login-others-cards .other-logo.logo-weibo i {
    height: 20px;
    width: 20px;
    background-position: -37px -127px;
    background-size: 188px 167px
}

.qt-model-t .login-wrap .login-others-cards .other-logo span {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    vertical-align: middle;
    margin-left: 0
}

.qt-model-t .login-wrap .cutting-line {
    position: relative;
    width: 314px;
    margin: 15px auto 10px;
    text-align: center
}

.qt-model-t .login-wrap .cutting-line span {
    position: relative;
    z-index: 2;
    color: #888;
    padding: 0 5px;
    font-size: 12px;
    background-color: #fff
}

.qt-model-t .login-wrap .cutting-line:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 10px;
    width: 314px;
    height: 1px;
    background-color: #eaeaea;
    z-index: 1
}

.qt-model-t .login-wrap .login-form {
    width: 314px;
    margin: 0 auto
}

.qt-model-t .login-wrap .login-form .input-inline {
    width: 314px;
    margin-bottom: 26px;
    position: relative
}

.qt-model-t .login-wrap .login-form .input-inline input {
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    outline: 0;
    width: 200px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #ccc;
    padding-left: 42px
}

.qt-model-t .login-wrap .login-form .input-inline input:focus {
    border: 1px solid #10c55b
}

.qt-model-t .login-wrap .login-form .input-inline input.danger {
    border: 1px solid #fda233
}

.qt-model-t .login-wrap .login-form .input-inline .input-icon {
    background: url(//icon.qiantucdn.com/images/login/login_v6.png) no-repeat;
    position: absolute;
    left: 15px;
    top: 10px
}

.qt-model-t .login-wrap .login-form .input-inline .input-icon.i-phone {
    height: 18px;
    width: 14px;
    background-position: -87px -94px;
    background-size: 158px 126px
}

.qt-model-t .login-wrap .login-form .input-inline .input-icon.i-user {
    height: 20px;
    width: 18px;
    background-position: -79px -168px
}

.qt-model-t .login-wrap .login-form .input-inline .input-icon.i-password {
    height: 19px;
    width: 18px;
    background-position: -120px -168px
}

.qt-model-t .login-wrap .login-form .input-inline .warning-text {
    font-size: 12px;
    overflow: hidden;
    height: 0;
    -webkit-transition: all .2s;
    transition: all .2s
}

.qt-model-t .login-wrap .login-form .input-inline .warning-text.show {
    padding-top: 5px;
    height: auto
}

.qt-model-t .login-wrap .login-form .input-inline .warning-text span {
    color: #666
}

.qt-model-t .login-wrap .login-form .input-inline .warning-text i {
    display: inline-block;
    vertical-align: sub;
    height: 14px;
    width: 14px;
    background: url(//icon.qiantucdn.com/images/login/login_v6.png) no-repeat
}

.qt-model-t .login-wrap .login-form .input-inline .warning-text i.warning-icon {
    background-position: -17px -193px
}

.qt-model-t .login-wrap .login-form .input-inline .warning-text i.warning-icon + span {
    color: #ccc
}

.qt-model-t .login-wrap .login-form .input-inline .warning-text i.success-icon {
    background-position: 0 -193px
}

.qt-model-t .login-wrap .login-form .input-inline .warning-text i.danger-icon {
    background-position: -34px -193px
}

.qt-model-t .login-wrap .login-form .input-inline.captcha input {
    padding-left: 10px
}

.qt-model-t .login-wrap .login-form .input-inline.captcha .btn-captcha {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 36px;
    line-height: 36px;
    vertical-align: -1px
}

.qt-model-t .login-wrap .login-form .input-inline.captcha .btn-captcha.disabled {
    pointer-events: none;
    background-color: #e3e3e3;
    border-color: #e3e3e3
}

.qt-model-t .login-wrap .login-form .input-inline.captcha .btn-captcha.disabled a {
    color: #fff !important
}

.qt-model-t .login-wrap .login-form .input-inline.captcha .btn-captcha a {
    font-size: 14px
}

.qt-model-t .login-wrap .login-form .input-inline.captcha .img-code {
    width: 140px
}

.qt-model-t .login-wrap .login-form .input-inline.captcha .captcha {
    width: 200px
}

.qt-model-t .login-wrap .login-form .input-inline.captcha .img-captcha {
    width: 90px;
    height: 36px
}

.qt-model-t .login-wrap .login-form .input-inline.captcha .refreshCaptchaBtn {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-left: 8px;
    cursor: pointer;
    background-image: url(//icon.qiantucdn.com/revision/images/img-code-bg.png);
    background-repeat: no-repeat;
    background-size: 16px
}

.qt-model-t .login-wrap .login-form .login-switch {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 32px;
    color: #666;
    font-size: 12px
}

.qt-model-t .login-wrap .login-form .login-switch > span, .qt-model-t .login-wrap .login-form .login-switch > a {
    font-size: 12px;
    color: silver;
    letter-spacing: 0
}

.qt-model-t .login-wrap .login-form .login-switch > a:hover {
    color: #00BE6E
}

.qt-model-t .login-wrap a.qt-c00BE6E:hover {
    text-decoration: underline
}

.login-wrap .login-form .login-switch > span.text-green, .qt-model-t .login-wrap .login-form .login-switch > a.text-green {
    font-size: 12px
}

.qt-model-t .login-wrap .login-form .login-switch .icon-shouji2 {
    font-size: 14px
}

.qt-model-t .login-wrap .login-form .login-submit {
    width: 314px;
    height: 36px;
    line-height: 36px
}

.qt-model-t .login-wrap .login-footer {
    margin-top: 60px
}

.qt-model-t .login-wrap .login-type {
    text-align: center;
    color: #10c55b;
    position: relative
}

.qt-model-t .login-wrap .login-type a {
    color: #10c55b;
    font-size: 16px
}

.qt-model-t .login-wrap .login-type a:hover {
    text-decoration: underline
}

.qt-model-t .login-wrap .login-type a:first-child {
    position: relative;
    margin-right: 40px
}

.qt-model-t .login-wrap .login-type a:first-child:after {
    position: absolute;
    top: 0;
    right: -20px;
    content: " ";
    width: 1px;
    height: 22px;
    background-color: #10c75c
}

.qt-model-t .setting-main .login-hearder {
    color: #666;
    font-size: 20px;
    padding: 36px 0 30px;
    height: auto
}

.qt-model-t .setting-main .login-hearder p {
    margin-top: 10px;
    color: #999;
    font-size: 14px;
    text-align: center
}

.qt-model-t .setting-main .login-wrap {
    position: initial;
    margin: 40px auto 0;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    width: 524px;
    height: auto;
    padding-bottom: 50px
}

.qt-model-t .setting-main .login-wrap .input-inline, .setting-main .login-wrap .input-inline input {
    margin-bottom: 10px
}

.qt-model-t .setting-main .login-wrap .input-inline .warning-text.show {
    padding: 0;
    margin-top: -4px
}

.qt-model-t .setting-main .setting-alert {
    width: 280px;
    height: 160px;
    margin: 0 auto;
    background: #FFF;
    border-radius: 4px;
    padding: 30px 0
}

.qt-model-t .setting-main .setting-alert .setting-success {
    background: url(//icon.qiantucdn.com/images/login/login_v6.png) -200px -168px no-repeat;
    height: 50px;
    width: 50px;
    margin: 0 auto 20px
}

.qt-model-t .setting-main .setting-alert .setting-text {
    color: #666;
    font-size: 14px;
    text-align: center
}

.qt-model-t .setting-main .setting-alert .setting-text a {
    text-decoration: underline;
    color: #10c55b
}

.qt-model-t .login-wrap {
    position: relative;
    margin: 0 auto
}

.qt-model-t .login-hearder {
    color: #666;
    font-size: 20px;
    text-align: center;
    padding-top: 40px;
    position: relative
}

.qt-model-t .login-hearder .login-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: url(//icon.qiantucdn.com/images/login/login_v6.png) -100px -168px no-repeat;
    height: 20px;
    width: 17px;
    cursor: pointer
}

.qt-model-t .login-hearder .login-close:hover {
    animation: turn2 .3s linear
}

.icon-guanbi:hover {
    animation: turn2 .3s linear
}

@keyframes turn2 {
    0% {
        transform: rotate(0deg)
    }
    25% {
        transform: rotate(90deg)
    }
    50% {
        transform: rotate(180deg)
    }
    75% {
        transform: rotate(270deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.qt-model-t .login-hearder .login-close-left {
    position: absolute;
    top: 0;
    left: -276px;
    background: url(//icon.qiantucdn.com/static/images/close.png) center no-repeat;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    display: none;
    cursor: pointer;
    background-size: 28px 28px
}

.qt-model-t .login-hearder .login-close-left:hover {
    animation: turn2 .3s linear
}

.qt-model-t .login-hearder img {
    width: 120px
}

.qt-model-t .login-p {
    text-align: center;
    margin-top: 30px
}

.qt-model-t .login-p a {
    font-size: 16px;
    color: #666
}

.qt-model-t .login-p a:hover {
    color: #10c55b
}

.qt-model-t .login-others-cards {
    padding-top: 40px
}

.qt-model-t .geetest_holder {
    width: 100% !important
}

.qt-model-t .login-box .warning-text {
    display: block !important
}

.qt-model-t .agreement-handle {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: sub;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAAAXNSR0IArs4c6QAAAUtJREFUOBFjFDwd58nwj2EbE4gokfJjYBQ8GfefAQiY7hpNBdEIETAPSDDBGDAargckwMjA8ARFBdA0GbhAu1w0WBeKFrA2mL1gaSwE3AhkuSrpIIY6mVCwEAtMQpJVkOGkXgfDqjfHGEoeLoQJMzAKnYx7DHINXASNgV8BE4MXEz7dkGBEMxKdi9UX78wQjgQrOKjdxKDDJQfWDJIUOhUPNwgecmf1uhgUOcRRJEGq4ArgWtAYWN0AUwOKPvzhAFOJgwbHP95wwqERJgzSi9eJMIUwuhKYCA7pNMO4YBrFgFRxFwYtTsxoL5cOYAAFLzczO4PdlVoUA+CpCSS6+d0Zhs2alQyCzDwMfjc6GNwE9BnqZEMZ5rzcgxH8MFOwRoM0mxDDSrVihmOfbzCUPVwMU4uVxmoAVpU4BJmAOdULFB045HEKg/UA9QIArAVbP4kj0hcAAAAASUVORK5CYII=");
    margin-right: 5px
}

.qt-model-t .agreement-alert {
    text-align: center;
    font-size: 12px;
    color: #9B9B9B;
    margin-top: 38px;
    white-space: nowrap
}

.qt-model-t .agreement-alert .text {
    color: #9B9B9B
}

.qt-model-t .agreement-alert .text:hover {
    color: #10c55b
}

.qt-model-t .areaCode {
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    height: 36px !important;
    width: initial !important;
    border-radius: 4px;
    border: 1px solid #e3e3e3
}

.qt-model-t .areaCode-icon {
    width: 20px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 2px;
    background: url(//pic.qiantucdn.com/model/img/loginIcon.png) no-repeat
}

.qt-model-t .areaCode-con {
    font-size: 15px;
    width: 100px;
    height: 36px !important;
    line-height: 36px !important;
    overflow: hidden
}

.qt-model-t .areaCode-con p {
    font-size: 15px;
    width: initial !important;
    height: 36px !important;
    line-height: inherit !important;
    padding-left: 8px;
    line-height: 36px;
    color: #666
}

.qt-model-t .areaCode-con p i {
    display: inline-block;
    margin-left: 4px
}

.qt-model-t .areaCode-select {
    position: absolute;
    top: 40px;
    left: -1px;
    border-radius: 4px;
    display: none;
    width: 314px;
    height: 175px;
    overflow-x: auto;
    z-index: 6;
    background: #fff;
    border: 1px solid #e3e3e3
}

.qt-model-t .areaCode-select p {
    font-size: 15px;
    width: 100%;
    height: 25px;
    padding-left: 15px;
    line-height: 25px;
    color: #666
}

.qt-model-t .areaCode-select p i {
    display: block;
    float: right;
    margin-right: 15px;
    height: 25px
}

.qt-model-t .areaCode-select p:hover {
    background: #10c55b;
    color: #fff
}

.qt-model-t .areaCode-select p:hover i {
    color: #fff
}

.qt-model-t .login-wrap .login-type .login-type-hint {
    position: absolute;
    top: -28px;
    left: 73px;
    color: #3ea63d;
    width: 255px;
    font-size: 12px;
    text-align: center
}

.qt-model-t .pal-phone, .qt-model-t .par-phone {
    float: left;
    width: 200px;
    margin-left: 114px
}

.qt-model-t .warning-text {
    clear: both
}

.qt-model-t .login-wrap .login-form .input-inline .input-icon.areaCodePhoneIcon {
    left: 130px
}

.qt-model-t .gift_model_co {
    color: red
}

.qt-model-t .news_gift_models {
    text-align: center
}

.qt-model-t .login-wrap .account-box, .qt-model-t .login-wrap .login-box, .qt-model-t .login-wrap .phone-box {
    display: initial
}

.qt-model-t .phone-account-box {
    display: none
}

.qt-model-t .phone-account-box .login-hearder h2 {
    font-size: 26px;
    color: rgba(0, 0, 0, .65);
    letter-spacing: 0;
    text-align: center
}

.qt-model-t .phone-account-box .login-footer-content {
    padding: 70px 30px 0;
    line-height: 1
}

.qt-model-t .phone-account-box .login-footer-content .weibo-login, .qt-model-t .phone-account-box .login-footer-content .phone-login {
    font-size: 12px;
    color: silver;
    letter-spacing: 0;
    cursor: pointer
}

.qt-model-t .phone-account-box .login-footer-content p {
    font-size: 12px;
    color: #9B9B9B;
    letter-spacing: 0;
    float: right
}

.qt-model-t .phone-account-box .account-box {
    display: none
}

.qt-model-t .phone-account-box .account-box .input-inline input {
    width: 100%
}

.qt-model-t .phone_account-register .agreement-alert {
    text-align: center;
    margin-top: 16px
}

.qt-model-t .phone_account-register .login-form .login-switch {
    margin-top: 23px
}

.qt-model-t .social_account-register-box {
    display: none
}

.qt-model-t .social_account-register-box .login-hearder {
    padding-top: 33px
}

.qt-model-t .social_account-register-box .login-tips {
    margin-top: 36px !important
}

.qt-model-t .social_account-register-box .login-tips:before {
    content: '';
    height: 1px;
    width: 94px;
    background-color: #dedede;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translateY(-50%) scaleY(0.7);
    margin-right: 114px
}

.qt-model-t .social_account-register-box .login-tips:after {
    content: '';
    height: 1px;
    width: 94px;
    background-color: #dedede;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) scaleY(0.7);
    margin-left: 114px
}

��login-model {
    z-index: 10000 !important
}

.login-model.is-has .login-wrap {
    transition: all .3s;
    left: 170px
}

.login-model.is-has .free-vip {
    width: 240px;
    position: absolute;
    top: 0;
    left: -240px;
    height: 100%
}

.login-model.is-has .free-vip .fv-bg {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: rgba(122, 118, 118, .91)
}

.gift-head {
    width: 100%;
    max-width: 1920px;
    height: 553px;
    margin: 0 auto;
    background: url(//icon.qiantucdn.com/static/images/gift/banner.jpg) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover
}

.gift-head .gift-head-main {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding-top: 53px
}

.gift-head .gift-head-main p {
    width: 100%;
    text-align: center;
    color: #fff
}

.gift-head .gift-head-main p.title1 {
    font-size: 70px;
    font-weight: 600;
    color: #fff;
    line-height: 98px
}

.gift-head .gift-head-main p.title2 {
    margin-top: 12px;
    font-size: 34px;
    font-weight: 400;
    color: #fff;
    line-height: 48px
}

.gift-head .gift-head-main p.title3 {
    margin-top: 12px;
    font-size: 34px;
    font-weight: 400;
    color: #fff;
    line-height: 48px
}

.gift-head .gift-head-main .invite-url {
    width: 732px;
    height: 54px;
    margin: 0 auto;
    margin-top: 18px;
    padding: 8px 10px;
    background: rgba(255, 255, 255, .7);
    -webkit-box-shadow: 0 2px 4px 0 rgba(254, 122, 37, .4);
    box-shadow: 0 2px 4px 0 rgba(254, 122, 37, .4);
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.gift-head .gift-head-main .invite-url p {
    float: left;
    width: 55px;
    height: 38px;
    line-height: 38px;
    font-size: 12px;
    font-weight: 600;
    color: #f66a15
}

.gift-head .gift-head-main .invite-url .text {
    float: left;
    width: 550px;
    height: 38px;
    line-height: 38px;
    background: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, .65);
    padding-left: 10px
}

.gift-head .gift-head-main .invite-url .btn {
    float: left;
    width: 90px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#ff7142), to(#ff470a));
    background: -webkit-linear-gradient(left, #ff7142 0, #ff470a 100%);
    background: -moz- oldlinear-gradient(left, #ff7142 0, #ff470a 100%);
    background: linear-gradient(90deg, #ff7142 0, #ff470a 100%);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    cursor: pointer
}

.gift-head .gift-head-main .invite-url .share-img {
    position: relative;
    float: left;
    width: 108px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    margin-left: 10px;
    background: -webkit-gradient(linear, left top, right top, from(#1980ff), to(#1482e6));
    background: -webkit-linear-gradient(left, #1980ff 0, #1482e6 100%);
    background: -moz- oldlinear-gradient(left, #1980ff 0, #1482e6 100%);
    background: linear-gradient(90deg, #1980ff 0, #1482e6 100%);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 4px rgba(255, 255, 255, .65);
    box-shadow: 0 2px 4px rgba(255, 255, 255, .65)
}

.gift-head .gift-head-main .invite-url .share-img img {
    display: none;
    position: absolute;
    top: 37px;
    left: 0;
    width: 300px;
    height: auto;
    z-index: 1
}

.gift-head .gift-head-main .head-rule {
    width: 557px;
    height: 84px;
    background: rgba(255, 255, 255, .15);
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin: 0 auto;
    margin-top: 20px;
    padding-top: 20px
}

.gift-head .gift-head-main .head-rule p {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 30px
}

.gift-rule {
    width: 100%;
    height: 409px;
    max-width: 1920px;
    background: #fff;
    margin: 0 auto
}

.gift-rule .gift-rule-main {
    width: 1200px;
    height: 409px;
    margin: 0 auto;
    padding-top: 41px;
    overflow: hidden
}

.gift-rule .gift-rule-main .title {
    width: 200px;
    height: 46px;
    margin: 0 auto
}

.gift-rule .gift-rule-main .title div {
    float: left;
    width: 150px;
    height: 46px;
    line-height: 44px;
    margin: 0 25px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: rgba(0, 0, 0, .65);
    background: url(//icon.qiantucdn.com/static/images/gift/btn.png) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    cursor: pointer
}

.gift-rule .gift-rule-main .title div.active {
    color: #fff;
    background: url(//icon.qiantucdn.com/static/images/gift/btn-active.png) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover
}

.gift-rule .gift-rule-main .content {
    display: none;
    width: 100%;
    height: auto
}

.gift-rule .gift-rule-main .content.rule {
    display: block
}

.gift-rule .gift-rule-main .content.rule .title {
    width: 204px;
    height: 31px;
    margin-top: 28px;
    margin-bottom: 30px;
    background: url(//icon.qiantucdn.com/static/images/gift/content-title.png) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover
}

.gift-rule .gift-rule-main .content.rule .circle {
    float: left;
    position: relative;
    width: 100px;
    height: 100px
}

.gift-rule .gift-rule-main .content.rule .circle span {
    display: inherit;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 auto;
    border: 2px solid #ff9628;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 19px;
    font-weight: 600;
    color: #ff9628
}

.gift-rule .gift-rule-main .content.rule .circle p {
    margin-top: 6px;
    width: 100%;
    font-size: 12px;
    color: #ff9628;
    text-align: center
}

.gift-rule .gift-rule-main .content.rule .circle .tips {
    position: absolute;
    width: 140px;
    height: 124px;
    background: #ff9628;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    line-height: 17px;
    text-align: center;
    padding: 0 12px;
    padding-top: 8px;
    top: 75px;
    left: -12px
}

.gift-rule .gift-rule-main .content.rule .circle .tips em {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 600
}

.gift-rule .gift-rule-main .content.rule .circle .tips:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: -16px;
    left: 60px;
    border: 8px solid;
    border-color: transparent transparent #ff9628
}

.gift-rule .gift-rule-main .content.rule .circle:first-child {
    margin-left: 40px
}

.gift-rule .gift-rule-main .content.rule .line {
    float: left;
    width: 240px;
    height: 1px;
    margin-top: 20px;
    background: #ff9628
}

.gift-rule .gift-rule-main .content.prize .prize-item {
    float: left;
    width: 370px;
    height: 195px;
    background: #fffaf3;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: url(//icon.qiantucdn.com/static/images/gift/prize-item.png) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 32px;
    margin-top: 50px;
    margin-right: 45px
}

.gift-rule .gift-rule-main .content.prize .prize-item:last-child {
    margin-right: 0
}

.gift-rule .gift-rule-main .content.prize .prize-item p {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #ff9628
}

.gift-rule .gift-rule-main .content.prize .prize-item p em {
    font-size: 64px;
    font-weight: 600;
    color: #ff9628;
    margin-right: 5px
}

.gift-rule .gift-rule-main .content.prize .prize-item p:last-child {
    margin-top: 12px
}

.gift-rule-detail {
    width: 100%;
    max-width: 1920px;
    height: 471px;
    overflow: hidden;
    margin: 0 auto
}

.gift-rule-detail .gift-rule-detail-content {
    width: 1200px;
    height: 100%;
    margin: 0 auto
}

.gift-rule-detail .gift-rule-detail-content.rule {
    padding-top: 40px
}

.gift-rule-detail .gift-rule-detail-content.rule .title {
    width: 324px;
    height: 31px;
    margin: 0 auto;
    background: url(//icon.qiantucdn.com/static/images/gift/rule-detail-btn.png) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover
}

.gift-rule-detail .gift-rule-detail-content.rule .content {
    width: 1168px;
    height: 333px;
    margin: 0 auto;
    margin-top: 31px;
    border: 1px solid #e3e3e3
}

.gift-rule-detail .gift-rule-detail-content.rule .content div {
    width: 1168px;
    height: 50px;
    line-height: 50px
}

.gift-rule-detail .gift-rule-detail-content.rule .content div div {
    font-weight: 600
}

.gift-rule-detail .gift-rule-detail-content.rule .content div .item {
    height: 100%;
    float: left;
    border-right: 1px solid #e3e3e3;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, .65);
    text-align: left;
    padding-left: 20px
}

.gift-rule-detail .gift-rule-detail-content.rule .content div .item p {
    height: 25px;
    line-height: 25px
}

.gift-rule-detail .gift-rule-detail-content.rule .content div .item:nth-child(1) {
    width: 109px
}

.gift-rule-detail .gift-rule-detail-content.rule .content div .item:nth-child(2) {
    width: 306px
}

.gift-rule-detail .gift-rule-detail-content.rule .content div .item:nth-child(3) {
    width: 509px
}

.gift-rule-detail .gift-rule-detail-content.rule .content div .item:last-child {
    border-right: 0;
    width: 241px
}

.gift-rule-detail .gift-rule-detail-content.prize {
    display: none;
    padding-top: 40px
}

.gift-rule-detail .gift-rule-detail-content.prize .title {
    width: 204px;
    height: 31px;
    margin: 0 auto;
    background: url(//icon.qiantucdn.com/static/images/gift/rule-detail-btn2.png) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover
}

.gift-rule-detail .gift-rule-detail-content.prize .content {
    width: 1168px;
    height: 289px;
    background: #fffaf3;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-top: 31px;
    padding: 20px;
    overflow-y: auto
}

.gift-rule-detail .gift-rule-detail-content.prize .content p {
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    color: rgba(0, 0, 0, .65);
    line-height: 30px
}

.gift-rule-detail .gift-rule-detail-content.prize .content::-webkit-scrollbar {
    width: 4px
}

.gift-rule-detail .gift-rule-detail-content.prize .content::-webkit-scrollbar-thumb {
    background-color: #d9d9d9
}

.gift-rule-list {
    width: 100%;
    height: 326px;
    max-width: 1920px;
    background: #fff;
    margin: 0 auto
}

.gift-rule-list .gift-rule-list-content {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding-top: 40px
}

.gift-rule-list .gift-rule-list-content .title {
    width: 204px;
    height: 31px;
    margin: 0 auto;
    background: url(//icon.qiantucdn.com/static/images/gift/rule-btn.png) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    margin-bottom: 20px
}

.gift-rule-list .gift-rule-list-content p {
    width: 700px;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    line-height: 30px;
    margin: 0 auto
}