@charset "UTF-8";
.list3 .title {
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.list2 li a, .news-item-1 .txt .info h4 a, .news-item-1 .txt .info p, .news-item-2 .txt .info h4 a, .news-item-2 .txt .info p {
    display: block;
    white-space: nowrap
}

.list2 li a, .list3 .title, .news-item-1 .txt .info h4 a, .news-item-1 .txt .info p, .news-item-2 .txt .info h4 a, .news-item-2 .txt .info p {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden
}

.download .p1 {
    text-transform: uppercase
}

.banner {
    position: relative;
    padding-top: 35.36458333333333%;
    background-color: #2f3361
}

.banner .banner-swiper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.banner .swiper-slide, .banner .swiper-wrapper {
    height: 100%
}

.banner .swiper-slide {
    position: relative
}

.banner .banner-txt {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.banner .quick-sign {
    position: absolute;
    top: 55%;
    z-index: 3;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border-radius: 5px
}

.banner .quick-notice {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    border-top: 1px solid rgba(151, 153, 166, .15)
}

.banner .swiper-container > .swiper-pagination-bullets {
    bottom: 50px
}

.banner .swiper-pagination-bullet {
    background-color: rgba(255, 255, 255, .4);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    opacity: 1;
    -webkit-transition: width .3s linear;
    -moz-transition: width .3s linear;
    -ms-transition: width .3s linear;
    transition: width .3s linear
}

.banner .swiper-pagination-bullet-active {
    width: 13px;
    background-color: #fff;
    border-radius: 1000px
}

.banner-txt {
    color: #fff;
    overflow: hidden;
    padding-top: 35px
}

.banner-txt h3 {
    position: relative;
    padding-top: 30px;
    margin-bottom: 10px;
    font-size: 30px
}

.banner-txt h3:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 1px;
    background-color: #fff
}

.banner-txt p {
    font-size: 18px
}

.quick-sign .module-sign {
    width: 170px;
    background-color: rgba(43, 47, 92, .9);
    margin-top: 35px;
    position: relative
}

.quick-sign .module-sign h4 {
    font-size: 10px;
    color: #fff;
    margin-bottom: 6px
}

.quick-sign .module-sign .row {
    margin-bottom: 8px
}

.quick-sign .module-sign .row:last-child {
    margin-bottom: 0
}

.quick-sign .module-sign .row .input-1:focus {
    border: 1px solid #fff
}

.quick-sign .module-sign .row a {
    font-size: 8px;
    color: #8b8ec2
}

.quick-sign .module-sign .row a:hover {
    color: #fff;
    text-decoration: underline
}

.quick-sign .quick-info {
    width: 240px;
    background-color: #fff;
    border-radius: 4px;
    padding: 15px
}

.quick-sign .quick-info .qi-top {
    height: 40px;
    line-height: 24px;
    margin-bottom: 10px;
    position: relative;
    padding-top: 16px
}

.quick-sign .quick-info .qi-top .info {
    float: left;
    font-size: 12px;
    color: #666
}

.quick-sign .quick-info .qi-top .t-offbtn {
    float: left;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    height: 22px;
    line-height: 20px;
    font-size: 10px;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 0
}

.quick-sign .quick-info .qi-center {
    padding: 15px 0;
    color: #888;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.quick-sign .quick-info .qi-center p {
    position: relative
}

.quick-sign .quick-info .qi-center p .money {
    display: inline-block
}

.quick-sign .quick-info .qi-center p span:nth-child(1) {
    margin-right: 5px;
    color: #888;
    font-size: 12px
}

.quick-sign .quick-info .qi-center p span:nth-child(2) {
    color: #333;
    font-family: Helvetica, arial, PingFangSC-Regular, "Microsoft Yahei", sans-serif;
    font-size: 14px
}

.quick-sign .quick-info .qi-center p span:nth-child(2) small {
    font-size: 10px;
    color: #999
}

.quick-sign .quick-info .qi-center p:nth-child(2) {
    margin-top: 2px
}

.quick-sign .quick-info .qi-center .hide_zero {
    position: absolute;
    margin-left: 15px;
    top: 40%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #666;
    height: 20px;
    line-height: 20px
}

.quick-sign .quick-info .qi-center .hide_zero .f-cr-content {
    display: block;
    font-size: 12px
}

.quick-sign .quick-info .qi-center .linkbtn {
    padding-top: 10px
}

.quick-sign .quick-info .qi-center .linkbtn .btn-4 {
    margin-right: 10px;
    width: 76px;
    padding-left: 3px;
    padding-right: 3px;
    color: #666;
    font-size: 12px;
    line-height: 22px;
    height: 24px;
    text-align: center
}

.quick-sign .quick-info .qi-center .linkbtn .btn-4:hover {
    color: #fff
}

.quick-sign .quick-info .qi-bottom {
    padding-top: 8px
}

.quick-sign .quick-info .qi-bottom .btn {
    position: relative
}

.quick-sign .quick-info .qi-bottom .btn i {
    position: absolute;
    top: 50%;
    background-color: #f4af40;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: auto
}

.quick-sign .quick-info .qi-bottom .btn:first-child {
    margin-bottom: 10px
}

.login_type {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.login_type .type {
    cursor: pointer;
    width: 36px;
    height: 36px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: relative
}

.login_type .type:after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    border-top: 18px solid #ffad0e;
    border-right: 18px solid #ffad0e;
    border-left: 18px solid transparent;
    border-bottom: 18px solid transparent
}

.login_type .type .tip {
    position: absolute;
    top: 50%;
    right: 100%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border: 1px solid #565a88;
    background-color: rgba(129, 131, 182, .3);
    border-radius: 3px;
    font-size: 10px;
    color: #fff;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 18px;
    margin-right: -3px;
    display: none
}

.login_type .type .tip:after {
    position: absolute;
    content: "";
    left: 100%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border-top: 6px solid transparent;
    border-left: 6px solid rgba(129, 131, 182, .3);
    border-bottom: 6px solid transparent
}

.login_type .type.word_type {
    background-image: url(../images/login_word.png)
}

.login_type .type.ewm_type {
    background-image: url(../images/login_code.png)
}

.logewm .ewmcode {
    position: relative;
    width: 118px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden
}

.logewm .ewmcode .codeimg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px
}

.logewm .ewmcode .codeimg canvas, .logewm .ewmcode .codeimg img {
    width: 100%;
    height: 100%
}

.logewm .ewmcode:after {
    content: "";
    display: block;
    padding-top: 100%
}

.logewm .codeval {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .95);
    z-index: 2;
    padding-top: 10px;
    color: #333
}

.logewm .codeval .icon {
    margin-left: auto;
    margin-right: auto;
    width: 38px;
    height: 38px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url(../images/tipicon.png)
}

.logewm .codeval .title {
    padding-top: 8px;
    font-size: 15px;
    padding-bottom: 5px
}

.logewm .codeval .desc {
    font-size: 11px
}

.logewm .codeval .link {
    color: #888;
    font-size: 9px;
    display: inline-block;
    text-decoration: underline
}

.logewm .codeval .link:hover {
    color: #565a88
}

.logewm .codeval .refresh {
    display: inline-block;
    font-size: 10px;
    background-color: #565a88;
    line-height: 24px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 50px;
    color: #fff;
    margin-top: 2px
}

.logewm .codeval .refresh .iconfont {
    font-size: 120%;
    margin-right: 4px
}

.logewm .codeval .refresh:hover {
    background-color: #ffcb30
}

.logewm .codeval .faile .icon {
    background-position: top center
}

.logewm .codeval .success .icon {
    background-position: bottom center
}

.logewm .tip {
    color: #8183b6;
    font-size: 10px;
    padding-top: 6px
}

.logewm .tip img {
    width: 9px;
    height: 9px
}

.logewm .tip a:hover {
    text-decoration: underline
}

.quick-notice {
    font-size: 8px;
    color: #fff;
    background-color: rgba(47, 51, 97, .3)
}

.quick-notice .wrapper {
    position: relative
}

.quick-notice .notice-list {
    position: relative;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding-left: 45px;
    color: #fff
}

.quick-notice .notice-list a:hover {
    text-decoration: underline
}

.quick-notice .notice-icon {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.quick-notice .notice-icon .iconfont {
    color: #ffcb30
}

.quick-notice .notice-swiper li {
    height: 30px;
    line-height: 30px
}

.quick-notice .notice-swiper li a {
    color: #fff
}

.quick-notice .notice-tip {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.quick-notice .notice-tip span {
    margin-left: 10px
}

@media screen and (min-width: 1200px) {
    .banner .swiper-pagination-bullet {
        width: 5px;
        height: 5px
    }

    .banner .swiper-pagination-bullet-active {
        width: 16px
    }

    .banner-txt {
        padding-top: 35px
    }

    .banner-txt h3 {
        padding-top: 40px;
        margin-bottom: 12px;
        font-size: 36px
    }

    .banner-txt h3:before {
        width: 20px;
        height: 2px
    }

    .banner-txt p {
        font-size: 24px
    }

    .quick-sign .module-sign {
        width: 230px;
        margin-top: 45px
    }

    .quick-sign .module-sign h4 {
        font-size: 14px;
        margin-bottom: 6px
    }

    .quick-sign .module-sign .row {
        margin-bottom: 8px
    }

    .quick-sign .module-sign .row a {
        font-size: 12px
    }

    .quick-sign .quick-info {
        width: 320px;
        padding: 18px
    }

    .quick-sign .quick-info .qi-top {
        height: 30px;
        line-height: 30px;
        margin-bottom: 10px;
        padding-top: 0
    }

    .quick-sign .quick-info .qi-top .info {
        font-size: 13px
    }

    .quick-sign .quick-info .qi-top .t-offbtn {
        position: static;
        margin-top: 3px;
        height: 24px;
        line-height: 22px;
        font-size: 13px;
        padding-left: 12px;
        padding-right: 12px
    }

    .quick-sign .quick-info .qi-center p span:nth-child(1) {
        font-size: 14px
    }

    .quick-sign .quick-info .qi-center p span:nth-child(2) {
        font-size: 14px
    }

    .quick-sign .quick-info .qi-center p span:nth-child(2) small {
        font-size: 14px
    }

    .quick-sign .quick-info .qi-center p .hide_zero .f-cr-content {
        font-size: 14px
    }

    .quick-sign .quick-info .qi-center .linkbtn {
        padding-top: 12px
    }

    .quick-sign .quick-info .qi-center .linkbtn .btn-4 {
        font-size: 14px;
        line-height: 26px;
        height: 28px
    }

    .quick-sign .quick-info .qi-bottom {
        padding-top: 10px
    }

    .quick-notice {
        font-size: 12px
    }

    .quick-notice .notice-list {
        height: 36px;
        line-height: 36px;
        padding-left: 55px
    }

    .quick-notice .notice-swiper li {
        height: 36px;
        line-height: 36px
    }

    .quick-notice .notice-tip span {
        margin-left: 10px
    }

    .login_type .type {
        width: 42px;
        height: 42px
    }

    .login_type .type:after {
        border-width: 21px
    }

    .login_type .type .tip {
        display: block;
        font-size: 12px;
        line-height: 22px
    }

    .logewm .ewmcode {
        width: 150px
    }

    .logewm .ewmcode .codeimg {
        padding: 20px
    }

    .logewm .codeval {
        padding-top: 15px
    }

    .logewm .codeval .icon {
        width: 46px;
        height: 46px
    }

    .logewm .codeval .title {
        padding-top: 10px;
        font-size: 17px
    }

    .logewm .codeval .desc {
        font-size: 13px
    }

    .logewm .codeval .link {
        font-size: 12px
    }

    .logewm .codeval .refresh {
        margin-top: 4px;
        font-size: 12px
    }

    .logewm .tip {
        font-size: 12px
    }

    .logewm .tip img {
        width: 12px;
        height: 12px
    }
}

@media screen and (min-width: 1400px) {
    .quick-sign .module-sign {
        width: 270px
    }

    .quick-sign .module-sign h4 {
        font-size: 16px;
        margin-bottom: 8px
    }

    .quick-sign .module-sign .row {
        margin-bottom: 12px
    }

    .quick-sign .module-sign .row a {
        font-size: 13px
    }

    .quick-sign .quick-info {
        width: 360px;
        padding: 20px
    }

    .quick-sign .quick-info .qi-top .info {
        font-size: 14px
    }

    .quick-sign .quick-info .qi-top .t-offbtn {
        margin-top: 2px;
        height: 26px;
        line-height: 24px;
        padding-left: 17px;
        padding-right: 17px
    }
}

@media screen and (min-width: 1366px) and (max-width: 1600px) {
    .quick-sign .quick-info .qi-bottom {
        padding-top: 20px
    }

    .quick-sign .quick-info .qi-bottom .btn {
        height: 40px;
        line-height: 40px
    }
}

@media screen and (min-width: 1580px) {
    .banner .swiper-pagination-bullet {
        width: 8px;
        height: 8px
    }

    .banner .swiper-pagination-bullet-active {
        width: 25px
    }

    .banner-txt {
        padding-top: 60px
    }

    .banner-txt h3 {
        padding-top: 60px;
        margin-bottom: 18px;
        font-size: 50px
    }

    .banner-txt h3:before {
        width: 32px;
        height: 2px
    }

    .banner-txt p {
        font-size: 36px
    }

    .quick-sign .module-sign {
        width: 300px;
        padding: 20px 25px;
        margin-top: 60px
    }

    .quick-sign .module-sign h4 {
        font-size: 18px;
        margin-bottom: 8px
    }

    .quick-sign .module-sign .row {
        margin-bottom: 12px
    }

    .quick-sign .module-sign .row a {
        font-size: 14px
    }

    .quick-notice {
        font-size: 14px
    }

    .quick-notice .notice-list {
        height: 50px;
        line-height: 50px;
        padding-left: 75px
    }

    .quick-notice .notice-swiper li {
        height: 50px;
        line-height: 50px
    }

    .quick-notice .notice-tip span {
        margin-left: 15px
    }

    .login_type .type {
        width: 48px;
        height: 48px
    }

    .login_type .type:after {
        border-width: 24px
    }

    .login_type .type .tip {
        font-size: 13px;
        line-height: 28px
    }

    .logewm .ewmcode {
        width: 194px;
        margin-top: 25px;
        margin-bottom: 10px;
        border-radius: 10px
    }

    .logewm .ewmcode .codeimg {
        padding: 25px
    }

    .logewm .codeval .icon {
        width: 52px;
        height: 52px
    }

    .logewm .codeval .title {
        padding-top: 13px;
        font-size: 20px
    }

    .logewm .codeval .desc {
        font-size: 16px
    }

    .logewm .codeval .link {
        font-size: 14px;
        margin-top: 8px
    }

    .logewm .codeval .refresh {
        margin-top: 8px;
        font-size: 14px;
        line-height: 30px;
        min-width: 130px
    }

    .logewm .tip {
        font-size: 14px;
        padding-top: 2px
    }

    .logewm .tip img {
        width: 14px;
        height: 14px
    }
}

@media screen and (min-width: 1600px) {
    .quick-sign .quick-info {
        padding: 25px 24px 30px
    }

    .quick-sign .quick-info .qi-top {
        height: 36px;
        line-height: 36px;
        margin-bottom: 12px
    }

    .quick-sign .quick-info .qi-top .t-offbtn {
        margin-top: 5px
    }

    .quick-sign .quick-info .qi-center h3 {
        font-size: 18px
    }

    .quick-sign .quick-info .qi-center p {
        font-size: 14px
    }

    .quick-sign .quick-info .qi-center p span:nth-child(1) {
        margin-right: 10px
    }

    .quick-sign .quick-info .qi-center p span:nth-child(2) {
        font-size: 18px
    }

    .quick-sign .quick-info .qi-bottom {
        padding-top: 20px
    }
}

.search input {
    float: left;
    width: 110px;
    padding-right: 25px;
    height: 24px;
    line-height: 22px;
    border-radius: 30px
}

.search button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    right: 3px;
    background-color: transparent
}

.search button:hover {
    background-color: transparent
}

.trading-on-hd {
    background-color: #2f3361;
    text-align: center
}

.trading-on-hd .wrapper > div {
    position: relative;
    height: 56px;
    overflow: hidden
}

.trading-on-hd ul {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px
}

.trading-on-hd li {
    position: relative;
    float: left;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 100px;
    cursor: pointer;
    background-color: transparent;
    margin-left: 1px;
    -webkit-transition: all, .5s;
    -moz-transition: all, .5s;
    -ms-transition: all, .5s;
    transition: all, .5s
}

.trading-on-hd li.active {
    background-color: #53568a
}

.trading-on-hd li:hover {
    color: #ffcb30
}

.trading-on-hd li:hover .iconfont {
    color: #ffcb30
}

.trading-on-hd li.active .iconfont {
    color: #ffcb30
}

.trading-on-hd li .iconfont {
    font-size: 100%;
    vertical-align: top;
    color: #b5b5b5;
    -webkit-transition: all, .5s;
    -moz-transition: all, .5s;
    -ms-transition: all, .5s;
    transition: all, .5s
}

.trading-on-hd .search {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.trading-on-bd {
    position: relative
}

.trading-on-bd:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 29px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ddd
}

.trading-on-bd > * {
    position: relative;
    z-index: 2
}

.trading-on-bd .btns {
    margin-top: 20px;
    text-align: center
}

.table-group1, .table-group2 {
    display: block;
    margin-top: 10px;
    width: 100%;
    position: relative;
    color: #333;
    padding: 12.5px;
    border-radius: 4px
}

.table-group1 span, .table-group2 span {
    display: block;
    height: 1em;
    line-height: 1em;
    padding-left: 12.5px;
    padding-right: 12.5px;
    font-size: 14px;
    border-left: 2px solid #999
}

.table-group1 {
    background-color: #4c4d82
}

.table-group2 {
    background-color: #ececec
}

.table-group2 span {
    float: left
}

.table-group2 .tip {
    float: left;
    position: relative;
    z-index: 3
}

.table-group2 .tip:hover .tipcon {
    display: block
}

.table-group2 .tip .icon {
    border-radius: 50%;
    width: 14px;
    height: 14px;
    line-height: 14px;
    background-color: #53568a;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.table-group2 .tip .icon .iconfont {
    font-size: 12px
}

.table-group2 .tip .tipcon {
    display: none;
    width: 280px;
    font-size: 12px;
    position: absolute;
    background-color: #f5f5f5;
    border-radius: 3px;
    border: 1px solid #aaaed3;
    color: #666;
    padding: 6px;
    line-height: 18px;
    top: 0;
    z-index: 2;
    left: 155%
}

.table-group2 .tip .tipcon:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 3px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #aaaed3
}

.index-table {
    font-family: Helvetica, arial, PingFangSC-Regular, "Microsoft Yahei", sans-serif
}

.index-table .td {
    float: left;
    display: block;
    width: 12.5%;
    text-align: left;
    padding-left: 12.5px
}

.index-table .td:last-child {
    padding-right: 12.5px
}

.index-table .thead {
    font-size: 12px;
    color: #666
}

.index-table .thead .td {
    height: 30px;
    line-height: 28px;
    border: 0;
    padding-bottom: 2px
}

.index-table .thead .td:nth-child(1) {
    width: 14.5%
}

.index-table .thead .td:nth-child(4), .index-table .thead .td:nth-child(5) {
    width: 11.5%
}

.index-table .thead .td.onmoney, .index-table .thead .td.onmore, .index-table .thead .td.onname, .index-table .thead .td.onprice {
    cursor: pointer
}

.index-table .thead .td.up .sortico .i1, .index-table .thead .td.up .sortico .i3 {
    display: none
}

.index-table .thead .td.up .sortico .i2 {
    display: inline-block
}

.index-table .thead .td.down .sortico .i1, .index-table .thead .td.down .sortico .i2 {
    display: none
}

.index-table .thead .td.down .sortico .i3 {
    display: inline-block
}

.index-table .thead .td .sortico {
    display: inline-block;
    width: 6px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100% auto;
    height: 100%;
    vertical-align: top
}

.index-table .thead .td .sortico img {
    margin-top: -3px
}

.index-table .thead .td .sortico .i1 {
    display: inline-block
}

.index-table .thead .td .sortico .i2, .index-table .thead .td .sortico .i3 {
    display: none
}

.index-table .tbody {
    font-size: 13px;
    color: #666
}

.index-table .tbody .status-up:hover {
    background-color: #fef1ef
}

.index-table .tbody .status-down:hover {
    background-color: #eff9f2
}

.index-table .tbody .icon-arrowboldup {
    font-size: 85%;
    margin-left: 5px
}

.index-table .tbody .tr:nth-child(even) {
    background-color: #f9f9f9
}

.index-table .tbody .tr:nth-child(even).status-up:hover {
    background-color: #fef1ef
}

.index-table .tbody .tr:nth-child(even).status-down:hover {
    background-color: #eff9f2
}

.index-table .tbody .td {
    height: 46px;
    line-height: 36px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #f0f0f0;
    border-top: 0
}

.index-table .tbody .td b {
    font-weight: 400
}

.index-table .tbody .td:nth-child(2), .index-table .tbody .td:nth-child(3) {
    font-weight: 700
}

.index-table .tbody .td:nth-child(4), .index-table .tbody .td:nth-child(5), .index-table .tbody .td:nth-child(6) {
    font-size: 12px
}

.index-table .tbody .td:nth-child(1) {
    width: 14.5%;
    white-space: nowrap
}

.index-table .tbody .td:nth-child(1) .img {
    margin-right: 5px
}

.index-table .tbody .td:nth-child(1) .img img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden
}

.index-table .tbody .td:nth-child(1) .name {
    position: relative;
    vertical-align: middle
}

.index-table .tbody .td:nth-child(1) .name i {
    font-size: 80%;
    font-style: normal
}

.index-table .tbody .td:nth-child(1) .newtip, .index-table .tbody .td:nth-child(1) .prioritytip {
    display: inline-block;
    vertical-align: middle
}

.index-table .tbody .td:nth-child(1) .newtip {
    width: 16px;
    height: 16px;
    background-image: url(../images/coinw-new-icon-cn.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.enstyle .index-table .tbody .td:nth-child(1) .newtip {
    background-image: url(../images/coinw-new-icon.png)
}

.index-table .tbody .td:nth-child(1) .prioritytip {
    width: 48px;
    height: 20px;
    border-radius: 3px;
    background: url(../images/priority.png) no-repeat center center;
    background-size: cover;
    margin-left: 2px
}

.index-table .tbody .td:nth-child(2) b {
    font-weight: 400
}

.index-table .tbody .td:nth-child(3) span {
    display: inline-block;
    min-width: 82px;
    height: 20px;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 4px;
    text-align: center
}

.index-table .tbody .td:nth-child(4), .index-table .tbody .td:nth-child(5) {
    width: 11.5%
}

.index-table .tbody .td:nth-child(6) {
    padding-top: 10px;
    line-height: 14px
}

.index-table .tbody .td:nth-child(6) .legalMoney {
    color: #b5b5b5;
    font-size: 85%
}

.index-table .tbody .td:nth-child(7) .canvas-parent {
    width: 100px;
    height: 36px;
    margin-left: auto;
    margin-right: auto
}

.index-table .tbody .td:nth-child(8) a {
    vertical-align: middle;
    margin-right: 7px
}

.index-table .tbody .td:nth-child(8) a:last-child {
    margin-right: 0
}

.index-table .tbody .td:last-child > * {
    vertical-align: middle;
    margin-top: -3px
}

@media screen and (min-width: 1200px) {
    .search input {
        width: 160px;
        height: 30px;
        line-height: 28px
    }

    .trading-on-hd .wrapper > div {
        height: 66px
    }

    .trading-on-hd ul {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .trading-on-hd li {
        height: 42px;
        line-height: 42px;
        font-size: 18px;
        padding-left: 38px;
        padding-right: 38px
    }

    .trading-on-hd li.active:before {
        height: 2px
    }

    .trading-on-bd:before {
        height: 40px
    }

    .trading-on-bd .btns {
        margin-top: 28px
    }

    .trading-on-bd .btns .btn {
        min-width: 120px
    }

    .table-group1, .table-group2 {
        margin-top: 20px;
        padding: 10px
    }

    .table-group1 span, .table-group2 span {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 16px;
        border-left: 3px solid #999
    }

    .table-group2 .tip .icon {
        width: 16px;
        height: 16px;
        line-height: 16px
    }

    .table-group2 .tip .tipcon {
        width: 300px;
        padding: 15px 15px 20px;
        font-size: 13px
    }

    .table-group2 .tip .tipcon:before {
        top: 4px
    }

    .index-table .thead {
        font-size: 14px
    }

    .index-table .thead .td {
        height: 40px;
        line-height: 38px
    }

    .index-table .thead .td .sortico {
        width: 8px;
        margin-left: 3px
    }

    .index-table .tbody {
        font-size: 16px
    }

    .index-table .tbody .td {
        height: 50px;
        line-height: 40px;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .index-table .tbody .td:nth-child(4), .index-table .tbody .td:nth-child(5), .index-table .tbody .td:nth-child(6) {
        font-size: 15px
    }

    .index-table .tbody .td:nth-child(1) .img {
        margin-right: 7px
    }

    .index-table .tbody .td:nth-child(1) .img img {
        width: 30px;
        height: 30px
    }

    .index-table .tbody .td:nth-child(1) .newtip {
        width: 20px;
        height: 20px
    }

    .index-table .tbody .td:nth-child(3) span {
        height: 24px;
        line-height: 24px;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 4px;
        min-width: 100px
    }

    .index-table .tbody .td:nth-child(6) {
        line-height: 16px
    }

    .index-table .tbody .td:nth-child(7) .canvas-parent {
        width: 120px;
        height: 40px
    }

    .index-table .tbody .td:nth-child(8) a {
        margin-right: 15px
    }
}

@media screen and (min-width: 1580px) {
    .index-table .tbody .td:nth-child(1) .prioritytip {
        width: 59px;
        height: 24px
    }

    .search input {
        width: 190px;
        padding-right: 40px;
        height: 36px;
        line-height: 34px
    }

    .trading-on-hd .wrapper > div {
        height: 70px
    }

    .trading-on-hd li {
        height: 46px;
        line-height: 46px;
        font-size: 24px;
        padding-left: 45px;
        padding-right: 45px
    }

    .trading-on-hd li.active:before {
        height: 3px
    }

    .trading-on-bd:before {
        height: 55px
    }

    .trading-on-bd .btns {
        margin-top: 35px
    }

    .trading-on-bd .btns .btn {
        min-width: 160px
    }

    .table-group1 span, .table-group2 span {
        font-size: 18px;
        border-left: 4px solid #999
    }

    .table-group2 .tip .icon {
        width: 18px;
        height: 18px;
        line-height: 18px
    }

    .table-group2 .tip .tipcon:before {
        top: 5px
    }

    .index-table .thead {
        font-size: 14px
    }

    .index-table .thead .td {
        height: 56px;
        line-height: 54px
    }

    .index-table .thead .td .sortico {
        margin-left: 5px
    }

    .index-table .tbody .td {
        height: 56px;
        line-height: 46px;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .index-table .tbody .td:nth-child(3) span {
        height: 32px;
        line-height: 32px;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 5px;
        min-width: 120px
    }

    .index-table .tbody .td:nth-child(1) {
        font-size: 18px
    }

    .index-table .tbody .td:nth-child(1) .img {
        margin-right: 8px
    }

    .index-table .tbody .td:nth-child(6) {
        line-height: 19px
    }

    .index-table .tbody .td:nth-child(7) .canvas-parent {
        width: 160px
    }

    .index-table .tbody .td:nth-child(8) a {
        margin-right: 20px
    }
}

@-webkit-keyframes animate1 {
    0% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        transform: rotateY(0)
    }
    50% {
        -webkit-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
    100% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@-moz-keyframes animate1 {
    0% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        transform: rotateY(0)
    }
    50% {
        -webkit-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
    100% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@-ms-keyframes animate1 {
    0% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        transform: rotateY(0)
    }
    50% {
        -webkit-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
    100% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@keyframes animate1 {
    0% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        transform: rotateY(0)
    }
    50% {
        -webkit-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
    100% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@-webkit-keyframes animate2 {
    0% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
    100% {
        -webkit-transform: translate(0, -20%);
        -moz-transform: translate(0, -20%);
        -ms-transform: translate(0, -20%);
        transform: translate(0, -20%);
        opacity: 0
    }
}

@-moz-keyframes animate2 {
    0% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
    100% {
        -webkit-transform: translate(0, -20%);
        -moz-transform: translate(0, -20%);
        -ms-transform: translate(0, -20%);
        transform: translate(0, -20%);
        opacity: 0
    }
}

@-ms-keyframes animate2 {
    0% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
    100% {
        -webkit-transform: translate(0, -20%);
        -moz-transform: translate(0, -20%);
        -ms-transform: translate(0, -20%);
        transform: translate(0, -20%);
        opacity: 0
    }
}

@keyframes animate2 {
    0% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
    100% {
        -webkit-transform: translate(0, -20%);
        -moz-transform: translate(0, -20%);
        -ms-transform: translate(0, -20%);
        transform: translate(0, -20%);
        opacity: 0
    }
}

@-webkit-keyframes animate3 {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    50% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2)
    }
    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-moz-keyframes animate3 {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    50% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2)
    }
    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-ms-keyframes animate3 {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    50% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2)
    }
    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes animate3 {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    50% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2)
    }
    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes animate4 {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    25% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    50% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    100% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

@-moz-keyframes animate4 {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    25% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    50% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    100% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

@-ms-keyframes animate4 {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    25% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    50% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    100% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes animate4 {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    25% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    50% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    100% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

.advantage .hd {
    color: #333;
    text-align: center
}

.advantage .hd h3 {
    font-size: 18px
}

.advantage .hd advantage p {
    font-size: 12px;
    margin-bottom: 5px
}

.advantage .bd .col8-sm-2 .pic {
    -webkit-transform: translate(0, 0) scale(1, 1);
    -moz-transform: translate(0, 0) scale(1, 1);
    -ms-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    -webkit-transition: all .6s cubic-bezier(.25, 3.07, .42, .13);
    -moz-transition: all .6s cubic-bezier(.25, 3.07, .42, .13);
    -ms-transition: all .6s cubic-bezier(.25, 3.07, .42, .13);
    transition: all .6s cubic-bezier(.25, 3.07, .42, .13)
}

.advantage .bd .col8-sm-2:hover .pic {
    -webkit-transform: translate(0, -20%) scale(1.2, 1.2);
    -moz-transform: translate(0, -20%) scale(1.2, 1.2);
    -ms-transform: translate(0, -20%) scale(1.2, 1.2);
    transform: translate(0, -20%) scale(1.2, 1.2);
    -webkit-transition: all 1s cubic-bezier(0, .91, .32, .85);
    -moz-transition: all 1s cubic-bezier(0, .91, .32, .85);
    -ms-transition: all 1s cubic-bezier(0, .91, .32, .85);
    transition: all 1s cubic-bezier(0, .91, .32, .85)
}

.advantage-item {
    text-align: center
}

.advantage-item .pic {
    position: relative;
    width: 90px;
    height: 90px;
    padding: 25px;
    margin-left: auto;
    margin-right: auto
}

.advantage-item .pic .bgimg {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.advantage-item .pic .bgimg span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block
}

.advantage-item .pic .bgicon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block
}

.advantage-item h3 {
    color: #333;
    font-size: 18px;
    margin-bottom: 10px
}

.advantage-item p {
    color: #888;
    font-size: 10px;
    line-height: 1.6em
}

@media screen and (min-width: 1200px) {
    .advantage .hd h3 {
        font-size: 22px
    }

    .advantage .hd p {
        font-size: 16px;
        margin-bottom: 10px
    }

    .advantage-item .pic {
        width: 110px;
        height: 110px;
        padding: 30px
    }

    .advantage-item h3 {
        font-size: 25px;
        margin-bottom: 15px
    }

    .advantage-item p {
        font-size: 12px
    }
}

@media screen and (min-width: 1580px) {
    .advantage .hd h3 {
        font-size: 32px
    }

    .advantage .hd p {
        font-size: 22px;
        margin-bottom: 10px
    }

    .advantage-item .pic {
        width: 130px;
        height: 130px;
        padding: 35px
    }

    .advantage-item h3 {
        font-size: 30px;
        margin-bottom: 25px
    }

    .advantage-item p {
        font-size: 14px
    }
}

.news {
    background-color: #404275;
    overflow: hidden
}

.news.active .bd, .news.active .hd-1 {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.news.active .list1 li, .news.active .list2 li {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.news-notice .hd-1 {
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%);
    opacity: 0;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    transition: all .4s linear
}

.news-notice .bd {
    position: relative;
    background-color: #45487c
}

.news-notice .bd:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 600px;
    background-color: #45487c
}

.news-notice .bd > * {
    position: relative;
    z-index: 2
}

.news-laster {
    padding-left: 25px
}

.news-laster .hd-1 {
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%);
    opacity: 0;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    transition: all .4s linear
}

.news-laster .hd-1 .news-pagination, .news-laster .hd-1 .swiper-set, .news-laster .hd-1 h3 {
    float: left
}

.news-laster .hd-1 h3 {
    margin-right: 10px
}

.news-laster .hd-1 .swiper-pagination {
    position: static;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 7px;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.news-laster .hd-1 .swiper-pagination .swiper-pagination-bullet {
    float: left;
    background-color: rgba(255, 255, 255, .5);
    margin-right: 3px;
    width: 4px;
    height: 4px;
    border-radius: 50%
}

.news-laster .hd-1 .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #fff
}

.news-laster .hd-1 .news-next, .news-laster .hd-1 .news-prev {
    float: left;
    width: 18px;
    height: 18px;
    line-height: 16px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;
    font-size: 10px;
    cursor: pointer;
    -webkit-transition: all, .5s;
    -moz-transition: all, .5s;
    -ms-transition: all, .5s;
    transition: all, .5s
}

.news-laster .hd-1 .news-next:hover, .news-laster .hd-1 .news-prev:hover {
    background-color: #fff;
    color: #c7c7c7
}

.news-laster .bd {
    height: 320px;
    -webkit-transform: translate(0, 20%);
    -moz-transform: translate(0, 20%);
    -ms-transform: translate(0, 20%);
    transform: translate(0, 20%);
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    transition: all .4s linear;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -ms-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 0
}

.list1 .list-item {
    border-bottom: 1px solid #53568a;
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%);
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    transition: all .4s linear;
    opacity: 0
}

.list1 .list-item:nth-child(1) {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -ms-transition-delay: .1s;
    transition-delay: .1s
}

.list1 .list-item:nth-child(2) {
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -ms-transition-delay: .2s;
    transition-delay: .2s
}

.list1 .list-item a {
    position: relative;
    display: block;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px
}

.list1 .list-item a:hover {
    background-color: #53568a
}

.list1 .list-item .date {
    position: absolute;
    left: 0;
    top: 50%;
    width: 60px;
    padding-left: 15px;
    padding-right: 10px;
    text-align: right;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.list1 .list-item .date p:nth-child(1) {
    font-size: 10px;
    margin-bottom: 3px
}

.list1 .list-item .date p:nth-child(2) {
    color: #7f82b9;
    font-size: 7px
}

.list1 .list-item .text {
    margin-left: 60px;
    border-left: 1px solid #62659a;
    padding-right: 15px;
    padding-left: 10px
}

.list1 .list-item .text h3 {
    font-size: 9px;
    margin-bottom: 3px
}

.list1 .list-item .text p {
    color: #7f82b9;
    font-size: 7px
}

.list2 {
    padding: 15px
}

.list2 li {
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%);
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    transition: all .4s linear;
    opacity: 0
}

.list2 li a {
    display: block;
    height: 1.8em;
    line-height: 1.8em;
    font-size: 8px;
    color: #fff
}

.list2 li a span {
    margin-right: 10px
}

.list2 li a:hover {
    text-decoration: underline
}

.list2 li:nth-child(1) {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s
}

.list2 li:nth-child(2) {
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -ms-transition-delay: .4s;
    transition-delay: .4s
}

.list2 li:nth-child(3) {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    transition-delay: .5s
}

.list2 li:nth-child(4) {
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    -ms-transition-delay: .6s;
    transition-delay: .6s
}

.list3 {
    height: auto
}

.list3:nth-child(even) .list-item {
    background-color: #ffad0e
}

.list3:nth-child(even) .list-item:nth-child(odd) {
    background-color: #53568a
}

.list3:nth-child(even) .list-item:nth-child(odd):hover .more {
    background-color: #ffad0e
}

.list3:nth-child(even) .list-item:hover .more {
    background-color: #53568a
}

.list3 .list-item {
    float: left;
    width: 50%;
    background-color: #53568a;
    color: #fff;
    padding: 30px 40px 40px;
    border-left: 1px solid #45487c;
    overflow: hidden
}

.list3 .list-item:nth-child(odd) {
    background-color: #ffad0e
}

.list3 .list-item:nth-child(odd):hover .more {
    background-color: #53568a
}

.list3 .list-item:hover .more {
    background-color: #ffad0e
}

.list3 .list-item:hover .pic a {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2)
}

.list3 .date {
    margin-bottom: 20px;
    text-align: center;
    font-family: Helvetica, arial, PingFangSC-Regular, "Microsoft Yahei", sans-serif;
    font-weight: 700
}

.list3 .date p:nth-child(1) {
    font-size: 32px;
    line-height: 1.2em
}

.list3 .date p:nth-child(2) {
    font-size: 9px;
    line-height: 1.1em
}

.list3 .pic {
    margin-bottom: 10px;
    overflow: hidden
}

.list3 .pic a {
    display: block;
    -webkit-transition: all 6s linear;
    -moz-transition: all 6s linear;
    -ms-transition: all 6s linear;
    transition: all 6s linear
}

.list3 .title {
    height: 2.6em;
    line-height: 1.3em;
    font-size: 10px;
    margin-bottom: 20px;
    -webkit-line-clamp: 2
}

.list3 .title :hover {
    text-decoration: underline
}

.list3 .more {
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    font-size: 10px;
    cursor: pointer;
    -webkit-transition: all, .5s;
    -moz-transition: all, .5s;
    -ms-transition: all, .5s;
    transition: all, .5s
}

@media screen and (min-width: 1200px) {
    .news-laster {
        padding-left: 50px
    }

    .news-laster .hd-1 h3 {
        margin-right: 16px
    }

    .news-laster .hd-1 .swiper-pagination {
        margin-left: 10px;
        margin-right: 10px;
        padding-top: 8px
    }

    .news-laster .hd-1 .swiper-pagination .swiper-pagination-bullet {
        margin-right: 4px;
        width: 6px;
        height: 6px
    }

    .news-laster .hd-1 .news-next, .news-laster .hd-1 .news-prev {
        width: 24px;
        height: 24px;
        line-height: 22px;
        font-size: 12px
    }

    .list1 .list-item a {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .list1 .list-item .date {
        width: 76px;
        padding-left: 15px;
        padding-right: 15px
    }

    .list1 .list-item .date p:nth-child(1) {
        font-size: 13px;
        margin-bottom: 6px
    }

    .list1 .list-item .date p:nth-child(2) {
        font-size: 11px
    }

    .list1 .list-item .text {
        margin-left: 76px;
        padding-right: 15px;
        padding-left: 15px
    }

    .list1 .list-item .text h3 {
        font-size: 13px;
        margin-bottom: 6px
    }

    .list1 .list-item .text p {
        font-size: 11px
    }

    .list2 {
        padding: 20px
    }

    .list2 li a {
        font-size: 12px
    }

    .news-laster .bd {
        height: 375px
    }

    .list3 .list-item {
        padding: 30px 50px 50px
    }

    .list3 .date {
        margin-bottom: 20px
    }

    .list3 .date p:nth-child(1) {
        font-size: 40px
    }

    .list3 .date p:nth-child(2) {
        font-size: 12px
    }

    .list3 .pic {
        margin-bottom: 15px
    }

    .list3 .title {
        font-size: 14px;
        margin-bottom: 20px
    }

    .list3 .more {
        font-size: 14px
    }
}

@media screen and (min-width: 1580px) {
    .news-laster {
        padding-left: 70px
    }

    .news-laster .hd-1 h3 {
        margin-right: 20px
    }

    .news-laster .hd-1 .swiper-pagination {
        margin-left: 15px;
        margin-right: 15px;
        padding-top: 10px
    }

    .news-laster .hd-1 .swiper-pagination .swiper-pagination-bullet {
        margin-right: 6px;
        width: 8px;
        height: 8px
    }

    .news-laster .hd-1 .news-next, .news-laster .hd-1 .news-prev {
        width: 30px;
        height: 30px;
        line-height: 28px;
        font-size: 14px
    }

    .news-laster .bd {
        height: 490px
    }

    .list1 .list-item a {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .list1 .list-item .date {
        width: 106px;
        padding-left: 20px;
        padding-right: 20px
    }

    .list1 .list-item .date p:nth-child(1) {
        font-size: 18px;
        margin-bottom: 6px
    }

    .list1 .list-item .date p:nth-child(2) {
        font-size: 12px
    }

    .list1 .list-item .text {
        margin-left: 106px;
        padding-right: 20px;
        padding-left: 20px
    }

    .list1 .list-item .text h3 {
        font-size: 16px;
        margin-bottom: 6px
    }

    .list1 .list-item .text p {
        font-size: 12px
    }

    .list2 {
        padding: 25px
    }

    .list2 li a {
        font-size: 14px
    }

    .list3 .list-item {
        padding: 45px 70px 70px
    }

    .list3 .date {
        margin-bottom: 30px
    }

    .list3 .date p:nth-child(1) {
        font-size: 56px
    }

    .list3 .date p:nth-child(2) {
        font-size: 16px
    }

    .list3 .pic {
        margin-bottom: 25px
    }

    .list3 .title {
        font-size: 18px;
        margin-bottom: 30px
    }

    .list3 .more {
        font-size: 16px
    }
}

.download {
    background-color: #fff;
    text-align: center;
    overflow: hidden
}

.download.active .bd .widget1, .download.active .bd .widget2 {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.download.active .ewmdown, .download.active .p1, .download.active .p2, .download.active .p3, .download.active .small-advan {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.download .bd {
    position: relative
}

.download .bd .widget1 {
    position: absolute;
    bottom: -22%;
    left: 10%;
    width: 15%;
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    transition: all .4s linear
}

.download .bd .widget2 {
    position: absolute;
    right: 10%;
    top: -10%;
    width: 11%;
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    transition: all .4s linear
}

.download .ewmdown, .download .p1, .download .p2, .download .p3, .download .small-advan {
    opacity: 0;
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%);
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    transition: all .4s linear
}

.download .p1 {
    color: #333;
    font-family: Helvetica, arial, PingFangSC-Regular, "Microsoft Yahei", sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 8px;
    -webkit-transition-delay: .2;
    -moz-transition-delay: .2;
    -ms-transition-delay: .2;
    transition-delay: .2
}

.download .p2 {
    color: #333;
    height: 30px;
    line-height: 24px;
    font-size: 14px;
    display: inline-block;
    border: 1px solid #333;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 15px;
    margin-bottom: 8px;
    -webkit-transition-delay: .3;
    -moz-transition-delay: .3;
    -ms-transition-delay: .3;
    transition-delay: .3
}

.download .p3 {
    color: #333;
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 15px;
    -webkit-transition-delay: .4;
    -moz-transition-delay: .4;
    -ms-transition-delay: .4;
    transition-delay: .4
}

.download .ewmdown {
    width: 230px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition-delay: .5;
    -moz-transition-delay: .5;
    -ms-transition-delay: .5;
    transition-delay: .5
}

.download .ewmdown .ewm {
    float: left;
    width: 75px;
    margin-right: 10px
}

.download .ewmdown canvas {
    max-width: 100%
}

.download .ewmdown .btns {
    float: right
}

.download .ewmdown .btns .btn {
    display: block
}

.download .ewmdown .btns .btn:first-child {
    margin-bottom: 8px
}

.download .small-advan {
    -webkit-transition-delay: .6;
    -moz-transition-delay: .6;
    -ms-transition-delay: .6;
    transition-delay: .6
}

.download ul {
    width: 232px;
    margin-left: auto;
    margin-right: auto
}

.download ul li {
    float: left;
    width: 54px;
    height: 54px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    text-align: center;
    color: #666;
    font-size: 8px;
    padding-top: 5px;
    margin-right: 5px
}

.download ul li:last-child {
    margin-right: 0
}

.download ul li .imgs1 {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px
}

.download .cenBox {
    width: 530px;
    margin: 0 auto;
    text-align: left
}

.download .cenBox .titbox {
    color: #222;
    padding-bottom: 20px
}

.download .cenBox .titbox span {
    display: block;
    font-size: 24px;
    line-height: 1.5em
}

.download .cenBox .titbox h2 {
    font-size: 48px;
    line-height: 1em
}

.download .cenBox .mBox1 {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 20px 0 10px
}

.download .cenBox .mBox1 .in {
    position: relative;
    padding-left: 130px
}

.download .cenBox .mBox1 .in .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 117px
}

.download .cenBox .mBox1 .in .img img {
    display: block;
    width: 100%
}

.download .cenBox .mBox1 .in .txt .item {
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px
}

.download .cenBox .mBox1 .in .txt .item i {
    display: block;
    position: absolute;
    text-align: center;
    width: 17px;
    height: 17px;
    line-height: 17px;
    border-radius: 50%;
    color: #fff;
    background-color: #424578;
    font-size: 12px;
    font-style: normal;
    left: 0;
    top: 0
}

.download .cenBox .mBox1 .in .txt .item p {
    font-size: 15px;
    color: #222
}

.download .cenBox .mBox1 .in .txt .item span {
    display: block;
    line-height: 1.5em
}

.download .cenBox .mBox2 {
    padding: 10px 0 20px
}

.download .cenBox .mBox2 h3 {
    font-size: 24px;
    color: #222;
    line-height: 1.5em
}

.download .cenBox .fourlist {
    padding: 5px 0
}

.download .cenBox .fourlist .itm {
    float: left;
    position: relative;
    padding-left: 26px;
    padding-right: 20px
}

.download .cenBox .fourlist .itm i {
    display: block;
    width: 20px;
    position: absolute;
    left: 0;
    top: 0
}

.download .cenBox .fourlist .itm i img {
    display: block;
    width: 100%
}

.download .cenBox .fourlist .itm span {
    display: block;
    font-size: 13px;
    color: #888;
    line-height: 22px
}

.download .cenBox .btnbox {
    padding-top: 30px
}

.download .cenBox .btnbox .mo-btnStyle {
    display: block;
    float: left;
    margin-right: 20px
}

.mo-btnStyle {
    border-style: none;
    font-size: 18px;
    color: #fff;
    text-align: center;
    width: 180px;
    height: 56px;
    line-height: 56px
}

.mo-btnStyle i {
    display: inline-block;
    width: 28px;
    vertical-align: middle;
    margin-right: 10px
}

.mo-btnStyle i img {
    display: block;
    max-width: 100%
}

.mo-btnStyle span {
    display: inline-block
}

.mo-btnStyle.mo-btnStyle1 {
    background-color: #000
}

.mo-btnStyle.mo-btnStyle2 {
    background-color: #3aba94
}

.kostyle .mo-btnStyle {
    width: auto;
    min-width: 180px;
    padding: 0 15px
}

@media screen and (min-width: 1200px) {
    .download .bd .widget1 {
        bottom: -25%;
        left: 8%;
        width: 18%
    }

    .download .bd .widget2 {
        right: 8%;
        top: -9%;
        width: 14%
    }

    .download .p1 {
        font-size: 22px;
        margin-bottom: 9px
    }

    .download .p2 {
        height: 40px;
        line-height: 34px;
        border-width: 1px;
        font-size: 20px;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 20px
    }

    .download .p3 {
        font-size: 22px;
        margin-bottom: 17px
    }

    .download .ewmdown {
        width: 290px;
        padding: 12px;
        margin-bottom: 11px
    }

    .download .ewmdown .ewm {
        width: 90px;
        margin-right: 15px
    }

    .download .ewmdown .btns {
        margin-right: 15px
    }

    .download .ewmdown .btns .btn {
        text-align: left
    }

    .download .ewmdown .btns .btn:first-child {
        margin-bottom: 11px
    }

    .download ul {
        width: 292px
    }

    .download ul li {
        width: 66px;
        height: 66px;
        font-size: 11px;
        padding-top: 10px;
        margin-right: 9px
    }

    .download ul li .imgs1 {
        margin-bottom: 8px
    }
}

@media screen and (min-width: 1580px) {
    .download .bd .widget1 {
        bottom: -27%;
        left: 5%;
        width: 22%
    }

    .download .bd .widget2 {
        right: 5%;
        top: -8%;
        width: 17%
    }

    .download .p1 {
        font-size: 32px;
        margin-bottom: 12px
    }

    .download .p2 {
        height: 56px;
        line-height: 50px;
        border-width: 2px;
        font-size: 24px;
        padding-left: 30px;
        padding-right: 30px;
        border-radius: 28px
    }

    .download .p3 {
        font-size: 30px;
        margin-bottom: 25px
    }

    .download .ewmdown {
        width: 410px;
        padding: 15px;
        margin-bottom: 11px
    }

    .download .ewmdown .ewm {
        width: 126px;
        margin-right: 20px
    }

    .download .ewmdown .btns {
        margin-right: 20px
    }

    .download .ewmdown .btns .btn {
        text-align: left
    }

    .download .ewmdown .btns .btn:first-child {
        margin-bottom: 11px
    }

    .download ul {
        width: 410px
    }

    .download ul li {
        width: 94px;
        height: 94px;
        font-size: 13px;
        padding-top: 15px;
        margin-right: 11px
    }

    .download ul li .imgs1 {
        margin-bottom: 8px
    }
}

@media screen and (max-width: 1480px) {
    .download .cenBox {
        width: 460px
    }

    .download .cenBox .titbox h2 {
        font-size: 35px
    }

    .download .cenBox .titbox span {
        font-size: 18px
    }

    .download .cenBox .mBox1 .in .txt .item p {
        font-size: 13px
    }

    .download .cenBox .mBox2 h3 {
        font-size: 18px
    }

    .mo-btnStyle {
        font-size: 15px
    }

    .mo-btnStyle i {
        width: 22px
    }
}

@media screen and (max-width: 1200px) {
    .download .cenBox {
        width: 420px
    }
}

#container-trader {
    background-color: #f5f5f5
}

#container-trader .wrapper-left, #container-trader .wrapper-right {
    float: left;
    width: 25%
}

#container-trader .wrapper-center {
    float: left;
    width: 50%
}

#container-trader .trader-box {
    padding: 6.25px
}

#container-trader .coin-info {
    background-color: #fff;
    font-size: 13px;
    border: 1px solid #e8e8e8
}

#container-trader .coin-info-top {
    padding: 10px;
    border-bottom: 1px solid #e8e8e8
}

#container-trader .coin-info-top .coin-name {
    float: left
}

#container-trader .coin-info-top .coin-price {
    float: right
}

#container-trader .coin-info-top .img {
    float: left;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 5px;
    overflow: hidden;
    margin-top: -2px
}

#container-trader .coin-info-top .name {
    float: left;
    height: 24px;
    line-height: 24px;
    position: relative
}

#container-trader .coin-info-top .name span:nth-child(1) {
    font-weight: 700
}

#container-trader .coin-info-top .name span:nth-child(2) {
    font-size: 10px;
    color: #999
}

#container-trader .coin-info-top .name span:nth-child(3) {
    font-size: 9px;
    margin-left: 6px
}

#container-trader .coin-info-top .price {
    font-size: 16px;
    font-weight: 700;
    height: 24px;
    line-height: 24px;
    color: #333;
    text-align: right
}

#container-trader .coin-info-top .percent {
    position: relative;
    float: right
}

#container-trader .coin-info-top .percent .tit {
    font-size: 12px;
    color: #666;
    font-weight: 400;
    line-height: 24px;
    display: none;
    position: absolute;
    right: 100%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    white-space: nowrap
}

#container-trader .coin-info-top .percent .status-bg {
    float: right;
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    padding-left: .5em;
    padding-right: .5em;
    border-radius: 4px;
    text-align: center
}

#container-trader .coin-info-top .percent .status-bg .iconfont {
    font-size: 80%;
    margin-left: 3px
}

#container-trader .coin-info-top .coinsinfo {
    font-size: 10px;
    z-index: 2
}

#container-trader .coin-info-top .coinsinfo .oftype {
    margin-right: 3px;
    border-radius: 50px;
    color: #fff;
    padding-left: 6px;
    padding-right: 6px;
    position: relative;
    line-height: 20px;
    height: 20px
}

#container-trader .coin-info-top .coinsinfo .oftype:after {
    position: absolute;
    content: normal;
    left: 50%;
    bottom: 100%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

#container-trader .coin-info-top .coinsinfo .oftype.type1 {
    background-color: #424578
}

#container-trader .coin-info-top .coinsinfo .oftype.type1:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #424578
}

#container-trader .coin-info-top .coinsinfo .oftype.type2 {
    background-color: #ffa601
}

#container-trader .coin-info-top .coinsinfo .oftype.type2:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #ffa601
}

#container-trader .coin-info-top .coinsinfo .infolink {
    border: 1px solid #d1d1d1;
    border-radius: 50px;
    color: #666;
    height: 20px;
    line-height: 18px;
    display: block;
    padding-left: 4px;
    padding-right: 5px
}

#container-trader .coin-info-top .coinsinfo .infolink i {
    display: none;
    margin-right: 3px;
    border-radius: 3px;
    border: 2px solid #999;
    width: 12px;
    height: 14px;
    position: relative;
    vertical-align: middle;
    margin-top: -2px
}

#container-trader .coin-info-top .coinsinfo .infolink i:after {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    height: 6px;
    width: 5px;
    border: 2px solid #999;
    border-left: 0;
    border-right: 0
}

#container-trader .coin-info-top .coinsinfo .infolink:hover {
    border-color: #424578;
    color: #424578
}

#container-trader .coin-info-top .coinsinfo .infolink:hover i {
    border-color: #424578
}

#container-trader .coin-info-top .coinsinfo .infolink:hover i:after {
    border-color: #424578
}

#container-trader .coin-info-bottom {
    position: relative
}

#container-trader .coin-info-bottom .item {
    float: left;
    width: 32%;
    padding: 10px 3px;
    text-align: center;
    border-left: 1px solid #f3f3f3
}

#container-trader .coin-info-bottom .item:first-child {
    border-left: none
}

#container-trader .coin-info-bottom .item:last-child {
    width: 36%
}

#container-trader .coin-info-bottom .item p:nth-child(1) {
    font-size: 9px;
    color: #333;
    margin-bottom: 3px
}

#container-trader .coin-info-bottom .item p:nth-child(2) {
    font-weight: 700;
    font-size: 8px;
    color: #999
}

#container-trader .coin-tab-hd li {
    float: left;
    width: 33.3333333%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    border-left: 1px solid #f3f3f3;
    background-color: #fff;
    color: #333
}

#container-trader .coin-tab-hd li .iconfont {
    color: inherit
}

#container-trader .coin-tab-hd li:first-child {
    border-left: none
}

#container-trader .coin-tab-hd li.active {
    position: relative;
    background-color: transparent
}

#container-trader .coin-tab-hd li.active:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #696969
}

#container-trader .coin-search {
    position: relative;
    padding: 10px
}

#container-trader .coin-search input {
    height: 20px;
    line-height: 18px;
    width: 100%;
    font-size: 100%;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #dedede;
    background-color: #fff;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-transition: all, .5s;
    -moz-transition: all, .5s;
    -ms-transition: all, .5s;
    transition: all, .5s
}

#container-trader .coin-search input::-webkit-input-placeholder {
    color: #999
}

#container-trader .coin-search input::-moz-placeholder {
    color: #999
}

#container-trader .coin-search input:-ms-input-placeholder {
    color: #999
}

#container-trader .coin-search input:focus {
    border-color: #aeaeae
}

#container-trader .coin-search button {
    position: absolute;
    right: 11px;
    top: 11px;
    width: 20px;
    height: 18px;
    line-height: 18px;
    font-size: 100%;
    cursor: pointer;
    color: #999;
    background: 0 0;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

#container-trader .coin-search button:hover {
    color: #333
}

#container-trader .coin-items {
    background-color: #f8f8f8
}

#container-trader .coin-items .trader-table {
    display: none
}

#container-trader .trader-table .col {
    float: left;
    width: 33.333333%;
    height: 20px;
    line-height: 20px;
    text-align: right;
    padding-left: chtrader-tableangeUnit(5);
    padding-right: 5px
}

#container-trader .trader-table .col:first-child {
    width: 34%;
    text-align: left;
    padding-left: 10px
}

#container-trader .trader-table .col:nth-child(2) {
    width: 28%
}

#container-trader .trader-table .col:nth-child(3) {
    width: 38%;
    text-align: right;
    padding-right: 10px
}

#container-trader .trader-table .col .img {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 5px;
    vertical-align: middle
}

#container-trader .trader-table .col .img img {
    vertical-align: top
}

#container-trader .trader-table .col .name {
    vertical-align: middle
}

#container-trader .trader-table .col .percent {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 4px;
    min-width: 61px;
    text-align: center
}

#container-trader .trader-head {
    color: #666;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    font-weight: 700;
    background-color: #fff
}

#container-trader .trader-body {
    color: #666;
    background-color: #fff;
    position: relative
}

#container-trader .coin-items {
    border: 1px solid #e8e8e8;
    font-size: 9px
}

#container-trader .coin-items .trader-table .col {
    width: 35%;
    text-align: left;
    white-space: nowrap
}

#container-trader .coin-items .trader-table .col:nth-child(2) {
    width: 32%
}

#container-trader .coin-items .trader-table .col:nth-child(2) .iconfont {
    margin-left: 3px
}

#container-trader .coin-items .trader-table .col:last-child {
    width: 33%;
    text-align: right;
    padding-left: 3px
}

#container-trader .coin-items .trader-table .col:last-child .iconfont {
    font-size: 140%
}

#container-trader .coin-items .trader-table .col .name {
    position: relative
}

#container-trader .coin-items .trader-table .col .newtip {
    position: absolute;
    left: 100%;
    top: 50%;
    width: 16px;
    height: 16px;
    background-image: url(../images/coinw-new-icon-cn.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transform: translate(5px, -60%);
    -moz-transform: translate(5px, -60%);
    -ms-transform: translate(5px, -60%);
    transform: translate(5px, -60%)
}

.enstyle #container-trader .coin-items .trader-table .col .newtip {
    background-image: url(../images/coinw-new-icon.png)
}

#container-trader .coin-items .trader-head .row .col {
    cursor: pointer
}

#container-trader .coin-items .trader-head .row .col:first-child {
    padding-left: 30px
}

#container-trader .coin-items .trader-head .row .col:nth-child(2) {
    padding-left: 15px
}

#container-trader .coin-items .trader-head .row .col:last-child {
    padding-right: 30px
}

#container-trader .coin-items .trader-head .row .col.up .sortico .i1, #container-trader .coin-items .trader-head .row .col.up .sortico .i3 {
    display: none
}

#container-trader .coin-items .trader-head .row .col.up .sortico .i2 {
    display: inline-block
}

#container-trader .coin-items .trader-head .row .col.down .sortico .i1, #container-trader .coin-items .trader-head .row .col.down .sortico .i2 {
    display: none
}

#container-trader .coin-items .trader-head .row .col.down .sortico .i3 {
    display: inline-block
}

#container-trader .coin-items .trader-head .row .col .sortico {
    display: inline-block;
    width: 4px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100% auto;
    height: 100%;
    vertical-align: top;
    margin-left: 3px
}

#container-trader .coin-items .trader-head .row .col .sortico img {
    margin-top: -3px
}

#container-trader .coin-items .trader-head .row .col .sortico .i2, #container-trader .coin-items .trader-head .row .col .sortico .i3 {
    display: none
}

#container-trader .coin-items .trader-head .row .col .sortico .i1 {
    display: inline-block
}

#container-trader .coin-items .trader-body {
    position: relative;
    height: 293px;
    overflow: hidden;
    padding-right: 0
}

#container-trader .coin-items .trader-body .row {
    cursor: pointer
}

#container-trader .coin-items .trader-body .row.active {
    background-color: #fff7e6
}

#container-trader .coin-items .trader-body .row .iconfont {
    margin-left: 5px;
    font-size: 110%
}

#container-trader .coin-items .trader-body .txt {
    height: 16px
}

#container-trader .coin-chart {
    height: 269px;
    position: relative;
    border: 1px solid #e8e8e8
}

#container-trader .coin-chart .chart-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 3
}

#container-trader .coin-chart .tv-perfessional {
    position: absolute;
    top: 15px;
    right: 35px;
    display: block;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    border-radius: 15px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #424578;
    color: #fff;
    margin-top: -12px
}

#container-trader .coin-chart .tv-perfessional span {
    float: left
}

#container-trader .coin-chart .tv-perfessional i {
    float: left;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -2px
}

#container-trader .coin-chart .tv-perfessional i img {
    width: 100%;
    height: 100%
}

#container-trader .trader-box-parent .trader-box {
    float: left;
    width: 50%
}

#container-trader .coin-trader {
    position: relative;
    background-color: #fff;
    font-size: 10px;
    color: #666;
    padding: 3px 10px 6px;
    border: 1px solid #e8e8e8
}

#container-trader .coin-trader .needlogin {
    color: #888;
    text-align: center;
    font-size: 12px;
    line-height: 20px
}

#container-trader .coin-trader .needlogin a {
    color: red;
    text-decoration: underline
}

#container-trader .coin-trader .needlogin a:hover {
    color: #5b5b92
}

#container-trader .coin-trader .balance {
    height: 35px;
    line-height: 16px;
    margin-bottom: 31px
}

#container-trader .coin-trader .balance .nologin {
    display: none
}

#container-trader .coin-trader .balance .fl span {
    display: block
}

#container-trader .coin-trader .balance .fl b {
    color: #333;
    font-family: Helvetica, arial, PingFangSC-Regular, "Microsoft Yahei", sans-serif;
    font-weight: 700;
    font-size: 12px
}

#container-trader .coin-trader .balance .fl em {
    color: #ccc;
    margin-left: 5px
}

#container-trader .coin-trader .balance .fr {
    color: #ee5030;
    width: 100%
}

#container-trader .coin-trader .balance .fr .btn {
    vertical-align: middle;
    margin-left: 5px
}

#container-trader .coin-trader .balance .fr.needlogin {
    color: #888
}

#container-trader .coin-trader .range {
    width: 99%;
    position: relative;
    margin-bottom: 15px
}

#container-trader .coin-trader .range.nologin {
    display: none
}

#container-trader .coin-trader .range .ionRangeSliders {
    position: absolute;
    top: 0;
    width: 6px;
    height: 6px;
    margin-top: -2px;
    border-radius: 50%;
    background-color: #d7d7d7;
    z-index: 3;
    cursor: pointer
}

#container-trader .coin-trader .range .ionRangeSliders[data-value='0'] {
    left: 0
}

#container-trader .coin-trader .range .ionRangeSliders[data-value='25'] {
    left: 24.1957%
}

#container-trader .coin-trader .range .ionRangeSliders[data-value='50'] {
    left: 48.3915%
}

#container-trader .coin-trader .range .ionRangeSliders[data-value='75'] {
    left: 72.5872%
}

#container-trader .coin-trader .range .ionRangeSliders[data-value='100'] {
    right: 0
}

#container-trader .coin-trader .range .ionRangeSliders.active {
    background-color: #5b5b92
}

#container-trader .coin-trader .form .row {
    position: relative;
    margin-bottom: 5px
}

#container-trader .coin-trader .form .row.txt {
    height: 16px
}

#container-trader .coin-trader .form .row .name, #container-trader .coin-trader .form .row .unit {
    position: absolute;
    top: 50%;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

#container-trader .coin-trader .form .row .name {
    left: 0;
    color: #666;
    padding-left: 10px
}

#container-trader .coin-trader .form .row .unit {
    right: 0;
    color: #999;
    font-size: 9px
}

#container-trader .coin-trader .form .row .input-3 {
    font-weight: 700
}

#container-trader .coin-trader .form .row p {
    font-size: 8px
}

#container-trader .coin-trader .form .row .btn {
    width: 100%
}

#container-trader .top-box.active .coin-orders .coin-orders-bd .trader-table .row {
    height: 22px;
    line-height: 22px
}

#container-trader .top-box.active .coin-orders .coin-orders-bd .trader-body {
    height: 467px
}

#container-trader .top-box.active .coin-orders .coin-orders-bd .trader-body .showscroll {
    max-height: 220px
}

#container-trader .top-box.active .coin-orders .coin-orders-bd .trader-body .showscroll .ps-scrollbar-y-rail {
    opacity: 1
}

#container-trader .top-box.active .coin-orders .coin-orders-bd .trader-body.tobuy .showscroll, #container-trader .top-box.active .coin-orders .coin-orders-bd .trader-body.tosell .showscroll {
    max-height: 100%
}

#container-trader .btm-box.active {
    display: none
}

#container-trader .coin-orders {
    font-size: 10px;
    background-color: #fff;
    border: 1px solid #e8e8e8
}

#container-trader .coin-orders .coin-orders-hd {
    height: 20px;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #e8e8e8
}

#container-trader .coin-orders .coin-orders-hd h4 {
    float: left;
    color: #666;
    font-size: 13px
}

#container-trader .coin-orders .coin-orders-hd .btns {
    float: right;
    padding-top: 2px
}

#container-trader .coin-orders .coin-orders-hd .btns .btn {
    float: left;
    margin-left: 2px;
    padding-left: 3px;
    padding-right: 3px
}

#container-trader .coin-orders .coin-orders-hd .btns .trade-depth, #container-trader .coin-orders .coin-orders-hd .btns .trade-gear {
    float: left;
    width: 72px;
    margin-left: 2px
}

#container-trader .coin-orders .coin-orders-bd .trader-head {
    border-bottom: 1px solid #e8e8e8
}

#container-trader .coin-orders .coin-orders-bd .trader-body {
    position: relative;
    height: 224px;
    overflow: hidden;
    width: 100%
}

#container-trader .coin-orders .trader-table .row .col:nth-child(3) {
    padding-right: 10px
}

#container-trader .coin-orders .status-font {
    position: relative;
    padding-left: 35px
}

#container-trader .coin-orders .status-font small {
    position: absolute;
    left: 0;
    top: 50%;
    font-weight: 400;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

#container-trader .coin-orders .tobuy .coin-buy {
    bottom: 0;
    margin-bottom: 0;
    max-height: 100%
}

#container-trader .coin-orders .tobuy .coin-cur {
    height: 0;
    opacity: 0
}

#container-trader .coin-orders .tobuy .coin-sell {
    top: 100%
}

#container-trader .coin-orders .tosell .coin-buy {
    bottom: 100%
}

#container-trader .coin-orders .tosell .coin-cur {
    height: 0;
    opacity: 0
}

#container-trader .coin-orders .tosell .coin-sell {
    top: 0;
    margin-top: 0;
    max-height: 100%
}

#container-trader .coin-orders .coin-buy {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50%;
    margin-bottom: 12px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
    overflow: hidden
}

#container-trader .coin-orders .coin-buy .status-font {
    font-weight: 700
}

#container-trader .coin-orders .coin-buy .row {
    cursor: pointer
}

#container-trader .coin-orders .coin-buy .row:hover {
    background-color: #fff7e6
}

#container-trader .coin-orders .coin-buy .row:hover .progress {
    z-index: -1
}

#container-trader .coin-orders .coin-buy .ps-scrollbar-y-rail {
    opacity: 0;
    z-index: 3
}

#container-trader .coin-orders .coin-sell {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: 12px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
    overflow: hidden
}

#container-trader .coin-orders .coin-sell .status-font {
    font-weight: 700
}

#container-trader .coin-orders .coin-sell .row {
    cursor: pointer
}

#container-trader .coin-orders .coin-sell .row:hover {
    background-color: #fff7e6
}

#container-trader .coin-orders .coin-sell .row:hover .progress {
    z-index: -1
}

#container-trader .coin-orders .coin-sell .ps-scrollbar-y-rail {
    opacity: 0;
    z-index: 3
}

#container-trader .coin-orders .coin-cur {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    background-color: #f6f6f6;
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    margin-top: -12px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear
}

#container-trader .coin-orders .coin-cur .iconfont {
    font-size: 85%
}

#container-trader .coin-orders-history {
    font-size: 10px;
    background-color: #fff;
    border: 1px solid #e8e8e8
}

#container-trader .coin-orders-history .trader-head {
    border-bottom: 1px solid #e8e8e8
}

#container-trader .coin-orders-history .trader-body {
    height: 206px;
    overflow: hidden
}

#container-trader .coin-orders-history .row:nth-child(even) {
    background-color: #f8f8f8
}

#container-trader .coin-entrust {
    font-size: 10px
}

#container-trader .coin-entrust .coin-tab-hd ul {
    float: left;
    border: 1px solid #e2e2e2;
    border-bottom: none
}

#container-trader .coin-entrust .coin-tab-hd .getmore {
    float: left;
    margin-left: 30px;
    line-height: 16px;
    margin-top: 2px;
    color: #999
}

#container-trader .coin-entrust .coin-tab-hd .getmore .btn {
    margin-left: 10px;
    vertical-align: middle
}

#container-trader .coin-entrust .coin-tab-hd li {
    color: #666;
    font-weight: 400;
    width: auto;
    min-width: 70px;
    padding-left: 10px;
    padding-right: 10px
}

#container-trader .coin-entrust .coin-tab-hd li.active {
    background-color: #f8f8f8
}

#container-trader .coin-entrust .coin-tab-hd .btns {
    float: right;
    padding-top: 2px
}

#container-trader .coin-entrust .coin-tab-hd .btns .btn {
    float: left;
    margin-left: 5px
}

#container-trader .coin-entrust .trader-table {
    border: 1px solid #e8e8e8
}

#container-trader .coin-entrust .trader-table .trader-head {
    background-color: #f8f8f8;
    font-weight: 400
}

#container-trader .coin-entrust .trader-table .col {
    width: 8%;
    text-align: left
}

#container-trader .coin-entrust .trader-table .col:first-child {
    width: 15%;
    padding-left: 15px
}

#container-trader .coin-entrust .trader-table .col:last-child, #container-trader .coin-entrust .trader-table .col:nth-child(2) {
    width: 8%;
    text-align: center
}

#container-trader .coin-entrust .trader-table .col:nth-child(8) {
    width: 8%
}

#container-trader .coin-entrust .trader-table .col:nth-child(3), #container-trader .coin-entrust .trader-table .col:nth-child(5), #container-trader .coin-entrust .trader-table .col:nth-child(7) {
    width: 15%
}

#container-trader .coin-entrust .trader-table .col:last-child span {
    text-align: right
}

#container-trader .coin-entrust .trader-table.table_1 .col {
    width: 8%
}

#container-trader .coin-entrust .trader-table.table_1 .col:first-child {
    width: 15%;
    white-space: nowrap
}

#container-trader .coin-entrust .trader-table.table_1 .col:nth-child(2), #container-trader .coin-entrust .trader-table.table_1 .col:nth-child(8) {
    width: 8%
}

#container-trader .coin-entrust .trader-table.table_1 .col:nth-child(3), #container-trader .coin-entrust .trader-table.table_1 .col:nth-child(5), #container-trader .coin-entrust .trader-table.table_1 .col:nth-child(7) {
    width: 15%
}

#container-trader .coin-entrust .trader-table.table_1 .col:nth-child(7) {
    text-align: center
}

#container-trader .coin-entrust .trader-body {
    background-color: #fff
}

#container-trader .coin-entrust .trader-body .nodata {
    line-height: 50px;
    height: 50px
}

#container-trader .coin-entrust .trader-body .nodata .fa {
    margin-right: 5px
}

#container-trader .coin-entrust .trader-body .nodata a {
    color: red
}

#container-trader .coin-entrust .trader-body .nodata a:hover {
    text-decoration: underline
}

#container-trader .coin-entrust .trader-body .scrollbar {
    position: relative
}

@media screen and (min-width: 1200px) {
    #container-trader .trader-box {
        padding: 6.25px
    }

    #container-trader .coin-info {
        font-size: 15px
    }

    #container-trader .coin-info-top .img {
        margin-right: 8px
    }

    #container-trader .coin-info-top .name {
        margin-bottom: 4px
    }

    #container-trader .coin-info-top .name span:nth-child(2) {
        font-size: 10px
    }

    #container-trader .coin-info-top .name span:nth-child(3) {
        font-size: 9px
    }

    #container-trader .coin-info-top .price {
        font-size: 18px
    }

    #container-trader .coin-info-top .percent .tit {
        margin-right: 3px
    }

    #container-trader .coin-info-top .percent .status-bg {
        font-size: 11px;
        height: 24px;
        line-height: 24px
    }

    #container-trader .coin-info-top .coinsinfo {
        font-size: 12px
    }

    #container-trader .coin-info-bottom .item p:nth-child(1) {
        font-size: 12px;
        margin-bottom: 3px
    }

    #container-trader .coin-info-bottom .item p:nth-child(2) {
        font-size: 11px
    }

    #container-trader .coin-tab-hd li {
        height: 30px;
        line-height: 30px;
        font-size: 13px
    }

    #container-trader .coin-search input {
        height: 24px;
        line-height: 22px
    }

    #container-trader .coin-search button {
        width: 22px;
        height: 22px;
        line-height: 22px
    }

    #container-trader .trader-table .col {
        height: 24px;
        line-height: 24px
    }

    #container-trader .trader-table .col:first-child {
        white-space: nowrap
    }

    #container-trader .trader-table .col .img {
        width: 20px;
        height: 20px
    }

    #container-trader .trader-table .col .percent {
        height: 18px;
        line-height: 18px;
        margin-right: 2px
    }

    #container-trader .coin-items {
        font-size: 11px
    }

    #container-trader .coin-items .trader-head .row .col:first-child {
        padding-left: 34px
    }

    #container-trader .coin-items .trader-head .row .col:nth-child(2) {
        padding-left: 20px
    }

    #container-trader .coin-items .trader-head .row .col:last-child {
        padding-right: 35px;
        padding-left: 5px
    }

    #container-trader .coin-items .trader-head .row .col .sortico {
        width: 6px;
        margin-left: 4px
    }

    #container-trader .coin-items .trader-body {
        height: 331px
    }

    #container-trader .coin-chart {
        height: 317px
    }

    #container-trader .coin-trader {
        font-size: 12px;
        padding: 9px 10px
    }

    #container-trader .coin-trader .needlogin {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 12px
    }

    #container-trader .coin-trader .balance {
        line-height: 18px;
        height: 36px;
        margin-bottom: 16px;
        position: relative
    }

    #container-trader .coin-trader .balance .fl b {
        font-size: 14px
    }

    #container-trader .coin-trader .balance .fr {
        width: auto;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

    #container-trader .coin-trader .balance .fr .btn {
        margin-left: 5px
    }

    #container-trader .coin-trader .range {
        margin-bottom: 12px
    }

    #container-trader .coin-trader .range .ionRangeSliders {
        width: 8px;
        height: 8px;
        margin-top: -3px
    }

    #container-trader .coin-trader .form .row {
        margin-bottom: 6px
    }

    #container-trader .coin-trader .form .row .unit {
        font-size: 10px
    }

    #container-trader .coin-trader .form .row p {
        font-size: 11px
    }

    #container-trader .top-box.active .coin-orders .coin-orders-bd .trader-table .row {
        height: 25px;
        line-height: 25px
    }

    #container-trader .top-box.active .coin-orders .coin-orders-bd .trader-body {
        height: 519px
    }

    #container-trader .top-box.active .coin-orders .coin-orders-bd .trader-body .showscroll {
        max-height: 250px
    }

    #container-trader .coin-orders {
        font-size: 11px
    }

    #container-trader .coin-orders .coin-orders-hd {
        height: 24px;
        line-height: 24px
    }

    #container-trader .coin-orders .coin-orders-hd .btns .btn {
        margin-left: 3px;
        padding-left: 8px;
        padding-right: 8px
    }

    #container-trader .coin-orders .coin-orders-hd .btns .trade-depth, #container-trader .coin-orders .coin-orders-hd .btns .trade-gear {
        margin-left: 3px;
        width: 75px
    }

    #container-trader .coin-orders .coin-orders-bd .trader-body {
        height: 264px
    }

    #container-trader .coin-orders .status-font {
        padding-left: 35px
    }

    #container-trader .coin-orders .status-font small {
        padding-right: 5px
    }

    #container-trader .coin-orders-history {
        font-size: 11px
    }

    #container-trader .coin-orders-history .trader-body {
        height: 214px
    }

    #container-trader .coin-entrust {
        font-size: 11px
    }

    #container-trader .coin-entrust .coin-tab-hd .getmore {
        margin-top: 5px;
        line-height: 20px
    }

    #container-trader .coin-entrust .coin-tab-hd li {
        min-width: 95px
    }
}

@media screen and (min-width: 1366px) {
    #container-trader .trader-box {
        padding: 6.25px
    }

    #container-trader .coin-info {
        font-size: 17px
    }

    #container-trader .coin-info-top {
        padding: 15px
    }

    #container-trader .coin-info-top .img {
        width: 30px;
        height: 30px;
        margin-right: 10px
    }

    #container-trader .coin-info-top .name {
        height: 30px;
        line-height: 30px
    }

    #container-trader .coin-info-top .name span:nth-child(2) {
        font-size: 11px
    }

    #container-trader .coin-info-top .name span:nth-child(3) {
        font-size: 10px
    }

    #container-trader .coin-info-top .price {
        font-size: 20px;
        height: 30px;
        line-height: 30px
    }

    #container-trader .coin-info-top .percent .tit {
        display: block;
        margin-right: 5px
    }

    #container-trader .coin-info-top .percent .status-bg {
        font-size: 12px
    }

    #container-trader .coin-info-bottom .item {
        padding: 10px 5px
    }

    #container-trader .coin-tab-hd li {
        font-size: 14px;
        height: 30px;
        line-height: 30px
    }

    #container-trader .coin-search {
        padding: 10px 15px 15px
    }

    #container-trader .coin-search input {
        height: 30px;
        line-height: 28px;
        padding-left: 10px;
        padding-right: 10px
    }

    #container-trader .coin-search button {
        right: 16px;
        width: 28px;
        height: 28px;
        line-height: 28px
    }

    #container-trader .trader-table .col {
        height: 30px;
        line-height: 30px
    }

    #container-trader .trader-table .col:first-child {
        padding-left: 15px
    }

    #container-trader .trader-table .col:last-child {
        padding-right: 15px
    }

    #container-trader .trader-table .col .percent {
        height: 20px;
        line-height: 20px;
        margin-right: 7px
    }

    #container-trader .coin-items {
        font-size: 12px
    }

    #container-trader .coin-items .trader-table .col:first-child {
        width: 38%
    }

    #container-trader .coin-items .trader-table .col:nth-child(2) {
        width: 29%
    }

    #container-trader .coin-items .trader-table .col:last-child {
        width: 33%
    }

    #container-trader .coin-items .trader-head .row .col:first-child {
        padding-left: 34px
    }

    #container-trader .coin-items .trader-head .row .col:nth-child(2) {
        padding-left: 25px
    }

    #container-trader .coin-items .trader-head .row .col:last-child {
        padding-right: 30px
    }

    #container-trader .coin-items .trader-head .row .col .sortico {
        width: 7px;
        margin-left: 5px
    }

    #container-trader .coin-items .trader-body {
        height: 423px
    }

    #container-trader .coin-chart {
        height: 395px
    }

    #container-trader .coin-trader {
        font-size: 12px;
        padding: 8px 15px
    }

    #container-trader .coin-trader .needlogin {
        padding-bottom: 25px
    }

    #container-trader .coin-trader .balance {
        margin-bottom: 19px
    }

    #container-trader .coin-trader .range {
        margin-bottom: 11px
    }

    #container-trader .coin-trader .range .ionRangeSliders {
        width: 10px;
        height: 10px;
        margin-top: -4px
    }

    #container-trader .coin-trader .form .row {
        margin-bottom: 10px
    }

    #container-trader .coin-trader .form .row .unit {
        font-size: 12px
    }

    #container-trader .coin-trader .form .row .input-3 {
        font-size: 16px
    }

    #container-trader .coin-trader .form .row .name {
        font-size: 13px
    }

    #container-trader .coin-trader .form .row p {
        font-size: 11px;
        margin-top: -4px
    }

    #container-trader .top-box.active .coin-orders .coin-orders-bd .trader-table .row {
        height: 30px;
        line-height: 30px
    }

    #container-trader .top-box.active .coin-orders .coin-orders-bd .trader-body {
        height: 623px
    }

    #container-trader .top-box.active .coin-orders .coin-orders-bd .trader-body .showscroll {
        max-height: 300px
    }

    #container-trader .coin-orders {
        font-size: 12px
    }

    #container-trader .coin-orders .coin-orders-hd {
        height: 30px;
        line-height: 30px;
        padding-left: 15px;
        padding-right: 15px
    }

    #container-trader .coin-orders .coin-orders-hd .btns .btn {
        margin-left: 5px;
        padding-left: 5px;
        padding-right: 5px
    }

    #container-trader .coin-orders .coin-orders-hd .btns .trade-depth, #container-trader .coin-orders .coin-orders-hd .btns .trade-gear {
        width: 74px;
        margin-left: 5px
    }

    #container-trader .coin-orders .coin-orders-bd .trader-body {
        height: 330px
    }

    #container-trader .coin-orders .trader-table .row .col:nth-child(3) {
        padding-right: 15px
    }

    #container-trader .coin-orders .coin-buy {
        margin-bottom: 15px
    }

    #container-trader .coin-orders .coin-sell {
        margin-top: 15px
    }

    #container-trader .coin-orders .coin-cur {
        height: 30px;
        line-height: 30px;
        font-size: 17px;
        margin-top: -15px
    }

    #container-trader .coin-orders-history {
        font-size: 12px
    }

    #container-trader .coin-orders-history .trader-body {
        height: 247px
    }

    #container-trader .coin-entrust {
        font-size: 12px
    }

    #container-trader .coin-entrust .coin-tab-hd .getmore {
        margin-top: 3px;
        line-height: 24px
    }

    #container-trader .coin-entrust .coin-tab-hd li {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (min-width: 1580px) {
    #container-trader .coin-info {
        font-size: 20px
    }

    #container-trader .coin-info-top .img {
        width: 35px;
        height: 35px
    }

    #container-trader .coin-info-top .name {
        height: 35px;
        line-height: 35px;
        margin-bottom: 2px
    }

    #container-trader .coin-info-top .name span:nth-child(2) {
        font-size: 12px
    }

    #container-trader .coin-info-top .name span:nth-child(3) {
        font-size: 11px
    }

    #container-trader .coin-info-top .price {
        font-size: 25px;
        height: 33px;
        line-height: 33px
    }

    #container-trader .coin-info-top .percent .status-bg {
        font-size: 14px;
        height: 30px;
        line-height: 30px
    }

    #container-trader .coin-info-top .coinsinfo .oftype {
        padding-left: 5px;
        padding-right: 5px;
        height: 24px;
        line-height: 24px
    }

    #container-trader .coin-info-top .coinsinfo .infolink {
        padding-left: 6px;
        padding-right: 6px;
        height: 24px;
        line-height: 22px
    }

    #container-trader .coin-info-top .coinsinfo .infolink i {
        display: inline-block;
        margin-top: -3px
    }

    #container-trader .coin-info-bottom .item p:nth-child(1) {
        font-size: 14px;
        margin-bottom: 5px
    }

    #container-trader .coin-info-bottom .item p:nth-child(2) {
        font-size: 12px
    }

    #container-trader .trader-table .col .img {
        width: 24px;
        height: 24px;
        margin-right: 6px;
        vertical-align: middle
    }

    #container-trader .trader-table .col .percent {
        height: 24px;
        line-height: 24px
    }

    #container-trader .trader-table .col .percent .tit {
        margin-right: 5px;
        font-size: 13px
    }

    #container-trader .coin-items {
        font-size: 12px
    }

    #container-trader .coin-items .trader-table .col .newtip {
        width: 20px;
        height: 20px
    }

    #container-trader .coin-items .trader-head .row .col:first-child {
        padding-left: 45px
    }

    #container-trader .coin-items .trader-head .row .col:last-child {
        padding-right: 50px
    }

    #container-trader .coin-items .trader-head .row .up_down:before {
        top: 4px
    }

    #container-trader .coin-items .trader-head .row .up_down:after {
        bottom: 4px
    }

    #container-trader .coin-items .trader-body {
        height: 427px
    }

    #container-trader .coin-items .trader-body .row .col:first-child {
        font-size: 14px
    }

    #container-trader .coin-trader {
        font-size: 12px;
        padding: 12px 15px
    }

    #container-trader .coin-trader .needlogin {
        font-size: 14px
    }

    #container-trader .coin-trader .balance {
        line-height: 20px;
        height: 38px;
        padding-left: 30px;
        margin-bottom: 22px
    }

    #container-trader .coin-trader .balance:before {
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
        background: url(../images/wallet.svg) no-repeat center left;
        display: inline-block;
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        color: #666;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

    #container-trader .coin-trader .range {
        margin-bottom: 16px
    }

    #container-trader .coin-trader .form .row {
        margin-bottom: 8px
    }

    #container-trader .coin-trader .form .row .unit {
        font-size: 12px
    }

    #container-trader .top-box.active .coin-orders .coin-orders-bd .trader-table .row {
        height: 31px;
        line-height: 31px
    }

    #container-trader .top-box.active .coin-orders .coin-orders-bd .trader-body {
        height: 645px
    }

    #container-trader .top-box.active .coin-orders .coin-orders-bd .trader-body .showscroll {
        max-height: 310px
    }

    #container-trader .coin-orders {
        font-size: 12px
    }

    #container-trader .coin-orders .coin-orders-hd {
        height: 30px;
        line-height: 30px;
        padding-left: 15px;
        padding-right: 15px
    }

    #container-trader .coin-orders .coin-orders-hd .btns .btn {
        padding-left: 10px;
        padding-right: 10px
    }

    #container-trader .coin-orders .coin-orders-hd h4 {
        font-size: 14px
    }

    #container-trader .coin-orders .coin-orders-bd .trader-body {
        height: 330px
    }

    #container-trader .coin-orders .status-font {
        padding-left: 40px
    }

    #container-trader .coin-orders .status-font small {
        padding-right: 15px
    }

    #container-trader .coin-orders .coin-buy {
        margin-bottom: 15px
    }

    #container-trader .coin-orders .coin-sell {
        margin-top: 15px
    }

    #container-trader .coin-orders .coin-cur {
        height: 30px;
        line-height: 30px;
        font-size: 17px;
        margin-top: -15px
    }

    #container-trader .coin-orders-history {
        font-size: 12px
    }

    #container-trader .coin-orders-history .trader-body {
        height: 268px
    }

    #container-trader .coin-entrust {
        font-size: 12px
    }

    #container-trader .coin-entrust .coin-tab-hd li {
        padding-left: 15px;
        padding-right: 15px;
        min-width: 160px
    }

    #container-trader .coin-entrust .trader-table .col:first-child {
        padding-left: 45px
    }
}

@media screen and (min-width: 1680px) {
    #container-trader .coin-info {
        font-size: 24px
    }

    #container-trader .coin-info-top {
        padding: 20px
    }

    #container-trader .coin-info-top .img {
        width: 40px;
        height: 40px
    }

    #container-trader .coin-info-top .name {
        height: 40px;
        line-height: 40px;
        margin-bottom: 2px
    }

    #container-trader .coin-info-top .name span:nth-child(2) {
        font-size: 14px
    }

    #container-trader .coin-info-top .name span:nth-child(3) {
        font-size: 12px
    }

    #container-trader .coin-info-top .price {
        font-size: 30px;
        height: 40px;
        line-height: 40px
    }

    #container-trader .coin-info-top .percent .tit {
        font-size: 14px;
        margin-right: 8px
    }

    #container-trader .coin-info-top .percent .status-bg {
        font-size: 16px
    }

    #container-trader .coin-info-top .coinsinfo .oftype {
        padding-left: 6px;
        padding-right: 6px;
        height: 30px;
        line-height: 30px
    }

    #container-trader .coin-info-top .coinsinfo .infolink {
        padding-left: 8px;
        padding-right: 8px;
        height: 30px;
        line-height: 28px
    }

    #container-trader .coin-info-bottom .item {
        padding: 10px 10px
    }

    #container-trader .coin-info-bottom .item p:nth-child(1) {
        font-size: 16px;
        margin-bottom: 5px
    }

    #container-trader .coin-info-bottom .item p:nth-child(2) {
        font-size: 13px
    }

    #container-trader .coin-tab-hd li {
        font-size: 16px;
        height: 40px;
        line-height: 40px
    }

    #container-trader .coin-search input {
        height: 36px;
        line-height: 34px
    }

    #container-trader .coin-search button {
        width: 36px;
        height: 36px;
        line-height: 36px
    }

    #container-trader .trader-table .col {
        height: 36px;
        line-height: 36px;
        padding-left: 5px;
        padding-right: 5px
    }

    #container-trader .trader-table .col .img {
        width: 28px;
        height: 28px;
        margin-right: 10px
    }

    #container-trader .trader-table .col .percent {
        height: 26px;
        line-height: 26px;
        min-width: 69px;
        margin-right: 10px
    }

    #container-trader .coin-items {
        font-size: 14px
    }

    #container-trader .coin-items .trader-head .row .col:first-child {
        padding-left: 45px
    }

    #container-trader .coin-items .trader-head .row .col:last-child {
        padding-right: 55px
    }

    #container-trader .coin-items .trader-head .row .up_down:before {
        top: 5px
    }

    #container-trader .coin-items .trader-head .row .up_down:after {
        bottom: 5px
    }

    #container-trader .coin-items .trader-body {
        height: 509px
    }

    #container-trader .coin-items .trader-body .row .col:first-child {
        font-size: 16px
    }

    #container-trader .coin-chart {
        height: 487px
    }

    #container-trader .coin-trader {
        font-size: 14px;
        padding: 15px 15px 12px
    }

    #container-trader .coin-trader .balance {
        padding-left: 40px;
        height: 40px;
        margin-bottom: 19px
    }

    #container-trader .coin-trader .balance:before {
        width: 26px;
        height: 26px;
        background-size: 26px 26px
    }

    #container-trader .coin-trader .balance .fl b {
        font-size: 16px
    }

    #container-trader .coin-trader .needlogin {
        padding-bottom: 28px
    }

    #container-trader .coin-trader .txt {
        margin-bottom: 8px
    }

    #container-trader .coin-trader .form .row .name {
        font-size: 16px
    }

    #container-trader .coin-trader .form .row .unit {
        font-size: 14px
    }

    #container-trader .coin-trader .form .row p {
        font-size: 12px
    }

    #container-trader .top-box.active .coin-orders .coin-orders-bd .trader-table .row {
        height: 36px;
        line-height: 36px
    }

    #container-trader .top-box.active .coin-orders .coin-orders-bd .trader-body {
        height: 754px
    }

    #container-trader .top-box.active .coin-orders .coin-orders-bd .trader-body .showscroll {
        max-height: 360px
    }

    #container-trader .coin-orders {
        font-size: 14px
    }

    #container-trader .coin-orders .coin-orders-hd {
        height: 38px;
        line-height: 38px
    }

    #container-trader .coin-orders .coin-orders-hd .btns {
        padding-top: 4px
    }

    #container-trader .coin-orders .coin-orders-hd .btns .trade-depth, #container-trader .coin-orders .coin-orders-hd .btns .trade-gear {
        width: 90px
    }

    #container-trader .coin-orders .coin-orders-hd h4 {
        font-size: 16px
    }

    #container-trader .coin-orders .status-font {
        padding-left: 40px
    }

    #container-trader .coin-orders .coin-orders-bd .trader-body {
        height: 406px
    }

    #container-trader .coin-orders .coin-buy {
        margin-bottom: 23px
    }

    #container-trader .coin-orders .coin-sell {
        margin-top: 23px
    }

    #container-trader .coin-orders .coin-cur {
        height: 46px;
        line-height: 46px;
        font-size: 24px;
        margin-top: -23px
    }

    #container-trader .coin-orders-history {
        font-size: 14px
    }

    #container-trader .coin-orders-history .trader-body {
        height: 296px
    }

    #container-trader .coin-entrust {
        font-size: 14px
    }

    #container-trader .coin-entrust .coin-tab-hd .getmore {
        margin-top: 5px;
        line-height: 30px
    }

    #container-trader .coin-entrust .coin-tab-hd li {
        padding-left: 20px;
        padding-right: 20px
    }
}

.trade-depth, .trade-gear {
    position: relative;
    border: 1px solid #d1d1d1;
    border-radius: 20px;
    height: 14px;
    line-height: 12px;
    background-color: #f8f8f8;
    vertical-align: top
}

.trade-depth::before, .trade-gear::before {
    content: "";
    display: block;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translate(0, -50%);
    border-top: 3px solid #999;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent
}

.trade-depth select, .trade-gear select {
    color: #666;
    font-size: 9px;
    padding-left: 8px;
    padding-right: 12px
}

.trade-depth .select2-container--theme5.select2-container, .trade-depth select, .trade-gear .select2-container--theme5.select2-container, .trade-gear select {
    position: absolute;
    background-color: transparent;
    top: -3px;
    left: 0;
    right: 0;
    bottom: 0;
    border-color: transparent
}

.trade-depth .select2-container--theme5.select2-container.select2-container--open, .trade-gear .select2-container--theme5.select2-container.select2-container--open {
    background-color: #434579;
    border-color: #434579
}

@media screen and (min-width: 1200px) {
    #container-trader .coin-orders .coin-orders-hd .btns {
        padding-top: 3px
    }

    .trade-depth, .trade-gear {
        height: 18px;
        line-height: 16px
    }

    .trade-depth select, .trade-gear select {
        font-size: 10px
    }

    .trade-depth .select2-container--theme5.select2-container, .trade-depth select, .trade-gear .select2-container--theme5.select2-container, .trade-gear select {
        line-height: 16px
    }
}

@media screen and (min-width: 1366px) {
    .trade-depth, .trade-gear {
        height: 22px;
        line-height: 20px
    }

    .trade-depth select, .trade-gear select {
        font-size: 12px
    }

    .trade-depth .select2-container--theme5.select2-container, .trade-depth select, .trade-gear .select2-container--theme5.select2-container, .trade-gear select {
        line-height: 20px
    }
}

@media screen and (min-width: 1525px) {
    #container-trader .coin-chart .tv-perfessional {
        right: 95px
    }
}

@media screen and (max-width: 1366px) {
    .chart-page .header-chart-panel .group .button, .chart-page .tv-side-toolbar .group .button {
        padding-left: 5px;
        padding-right: 5px
    }
}

@media screen and (min-width: 1680px) {
    .trade-depth, .trade-gear {
        height: 28px;
        line-height: 26px
    }

    .trade-depth::before, .trade-gear::before {
        right: 11px
    }

    .trade-depth select, .trade-gear select {
        font-size: 14px;
        padding-left: 10px;
        padding-right: 15px
    }
}

.market-list-title {
    line-height: 30px;
    border-bottom: 1px solid #e8e8e8;
    background-color: #eeeeef;
    padding-left: 45px;
    padding-right: 55px
}

.market-list-title .market-txt {
    float: left;
    font-weight: 700
}

.market-list-title .market-icon {
    position: relative;
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/market-icon.png) no-repeat center;
    background-size: 100%;
    cursor: pointer;
    margin-top: 7px;
    margin-left: 6px
}

.market-list-title .market-icon:hover .market-tip {
    display: block
}

.market-list-title .market-down-btn, .market-list-title .market-up-btn {
    float: right;
    cursor: pointer;
    color: #b6b6b6
}

.market-list-title .market-down-btn:hover, .market-list-title .market-up-btn:hover {
    color: #767676
}

.market-list-title .market-down-btn {
    display: none
}

.market-list-md {
    height: 10px
}

.market-tip {
    display: none;
    position: absolute;
    font-size: 13px;
    z-index: 4;
    width: 190px;
    top: 50%;
    left: 180%;
    transform: translate(0, -50%);
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    padding: 11px 15px
}

.market-tip::before {
    position: absolute;
    top: 50%;
    left: -7px;
    transform: translate(0, -50%) rotate(-45deg);
    content: '';
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5
}

.market-tip .tit {
    color: #303030;
    line-height: 16px;
    padding-bottom: 4px
}

.market-tip .market-txt2 {
    color: #acaaaa;
    line-height: 15px
}

.enstyle .market-tip {
    width: 220px
}

#container-trader2 .coin-orders .select2-container--theme1 .select2-selection--single {
    height: 24px;
    line-height: 24px;
    border: 0
}

#container-trader2 .trade-depth, #container-trader2 .trade-gear {
    line-height: 26px;
    height: 26px;
    border-color: #424578;
    background-color: #2a2b4a
}

#container-trader2 .trade-depth::before, #container-trader2 .trade-gear::before {
    border-top-color: #ffcb2f
}

#container-trader2 .trade-depth select, #container-trader2 .trade-gear select {
    color: #62659a;
    background-color: #2a2b4a
}

.tradebody .select2-container.select2-container--theme1.select2-container--open .select2-dropdown--below {
    width: 103px !important
}

.tradebody .select2-container.select2-container--default.select2-container--open .select2-dropdown--below {
    width: 280px !important
}

.enstyle.tradebody .select2-container.select2-container--theme1.select2-container--open .select2-dropdown--below {
    width: 98px !important
}

.enstyle.tradebody .select2-container.select2-container--default.select2-container--open .select2-dropdown--below {
    width: 280px !important
}

@media (max-width: 1480px) {
    .enstyle.tradebody .select2-container.select2-container--theme1.select2-container--open .select2-dropdown--below {
        width: 88px !important
    }

    .enstyle.tradebody .select2-container.select2-container--open .select2-dropdown--below {
        width: 280px !important
    }
}

@media (max-width: 1400px) {
    .tradebody .select2-container.select2-container--theme1.select2-container--open .select2-dropdown--below {
        width: 88px !important
    }

    .tradebody .select2-container.select2-container--open .select2-dropdown--below {
        width: 280px !important
    }
}

.scrollbar {
    overflow: hidden
}

#container-trader2 {
    height: 100%;
    height: calc(100vh - 50px);
    height: -webkit-calc(100vh - 50px);
    height: -moz-calc(100vh - 50px);
    background-color: #1d1c2f;
    color: #fff;
    font-size: 12px;
    overflow: hidden
}

#container-trader2 .wrapper-top {
    height: calc(100vh - 350px);
    height: -webkit-calc(100vh - 350px);
    height: -moz-calc(100vh - 350px)
}

#container-trader2 .wrapper-bottom {
    height: 300px;
    border-top: 1px solid #2a2a46
}

#container-trader2 .wrapper-left {
    float: left;
    width: 65%;
    height: 100%;
    background-color: #1d1d33
}

#container-trader2 .wrapper-right {
    float: left;
    width: 35%;
    height: 100%;
    border-left: 1px solid #2a2a46
}

#container-trader2 .wrapper-left2 {
    float: left;
    width: 50%;
    height: 100%
}

#container-trader2 .select2-container--theme1 {
    vertical-align: top
}

#container-trader2 .select2-container--theme1 .select2-selection--single {
    border-color: #424578;
    color: #62659a;
    font-size: 12px;
    height: 28px;
    line-height: 26px;
    background-color: #2a2b4a
}

#container-trader2 .select2-container--theme1 .select2-selection--single .select2-selection__arrow {
    border-top-color: #ffcb2f
}

#container-trader2 .select2-container--theme1 .select2-selection__rendered {
    padding-left: 5px;
    padding-right: 15px
}

#container-trader2 .select2-container--theme1 .select2-container--theme1 .select2-results__option {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

#container-trader2 .coin-tab-hd li {
    float: left;
    width: 33.3333333%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    border-left: 1px solid #f3f3f3;
    background-color: #fff;
    color: #333
}

#container-trader2 .coin-tab-hd li .iconfont {
    color: inherit
}

#container-trader2 .coin-tab-hd li:first-child {
    border-left: none
}

#container-trader2 .coin-tab-hd li.active {
    position: relative;
    background-color: transparent
}

#container-trader2 .coin-tab-hd li.active:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #696969
}

#container-trader2 .coin-orders {
    position: relative;
    font-size: 12px;
    height: 100%;
    padding-top: 40px
}

#container-trader2 .coin-orders .coin-orders-hd {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #272743
}

#container-trader2 .coin-orders .coin-orders-hd h4 {
    float: left
}

#container-trader2 .coin-orders .coin-orders-hd .btns {
    float: right;
    padding-top: 2px
}

#container-trader2 .coin-orders .coin-orders-hd .btns .btn {
    float: left;
    margin-left: 5px;
    min-width: 26px;
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px
}

#container-trader2 .coin-orders .coin-orders-hd .btns .btn:first-child {
    margin-left: 0
}

#container-trader2 .coin-orders .coin-orders-hd .btns .trade-depth {
    float: right;
    width: 105px;
    line-height: 28px
}

#container-trader2 .coin-orders .coin-orders-hd .btns .trade-depth select {
    opacity: 0
}

#container-trader2 .coin-orders .coin-orders-hd .btns .trade-depth .select2-container--theme1 .select2-selection--single {
    border-radius: 14px
}

#container-trader2 .coin-orders .coin-orders-bd .trader-head {
    background-color: #212138
}

#container-trader2 .coin-orders .coin-orders-bd .trader-body {
    position: relative;
    overflow: hidden
}

#container-trader2 .coin-orders .tobuy .coin-buy {
    top: 0;
    margin-top: 0
}

#container-trader2 .coin-orders .tobuy .coin-cur {
    height: 0;
    opacity: 0
}

#container-trader2 .coin-orders .tobuy .coin-sell {
    bottom: 100%;
    margin-bottom: 0
}

#container-trader2 .coin-orders .tosell .coin-buy {
    top: 100%;
    margin-top: 0
}

#container-trader2 .coin-orders .tosell .coin-cur {
    height: 0;
    opacity: 0
}

#container-trader2 .coin-orders .tosell .coin-sell {
    bottom: 0;
    margin-bottom: 0
}

#container-trader2 .coin-orders .coin-sell {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50%;
    margin-top: 0;
    margin-bottom: 18px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear
}

#container-trader2 .coin-orders .coin-buy {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: 18px;
    margin-bottom: 0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear
}

#container-trader2 .coin-orders .coin-cur {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    background-color: #f6f6f6;
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    margin-top: -12px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    overflow: hidden;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear
}

#container-trader2 .coin-orders .coin-cur .iconfont {
    font-size: 75%
}

#container-trader2 .nodataBox a {
    color: #ee5030
}

#container-trader2 .nodataBox a:hover {
    text-decoration: underline
}

#container-trader2 .no-data {
    color: #5f6093;
    font-size: 12px
}

.m-btn-5 {
    color: #5f6093;
    background: 0 0;
    border: 1px solid #38395f
}

.m-btn-5.active {
    color: #fff;
    background-color: #424578
}

#container-trader2 .coin-orders .coin-orders-bd .trader-table {
    position: relative
}

#container-trader2 .coin-orders .coin-orders-bd .trader-table .trader-head {
    position: relative;
    z-index: 2;
    line-height: 40px
}

#container-trader2 .coin-orders .coin-orders-bd .trader-table .trader-body {
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    height: auto !important
}

#container-trader2 .coin-chart {
    position: relative
}

#container-trader2 .coin-chart .chart-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #1a192b;
    z-index: 3
}

#container-trader2 .coin-chart .tv-perfessional {
    position: absolute;
    top: 15px;
    right: 35px;
    display: block;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    border-radius: 15px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #38395f;
    color: #fff;
    background-color: #1a192b;
    margin-top: -12px
}

#container-trader2 .coin-chart .tv-perfessional:hover {
    background-color: #38395f;
    color: #fff
}

#container-trader2 .coin-chart .tv-perfessional span {
    float: left
}

#container-trader2 .coin-chart .tv-perfessional i {
    float: left;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -2px
}

#container-trader2 .coin-chart .tv-perfessional i img {
    width: 100%;
    height: 100%
}

#container-trader2 .m-wtop {
    overflow: hidden
}

#container-trader2 .m-wtop .wrapper-left2 .coin-orders-hd .btns {
    float: none;
    padding-top: 7px
}

#container-trader2 .m-wtop .wrapper-left2 .coin-orders-hd .btns .btn:last-child {
    float: right
}

#container-trader2 .m-wtop .wrapper-left2 .coin-orders-bd {
    height: 100%
}

#container-trader2 .m-wtop .trader-table {
    height: 100%
}

#container-trader2 .m-wtop .trader-table .trader-head {
    color: #5c5d8f
}

#container-trader2 .m-wtop .trader-table .row .col {
    float: left;
    width: 33.3333%;
    text-align: right
}

#container-trader2 .m-wtop .trader-table .row .col:first-child {
    text-align: left;
    padding-left: 3%;
    width: 34%
}

#container-trader2 .m-wtop .trader-table .row .col:nth-child(2) {
    width: 29%
}

#container-trader2 .m-wtop .trader-table .row .col:nth-child(3) {
    width: 37%;
    text-align: right;
    padding-right: 3%
}

#container-trader2 .m-wtop .trader-table .trader-body {
    height: 100%
}

#container-trader2 .m-wtop .trader-table .trader-body .row:hover {
    background-color: #272743
}

#container-trader2 .m-wtop .trader-table .trader-body .row:hover .progress {
    display: none
}

#container-trader2 .m-wtop .trader-table .trader-body .coin-item .row {
    color: #fff;
    font-size: 12px;
    line-height: 19px;
    margin-bottom: 1px;
    position: relative;
    cursor: pointer
}

#container-trader2 .m-wtop .trader-table .trader-body .coin-item .row .progress {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0
}

#container-trader2 .m-wtop .trader-table .trader-body .coin-buy .status-font {
    color: #32ad5d
}

#container-trader2 .m-wtop .trader-table .trader-body .coin-buy .progress {
    background-color: #23323f
}

#container-trader2 .m-wtop .trader-table .trader-body .coin-sell .status-font {
    color: #ee5030
}

#container-trader2 .m-wtop .trader-table .trader-body .coin-sell .progress {
    background-color: #352639
}

#container-trader2 .m-wtop .trader-table .trader-body .coin-cur {
    height: 32px;
    line-height: 32px;
    margin-top: -16px;
    font-size: 22px;
    color: #ee5030;
    font-weight: 700;
    background-color: #23233d;
    border-color: #23233d
}

#container-trader2 .m-wtop .trader-table .trader-body.tobuy .coin-buy {
    top: 0;
    margin-top: 0
}

#container-trader2 .m-wtop .trader-table .trader-body.tobuy .coin-cur {
    height: 0;
    opacity: 0
}

#container-trader2 .m-wtop .trader-table .trader-body.tobuy .coin-sell {
    bottom: 100%
}

#container-trader2 .m-wtop .trader-table .trader-body.tosell .coin-buy {
    top: 100%
}

#container-trader2 .m-wtop .trader-table .trader-body.tosell .coin-cur {
    height: 0;
    opacity: 0
}

#container-trader2 .m-wtop .trader-table .trader-body.tosell .coin-sell {
    bottom: 0;
    margin-bottom: 0
}

#container-trader2 .m-wtop .trader-table1 .trader-head {
    font-size: 11px;
    line-height: 20px
}

#container-trader2 .m-wtop .trader-table2 {
    border-left: 1px solid #2c2c48;
    padding-top: 40px;
    position: relative
}

#container-trader2 .m-wtop .trader-table2 .trader-head {
    font-size: 13px;
    line-height: 40px;
    width: 100%;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0
}

#container-trader2 .m-wtop .trader-table2 .trader-head .row {
    background-color: #23233d
}

#container-trader2 .m-wtop .trader-table2 .trader-body {
    background-color: #2c2c48;
    position: relative
}

#container-trader2 .m-wtop .trader-table2 .trader-body .scrollbar {
    height: 100%;
    position: relative
}

#container-trader2 .m-wtop .trader-table2 .trader-body .row {
    font-size: 12px;
    line-height: 19px;
    color: #fff;
    background-color: #1d1d33;
    margin-bottom: 1px
}

#container-trader2 .m-wtop .trader-table2 .trader-body .m-buy .priceColor {
    color: #ee5030
}

#container-trader2 .m-wtop .trader-table2 .trader-body .m-sell .priceColor {
    color: #32ad5d
}

#container-trader2 .trader-box .coin-tab-hd {
    background-color: #1d1d33
}

#container-trader2 .trader-box .coin-tab-hd .ltabMenu {
    float: left;
    text-transform: capitalize
}

#container-trader2 .trader-box .coin-tab-hd .ltabMenu ul li {
    float: left;
    line-height: 40px;
    font-size: 12px;
    color: #fff;
    height: 40px;
    background-color: #23233d;
    margin-right: 1px;
    border-left: none;
    width: 100px;
    text-align: center;
    padding: 0 5px
}

#container-trader2 .trader-box .coin-tab-hd .ltabMenu ul li:before {
    background-color: #2a2a46
}

#container-trader2 .trader-box .coin-tab-hd .ltabMenu ul li.active {
    background-color: #2a2b4a
}

#container-trader2 .trader-box .coin-tab-hd .btns {
    float: right;
    padding-top: 8px;
    padding-right: 5px
}

#container-trader2 .trader-box .coin-tab-hd .btns .btn {
    margin: 0 1px
}

#container-trader2 .trader-box .coin-tab-hd .btns .btn.hbuy, #container-trader2 .trader-box .coin-tab-hd .btns .btn.hsell {
    padding-left: 20px;
    position: relative
}

#container-trader2 .trader-box .coin-tab-hd .btns .btn.hbuy:before, #container-trader2 .trader-box .coin-tab-hd .btns .btn.hsell:before {
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    margin-left: -3px;
    border-radius: 50%;
    overflow: hidden
}

#container-trader2 .trader-box .coin-tab-hd .btns .btn.hsell:before {
    background-color: #d05438
}

#container-trader2 .trader-box .coin-tab-hd .btns .btn.hbuy:before {
    background-color: #4d9857
}

#container-trader2 .trader-box .coin-tab-bd #isEmpty1, #container-trader2 .trader-box .coin-tab-bd #isEmpty2, #container-trader2 .trader-box .coin-tab-bd #isEmpty3 {
    display: none
}

#container-trader2 .trader-box .trader-head {
    background-color: #2a2b4a;
    color: #5f6093
}

#container-trader2 .trader-box .trader-head .batch-operation {
    display: block;
    width: 80px;
    height: 24px;
    line-height: 24px;
    margin-top: 3px;
    text-align: center;
    border-radius: 1000px;
    cursor: pointer
}

#container-trader2 .trader-box .trader-body {
    color: #fff
}

#container-trader2 .trader-box .row {
    border-bottom: 1px solid #2c2c48;
    position: relative
}

#container-trader2 .trader-box .row:before {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    overflow: hidden;
    margin-top: -3px
}

#container-trader2 .trader-box .row.status-up:before {
    background-color: #d05438
}

#container-trader2 .trader-box .row.status-down:before {
    background-color: #4d9857
}

#container-trader2 .trader-box .row .col {
    float: left;
    width: 11% !important;
    padding: 0 4px 0 10px;
    font-size: 12px;
    line-height: 30px;
    min-height: 1px
}

#container-trader2 .trader-box .row .col:nth-child(2) {
    width: 11% !important
}

#container-trader2 .trader-box .row .col:nth-child(3), #container-trader2 .trader-box .row .col:nth-child(4) {
    width: 11% !important
}

#container-trader2 .trader-box .row .col:nth-child(5) {
    padding-left: 0;
    padding-right: 0;
    width: 16% !important;
    position: relative
}

#container-trader2 .trader-box .row .col:nth-child(5) span:first-child {
    padding-right: 5px;
    padding-left: 5px
}

#container-trader2 .trader-box .row .col:nth-child(5) span:last-child {
    padding-left: 5px;
    padding-right: 5px
}

#container-trader2 .trader-box .row .col:nth-child(6) {
    width: 15% !important;
    white-space: nowrap
}

#container-trader2 .trader-box .row .col:nth-child(7) {
    width: 15% !important;
    text-align: right
}

#container-trader2 .trader-box .row .col:last-child {
    text-align: right
}

#container-trader2 .trader-box .row .col.status, #container-trader2 .trader-box .row .col:nth-last-child(2) {
    text-align: right
}

#container-trader2 .coin-entrust .trader-body .scrollbar {
    position: relative;
    max-height: 239px;
    overflow: hidden
}

#container-trader2 .coin-entrust .trader-body .nodataBox {
    text-align: center
}

#container-trader2 .coin-entrust .trader-body .nodata {
    line-height: 50px;
    height: 50px;
    display: inline-block;
    font-size: 13px;
    color: #5f6093;
    padding: 0 30px;
    margin: 10px 0
}

#container-trader2 .coin-entrust .trader-body .nodata a {
    color: #ee5030
}

#container-trader2 .coin-entrust .trader-body .nodata .icon-jilu {
    margin-right: 10px
}

#container-trader2 .trader-box-parent {
    background-color: #23233d;
    position: relative;
    height: 100%
}

#container-trader2 .trader-box-parent .trader-box {
    float: left;
    width: 50%;
    padding: 7px 10px 10px
}

#container-trader2 .trader-box-parent .trader-box .m-input-style1 {
    font-weight: 700
}

#container-trader2 .trader-box-parent .trader-box .balance {
    padding-bottom: 20px;
    line-height: 18px
}

#container-trader2 .trader-box-parent .trader-box .balance.nologin {
    display: none
}

#container-trader2 .trader-box-parent .trader-box .balance span {
    color: #9091b3;
    font-size: 12px;
    display: block
}

#container-trader2 .trader-box-parent .trader-box .balance span.color1 {
    color: #279e51
}

#container-trader2 .trader-box-parent .trader-box .balance span.color2 {
    color: #e24a2b
}

#container-trader2 .trader-box-parent .trader-box .balance span:nth-of-type(2) {
    width: 100%
}

#container-trader2 .trader-box-parent .trader-box .balance span:nth-of-type(2) .btn {
    vertical-align: middle;
    margin-left: 2px
}

#container-trader2 .trader-box-parent .trader-box .balance span em {
    font-size: 13px;
    margin-left: 5px
}

#container-trader2 .trader-box-parent .trader-box .balance .btn {
    font-size: 12px
}

#container-trader2 .trader-box-parent .trader-box .balance .fr {
    line-height: 36px
}

#container-trader2 .trader-box-parent .trader-box .balance .fr span {
    display: inline-block
}

#container-trader2 .trader-box-parent .trader-box .balance .fr > a {
    vertical-align: middle;
    margin-top: -2px
}

#container-trader2 .trader-box-parent .trader-box:before {
    position: absolute;
    content: "";
    display: block;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #2a2a46
}

#container-trader2 .trader-box-parent .trader-box .row {
    border-bottom: 0
}

#container-trader2 .trader-box-parent .needlogin {
    font-size: 13px;
    color: #5f6093;
    line-height: 64px
}

#container-trader2 .trader-box-parent .needlogin a {
    color: #ee5030
}

#container-trader2 .coin-trader .irs-line {
    background-color: #363860
}

#container-trader2 .coin-trader .range {
    margin-bottom: 15px;
    position: relative;
    height: 2px
}

#container-trader2 .coin-trader .range.nologin {
    display: none
}

#container-trader2 .coin-trader .range .ionRangeSliders {
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    margin-top: -4px;
    border-radius: 50%;
    background-color: #363860;
    z-index: 3
}

#container-trader2 .coin-trader .range .ionRangeSliders[data-value='0'] {
    left: 0
}

#container-trader2 .coin-trader .range .ionRangeSliders[data-value='25'] {
    left: 24.1957%
}

#container-trader2 .coin-trader .range .ionRangeSliders[data-value='50'] {
    left: 48.3915%
}

#container-trader2 .coin-trader .range .ionRangeSliders[data-value='75'] {
    left: 72.5872%
}

#container-trader2 .coin-trader .range .ionRangeSliders[data-value='100'] {
    right: 0
}

#container-trader2 .coin-trader .range .ionRangeSliders.active {
    background-color: #62659a
}

#container-trader2 .form .row {
    margin-bottom: 8px;
    position: relative;
    border-bottom: 1px solid #2c2c48
}

#container-trader2 .form .row .name, #container-trader2 .form .row .unit {
    position: absolute;
    top: 50%;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

#container-trader2 .form .row .name {
    left: 0;
    font-size: 14px;
    color: #fff
}

#container-trader2 .form .row .unit {
    right: 0;
    font-size: 12px;
    color: #5f6093
}

#container-trader2 .form .row p {
    font-size: 11px;
    color: #5f6093;
    line-height: 20px
}

#container-trader2 .form .row p span {
    font-size: 10px
}

#container-trader2 .form .btn-10, #container-trader2 .form .btn-11 {
    width: 100%
}

.m-input-style1 {
    background-color: #2a2b4a;
    border-color: #424578;
    color: #fff;
    font-size: 14px;
    height: 36px;
    line-height: 34px
}

.tradeHnav {
    float: left
}

.quick-market {
    position: relative;
    float: left;
    margin: 0 0 0 15px
}

.quick-market:hover {
    background-color: #3d406b
}

.quick-market:hover .marketContent {
    display: block
}

.quick-market .menubox {
    height: 50px;
    line-height: 50px;
    overflow: hidden
}

.quick-market .menubox ul li {
    float: left;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    min-width: 139px;
    padding: 0 3px;
    text-align: center
}

.quick-market .menubox ul li small {
    display: inline-block;
    margin-right: 3px
}

.quick-market .menubox ul li .icon {
    width: 14px;
    display: inline-block
}

.quick-market .menubox ul li .icon img {
    vertical-align: middle;
    margin-top: -4px
}

.quick-market .menubox ul li.active {
    background-color: #292a47
}

.quick-market .marketContent {
    position: absolute;
    top: 100%;
    left: 0;
    width: 580px;
    z-index: 3;
    display: none
}

.quick-market .marketContent .topbox {
    background-color: #292a47;
    padding: 6px 10px
}

.quick-market .marketContent .topbox .btns {
    float: left
}

.quick-market .marketContent .topbox .btns .btn {
    display: block;
    float: left;
    color: #fff;
    font-size: 13px;
    margin: 0 6px;
    padding: 0 3px;
    min-width: 60px;
    height: 24px;
    line-height: 22px
}

.quick-market .marketContent .rSearch {
    float: right;
    position: relative
}

.quick-market .marketContent .rSearch .m-input-style1 {
    border-style: none;
    line-height: 22px;
    height: 24px;
    padding: 0 10px;
    font-size: 12px;
    border: 1px solid #3b3c63;
    border-radius: 2px;
    width: 220px;
    padding-right: 33px;
    color: #5f6093
}

.quick-market .marketContent .rSearch .m-input-style1:focus {
    border-color: #6d71ab;
    background-color: #272845
}

.quick-market .marketContent .rSearch .m-input-style1::-webkit-input-placeholder {
    color: #5f6093
}

.quick-market .marketContent .rSearch .m-input-style1::-moz-placeholder {
    color: #5f6093
}

.quick-market .marketContent .rSearch .m-input-style1:-ms-input-placeholder {
    color: #5f6093
}

.quick-market .marketContent .rSearch .iconSearch {
    position: absolute;
    right: 0;
    top: 1px;
    line-height: 24px;
    width: 30px;
    text-align: center;
    color: #fff
}

.quick-market .marketContent .rSearch .iconSearch .iconfont {
    font-size: 120%
}

.quick-market .marketContent .mainbox {
    background-color: #212139
}

.quick-market .marketContent .mainbox .row {
    float: left;
    width: 25%;
    text-align: center
}

.quick-market .marketContent .mainbox .row:nth-of-type(1) {
    text-align: left;
    padding-left: 20px
}

.quick-market .marketContent .mainbox .tnav {
    color: #5c5d8e;
    font-size: 12px;
    line-height: 32px;
    padding-right: 50px;
    border-bottom: 1px solid #292840
}

.quick-market .marketContent .mainbox .tnav span.icon {
    display: inline-block;
    margin-left: 5px;
    margin-bottom: -5px
}

.quick-market .marketContent .mainbox .tnav span.icon i {
    display: block;
    margin: 2px 0
}

.quick-market .marketContent .mainbox .tnav span.icon i img {
    display: block
}

.quick-market .marketContent .mainbox .tbodybox {
    position: relative
}

.quick-market .marketContent .mainbox .tbodybox .scrollbar {
    height: 355px;
    overflow: hidden;
    position: relative
}

.quick-market .marketContent .mainbox .tbodybox .trbox {
    border-bottom: 1px solid #292840;
    padding: 4px 0;
    line-height: 20px;
    color: #fff;
    font-size: 13px;
    padding-right: 50px;
    position: relative;
    cursor: pointer
}

.quick-market .marketContent .mainbox .tbodybox .trbox:Hover {
    background-color: #292a47
}

.quick-market .marketContent .mainbox .tbodybox .trbox .icon-collection {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 50px;
    text-align: center;
    cursor: pointer
}

.quick-market .marketContent .mainbox .tbodybox .trbox.tr-up .price {
    color: #ee5030
}

.quick-market .marketContent .mainbox .tbodybox .trbox.tr-up .increase span {
    background-color: #ee5030
}

.quick-market .marketContent .mainbox .tbodybox .trbox.tr-down .price {
    color: #32ad5d
}

.quick-market .marketContent .mainbox .tbodybox .trbox.tr-down .increase span {
    background-color: #32ad5d
}

.quick-market .marketContent .mainbox .tbodybox .iconname i {
    display: inline-block;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 2px
}

.quick-market .marketContent .mainbox .tbodybox .iconname i img {
    display: block;
    max-width: 100%
}

.quick-market .marketContent .mainbox .tbodybox .increase span {
    display: inline-block;
    min-width: 70px;
    border-radius: 4px;
    color: #fff;
    line-height: 20px
}

.Quotation {
    float: left;
    padding-top: 7px
}

.Quotation ul li {
    float: left;
    min-width: 140px;
    text-align: center
}

.Quotation ul li p {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    line-height: 20px
}

.Quotation ul li p .iconfont {
    font-size: 80%;
    margin-left: 0
}

.Quotation ul li span {
    display: block;
    font-size: 12px;
    color: #9091b3;
    line-height: 16px
}

.Quotation ul li.lastPrice p {
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.Quotation ul li.lastPrice .iconfont {
    font-size: 68%;
    margin-left: 0
}

.Quotation ul li.p-up p {
    color: #ee5030
}

.Quotation ul li.p-down p {
    color: #32ad5d
}

.Quotation ul li.p-down .iconfont {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.historytable {
    font-size: 12px
}

.historytable .thead {
    background-color: #2a2b4a;
    color: #5f6093
}

.historytable .td {
    height: 30px;
    padding: 0 3px 0 10px;
    border-bottom: 1px solid #2c2c48
}

.historytable .td:nth-child(1) {
    width: 14%
}

.historytable .td:nth-child(2) {
    width: 18%
}

.historytable .td:nth-child(3) {
    width: 5%;
    text-align: center
}

.historytable .td:last-child {
    width: 8%
}

.historytable .td.price {
    width: 13%
}

.historytable .td.number {
    width: 9%
}

.historytable .scrollbar {
    max-height: 222px;
    position: relative;
    overflow: hidden
}

.right_other .input-checkradio {
    height: 16px;
    width: 16px;
    margin-top: 7px;
    line-height: 14px;
    border: 1px solid #414476;
    background-color: #2a2b4a
}

.right_other .input-checkradio.checked {
    background-color: #feab0f;
    border-color: #feab0f
}

.right_other .input-checkradio .iconfont {
    font-size: 12px
}

.right_other .txt {
    color: #5f6093;
    line-height: 24px;
    padding-left: 6px;
    padding-right: 10px
}

@media screen and (max-width: 1680px) {
    .right_other .input-checkradio {
        margin-top: 4px
    }
}

.history-tab {
    display: block;
    float: right;
    line-height: 30px;
    font-size: 12px;
    padding-top: 5px;
    padding-right: 10px
}

.history-tab .name {
    color: #fff;
    padding-left: 3px;
    padding-right: 10px
}

.history-tab .selectbox {
    width: 170px
}

.history-tab .txt {
    line-height: 30px
}

.history-tab .input-checkradio {
    margin-top: 7px
}

.moneytable {
    font-size: 12px
}

.moneytable .thead {
    background-color: #2a2b4a;
    color: #5f6093
}

.moneytable .thead .td {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 20px
}

.moneytable .thead .td:nth-child(1) {
    padding-left: 28px
}

.moneytable .td {
    line-height: 24px;
    border-bottom: 1px solid #2c2c48;
    padding: 3px;
    padding-left: 25px;
    width: 25%
}

.moneytable .td span {
    display: block
}

.moneytable .td img {
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 3px
}

.moneytable .td:nth-child(1) {
    padding-left: 25px
}

.moneytable .scrollbar {
    max-height: 222px;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 1680px) {
    #container-trader2 .wrapper-top {
        height: calc(100vh - 335px);
        height: -webkit-calc(100vh - 335px);
        height: -moz-calc(100vh - 335px)
    }

    #container-trader2 .wrapper-bottom {
        height: 285px
    }
}

@media screen and (max-width: 1510px) {
    #container-trader2 .wrapper-left {
        width: 60%
    }

    #container-trader2 .wrapper-right {
        width: 40%
    }

    .quick-market .menubox ul li {
        font-size: 14px
    }

    .Quotation ul li {
        min-width: 110px
    }

    #container-trader2 .coin-orders .coin-orders-hd .btns .btn {
        border-radius: 14px
    }
}

@media screen and (max-width: 1360px) {
    #container-trader2 .wrapper-top {
        height: calc(100vh - 310px);
        height: -webkit-calc(100vh - 310px);
        height: -moz-calc(100vh - 310px)
    }

    #container-trader2 .wrapper-bottom {
        height: 260px
    }

    #container-trader2 .trader-box-parent .trader-box .balance {
        padding-bottom: 15px
    }

    #container-trader2 .trader-box-parent .trader-box .balance span em {
        font-size: 12px
    }

    #container-trader2 .trader-box-parent .trader-box .needlogin {
        font-size: 12px
    }

    #container-trader2 .trader-box .row .col:nth-child(2) {
        width: 13.5%
    }

    #container-trader2 .trader-box .row .col:nth-child(2) span em {
        display: none
    }

    #container-trader2 .trader-box .row .col:nth-child(3), #container-trader2 .trader-box .row .col:nth-child(4) {
        width: 13.5%
    }

    #container-trader2 .trader-box .row .col:nth-child(5) {
        width: 22%
    }

    #container-trader2 .trader-box .row .col:nth-child(6), #container-trader2 .trader-box .row .col:nth-child(7) {
        width: 12.5%
    }

    #container-trader2 .trader-box .trader-body .row .col {
        line-height: 36px
    }

    #container-trader2 .trader-box .trader-body .row .col:nth-child(5) {
        height: 36px;
        padding-top: 2px;
        line-height: 16px
    }

    #container-trader2 .trader-box .trader-body .row .col:nth-child(5) em {
        display: none
    }

    #container-trader2 .trader-box .trader-body .row .col:nth-child(5) span:first-child, #container-trader2 .trader-box .trader-body .row .col:nth-child(5) span:last-child {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        font-size: 12px
    }

    #container-trader2 .trader-box .coin-entrust .row {
        position: relative
    }

    #container-trader2 .form .row .name {
        font-size: 12px
    }

    #container-trader2 .coin-orders .coin-orders-hd .btns .trade-depth {
        width: 80px;
        font-size: 12px
    }

    #container-trader2 .coin-orders .coin-orders-hd .btns .btn {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px
    }

    .m-input-style1 {
        height: 30px;
        line-height: 30px;
        font-size: 12px
    }

    .right_other .txt {
        line-height: 20px
    }

    .history-tab .txt {
        line-height: 30px
    }

    .select2-container--theme1 .select2-dropdown .select2-results > .select2-results__options {
        padding: 3px !important
    }

    .select2-container--theme1 .select2-results__option {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 12px !important
    }
}

@media screen and (max-width: 1320px) {
    #container-trader2 .m-wtop .trader-table .row .col:first-child {
        padding-left: 1%
    }

    #container-trader2 .m-wtop .trader-table .row .col:last-child {
        padding-right: 1%
    }

    #container-trader2 .m-wtop .trader-table .trader-head {
        height: 36px;
        line-height: 36px
    }

    #container-trader2 .m-wtop .trader-table .trader-body .coin-cur {
        height: 28px;
        line-height: 28px;
        font-size: 16px;
        margin-top: -14px
    }

    #container-trader2 .m-wtop .wrapper-left2 .coin-orders-hd .btns {
        padding-top: 4px
    }

    #container-trader2 .m-wtop .trader-table2 {
        padding-top: 36px
    }

    #container-trader2 .coin-orders {
        padding-top: 36px
    }

    #container-trader2 .coin-orders .coin-orders-hd {
        height: 36px;
        line-height: 36px
    }

    #container-trader2 .coin-orders .coin-orders-hd .btns .trade-depth {
        width: 90px
    }

    #container-trader2 .coin-orders .coin-orders-bd .trader-table .trader-head {
        height: 36px;
        line-height: 36px
    }

    #container-trader2 .coin-orders .coin-orders-bd .trader-table .trader-body {
        top: 36px
    }
}

@media screen and (max-width: 1300px) {
    .Quotation ul li {
        min-width: inherit;
        padding: 0 10px
    }

    #container-trader2 .coin-orders .coin-orders-bd .trader-table .trader-head {
        height: 30px;
        line-height: 30px
    }

    #container-trader2 .coin-orders .coin-orders-bd .trader-table .trader-body {
        top: 30px
    }
}

@media screen and (max-width: 1240px) {
    #container-trader2 .m-wtop .trader-table .row .col {
        text-align: center !important;
        padding: 0 1px !important
    }
}

@media screen and (max-width: 1200px) {
    .historytable, .moneytable {
        font-size: 10px
    }

    .moneytable .td {
        height: 22px;
        line-height: 22px;
        padding-left: 20px
    }

    .moneytable .td:first-child {
        padding-left: 20px
    }

    .moneytable .td img {
        height: 22px;
        width: 22px
    }

    .moneytable .thead .td {
        padding-left: 23px
    }

    .Quotation ul li {
        min-width: inherit;
        padding: 0 10px
    }

    #container-trader2 .m-wtop .trader-table1 .trader-head {
        font-size: 9px
    }

    #container-trader2 .trader-box .row .col {
        font-size: 10px;
        padding-left: 5px
    }

    #container-trader2 .btn-8, #container-trader2 .btn-9 {
        height: 24px;
        line-height: 22px
    }

    .right_other {
        font-size: 10px;
        padding-right: 15px
    }

    .right_other .selectbox {
        width: 140px;
        margin-right: 10px
    }

    .right_other .txt {
        line-height: 24px
    }

    .history-tab .txt {
        line-height: 30px
    }
}

@media screen and (max-width: 1350px) and (min-width: 1200px) {
    .right_other:not(.history-tab) .input-checkradio {
        margin-top: 2px
    }
}

@media screen and (max-width: 1040px) {
    .quick-market {
        margin: 0 0 0 10px
    }

    .quick-market .menubox ul li {
        font-size: 12px;
        min-width: 115px
    }
}

@media screen and (min-width: 1480px) {
    #container-trader2 .m-wtop .trader-table1 .trader-head {
        font-size: 12px
    }

    #container-trader2 .trader-box .coin-tab-hd .btns {
        padding-top: 6px
    }

    #container-trader2 .trader-box .coin-tab-hd .ltabMenu ul li {
        font-size: 13px;
        width: 110px
    }

    #container-trader2 .select2-container--theme1 .select2-selection--single {
        font-size: 13px
    }

    .Quotation ul li.lastPrice p {
        font-size: 18px
    }

    .historytable .td:nth-child(2) {
        width: auto
    }

    .historytable .td:nth-child(3) {
        width: 8%
    }

    .historytable .td:last-child {
        width: 7%
    }

    .right_other {
        font-size: 13px
    }

    .right_other .selectbox {
        width: 210px
    }
}

@media (max-width: 1480px) {
    #container-trader2 .trader-box .trader-body .row .col, #container-trader2 .trader-box .trader-head .row .col {
        line-height: 15px !important;
        padding-top: 8px;
        padding-bottom: 8px
    }
}

@media screen and (min-width: 1680px) {
    .right_other .txt {
        line-height: 30px
    }
}

@media screen and (min-width: 1250px) {
    #container-trader2 .coin-chart .tv-perfessional {
        right: 95px
    }
}

.sign-page {
    padding-top: 100px;
    padding-bottom: 100px;
    color: #fff
}

.sign-page .form {
    width: 180px;
    margin-left: auto;
    margin-right: auto
}

.sign-page .form.regsiter-form .form-hd h3 {
    float: none;
    text-align: center
}

.sign-page .form .form-hd {
    margin-bottom: 15px;
    font-size: 13px
}

.sign-page .form .form-hd h3 {
    float: left
}

.sign-page .form .form-hd .iconfont {
    float: right;
    font-size: 125%
}

.sign-page .form .row {
    margin-bottom: 10px
}

.sign-page .form .emailneed {
    display: none
}

.sign-page .form .row-link {
    font-size: 8px
}

.sign-page .form .row-link a {
    color: #8b8ec2
}

.sign-page .form .row-link a:hover {
    text-decoration: underline
}

.sign-page .form .submit {
    margin-bottom: 5px;
    border-radius: 3px
}

.sign-page .form .btn-12 {
    border-radius: 3px
}

.sign-page .form .btn-12 span {
    font-size: 80%
}

.sign-page .form .btn-12 span em {
    color: #8b8ec2;
    text-decoration: underline
}

.sign-page .reg-type {
    text-align: center;
    margin-bottom: 15px;
    font-size: 14px
}

.sign-page .reg-type > * {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    margin-left: 7px;
    margin-right: 7px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .2)
}

.sign-page .reg-type > * .iconfont {
    font-size: 100%
}

.sign-page .reg-type > .active, .sign-page .reg-type > :hover {
    background-color: #42437a;
    border-color: #42437a
}

.login-form {
    width: 370px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.login-form .form {
    margin-left: 190px
}

.login-form h3 {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 20px
}

.login-form .phone_login {
    position: absolute;
    top: 35px;
    left: 0;
    width: 170px;
    bottom: 5px;
    background-color: rgba(66, 69, 120, .3);
    border-radius: 6px
}

.login-form .ewm_img {
    font-size: 10px;
    color: #8183b6;
    position: absolute;
    left: 20px;
    right: 20px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.login-form .ewm_img .imgbox {
    border-radius: 5px;
    padding: 20px;
    background-color: #fff;
    position: relative;
    border-radius: 4px
}

.login-form .ewm_img .imgbox img {
    width: 100%
}

.login-form .ewm_img .cover_bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 2;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, .7)
}

.login-form .ewm_img .cover_bg a {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 22px;
    color: #fff;
    border-radius: 50px;
    white-space: nowrap;
    padding: 5px;
    display: block;
    background-color: rgba(0, 0, 0, .8)
}

.login-form .ewm_img .cover_bg .iconfont {
    margin-right: 5px;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    background-color: #ffad0e;
    text-align: center;
    font-size: 100%
}

.login-form .ewm_img .text {
    text-align: center;
    padding-top: 5px
}

.login-form .ewm_img .text a:hover {
    text-decoration: underline
}

.login-form .ewm_img .text img {
    width: 10px;
    height: 10px
}

.login-form .ewmcode {
    background: 0 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
    width: 130px
}

#loginQrcodeImgDiv {
    position: relative;
    font-size: 13px;
    border-radius: 4px;
    white-space: nowrap;
    color: #666;
    line-height: 22px
}

#loginQrcodeImgDiv span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding-left: 30px;
    display: inline-block;
    background: url(../images/btn_loading.gif) no-repeat center left;
    background-size: contain
}

#loginQrcodeImgDiv canvas {
    display: none
}

#loginQrcodeImgDiv:after {
    content: "";
    display: block;
    padding-top: 100%
}

.row-phone {
    position: relative
}

.row-phone.select-hide input {
    padding-left: 10px !important
}

.row-phone.select-hide .select2-container {
    display: none
}

.row-phone select {
    position: absolute;
    top: 0;
    left: 1px;
    text-align: center;
    background: 0 0;
    border: none;
    width: 40px
}

.row-phone input {
    padding-left: 40px
}

.row-checkradio {
    height: 15px;
    line-height: 15px
}

.row-checkradio > * {
    float: left;
    margin-right: 5px
}

.row-checkradio > :last-child {
    margin-right: 0
}

.input-checkradio {
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    border-radius: 50%;
    background-color: #f2a502;
    overflow: hidden;
    cursor: pointer
}

.input-checkradio.checked .iconfont {
    display: inline-block;
    color: #fff
}

.input-checkradio .iconfont {
    display: none;
    font-size: 10px;
    margin-left: auto;
    margin-right: auto
}

.input-checkradio input {
    visibility: hidden;
    width: 1px;
    height: 1px;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-transform: translate(-10px, -10px);
    -moz-transform: translate(-10px, -10px);
    -ms-transform: translate(-10px, -10px);
    transform: translate(-10px, -10px)
}

@media screen and (min-width: 1200px) {
    .sign-page {
        padding-top: 130px;
        padding-bottom: 130px
    }

    .sign-page .form {
        width: 230px
    }

    .sign-page .form .form-hd {
        margin-bottom: 20px;
        font-size: 17px
    }

    .sign-page .form .row {
        margin-bottom: 15px
    }

    .sign-page .form .row-link {
        font-size: 10px
    }

    .sign-page .form .submit {
        margin-bottom: 10px
    }

    .sign-page .reg-type {
        margin-bottom: 20px;
        font-size: 18px
    }

    .sign-page .reg-type > * {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-left: 10px;
        margin-right: 10px
    }

    .row-phone select {
        width: 55px
    }

    .row-phone input {
        padding-left: 70px
    }

    .row-checkradio > * {
        float: left;
        margin-right: 5px
    }

    .row-checkradio > :last-child {
        margin-right: 0
    }

    .login-form {
        width: 440px
    }

    .login-form .form {
        margin-left: 210px
    }

    .login-form h3 {
        font-size: 18px;
        margin-bottom: 20px;
        line-height: 30px
    }

    .login-form .phone_login {
        top: 50px;
        width: 190px
    }

    .login-form .ewm_img {
        font-size: 12px;
        left: 25px;
        right: 25px
    }

    .login-form .ewm_img .cover_bg {
        padding: 25px
    }

    .login-form .ewm_img .cover_bg a {
        line-height: 26px
    }

    .login-form .ewm_img .cover_bg .iconfont {
        width: 26px;
        height: 26px
    }

    .login-form .ewm_img .text {
        padding-top: 10px
    }

    .login-form .ewm_img .text img {
        width: 12px;
        height: 12px
    }

    .login-form .ewmcode {
        width: 140px
    }

    #loginQrcodeImgDiv {
        font-size: 14px;
        line-height: 24px
    }
}

@media screen and (min-width: 1400px) {
    .row-phone select {
        width: 60px
    }

    .row-phone input {
        padding-left: 76px
    }
}

@media screen and (min-width: 1580px) {
    .sign-page {
        padding-top: 190px;
        padding-bottom: 190px
    }

    .sign-page .form {
        width: 325px
    }

    .sign-page .form .form-hd {
        margin-bottom: 25px;
        font-size: 24px
    }

    .sign-page .form .row {
        margin-bottom: 20px
    }

    .sign-page .form .row-link {
        font-size: 14px
    }

    .sign-page .form .submit {
        margin-bottom: 15px
    }

    .sign-page .reg-type {
        margin-bottom: 25px;
        font-size: 24px
    }

    .sign-page .reg-type > * {
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin-left: 15px;
        margin-right: 15px
    }

    .row-phone select {
        width: 65px
    }

    .row-phone input {
        padding-left: 76px
    }

    .row-checkradio {
        height: 18px;
        line-height: 18px
    }

    .input-checkradio {
        width: 18px;
        height: 18px;
        line-height: 18px
    }

    .input-checkradio .iconfont {
        font-size: 14px
    }

    .login-form {
        width: 600px
    }

    .login-form .form {
        margin-left: 275px
    }

    .login-form h3 {
        font-size: 30px;
        margin-bottom: 35px;
        line-height: 45px
    }

    .login-form .phone_login {
        top: 80px;
        width: 250px;
        border-radius: 12px
    }

    .login-form .ewm_img {
        font-size: 14px;
        left: 30px;
        right: 30px
    }

    .login-form .ewm_img .imgbox {
        border-radius: 8px
    }

    .login-form .ewm_img .cover_bg {
        padding: 30px
    }

    .login-form .ewm_img .cover_bg a {
        line-height: 30px;
        font-size: 16px
    }

    .login-form .ewm_img .cover_bg .iconfont {
        width: 30px;
        height: 30px
    }

    .login-form .ewm_img .text {
        padding-top: 15px
    }

    .login-form .ewm_img .text img {
        width: 14px;
        height: 14px
    }

    .login-form .ewmcode {
        width: 190px
    }

    #loginQrcodeImgDiv {
        font-size: 15px
    }
}

@media screen and (min-width: 1680px) {
    .sign-page {
        padding-top: 260px;
        padding-bottom: 200px
    }
}

.login-tab {
    position: relative;
    padding-right: 65px
}

.login-tab .reg-type {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%)
}

.login-tab .reg-type .rt-email {
    margin-left: 0;
    margin-right: 0
}

.login-form-pop .reg-type, .logtab .reg-type {
    display: flex;
    align-items: center;
    padding-bottom: 19px
}

.login-form-pop .reg-type > div:first-child, .logtab .reg-type > div:first-child {
    margin-right: 30px
}

.login-form-pop .reg-type > div:first-child .tab-txt::after, .logtab .reg-type > div:first-child .tab-txt::after {
    position: absolute;
    content: '';
    top: 50%;
    right: -15px;
    transform: translate(0, -50%);
    height: 12px;
    width: 1px;
    background-color: #565a88
}

.login-form-pop .reg-type .tab-txt, .logtab .reg-type .tab-txt {
    position: relative;
    font-size: 14px;
    color: #d9ddf0;
    cursor: pointer
}

.login-form-pop .reg-type .tab-txt::before, .logtab .reg-type .tab-txt::before {
    position: absolute;
    content: '';
    height: 0;
    border-radius: 4px;
    width: 0;
    bottom: -6px;
    left: 50%;
    transition: .3s linear;
    background-color: #f0c032;
    transform: translate(-50%, 0)
}

.login-form-pop .reg-type .active .tab-txt, .logtab .reg-type .active .tab-txt {
    color: #fff
}

.login-form-pop .reg-type .active .tab-txt::before, .logtab .reg-type .active .tab-txt::before {
    width: 100%;
    height: 2px
}

.login-form-pop .reg-type .tab-txt {
    color: #37383a
}

.login-form-pop .reg-type .active .tab-txt {
    color: #37383a
}

@media (max-width: 1480px) {
    .login-tab {
        padding-right: 35px
    }

    .login-form-pop .reg-type, .logtab .reg-type {
        padding-bottom: 15px
    }

    .login-form-pop .reg-type .tab-txt, .logtab .reg-type .tab-txt {
        font-size: 12px
    }

    .login-form-pop .reg-type .tab-txt::before, .logtab .reg-type .tab-txt::before {
        bottom: -4px
    }
}

@media (max-width: 1366px) {
    .login-tab {
        padding-right: 40px
    }

    .login-form-pop .reg-type, .logtab .reg-type {
        padding-bottom: 15px
    }

    .login-form-pop .reg-type .tab-txt, .logtab .reg-type .tab-txt {
        font-size: 12px
    }

    .login-form-pop .reg-type .tab-txt::before, .logtab .reg-type .tab-txt::before {
        bottom: -4px
    }

    .login-form-pop .reg-type .active .tab-txt::before, .logtab .reg-type .active .tab-txt::before {
        height: 1px
    }
}

.forget-page {
    background-color: #fff
}

.forget-page .fp-hd {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
    text-align: center
}

.forget-page .fp-hd h3 {
    text-align: center;
    font-size: 13px
}

.forget-page .fp-bd {
    padding-top: 40px;
    padding-bottom: 40px
}

.forget-page .find-link {
    text-align: center;
    margin-bottom: 20px
}

.forget-page .find-link .icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: 22px;
    color: #fff
}

.forget-page .find-link .icon.email {
    background-color: #ed5066
}

.forget-page .find-link .icon.phone {
    background-color: #57b996
}

.forget-page .find-link .name {
    font-size: 13px;
    color: #333;
    margin-bottom: 3px
}

.forget-page .find-link .tip {
    font-size: 8px;
    color: #888;
    margin-bottom: 15px
}

.forget-page .find-link .btn {
    width: 100px
}

@media screen and (min-width: 1200px) {
    .forget-page .fp-hd {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .forget-page .fp-hd h3 {
        font-size: 17px
    }

    .forget-page .fp-bd {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .forget-page .find-link {
        margin-bottom: 30px
    }

    .forget-page .find-link .icon {
        width: 80px;
        height: 80px;
        line-height: 80px;
        margin-bottom: 15px;
        font-size: 28px
    }

    .forget-page .find-link .name {
        font-size: 17px;
        margin-bottom: 5px
    }

    .forget-page .find-link .tip {
        font-size: 10px;
        margin-bottom: 20px
    }

    .forget-page .find-link .btn {
        width: 130px
    }
}

@media screen and (min-width: 1580px) {
    .forget-page .fp-hd {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .forget-page .fp-hd h3 {
        font-size: 24px
    }

    .forget-page .fp-bd {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .forget-page .find-link {
        margin-bottom: 40px
    }

    .forget-page .find-link .icon {
        width: 110px;
        height: 110px;
        line-height: 110px;
        margin-bottom: 20px;
        font-size: 34px
    }

    .forget-page .find-link .name {
        font-size: 24px;
        margin-bottom: 10px
    }

    .forget-page .find-link .tip {
        font-size: 13px;
        margin-bottom: 30px
    }

    .forget-page .find-link .btn {
        width: 180px
    }
}

.fp-step li {
    float: left;
    width: 33.33333333%;
    padding-left: 10px;
    padding-right: 10px
}

.fp-step li:first-child {
    padding-left: 0
}

.fp-step li.active span {
    background-color: #3d3d70;
    color: #fff
}

.fp-step li.active span em {
    background-color: #fff;
    color: #3d3d70
}

.fp-step li.active span:after {
    border-left-color: #3d3d70
}

.fp-step li span {
    position: relative;
    display: block;
    background-color: #e9e9e9;
    color: #333;
    font-size: 10px;
    text-align: center;
    height: 25px;
    line-height: 25px
}

.fp-step li span:after, .fp-step li span:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent
}

.fp-step li span:before {
    left: 0;
    border-left: 10px solid #fff
}

.fp-step li span:after {
    left: 100%;
    border-left: 10px solid #e9e9e9
}

.fp-step li span em {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 10px;
    background-color: #3d3d70;
    border-radius: 50%;
    color: #fff;
    font-family: Helvetica, arial, PingFangSC-Regular, "Microsoft Yahei", sans-serif;
    font-weight: 700;
    margin-right: 7px
}

@media screen and (min-width: 1200px) {
    .fp-step li {
        padding-left: 12px;
        padding-right: 12px
    }

    .fp-step li span {
        font-size: 12px;
        height: 32px;
        line-height: 32px
    }

    .fp-step li span:after, .fp-step li span:before {
        border-top: 16px solid transparent;
        border-bottom: 16px solid transparent
    }

    .fp-step li span:before {
        left: 0;
        border-left: 12px solid #fff
    }

    .fp-step li span:after {
        left: 100%;
        border-left: 12px solid #e9e9e9
    }

    .fp-step li span em {
        width: 18px;
        height: 18px;
        line-height: 18px;
        font-size: 13px;
        margin-right: 10px
    }
}

@media screen and (min-width: 1580px) {
    .fp-step li {
        padding-left: 15px;
        padding-right: 15px
    }

    .fp-step li span {
        font-size: 16px;
        height: 40px;
        line-height: 40px
    }

    .fp-step li span:after, .fp-step li span:before {
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent
    }

    .fp-step li span:before {
        left: 0;
        border-left: 20px solid #fff
    }

    .fp-step li span:after {
        left: 100%;
        border-left: 20px solid #e9e9e9
    }

    .fp-step li span em {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 16px;
        margin-right: 15px
    }
}

.fp-curstyle {
    margin-left: auto;
    margin-right: auto;
    width: 245px
}

.fp-curstyle .hd {
    margin-bottom: 20px;
    text-align: center
}

.fp-curstyle .hd span {
    display: block;
    border-radius: 50%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #fff
}

.fp-curstyle .hd span.email {
    background-color: #ed5066
}

.fp-curstyle .hd span.phone {
    background-color: #57b996
}

.fp-curstyle .hd p {
    font-size: 10px;
    color: #333
}

@media screen and (min-width: 1200px) {
    .fp-curstyle {
        width: 325px
    }

    .fp-curstyle .hd {
        margin-bottom: 20px
    }

    .fp-curstyle .hd span {
        margin-bottom: 13px;
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 13px
    }

    .fp-curstyle .hd p {
        font-size: 13px
    }
}

@media screen and (min-width: 1580px) {
    .fp-curstyle {
        width: 460px
    }

    .fp-curstyle .hd {
        margin-bottom: 35px
    }

    .fp-curstyle .hd span {
        margin-bottom: 20px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 16px
    }

    .fp-curstyle .hd p {
        font-size: 18px
    }
}

.fp-result {
    text-align: center
}

.fp-result .status {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    color: #fff;
    overflow: hidden;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    font-size: 20px
}

.fp-result .status.success {
    background-color: #7ab900
}

.fp-result .status.error {
    background-color: #ff2525
}

.fp-result .tip {
    margin-bottom: 20px;
    font-size: 12px;
    color: #333
}

.fp-result .btn {
    width: 90px
}

@media screen and (min-width: 1200px) {
    .fp-result .status {
        width: 70px;
        height: 70px;
        line-height: 70px;
        margin-bottom: 20px;
        font-size: 30px
    }

    .fp-result .tip {
        margin-bottom: 35px;
        font-size: 17px
    }

    .fp-result .btn {
        width: 120px
    }
}

@media screen and (min-width: 1580px) {
    .fp-result .status {
        width: 100px;
        height: 100px;
        line-height: 100px;
        margin-bottom: 30px;
        font-size: 40px
    }

    .fp-result .tip {
        margin-bottom: 50px;
        font-size: 24px
    }

    .fp-result .btn {
        width: 180px
    }
}

.closeHide .layer-close {
    display: none
}

.layer-content .web-tip .hd .iconfont {
    display: block;
    margin-bottom: 4px
}

.web-tip {
    position: relative;
    border: 1px solid #d78f02;
    border-radius: 5px;
    overflow: hidden;
    background-color: #f6c61a;
    color: #d46f09
}

.web-tip .hd {
    position: absolute;
    left: 15px;
    top: 50%;
    width: 100px;
    text-align: left;
    font-size: 10px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.web-tip .hd .iconfont {
    border-radius: 50%;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    font-size: 100%;
    border-radius: 50%;
    background-color: #ce6d02;
    color: #fff;
    margin-right: 5px
}

.web-tip .bd {
    text-align: left;
    padding: 10px 25px 10px 120px;
    font-size: 9px
}

@media screen and (min-width: 1200px) {
    .web-tip .hd {
        left: 15px;
        width: 105px;
        font-size: 11px
    }

    .web-tip .hd .iconfont {
        width: 16px;
        height: 16px;
        line-height: 16px;
        margin-right: 7px
    }

    .web-tip .bd {
        padding: 10px 25px 10px 120px;
        font-size: 10px
    }
}

@media screen and (min-width: 1580px) {
    .web-tip .hd {
        left: 20px;
        width: 130px;
        font-size: 14px
    }

    .web-tip .hd .iconfont {
        width: 20px;
        height: 20px;
        line-height: 20px;
        margin-right: 10px
    }

    .web-tip .bd {
        padding: 10px 25px 10px 145px;
        font-size: 13px
    }
}

.upload-imgs {
    text-align: center;
    padding: 7px 0;
    margin-left: -7px;
    margin-right: -7px
}

.upload-imgs .upload-img {
    float: left;
    width: 33.33333333333%;
    padding: 7px
}

.upload-imgs .upload-box {
    position: relative;
    background-color: #f1f1f1;
    padding-top: 72.58064516129032%;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 10px;
    background-image: url(../images/upload.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center
}

.upload-imgs .upload-box .img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.upload-imgs .upload-box .loading {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    background-color: rgba(255, 255, 255, .95);
    background-image: url(../images/loading_img.gif);
    background-repeat: no-repeat;
    background-size: 48px 48px;
    background-position: center center
}

.upload-imgs .upload-box .loading.active {
    display: block
}

.upload-imgs .upload-box input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    opacity: 0
}

.upload-imgs .upload-text {
    text-align: center;
    color: #666;
    font-size: 8px
}

@media screen and (min-width: 1200px) {
    .upload-imgs {
        padding: 10px 0;
        margin-left: -10px;
        margin-right: -10px
    }

    .upload-imgs .upload-img {
        padding: 10px
    }

    .upload-imgs .upload-box {
        margin-bottom: 10px
    }

    .upload-imgs .upload-text {
        font-size: 10px
    }
}

@media screen and (min-width: 1580px) {
    .upload-imgs {
        padding: 13px 0;
        margin-left: -13px;
        margin-right: -13px
    }

    .upload-imgs .upload-img {
        padding: 13px
    }

    .upload-imgs .upload-box {
        margin-bottom: 16px
    }

    .upload-imgs .upload-text {
        font-size: 14px
    }
}

.google-ewm {
    text-align: center;
    padding: 15px;
    background-color: #e9e9e9;
    border-bottom: 1px solid #c5c5c5
}

.google-ewm h3 {
    font-size: 12px;
    margin-bottom: 15px
}

.google-ewm p {
    font-size: 10px;
    margin-top: 8px
}

.google-ewm canvas {
    max-width: 100%;
    max-height: 100%
}

.google-code {
    text-align: center;
    padding: 15px;
    background-color: #e9e9e9;
    border-bottom: 1px solid #c5c5c5
}

.google-code p {
    font-size: 10px;
    margin-bottom: 8px
}

.google-code .input-1 {
    background-color: #fff
}

.google-code-input {
    padding: 15px;
    text-align: center
}

.google-code-input h3 {
    font-size: 12px;
    margin-bottom: 15px
}

.google-code-input .inputs {
    text-align: center
}

.google-code-input .inputs input {
    width: 20px;
    height: 35px;
    line-height: 35px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 17px;
    border: none;
    border-bottom: 1px solid #a5a5a5;
    text-align: center;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-transition: all, .5s;
    -moz-transition: all, .5s;
    -ms-transition: all, .5s;
    transition: all, .5s
}

.google-code-input .inputs input:focus {
    border-color: #aeaeae
}

@media screen and (min-width: 1200px) {
    .google-ewm {
        padding: 20px
    }

    .google-ewm h3 {
        font-size: 15px;
        margin-bottom: 20px
    }

    .google-ewm p {
        font-size: 12px;
        margin-top: 11px
    }

    .google-code {
        padding: 20px
    }

    .google-code p {
        font-size: 12px;
        margin-bottom: 11px
    }

    .google-code-input {
        padding: 20px
    }

    .google-code-input h3 {
        font-size: 15px;
        margin-bottom: 20px
    }

    .google-code-input .inputs input {
        width: 25px;
        height: 40px;
        line-height: 40px;
        margin-left: 13px;
        margin-right: 13px;
        font-size: 20px
    }
}

@media screen and (min-width: 1580px) {
    .google-ewm {
        padding: 25px
    }

    .google-ewm h3 {
        font-size: 18px;
        margin-bottom: 25px
    }

    .google-ewm p {
        font-size: 13px;
        margin-top: 15px
    }

    .google-code {
        padding: 25px
    }

    .google-code p {
        font-size: 13px;
        margin-bottom: 15px
    }

    .google-code-input {
        padding: 25px
    }

    .google-code-input h3 {
        font-size: 18px;
        margin-bottom: 25px
    }

    .google-code-input .inputs input {
        width: 30px;
        height: 50px;
        line-height: 50px;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 24px
    }
}

.enstyle .secondcode .phone_top {
    width: 340px
}

.secondcode .tab-hd input {
    opacity: 0
}

.secondcode .phone_top {
    font-size: 12px;
    width: 300px;
    margin: 0 auto;
    color: #999;
    padding-bottom: 20px;
    line-height: 32px
}

.secondcode .phone_top b {
    color: #333
}

.secondcode .phone_top a {
    width: 90px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    border: 1px solid #d1d1d1;
    background-color: #f3f3f3;
    color: #666;
    border-radius: 30px;
    -webkit-transition: all, .5s;
    -moz-transition: all, .5s;
    -ms-transition: all, .5s;
    transition: all, .5s
}

.secondcode .phone_top a:hover {
    color: #fff;
    background-color: #424578;
    border-color: #424578
}

.secondcode ul {
    margin-bottom: 25px;
    font-size: 0
}

.secondcode li {
    display: inline-block;
    width: 50%;
    height: 45px;
    line-height: 45px;
    background-color: #3c3d6f;
    color: #fff;
    font-size: 12px
}

.secondcode li.active {
    background-color: #fff;
    color: #333
}

.secondcode li .iconfont {
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    overflow: hidden;
    color: #fff;
    font-size: 100%;
    margin-right: 5px;
    vertical-align: middle
}

.secondcode li .iconfont.icon-phone {
    background-color: #58ba94
}

.secondcode li .iconfont.icon-google {
    background-color: #ec4751
}

.secondcode .inputs {
    white-space: nowrap
}

.secondcode .inputs input {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border: 0;
    border-bottom: 1px solid #cbcbcb;
    border-radius: 0;
    overflow: hidden;
    text-align: center;
    display: inline-block;
    font-size: 18px;
    margin-left: 5px;
    margin-right: 5px;
    -webkit-transition: all, .5s;
    -moz-transition: all, .5s;
    -ms-transition: all, .5s;
    transition: all, .5s
}

.secondcode .inputs input.error {
    border-color: #c00
}

.secondcode .inputs input:focus {
    border-color: #aeaeae
}

@media screen and (min-width: 1200px) {
    .enstyle .secondcode .phone_top {
        width: 370px
    }

    .secondcode .phone_top {
        width: 310px
    }

    .secondcode .phone_top a {
        width: 100px
    }

    .secondcode ul {
        margin-bottom: 30px
    }

    .secondcode li {
        height: 50px;
        line-height: 50px;
        font-size: 15px
    }

    .secondcode li .iconfont {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-right: 8px
    }

    .secondcode .inputs input {
        width: 38px;
        height: 38px;
        line-height: 38px;
        margin-left: 5px;
        margin-right: 5px;
        font-size: 20px
    }
}

@media screen and (min-width: 1580px) {
    .enstyle .secondcode .phone_top {
        width: 400px
    }

    .secondcode .phone_top {
        font-size: 14px;
        width: 360px
    }

    .secondcode ul {
        margin-bottom: 30px
    }

    .secondcode li {
        height: 60px;
        line-height: 60px;
        font-size: 18px
    }

    .secondcode li .iconfont {
        width: 38px;
        height: 38px;
        line-height: 38px;
        margin-right: 10px
    }

    .secondcode .inputs {
        margin-left: -7px;
        margin-right: -7px
    }

    .secondcode .inputs input {
        width: 45px;
        height: 45px;
        line-height: 45px;
        margin-left: 7px;
        margin-right: 7px;
        font-size: 24px
    }
}

.loadingbox {
    padding: 10px
}

.loadingbox .loading_pic {
    display: block;
    width: 48px;
    height: 48px;
    background-image: url(../images/loading_img.gif);
    background-repeat: no-repeat;
    background-size: 48px 48px;
    background-position: center center
}

.layer-content .loadingbox {
    padding: 10px 36px 10px 0
}

.formtxt {
    color: #666;
    font-size: 13px;
    padding: 10px 25px 0;
    width: 100%;
    margin-left: 0
}

.formtxt a {
    color: #7579c1;
    text-decoration: underline;
    -webkit-transition: all, .5s;
    -moz-transition: all, .5s;
    -ms-transition: all, .5s;
    transition: all, .5s
}

.formtxt a:hover {
    color: #ffad0e
}

.formtxt a.needregist {
    text-decoration: none
}

@media screen and (min-width: 1200px) {
    .formtxt {
        padding-left: 15px 30px 0
    }
}

@media screen and (min-width: 1440px) {
    .formtxt {
        padding: 20px 35px 0
    }
}

.tradpwd .layer-wrapper {
    max-width: 320px
}

.alertPop.style-1 .arealist {
    position: relative
}

.alertPop.style-1 .arealist.select-hide .select2 {
    display: none
}

.alertPop.style-1 .arealist.select-hide input {
    padding-left: 10px
}

.alertPop.style-1 .arealist .select2 {
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 0;
    border-left: 1px solid #d1d1d1;
    border-radius: 3px
}

.alertPop.style-1 .arealist input {
    padding-left: 80px
}

.alertPop.style-1 .arealist .select2-container--default .select2-selection--single {
    border: 0;
    position: relative
}

.alertPop.style-1 .arealist .select2-container--default .select2-selection--single::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 60%;
    right: -2px;
    top: 20%;
    background-color: #d1d1d1
}

.alertPop.style-1 .arealist .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 100%
}

.alertPop.style-1 .arealist .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 18%
}

.alertPop.style-1 .layer-wrapper {
    max-width: 330px
}

.alertPop.style-1 .layer-title {
    background-color: #fff;
    line-height: 28px;
    padding: 15px 25px
}

.alertPop.style-1 .layer-title .icon {
    display: none
}

.alertPop.style-1 .tit {
    padding-left: 40px;
    color: #333;
    font-size: 18px;
    display: block;
    background: url(../images/tlogo.svg) no-repeat left center;
    background-size: 27px 27px
}

.alertPop.style-1 .layer-content {
    padding: 0 25px
}

.alertPop.style-1 .row-list {
    margin-bottom: 8px
}

.alertPop.style-1 .row-list:last-child {
    margin-bottom: 0
}

.alertPop.style-1 .row-list .input-1 {
    border-color: #d1d1d1;
    font-size: 14px;
    color: #666
}

.alertPop.style-1 .row-list .input-1::-webkit-input-placeholder {
    color: #666
}

.alertPop.style-1 .row-list .input-1::-moz-placeholder {
    color: #666
}

.alertPop.style-1 .row-list .input-1:-ms-input-placeholder {
    color: #666
}

.alertPop.style-1 .row-list .input-1:focus {
    border-color: #aeaeae
}

.alertPop.style-1 .layer-btns {
    padding: 20px 25px 32px;
    margin-top: 0
}

.alertPop.style-1 .layer-btns .btn-14 {
    border-radius: 4px;
    display: block;
    width: 100%;
    -webkit-transition: all, 0s;
    -moz-transition: all, 0s;
    -ms-transition: all, 0s;
    transition: all, 0s
}

.alertPop.style-1 .layer-btns .formtxt {
    padding: 12px 0 0
}

@media screen and (min-width: 1440px) {
    .alertPop.simple .layer-btns .btn-14 {
        min-width: 160px;
        -webkit-transition: width, 0s;
        -moz-transition: width, 0s;
        -ms-transition: width, 0s;
        transition: width, 0s;
        -webkit-transition: border-color, .3s;
        -moz-transition: border-color, .3s;
        -ms-transition: border-color, .3s;
        transition: border-color, .3s;
        -webkit-transition: background-color, .3s;
        -moz-transition: background-color, .3s;
        -ms-transition: background-color, .3s;
        transition: background-color, .3s
    }
}

.alertPop .login_type .type:after {
    border-color: #565a88 #565a88 transparent transparent
}

.alertPop .login_type .type .tip {
    color: #888;
    background-color: #f3f3f3;
    border-color: #d1d1d1
}

.alertPop .login_type .type .tip:after {
    border-left-color: #f3f3f3
}

.alertPop .login_type .type .tip:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    display: block;
    border-left: 7px solid #d1d1d1;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.alertPop .logewm {
    padding-top: 10px;
    padding-bottom: 35px
}

.alertPop .logewm .tip {
    color: #888
}

.alertPop .logewm .codeval .link {
    color: #7579c1
}

@media screen and (min-width: 1580px) {
    .alertPop .logewm {
        padding-top: 0
    }

    .alertPop .logewm .ewmcode {
        margin-top: 4px;
        margin-bottom: 4px
    }
}

.riskbox.box1 .layer-wrapper .layer-content .iconfont.icon-close {
    color: #424675
}

.riskbox.box1 .layer-wrapper .layer-content .text {
    background-color: #fff;
    color: #999
}

.riskbox.box1 .layer-wrapper .layer-content .text .title {
    color: #333
}

.riskbox.box1 .layer-wrapper .layer-content .input-checkradio {
    border: 1px solid #dedede
}

.riskbox.box1 .layer-wrapper .layer-content .btnscon {
    background-color: #f6f6f6;
    color: #333
}

.riskbox.box1 .layer-wrapper .layer-content .agreebtn {
    background-color: #424675
}

.riskbox .layer-wrapper {
    max-width: 580px
}

.riskbox .layer-wrapper .layer-box {
    background-color: transparent
}

.riskbox .layer-wrapper .layer-content {
    padding: 0
}

.riskbox .layer-wrapper .layer-content .iconfont.icon-check {
    position: static;
    background: 0 0;
    width: 100%;
    height: 100%;
    line-height: inherit;
    margin-right: 0;
    color: #424675;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    border-radius: 0;
    font-weight: 700
}

.riskbox .layer-wrapper .layer-content .iconfont.icon-close {
    left: auto;
    width: auto;
    height: auto;
    position: absolute;
    background: 0 0;
    right: 20px;
    top: 20px;
    font-size: 22px;
    margin-right: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.riskbox .layer-wrapper .layer-content .text {
    background-color: #5f6093;
    color: #fff;
    font-size: 12px;
    line-height: 28px;
    padding: 25px 25px 15px
}

.riskbox .layer-wrapper .layer-content .text .title {
    font-size: 18px;
    padding-bottom: 15px
}

.riskbox .layer-wrapper .layer-content .btnscon {
    background-color: #424670;
    color: #fff;
    padding: 15px 25px
}

.riskbox .layer-wrapper .layer-content .btnscon .left {
    padding-top: 9px;
    font-size: 12px;
    line-height: 18px
}

.riskbox .layer-wrapper .layer-content .input-checkradio {
    height: 18px;
    width: 18px;
    line-height: 18px;
    margin-right: 5px;
    border-radius: 3px;
    background-color: #fff
}

.riskbox .layer-wrapper .layer-content .agreebtn {
    font-size: 12px;
    color: #fff;
    text-align: center;
    width: 160px;
    line-height: 40px;
    font-size: 12px;
    background-color: #5f6093;
    border-radius: 3px;
    display: block
}

.riskbox .layer-wrapper .layer-content .agreebtn:hover {
    background-color: #f2a502
}

@media screen and (min-width: 1580px) {
    .riskbox .layer-wrapper .layer-content .text {
        font-size: 14px;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 30px
    }

    .riskbox .layer-wrapper .layer-content .text .title {
        font-size: 22px
    }

    .riskbox .layer-wrapper .layer-content .btnscon {
        padding-left: 40px;
        padding-right: 40px
    }

    .riskbox .layer-wrapper .layer-content .btnscon .left {
        line-height: 22px;
        font-size: 14px;
        padding-top: 12px
    }

    .riskbox .layer-wrapper .layer-content .input-checkradio {
        width: 22px;
        height: 22px;
        line-height: 22px;
        margin-right: 10px
    }

    .riskbox .layer-wrapper .layer-content .agreebtn {
        height: 48px;
        line-height: 48px;
        font-size: 14px
    }
}

.select2.select2-container {
    width: 75px !important;
    font-size: 13px
}

.coin-orders-hd .select2.select2-container {
    width: 98px !important
}

.select2-container .select2-selection--single .select2-selection__rendered {
    text-align: center;
    padding-left: 2px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px
}

@media (max-width: 1480px) {
    .alertPop.style-1 .arealist .select2 {
        font-size: 14px
    }

    .alertPop.style-1 .arealist .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 15%
    }

    .alertPop.style-1 .arealist .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 35px
    }

    .select2-container--default .select2-search--dropdown .select2-search__field {
        font-size: 14px
    }

    .row-phone .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 35px;
        font-size: 13px
    }
}

@media (max-width: 1400px) {
    .select2.select2-container {
        width: 68px !important
    }

    .coin-orders-hd .select2.select2-container {
        width: 84px !important
    }

    .alertPop.style-1 .arealist .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 8%
    }

    .alertPop.style-1 .arealist .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 30px
    }

    .row-phone .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 12px;
        line-height: 30px
    }
}

.contractOpen .layer-wrapper {
    width: 800px;
    color: #333;
    border-radius: 6px
}

.contractOpen .co-tit {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 28px
}

.contractOpen .co-txt {
    line-height: 1.5;
    text-align: left;
    max-height: 400px;
    overflow: auto
}

.contractOpen .co-txt::-webkit-scrollbar {
    width: 3px
}

.contractOpen .co-txt::-webkit-scrollbar-track-piece {
    background-color: #909093;
    border-radius: 10px
}

.contractOpen .co-txt::-webkit-scrollbar-thumb {
    background-color: #6d6498;
    border-radius: 10px
}

.contractOpen .co-t {
    font-size: 16px;
    margin-bottom: 12px
}

.contractOpen p {
    color: #7a7a7a;
    font-size: 14px;
    margin-bottom: 16px
}

.contractOpen .co-t2 {
    font-size: 12px;
    margin-top: 40px
}

.contractOpen .co-t2 label {
    position: relative;
    display: flex;
    align-items: center;
    color: #999
}

.contractOpen .co-t2 input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.contractOpen .co-t2 .co-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 13px;
    height: 13px;
    border: 1px solid #bfbfbf;
    border-radius: 2px;
    overflow: hidden;
    padding-top: 1px;
    margin-right: 8px
}

.contractOpen .co-t2 .co-icon .iconfont {
    color: #fff;
    font-size: 100%;
    font-weight: 700;
    padding-left: 1px
}

.contractOpen .co-t2 :checked ~ .co-icon .iconfont {
    color: #6c6594
}

.contractOpen .layer-btns {
    display: flex;
    align-items: center;
    justify-content: center
}

.contractOpen .contracto-btn-s1, .contractOpen .contracto-btn-s2 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 140px;
    height: 46px;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    transition: .3s ease-in-out;
    margin: 0 10px;
    padding: 0 5px
}

.contractOpen .contracto-btn-s1 {
    color: #333;
    background-color: #f8f8f8;
    border: 1px solid #eee
}

.contractOpen .contracto-btn-s1:hover {
    color: #fff;
    background-color: #636696
}

.contractOpen .contracto-btn-s2 {
    color: #fff;
    background-color: #424578
}

.contractOpen .contracto-btn-s2:hover {
    background-color: #636696
}

@media (max-width: 1480px) {
    .contractOpen .layer-wrapper {
        width: 680px
    }

    .contractOpen .co-tit {
        font-size: 18px;
        margin-bottom: 20px
    }

    .contractOpen .co-t {
        font-size: 14px;
        margin-bottom: 10px
    }

    .contractOpen p {
        font-size: 12px;
        margin-bottom: 12px
    }

    .contractOpen .co-t2 {
        font-size: 12px;
        margin-top: 30px
    }

    .contractOpen .contracto-btn-s1, .contractOpen .contracto-btn-s2 {
        min-width: 130px;
        height: 40px;
        font-size: 12px;
        margin: 0 7px
    }
}

.btn-wrap.forbid {
    cursor: not-allowed
}

.btn-wrap.forbid .contracto-btn-s2 {
    pointer-events: none
}

.alertPop.contractOpened .layer-wrapper {
    width: auto
}

.alertPop.contractOpened .layer-close {
    display: none
}

.alertPop.contractOpened .layer-box-inner {
    min-width: 280px;
    min-height: 130px;
    background: #fff;
    border-radius: 5px
}

.alertPop.contractOpened .layer-content {
    min-height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    font-weight: 700;
    color: #333
}

.alertPop.contractOpened .img {
    position: absolute;
    width: 70px;
    left: 50%;
    top: -26px;
    transform: translateX(-50%)
}

.alertPop.contractOpened .co-tit {
    padding-top: 10px
}

.alertPop.contractOpened .layer-btns {
    display: none
}

.enstyle .alertPop.contractOpened .layer-wrapper {
    width: auto
}

@media (max-width: 1480px) {
    .alertPop.contractOpened .layer-content {
        font-size: 19px
    }
}

.speical-link {
    position: relative;
    text-align: left
}

.speical-link .pic {
    float: left;
    width: 100px;
    height: 100px
}

.speical-link .info {
    padding-top: 10px;
    padding-bottom: 15px;
    margin-left: 130px
}

.speical-link .title {
    font-size: 13px;
    color: #333;
    padding-bottom: 5px
}

.speical-link .form {
    position: relative;
    padding-right: 105px
}

.speical-link input {
    border-color: #d1d1d1;
    color: #333
}

.speical-link input:focus {
    border-color: #aeaeae
}

.speical-link .copybtn {
    width: 90px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 0;
    -webkit-transition: all, .5s;
    -moz-transition: all, .5s;
    -ms-transition: all, .5s;
    transition: all, .5s
}

@media screen and (min-width: 1200px) {
    .speical-link .title {
        font-size: 14px;
        padding-bottom: 10px
    }
}

@media screen and (min-width: 1580px) {
    .speical-link .title {
        font-size: 16px
    }
}

.agent-page {
    color: #333
}

.agent-page .agent_part1 {
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 20px
}

.agent-page .agent_part1 .rotes {
    padding: 30px 15px;
    background-color: #424578
}

.agent-page .agent_part1 .rotes ul {
    max-width: 720px;
    margin: 0 auto
}

.agent-page .agent_part1 .rotes ul li {
    width: 33.333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    position: relative
}

.agent-page .agent_part1 .rotes ul li:before {
    position: absolute;
    width: 40px;
    content: "";
    display: block;
    left: 100%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 18px;
    height: 9px;
    background: url(/dist/images/right_arrow.png) no-repeat center right
}

.agent-page .agent_part1 .rotes ul li:last-child:before {
    display: none
}

.agent-page .agent_part1 .rotes ul li .number {
    height: 40px;
    line-height: 38px;
    width: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-family: Helvetica, arial, PingFangSC-Regular, "Microsoft Yahei", sans-serif;
    margin: 0 auto;
    border-radius: 50%;
    font-weight: 700;
    border: 1px solid #fff
}

.agent-page .agent_part1 .rotes ul li p {
    text-align: center;
    font-size: 10px;
    line-height: 1.4em;
    color: #fff;
    padding-top: 15px
}

.agent-page .agent_part1 .winner {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-top: 0
}

.agent-page .agent_part1 .winner li {
    padding: 10px;
    border-right: 1px solid #e2e2e2;
    float: left;
    width: 33.33%;
    position: relative
}

.agent-page .agent_part1 .winner li .number {
    margin: 0 auto 10px;
    height: 26px;
    width: 26px;
    color: #fff;
    text-align: center;
    line-height: 26px;
    font-family: Helvetica, arial, PingFangSC-Regular, "Microsoft Yahei", sans-serif;
    font-weight: 700;
    border-radius: 50%
}

.agent-page .agent_part1 .winner li .left {
    padding: 10px 0
}

.agent-page .agent_part1 .winner li .title {
    color: #999;
    font-size: 12px;
    padding-bottom: 10px
}

.agent-page .agent_part1 .winner li .name {
    font-size: 13px
}

.agent-page .agent_part1 .winner li .money {
    font-weight: 700;
    font-family: Helvetica, arial, PingFangSC-Regular, "Microsoft Yahei", sans-serif;
    font-size: 14px
}

.agent-page .agent_part1 .winner li:nth-child(1) .number {
    background-color: #d5bc7f
}

.agent-page .agent_part1 .winner li:nth-child(2) .number {
    background-color: #d0d0d0
}

.agent-page .agent_part1 .winner li:nth-child(3) {
    border-right: 0
}

.agent-page .agent_part1 .winner li:nth-child(3) .number {
    background-color: #d59b7f
}

.agent-page .agent_part2 {
    margin-bottom: 20px;
    padding: 20px 15px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 3px
}

.agent-page .agent_part2 .left {
    border-bottom: 1px solid #e2e2e2
}

.agent-page .agent_part2 .codenumber {
    font-size: 13px;
    padding-bottom: 20px;
    padding-left: 7px
}

.agent-page .agent_part2 .codenumber span {
    font-family: Helvetica, arial, PingFangSC-Regular, "Microsoft Yahei", sans-serif;
    font-weight: 700;
    font-size: 24px;
    padding-left: 15px
}

.agent-page .agent_part2 .right {
    padding-top: 15px
}

.agent-page .agent_part2 .right .item {
    width: 50%;
    float: left
}

.agent-page .agent_part2 .right span {
    font-size: 13px;
    color: #666
}

.agent-page .agent_part2 .right .num {
    padding-top: 5px;
    font-size: 24px;
    font-family: Helvetica, arial, PingFangSC-Regular, "Microsoft Yahei", sans-serif;
    font-weight: 700
}

.agent-page .agent_part2 .right .num small {
    font-weight: 400;
    font-size: 15px;
    color: #666;
    padding-left: 5px
}

.agent-page .agent_part3 .title {
    background-color: #424578;
    line-height: 24px;
    font-size: 13px;
    color: #fff;
    border-radius: 3px 3px 0 0
}

.agent-page .agent_tale {
    background-color: #fff;
    font-family: Helvetica, arial, PingFangSC-Regular, "Microsoft Yahei", sans-serif;
    color: #666;
    font-size: 12px;
    text-align: center;
    border: 1px solid #e2e2e2;
    border-top: 0;
    border-radius: 0 0 3px 3px;
    line-height: 24px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative
}

.agent-page .agent_tale .nodata {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%
}

.agent-page .agent_tale .col {
    padding: 3px;
    float: left;
    width: 33.33%
}

.agent-page .agent_tale .row {
    border-bottom: 1px solid #e2e2e2
}

.agent-page .agent_tale .agent_header {
    background-color: #f3f3f3;
    text-align: center;
    font-family: "Microsoft Yahei", PingFangSC-Regular, Helvetica, arial, sans-serif
}

.agent-page .agent_tale .agent_body {
    min-height: 93px
}

@media screen and (min-width: 1200px) {
    .agent-page .agent_part1 .rotes {
        padding-top: 40px;
        padding-bottom: 25px
    }

    .agent-page .agent_part1 .rotes ul li:before {
        width: 55px
    }

    .agent-page .agent_part1 .rotes ul li .number {
        font-size: 16px
    }

    .agent-page .agent_part1 .rotes ul li p {
        font-size: 12px
    }

    .agent-page .agent_part1 .winner li .left {
        float: left;
        width: 180px;
        padding-top: 0
    }

    .agent-page .agent_part1 .winner li .right {
        float: right;
        width: 85px
    }

    .agent-page .agent_part1 .winner li .title {
        font-size: 13px
    }

    .agent-page .agent_part2 {
        padding: 0
    }

    .agent-page .agent_part2 .left {
        float: left;
        border-bottom: 0;
        width: 74%;
        border-right: 1px solid #e2e2e2;
        padding: 28px 25px 35px 20px
    }

    .agent-page .agent_part2 .right {
        float: right;
        width: 26%;
        padding: 30px 10px 10px 25px
    }

    .agent-page .agent_part2 .right .item {
        float: none;
        width: 100%
    }

    .agent-page .agent_part2 .right .item:first-child {
        padding-bottom: 25px
    }

    .agent-page .agent_part2 .right .num {
        font-size: 25px
    }

    .agent-page .agent_part2 .right .num small {
        font-size: 16px
    }

    .agent-page .agent_part2 .codenumber {
        font-size: 14px;
        padding-bottom: 28px
    }

    .agent-page .agent_part2 .codenumber span {
        font-size: 28px
    }

    .agent-page .agent_part3 .title {
        font-size: 14px;
        line-height: 30px
    }

    .agent-page .agent_tale {
        font-size: 13px;
        margin-bottom: 0
    }

    .agent-page .agent_tale .col {
        padding: 5px
    }

    .agent-page .agent_tale .agent_body {
        min-height: 105px
    }
}

@media screen and (min-width: 1580px) {
    .agent-page .agent_part1 .rotes {
        padding-top: 55px;
        padding-bottom: 40px
    }

    .agent-page .agent_part1 .rotes ul li:before {
        width: 72px
    }

    .agent-page .agent_part1 .rotes ul li .number {
        border: 2px solid #fff;
        line-height: 36px
    }

    .agent-page .agent_part1 .rotes ul li p {
        padding-top: 22px
    }

    .agent-page .agent_part1 .winner li {
        padding: 25px 15px
    }

    .agent-page .agent_part1 .winner li .number {
        position: absolute;
        margin-bottom: 0;
        left: 15px;
        margin-top: -5px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

    .agent-page .agent_part1 .winner li .left {
        float: left;
        width: 225px;
        padding-left: 35px
    }

    .agent-page .agent_part1 .winner li .right {
        float: right;
        width: 100px
    }

    .agent-page .agent_part1 .winner li .title {
        padding-bottom: 15px
    }

    .agent-page .agent_part1 .winner li .name {
        font-size: 14px
    }

    .agent-page .agent_part1 .winner li .money {
        font-size: 16px
    }

    .agent-page .agent_part2 .left {
        border-bottom: 0;
        width: 820px;
        border-right: 1px solid #e2e2e2;
        padding: 38px 35px 45px 30px
    }

    .agent-page .agent_part2 .right {
        width: 310px;
        padding: 40px 10px 20px 35px
    }

    .agent-page .agent_part2 .right .item {
        position: relative;
        padding-left: 100px
    }

    .agent-page .agent_part2 .right .item:first-child {
        padding-bottom: 70px
    }

    .agent-page .agent_part2 .right span {
        font-size: 14px;
        position: absolute;
        left: 0;
        top: 8px
    }

    .agent-page .agent_part2 .right .num {
        font-size: 26px;
        padding-top: 0
    }

    .agent-page .agent_part2 .right .num small {
        font-size: 18px
    }

    .agent-page .agent_part2 .codenumber {
        font-size: 16px
    }

    .agent-page .agent_part2 .codenumber span {
        font-size: 30px
    }

    .agent-page .agent_part3 .title {
        font-size: 16px;
        line-height: 36px
    }

    .agent-page .agent_tale {
        font-size: 14px
    }

    .agent-page .agent_tale .col {
        padding: 5px 10px
    }
}

.api-page .api_part1 {
    position: relative;
    background-color: #ffcb30;
    border-radius: 5px;
    border: 1px solid #e69800;
    color: #d46f09;
    padding: 15px;
    line-height: 22px;
    margin-bottom: 20px
}

.api-page .api_part1 .title {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 10px
}

.api-page .api_part1 .title .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    color: #fff;
    margin-right: 8px;
    background-color: #e0770e;
    border-radius: 50%;
    text-align: center
}

.api-page .api_part1 .title .icon .iconfont {
    font-size: 14px
}

.api-page .api_part1 .text {
    font-size: 12px
}

.api-page .api_part2 {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    margin-bottom: 20px;
    padding: 30px 15px 40px
}

.api-page .api_part2 .formbox {
    max-width: 640px
}

.api-page .common-form .sendcord {
    position: relative;
    padding-right: 130px
}

.api-page .common-form .sendcord .btn-sendbtn {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.api-page .api_tale {
    background-color: #fff;
    font-family: Helvetica, arial, PingFangSC-Regular, "Microsoft Yahei", sans-serif;
    color: #666;
    font-size: 8px;
    text-align: center;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    line-height: 24px
}

.api-page .api_tale .col {
    padding: 3px;
    float: left;
    width: 23%
}

.api-page .api_tale .col:first-child {
    width: 15%
}

.api-page .api_tale .col:last-child {
    width: 16%
}

.api-page .api_tale .row {
    border-bottom: 1px solid #e2e2e2
}

.api-page .api_tale .api_header {
    background-color: #f3f3f3;
    text-align: center;
    font-family: "Microsoft Yahei", PingFangSC-Regular, Helvetica, arial, sans-serif
}

@media screen and (min-width: 1200px) {
    .api-page .api_part1 {
        padding: 20px
    }

    .api-page .api_part1 .title {
        position: absolute;
        left: 20px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        margin-bottom: 0;
        font-size: 16px
    }

    .api-page .api_part1 .text {
        padding-left: 140px;
        font-size: 14px
    }

    .api-page .api_part2 {
        margin-bottom: 25px;
        padding: 40px 25px 50px 45px
    }

    .api-page .api_tale {
        font-size: 10px
    }

    .api-page .api_tale .col {
        padding: 5px
    }
}

@media screen and (min-width: 1580px) {
    .api-page .api_part2 {
        margin-bottom: 30px;
        padding: 50px 25px 60px 65px
    }

    .api-page .common-form .row {
        padding-left: 110px
    }

    .api-page .common-form .label-1 {
        width: 110px
    }

    .api-page .api_tale {
        font-size: 14px
    }

    .api-page .api_tale .col {
        padding: 5px 10px
    }
}

.celebrity-page .celebrity_part1 {
    border-radius: 5px;
    overflow: hidden
}

.celebrity-page .Title {
    height: 44px;
    line-height: 44px;
    padding-left: 30px;
    color: #fff;
    background-color: #424578;
    font-size: 16px;
    border-bottom: 1px solid #e2e2e2;
    border-radius: 5px 5px 0 0
}

.celebrity-page .tip {
    position: relative;
    background-color: #ffcb30;
    border-radius: 5px;
    border: 1px solid #e69800;
    color: #d46f09;
    padding: 5px 15px;
    line-height: 22px;
    margin-top: 25px;
    margin-bottom: 20px
}

.celebrity-page .tip .title {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 10px
}

.celebrity-page .tip .title .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    color: #fff;
    margin-right: 8px;
    background-color: #e0770e;
    border-radius: 50%;
    text-align: center
}

.celebrity-page .tip .title .icon .iconfont {
    font-size: 14px
}

.celebrity-page .tip .text {
    font-size: 12px
}

.celebrity-page .formbox {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-top: 0;
    padding: 30px 25px 50px
}

.celebrity-page .upload-imgs {
    padding: 0;
    margin-top: 10px
}

.celebrity-page .upload-imgs .upload-box {
    padding-top: 63.6363%;
    background: 0 0;
    border: 1px dashed #c3c3c3;
    border-radius: 5px;
    position: relative
}

.celebrity-page .upload-imgs .upload-box:before {
    top: 7px;
    left: 7px;
    right: 7px;
    bottom: 7px;
    content: "";
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.celebrity-page .upload-imgs .upload-img {
    padding-top: 0;
    padding-bottom: 0
}

.celebrity-page .upload-imgs .upload-img.active .upload-box:before {
    background: 0 0 !important
}

.celebrity-page .upload-imgs .upload-img.active .upload-box .img {
    background: url(../images/idcard1.jpg) no-repeat center center;
    background-size: contain
}

.celebrity-page .upload-imgs .upload-img:nth-child(1) .upload-box:before {
    background-image: url(../images/idcard1.jpg)
}

.celebrity-page .upload-imgs .upload-img:nth-child(2) .upload-box:before {
    background-image: url(../images/idcard2.jpg)
}

.celebrity-page .upload-imgs .upload-img:nth-child(3) .upload-box:before {
    background-image: url(../images/idcard3.jpg)
}

.celebrity-page .common-form {
    max-width: 865px;
    margin: 0 auto
}

.celebrity-page .common-form .label-1 {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    top: 0;
    padding-left: 10px
}

.celebrity-page .common-form .row-submit {
    text-align: left
}

@media screen and (min-width: 1200px) {
    .celebrity-page .Title {
        font-size: 18px
    }

    .celebrity-page .tip {
        padding: 7px 20px;
        margin-top: 35px;
        margin-bottom: 30px
    }

    .celebrity-page .tip .title {
        position: absolute;
        left: 20px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        margin-bottom: 0;
        font-size: 16px
    }

    .celebrity-page .tip .text {
        padding-left: 140px;
        font-size: 14px
    }

    .celebrity-page .upload-imgs {
        margin-top: 20px
    }

    .celebrity-page .common-form .label-1 {
        padding-left: 15px
    }
}

@media screen and (min-width: 1580px) {
    .celebrity-page .tip {
        margin-top: 45px;
        margin-bottom: 40px
    }

    .celebrity-page .formbox {
        padding: 50px 90px 90px 0
    }

    .celebrity-page .upload-imgs {
        margin-top: 30px
    }

    .celebrity-page .common-form .label-1 {
        padding-left: 25px
    }
}

.pagination {
    text-align: center;
    font-size: 10px;
    padding-top: 15px;
    padding-bottom: 15px
}

.pagination a {
    display: inline-block;
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    color: #888
}

.pagination a.next, .pagination a.prev {
    width: auto;
    padding-left: 10px;
    padding-right: 10px
}

.pagination a.active, .pagination a:hover {
    color: #333;
    background-color: #e9e9e9
}

.table-style2 {
    font-family: Helvetica, arial, PingFangSC-Regular, "Microsoft Yahei", sans-serif;
    color: #666;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    line-height: 24px
}

.table-style2 .thead {
    background-color: #fff;
    text-align: center;
    font-family: "Microsoft Yahei", PingFangSC-Regular, Helvetica, arial, sans-serif
}

.table-style2 .thead .td {
    height: 36px
}

.table-style2 .thead .desc .sort-type:before {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 4px solid #000;
    border-top: none
}

.table-style2 .thead .desc .sort-type.desc-sort {
    display: inline-block
}

.table-style2 .thead .desc .sort-type.asc-sort {
    display: none
}

.table-style2 .tbody .td {
    height: 46px
}

.table-style2 .td {
    padding-left: 10px;
    position: relative;
    text-align: left;
    border-bottom: 1px solid #e2e2e2
}

.table-style2 .sort-type {
    position: absolute;
    margin-left: 5px;
    display: inline-block;
    padding-left: 10px;
    color: #888;
    cursor: pointer;
    font-size: 79%
}

.table-style2 .sort-type:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-right: 2px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #000
}

.table-style2 .asc-sort {
    display: inline-block
}

.table-style2 .desc-sort {
    display: none
}

.table-style2 .logoimg {
    width: 16px;
    display: inline-block;
    margin-right: 3px;
    overflow: hidden;
    border-radius: 50%;
    vertical-align: middle
}

.table-style2 .logoimg img {
    vertical-align: top
}

.table-style2 .col-btn {
    display: inline-block;
    vertical-align: middle;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 24px;
    border: 1px solid #d1d1d1;
    color: #666;
    font-size: 12px;
    border-radius: 30px;
    margin: 0 3px
}

.table-style2 .col-btn.noactive {
    background-color: #dbdbdb;
    color: #fff;
    border-color: #dbdbdb
}

.table-style2 .col-btn.noactive:hover {
    background-color: #dbdbdb;
    color: #fff;
    border-color: #dbdbdb
}

.table-style2 .col-btn.active, .table-style2 .col-btn:hover {
    border-color: #5E40CC;
    color: #fff;
    background-color: #5E40CC;
}

.table-style2 .edit-btn {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
    color: #909090;
    text-align: center;
    vertical-align: middle;
    margin-left: 10px
}

.table-style2 .edit-btn:hover {
    background-color: #f2a502;
    color: #fff
}

.table-style2 .trade-btn {
    position: relative;
    display: inline-block
}

.table-style2 .trade-btn nav {
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 90px;
    text-align: center;
    position: absolute;
    z-index: 3;
    display: none
}

.table-style2 .trade-btn nav .arrow {
    height: 5px;
    line-height: 5px
}

.table-style2 .trade-btn nav .arrow:before {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #424578
}

.table-style2 .trade-btn nav dl {
    border-radius: 3px;
    background-color: #424578;
    padding: 5px
}

.table-style2 .trade-btn nav dl dd {
    margin-bottom: 1px
}

.table-style2 .trade-btn nav a {
    display: block;
    line-height: 22px;
    border-radius: 2px;
    font-size: 10px;
    color: #fff;
    background-color: #555886;
    text-transform: uppercase
}

.table-style2 .trade-btn nav a:hover {
    background-color: #ffad0e
}

.table-style2 .trade-btn:hover nav {
    display: block
}

.table-style3 {
    font-size: 12px
}

.table-style3 .thead {
    background-color: #f3f3f3;
    font-size: 12px
}

.table-style3 .thead .td {
    color: #666;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.table-style3 .td {
    line-height: 30px;
    width: 15%;
    text-align: center;
    color: #333;
    font-size: 12px;
    padding: 10px 5px;
    border-bottom: 1px solid #ececec
}

.table-style3 .td:first-child {
    width: 32%;
    text-align: left;
    padding-left: 20px
}

.table-style3 .td:nth-child(4) {
    width: 23%
}

.table-style3 .vip {
    display: inline-block;
    margin-left: 5px;
    padding-left: 15px;
    color: #ffad0e;
    font-family: arial;
    font-size: 14px;
    background: url(../images/vip.png) no-repeat left center;
    background-size: 15px
}

.table-style3 .paybtn {
    display: inline-block;
    border: 1px solid #d2d2d2;
    color: #d2d2d2;
    font-size: 14px;
    width: 30px;
    text-align: center;
    line-height: 28px;
    height: 30px;
    border-radius: 50%
}

.table-style3 .paybtn.active, .table-style3 .paybtn:hover {
    color: #fff
}

.table-style3 .paybtn.paybtn-1.active, .table-style3 .paybtn.paybtn-1:hover {
    border-color: #00a7ea;
    background-color: #00a7ea
}

.table-style3 .paybtn.paybtn-2.active, .table-style3 .paybtn.paybtn-2:hover {
    border-color: #6bc667;
    background-color: #6bc667
}

.table-style3 .paybtn.paybtn-3.active, .table-style3 .paybtn.paybtn-3:hover {
    border-color: #fc6868;
    background-color: #fc6868
}

.table-style3 .buybtn {
    display: inline-block;
    width: 60px;
    height: 30px;
    line-height: 28px;
    color: #fff;
    background-color: #32ad5d;
    border: 1px solid #32ad5d;
    border-radius: 50px
}

.table-style3 .buybtn:hover {
    color: #32ad5d;
    background-color: #fff
}

.table-style4 {
    font-size: 12px
}

.table-style4 .tbody .tr.active, .table-style4 .tbody .tr:hover {
    background-color: #ffad0e
}

.table-style4 .tbody .tr.active .tipbtn, .table-style4 .tbody .tr:hover .tipbtn {
    border-color: #fff;
    color: #fff
}

.table-style4 .tbody .tr.active .tipbtn:hover, .table-style4 .tbody .tr:hover .tipbtn:hover {
    border-color: #424578
}

.table-style4 .tbody .tr.active .td, .table-style4 .tbody .tr:hover .td {
    color: #fff
}

.table-style4 .thead {
    background-color: #f3f3f3
}

.table-style4 .thead .td {
    color: #666;
    line-height: 24px
}

.table-style4 .td {
    color: #333;
    line-height: 34px;
    padding: 5px;
    border-bottom: 1px solid #e2e2e2;
    width: 17%;
    text-align: center
}

.table-style4 .td:first-child {
    width: 18%
}

.table-style4 .td:nth-child(5) {
    width: 9%
}

.table-style4 .td:last-child {
    width: 22%
}

.table-style5 {
    font-size: 12px
}

.table-style5 .thead {
    background-color: #f3f3f3
}

.table-style5 .thead .td {
    color: #666;
    line-height: 22px
}

.table-style5 .td {
    color: #333;
    line-height: 28px;
    padding: 5px;
    border-bottom: 1px solid #e2e2e2;
    width: 11%;
    text-align: center
}

.table-style5 .td:first-child {
    width: 18%
}

.table-style5 .td:nth-child(3) {
    width: 17%
}

.table-style5 .td:nth-child(6) {
    width: 9%
}

.table-style5 .td:last-child {
    width: 22%
}

.table-style5 .tbody .tr {
    background-color: #fff
}

.table-style5 .tbody .tr:nth-child(even) {
    background-color: #f3f3f3
}

.table-style6 {
    font-size: 12px
}

.table-style6 .thead {
    background-color: #f3f3f3
}

.table-style6 .thead .td {
    color: #666;
    line-height: 24px
}

.table-style6 .td {
    color: #333;
    line-height: 34px;
    padding: 5px;
    border-bottom: 1px solid #e2e2e2;
    text-align: center
}

.table-style6 .td:first-child {
    width: 18%
}

.table-style6 .td:nth-child(5) {
    width: 10%
}

.table-style7 {
    font-size: 12px
}

.table-style7 .thead {
    background-color: #f3f3f3
}

.table-style7 .thead .td {
    color: #666;
    line-height: 24px;
    padding: 5px 8px
}

.table-style7 .td {
    color: #333;
    line-height: 34px;
    padding: 5px 5px;
    border-bottom: 1px solid #e2e2e2;
    text-align: left;
    width: 17%
}

.table-style7 .td:first-child {
    width: 18%;
    padding-left: 30px
}

.table-style7 .td:last-child {
    width: 14%;
    text-align: center
}

.table-style7 .icon-Star {
    color: #ffad0e;
    font-size: 85%;
    margin-right: 5px
}

.table-style7 .buybtn {
    display: inline-block;
    width: 60px;
    height: 26px;
    line-height: 24px;
    color: #fff;
    background-color: #32ad5d;
    border: 1px solid #32ad5d;
    border-radius: 50px;
    -webkit-transition: all, .5s;
    -moz-transition: all, .5s;
    -ms-transition: all, .5s;
    transition: all, .5s
}

.table-style7 .buybtn:hover {
    color: #32ad5d;
    background-color: #fff
}

.table-style7 .infobtn {
    display: inline-block;
    width: 70px;
    height: 26px;
    line-height: 24px;
    color: #fff;
    background-color: #ee5030;
    border: 1px solid #ee5030;
    border-radius: 50px;
    margin-left: 5px;
    -webkit-transition: all, .5s;
    -moz-transition: all, .5s;
    -ms-transition: all, .5s;
    transition: all, .5s
}

.table-style7 .infobtn:hover {
    color: #ee5030;
    background-color: #fff
}

.table-style8 {
    font-size: 12px
}

.table-style8 .thead {
    background-color: #f3f3f3
}

.table-style8 .thead .td {
    color: #666;
    line-height: 24px
}

.table-style8 .thead .td:last-child {
    padding-right: 15px
}

.table-style8 .td {
    color: #333;
    line-height: 34px;
    padding: 5px;
    border-bottom: 1px solid #e2e2e2;
    text-align: left;
    width: 10%
}

.table-style8 .td:first-child {
    width: 13%;
    padding-left: 30px
}

.table-style8 .td:nth-child(2) {
    width: 6%
}

.table-style8 .td.hd1 {
    width: 10%
}

.table-style8 .td.hd2 {
    width: 8%
}

.table-style8 .td:nth-child(3) {
    width: 10%
}

.table-style8 .td:nth-child(6) {
    width: 6%
}

.table-style8 .td:last-child {
    width: 14%;
    text-align: right
}

.table-style8 .tdbtn {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 24px;
    border: 1px solid #d1d1d1;
    color: #666;
    font-size: 10px;
    border-radius: 30px;
    margin: 0 2px;
    -webkit-transition: all, .5s;
    -moz-transition: all, .5s;
    -ms-transition: all, .5s;
    transition: all, .5s
}

.table-style8 .tdbtn.noactive {
    background-color: #dbdbdb;
    color: #fff;
    border-color: #dbdbdb
}

.table-style8 .tdbtn.noactive:hover {
    background-color: #dbdbdb;
    color: #fff;
    border-color: #dbdbdb
}

.table-style8 .tdbtn.truebtn {
    border-color: #32ad5d;
    color: #fff;
    background-color: #32ad5d
}

.table-style8 .tdbtn.truebtn:hover {
    border-color: #32ad5d;
    color: #32ad5d;
    background-color: #fff
}

.table-style8 .tdbtn:hover {
    color: #666;
    border-color: #aaaed3;
    background-color: #e9e9f0
}

.table-style9 {
    background-color: #fff
}

.table-style9 .thead {
    background-color: #55578a
}

.table-style9 .thead .td {
    color: #fff;
    font-weight: 700
}

.table-style9 .thead .td:first-child {
    padding-left: 45px
}

.table-style9 .tr {
    border-bottom: 1px solid #f5f5f5
}

.table-style9 .tr:last-child {
    border-bottom: 0
}

.table-style9 .tr:nth-child(even) {
    background-color: #f9f9f9
}

.table-style9 .td {
    text-align: center;
    color: #333;
    padding: 10px;
    font-size: 14px;
    line-height: 24px
}

.table-style9 .td:first-child {
    width: 14%;
    text-align: left;
    padding-left: 50px
}

.table-style9 .td:nth-child(2) {
    width: 39.1%;
    text-align: left
}

.table-style9 .td .coin_img {
    width: 24px;
    height: 24px;
    float: left
}

.table-style9 .td .coin_img img {
    vertical-align: top;
    border-radius: 50%
}

.table-style9 .td .s_name {
    float: left;
    padding-left: 15px;
    padding-right: 5px;
    font-weight: 700
}

.table-style9 .td .l_name {
    float: left;
    color: #999
}

@media screen and (min-width: 1200px) {
    .table-style2 {
        font-size: 13px
    }

    .table-style2 .td {
        padding: 5px
    }

    .table-style2 .td:last-child {
        padding-right: 25px
    }

    .table-style2 .col-btn {
        font-size: 13px;
        padding-left: 15px;
        padding-right: 15px;
        line-height: 26px
    }

    .table-style2 .logoimg {
        width: 20px
    }

    .table-style2 .edit-btn {
        width: 30px;
        height: 30px;
        line-height: 30px
    }

    .table-style2 .trade-btn nav {
        width: 105px
    }

    .table-style2 .trade-btn nav dl {
        padding: 8px
    }

    .table-style2 .trade-btn nav a {
        font-size: 12px;
        line-height: 24px
    }

    .table-style2 .assent_body {
        min-height: 70px
    }

    .table-style4, .table-style5, .table-style6, .table-style7, .table-style8 {
        font-size: 13px
    }

    .table-style7 .td:first-child, .table-style8 .td:first-child {
        padding-left: 40px
    }

    .table-style8 .tdbtn {
        font-size: 14px;
        padding-left: 15px;
        padding-right: 15px;
        line-height: 26px
    }

    .pagination {
        font-size: 13px;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .pagination a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 15px
    }

    .pagination a.next, .pagination a.prev {
        width: auto;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (min-width: 1580px) {
    .table-style2 {
        font-size: 13px;
        line-height: 28px
    }

    .table-style2 .td {
        padding: 5px 10px
    }

    .table-style2 .td:last-child {
        padding-right: 30px
    }

    .table-style2 .edit-btn {
        width: 35px;
        height: 35px;
        line-height: 35px
    }

    .table-style2 .sort-type {
        font-size: 10px
    }

    .table-style2 .col-btn {
        font-size: 12px
    }

    .table-style2 .logoimg {
        width: 24px;
        margin-right: 6px
    }

    .table-style2 .trade-btn nav {
        width: 120px
    }

    .table-style2 .trade-btn nav dl {
        padding: 10px
    }

    .table-style2 .trade-btn nav a {
        font-size: 14px;
        line-height: 26px
    }

    .table-style2 .assent_body {
        min-height: 80px
    }

    .table-style3 {
        font-size: 14px
    }

    .table-style3 .td {
        line-height: 34px;
        font-size: 14px
    }

    .table-style3 .td:first-child {
        padding-left: 25px
    }

    .table-style3 .paybtn {
        width: 34px;
        line-height: 32px;
        height: 34px;
        font-size: 16px
    }

    .table-style3 .buybtn {
        line-height: 32px;
        height: 34px
    }

    .table-style4, .table-style5, .table-style6, .table-style7, .table-style8 {
        font-size: 14px
    }

    .table-style7 .td:first-child, .table-style8 .td:first-child {
        padding-left: 48px
    }

    .pagination {
        font-size: 14px;
        padding-top: 25px;
        padding-bottom: 25px
    }

    .table-style9 .thead .td:first-child {
        padding-left: 63px
    }

    .table-style9 .td {
        line-height: 30px;
        font-size: 16px;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .table-style9 .td:first-child {
        padding-left: 70px
    }

    .table-style9 .td .coin_img {
        width: 30px;
        height: 30px
    }
}

.discounts {
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 35px;
    color: #fff;
    font-size: 10px;
    text-align: center
}

.discounts:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-bottom: 35px solid transparent;
    border-right: 50px solid #ec4751
}

.discounts span {
    position: absolute;
    top: 30%;
    left: 70%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%) rotate(36deg);
    -moz-transform: translate(-50%, -50%) rotate(36deg);
    -ms-transform: translate(-50%, -50%) rotate(36deg);
    transform: translate(-50%, -50%) rotate(36deg)
}

@media screen and (min-width: 1200px) {
    .discounts {
        width: 65px;
        height: 45px;
        font-size: 11px
    }

    .discounts:before {
        border-bottom: 37px solid transparent;
        border-right: 52px solid #ec4751
    }
}

@media screen and (min-width: 1580px) {
    .discounts {
        width: 75px;
        height: 55px;
        font-size: 14px
    }

    .discounts:before {
        border-bottom: 48px solid transparent;
        border-right: 60px solid #ec4751
    }
}

.poundage .notip {
    position: relative;
    background-color: #424578;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    height: 20px;
    border-radius: 20px;
    display: inline-block;
    line-height: 20px;
    text-align: center;
    color: #fff;
    font-style: normal
}

.poundage .notip:after {
    content: "";
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 9px solid #424578;
    content: "";
    display: block;
    position: absolute;
    bottom: 1px;
    left: -3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.byb-tips {
    font-style: normal;
    line-height: 1;
    display: inline-block;
    border: 1px solid #e24a2b;
    border-radius: 3px;
    font-size: 12px;
    color: #e24a2b;
    padding: 3px 4px
}

.no-data {
    padding: 20px
}

.no-data img {
    width: 70px
}

.no-data p {
    font-size: 14px;
    margin-top: 10px;
    color: #d6d6d6
}

.assent_img_bg {
    padding: 1px 2px;
    border: 1px solid #424578;
    border-radius: 3px;
    background: rgba(148, 150, 186, .1);
    margin-left: 8px
}

.assent_img_bg img {
    vertical-align: inherit
}

.assentMask {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5)
}

.assentMask .assent_tContent {
    width: 410px;
    height: 540px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -205px;
    margin-top: -270px;
    top: 50%
}

.assentMask .assent_tContent .assent_tContent_head {
    position: relative;
    width: 100%;
    height: 115px;
    border-bottom: 1px solid #ededf5;
    padding-top: 40px
}

.assentMask .assent_tContent .assent_tContent_head .close {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid #75718d;
    text-align: center;
    line-height: 18px;
    color: #75718d;
    font-weight: 500
}

.assentMask .assent_tContent .assent_tContent_head .title {
    width: 100%;
    color: #333;
    font-size: 28px;
    text-align: center
}

.assentMask .assent_tContent .assent_tContent_head .instructions {
    width: 100%;
    color: #75718d;
    font-size: 13px;
    text-align: center
}

.assentMask .assent_tContent .assent_select_button {
    width: 100%;
    text-align: center;
    margin-top: 22px
}

.assentMask .assent_tContent .assent_select_button button {
    width: 120px;
    height: 42px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    font-size: 15px;
    border-radius: 20px;
    background-color: #424578;
    cursor: pointer
}

.assentMask .assent_tContent .assent_select {
    padding-top: 20px;
    width: 350px;
    margin: 0 auto
}

.assentMask .assent_tContent .assent_select span {
    color: #b0adc2;
    font-size: 15px;
    font-weight: 700;
    width: 100%
}

.assentMask .assent_tContent .assent_select select {
    height: 36px;
    width: 100%;
    margin-top: 5px;
    text-indent: 10px;
    background-color: #fff;
    color: #333;
    font-size: 16px;
    line-height: 36px;
    border: 1px solid #dad8e2;
    border-radius: 3px;
    font-weight: 700
}

.assentMask .assent_tContent .assent_select .assent_select_input {
    border: 1px solid #dad8e2;
    height: 36px;
    width: 100%;
    margin-top: 10px;
    text-indent: 10px;
    background-color: #fff;
    color: #333;
    font-size: 16px;
    line-height: 36px;
    text-align: left;
    border-radius: 3px;
    display: flex;
    flex: 1
}

.assentMask .assent_tContent .assent_select .assent_select_input input {
    height: 34px;
    width: 85%;
    border: none;
    text-indent: 10px
}

.assentMask .assent_tContent .assent_select .assent_select_input span {
    color: #333;
    font-size: 16px;
    cursor: pointer;
    width: auto
}

.assent_addList {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: stretch;
    height: 82px;
    background-color: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: 1px solid #e2e2e2;
    border-bottom: 0
}

.assent_addList ul {
    display: flex;
    align-items: stretch;
    width: 100%;
    overflow: hidden
}

.assent_addList li {
    position: relative;
    min-width: 360px;
    border-right: 1px solid #e2e2e2;
    cursor: pointer;
    transition: .3s ease-in-out;
    padding: 16px 20px
}

.assent_addList li.active {
    box-shadow: 1px 8px 10px 0 rgba(58, 61, 111, .08)
}

.assent_addList li.active::before {
    width: 100%
}

.assent_addList li.active span::before {
    background-color: #424578
}

.assent_addList li.active .state {
    top: 2px
}

.assent_addList li::before {
    position: absolute;
    left: 0;
    top: -1px;
    content: '';
    height: 3px;
    width: 0;
    background-color: #424578;
    transition: .3s ease-in-out;
    border-radius: 3px 3px 0 0
}

.assent_addList li:first-child {
    border-radius: 3px 0 0 0
}

.assent_addList li input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.assent_addList li .icon-box {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 20px;
    right: 16px
}

.assent_addList li :checked ~ .icon-box .icon {
    background-image: url(../images/assentHide.svg)
}

.assent_addList li :checked ~ p a:nth-child(2) {
    display: none
}

.assent_addList li :checked ~ p a:nth-child(3) {
    display: inline-block
}

.assent_addList li .icon {
    width: 22px;
    height: 14px;
    background: url(../images/assentShow.svg) left center no-repeat;
    background-size: contain;
    cursor: pointer
}

.assent_addList li span {
    position: relative;
    display: block;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 8px;
    padding-left: 12px
}

.assent_addList li span::before {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: transparent;
    transition: .3s ease-in-out
}

.assent_addList li p {
    display: flex;
    align-items: flex-end
}

.assent_addList li a {
    font-weight: 700
}

.assent_addList li a:first-child {
    align-self: center;
    font-size: 16px
}

.assent_addList li a:nth-child(2), .assent_addList li a:nth-child(3) {
    font-size: 24px;
    padding-left: 2px;
    padding-right: 12px
}

.assent_addList li a:nth-child(3) {
    display: none
}

.assent_addList li a:last-child {
    font-size: 12px
}

.assent_addList li.contract-list .icon-box {
    top: 48px
}

.assent_addList li .state {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 0 13px;
    height: 20px;
    min-width: 55px;
    color: #fff;
    font-size: 12px;
    transition: top .3s ease-in-out;
    padding: 0 5px 0 8px
}

.assent_addList li .state.notopen {
    background-color: #fba41f
}

.assent_addList li .state.frozen {
    background-color: #888bb7
}

.assent-page .listtop {
    padding: 10px 15px;
    position: relative;
    background-color: #fff;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2
}

.assent-page .listtop.addresstop {
    background-color: #424578
}

.assent-page .listtop h4 {
    float: left;
    font-size: 18px;
    color: #fff;
    line-height: 30px
}

.assent-page .listtop .list-right {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.assent-page .listtop .list-right .search_box {
    position: static;
    float: left;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.assent-page .listtop .list-right .btn-style1 {
    color: #fff;
    font-size: 12px;
    border-radius: 30px;
    text-align: center;
    width: 85px;
    line-height: 28px;
    height: 30px;
    float: left;
    margin-right: 20px;
    border: 1px solid rgba(255, 255, 255, .5)
}

.assent-page .listtop .list-right .btn-style1:hover {
    background-color: #fff;
    border-color: #fff;
    color: #333
}

.assent-page .listtop .search_box {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.assent-table .thead .td {
    padding-left: 13px
}

.assent-table .td {
    width: 15%;
    text-align: left
}

.assent-table .td:first-child {
    width: 12%;
    padding-left: 15px
}

.assent-table .td:last-child {
    width: 38%;
    text-align: right;
    padding-right: 10px
}

.top-up {
    padding: 0 10px 10px;
    text-align: left;
    background-color: #f1f1f1;
    display: none
}

.top-up .slideup {
    text-align: right;
    font-size: 11px;
    color: #666;
    height: 32px;
    line-height: 32px;
    cursor: pointer
}

.top-up .s-hd {
    font-size: 14px;
    color: #333;
    font-weight: 700;
    margin-bottom: 15px;
    height: 16px;
    line-height: 16px
}

.top-up .newBgBox {
    position: relative;
    border: 1px solid #dedede;
    background-color: #fff;
    border-radius: 3px;
    overflow: hidden
}

.top-up .simple-type {
    float: left;
    width: 60%;
    padding-right: 5px
}

.top-up .simple-type.only-type {
    width: 100%;
    padding-right: 0
}

.top-up .simple-type.only-type .bd {
    padding-right: 30%
}

.top-up .simple-type.only-type .bd .s-hd {
    display: none
}

.top-up .simple-type .s-tab {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    margin-top: -12px
}

.top-up .simple-type .s-tab .item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    height: 25px;
    font-size: 12px;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    transition: .3s ease-in-out;
    text-transform: uppercase;
    margin-right: 16px;
    cursor: pointer
}

.top-up .simple-type .s-tab .item::before {
    position: absolute;
    right: 0;
    bottom: 0;
    content: '';
    transition: .3s ease-in-out;
    border-right: 8px solid transparent;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    border-left: 8px solid transparent
}

.top-up .simple-type .s-tab .item::after {
    position: absolute;
    content: '';
    bottom: 10%;
    right: 2px;
    width: 4px;
    height: 7px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(40deg)
}

.top-up .simple-type .s-tab .item.active {
    color: #3d3d70;
    border-color: #3d3d70
}

.top-up .simple-type .s-tab .item.active::before {
    border-right-color: #3d3d70;
    border-bottom-color: #3d3d70
}

.top-up .simple-type .s-tab .item:last-child {
    margin-right: 0
}

.top-up .simple-type .bd {
    background-color: #fff;
    border-radius: 3px;
    padding: 10px 10px 14px;
    overflow: hidden
}

.top-up .simple-type .speical-link {
    margin-bottom: 15px
}

.top-up .simple-type .speical-link:last-child {
    margin-bottom: 0
}

.top-up .simple-type .speical-link .title .tips-txt {
    color: #ef5030
}

.top-up .simple-type .speical-tip {
    margin-bottom: 0
}

.top-up .hpy-type {
    position: relative;
    float: right;
    width: 40%;
    text-align: center;
    padding-left: 5px
}

.top-up .hpy-type:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1px;
    background-color: #dedede
}

.top-up .hpy-type .bd {
    position: relative;
    background-color: #fff;
    border-radius: 3px;
    padding: 15px;
    min-height: 230px;
    overflow: hidden
}

.top-up .hpy-type .s-hd {
    margin-bottom: 0
}

.top-up .hpy-type .s-bd {
    padding-top: 10px
}

.top-up .hpy-type .get-ewm {
    position: relative;
    border: 1px solid #dedede;
    padding: 5px;
    width: 130px;
    height: 130px;
    margin-left: auto;
    margin-right: auto
}

.top-up .hpy-type .get-ewm .btn {
    position: absolute;
    top: 50%;
    left: 5px;
    right: 5px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.top-up .hpy-type .get-ewm .img {
    width: 100%;
    height: 100%;
    background-color: #e9e9e9
}

.top-up .hpy-type .get-ewm .img img {
    width: 100%;
    height: 100%
}

.top-up .hpy-type .s-tip {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    color: #bbb;
    padding-bottom: 2px;
    font-size: 10px
}

.top-up .hpy-type .s-tip .s-down {
    text-align: center;
    color: #424578;
    font-weight: 700;
    font-size: 12px
}

.top-up .hpy-type .s-tip .s-down img {
    width: 14px;
    height: 14px;
    margin-right: 3px
}

.top-up .speical-link .info {
    padding-top: 0;
    padding-bottom: 0
}

@media screen and (min-width: 1200px) {
    .assent-page .listtop {
        padding: 10px 20px
    }

    .assent-table {
        font-size: 12px
    }

    .assent-table .thead .td {
        padding-left: 8px
    }

    .assent-table .td:first-child {
        width: 15%;
        padding-left: 20px
    }

    .top-up {
        padding: 0 15px 15px
    }

    .top-up .slideup {
        font-size: 12px;
        height: 36px;
        line-height: 36px
    }

    .top-up .s-hd {
        font-size: 16px;
        margin-bottom: 20px;
        height: 20px;
        line-height: 20px
    }

    .top-up .simple-type {
        padding-right: 7px
    }

    .top-up .simple-type .bd {
        padding: 20px
    }

    .top-up .simple-type .speical-link {
        margin-bottom: 20px
    }

    .top-up .hpy-type {
        padding-left: 10px
    }

    .top-up .hpy-type .bd {
        padding: 20px;
        min-height: 268px
    }

    .top-up .hpy-type .s-bd {
        padding-top: 20px
    }

    .top-up .hpy-type .s-tip {
        font-size: 11px;
        padding-bottom: 8px
    }

    .top-up .hpy-type .s-tip .s-down {
        font-size: 13px
    }

    .top-up .hpy-type .get-ewm {
        padding: 10px;
        width: 150px;
        height: 150px
    }

    .top-up .hpy-type .get-ewm .btn {
        left: 20px;
        right: 20px
    }

    .no-data {
        padding: 30px
    }

    .no-data img {
        width: 100px
    }

    .no-data p {
        font-size: 16px
    }
}

@media screen and (min-width: 1580px) {
    .assent-page .listtop {
        padding: 10px 25px
    }

    .assent-table {
        font-size: 13px
    }

    .assent-table .thead .td {
        padding-left: 13px
    }

    .assent-table .td:first-child {
        padding-left: 25px
    }

    .top-up {
        padding: 0 20px 20px
    }

    .top-up .slideup {
        font-size: 14px;
        height: 42px;
        line-height: 42px
    }

    .top-up .s-hd {
        font-size: 18px;
        margin-bottom: 25px;
        height: 30px;
        line-height: 30px
    }

    .top-up .simple-type {
        padding-right: 10px
    }

    .top-up .simple-type.only-type .bd {
        padding-right: 40%
    }

    .top-up .simple-type .bd {
        padding: 30px
    }

    .top-up .simple-type .speical-link {
        margin-bottom: 25px
    }

    .top-up .hpy-type {
        padding-left: 10px
    }

    .top-up .hpy-type .bd {
        padding: 30px;
        min-height: 320px
    }

    .top-up .hpy-type .s-hd {
        margin-bottom: 15px
    }

    .top-up .hpy-type .get-ewm {
        padding: 10px;
        width: 150px;
        height: 150px
    }

    .top-up .hpy-type .get-ewm .btn {
        left: 10px;
        right: 10px
    }

    .top-up .hpy-type .s-tip {
        font-size: 12px
    }

    .top-up .speical-link .info {
        padding-top: 10px
    }
}

.history {
    margin-top: 10px
}

.history .bd {
    position: relative;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #dedede;
    overflow: hidden
}

.history .bd .t-hd {
    padding: 5px;
    background-color: #3d3d70
}

.history .bd .t-hd h4 {
    float: left;
    font-size: 12px;
    color: #fff
}

.history .bd .t-hd h4 span {
    font-size: 10px;
    color: #a0a3d4
}

.history .bd .t-hd a {
    float: right;
    color: #fff;
    font-size: 10px
}

.history-table .td {
    text-align: left;
    height: 35px
}

.history-table .td:nth-child(1) {
    width: 15%
}

.history-table .td:nth-child(2), .history-table .td:nth-child(3) {
    width: 20%
}

.history-table .td:nth-child(4) {
    width: 45%;
    text-align: left
}

.usdt-table .td {
    text-align: left;
    height: 35px
}

.usdt-table .td:nth-child(1) {
    width: 15%
}

.usdt-table .td:nth-child(2), .usdt-table .td:nth-child(3) {
    width: 15%
}

.usdt-table .td:nth-child(4) {
    width: 25%;
    text-align: left
}

.usdt-table .td:last-child {
    text-align: left
}

@media screen and (min-width: 1200px) {
    .history {
        margin-top: 15px
    }

    .history .bd .t-hd h4 {
        font-size: 14px
    }

    .history .bd .t-hd h4 span {
        font-size: 11px
    }

    .history .bd .t-hd a {
        font-size: 11px
    }

    .history-table .td {
        height: 45px
    }
}

@media screen and (min-width: 1580px) {
    .history {
        margin-top: 20px
    }

    .history .bd .t-hd {
        padding: 10px
    }

    .history .bd .t-hd h4 {
        font-size: 16px
    }

    .history .bd .t-hd h4 span {
        font-size: 12px
    }

    .history .bd .t-hd a {
        font-size: 12px
    }

    .history-table .td {
        height: 55px
    }
}

.table-style2 .col-btn {
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 2px;
    text-align: center;
    cursor: pointer
}

.tips-block {
    position: relative;
    display: inline-block;
    margin-left: 5px
}

.tips-block:hover .icon-xingzhuangfuben {
    color: #eda320
}

.tips-block:hover .tips-hover {
    z-index: 3;
    opacity: 1
}

.tips-block .icon-xingzhuangfuben {
    font-size: 13px;
    color: #9999a7;
    cursor: pointer;
    transition: .3s ease-in-out
}

.tips-block .tips-hover {
    z-index: -11;
    opacity: 0;
    position: absolute;
    left: 50%;
    bottom: 32px;
    transform: translateX(-50%);
    line-height: 1.5;
    width: 110px;
    min-height: 55px;
    border-radius: 4px;
    border: 1px solid #efefef;
    box-shadow: 1px 3px 13px 0 rgba(44, 45, 73, .06);
    background-color: #fff;
    transition: .3s ease-in-out;
    padding: 10px
}

.tips-block .tips-hover::before {
    position: absolute;
    content: '';
    left: 50%;
    transform: translate(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    bottom: -5.5px;
    background-color: #fff;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-radius: 1px
}

.contract-table .td {
    width: 14%
}

.contract-table .td:first-child {
    padding-left: 30px
}

.contract-table .td:last-child {
    width: 16%
}

.contract-table .novice-flexa {
    justify-content: flex-end
}

.contract-tips {
    display: inline-block;
    font-style: normal;
    border-radius: 3px;
    font-size: 12px;
    min-width: 50px;
    text-align: center;
    height: 23px;
    line-height: 23px;
    color: #6a6c88;
    background-color: #f6f6fb;
    padding: 0 4px
}

.contract-btn-s1, .contract-btn-s2 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    min-width: 60px;
    border-radius: 100px;
    font-size: 12px;
    cursor: pointer;
    transition: .3s ease-in-out;
    padding: 0 5px;
    margin: 0 7px
}

.contract-btn-s1 {
    color: #666;
    border: 1px solid #e6e6e6
}

.contract-btn-s1:hover {
    color: #fff;
    background-color: #636696;
    border-color: #636696
}

.contract-btn-s2 {
    color: #666;
    border: 1px solid #e6e6e6
}

.contract-btn-s2:hover {
    color: #fff;
    background-color: #636696;
    border-color: #636696
}

#virtualcoinTable .contract-btn-s1, #virtualcoinTable .contract-btn-s2 {
    margin: 0 3px
}

@media (max-width: 1480px) {
    .assent_img_bg {
        margin-left: 2px
    }
}

@media (max-width: 1440px) {
    .top-up .simple-type .s-tab {
        margin-top: 0
    }
}

@media (max-width: 1680px) {
    .assent_addList {
        height: 70px
    }

    .assent_addList li {
        min-width: auto;
        flex: 1;
        flex-shrink: 1;
        padding: 15px
    }

    .assent_addList li:last-child {
        border-right: 0
    }

    .assent_addList li .icon-box {
        top: 16px;
        right: 15px
    }

    .assent_addList li a:first-child {
        font-size: 14px
    }

    .assent_addList li a:nth-child(2) {
        font-size: 18px;
        padding-right: 8px
    }

    .assent_addList li.contract-list .icon-box {
        top: 38px
    }
}

.address-table .td:nth-child(1) {
    width: 10%
}

.address-table .td:nth-child(2) {
    width: 40%
}

.address-table .td:nth-child(3), .address-table .td:nth-child(4) {
    width: 25%
}

.address-table .td:nth-child(4) {
    text-align: right;
    padding-right: 10px
}

@media screen and (min-width: 1200px) {
    .address-table .td:nth-child(1) {
        width: 15%;
        padding-left: 20px
    }

    .address-table .thead .td:nth-child(4) {
        padding-right: 20px
    }
}

@media screen and (min-width: 1580px) {
    .address-table .td:nth-child(1) {
        width: 15%;
        padding-left: 25px
    }

    .address-table .td:nth-child(4) {
        padding-left: 15px
    }

    .address-table .thead .td:nth-child(4) {
        padding-right: 25px
    }
}

.speical-tip {
    position: relative;
    background-color: #ffcb30;
    border-radius: 5px;
    border: 1px solid #e69800;
    color: #d46f09;
    padding: 15px;
    line-height: 22px;
    margin-bottom: 20px
}

.speical-tip .title {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 10px
}

.speical-tip .title .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    color: #fff;
    margin-right: 8px;
    background-color: #e0770e;
    border-radius: 50%;
    text-align: center
}

.speical-tip .title .icon .iconfont {
    font-size: 14px
}

.speical-tip .text {
    font-size: 12px
}

@media screen and (min-width: 1200px) {
    .speical-tip {
        padding: 10px 20px
    }

    .speical-tip .title {
        position: absolute;
        left: 20px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        margin-bottom: 0;
        font-size: 16px
    }

    .speical-tip .text {
        padding-left: 120px;
        font-size: 14px
    }
}

@media screen and (min-width: 1580px) {
    .speical-tip .text {
        padding-left: 140px
    }
}

.nodeplan-page .nodeplan_part2 {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    margin-bottom: 20px;
    padding: 20px
}

.nodeplan-page .nodeplan_part2 .item {
    position: relative;
    padding-left: 100px
}

.nodeplan-page .nodeplan_part2 .item:first-child {
    margin-bottom: 10px
}

.nodeplan-page .nodeplan_part2 .item .title {
    color: #666;
    font-size: 13px;
    position: absolute;
    top: 0;
    line-height: 32px;
    left: 0
}

.nodeplan-page .nodeplan_part2 .item .number {
    font-size: 18px;
    line-height: 32px
}

.nodeplan-page .nodeplan_part2 .item .tip {
    font-size: 11px;
    color: #f56666;
    line-height: 24px
}

.nodeplan-page .nodeplan_part2 .form {
    width: 417px;
    max-width: 100%
}

.nodeplan-page .nodeplan_part2 .form .title {
    line-height: 32px
}

.nodeplan-page .nodeplan_part2 .form .input-1 {
    border-color: #d1d1d1;
    color: #333
}

.nodeplan-page .nodeplan_part2 .form .btn-sendbtn {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100px
}

.nodeplan-page .nodeplan_part2 .lock {
    position: relative;
    padding-right: 115px
}

.nodeplan-page .nodeplan_tale {
    background-color: #fff;
    font-family: Helvetica, arial, PingFangSC-Regular, "Microsoft Yahei", sans-serif;
    color: #666;
    font-size: 12px;
    text-align: center;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    line-height: 24px
}

.nodeplan-page .nodeplan_tale .col {
    padding: 3px;
    float: left;
    width: 18%
}

.nodeplan-page .nodeplan_tale .col:first-child, .nodeplan-page .nodeplan_tale .col:nth-child(2) {
    width: 15%
}

.nodeplan-page .nodeplan_tale .col:last-child {
    width: 16%
}

.nodeplan-page .nodeplan_tale .col-btn {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 20px;
    border: 1px solid #d1d1d1;
    color: #666;
    font-size: 8px;
    border-radius: 30px;
    margin: 0 3px
}

.nodeplan-page .nodeplan_tale .col-btn:hover {
    border-color: #424578;
    color: #fff;
    background-color: #424578
}

.nodeplan-page .nodeplan_tale .row {
    border-bottom: 1px solid #e2e2e2
}

.nodeplan-page .nodeplan_tale .nodeplan_header {
    background-color: #f3f3f3;
    text-align: center;
    font-family: "Microsoft Yahei", PingFangSC-Regular, Helvetica, arial, sans-serif
}

@media screen and (min-width: 1200px) {
    .nodeplan-page .nodeplan_part2 {
        margin-bottom: 25px;
        padding: 30px
    }

    .nodeplan-page .nodeplan_part2 .item .title {
        font-size: 14px
    }

    .nodeplan-page .nodeplan_part2 .item .number {
        font-size: 20px
    }

    .nodeplan-page .nodeplan_part2 .item .tip {
        font-size: 12px
    }

    .nodeplan-page .nodeplan_part2 .form .title {
        line-height: 32px
    }

    .nodeplan-page .nodeplan_tale {
        font-size: 13px
    }

    .nodeplan-page .nodeplan_tale .col {
        padding: 5px
    }

    .nodeplan-page .nodeplan_tale .col-btn {
        font-size: 10px
    }
}

@media screen and (min-width: 1400px) {
    .nodeplan-page .nodeplan_part2 .form .title {
        line-height: 37px
    }
}

@media screen and (min-width: 1580px) {
    .nodeplan-page .nodeplan_part2 .item .title {
        font-size: 16px
    }

    .nodeplan-page .nodeplan_part2 .item .number {
        font-size: 24px
    }

    .nodeplan-page .nodeplan_part2 .item .tip {
        font-size: 13px
    }

    .nodeplan-page .nodeplan_part2 .form .title {
        line-height: 37px
    }

    .nodeplan-page .nodeplan_tale {
        font-size: 14px;
        line-height: 28px
    }

    .nodeplan-page .nodeplan_tale .col {
        padding: 5px 10px
    }

    .nodeplan-page .nodeplan_tale .col-btn {
        font-size: 13px;
        height: 28px;
        line-height: 26px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (min-width: 1680px) {
    .nodeplan-page .nodeplan_part2 .form .title {
        line-height: 46px
    }

    .nodeplan-page .nodeplan_part2 .form .input-1 {
        font-size: 30px
    }

    .nodeplan-page .nodeplan_part2 .form .btn-sendbtn, .nodeplan-page .nodeplan_part2 .form .input-1 {
        height: 46px;
        line-height: 44px
    }
}

.m-account-info .mclist.grow {
    margin-left: -7px;
    margin-right: -7px
}

.m-account-info .col12-tn-4 {
    padding-left: 7px;
    padding-right: 7px
}

.m-account-info .m-addressCon {
    margin: 20px 0
}

.m-account-info .m-card .ftxt {
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 10px
}

.m-account-info .m-card1 {
    min-height: 103px;
    margin-bottom: 15px;
    position: relative
}

.m-account-info .m-card1 .cinbox {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 15px;
    right: 15px
}

.m-tit1 {
    font-size: 18px;
    color: #333;
    line-height: 30px;
    margin-bottom: 5px
}

.m-tit1 .ltxt {
    position: relative;
    padding-left: 10px
}

.m-tit1 .ltxt:before {
    content: '';
    width: 3px;
    height: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: #ffad0e
}

.m-card {
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    padding: 25px;
    width: 100%
}

.m-card .cinbox {
    position: relative;
    padding-left: 55px;
    min-height: 36px
}

.m-card .m-icon1 {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 35px
}

.m-card .m-icon1 img {
    display: block;
    max-width: 100%
}

.m-card .mtxt {
    color: #888;
    font-size: 13px;
    line-height: 20px
}

.m-card .mtxt h3 {
    font-size: 16px;
    line-height: 1.5em;
    color: #333
}

.m-card .mtxt .lh36 {
    line-height: 36px;
    font-size: 16px;
    color: #333
}

.m-card .m-check-icon1 {
    width: 22px;
    height: 22px;
    border-radius: 50%
}

.m-unbound {
    font-size: 14px;
    color: #999;
    line-height: 25px
}

.m-unbound:hover {
    color: #424578
}

.m-btnstyle1 {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    height: 26px;
    min-width: 60px;
    padding: 0 10px;
    border-radius: 1000px;
    border: 1px solid #cdcdcd;
    text-align: center;
    -webkit-transition: all, .5s;
    -moz-transition: all, .5s;
    -ms-transition: all, .5s;
    transition: all, .5s
}

.m-btnstyle1:hover {
    background-color: #424578;
    border-color: #424578;
    color: #fff
}

.idVerification {
    background-color: #424578;
    padding: 40px 20px;
    position: relative;
    border-radius: 4px
}

.idVerification .ftxt2 {
    position: absolute;
    z-index: 2;
    right: 35px;
    top: 25px
}

.idVerification .idinbox {
    position: relative;
    padding-left: 80px
}

.idVerification .ltxt {
    position: absolute;
    left: 0;
    top: 40%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 16px;
    color: #fff;
    line-height: 1.5em;
    font-weight: 700;
    width: 80px;
    text-align: center
}

.idVerification .m-stepbox {
    border-left: 1px solid rgba(255, 255, 255, .1);
    padding-left: 7.5%
}

.idVerification .m-stepbox ul li {
    text-align: center;
    float: left;
    position: relative;
    min-width: 20%
}

.idVerification .m-stepbox ul li:after {
    content: '';
    width: 90px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 70%;
    top: 40%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.idVerification .m-stepbox ul li:last-child:after {
    display: none
}

.idVerification .m-stepbox ul li:first-child .p2 {
    position: relative
}

.idVerification .m-stepbox ul li:first-child .ltip {
    font-size: 12px;
    color: #9398d8;
    line-height: 1.4em;
    position: absolute;
    left: -10%;
    top: 3px;
    white-space: nowrap
}

.idVerification .m-stepbox ul li .inli {
    position: relative;
    padding-top: 40px
}

.idVerification .m-stepbox ul li .p1, .idVerification .m-stepbox ul li .p3, .idVerification .m-stepbox ul li .p4, .idVerification .m-stepbox ul li .p5, .idVerification .m-stepbox ul li .p6 {
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    position: absolute;
    top: 0;
    white-space: nowrap;
    display: none;
    padding: 0
}

.idVerification .m-stepbox ul li .p1 .iconfont, .idVerification .m-stepbox ul li .p3 .iconfont, .idVerification .m-stepbox ul li .p4 .iconfont, .idVerification .m-stepbox ul li .p5 .iconfont, .idVerification .m-stepbox ul li .p6 .iconfont {
    font-size: 100%;
    margin-right: 5px
}

.idVerification .m-stepbox ul li .p3, .idVerification .m-stepbox ul li .p4 {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    min-width: 132px
}

.idVerification .m-stepbox ul li .p3 {
    border-radius: 32px;
    background-color: #299d51;
    padding: 0 15px 0 6px;
    text-align: left
}

.idVerification .m-stepbox ul li .p3 .iconfont:before {
    background-color: #fff;
    color: #299d51;
    font-size: 80%;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    vertical-align: middle
}

.idVerification .m-stepbox ul li .p1 {
    left: 40%
}

.idVerification .m-stepbox ul li .p4 {
    border-radius: 32px;
    background-color: #ee4f30;
    padding: 0 6px;
    text-align: left
}

.idVerification .m-stepbox ul li .p4 .iconfont {
    font-size: 20px
}

.idVerification .m-stepbox ul li .p5, .idVerification .m-stepbox ul li .p6 {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.idVerification .m-stepbox ul li .num {
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 31px;
    border: 2px solid #fff;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer
}

.idVerification .m-stepbox ul li .p2 {
    color: #fff;
    font-size: 12px;
    line-height: 1.5em;
    text-align: left;
    padding-bottom: 8px;
    padding-left: 60px
}

.idVerification .m-stepbox ul li.active .p1, .idVerification .m-stepbox ul li.active .p3, .idVerification .m-stepbox ul li.active .p4, .idVerification .m-stepbox ul li.active .p5, .idVerification .m-stepbox ul li.active .p6 {
    display: block
}

.idVerification .m-stepbox ul li.active .num {
    border-color: #ffad0e;
    background-color: #ffad0e
}

.m-btnstyle2 {
    display: block;
    font-size: 14px;
    color: #ffcb30;
    line-height: 22px;
    border: 2px solid #ffcb30;
    min-width: 60px;
    padding: 0 5px;
    border-radius: 1000px;
    text-align: center;
    -webkit-transition: all, .5s;
    -moz-transition: all, .5s;
    -ms-transition: all, .5s;
    transition: all, .5s
}

.m-btnstyle2:hover {
    background-color: #ffcb30;
    color: #fff
}

.m-addressCon .m-tit1 .ltxt {
    float: left
}

.m-addressCon .m-tit1 .rtxt {
    float: right
}

.m-addressCon .m-card {
    padding: 30px 25px
}

.m-addressCon .m-card .ftxt {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.m-withdrawbox {
    position: relative;
    padding-left: 60px;
    min-height: 24px;
    line-height: 24px;
    color: #888;
    font-size: 13px
}

.m-withdrawbox .m-btnstyle3 {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.m-btnstyle3 {
    width: 46px;
    height: 24px;
    border-radius: 1000px;
    background-color: #f3f3f3;
    text-align: center;
    border: 1px solid #ccc
}

.m-btnstyle3 .dot {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: #c2c2c2;
    position: absolute;
    left: 1.5px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.m-btnstyle3.active {
    background-color: #7074b1;
    border-color: #7074b1
}

.m-btnstyle3.active .dot {
    left: auto;
    right: 1.5px;
    background-color: #d9d9d9
}

.m-card2 {
    width: 100%
}

.m-card2 .p2 {
    font-size: 14px;
    color: #333
}

.m-btnstyle4 {
    min-width: 100px;
    line-height: 30px;
    font-size: 13px;
    height: 32px
}

.m-table1 {
    text-align: center;
    border: 1px solid #dedede;
    border-radius: 4px;
    background-color: #fff;
    padding-bottom: 40px
}

.m-table1 .thead .tr {
    background-color: #f6f6f6
}

.m-table1 .tbody {
    background-color: #fff
}

.m-table1 .tr .td {
    font-size: 12px;
    color: #666;
    border-bottom: 1px solid #dedede;
    line-height: 21px;
    padding: 8px 3px
}

.m-table1 .btn-9 {
    vertical-align: middle;
    white-space: nowrap
}

.m-table1.table1-1 .thead .tr .td {
    padding-left: 13px
}

.m-table1.table1-1 .tr .td {
    width: 20%;
    text-align: left;
    padding-left: 10px
}

.m-table1.table1-1 .tr .td img {
    margin-right: 5px;
    width: 24px;
    height: 24px;
    border-radius: 50%
}

.m-account-dividend .m-dividendBox .tabConbox {
    padding-bottom: 0
}

.m-tabBox {
    border-radius: 4px;
    overflow: hidden
}

.m-tabBox .nodata {
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    color: #666
}

.m-tabBox .m-table1 {
    border: none;
    border-radius: 0;
    padding-bottom: 0
}

.m-tabBox .tabMenubox {
    background-color: #424578;
    padding: 10px 20px 0;
    position: relative
}

.m-tabBox .tabMenubox ul li {
    float: left;
    padding: 0 3px
}

.m-tabBox .tabMenubox ul li a {
    display: block;
    text-align: center;
    min-width: 130px;
    border-radius: 4px 4px 0 0;
    color: #fff;
    line-height: 40px;
    font-size: 16px;
    background-color: #53568b;
    padding: 0 5px
}

.m-tabBox .tabMenubox ul li.active a {
    background-color: #f6f6f6;
    color: #333
}

.m-tabBox .tabConbox {
    border: 1px solid #dedede;
    background-color: #fff;
    border-top: none;
    border-radius: 0 0 4px 4px;
    padding-bottom: 20px
}

.m-spe-td1 {
    line-height: 15px
}

.m-spe-td1 .m-spe-tdin {
    text-align: left;
    max-width: 340px
}

.m-spe-td1 .mp1 {
    display: block
}

.m-spe-td1 .mp1 span {
    display: block;
    float: left
}

.m-spe-td1 .mp1 p {
    display: block;
    float: left
}

.m-spe-td1 .mp2 {
    font-size: 11px;
    color: #888;
    display: block
}

.m-spe-td1 .mp2 span {
    display: block;
    float: left
}

.m-spe-td1 .mp2 p {
    display: block;
    float: left
}

.m-pagebox {
    text-align: center;
    padding: 30px 0 20px
}

.m-pagebox ul li {
    display: inline-block
}

.m-pagebox ul li a {
    display: block;
    color: #888;
    line-height: 26px;
    text-align: center
}

.m-pagebox ul li a.active, .m-pagebox ul li a:hover {
    color: #333
}

.m-pagebox ul .m-prev {
    margin-right: 15px
}

.m-pagebox ul .m-next {
    margin-left: 15px
}

.m-pagebox ul .m-next a, .m-pagebox ul .m-prev a {
    font-size: 12px
}

.m-pagebox ul .m-normal a {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    font-size: 14px
}

.m-pagebox ul .m-normal a.active {
    background-color: #ececec
}

.m-deposit .tabConbox {
    padding-bottom: 0
}

.m-deposit .tabMenubox .m-searchBox {
    float: right
}

.morelistbtn {
    padding-top: 30px;
    padding-bottom: 40px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-top: 0
}

.morelistbtn .m-btnstyle1 {
    margin: 0 auto;
    line-height: 34px;
    height: 36px;
    text-align: center;
    font-size: 12px;
    max-width: 100px
}

.logip-table {
    border-bottom: 0;
    padding-bottom: 0
}

.logip-table .thead .td:nth-child(2) {
    padding-left: 30px
}

.logip-table .tr .td {
    text-align: left;
    width: 40%
}

.logip-table .tr .td:nth-child(1) {
    text-align: center
}

.logip-table .tr .td:nth-child(2) {
    width: 30%
}

@media screen and (max-width: 1280px) {
    .m-account-band .intit {
        font-size: 20px
    }

    .m-account-band .bandbox {
        padding: 25px 15px
    }

    .m-account-band .erweimaBox {
        margin: 20px 0
    }

    .benefitbox {
        padding: 20px 0
    }
}

@media screen and (min-width: 1280px) {
    .m-account-info .m-card1 .cinbox {
        left: 20px;
        right: 20px
    }

    .idVerification .idinbox {
        padding-left: 120px
    }

    .idVerification .ltxt {
        width: 120px
    }

    .morelistbtn .m-btnstyle1 {
        max-width: 140px
    }

    .m-table1.table1-1 .thead .tr .td {
        padding-left: 18px
    }

    .m-table1.table1-1 .tr .td {
        padding-left: 15px
    }
}

@media screen and (min-width: 1366px) {
    .m-table1 .td .btn-9 {
        padding-left: 12px;
        padding-right: 12px;
        height: 26px;
        line-height: 24px
    }

    .m-table1.table1-1 .thead .tr .td {
        padding-left: 23px
    }

    .m-table1.table1-1 .tr .td {
        padding-left: 20px
    }
}

@media screen and (min-width: 1480px) {
    .m-account-info .m-card1 .cinbox {
        left: 25px;
        right: 25px
    }

    .idVerification {
        padding: 40px
    }

    .idVerification .idinbox {
        padding-left: 200px
    }

    .idVerification .ltxt {
        width: 200px
    }

    .morelistbtn .m-btnstyle1 {
        font-size: 14px;
        max-width: 180px
    }

    .m-card .m-icon1 {
        width: 45px
    }

    .m-table1 .tr .td {
        font-size: 13px
    }

    .m-table1 .tr .td .btn-9 {
        font-size: 12px;
        height: 30px;
        line-height: 28px
    }
}

@media (max-width: 1680px) {
    .idVerification .m-stepbox ul li {
        min-width: 29%
    }

    .idVerification .m-stepbox ul li .p1, .idVerification .m-stepbox ul li .p3, .idVerification .m-stepbox ul li .p4, .idVerification .m-stepbox ul li .p5, .idVerification .m-stepbox ul li .p6 {
        font-size: 15px
    }

    .idVerification .m-stepbox ul li .num {
        width: 32px;
        height: 32px;
        line-height: 28px;
        font-size: 15px
    }
}

@media (max-width: 1480px) {
    .idVerification .m-stepbox ul li {
        min-width: 23%
    }

    .idVerification .m-stepbox ul li .p1, .idVerification .m-stepbox ul li .p3, .idVerification .m-stepbox ul li .p4, .idVerification .m-stepbox ul li .p5, .idVerification .m-stepbox ul li .p6 {
        font-size: 14px
    }

    .idVerification .m-stepbox ul li .num {
        width: 30px;
        height: 30px;
        line-height: 26px;
        font-size: 14px
    }
}

.m-account-band .bandbox {
    background-color: #fff;
    border: 1px solid #dedede;
    padding: 25px 15px
}

.m-account-band .intit {
    text-align: center;
    color: #333;
    font-size: 0;
    background: url(../images/hpyban.jpg) no-repeat center center;
    border-radius: 3px 3px 0 0;
    background-size: contain;
    line-height: 1.5em;
    font-weight: 700;
    position: relative
}

.m-account-band .intit:after {
    content: "";
    padding-top: 20.284%;
    display: block;
    width: 100%
}

.m-account-band .erweimaBox {
    text-align: center;
    font-size: 18px;
    color: #333;
    line-height: 1.5em;
    margin: 50px 0
}

.m-account-band .erweimaBox .img {
    width: 202px;
    margin: 15px auto;
    border: 1px solid #dedede;
    padding: 20px
}

.m-account-band .erweimaBox .img img {
    display: block;
    max-width: 100%
}

.benefitbox {
    padding: 30px 0 50px;
    background-color: #fafafa;
    border: 1px solid #eaeaea
}

.benefitbox ul li {
    float: left;
    width: 25%;
    text-align: center
}

.benefitbox ul li .inli {
    position: relative;
    display: inline-block
}

.benefitbox ul li .icon-hpy {
    float: left;
    margin-right: 15px;
    float: left
}

.benefitbox ul li .icon-hpy:before {
    display: none
}

.benefitbox ul li .txt {
    height: 36px;
    font-size: 14px;
    line-height: 1.2em;
    color: #666;
    display: inline-table;
    text-align: left;
    float: left
}

.benefitbox ul li .txt span {
    display: table-cell;
    vertical-align: middle
}

.benefitbox .btnbox {
    padding-top: 35px;
    text-align: center
}

.m-band-step {
    text-align: center;
    padding: 65px 0 40px
}

.m-band-step .sinbox {
    text-align: left;
    display: inline-block
}

.m-band-step ul li {
    position: relative;
    padding-left: 35px
}

.m-band-step ul li:nth-of-type(1) {
    margin-bottom: 20px
}

.m-band-step ul li:nth-of-type(2) {
    margin-bottom: 35px
}

.m-band-step ul li:nth-of-type(3) {
    margin-bottom: 25px
}

.m-band-step ul li .m-line {
    width: 2px;
    height: 30px;
    position: absolute;
    left: 15px;
    top: 40px
}

.m-band-step ul li .num {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%
}

.m-band-step ul li .bg1 {
    background-color: #ffcb30
}

.m-band-step ul li .bg2 {
    background-color: #fca71f
}

.m-band-step ul li .bg3 {
    background-color: #f99016
}

.m-band-step ul li .bg4 {
    background-color: #f68110
}

.m-band-step ul li .txt {
    padding: 3px 0 3px 15px;
    font-size: 14px;
    color: #666;
    line-height: 24px
}

.m-band-step ul li .m-btnView {
    display: inline-block;
    padding: 0 15px;
    min-width: 100px;
    height: 32px;
    line-height: 30px;
    margin-top: 5px
}

.m-position-tl {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.person-side li .m-spe-a {
    padding-left: 50px
}

.m-tlTip {
    width: 46px;
    height: 100%
}

.m-tlTip:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 46px solid #ff5158;
    border-right: 46px solid transparent;
    position: absolute;
    top: 0;
    left: 0
}

.m-tlTip .in-p {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    z-index: 2;
    transform: rotate(-45deg);
    margin-left: -2px
}

@media screen and (max-width: 1280px) {
    .m-account-band .bandbox {
        padding: 25px 15px
    }

    .m-account-band .erweimaBox {
        margin: 20px 0
    }

    .benefitbox {
        padding: 20px 0
    }
}

.hover-tip-parent {
    position: relative;
    overflow: visible
}

.hover-tip-parent:hover .hover-tip {
    display: block
}

.hover-tip {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    line-height: 1.2em;
    width: 160px;
    background-color: #f6c61a;
    border-radius: 4px;
    border: 1px solid #d78f02;
    color: #d96c0a;
    font-size: 13px;
    padding: 13px;
    margin-left: -80px;
    margin-top: 10px
}

.hover-tip:after, .hover-tip:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    margin-left: -10px
}

.hover-tip:before {
    border-bottom: 10px solid #d78f02
}

.hover-tip:after {
    border-bottom: 10px solid #f6c61a;
    margin-bottom: -1px
}

.withdraw-page .login-tip-text {
    margin-bottom: 20px
}

.withdraw-page .withdraw-wrapper {
    position: relative;
    background-color: #fff;
    border: 1px solid #dedede
}

.withdraw-page .withdraw-wrapper:before {
    content: '';
    position: absolute;
    left: 25%;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #dedede
}

.withdraw-page .withdraw-search {
    float: left;
    width: 25%;
    padding: 10px
}

.withdraw-page .withdraw-content {
    float: left;
    width: 75%;
    padding: 10px
}

.withdraw-page .search_box {
    width: 100%;
    margin-bottom: 5px
}

.withdraw-page .search_box .input {
    border-color: #cbcbcb;
    color: #888
}

.withdraw-page .search_box .input::-webkit-input-placeholder {
    color: #888
}

.withdraw-page .search_box .input::-moz-placeholder {
    color: #888
}

.withdraw-page .search_box .input:-ms-input-placeholder {
    color: #888
}

.withdraw-page .search_box .search_btn {
    color: #666
}

.withdraw-page .row-checkradio {
    text-align: center;
    font-size: 10px;
    margin-bottom: 10px
}

.withdraw-page .coin-list2 {
    height: 400px;
    padding-right: 0;
    position: relative;
    overflow: hidden
}

.withdraw-page .coin-list2 li a {
    display: block;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px
}

.withdraw-page .coin-list2 li a.active, .withdraw-page .coin-list2 li a:hover {
    color: #fff;
    background-color: #3d3d70
}

.withdraw-page .coin-list2 li a span {
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    line-height: 20px
}

.withdraw-page .coin-list2 li a em {
    display: none
}

.withdraw-page .coin-list2 li a .img {
    width: 30px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px
}

.withdraw-page .coin-list2 li a .img img {
    vertical-align: top
}

.withdraw-page .coin-name {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    color: #333;
    margin-bottom: 16px;
    height: 36px;
    line-height: 36px
}

.withdraw-page .coin-name span {
    display: inline-block;
    vertical-align: middle
}

.withdraw-page .coin-name .img {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden
}

.withdraw-page .coin-balance {
    text-align: center;
    font-size: 12px;
    margin-bottom: 15px;
    color: #8888
}

.withdraw-page .coin-balance span {
    float: left;
    width: 50%;
    height: 18px;
    line-height: 18px;
    border-right: 1px solid #cacaca;
    padding-left: 20px;
    padding-right: 20px;
    text-align: right
}

.withdraw-page .coin-balance span:last-child {
    border-right: 0;
    text-align: left
}

.withdraw-page .coin-balance em {
    font-size: 16px;
    color: #333
}

.withdraw-page .coin-withdraw-btns {
    text-align: center;
    margin-bottom: 25px
}

.withdraw-page .coin-withdraw-btns input[type=radio] {
    opacity: 0;
    width: 1px;
    height: 1px;
    position: absolute
}

.withdraw-page .coin-withdraw-btns .btn {
    width: 100px;
    margin-left: 5px;
    margin-right: 5px
}

.withdraw-page .btn .iconfont {
    font-size: 110%
}

.add-address .flexa {
    display: flex;
    align-items: center
}

.add-address .common-form2 {
    width: 100%
}

.add-address .tips-txt {
    color: #ef5030;
    padding-left: 27px
}

.common-form2 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: left
}

.common-form2 .label-4 {
    font-size: 11px;
    color: #666;
    margin-bottom: 5px
}

.common-form2 .label-4-1 {
    font-size: 10px;
    color: #888;
    margin-top: 5px
}

.common-form2 .row {
    margin-bottom: 15px
}

.common-form2 .row:last-child {
    margin-bottom: 0
}

.common-form2 .select-1 {
    border: 0;
    border-bottom: 1px solid #d9d9d9;
    border-color: #d4d4d4;
    border-radius: 3px;
    color: #999
}

.common-form2 .select-1::-webkit-input-placeholder {
    color: #999
}

.common-form2 .select-1::-moz-placeholder {
    color: #999
}

.common-form2 .select-1:-ms-input-placeholder {
    color: #999
}

.common-form2 .row-submit {
    text-align: center
}

.common-form2 .row-submit .btn {
    width: 100px
}

.coin-tip {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    border-radius: 3px;
    background-color: #f9fbfd;
    border: 1px solid #cdd6e9;
    padding: 10px 15px;
    font-size: 12px
}

.m-withBox {
    line-height: 1.6em
}

.m-withBox .title {
    position: relative;
    padding-left: 76px;
    color: #666
}

.m-withBox .plbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 76px
}

.m-withBox .lspan {
    display: inline-block;
    min-width: 65px
}

.m-withBox #maxHyperpayCoin, .m-withBox #maxWithdrawCoin, .m-withBox #minHyperpayCoin, .m-withBox #minWithdrawCoin {
    color: #333
}

@media screen and (min-width: 1200px) {
    .withdraw-page .withdraw-wrapper:before {
        left: 25%
    }

    .withdraw-page .withdraw-search {
        width: 25%;
        padding: 15px
    }

    .withdraw-page .withdraw-content {
        width: 75%;
        padding: 15px
    }

    .withdraw-page .row-checkradio {
        font-size: 11px;
        margin-bottom: 15px
    }

    .withdraw-page .coin-list2 {
        height: 550px
    }

    .withdraw-page .coin-list2 li a {
        padding: 7px 15px;
        font-size: 14px
    }

    .withdraw-page .coin-list2 li a span {
        height: 24px;
        line-height: 24px
    }

    .withdraw-page .coin-list2 li a .img {
        width: 24px;
        margin-right: 7px
    }

    .withdraw-page .coin-name {
        font-size: 24px;
        margin-bottom: 20px;
        height: 45px;
        line-height: 45px
    }

    .withdraw-page .coin-name .img {
        width: 45px;
        height: 45px
    }

    .withdraw-page .coin-balance {
        font-size: 13px;
        margin-bottom: 20px
    }

    .withdraw-page .coin-balance span {
        height: 20px;
        line-height: 20px;
        padding-left: 30px;
        padding-right: 30px
    }

    .withdraw-page .coin-balance em {
        font-size: 20px
    }

    .withdraw-page .coin-withdraw-btns {
        margin-bottom: 30px
    }

    .withdraw-page .coin-withdraw-btns .btn {
        width: 150px;
        margin-left: 10px;
        margin-right: 10px
    }

    .common-form2 .label-4 {
        font-size: 12px;
        margin-bottom: 10px
    }

    .common-form2 .label-4-1 {
        font-size: 11px;
        margin-top: 10px
    }

    .common-form2 .row {
        margin-bottom: 20px
    }

    .common-form2 .row-submit .btn {
        width: 150px
    }

    .coin-tip {
        font-size: 13px
    }
}

@media screen and (min-width: 1580px) {
    .withdraw-page .withdraw-wrapper:before {
        left: 25%
    }

    .withdraw-page .withdraw-search {
        width: 25%;
        padding: 20px
    }

    .withdraw-page .withdraw-content {
        width: 75%;
        padding: 20px
    }

    .withdraw-page .row-checkradio {
        font-size: 12px
    }

    .withdraw-page .coin-list2 {
        height: 650px
    }

    .withdraw-page .coin-list2 li a {
        padding: 10px 20px;
        font-size: 16px
    }

    .withdraw-page .coin-list2 li a span {
        height: 30px;
        line-height: 30px
    }

    .withdraw-page .coin-list2 li a .img {
        width: 30px;
        margin-right: 10px
    }

    .withdraw-page .coin-name {
        font-size: 30px;
        margin-bottom: 25px;
        height: 60px;
        line-height: 60px
    }

    .withdraw-page .coin-name .img {
        width: 60px;
        height: 60px
    }

    .withdraw-page .coin-balance {
        font-size: 14px;
        margin-bottom: 25px
    }

    .withdraw-page .coin-balance span {
        height: 24px;
        line-height: 24px;
        padding-left: 40px;
        padding-right: 40px
    }

    .withdraw-page .coin-balance em {
        font-size: 24px
    }

    .withdraw-page .coin-withdraw-btns {
        margin-bottom: 40px
    }

    .withdraw-page .coin-withdraw-btns .btn {
        width: 180px;
        margin-left: 10px;
        margin-right: 10px
    }

    .common-form2 .label-4 {
        font-size: 14px;
        margin-bottom: 10px
    }

    .common-form2 .label-4-1 {
        font-size: 12px;
        margin-top: 10px
    }

    .common-form2 .row {
        margin-bottom: 25px
    }

    .common-form2 .row-submit .btn {
        width: 180px
    }

    .coin-tip {
        font-size: 14px
    }
}

.planinfo-table {
    text-align: left
}

.planinfo-table .thead {
    color: #888;
    text-align: left
}

.planinfo-table .tbody {
    color: #333
}

.search-conditions {
    color: #fff
}

.search-conditions .group-left {
    float: left
}

.search-conditions .group-right {
    float: right
}

.search-conditions .name {
    float: left;
    font-size: 16px;
    line-height: 28px;
    padding-right: 15px;
    width: 47px;
    text-align: right
}

.search-conditions .name.name1 {
    width: auto
}

.search-conditions .value {
    position: relative;
    float: left;
    margin-right: 15px
}

.search-conditions .value > .iconfont {
    position: absolute;
    right: 5px;
    top: 50%;
    font-size: 100%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.search-conditions .value > input {
    width: 110px;
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    color: #fff;
    border: 1px solid #a1a2bc;
    border-radius: 3px;
    background-color: transparent;
    padding-left: 10px;
    padding-right: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

.search-conditions .group {
    margin-bottom: 10px
}

.search-conditions .group .noneDate .name:nth-of-type(2) {
    width: auto
}

.search-conditions .group:nth-of-type(2) .name {
    font-size: 14px
}

.search-conditions select {
    width: 120px;
    height: 30px;
    line-height: 28px;
    font-size: 14px
}

.search-conditions .select-half {
    width: 80px
}

.search-conditions .btn-3 {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    float: left
}

.search-conditions .search_box {
    width: 120px
}

.tabMenubox ul {
    float: left
}

.tabMenubox .btn-cancle {
    float: right;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px
}

.tabMenubox .btn-cancle:hover {
    background-color: #fff;
    color: #424578
}

.select2-container--theme1 .select2-selection--single {
    position: relative;
    height: 30px;
    line-height: 28px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #a1a2bc;
    border-radius: 3px
}

.select2-container--theme1 .select2-selection--single .select2-selection__rendered {
    padding-left: 15px;
    padding-right: 15px
}

.select2-container--theme1 .select2-selection--single .select2-selection__arrow {
    position: absolute;
    right: 5px;
    top: 50%;
    border-top: 4px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.select2-container--theme1 .select2-dropdown {
    border: 0;
    padding-top: 4px;
    background: 0 0
}

.select2-container--theme1 .select2-dropdown .select2-results > .select2-results__options {
    max-height: 400px;
    border-radius: 4px;
    padding: 10px 8px;
    overflow: auto;
    background-color: #53568b
}

.select2-container--theme1 .select2-results__option {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 1px;
    border-radius: 3px;
    background-color: #fff;
    color: #fff
}

.select2-container--theme1 .select2-results__option:hover {
    color: #fff;
    background-color: #ffad0e
}

@media screen and (min-width: 1200px) {
    .search-conditions .value input {
        width: 120px;
        font-size: 13px
    }

    .search-conditions .search_box, .search-conditions select {
        width: 150px
    }

    .search-conditions .select-half {
        width: 80px
    }
}

@media screen and (min-width: 1580px) {
    .search-conditions .value input {
        width: 140px;
        font-size: 14px
    }

    .search-conditions .search_box, .search-conditions select {
        width: 210px
    }

    .search-conditions .select-half {
        width: 100px
    }
}

.location .name {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    font-weight: 700
}

.location .bread-crumbs {
    font-size: 11px;
    color: #888
}

.location .bread-crumbs a:hover {
    color: #3d3d70
}

.detail-page, .news-page {
    border: 1px solid #dedede;
    background-color: #fff
}

.detail-page .article, .news-page .article {
    line-height: 2em;
    font-size: 12px;
    color: #888
}

.detail-page {
    padding: 0 15px
}

.detail-hd {
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #d9d9d9
}

.detail-hd h4 {
    font-size: 26px;
    line-height: 1.2em;
    color: #333;
    margin-bottom: 10px
}

.detail-hd p {
    font-size: 10px;
    color: #999
}

.detail-bd {
    padding: 15px
}

.detail-bd .article {
    color: #333
}

.detail-pagination {
    padding: 15px;
    font-size: 11px;
    border-top: 1px solid #d9d9d9
}

.detail-pagination a {
    color: #888
}

.detail-pagination a:hover {
    text-decoration: underline
}

.detail-pagination .prev {
    float: left;
    width: 45%
}

.detail-pagination .next {
    float: right;
    width: 45%;
    text-align: right
}

.news-hd li {
    float: left;
    width: 50%;
    border-left: 1px solid #dedede
}

.news-hd li:first-child {
    border-left: none
}

.news-hd li a {
    position: relative;
    background-color: #f8f8f8;
    font-size: 13px;
    color: #333;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    border-bottom: 1px solid #dedede
}

.news-hd li a.active, .news-hd li a:hover {
    background-color: #fff
}

.news-hd li a.active {
    border-bottom: 1px solid #fff
}

.news-hd li a.active:before {
    display: block
}

.news-hd li a:before {
    display: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #2e2e2e
}

.news-bd {
    padding: 15px;
    min-height: 600px
}

.news-item-1, .news-item-2 {
    margin-bottom: 10px
}

.news-item-1:last-child, .news-item-2:last-child {
    margin-bottom: 0
}

.news-item-1 .txt, .news-item-2 .txt {
    border: 1px solid #dedede
}

.news-item-1 .txt .box, .news-item-2 .txt .box {
    position: relative;
    padding-left: 110px;
    padding-right: 110px
}

.news-item-1 .txt .content, .news-item-2 .txt .content {
    padding-left: 110px;
    padding-right: 110px
}

.news-item-1 .txt .date, .news-item-1 .txt .more, .news-item-2 .txt .date, .news-item-2 .txt .more {
    position: absolute;
    top: 50%;
    text-align: center;
    width: 110px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.news-item-1 .txt .date, .news-item-2 .txt .date {
    left: 0
}

.news-item-1 .txt .date em, .news-item-2 .txt .date em {
    font-size: 30px;
    line-height: 1em;
    display: block;
    margin-bottom: 5px;
    color: #333;
    font-weight: 700
}

.news-item-1 .txt .date span, .news-item-2 .txt .date span {
    font-size: 10px;
    line-height: 1em;
    display: block;
    color: #666
}

.news-item-1 .txt .more, .news-item-2 .txt .more {
    right: 0;
    -webkit-transition: transform .3s linear;
    -moz-transition: transform .3s linear;
    -ms-transition: transform .3s linear;
    transition: transform .3s linear
}

.news-item-1 .txt .more a, .news-item-2 .txt .more a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: #656565;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #ccc
}

.news-item-1 .txt .more a:hover, .news-item-2 .txt .more a:hover {
    background-color: #3d3d70;
    color: #fff;
    border-color: #3d3d70
}

.news-item-1 .txt .info h4, .news-item-2 .txt .info h4 {
    margin-bottom: 5px
}

.news-item-1 .txt .info h4 a, .news-item-2 .txt .info h4 a {
    display: block;
    height: 1.2em;
    line-height: 1.2em;
    font-size: 14px;
    color: #333
}

.news-item-1 .txt .info p, .news-item-2 .txt .info p {
    height: 1.5em;
    line-height: 1.5em;
    font-size: 11px;
    color: #888
}

.news-item-1 .txt .article, .news-item-2 .txt .article {
    position: relative;
    padding-top: 15px;
    padding-bottom: 30px
}

.news-item-1 .txt .article:before, .news-item-2 .txt .article:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 2px;
    background-color: #2e2e2e
}

.news-item-1 .pic {
    float: left;
    width: 160px;
    border-radius: 3px;
    overflow: hidden
}

.news-item-1 .pic .bg-img {
    display: block;
    height: 110px
}

.news-item-1 .txt {
    margin-left: 180px
}

.news-item-1 .txt .box {
    height: 110px;
    padding-top: 30px
}

.news-item-2.active .more {
    -webkit-transform: translate(0, -50%) rotate(180deg);
    -moz-transform: translate(0, -50%) rotate(180deg);
    -ms-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg)
}

.news-item-2.active .more a {
    background-color: #3d3d70;
    color: #fff;
    border-color: #3d3d70
}

.news-item-2 .txt .box {
    padding-top: 30px;
    padding-bottom: 30px
}

.news-item-2 .txt .content {
    display: none
}

.detail-page .article, .news-page .article {
    color: #888 !important
}

.detail-page .article h1, .news-page .article h1 {
    font-size: 20px !important
}

.detail-page .article h2, .news-page .article h2 {
    font-size: 18px !important
}

.detail-page .article h3, .news-page .article h3 {
    font-size: 16px !important
}

.detail-page .article strong, .news-page .article strong {
    font-weight: 400 !important;
    font-size: 16px !important
}

.detail-page .article p, .news-page .article p {
    font-size: 14px !important;
    line-height: 2em !important;
    color: #888 !important;
    margin: 0 !important;
    text-indent: 0 !important
}

.detail-page .article a, .news-page .article a {
    color: #888 !important
}

.detail-page .article span, .news-page .article span {
    font-size: 14px !important
}

@media screen and (min-width: 1200px) {
    .location .name {
        font-size: 20px;
        margin-bottom: 5px
    }

    .location .bread-crumbs {
        font-size: 12px
    }

    .detail-page .article, .news-page .article {
        font-size: 14px
    }

    .detail-page {
        padding: 0 20px
    }

    .detail-hd {
        padding: 20px 0
    }

    .detail-hd h4 {
        font-size: 30px;
        margin-bottom: 5px
    }

    .detail-hd p {
        font-size: 11px
    }

    .detail-bd {
        padding: 20px
    }

    .detail-pagination {
        padding: 20px;
        font-size: 12px
    }

    .news-hd li a {
        font-size: 14px;
        height: 40px;
        line-height: 40px
    }

    .news-bd {
        padding: 20px
    }

    .news-item-1, .news-item-2 {
        margin-bottom: 15px
    }

    .news-item-1 .txt .box, .news-item-2 .txt .box {
        padding-left: 130px;
        padding-right: 200px
    }

    .news-item-1 .txt .content, .news-item-2 .txt .content {
        padding-left: 130px;
        padding-right: 130px
    }

    .news-item-1 .txt .date, .news-item-1 .txt .more, .news-item-2 .txt .date, .news-item-2 .txt .more {
        width: 130px
    }

    .news-item-1 .txt .date em, .news-item-2 .txt .date em {
        font-size: 34px;
        margin-bottom: 5px
    }

    .news-item-1 .txt .date span, .news-item-2 .txt .date span {
        font-size: 11px
    }

    .news-item-1 .txt .more a, .news-item-2 .txt .more a {
        width: 34px;
        height: 34px;
        line-height: 34px
    }

    .news-item-1 .txt .info h4, .news-item-2 .txt .info h4 {
        margin-bottom: 5px
    }

    .news-item-1 .txt .info h4 a, .news-item-2 .txt .info h4 a {
        font-size: 18px
    }

    .news-item-1 .txt .info p, .news-item-2 .txt .info p {
        font-size: 14px
    }

    .news-item-1 .txt .article, .news-item-2 .txt .article {
        padding-top: 20px;
        padding-bottom: 40px
    }

    .news-item-1 .txt .article:before, .news-item-2 .txt .article:before {
        width: 40px;
        height: 2px
    }

    .news-item-1 .pic {
        width: 190px
    }

    .news-item-1 .pic .bg-img {
        height: 140px
    }

    .news-item-1 .txt {
        margin-left: 210px
    }

    .news-item-1 .txt .box {
        height: 140px;
        padding-top: 40px
    }

    .news-item-2 .txt .box {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media screen and (min-width: 1580px) {
    .location .name {
        font-size: 24px;
        margin-bottom: 10px
    }

    .location .bread-crumbs {
        font-size: 14px
    }

    .detail-page .article, .news-page .article {
        font-size: 16px
    }

    .detail-page {
        padding: 0 30px
    }

    .detail-hd {
        padding: 30px 0
    }

    .detail-hd h4 {
        font-size: 36px;
        margin-bottom: 10px
    }

    .detail-hd p {
        font-size: 12px
    }

    .detail-bd {
        padding: 30px
    }

    .detail-pagination {
        padding: 30px;
        font-size: 14px
    }

    .news-hd li a {
        font-size: 18px;
        height: 50px;
        line-height: 50px
    }

    .news-bd {
        padding: 30px
    }

    .news-item-1, .news-item-2 {
        margin-bottom: 20px
    }

    .news-item-1 .txt .box, .news-item-2 .txt .box {
        padding-left: 150px;
        padding-right: 230px
    }

    .news-item-1 .txt .content, .news-item-2 .txt .content {
        padding-left: 150px;
        padding-right: 150px
    }

    .news-item-1 .txt .date, .news-item-1 .txt .more, .news-item-2 .txt .date, .news-item-2 .txt .more {
        width: 150px
    }

    .news-item-1 .txt .date em, .news-item-2 .txt .date em {
        font-size: 42px;
        margin-bottom: 5px
    }

    .news-item-1 .txt .date span, .news-item-2 .txt .date span {
        font-size: 12px
    }

    .news-item-1 .txt .more a, .news-item-2 .txt .more a {
        width: 42px;
        height: 42px;
        line-height: 42px
    }

    .news-item-1 .txt .info h4, .news-item-2 .txt .info h4 {
        margin-bottom: 5px
    }

    .news-item-1 .txt .info h4 a, .news-item-2 .txt .info h4 a {
        font-size: 18px
    }

    .news-item-1 .txt .info p, .news-item-2 .txt .info p {
        font-size: 14px
    }

    .news-item-1 .txt .article, .news-item-2 .txt .article {
        padding-top: 30px;
        padding-bottom: 50px
    }

    .news-item-1 .txt .article:before, .news-item-2 .txt .article:before {
        width: 50px;
        height: 3px
    }

    .news-item-1 .pic {
        width: 210px
    }

    .news-item-1 .pic .bg-img {
        height: 150px
    }

    .news-item-1 .txt {
        margin-left: 230px
    }

    .news-item-1 .txt .box {
        height: 150px;
        padding-top: 50px
    }

    .news-item-2 .txt .box {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.ctoc-page {
    padding-bottom: 40px;
    background-color: #f9f9f9
}

.ctoc-page .ctoc-top {
    background-color: #fff;
    border-bottom: 1px solid #e2e2e2
}

.ctoc-page .ctoc-top .coinname {
    float: left;
    padding-left: 25px
}

.ctoc-page .ctoc-top .coinname li {
    float: left;
    line-height: 41px;
    margin-right: 10px;
    font-size: 14px
}

.ctoc-page .ctoc-top .coinname li a {
    display: block;
    position: relative;
    color: #333;
    font-weight: 700
}

.ctoc-page .ctoc-top .coinname li a:after {
    content: "";
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #ffad0e
}

.ctoc-page .ctoc-top .coinname li.eli {
    font-size: 18px;
    margin-right: 25px
}

.ctoc-page .ctoc-top .coinname li.eli a {
    color: #666;
    font-weight: 400
}

.ctoc-page .ctoc-top .coinname li.eli.active a, .ctoc-page .ctoc-top .coinname li.eli:hover a {
    color: #333
}

.ctoc-page .ctoc-top .coinname li.active a:after, .ctoc-page .ctoc-top .coinname li:hover a:after {
    display: block
}

.ctoc-page .ctoc-top .handle {
    float: right
}

.ctoc-page .ctoc-top .handle dd {
    line-height: 26px;
    font-size: 14px;
    float: left;
    position: relative;
    padding: 5px 20px 10px
}

.ctoc-page .ctoc-top .handle dd .name {
    display: block;
    color: #333
}

.ctoc-page .ctoc-top .handle dd .name .iconfont {
    height: 26px;
    width: 26px;
    text-align: center;
    line-height: 26px;
    color: #fff;
    font-size: 14px;
    border-radius: 50%;
    margin-right: 5px
}

.ctoc-page .ctoc-top .handle dd .name .iconfont.icon-shubiaoxianxing {
    background-color: #6bc667
}

.ctoc-page .ctoc-top .handle dd .name .iconfont.icon-meiyuan {
    background-color: #3ec09f
}

.ctoc-page .ctoc-top .handle dd:hover .paystyle {
    display: block
}

.ctoc-page .ctoc-top .handle .paystyle {
    display: none;
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 150px;
    border: 1px solid #e2e2e2;
    background-color: #f3f3f3;
    padding: 9px;
    z-index: 2
}

.ctoc-page .ctoc-top .handle .paystyle li {
    padding-bottom: 5px
}

.ctoc-page .ctoc-top .handle .paystyle li:last-child {
    padding-bottom: 0
}

.ctoc-page .ctoc-top .handle .paystyle a {
    display: block;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    padding: 5px 14px;
    text-align: left;
    border-radius: 3px
}

.ctoc-page .ctoc-top .handle .paystyle a .iconfont {
    width: 30px;
    border-radius: 50%;
    text-align: center;
    margin-right: 7px;
    background-color: #fff
}

.ctoc-page .ctoc-top .handle .paystyle a.active, .ctoc-page .ctoc-top .handle .paystyle a:hover {
    background-color: #fff
}

.ctoc-page .ctoc-top .handle .paystyle a.paybtn-1 {
    background-color: #6bc667
}

.ctoc-page .ctoc-top .handle .paystyle a.paybtn-1 .iconfont {
    color: #6bc667
}

.ctoc-page .ctoc-top .handle .paystyle a.paybtn-1:hover {
    background-color: #fff;
    color: #6bc667
}

.ctoc-page .ctoc-top .handle .paystyle a.paybtn-1:hover .iconfont {
    color: #fff;
    background-color: #6bc667
}

.ctoc-page .ctoc-top .handle .paystyle a.paybtn-2 {
    background-color: #00a7ea
}

.ctoc-page .ctoc-top .handle .paystyle a.paybtn-2 .iconfont {
    color: #00a7ea
}

.ctoc-page .ctoc-top .handle .paystyle a.paybtn-2:hover {
    background-color: #fff;
    color: #00a7ea
}

.ctoc-page .ctoc-top .handle .paystyle a.paybtn-2:hover .iconfont {
    color: #fff;
    background-color: #00a7ea
}

.ctoc-page .ctoc-top .handle .paystyle a.paybtn-3 {
    background-color: #fc6868
}

.ctoc-page .ctoc-top .handle .paystyle a.paybtn-3 .iconfont {
    color: #fc6868
}

.ctoc-page .ctoc-top .handle .paystyle a.paybtn-3:hover {
    background-color: #fff;
    color: #fc6868
}

.ctoc-page .ctoc-top .handle .paystyle a.paybtn-3:hover .iconfont {
    color: #fff;
    background-color: #fc6868
}

.ctoc-page .ctoc-top .handle .paystyle:after, .ctoc-page .ctoc-top .handle .paystyle:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.ctoc-page .ctoc-top .handle .paystyle:before {
    border-bottom: 6px solid #e2e2e2;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent
}

.ctoc-page .ctoc-top .handle .paystyle:after {
    border-bottom: 5px solid #f3f3f3;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.ctoc-page .floor {
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    margin-top: 20px;
    background-color: #fff
}

.ctoc-page .floor1 .floor {
    min-height: 530px;
    overflow: hidden;
    border-top: 0
}

.ctoc-page .floor1 .Title {
    height: 40px;
    line-height: 40px;
    background-color: #424578;
    font-size: 16px;
    color: #fff
}

.ctoc-page .floor1 .buybox {
    float: left;
    width: 57.1428%
}

.ctoc-page .floor1 .sellbox {
    float: right;
    width: 42.1428%
}

.ctoc-page .floor1 .sellbox .sellcon {
    padding: 25px;
    color: #666;
    font-size: 14px
}

.ctoc-page .floor1 .sellbox .number, .ctoc-page .floor1 .sellbox .price, .ctoc-page .floor1 .sellbox .style {
    padding-left: 80px;
    position: relative
}

.ctoc-page .floor1 .sellbox .number .name, .ctoc-page .floor1 .sellbox .price .name, .ctoc-page .floor1 .sellbox .style .name {
    position: absolute;
    line-height: 42px;
    top: 0;
    left: 0;
    font-size: 14px
}

.ctoc-page .floor1 .sellbox .price {
    line-height: 42px
}

.ctoc-page .floor1 .sellbox .price span {
    color: #ee5030
}

.ctoc-page .floor1 .sellbox .number input {
    height: 42px;
    line-height: 40px;
    font-size: 20px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #d1d1d1;
    width: 100%;
    display: block;
    color: #333
}

.ctoc-page .floor1 .sellbox .number .tip {
    line-height: 24px;
    padding-top: 5px;
    font-size: 12px;
    color: #888
}

.ctoc-page .floor1 .sellbox .style {
    margin-top: 20px
}

.ctoc-page .floor1 .sellbox .paytab li {
    float: left;
    border: 1px solid #e9e9e9;
    margin-right: 10px;
    border-radius: 3px
}

.ctoc-page .floor1 .sellbox .paytab li:last-child {
    margin-right: 0
}

.ctoc-page .floor1 .sellbox .paytab li.active, .ctoc-page .floor1 .sellbox .paytab li:hover {
    border-color: #bbb;
    background-color: #f9f9f9
}

.ctoc-page .floor1 .sellbox .paytab li a {
    display: block;
    padding: 8px 0;
    line-height: 24px;
    width: 84px;
    text-align: center;
    color: #333;
    font-size: 14px
}

.ctoc-page .floor1 .sellbox .paytab li a .iconfont {
    border-radius: 50%;
    width: 24px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-right: 3px
}

.ctoc-page .floor1 .sellbox .paytab li a .icon-zhifubao {
    background-color: #00a7ea
}

.ctoc-page .floor1 .sellbox .paytab li a .icon-wechat {
    background-color: #6bc667
}

.ctoc-page .floor1 .sellbox .paytab li a .icon-ai51 {
    background-color: #fc6868
}

.ctoc-page .floor1 .sellbox .paytabval {
    padding-top: 25px;
    padding-bottom: 25px
}

.ctoc-page .floor1 .sellbox .paytabval dd {
    display: none;
    position: relative
}

.ctoc-page .floor1 .sellbox .paytabval .pay_style {
    padding: 25px;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    position: relative;
    cursor: pointer;
    font-size: 14px
}

.ctoc-page .floor1 .sellbox .paytabval .pay_style .icon-check {
    position: absolute;
    font-size: 14px;
    top: 25px;
    right: 12px;
    color: #fff;
    background-color: #ffac0e;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center
}

.ctoc-page .floor1 .sellbox .paytabval .pay_style .styleicon {
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 160px;
    top: 25px;
    color: #333
}

.ctoc-page .floor1 .sellbox .paytabval .pay_style .styleicon.icon-1 {
    width: 90px;
    font-size: 0;
    background: url(../images/pay_zfb.jpg) no-repeat left center
}

.ctoc-page .floor1 .sellbox .paytabval .pay_style .styleicon.icon-2 {
    padding-left: 40px;
    background: url(../images/pay_wechat.jpg) no-repeat left center
}

.ctoc-page .floor1 .sellbox .paytabval .pay_style .ewmbox {
    max-width: 110px;
    text-align: center;
    float: left
}

.ctoc-page .floor1 .sellbox .paytabval .pay_style .info {
    line-height: 20px;
    position: absolute;
    bottom: 25px;
    left: 160px
}

.ctoc-page .floor1 .sellbox .paytabval .pay_style .info .tit {
    color: #888;
    font-size: 12px
}

.ctoc-page .floor1 .sellbox .paytabval .pay_style .info .desc {
    color: #333
}

.ctoc-page .floor1 .sellbox .paytabval .pay_style.active .icon-check {
    display: block
}

.ctoc-page .floor2 .floor {
    padding: 20px 20px 20px 30px
}

.ctoc-page .floor2 .title {
    color: #333;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    padding-bottom: 20px
}

.ctoc-page .floor2 .title .iconfont {
    width: 18px;
    height: 18px;
    text-align: center;
    color: #fff;
    vertical-align: middle;
    line-height: 18px;
    background-color: #ffad0e;
    margin-right: 4px;
    border-radius: 50%;
    font-size: 12px;
    vertical-align: top
}

.ctoc-page .floor2 dd {
    padding-left: 20px;
    position: relative;
    line-height: 22px;
    margin-bottom: 7px;
    font-size: 14px;
    color: #888
}

.ctoc-page .floor2 dd:before {
    position: absolute;
    content: "";
    display: block;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background-color: #c9c9c9;
    left: 5px;
    top: 7px
}

.ctoc-page .floor3 .floor, .ctoc-page .floor4 .floor {
    min-height: 280px;
    border-top: 0
}

.ctoc-page .floor3 .title, .ctoc-page .floor4 .title {
    background-color: #424578;
    padding-left: 40px;
    color: #fff;
    border-radius: 3px 3px 0 0
}

.ctoc-page .floor3 .title li, .ctoc-page .floor4 .title li {
    float: left;
    margin-right: 35px
}

.ctoc-page .floor3 .title li .tit:after, .ctoc-page .floor4 .title li .tit:after {
    display: none
}

.ctoc-page .floor3 .title li.active .tit:after, .ctoc-page .floor4 .title li.active .tit:after {
    display: block
}

.ctoc-page .floor3 .title .tit, .ctoc-page .floor4 .title .tit {
    display: inline-block;
    line-height: 46px;
    position: relative
}

.ctoc-page .floor3 .title .tit:after, .ctoc-page .floor4 .title .tit:after {
    content: "";
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #ffad0e
}

.ctoc-page .floor5 .title {
    background-color: #424578;
    color: #fff;
    border-radius: 3px 3px 0 0
}

.ctoc-page .floor5 .title .tit {
    float: left;
    padding-left: 30px;
    font-size: 14px;
    line-height: 46px;
    position: relative
}

.ctoc-page .floor5 .title .tit:after {
    content: "";
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #ffad0e
}

.ctoc-page .floor5 .title .tip {
    float: left;
    padding-left: 20px;
    color: #8f91bb;
    position: relative;
    line-height: 48px;
    font-size: 13px
}

.ctoc-page .floor5 .title .tip i {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: #ee5030;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-block;
    line-height: 26px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    margin-left: 10px;
    font-style: normal
}

.ctoc-page .floor5 .title .tip i:after {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 7px solid #ee5030;
    content: "";
    display: block;
    position: absolute;
    bottom: 2px;
    left: -1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ctoc-page .facilityform {
    max-width: 780px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 95px
}

.ctoc-page .facilityform .title {
    color: #666;
    font-size: 14px
}

.ctoc-page .facilityform .formbox, .ctoc-page .facilityform .moneycard, .ctoc-page .facilityform .price {
    max-width: 465px;
    margin-left: 125px
}

.ctoc-page .facilityform .formtop {
    border-bottom: 1px dashed #d0d0d0
}

.ctoc-page .facilityform .price {
    line-height: 24px;
    padding-bottom: 28px
}

.ctoc-page .facilityform .price .title {
    padding-right: 25px
}

.ctoc-page .facilityform .price .number {
    color: #333;
    font-size: 24px;
    font-weight: 700
}

.ctoc-page .facilityform .price .number i {
    font-style: normal
}

.ctoc-page .facilityform .price .number small {
    font-weight: 400
}

.ctoc-page .facilityform .price small {
    color: #999;
    text-transform: uppercase;
    font-size: 14px
}

.ctoc-page .facilityform .btns {
    display: block;
    width: 100px;
    color: #000;
    height: 36px;
    margin-left: 25px;
    font-size: 14px;
    text-align: center;
    line-height: 34px;
    border: 1px solid #d1d1d1;
    border-radius: 50px;
    -webkit-transition: all, .5s;
    -moz-transition: all, .5s;
    -ms-transition: all, .5s;
    transition: all, .5s
}

.ctoc-page .facilityform .btns:hover {
    background-color: #424578;
    border-color: #424578;
    color: #fff
}

.ctoc-page .facilityform .moneycard {
    padding-top: 40px;
    padding-bottom: 40px
}

.ctoc-page .facilityform .moneycard .cardbox {
    position: relative
}

.ctoc-page .facilityform .moneycard .addcard {
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.ctoc-page .facilityform .moneycard .title {
    margin-bottom: 8px
}

.ctoc-page .facilityform .moneycard .select-style1 .iconfont {
    background-color: #7a7ca0;
    margin-right: 0;
    right: 8px
}

.ctoc-page .facilityform .moneycard .select-style1 .select2-container--theme2 .select2-selection--single {
    border: 0
}

.ctoc-page .facilityform .moneycard .select-style1 .select2-container--theme2 .select2-selection--single .select2-selection__rendered {
    font-size: 24px;
    padding-right: 25px;
    padding-left: 0;
    color: #333
}

.ctoc-page .facilityform .moneycard .select-style1 .select2-container--theme2 .select2-selection--single .select2-selection__rendered em {
    position: static;
    float: left;
    margin-right: 10px;
    font-size: 18px;
    color: #333
}

.ctoc-page .facilityform .moneycard .select-style1 .select2-container--theme2 .select2-selection--single .select2-selection__rendered:after {
    display: none
}

.ctoc-page .facilityform .formbox {
    padding-top: 32px
}

.ctoc-page .facilityform .formlist {
    position: relative;
    padding-bottom: 30px
}

.ctoc-page .facilityform .formlist .sendbtn {
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.ctoc-page .facilityform .formlist .sendbtn.nosend {
    background-color: #dbdbdb;
    border-color: #dbdbdb;
    color: #fff;
    cursor: default
}

.ctoc-page .facilityform .formlist .sendbtn.nosend:hover {
    background-color: #dbdbdb;
    border-color: #dbdbdb
}

.ctoc-page .facilityform .formlist .title {
    padding-bottom: 8px
}

.ctoc-page .facilityform .formlist .input {
    position: relative
}

.ctoc-page .facilityform .formlist .input.moneyinput input {
    font-size: 36px;
    line-height: 60px;
    height: 60px
}

.ctoc-page .facilityform .formlist .input input {
    color: #333;
    font-size: 18px;
    width: 100%;
    line-height: 36px;
    height: 36px;
    border: 0;
    border-bottom: 1px solid #a0a0a0
}

.ctoc-page .facilityform .formtip {
    font-size: 12px;
    color: #888;
    padding-top: 10px
}

.ctoc-page .facilityform .formtip em {
    font-style: normal;
    color: #ee5030
}

.ctoc-page .facilityform .formtip span {
    padding-right: 25px
}

.ctoc-page .facilityform .formbtn {
    padding-top: 15px;
    text-align: center
}

.ctoc-page .facilityform .formbtn .btn-8 {
    width: 200px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    border: 0;
    cursor: pointer;
    -webkit-transition: all, .5s;
    -moz-transition: all, .5s;
    -ms-transition: all, .5s;
    transition: all, .5s;
    border-radius: 60px
}

.ctoc-page .floor7 .title {
    background-color: #424578;
    padding-left: 40px;
    color: #fff;
    border-radius: 3px 3px 0 0
}

.ctoc-page .floor7 .title li {
    float: left;
    margin-right: 35px
}

.ctoc-page .floor7 .title li .tit:after {
    display: none
}

.ctoc-page .floor7 .title li.active .tit:after {
    display: block
}

.ctoc-page .floor7 .title .tit {
    display: inline-block;
    line-height: 46px;
    position: relative
}

.ctoc-page .floor7 .title .tit:after {
    content: "";
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #ffad0e
}

.ctoc-page .ctc_item .othertable {
    background-color: #e9e9e9;
    display: none;
    padding-bottom: 24px
}

.ctoc-page .tablebox {
    overflow: auto
}

@media screen and (min-width: 1200px) {
    .ctoc-page .ctoc-top .coinname li {
        font-size: 16px;
        line-height: 55px
    }

    .ctoc-page .ctoc-top .coinname li.eli {
        font-size: 20px;
        margin-right: 45px
    }

    .ctoc-page .ctoc-top .handle dd {
        padding-top: 15px;
        font-size: 15px
    }

    .ctoc-page .ctoc-top .handle dd .iconfont {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 24px
    }

    .ctoc-page .floor1 .floor {
        min-height: 590px
    }

    .ctoc-page .floor1 .sellbox .sellcon {
        font-size: 16px
    }

    .ctoc-page .floor1 .sellbox .number, .ctoc-page .floor1 .sellbox .price, .ctoc-page .floor1 .sellbox .style {
        padding-left: 96px;
        line-height: 46px
    }

    .ctoc-page .floor1 .sellbox .number .nmae, .ctoc-page .floor1 .sellbox .price .nmae, .ctoc-page .floor1 .sellbox .style .nmae {
        font-size: 16px
    }

    .ctoc-page .floor1 .sellbox .number input {
        font-size: 30px;
        height: 46px;
        line-height: 44px
    }

    .ctoc-page .floor1 .sellbox .number .tip {
        font-size: 13px
    }

    .ctoc-page .floor1 .sellbox .paytab li a {
        font-size: 16px;
        width: 100px
    }

    .ctoc-page .floor1 .sellbox .paytab li a .iconfont {
        font-size: 17px
    }

    .ctoc-page .floor1 .sellbox .paytabval .pay_style {
        font-size: 16px
    }

    .ctoc-page .floor1 .sellbox .paytabval .pay_style .info .tit {
        font-size: 14px
    }

    .ctoc-page .floor2 .floor {
        padding: 30px 25px 30px 50px
    }

    .ctoc-page .floor5 .title .tit {
        padding-left: 40px;
        font-size: 16px
    }

    .ctoc-page .floor5 .title .tip {
        padding-left: 30px;
        font-size: 14px
    }

    .ctoc-page .floor7 .title {
        padding-left: 40px
    }
}

@media screen and (min-width: 1580px) {
    .ctoc-page .ctoc-top .coinname li {
        line-height: 71px;
        font-size: 20px
    }

    .ctoc-page .ctoc-top .coinname li.eli {
        font-size: 24px;
        margin-right: 60px
    }

    .ctoc-page .ctoc-top .handle dd {
        padding-bottom: 20px;
        font-size: 16px
    }

    .ctoc-page .ctoc-top .handle dd .name {
        line-height: 36px
    }

    .ctoc-page .ctoc-top .handle dd .name .iconfont {
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 20px
    }

    .ctoc-page .floor2 .floor {
        padding: 45px 30px 45px 80px
    }

    .ctoc-page .floor5 .title .tit {
        padding-left: 48px
    }

    .ctoc-page .floor5 .title .tip {
        padding-left: 35px
    }

    .ctoc-page .floor7 .title {
        padding-left: 48px
    }
}

@media screen and (min-width: 1680px) {
    .ctoc-page .ctoc-top .coinname li {
        font-size: 24px
    }
}

.pop_c2c {
    display: none;
    position: fixed;
    z-index: 10;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6)
}

.pop_c2c .popcontain {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 4px;
    overflow: hidden
}

.pop_c2c .popcontain .backpop {
    position: absolute;
    top: 0;
    left: 10px;
    display: block;
    height: 50px;
    line-height: 50px;
    color: #fff;
    z-index: 3;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 13px
}

.pop_c2c .popcontain .backpop .iconfont {
    font-size: 18px
}

.pop_c2c .popcontain .Top {
    color: #fff;
    background-color: #424578;
    height: 50px;
    line-height: 50px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center
}

.pop_c2c .popcontain .Top span {
    position: relative;
    color: #9699cc
}

.pop_c2c .popcontain .Top span:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    left: 5px;
    background-color: #ffac0e;
    height: 4px;
    width: 35px
}

.pop_c2c .popcontain .Top .tit2 {
    color: #9699cc;
    display: inline-block;
    vertical-align: top;
    height: 50px;
    cursor: pointer
}

.pop_c2c .popcontain .Top .tit2.active {
    color: #fff
}

.pop_c2c .popcontain .Top .tit2.active:after {
    display: block
}

.pop_c2c .popcontain .Top .tit2:after {
    display: none;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%
}

.pop_c2c .popcontain .btnbox {
    padding-top: 30px
}

.pop_c2c .popcontain .btnbox .orderbtn {
    display: inline-block;
    width: 146px;
    height: 45px;
    line-height: 43px;
    border-radius: 50px;
    border: 1px solid #424578;
    cursor: pointer;
    background-color: #424578;
    margin-left: 5px;
    margin-right: 5px;
    -webkit-transition: all, .5s;
    -moz-transition: all, .5s;
    -ms-transition: all, .5s;
    transition: all, .5s
}

.pop_c2c .popcontain .btnbox .orderbtn:hover {
    background-color: #575a8f;
    border-color: #575a8f
}

.pop_c2c .popcontain .btnbox .orderbtn.btn_1 {
    color: #666;
    background-color: #fff;
    border-color: #d2d2d2
}

.pop_c2c .popcontain .btnbox .orderbtn.btn_1:hover {
    border-color: #aaaed3;
    background-color: #e9e9f0
}

.pop_c2c .input-style3 {
    color: #666
}

.pop_c2cinfo {
    padding: 20px 20px 35px 30px;
    max-width: 620px;
    background-color: #fff
}

.pop_c2cinfo nav {
    max-height: 400px;
    padding-right: 15px
}

.pop_c2cinfo dl {
    margin-bottom: 20px
}

.pop_c2cinfo dl:last-of-type {
    margin-bottom: 0
}

.pop_c2cinfo dt {
    color: #55687f
}

.pop_c2cinfo dd {
    color: #8699b0;
    line-height: 22px;
    position: relative;
    padding-left: 18px;
    margin-top: 10px
}

.pop_c2cinfo dd:before {
    content: "";
    display: block;
    border-radius: 50%;
    background-color: #1878fd;
    width: 5px;
    height: 5px;
    top: 8px;
    left: 5px;
    position: absolute
}

.pop_c2cpay {
    padding: 25px 40px;
    width: 460px;
    max-width: 100%;
    background-color: #fff
}

.pop_c2cpay .paybox {
    display: none;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -15px;
    margin-right: -15px;
    max-height: 420px;
    position: relative;
    overflow: hidden
}

.pop_c2cpay .paybox .mb15 {
    margin-bottom: 15px
}

.pop_c2cpay .paybox .mb20 {
    margin-bottom: 20px
}

.pop_c2cpay .paybox .sub_btn {
    display: inline-block;
    width: 146px;
    height: 45px;
    line-height: 45px;
    border: 0;
    background-color: #424578;
    text-align: center;
    cursor: pointer;
    border-radius: 50px
}

.pop_c2cpay .paybox .sub_btn.bankbtn {
    background-color: #424578;
    background-image: none;
    text-align: center;
    padding-left: 0
}

.pop_c2cpay .paybox .sub_btn:hover {
    background-color: #575a8f
}

.pop_c2cpay .payinfo {
    padding: 20px 10px 25px 20px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    margin-bottom: 30px;
    margin-top: 5px;
    position: relative;
    margin-left: 0;
    margin-right: 0
}

.pop_c2cpay .payinfo .amend {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    top: 15px;
    right: 15px;
    position: absolute
}

.pop_c2cpay .payinfo .amend:hover {
    background-color: #424578
}

.pop_c2cpay .payinfo .ewmbox {
    padding: 5px;
    width: 120px;
    height: 120px;
    float: left;
    margin-right: 25px
}

.pop_c2cpay .payinfo .info {
    line-height: 22px;
    float: left
}

.pop_c2cpay .payinfo .info .tit {
    color: #888
}

.pop_c2cpay .payinfo .info .h15 {
    height: 15px
}

.pop_c2cpay .payinfo .info .desc {
    color: #333
}

.pop_c2cpay .payform .formlist {
    position: relative;
    color: #666;
    font-size: 14px;
    padding-left: 100px;
    margin-bottom: 15px
}

.pop_c2cpay .payform .formlist .tip {
    text-align: right;
    font-size: 12px;
    padding-top: 5px;
    color: #999
}

.pop_c2cpay .payform .formlist .name {
    padding-bottom: 8px;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 42px
}

.pop_c2cpay .payform .formlist .input {
    position: relative;
    padding-right: 90px
}

.pop_c2cpay .payform .formlist .input.input-pic {
    padding-right: 100px
}

.pop_c2cpay .payform .formlist .input.input-pic .sendbtn {
    border-radius: 3px
}

.pop_c2cpay .payform .formlist .input .sendbtn {
    position: absolute;
    right: 0;
    top: 0;
    height: 42px;
    line-height: 40px;
    display: block;
    border: 1px solid #424578;
    background-color: #424578;
    cursor: pointer;
    width: 90px;
    border-radius: 0 3px 3px 0;
    color: #fff
}

.pop_c2cpay .payform .formlist .input .sendbtn img {
    display: block;
    width: 100%;
    height: 100%
}

.pop_c2cpay .payform .formlist .input .sendbtn:hover {
    background-color: #575a8f;
    border-color: #575a8f;
    color: #fff
}

.pop_c2cpay .payform .formlist .input .sendbtn.no-send {
    cursor: default;
    background-color: #dbdbdb;
    border-color: #dbdbdb;
    color: #fff
}

.pop_c2cpay .payform .formlist .input .sendbtn.no-send:hover {
    background-color: #dbdbdb;
    border-color: #dbdbdb;
    color: #fff
}

.pop_c2cpay .payform .upimg {
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    padding: 15px;
    position: relative;
    margin-bottom: 15px
}

.pop_c2cpay .payform .upimg .imgbox {
    width: 92px;
    height: 92px;
    background-color: #f3f3f3;
    position: relative;
    cursor: pointer
}

.pop_c2cpay .payform .upimg .imgbox:after, .pop_c2cpay .payform .upimg .imgbox:before {
    content: "";
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    border-radius: 50%
}

.pop_c2cpay .payform .upimg .imgbox:after {
    height: 26px;
    width: 26px;
    color: #fff;
    line-height: 22px;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    content: "+";
    background-color: #ffad0e
}

.pop_c2cpay .payform .upimg .imgbox:before {
    width: 36px;
    height: 36px;
    background-color: #fff
}

.pop_c2cpay .payform .upimg .txt {
    position: absolute;
    top: 20px;
    left: 130px;
    right: 10px;
    color: #666;
    font-size: 14px
}

.pop_c2cpay .payform .upimg .txt span {
    font-size: 13px;
    color: #999
}

.pop_c2cpay .bankcard {
    margin-top: 12px;
    margin-bottom: 10px
}

.pop_c2cpay .bankcard dd {
    padding: 17px 15px 20px;
    margin-bottom: 10px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    background-color: #fb6767
}

.pop_c2cpay .bankcard dd:last-child {
    margin-bottom: 0
}

.pop_c2cpay .bankcard dd .bankname {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding-right: 50px;
    font-size: 18px
}

.pop_c2cpay .bankcard dd .bankname .btns {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    font-size: 0
}

.pop_c2cpay .bankcard dd .bankname .deletebtn {
    margin-left: 7px;
    font-size: 14px;
    vertical-align: top
}

.pop_c2cpay .bankcard dd .bankname .icon-check {
    display: none;
    vertical-align: top;
    background-color: #fff;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    color: #ffac0e
}

.pop_c2cpay .bankcard dd .bankname .setbtn {
    display: inline-block;
    height: 24px;
    vertical-align: top;
    line-height: 22px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #fff;
    border-radius: 25px;
    font-size: 13px
}

.pop_c2cpay .bankcard dd .name {
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 5px
}

.pop_c2cpay .bankcard dd .cardid {
    font-size: 20px
}

.pop_c2cpay .bankcard dd.active {
    background-color: #ffac0e
}

.pop_c2cpay .bankcard dd.active .setbtn {
    display: none
}

.pop_c2cpay .bankcard dd.active .icon-check {
    display: inline-block
}

.pop_c2cpay .bankcard .nocard {
    display: block;
    text-align: center;
    color: #888;
    font-size: 13px
}

.pop_c2cpay .bankcard .nocard em {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    background-color: #ddd;
    position: relative;
    display: block;
    margin-bottom: 7px;
    margin-left: auto;
    margin-right: auto
}

.pop_c2cpay .bankcard .nocard em:after, .pop_c2cpay .bankcard .nocard em:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    display: block
}

.pop_c2cpay .bankcard .nocard em:before {
    width: 20px;
    height: 1px
}

.pop_c2cpay .bankcard .nocard em:after {
    width: 1px;
    height: 20px
}

.pop_c2corderinfo {
    width: 560px;
    background-color: #fff;
    padding: 17px 30px 50px
}

.pop_c2corderinfo .Title {
    font-size: 18px;
    color: #333;
    padding-bottom: 17px
}

.pop_c2corderinfo .table-style7 {
    border-collapse: collapse
}

.pop_c2corderinfo .table-style7 .td {
    color: #333;
    font-size: 13px;
    line-height: 14px;
    border: 1px solid #ddd;
    padding: 8px;
    padding-left: 20px;
    width: auto;
    text-align: left
}

.pop_c2corderinfo .table-style7 .td:first-child {
    color: #888;
    padding-left: 12px;
    width: 127px
}

.pop_c2corderinfo .ewmimg {
    width: 80px;
    margin-left: -10px
}

.pop_c2corderinfo dl {
    padding-top: 15px;
    color: #888;
    font-size: 13px;
    line-height: 24px
}

.pop_c2corderinfo dl dd {
    padding-left: 15px;
    position: relative
}

.pop_c2corderinfo dl dd:before {
    position: absolute;
    display: inline-block;
    width: 4px;
    height: 4px;
    top: 11px;
    left: 0;
    content: "";
    background-color: #424578;
    border-radius: 50%
}

.pop_c2corderstep {
    width: 410px;
    background-color: #fff;
    padding: 25px 30px 50px
}

.pop_c2corderstep .ordernumber {
    padding-bottom: 17px
}

.pop_c2corderstep .ordernumber .title {
    font-size: 16px;
    color: #333;
    padding-bottom: 10px
}

.pop_c2corderstep .ordernumber input {
    height: 42px;
    line-height: 40px;
    font-size: 24px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #d1d1d1;
    width: 100%;
    display: block;
    color: #333
}

.pop_c2corderstep .pricenum {
    line-height: 24px;
    font-size: 13px;
    color: #888
}

.pop_c2corderstep .pricenum span {
    width: 72px;
    display: inline-block
}

.pop_c2corderstep .stylebox {
    position: relative;
    line-height: 22px;
    border: 1px solid #eaf2f8;
    padding-top: 30px;
    padding-bottom: 35px;
    width: 100%;
    overflow: hidden
}

.pop_c2corderstep .stylebox:before {
    content: "";
    display: block;
    position: absolute;
    height: 47px;
    width: 1px;
    background-color: #eaf2f8;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pop_c2corderstep .stylebox .number {
    color: #ef6465
}

.pop_c2corderstep .stylebox .name {
    color: #3d5275
}

.pop_c2cpaystyle {
    width: 500px;
    background-color: #fff;
    padding: 25px 30px 50px
}

.pop_c2cpaystyle .pay_style {
    padding: 25px;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    position: relative;
    cursor: pointer;
    font-size: 14px
}

.pop_c2cpaystyle .pay_style .styleicon {
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 160px;
    top: 25px;
    color: #333
}

.pop_c2cpaystyle .pay_style .styleicon.icon-1 {
    width: 90px;
    font-size: 0;
    background: url(../images/pay_zfb.jpg) no-repeat left center
}

.pop_c2cpaystyle .pay_style .styleicon.icon-2 {
    padding-left: 40px;
    background: url(../images/pay_wechat.jpg) no-repeat left center
}

.pop_c2cpaystyle .pay_style .ewmbox {
    max-width: 110px;
    text-align: center;
    float: left
}

.pop_c2cpaystyle .pay_style .info {
    line-height: 20px;
    position: absolute;
    bottom: 25px;
    left: 160px
}

.pop_c2cpaystyle .pay_style .info .tit {
    color: #888;
    font-size: 12px
}

.pop_c2cpaystyle .pay_style .info .desc {
    color: #333
}

.pop_c2cpaystyle .pay_style.active .icon-check {
    display: block
}

.pop_c2cpaystyle .select-style1 .select2-container--theme2 .select2-selection--single .select2-selection__rendered {
    padding-right: 60px
}

.pop_c2cpaystyle .select-style1 .select2-container--theme2 .select2-selection--single .select2-selection__rendered em {
    right: 60px
}

@media screen and (min-width: 1200px) {
    .pop_c2cpay .paybox {
        max-height: 460px
    }
}

@media screen and (min-width: 1580px) {
    .pop_c2cpay .paybox {
        max-height: 500px
    }
}

@media screen and (min-width: 1680px) {
    .pop_c2cpay .paybox {
        max-height: 500px
    }
}

.hyper-wrap {
    border: 1px solid #e2e2e2;
    border-radius: 3px 3px 0 0;
    background-color: #fff;
    padding: 70px 20px 80px
}

.hyper-wrap .hyper-title {
    font-size: 26px;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin-bottom: 88px;
    padding-left: 150px;
    padding-right: 40px
}

.hyper-wrap .hyper-title span {
    display: inline-block;
    float: right;
    border: 1px solid #d1d1d1;
    line-height: 30px;
    font-size: 13px;
    font-weight: 400;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #f3f3f3;
    margin-right: 20px;
    padding: 0 18px;
    cursor: pointer
}

.hyper-wrap .hyper-title span:hover {
    color: #fff;
    background-color: #424578
}

.hyper-wrap .hyper-account {
    text-align: center;
    margin-bottom: 55px
}

.hyper-wrap .hyper-account > div {
    display: inline-block
}

.hyper-wrap .hyper-account .account-left {
    width: 290px
}

.hyper-wrap .hyper-account .account-right {
    width: 270px
}

.hyper-wrap .hyper-account .account-left, .hyper-wrap .hyper-account .account-right {
    text-align: center
}

.hyper-wrap .hyper-account .account-left .icon, .hyper-wrap .hyper-account .account-right .icon {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 80px;
    margin: 0 auto 22px
}

.hyper-wrap .hyper-account .account-left .icon img, .hyper-wrap .hyper-account .account-right .icon img {
    width: 38px;
    height: 38px
}

.hyper-wrap .hyper-account .account-left p, .hyper-wrap .hyper-account .account-right p {
    font-size: 16px;
    color: #888
}

.hyper-wrap .hyper-account .account-left div, .hyper-wrap .hyper-account .account-right div {
    font-size: 18px;
    color: #333;
    line-height: 30px
}

.hyper-wrap .hyper-account .account-left .icon {
    background-color: #515488
}

.hyper-wrap .hyper-account .account-middle {
    width: 130px;
    height: 50px;
    font-size: 16px;
    color: #ffad0e;
    line-height: 50px;
    text-align: center;
    vertical-align: top;
    margin-top: 15px;
    background: url(../images/hyper-bind.png);
    background-size: cover
}

.hyper-wrap .hyper-account .account-right .icon {
    background-color: #189af5
}

.hyper-wrap .listtop {
    height: 60px
}

.hyper-wrap .listtop .search-conditions, .hyper-wrap .listtop .select2-container--theme1 .select2-selection--single, .hyper-wrap .listtop .select2-container--theme4.select2-container .select2-selection--single .select2-selection__rendered {
    color: #333
}

.hyper-wrap .listtop .select2-container--theme4.select2-container .select2-selection--single {
    border: 1px solid #a1a2bc
}

.hyper-wrap .listtop .hyper-name {
    float: left;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    margin-right: 25px
}

.hyper-wrap .listtop .value {
    position: relative;
    float: left;
    margin-right: 15px
}

.hyper-wrap .discounts:before {
    border-right-color: #ff5158
}

.hyper-wrap .discounts span {
    top: 34%;
    left: 69%
}

.hyper-wrap .search-conditions .group {
    margin-bottom: 0
}

.hyper-wrap .assent-table .td {
    width: 20%;
    text-align: center;
    height: 55px;
    font-size: 14px
}

.hyper-wrap .assent-table .td:first-child {
    text-align: left
}

.hyper-wrap .assent-table .td:last-child, .hyper-wrap .assent-table .td:nth-child(5) {
    width: 10%
}

.hyper-wrap .assent-table .thead .td {
    height: 40px
}

@media screen and (max-width: 1480px) {
    .hyper-wrap {
        padding: 50px 20px 60px
    }

    .hyper-wrap .hyper-title {
        font-size: 22px;
        margin-bottom: 65px;
        padding-right: 20px
    }

    .hyper-wrap .hyper-title span {
        line-height: 28px;
        padding: 0 15px
    }

    .hyper-wrap .hyper-account {
        margin-bottom: 40px
    }

    .hyper-wrap .hyper-account .account-left, .hyper-wrap .hyper-account .account-right {
        width: 220px
    }

    .hyper-wrap .hyper-account .account-left .icon, .hyper-wrap .hyper-account .account-right .icon {
        width: 70px;
        height: 70px;
        line-height: 70px;
        margin: 0 auto 15px
    }

    .hyper-wrap .hyper-account .account-left .icon img, .hyper-wrap .hyper-account .account-right .icon img {
        width: 32px;
        height: 32px
    }

    .hyper-wrap .hyper-account .account-left p, .hyper-wrap .hyper-account .account-right p {
        font-size: 14px
    }

    .hyper-wrap .hyper-account .account-left div, .hyper-wrap .hyper-account .account-right div {
        font-size: 16px
    }

    .hyper-wrap .hyper-account .account-middle {
        width: 120px;
        height: 46px;
        line-height: 46px
    }

    .hyper-wrap .search_box, .hyper-wrap .select2-container {
        width: 180px !important
    }

    .hyper-wrap .name {
        font-size: 14px
    }
}

@media screen and (max-width: 1200px) {
    .hyper-wrap {
        padding: 40px 20px 50px
    }

    .hyper-wrap .hyper-title {
        font-size: 18px;
        margin-bottom: 45px;
        padding-right: 0;
        padding-left: 75px
    }

    .hyper-wrap .hyper-title span {
        line-height: 24px;
        font-size: 12px;
        padding: 0 12px
    }

    .hyper-wrap .hyper-account {
        margin-bottom: 32px
    }

    .hyper-wrap .hyper-account .account-left, .hyper-wrap .hyper-account .account-right {
        width: 200px
    }

    .hyper-wrap .hyper-account .account-left .icon, .hyper-wrap .hyper-account .account-right .icon {
        width: 60px;
        height: 60px;
        line-height: 60px
    }

    .hyper-wrap .hyper-account .account-left .icon img, .hyper-wrap .hyper-account .account-right .icon img {
        width: 28px;
        height: 28px
    }

    .hyper-wrap .hyper-account .account-left p, .hyper-wrap .hyper-account .account-right p {
        font-size: 12px
    }

    .hyper-wrap .hyper-account .account-left div, .hyper-wrap .hyper-account .account-right div {
        font-size: 14px
    }

    .hyper-wrap .hyper-account .account-middle {
        width: 108px;
        height: 40px;
        line-height: 40px
    }

    .hyper-wrap .search_box, .hyper-wrap .select2-container {
        width: 160px !important
    }

    .hyper-wrap .listtop {
        height: 50px;
        padding: 10px 15px
    }

    .hyper-wrap .assent-table .thead .td {
        height: 30px
    }

    .hyper-wrap .assent-table .td {
        font-size: 12px;
        height: 40px
    }

    .hyper-wrap .assent-table .td:nth-child(2) {
        width: 18%
    }

    .hyper-wrap .assent-table .td:nth-child(3) {
        width: 22%
    }
}

.relieve-frame .form {
    position: relative
}

.relieve-frame .form > input {
    font-size: 14px
}

.relieve-frame .form > input.text {
    float: left;
    border: 0;
    padding: 0 10px;
    width: 100%;
    height: 42px;
    line-height: 40px;
    border: 1px solid #d1d1d1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.relieve-frame .form > input.btn {
    position: absolute;
    z-index: 6;
    height: 42px;
    top: -1px;
    right: 0;
    width: 90px;
    border-radius: 0 4px 4px 0;
    color: #fff;
    background-color: #424578
}

.relieve-frame .prompt {
    line-height: 60px;
    color: #666;
    text-align: center
}

.relieve-frame .code-group {
    text-align: center
}

.relieve-frame .code-group input {
    display: inline-block;
    width: 44px;
    height: 44px;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    text-align: center;
    cursor: text;
    margin-right: 15px;
    -webkit-transition: all, .5s;
    -moz-transition: all, .5s;
    -ms-transition: all, .5s;
    transition: all, .5s
}

.relieve-frame .code-group input:last-child {
    margin-right: 0
}

.relieve-frame .code-group input:focus {
    border-color: 1px solid #aeaeae
}

.icon-trade {
    display: inline-block;
    width: 28px;
    height: 136px;
    background-image: url(../images/down-w.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left 0
}

.icon-trade.icon-1 {
    background-position: left 0
}

.icon-trade.icon-2 {
    background-position: left -30px
}

.icon-trade.icon-3 {
    background-position: left -60px
}

.icon-trade.icon-4 {
    background-position: left -90px
}

.icon-trade.icon-5 {
    background-position: left -120px
}

.icon-trade.icon-6 {
    background-position: left -150px
}

.down-wrap {
    overflow: hidden;
    position: relative;
    background: url(../images/modify-img10.jpg) no-repeat center -40px;
    padding-top: 46px
}

.down-wrap > div {
    width: 760px;
    margin: 0 auto
}

.down-wrap .down-left {
    float: left;
    color: #fff;
    padding: 90px 0 90px 10px
}

.down-wrap .down-left h2 {
    font-size: 16px;
    line-height: 30px
}

.down-wrap .down-left p {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px
}

.down-wrap .down-left .ewm-box {
    float: left;
    width: 110px;
    height: 110px;
    background-color: #fff;
    border-radius: 6px;
    padding: 5px;
    margin-right: 15px
}

.down-wrap .down-left .ewm-box canvas, .down-wrap .down-left .ewm-box img {
    display: block;
    width: 100%;
    height: 100%
}

.down-wrap .down-left .app-download {
    float: left
}

.down-wrap .down-left .app-download > div {
    text-align: center;
    border-radius: 4px;
    color: #fff;
    width: 175px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    margin-bottom: 10px
}

.down-wrap .down-left .app-download > div i {
    margin-right: 8px
}

.down-wrap .down-left .app-download .ios {
    background-color: #000
}

.down-wrap .down-left .app-download .android {
    background-color: #32ad5d
}

.down-wrap .down-left .down-introduce {
    margin-top: 30px
}

.down-wrap .down-left .down-introduce .list {
    float: left;
    text-align: center;
    margin-right: 36px
}

.down-wrap .down-left .down-introduce .list i {
    display: inline-block;
    height: 30px
}

.down-wrap .down-left .down-introduce .list i:after, .down-wrap .down-left .down-introduce .list i:before {
    display: none
}

.down-wrap .down-left .down-introduce .list span {
    display: block;
    color: #6a71cb;
    font-size: 12px;
    line-height: 20px
}

.down-wrap .down-left .down-introduce .list:last-child {
    margin-right: 0
}

.down-wrap .down-right {
    float: right;
    position: relative;
    width: 574px;
    height: 418px
}

.down-wrap .down-right img {
    max-width: none;
    max-height: none;
    position: absolute;
    width: 90%;
    right: 0;
    bottom: -100px
}

.down-wrap .down-contact {
    position: fixed;
    right: 0;
    bottom: 15px;
    border-radius: 40px 0 0 40px;
    color: #fff;
    background-color: #5c6097;
    cursor: pointer;
    width: 160px;
    height: 36px;
    line-height: 36px;
    font-size: 12px
}

.down-wrap .down-contact i {
    display: inline-block;
    float: left;
    width: 30px;
    height: 30px;
    background: url(../images/img4_01.png);
    margin: 3px 10px 0 3px
}

@media screen and (min-width: 1200px) {
    .down-wrap {
        background-size: cover;
        background-position: center;
        padding-top: 0
    }

    .down-wrap > div {
        width: 860px
    }

    .down-wrap .down-left h2 {
        font-size: 22px
    }

    .down-wrap .down-left p {
        font-size: 32px
    }

    .down-wrap .down-left .ewm-box {
        width: 138px;
        height: 138px
    }

    .down-wrap .down-left .app-download > div {
        height: 55px;
        line-height: 55px;
        font-size: 16px
    }

    .down-wrap .down-left .down-introduce {
        margin-top: 42px
    }

    .down-wrap .down-left .down-introduce .list {
        margin-right: 45px
    }

    .down-wrap .down-right {
        width: 480px;
        height: 380px
    }

    .down-wrap .down-contact {
        width: 180px;
        height: 40px;
        line-height: 40px
    }

    .down-wrap .down-contact i {
        width: 34px;
        height: 34px
    }
}

@media screen and (min-width: 1480px) {
    .down-wrap {
        padding-top: 10px
    }

    .down-wrap > div {
        width: 960px;
        margin-top: 50px
    }

    .down-wrap .down-left h2 {
        font-size: 28px;
        line-height: 40px
    }

    .down-wrap .down-left p {
        font-size: 40px;
        margin-bottom: 40px
    }

    .down-wrap .down-left .ewm-box {
        width: 128px;
        height: 128px;
        padding: 7px;
        margin-right: 17px
    }

    .down-wrap .down-left .app-download > div {
        width: 200px;
        height: 60px;
        line-height: 60px;
        font-size: 18px;
        margin-bottom: 15px
    }

    .down-wrap .down-left .down-introduce {
        margin-top: 52px
    }

    .down-wrap .down-left .down-introduce .list {
        margin-right: 50px
    }

    .down-wrap .down-left .down-introduce .list i {
        height: 34px
    }

    .down-wrap .down-left .down-introduce .list span {
        font-size: 13px
    }

    .down-wrap .down-right {
        width: 574px;
        height: 418px
    }

    .down-wrap .down-contact {
        width: 200px;
        height: 46px;
        line-height: 46px;
        font-size: 14px
    }

    .down-wrap .down-contact i {
        width: 40px;
        height: 40px;
        background-size: cover
    }

    .down-wrap .icon-trade {
        width: 32px
    }

    .down-wrap .icon-trade.icon-1 {
        background-position: left 0
    }

    .down-wrap .icon-trade.icon-2 {
        background-position: left -34px
    }

    .down-wrap .icon-trade.icon-3 {
        background-position: left -68px
    }

    .down-wrap .icon-trade.icon-4 {
        background-position: left -102px
    }

    .down-wrap .icon-trade.icon-5 {
        background-position: left -136px
    }

    .down-wrap .icon-trade.icon-6 {
        background-position: left -170px
    }

    .enstyle .down-wrap .down-right {
        width: 524px
    }
}

@media screen and (max-width: 1199px) {
    .down-wrap .down-right {
        width: 400px;
        height: 320px
    }
}

.my-vip .mblock {
    margin-bottom: 24px
}

.my-vip .m-tit1 .vip {
    height: 26px;
    line-height: 26px;
    background-image: url(../images/vip.png);
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: left center;
    font-size: 56%;
    color: #f6c61a;
    margin-right: 6px;
    padding-left: 15px
}

.my-vip .m-tit1 .time {
    color: #f56666;
    font-size: 14px;
    margin-left: 14px
}

.my-vip .m-card {
    text-align: center;
    line-height: 24px;
    margin-bottom: 14px;
    padding: 0 0 14px;
    cursor: pointer;
    position: relative
}

.my-vip .m-card span {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    font-family: Helvetica, arial, PingFangSC-Regular, "Microsoft Yahei", sans-serif;
    margin: 18px auto 8px
}

.my-vip .m-card div {
    color: #999
}

.my-vip .m-card:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -ms-transition: .3s linear;
    transition: .3s linear;
    background-color: transparent;
    border: 2px solid transparent
}

.my-vip .m-card.active {
    border-color: transparent
}

.my-vip .m-card.active span {
    background-color: #fff !important
}

.my-vip .m-card.active div, .my-vip .m-card.active p {
    color: #fff
}

.my-vip .m-card:hover {
    border-color: transparent
}

.my-vip .mclist {
    margin-left: -7px;
    margin-right: -7px
}

.my-vip .col12-tn-4 {
    padding-left: 7px;
    padding-right: 7px
}

.my-vip .col12-tn-4:first-child .m-card.active {
    background: #ffcb30
}

.my-vip .col12-tn-4:first-child .m-card.active span {
    color: #ffcb30
}

.my-vip .col12-tn-4:first-child .m-card span {
    background: #ffcb30
}

.my-vip .col12-tn-4:first-child .m-card:hover:after {
    border: 2px solid #ffcb30
}

.my-vip .col12-tn-4:nth-child(2) .m-card.active {
    background: #fda61f
}

.my-vip .col12-tn-4:nth-child(2) .m-card.active span {
    color: #fda61f
}

.my-vip .col12-tn-4:nth-child(2) .m-card span {
    background: #fda61f
}

.my-vip .col12-tn-4:nth-child(2) .m-card:hover:after {
    border: 2px solid #fda61f
}

.my-vip .col12-tn-4:nth-child(3) .m-card.active {
    background: #f99017
}

.my-vip .col12-tn-4:nth-child(3) .m-card.active span {
    color: #f99017
}

.my-vip .col12-tn-4:nth-child(3) .m-card span {
    background: #f99017
}

.my-vip .col12-tn-4:nth-child(3) .m-card:hover:after {
    border: 2px solid #f99017
}

.my-vip .col12-tn-4:nth-child(4) .m-card.active {
    background: #f68011
}

.my-vip .col12-tn-4:nth-child(4) .m-card.active span {
    color: #f68011
}

.my-vip .col12-tn-4:nth-child(4) .m-card span {
    background: #f68011
}

.my-vip .col12-tn-4:nth-child(4) .m-card:hover:after {
    border: 2px solid #f68011
}

.my-vip .col12-tn-4:nth-child(5) .m-card.active {
    background: #f36a08
}

.my-vip .col12-tn-4:nth-child(5) .m-card.active span {
    color: #f36a08
}

.my-vip .col12-tn-4:nth-child(5) .m-card span {
    background: #f36a08
}

.my-vip .col12-tn-4:nth-child(5) .m-card:hover:after {
    border: 2px solid #f36a08
}

.my-vip .col12-tn-4:nth-child(6) .m-card.active {
    background: #ef5400
}

.my-vip .col12-tn-4:nth-child(6) .m-card.active span {
    color: #ef5400
}

.my-vip .col12-tn-4:nth-child(6) .m-card span {
    background: #ef5400
}

.my-vip .col12-tn-4:nth-child(6) .m-card:hover:after {
    border: 2px solid #ef5400
}

.my-vip .m-table1 {
    overflow: hidden;
    padding-bottom: 0;
    border: 0;
    border-radius: 0;
    font-size: 12px
}

.my-vip .m-table1 .tr .td {
    width: 20%;
    font-size: 14px
}

.my-vip .m-table1 .tbody .tr:last-child .td {
    border-bottom: 0
}

.my-vip .viplist {
    border: 1px solid #dedede;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff
}

@media screen and (max-width: 1480px) {
    .my-vip .mblock {
        margin-bottom: 20px
    }

    .my-vip .m-card {
        height: 118px;
        line-height: 24px
    }

    .my-vip .m-card span {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 15px;
        margin-top: 15px
    }

    .my-vip .m-card div, .my-vip .m-card p {
        font-size: 14px
    }

    .my-vip .m-tit1 .ltxt {
        font-size: 16px
    }

    .my-vip .m-tit1 .time {
        font-size: 13px
    }
}

@media screen and (max-width: 1200px) {
    .my-vip .mblock {
        margin-bottom: 16px
    }

    .my-vip .m-card {
        height: 102px;
        line-height: 24px
    }

    .my-vip .m-card span {
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 13px;
        margin-top: 12px
    }

    .my-vip .m-card div, .my-vip .m-card p {
        font-size: 13px;
        line-height: 20px
    }

    .my-vip .m-tit1 .ltxt {
        font-size: 14px
    }

    .my-vip .m-tit1 .vip {
        background-size: 12px auto;
        padding-left: 12px
    }

    .my-vip .m-tit1 .time {
        font-size: 12px;
        margin-left: 12px
    }

    .my-vip .m-table1 .tr .td {
        font-size: 12px
    }
}

.vip-icon {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(../images/vip-w.png) no-repeat center center;
    background-size: 55%
}

.pausebuy-frame .warning {
    display: block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    color: #fff;
    background-color: #ffad0e;
    margin: 0 auto 18px
}

.pausebuy-frame p {
    color: #333
}

.person-bd.api-bd {
    background-color: #fff
}

.doc-title {
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    color: #fff;
    background-color: #4c4e7f;
    padding: 0 10px;
    margin-bottom: 38px;
    margin-top: -10px
}

.fw-bold {
    font-weight: 700
}

.imb0 {
    margin-bottom: 0 !important
}

.doc-item {
    margin-bottom: 38px
}

.doc-item .refreshBtn {
    cursor: pointer
}

.doc-item .refreshBtn.active .dropDown-btn {
    transform: rotate(-180deg)
}

.doc-item .dropDown-btn {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    cursor: pointer;
    transition: .3s linear
}

.doc-item .title {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    padding-bottom: 10px
}

.doc-item .title.mini {
    font-size: 14px;
    margin-bottom: 20px
}

.doc-item .description-box {
    display: none;
    padding-top: 5px
}

.doc-item .description {
    font-size: 14px;
    color: #4c4e7f;
    line-height: 24px;
    margin-bottom: 10px
}

.doc-item .list-title {
    font-size: 14px;
    background-color: #e2e3f0
}

.doc-item .list-title span {
    float: left;
    width: 50%;
    color: #333;
    height: 43px;
    line-height: 43px;
    padding-left: 15px;
    padding-right: 15px
}

.doc-item .list-detail {
    display: none;
    font-size: 14px;
    padding: 10px;
    color: #434a54
}

.doc-item .list-detail .list-title {
    font-size: 14px
}

.doc-item .list-detail .list-title span {
    height: 30px;
    line-height: 30px
}

.doc-item .list-list {
    font-size: 14px
}

.doc-item .list-list:nth-of-type(2n+1) {
    background-color: #f9f9fc
}

.doc-item .list-list-title {
    font-size: 12px;
    cursor: pointer
}

.doc-item .list-list-title > span, .doc-item .list-list > span {
    float: left;
    width: 50%;
    color: #666;
    height: 34px;
    line-height: 34px;
    padding-left: 15px;
    padding-right: 15px
}

.doc-item code {
    font-size: 12px
}

@media (max-width: 1480px) {
    .doc-title {
        font-size: 18px;
        line-height: 54px;
        margin-bottom: 32px
    }

    .doc-item {
        margin-bottom: 32px
    }

    .doc-item .dropDown-btn {
        width: 10px
    }

    .doc-item .title {
        font-size: 16px;
        padding-bottom: 6px
    }

    .doc-item .description {
        font-size: 13px;
        line-height: 20px
    }

    .doc-item .list-title {
        font-size: 13px
    }

    .doc-item .list-title span {
        height: 38px;
        line-height: 38px
    }

    .doc-item .list-list-title > span, .doc-item .list-list > span {
        height: 32px;
        line-height: 32px
    }
}

@-webkit-keyframes opacity-60-0-0-17 {
    0% {
        opacity: 0
    }
    0.01% {
        opacity: 0
    }
    0.02% {
        opacity: 1
    }
    60.01% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes opacity-60-0-0-17 {
    0% {
        opacity: 0
    }
    0.01% {
        opacity: 0
    }
    0.02% {
        opacity: 1
    }
    60.01% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-ms-keyframes opacity-60-0-0-17 {
    0% {
        opacity: 0
    }
    0.01% {
        opacity: 0
    }
    0.02% {
        opacity: 1
    }
    60.01% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes opacity-60-0-0-17 {
    0% {
        opacity: 0
    }
    0.01% {
        opacity: 0
    }
    0.02% {
        opacity: 1
    }
    60.01% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes opacity-60-0-1-17 {
    0% {
        opacity: 0
    }
    5.89235% {
        opacity: 0
    }
    5.90235% {
        opacity: 1
    }
    65.8924% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes opacity-60-0-1-17 {
    0% {
        opacity: 0
    }
    5.89235% {
        opacity: 0
    }
    5.90235% {
        opacity: 1
    }
    65.8924% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-ms-keyframes opacity-60-0-1-17 {
    0% {
        opacity: 0
    }
    5.89235% {
        opacity: 0
    }
    5.90235% {
        opacity: 1
    }
    65.8924% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes opacity-60-0-1-17 {
    0% {
        opacity: 0
    }
    5.89235% {
        opacity: 0
    }
    5.90235% {
        opacity: 1
    }
    65.8924% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes opacity-60-0-2-17 {
    0% {
        opacity: 0
    }
    11.7747% {
        opacity: 0
    }
    11.7847% {
        opacity: 1
    }
    71.7747% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes opacity-60-0-2-17 {
    0% {
        opacity: 0
    }
    11.7747% {
        opacity: 0
    }
    11.7847% {
        opacity: 1
    }
    71.7747% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-ms-keyframes opacity-60-0-2-17 {
    0% {
        opacity: 0
    }
    11.7747% {
        opacity: 0
    }
    11.7847% {
        opacity: 1
    }
    71.7747% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes opacity-60-0-2-17 {
    0% {
        opacity: 0
    }
    11.7747% {
        opacity: 0
    }
    11.7847% {
        opacity: 1
    }
    71.7747% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes opacity-60-0-3-17 {
    0% {
        opacity: 0
    }
    17.6571% {
        opacity: 0
    }
    17.6671% {
        opacity: 1
    }
    77.6571% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes opacity-60-0-3-17 {
    0% {
        opacity: 0
    }
    17.6571% {
        opacity: 0
    }
    17.6671% {
        opacity: 1
    }
    77.6571% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-ms-keyframes opacity-60-0-3-17 {
    0% {
        opacity: 0
    }
    17.6571% {
        opacity: 0
    }
    17.6671% {
        opacity: 1
    }
    77.6571% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes opacity-60-0-3-17 {
    0% {
        opacity: 0
    }
    17.6571% {
        opacity: 0
    }
    17.6671% {
        opacity: 1
    }
    77.6571% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes opacity-60-0-4-17 {
    0% {
        opacity: 0
    }
    23.5394% {
        opacity: 0
    }
    23.5494% {
        opacity: 1
    }
    83.5394% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes opacity-60-0-4-17 {
    0% {
        opacity: 0
    }
    23.5394% {
        opacity: 0
    }
    23.5494% {
        opacity: 1
    }
    83.5394% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-ms-keyframes opacity-60-0-4-17 {
    0% {
        opacity: 0
    }
    23.5394% {
        opacity: 0
    }
    23.5494% {
        opacity: 1
    }
    83.5394% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes opacity-60-0-4-17 {
    0% {
        opacity: 0
    }
    23.5394% {
        opacity: 0
    }
    23.5494% {
        opacity: 1
    }
    83.5394% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes opacity-60-0-5-17 {
    0% {
        opacity: 0
    }
    29.4218% {
        opacity: 0
    }
    29.4318% {
        opacity: 1
    }
    89.4218% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes opacity-60-0-5-17 {
    0% {
        opacity: 0
    }
    29.4218% {
        opacity: 0
    }
    29.4318% {
        opacity: 1
    }
    89.4218% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-ms-keyframes opacity-60-0-5-17 {
    0% {
        opacity: 0
    }
    29.4218% {
        opacity: 0
    }
    29.4318% {
        opacity: 1
    }
    89.4218% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes opacity-60-0-5-17 {
    0% {
        opacity: 0
    }
    29.4218% {
        opacity: 0
    }
    29.4318% {
        opacity: 1
    }
    89.4218% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes opacity-60-0-6-17 {
    0% {
        opacity: 0
    }
    35.3041% {
        opacity: 0
    }
    35.3141% {
        opacity: 1
    }
    95.3041% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes opacity-60-0-6-17 {
    0% {
        opacity: 0
    }
    35.3041% {
        opacity: 0
    }
    35.3141% {
        opacity: 1
    }
    95.3041% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-ms-keyframes opacity-60-0-6-17 {
    0% {
        opacity: 0
    }
    35.3041% {
        opacity: 0
    }
    35.3141% {
        opacity: 1
    }
    95.3041% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes opacity-60-0-6-17 {
    0% {
        opacity: 0
    }
    35.3041% {
        opacity: 0
    }
    35.3141% {
        opacity: 1
    }
    95.3041% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes opacity-60-0-7-17 {
    0% {
        opacity: 0
    }
    41.1865% {
        opacity: 0
    }
    41.1965% {
        opacity: 1
    }
    1.18647% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes opacity-60-0-7-17 {
    0% {
        opacity: 0
    }
    41.1865% {
        opacity: 0
    }
    41.1965% {
        opacity: 1
    }
    1.18647% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-ms-keyframes opacity-60-0-7-17 {
    0% {
        opacity: 0
    }
    41.1865% {
        opacity: 0
    }
    41.1965% {
        opacity: 1
    }
    1.18647% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes opacity-60-0-7-17 {
    0% {
        opacity: 0
    }
    41.1865% {
        opacity: 0
    }
    41.1965% {
        opacity: 1
    }
    1.18647% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes opacity-60-0-8-17 {
    0% {
        opacity: 0
    }
    47.0688% {
        opacity: 0
    }
    47.0788% {
        opacity: 1
    }
    7.06882% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes opacity-60-0-8-17 {
    0% {
        opacity: 0
    }
    47.0688% {
        opacity: 0
    }
    47.0788% {
        opacity: 1
    }
    7.06882% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-ms-keyframes opacity-60-0-8-17 {
    0% {
        opacity: 0
    }
    47.0688% {
        opacity: 0
    }
    47.0788% {
        opacity: 1
    }
    7.06882% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes opacity-60-0-8-17 {
    0% {
        opacity: 0
    }
    47.0688% {
        opacity: 0
    }
    47.0788% {
        opacity: 1
    }
    7.06882% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes opacity-60-0-9-17 {
    0% {
        opacity: 0
    }
    52.9512% {
        opacity: 0
    }
    52.9612% {
        opacity: 1
    }
    12.9512% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes opacity-60-0-9-17 {
    0% {
        opacity: 0
    }
    52.9512% {
        opacity: 0
    }
    52.9612% {
        opacity: 1
    }
    12.9512% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-ms-keyframes opacity-60-0-9-17 {
    0% {
        opacity: 0
    }
    52.9512% {
        opacity: 0
    }
    52.9612% {
        opacity: 1
    }
    12.9512% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes opacity-60-0-9-17 {
    0% {
        opacity: 0
    }
    52.9512% {
        opacity: 0
    }
    52.9612% {
        opacity: 1
    }
    12.9512% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes opacity-60-0-10-17 {
    0% {
        opacity: 0
    }
    58.8335% {
        opacity: 0
    }
    58.8435% {
        opacity: 1
    }
    18.8335% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes opacity-60-0-10-17 {
    0% {
        opacity: 0
    }
    58.8335% {
        opacity: 0
    }
    58.8435% {
        opacity: 1
    }
    18.8335% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-ms-keyframes opacity-60-0-10-17 {
    0% {
        opacity: 0
    }
    58.8335% {
        opacity: 0
    }
    58.8435% {
        opacity: 1
    }
    18.8335% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes opacity-60-0-10-17 {
    0% {
        opacity: 0
    }
    58.8335% {
        opacity: 0
    }
    58.8435% {
        opacity: 1
    }
    18.8335% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes opacity-60-0-11-17 {
    0% {
        opacity: 0
    }
    64.7159% {
        opacity: 0
    }
    64.7259% {
        opacity: 1
    }
    24.7159% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes opacity-60-0-11-17 {
    0% {
        opacity: 0
    }
    64.7159% {
        opacity: 0
    }
    64.7259% {
        opacity: 1
    }
    24.7159% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-ms-keyframes opacity-60-0-11-17 {
    0% {
        opacity: 0
    }
    64.7159% {
        opacity: 0
    }
    64.7259% {
        opacity: 1
    }
    24.7159% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes opacity-60-0-11-17 {
    0% {
        opacity: 0
    }
    64.7159% {
        opacity: 0
    }
    64.7259% {
        opacity: 1
    }
    24.7159% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes opacity-60-0-12-17 {
    0% {
        opacity: 0
    }
    70.5982% {
        opacity: 0
    }
    70.6082% {
        opacity: 1
    }
    30.5982% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes opacity-60-0-12-17 {
    0% {
        opacity: 0
    }
    70.5982% {
        opacity: 0
    }
    70.6082% {
        opacity: 1
    }
    30.5982% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-ms-keyframes opacity-60-0-12-17 {
    0% {
        opacity: 0
    }
    70.5982% {
        opacity: 0
    }
    70.6082% {
        opacity: 1
    }
    30.5982% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes opacity-60-0-12-17 {
    0% {
        opacity: 0
    }
    70.5982% {
        opacity: 0
    }
    70.6082% {
        opacity: 1
    }
    30.5982% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes opacity-60-0-13-17 {
    0% {
        opacity: 0
    }
    76.4806% {
        opacity: 0
    }
    76.4906% {
        opacity: 1
    }
    36.4806% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes opacity-60-0-13-17 {
    0% {
        opacity: 0
    }
    76.4806% {
        opacity: 0
    }
    76.4906% {
        opacity: 1
    }
    36.4806% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-ms-keyframes opacity-60-0-13-17 {
    0% {
        opacity: 0
    }
    76.4806% {
        opacity: 0
    }
    76.4906% {
        opacity: 1
    }
    36.4806% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes opacity-60-0-13-17 {
    0% {
        opacity: 0
    }
    76.4806% {
        opacity: 0
    }
    76.4906% {
        opacity: 1
    }
    36.4806% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes opacity-60-0-14-17 {
    0% {
        opacity: 0
    }
    82.3629% {
        opacity: 0
    }
    82.3729% {
        opacity: 1
    }
    42.3629% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes opacity-60-0-14-17 {
    0% {
        opacity: 0
    }
    82.3629% {
        opacity: 0
    }
    82.3729% {
        opacity: 1
    }
    42.3629% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-ms-keyframes opacity-60-0-14-17 {
    0% {
        opacity: 0
    }
    82.3629% {
        opacity: 0
    }
    82.3729% {
        opacity: 1
    }
    42.3629% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes opacity-60-0-14-17 {
    0% {
        opacity: 0
    }
    82.3629% {
        opacity: 0
    }
    82.3729% {
        opacity: 1
    }
    42.3629% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes opacity-60-0-15-17 {
    0% {
        opacity: 0
    }
    88.2453% {
        opacity: 0
    }
    88.2553% {
        opacity: 1
    }
    48.2453% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes opacity-60-0-15-17 {
    0% {
        opacity: 0
    }
    88.2453% {
        opacity: 0
    }
    88.2553% {
        opacity: 1
    }
    48.2453% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-ms-keyframes opacity-60-0-15-17 {
    0% {
        opacity: 0
    }
    88.2453% {
        opacity: 0
    }
    88.2553% {
        opacity: 1
    }
    48.2453% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes opacity-60-0-15-17 {
    0% {
        opacity: 0
    }
    88.2453% {
        opacity: 0
    }
    88.2553% {
        opacity: 1
    }
    48.2453% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes opacity-60-0-16-17 {
    0% {
        opacity: 0
    }
    94.1276% {
        opacity: 0
    }
    94.1376% {
        opacity: 1
    }
    54.1276% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes opacity-60-0-16-17 {
    0% {
        opacity: 0
    }
    94.1276% {
        opacity: 0
    }
    94.1376% {
        opacity: 1
    }
    54.1276% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-ms-keyframes opacity-60-0-16-17 {
    0% {
        opacity: 0
    }
    94.1276% {
        opacity: 0
    }
    94.1376% {
        opacity: 1
    }
    54.1276% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes opacity-60-0-16-17 {
    0% {
        opacity: 0
    }
    94.1276% {
        opacity: 0
    }
    94.1376% {
        opacity: 1
    }
    54.1276% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

.maintain {
    position: relative;
    height: 100vh;
    background-color: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f5f5f5
}

.maintain:after, .maintain:before {
    top: 0;
    bottom: 0;
    content: "";
    position: absolute;
    width: 30.9375%;
    background-repeat: no-repeat;
    background-size: contain
}

.maintain:before {
    left: 0;
    background-position: left bottom;
    background-image: url(../images/maintainbottom.jpg)
}

.maintain:after {
    right: 0;
    background-position: right top;
    background-image: url(../images/maintaintop.jpg)
}

.maintain .txt {
    position: absolute;
    top: 42%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #858585;
    text-align: center;
    padding-top: 200px;
    background: url(../images/maintain.svg) no-repeat top center;
    background-size: 92px 159px
}

.maintain .txt .Title {
    font-size: 36px;
    padding-bottom: 10px
}

.maintain .txt .tit {
    font-size: 16px
}

.appbody {
    max-width: 640px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    height: 100%
}

.browserOpenBox {
    position: fixed;
    display: none;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(61, 61, 108, .5)
}

.browserOpen {
    position: absolute;
    z-index: 9;
    right: 2px;
    top: 13px;
    letter-spacing: 1px;
    color: #fff;
    background-color: #3d3d6c;
    border-radius: 6px;
    font-size: 12px;
    line-height: 22px;
    padding: 12px;
    cursor: pointer
}

.browserOpen::before {
    position: absolute;
    content: '';
    border-bottom: 9px solid #3d3d6c;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    top: -9px;
    right: 18px
}

.appdown {
    position: relative;
    width: 100%;
    height: 100vh;
    top: 0;
    background: url(../images/mobbg.jpg) no-repeat center top;
    background-size: 100% 100%
}

.appdown.active {
    height: auto
}

.appdown.active .step_2 {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

.appdown.active .step_1 {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    opacity: 0
}

.appdown .downcon {
    position: absolute;
    top: 19%;
    width: 100%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all, .5s;
    -moz-transition: all, .5s;
    -ms-transition: all, .5s;
    transition: all, .5s
}

.appdown .downlogo {
    width: 28.906%;
    margin: 0 auto
}

.appdown .btns {
    padding-left: 10.18%;
    padding-right: 10.18%;
    padding-top: 15%
}

.appdown .btns .btn {
    display: block;
    color: #fff;
    border-radius: 100px;
    max-width: 480px;
    width: 100%;
    margin: 0 auto 20px;
    font-size: 16px;
    line-height: 45px;
    height: 47px;
    border: 1px solid #fff;
    background-color: rgba(66, 68, 120, .5);
    -webkit-transition: all, .3s;
    -moz-transition: all, .3s;
    -ms-transition: all, .3s;
    transition: all, .3s;
    text-align: left;
    padding-left: 40%;
    position: relative
}

.appdown .btns .btn .iconfont {
    position: absolute;
    top: 0;
    right: 60%;
    font-size: 150%;
    margin-right: 10px
}

.appdown .btns .btn:hover {
    background-color: rgba(66, 68, 120, .9)
}

.step_2 {
    -webkit-transition: all, .5s;
    -moz-transition: all, .5s;
    -ms-transition: all, .5s;
    transition: all, .5s;
    opacity: 0;
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    padding-top: 20px;
    padding-bottom: 40px;
    width: 92%;
    margin: 0 auto
}

.step_2 .topback {
    padding-bottom: 10px
}

.step_2 .topback a {
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 30px;
    line-height: 24px;
    height: 26px;
    font-size: 12px;
    padding: 0 15px;
    color: #fff
}

.step_2 .topback a:hover {
    background-color: #fdd108;
    border-color: #fdd108
}

.step_2 .logo {
    width: 65px;
    margin: 0 auto
}

.step_2 .Title {
    padding-top: 15px;
    line-height: 1.4em
}

.step_2 .downbtn {
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px
}

.step_2 .downbtn .btn {
    display: block;
    color: #fff;
    border-radius: 100px;
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 40px;
    height: 42px;
    border: 1px solid #fff;
    background-color: rgba(66, 68, 120, .5);
    -webkit-transition: all, .3s;
    -moz-transition: all, .3s;
    -ms-transition: all, .3s;
    transition: all, .3s;
    text-align: center;
    position: relative
}

.step_2 .downbtn .btn.installing {
    background: 0 0;
    border: none;
    color: rgba(120, 123, 182, .5)
}

.step_2 .downbtn .btn .iconfont {
    font-size: 150%;
    margin-right: 10px
}

.step_2 .downbtn .btn:hover {
    background-color: rgba(66, 68, 120, .9)
}

.step_2 .downbtn .btn.loading {
    background: 0 0;
    border: none
}

.step_2 .downbtn .btn.loading img {
    width: 25px;
    height: 25px
}

.step_2 .steplist {
    padding-top: 20px
}

.step_2 .steplist li {
    padding: 10px 15px;
    background-color: rgba(40, 40, 76, .95);
    border-radius: 4px;
    margin-bottom: 15px;
    position: relative
}

.step_2 .steplist .number {
    position: absolute;
    top: 50%;
    left: 8px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 1
}

.step_2 .steplist .number span {
    display: block;
    position: relative;
    z-index: 2;
    font-weight: 700;
    text-align: center;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    line-height: 22px;
    border: 5px solid #393b6e;
    font-size: 14px;
    background-color: #fff;
    color: #393b6e
}

.step_2 .steplist .number:after {
    content: "";
    display: none;
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: -2;
    -webkit-transform: translate(-60%, -50%);
    -moz-transform: translate(-60%, -50%);
    -ms-transform: translate(-60%, -50%);
    transform: translate(-60%, -50%);
    border-left: 20px solid #393b6e;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent
}

.step_2 .steplist .pic {
    width: 60px;
    margin-left: 34px
}

.step_2 .steplist .pic img {
    border-radius: 10px
}

.step_2 .steplist .txt {
    color: #fff;
    line-height: 1.3em;
    left: 120px;
    right: 10px;
    font-size: 12px;
    top: 50%;
    position: absolute;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.step_2 .steplist .txt span {
    color: #fdd108
}

@media screen and (min-width: 414px) {
    .appdown .btns .btn {
        font-size: 20px;
        line-height: 50px;
        height: 52px;
        margin-bottom: 25px
    }

    .step_2 {
        width: 85%
    }

    .step_2 .downbtn .btn {
        font-size: 15px;
        height: 46px;
        line-height: 44px
    }

    .step_2 .steplist li {
        margin-bottom: 20px
    }

    .step_2 .steplist .number {
        z-index: 1;
        left: 10px
    }

    .step_2 .steplist .number span {
        width: 38px;
        height: 38px;
        border-width: 7px;
        line-height: 24px;
        font-size: 14px
    }

    .step_2 .steplist .number:after {
        display: block
    }

    .step_2 .steplist .pic {
        width: 70px;
        margin-left: 52px
    }

    .step_2 .steplist .pic img {
        border-radius: 15px
    }

    .step_2 .steplist .txt {
        left: 150px;
        font-size: 14px
    }
}

@media screen and (min-width: 640px) {
    .appdown .btns {
        padding-top: 12%
    }

    .appdown .btns .btn {
        font-size: 22px;
        line-height: 60px;
        height: 62px
    }
}

.ratebox {
    border: 1px solid #e1e1e1;
    border-top: 0;
    background-color: #fff
}

.ratebox .vipbox {
    padding: 45px 50px 40px
}

.ratebox .vipbox .Title {
    font-weight: 700;
    color: #333;
    padding-bottom: 20px
}

.ratebox .vipbox .my-vip .m-card {
    background-color: #f9f9f9;
    border-color: #f5f5f5;
    cursor: default
}

.ratebox .vipbox .my-vip .m-card div {
    color: #333
}

.ratebox .vipbox .my-vip .m-card p {
    font-weight: 700
}

.ratebox .vipbox .my-vip .m-card:hover {
    border-color: #f5f5f5 !important
}

.ratebox .vipbox .my-vip .m-card:hover:after {
    display: none
}

@media screen and (min-width: 1200px) {
    .ratebox .vipbox {
        padding: 50px 55px 40px
    }
}

@media screen and (min-width: 1580px) {
    .ratebox .vipbox {
        padding: 60px 70px 50px
    }
}

.assentinfo-page .assentinfo_part1 {
    padding-bottom: 25px;
    border-radius: 5px
}

.assentinfo-page .assentinfo_part1 .top {
    background-color: #424578;
    color: #fff;
    border-radius: 5px 5px 0 0;
    padding: 20px 25px
}

.assentinfo-page .assentinfo_part1 .top .left {
    line-height: 40px
}

.assentinfo-page .assentinfo_part1 .top .left img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    vertical-align: top
}

.assentinfo-page .assentinfo_part1 .top .left b {
    display: inline-block;
    vertical-align: top;
    font-size: 22px;
    padding-left: 8px
}

.assentinfo-page .assentinfo_part1 .top .left span {
    font-weight: 400;
    font-size: 12px
}

.assentinfo-page .assentinfo_part1 .top .right {
    line-height: 40px
}

.assentinfo-page .assentinfo_part1 .top .right .a1 {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 30px;
    background: url(../images/assentinfo_ico1.png) no-repeat left center
}

.assentinfo-page .assentinfo_part1 .top .right .a1:hover {
    color: #8284ac
}

.assentinfo-page .assentinfo_part1 .top .right .a2 {
    color: #fff;
    display: inline-block;
    margin-left: 20px;
    font-size: 14px;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 30px;
    background: url(../images/assentinfo_ico2.png) no-repeat left center
}

.assentinfo-page .assentinfo_part1 .top .right .a2:hover {
    color: #8284ac
}

.assentinfo-page .assentinfo_part1 .top .right .a3 {
    color: #fff;
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
    border-radius: 50px;
    background: #ffa600;
    cursor: pointer;
    text-align: center;
    position: relative;
    line-height: 36px;
    font-size: 14px;
    min-width: 100px;
    padding-left: 10px;
    padding-right: 10px
}

.assentinfo-page .assentinfo_part1 .top .right .a3:hover {
    background-color: #8284ac
}

.assentinfo-page .assentinfo_part1 .top .right .a3:hover nav {
    display: block
}

.assentinfo-page .assentinfo_part1 .top .right .a3 nav {
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    min-width: 100px;
    text-align: center;
    position: absolute;
    z-index: 3;
    display: none
}

.assentinfo-page .assentinfo_part1 .top .right .a3 nav .arrow {
    height: 10px;
    line-height: 10px
}

.assentinfo-page .assentinfo_part1 .top .right .a3 nav .arrow:before {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #53568b
}

.assentinfo-page .assentinfo_part1 .top .right .a3 nav dl {
    border-radius: 3px;
    background-color: #53568b;
    padding: 5px
}

.assentinfo-page .assentinfo_part1 .top .right .a3 nav dl dd {
    margin-bottom: 1px
}

.assentinfo-page .assentinfo_part1 .top .right .a3 nav a {
    display: block;
    line-height: 22px;
    border-radius: 2px;
    font-size: 10px;
    color: #fff;
    background-color: #676a9d;
    text-transform: uppercase
}

.assentinfo-page .assentinfo_part1 .top .right .a3 nav a:hover {
    background-color: #ffad0e
}

.assentinfo-page .assentinfo_part1 .bottom {
    background-color: #fff
}

.assentinfo-page .assentinfo_part1 .bottom .grow {
    margin: 0;
    border: 1px solid #e2e2e2;
    border-top: 0;
    font-size: 14px;
    line-height: 34px;
    color: #666
}

.assentinfo-page .assentinfo_part1 .bottom .grow:first-child {
    background-color: #f3f3f3
}

.assentinfo-page .assentinfo_part2 {
    background-color: #fff;
    padding: 35px 30px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    line-height: 2em;
    color: #666;
    font-size: 14px;
    font-family: "Microsoft Yahei", PingFangSC-Regular, Helvetica, arial, sans-serif
}

.assentinfo-page .assentinfo_part2 .Title {
    font-size: 28px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    color: #333;
    line-height: 1.2em
}

.assentinfo-page .assentinfo_part2 .art {
    padding-top: 15px;
    padding-bottom: 15px
}

.assentinfo-page .assentinfo_part2 .art * {
    font-family: "Microsoft Yahei", PingFangSC-Regular, Helvetica, arial, sans-serif !important
}

@media screen and (min-width: 1200px) {
    .assentinfo-page .assentinfo_part1 .top .left {
        line-height: 50px
    }

    .assentinfo-page .assentinfo_part1 .top .left img {
        width: 50px;
        height: 50px
    }

    .assentinfo-page .assentinfo_part1 .top .left b {
        font-size: 26px
    }

    .assentinfo-page .assentinfo_part1 .top .left span {
        font-size: 16px
    }

    .assentinfo-page .assentinfo_part1 .top .right {
        line-height: 50px
    }

    .assentinfo-page .assentinfo_part1 .top .right .a2, .assentinfo-page .assentinfo_part1 .top .right .a3 {
        margin-left: 30px
    }

    .assentinfo-page .assentinfo_part1 .top .right .a3 {
        font-size: 16px;
        line-height: 38px
    }

    .assentinfo-page .assentinfo_part1 .top .right .a3 nav {
        min-width: 110px
    }

    .assentinfo-page .assentinfo_part1 .top .right .a3 nav dl {
        padding: 8px
    }

    .assentinfo-page .assentinfo_part1 .top .right .a3 nav a {
        font-size: 14px;
        line-height: 26px
    }

    .assentinfo-page .assentinfo_part2 {
        font-size: 15px
    }

    .assentinfo-page .assentinfo_part2 .Title {
        font-size: 32px
    }

    .assentinfo-page .assentinfo_part2 .art {
        padding: 20px 10px
    }
}

@media screen and (min-width: 1580px) {
    .assentinfo-page .assentinfo_part1 .top .left {
        line-height: 60px
    }

    .assentinfo-page .assentinfo_part1 .top .left img {
        width: 60px;
        height: 60px
    }

    .assentinfo-page .assentinfo_part1 .top .left b {
        font-size: 30px
    }

    .assentinfo-page .assentinfo_part1 .top .left span {
        font-size: 18px
    }

    .assentinfo-page .assentinfo_part1 .top .right {
        line-height: 60px
    }

    .assentinfo-page .assentinfo_part1 .top .right .a2, .assentinfo-page .assentinfo_part1 .top .right .a3 {
        margin-left: 45px
    }

    .assentinfo-page .assentinfo_part1 .top .right .a3 {
        line-height: 40px
    }

    .assentinfo-page .assentinfo_part1 .top .right .a3 nav {
        min-width: 120px
    }

    .assentinfo-page .assentinfo_part1 .top .right .a3 nav a {
        font-size: 15px;
        line-height: 30px
    }

    .assentinfo-page .assentinfo_part2 {
        font-size: 16px
    }

    .assentinfo-page .assentinfo_part2 .Title {
        font-size: 36px
    }

    .assentinfo-page .assentinfo_part2 .art {
        padding: 25px 15px
    }
}

.enstyle .havehpybtn:before {
    width: 4px;
    height: 4px;
    right: 4px
}

.enstyle .havehpybtn {
    position: relative;
    padding-left: 4px !important;
    padding-right: 10px !important
}

.enstyle .celebrity-page .tip .text {
    padding-left: 160px
}

.enstyle .ft-nav li a {
    font-size: 10px
}

.enstyle .ft-nav li dt {
    padding-bottom: 10px
}

.enstyle .ft-nav li dt a {
    font-size: 12px
}

.enstyle .quick-notice .notice-list {
    padding-left: 100px
}

.enstyle .quick-sign .quick-info {
    width: 300px
}

.enstyle .quick-sign .module-sign {
    width: 200px
}

.enstyle .quick-sign .module-sign .row a {
    line-height: 20px
}

.enstyle .input-3 {
    padding-left: 55px
}

.enstyle #container-trader .header-bar .logo a {
    padding-top: 2px
}

.enstyle #container-trader .coin-entrust .trader-body .nodata a {
    margin-left: 3px;
    margin-right: 3px
}

.enstyle #container-trader2 .coin-orders .coin-orders-hd .btns .trade-depth {
    width: 77px
}

.enstyle #container-trader2 .coin-orders .coin-orders-bd .trader-table .trader-head {
    white-space: nowrap
}

.enstyle #container-trader2 .trader-box .coin-tab-hd .ltabMenu ul li {
    width: 73px;
    padding: 0;
    white-space: nowrap;
    font-size: 8px
}

.enstyle #container-trader2 .trader-box-parent .trader-box .balance span {
    font-size: 10px
}

.enstyle #container-trader2 .trader-box-parent .trader-box .balance #buyYue span, .enstyle #container-trader2 .trader-box-parent .trader-box .balance #sellYue span {
    display: none
}

.enstyle #container-trader2 .m-wtop .trader-table2 .trader-head .row .col {
    font-size: 10px
}

.enstyle #container-trader2 .m-wtop .trader-table2 .row .col:nth-child(1) {
    width: 31.5%
}

.enstyle #container-trader2 .m-wtop .trader-table2 .row .col:nth-child(2) {
    width: 31.5%;
    text-align: left
}

.enstyle #container-trader2 .nodataBox a {
    margin-left: 3px;
    margin-right: 3px
}

.enstyle #container-trader2 .trader-box-parent .trader-box .balance {
    position: relative
}

.enstyle #container-trader2 .trader-box-parent .trader-box .balance .fr {
    position: absolute;
    right: 0;
    top: 0
}

.enstyle .toptrand .downlist2 a {
    font-size: 13px;
    text-align: left
}

.enstyle .search-conditions .name {
    font-size: 13px;
    width: auto
}

.enstyle .assent-page .listtop .list-right .btn-style1 {
    min-width: 85px;
    width: auto
}

.enstyle .common-form .row {
    padding-left: 115px
}

.enstyle .common-form .label-1 {
    font-size: 9px;
    width: 100px
}

.enstyle .down-wrap .down-left .app-download > div {
    font-size: 14px
}

.enstyle .nodeplan-page .nodeplan_part2 .item {
    padding-left: 117px
}

.enstyle .row-checkradio {
    height: auto;
    min-height: 15px
}

.enstyle .row-checkradio .row-link {
    float: none;
    display: inline
}

.enstyle .ctoc-page .facilityform .btns {
    min-width: 100px;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    white-space: nowrap
}

.enstyle .pop_c2c .popcontain .Top .tit2 {
    font-size: 14px
}

.enstyle .pop_c2cpay .payform .formlist {
    padding-left: 120px
}

.enstyle .pop_c2cpay .payform .formlist .name {
    font-size: 12px
}

.enstyle .table-style8 .td:nth-child(2) {
    width: 8%
}

.enstyle .table-style4, .enstyle .table-style5, .enstyle .table-style6, .enstyle .table-style7, .enstyle .table-style8 {
    font-size: 12px
}

.enstyle .table-style7 .td {
    width: 20%
}

.enstyle .table-style7 .td:first-child {
    width: 11%
}

.enstyle .no-data {
    font-size: 12px
}

.enstyle .person-side li a {
    font-size: 13px;
    padding-left: 16px;
    padding-right: 16px
}

.enstyle .table-style2 .col-btn {
    margin: 2px 1px;
    font-size: 11px;
    padding-left: 8px;
    padding-right: 8px
}

.enstyle .table-style2 .trade-btn nav dl {
    padding: 5px
}

.enstyle .table-style2 .trade-btn nav a {
    line-height: 14px;
    word-break: normal;
    padding: 4px 0
}

.enstyle .m-tabBox .tabMenubox ul li a {
    font-size: 14px;
    padding: 0 10px
}

.enstyle .m-account-info .m-card1 {
    min-height: 116px
}

.enstyle .m-account-info .m-card1 .cinbox {
    padding-left: 45px
}

.enstyle .m-account-info .m-card1 .ftxt {
    top: 5px
}

.enstyle .m-account-info .m-card1 .m-unbound {
    font-size: 12px
}

.enstyle .m-account-info .m-card1 .mtxt {
    font-size: 12px;
    line-height: 16px
}

.enstyle .m-account-info .m-card1 .mtxt h3 {
    padding-bottom: 3px;
    font-size: 14px
}

.enstyle .m-account-info .m-card1 .mtxt .lh36 {
    padding-bottom: 0;
    font-size: 14px
}

.enstyle .m-account-info .m-card1 .m-btnstyle1 {
    font-size: 12px;
    height: 22px;
    line-height: 20px
}

.enstyle .m-card2 .cinbox {
    padding-right: 140px
}

.enstyle .m-card2 .cinbox .lh36 {
    line-height: 20px
}

.enstyle .person-hd .person_info .tip {
    position: relative;
    font-size: 11px;
    display: inline-block
}

.enstyle .person-hd .person_info .tip label {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 2
}

.enstyle .idVerification .idinbox {
    padding-left: 0
}

.enstyle .idVerification .ltxt {
    width: auto;
    position: static;
    text-align: left;
    padding-bottom: 5px;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.enstyle .idVerification .m-stepbox {
    border: 0;
    padding-left: 16%
}

.enstyle .idVerification .m-stepbox ul li .p2 {
    white-space: nowrap
}

.enstyle .benefitbox ul li .icon-hpy {
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none
}

.enstyle .benefitbox ul li .txt {
    float: none;
    text-align: center
}

.enstyle .speical-tip {
    line-height: 20px
}

.enstyle .top-up .hpy-type .s-hd {
    margin-bottom: 15px
}

.enstyle .top-up .hpy-type .bd {
    min-height: 247px
}

.enstyle .top-up .hpy-type .s-tip {
    line-height: 14px;
    padding-bottom: 6px
}

.enstyle .withdraw-page .coin-withdraw-btns .btn {
    width: 130px
}

.enstyle .ctoc-page .ctoc-top .coinname li.eli {
    font-size: 14px
}

.enstyle .ctoc-page .floor5 .title .tip i {
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 26px;
    width: auto
}

.enstyle .download .ewmdown {
    width: 247px
}

.enstyle .download .ewmdown .btn {
    width: 140px;
    padding-left: 10px;
    padding-right: 10px
}

.enstyle .download .p3 {
    margin-left: auto;
    margin-right: auto;
    width: 184px;
    font-size: 15px
}

.enstyle .download ul {
    width: 247px
}

.enstyle .download ul li {
    width: 58px
}

.enstyle .add-address .layer-wrapper, .enstyle .authentication .layer-wrapper, .enstyle .google .layer-wrapper {
    width: 570px
}

.enstyle .advantage-item h3 {
    font-size: 13px;
    font-weight: 700
}

.enstyle .advantage-item p br {
    display: none
}

.enstyle .down-wrap .down-left p {
    width: 238px
}

.enstyle .down-wrap .down-left .app-download > div {
    padding-left: 10px;
    text-align: left
}

.enstyle .header-bar .user-login .cur-menu li a {
    padding-left: 15px;
    text-align: left
}

.enstyle .table-style2 .col-btn {
    font-size: 12px
}

@media screen and (max-width: 1480px) {
    .enstyle .table-style2 .col-btn {
        font-size: 10px
    }
}

@media screen and (max-width: 1150px) {
    .enstyle .table-style2 .col-btn {
        font-size: 8px;
        padding-right: 12px !important;
        padding-left: 3px !important
    }

    .havehpybtn:before {
        right: 2px;
        width: 5px;
        height: 5px
    }
}

@media screen and (min-width: 1200px) {
    .kostyle.enstyle .quick-sign .quick-info {
        width: auto;
        padding: 20px 16px
    }

    .kostyle.enstyle .quick-notice .notice-list {
        padding-left: 65px
    }

    .enstyle .ft-nav li a {
        font-size: 12px
    }

    .enstyle .ft-nav li dt {
        padding-bottom: 15px
    }

    .enstyle .ft-nav li dt a {
        font-size: 14px
    }

    .enstyle .input-3 {
        padding-left: 65px
    }

    .enstyle .quick-notice .notice-list {
        padding-left: 130px
    }

    .enstyle .quick-sign .module-sign {
        width: 250px
    }

    .enstyle .quick-sign .quick-info {
        width: 333px
    }

    .enstyle .header-bar .logo a {
        padding-top: 3px;
        padding-bottom: 3px
    }

    .enstyle .header-bar .user-login .cur-menu ul {
        font-size: 13px
    }

    .enstyle #header-trader .header-bar .logo a {
        padding-top: 3px
    }

    .enstyle #container-trader .coin-trader .balance #buyYue span, .enstyle #container-trader .coin-trader .balance #sellYue span {
        display: block
    }

    .enstyle #container-trader .coin-trader .balance #buyYue .btn, .enstyle #container-trader .coin-trader .balance #sellYue .btn {
        float: right
    }

    .enstyle #container-trader2 .coin-orders .coin-orders-hd .btns .trade-depth {
        width: 90px
    }

    .enstyle #container-trader2 .m-wtop .trader-table2 .trader-head {
        font-size: 12px
    }

    .enstyle #container-trader2 .m-wtop .trader-table2 .trader-head .row .col {
        font-size: 12px
    }

    .enstyle #container-trader2 .trader-box-parent .trader-box .balance span {
        font-size: 12px
    }

    .enstyle #container-trader2 .trader-box .coin-tab-hd .ltabMenu ul li {
        width: 96px;
        font-size: 12px
    }

    .enstyle .down-wrap .down-left .app-download > div {
        font-size: 15px
    }

    .enstyle .api-page .api_part1 .text {
        padding-left: 170px
    }

    .enstyle .person-side li a {
        font-size: 14px;
        padding-left: 20px;
        padding-right: 20px
    }

    .enstyle .alertPop .layer-wrapper {
        width: 465px
    }

    .enstyle .add-address .layer-wrapper, .enstyle .authentication .layer-wrapper, .enstyle .google .layer-wrapper {
        width: 800px
    }

    .enstyle .common-form .row {
        padding-left: 130px
    }

    .enstyle .common-form .label-1 {
        font-size: 12px;
        width: 115px
    }

    .enstyle .table-style2 .trade-btn nav a {
        font-size: 13px;
        line-height: 16px
    }

    .enstyle .idVerification .m-stepbox {
        padding-left: 23%
    }

    .enstyle .top-up .hpy-type .s-hd {
        margin-bottom: 0
    }

    .enstyle .top-up .hpy-type .bd {
        min-height: 268px
    }

    .enstyle .withdraw-page .coin-withdraw-btns .btn {
        width: 160px
    }

    .enstyle .download .p3 {
        font-size: 20px;
        width: 244px
    }

    .enstyle .download .ewmdown {
        width: 348px
    }

    .enstyle .download .ewmdown .btn {
        width: 170px
    }

    .enstyle .download ul {
        width: 348px
    }

    .enstyle .download ul li {
        width: 80px
    }

    .enstyle .advantage-item h3 {
        font-size: 18px
    }

    .enstyle .ctoc-page .ctoc-top .coinname li.eli {
        font-size: 16px
    }

    .enstyle .down-wrap .down-left p {
        font-size: 28px;
        width: 330px
    }

    .enstyle .down-wrap .down-left .app-download > div {
        width: 191px
    }

    .enstyle .speical-tip .text {
        padding-left: 180px;
        font-size: 12px
    }
}

@media screen and (min-width: 1580px) {
    .enstyle .ft-nav li a {
        font-size: 13px
    }

    .enstyle .ft-nav li dt a {
        font-size: 15px
    }

    .enstyle .input-3 {
        padding-left: 70px
    }

    .enstyle .quick-sign .module-sign {
        width: 330px
    }

    .enstyle .quick-sign .quick-info {
        width: 370px
    }

    .enstyle .quick-notice .notice-list {
        padding-left: 150px
    }

    .enstyle .header-bar .logo a {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .enstyle #header-trader .header-bar .logo a {
        padding-top: 5px
    }

    .enstyle #header-trade-professional .header-bar .logo a {
        padding-top: 3px;
        padding-bottom: 3px
    }

    .enstyle #container-trader2 .coin-orders .coin-orders-hd .btns .trade-depth {
        width: 100px
    }

    .enstyle #container-trader2 .trader-box-parent .trader-box .balance span {
        font-size: 13px
    }

    .enstyle #container-trader2 .trader-box-parent .trader-box .balance #buyYue span, .enstyle #container-trader2 .trader-box-parent .trader-box .balance #sellYue span {
        display: block;
        font-size: 12px;
        line-height: 14px
    }

    .enstyle #container-trader2 .trader-box-parent .trader-box .balance #buyYue .btn, .enstyle #container-trader2 .trader-box-parent .trader-box .balance #sellYue .btn {
        float: right;
        margin-top: 0
    }

    .enstyle #container-trader2 .form .row .name {
        font-size: 13px
    }

    .enstyle #container-trader2 .trader-box .coin-tab-hd .ltabMenu ul li {
        width: 105px;
        font-size: 13px
    }

    .enstyle .nodeplan-page .nodeplan_part2 .form .title {
        font-size: 14px
    }

    .enstyle .m-account-info .m-card1 .cinbox {
        padding-left: 55px
    }

    .enstyle .m-account-info .m-card1 .ftxt {
        top: 8px
    }

    .enstyle .m-account-info .m-card1 .m-unbound {
        font-size: 13px
    }

    .enstyle .m-account-info .m-card1 .mtxt {
        font-size: 13px;
        line-height: 18px
    }

    .enstyle .m-account-info .m-card1 .mtxt h3 {
        font-size: 16px
    }

    .enstyle .m-account-info .m-card1 .mtxt .lh36 {
        font-size: 16px
    }

    .enstyle .m-account-info .m-card1 .m-btnstyle1 {
        font-size: 13px;
        height: 24px;
        line-height: 22px
    }

    .enstyle .idVerification .m-stepbox {
        border-left: 1px solid rgba(255, 255, 255, .1);
        padding-left: 16%
    }

    .enstyle .idVerification .idinbox {
        padding-left: 160px
    }

    .enstyle .idVerification .ltxt {
        position: absolute;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

    .enstyle .m-card2 .cinbox .lh36 {
        line-height: 36px
    }

    .enstyle .benefitbox ul li .icon-hpy {
        margin-right: 15px;
        float: left
    }

    .enstyle .benefitbox ul li .txt {
        float: left;
        text-align: left
    }

    .enstyle .agent-page .agent_part2 .right .item {
        padding-left: 0
    }

    .enstyle .agent-page .agent_part2 .right .item:first-child {
        padding-bottom: 60px
    }

    .enstyle .agent-page .agent_part2 .right span {
        position: static;
        padding-bottom: 5px
    }

    .enstyle .top-up .hpy-type .bd {
        min-height: 332px
    }

    .enstyle .top-up .hpy-type .s-tip {
        padding-bottom: 8px;
        line-height: 24px
    }

    .enstyle .withdraw-page .coin-withdraw-btns .btn {
        width: 190px;
        font-size: 14px
    }

    .enstyle .secondcode li {
        font-size: 15px
    }

    .enstyle .download .p3 {
        width: 315px;
        font-size: 26px
    }

    .enstyle .download .ewmdown {
        width: 410px
    }

    .enstyle .download .ewmdown .btn {
        width: 210px;
        font-size: 15px
    }

    .enstyle .download ul {
        width: 410px
    }

    .enstyle .download ul li {
        width: 94px
    }

    .enstyle .ctoc-page .ctoc-top .coinname li.eli {
        font-size: 18px
    }

    .enstyle .advantage-item h3 {
        font-size: 22px
    }

    .enstyle .down-wrap .down-left p {
        font-size: 36px;
        width: 425px
    }
}

@media (min-width: 1200px) and (max-width: 1366px) {
    .enstyle.kostyle .quick-sign .module-sign {
        width: 260px
    }
}

@media (min-width: 1366px) and (max-width: 1480px) {
    .enstyle.kostyle .quick-sign .module-sign {
        width: 280px
    }
}

@media screen and (min-width: 1400px) {
    .kostyle.enstyle .quick-sign .quick-info {
        width: auto;
        padding: 20px 16px
    }

    .kostyle.enstyle .quick-sign .quick-info .qi-top .info {
        white-space: nowrap
    }

    .kostyle.enstyle .quick-notice .notice-list {
        padding-left: 75px
    }
}

@media screen and (min-width: 1680px) {
    .enstyle .input-3 {
        padding-left: 80px
    }
}

.quick-sign .quick-info .qi-top .info {
    white-space: nowrap
}

.kostyle .quick-sign .quick-info .qi-top .info {
    letter-spacing: -.6px
}

.kostyle .quick-sign .quick-info .qi-top .info b {
    letter-spacing: 0
}

.enstyle .alertPop.contractOpen .layer-wrapper {
    width: 800px
}

@media (max-width: 1480px) {
    .enstyle .alertPop.contractOpen .layer-wrapper {
        width: 680px
    }
}

.hpyActivity {
    padding-top: 80px
}

.hpyActivity .m-centent {
    background-image: url(../images/m-bg1.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0;
    background-color: #131414
}

.hpyActivity .t-tit {
    width: 1026px;
    max-width: 90%;
    margin: 0 auto
}

.hpyActivity .t-tit img {
    display: block;
    margin: 0 auto
}

.hpyActivity .acBlock {
    margin: 0 auto;
    max-width: 95%
}

.hpyActivity .acBlock .bgbox {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%
}

.hpyActivity .acBlock .tbox {
    font-size: 30px;
    color: #f5d8a4;
    background-repeat: no-repeat;
    background-position: left;
    font-family: PingFangSC-Semibold, Helvetica, PingFangSC-Regular, "Microsoft Yahei", arial, sans-serif
}

.hpyActivity .acBlock .tbox span {
    display: block;
    float: left
}

.hpyActivity .acBlock .tbox .stxt {
    padding-left: 20px
}

.hpyActivity .acBlock1 {
    width: 1190px;
    margin-top: -60px;
    position: relative;
    padding-left: 30px
}

.hpyActivity .acBlock1 .list-txt {
    margin-top: 10px
}

.hpyActivity .acBlock1 .bgbox {
    background-image: url(../images/m-bg2.png);
    padding-top: 11%;
    padding-left: 8%;
    padding-right: 8%;
    padding-bottom: 5%;
    min-height: 470px
}

.hpyActivity .acBlock1 .tbox {
    background-image: url(../images/m-bg3.png);
    line-height: 80px;
    height: 80px
}

.hpyActivity .acBlock1 .tbox span {
    display: block;
    float: left
}

.hpyActivity .acBlock1 .tbox .snum {
    width: 66px;
    text-align: right;
    padding-right: 11px
}

.hpyActivity .acBlock2 {
    position: relative;
    margin-top: 10px;
    width: 1130px
}

.hpyActivity .acBlock2 .list-txt {
    margin-top: 30px
}

.hpyActivity .acBlock2 .bgbox {
    background-image: url(../images/m-bg5.png);
    padding-top: 8%;
    padding-left: 8%;
    padding-right: 8%;
    padding-bottom: 5%;
    min-height: 457px
}

.hpyActivity .acBlock2 .tbox {
    background-image: url(../images/m-bg4.png);
    line-height: 56px;
    height: 56px
}

.hpyActivity .acBlock2 .tbox span {
    display: block;
    float: left
}

.hpyActivity .acBlock2 .tbox .snum {
    width: 56px;
    text-align: center
}

.hpyActivity .acBlock2 .list-txt ul li .stext {
    padding-left: 0
}

.hpyActivity .acBlock2 .blogo {
    margin-top: 40px
}

.hpyActivity .acBlock2 .blogo img {
    display: block;
    max-width: 100%
}

.list-txt ul li {
    font-size: 15px;
    color: #f5d8a4;
    line-height: 30px
}

.list-txt ul li .stit {
    height: 24px;
    border: 1px solid #f5d8a4;
    border-radius: 1000px;
    padding: 0 5px 0 10px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    line-height: 22px
}

.list-txt ul li .stext {
    padding-left: 10px
}

.list-txt .stip {
    font-size: 13px;
    color: #f5d8a4;
    line-height: 30px;
    padding: 5px 0;
    margin-top: 40px
}

.acFooter {
    background-color: #0e0e0e;
    border-top: 1px solid rgba(255, 255, 255, .1);
    text-align: center;
    padding-bottom: 100px
}

.acFooter .flogolist {
    padding: 30px 0
}

.acFooter .flogolist ul li {
    display: inline-block;
    padding: 5px
}

.acFooter .flogolist ul li img {
    display: block;
    max-width: 100%
}

.acFooter .copytext {
    font-size: 12px;
    color: rgba(255, 255, 255, .1)
}

@media screen and (max-width: 1260px) {
    .hpyActivity .acBlock1 {
        width: 1000px;
        margin-top: -110px;
        height: 550px
    }

    .hpyActivity .acBlock1 .bgbox {
        padding-top: 150px
    }

    .hpyActivity .acBlock1 .tbox {
        height: 50px;
        line-height: 50px
    }

    .hpyActivity .acBlock1 .tbox .snum {
        width: 40px;
        padding-right: 8px
    }

    .hpyActivity .acBlock2 {
        width: 930px;
        height: 450px;
        margin-top: -100px
    }

    .hpyActivity .acBlock2 .bgbox {
        padding-top: 120px
    }

    .hpyActivity .acBlock2 .tbox {
        height: 36px;
        line-height: 36px
    }

    .hpyActivity .acBlock2 .tbox .snum {
        width: 36px
    }

    .hpyActivity .acBlock .tbox {
        font-size: 16px;
        background-size: contain
    }

    .hpyActivity .acBlock2 .blogo, .list-txt .stip {
        margin-top: 20px
    }
}

@media screen and (max-width: 1023px) {
    .hpyActivity .acBlock1 {
        height: auto;
        padding-left: 0
    }

    .hpyActivity .acBlock1 .bgbox {
        min-height: inherit
    }

    .hpyActivity .acBlock2 {
        height: auto
    }

    .hpyActivity .acBlock2 .bgbox {
        min-height: inherit
    }

    .hpyActivity .acBlock {
        margin: 20px auto;
        width: 95%
    }

    .hpyActivity .acBlock .bgbox {
        background-image: none;
        border: 3px solid #f5d8a4;
        border-radius: 10px;
        background-color: #0e0e0e;
        padding-top: 30px;
        padding-left: 20px;
        padding-right: 20px
    }

    .hpyActivity .acBlock .tbox .stxt {
        padding-left: 10px
    }
}

@media screen and (max-width: 640px) {
    .acFooter {
        padding-bottom: 60px
    }

    .list-txt ul li {
        font-size: 12px;
        line-height: 24px
    }

    .hpyActivity .m-centent {
        padding: 30px 0
    }

    .hpyActivity .acBlock .bgbox {
        padding-top: 20px
    }
}

@media screen and (max-width: 375px) {
    .hpyActivity .acBlock .tbox {
        font-size: 14px
    }

    .hpyActivity .acBlock2 .tbox .snum {
        width: 30px
    }
}

@media screen and (max-width: 320px) {
    .hpyActivity .acBlock1 .tbox .snum {
        width: 35px
    }

    .hpyActivity .acBlock2 .tbox .snum {
        width: 25px
    }
}

.baner-pagination {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 3
}

.baner-pagination .bpagination {
    display: inline-block
}

.baner-pagination .swiper-pagination-bullet {
    background: #fff;
    margin: 0 3px
}

.baner-pagination .swiper-pagination-bullet-active {
    background: #007aff
}

.hpy-financePage {
    position: relative
}

.hpyFBan {
    position: relative;
    width: 100%;
    padding-top: 25%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.hpyFBan .wrapper {
    margin: 0 auto;
    position: relative;
    padding-right: 457px;
    height: 100%
}

.hpyFBan .lbox {
    position: relative
}

.hpyFBan .lbox .imgbox {
    width: 400px;
    float: left;
    margin-top: 60px
}

.hpyFBan .lbox .imgbox img {
    display: block;
    width: 100%
}

.hpyFBan .lbox .txtbox {
    float: left;
    padding-top: 150px
}

.hpyFBan .lbox .txtbox h2 {
    font-size: 60px;
    line-height: 1em;
    color: #1b70ff;
    margin-bottom: 15px
}

.hpyFBan .lbox .txtbox h3 {
    font-size: 24px;
    line-height: 35px
}

.hpyFBan .lbox .txtbox h3 span {
    display: inline-block
}

.hpyFBan .lbox .txtbox h3 .span1 {
    color: #fff
}

.hpyFBan .lbox .txtbox h3 .span2 {
    color: #00b767
}

.hpyFBan .lbox .txtbox h3 .span3 {
    color: #fff;
    background-color: #1b70ff;
    border-radius: 1000px;
    line-height: 35px;
    padding: 0 12px
}

.hpyFBan .lobox {
    width: 226px;
    margin-bottom: 30px
}

.hpyFBan .lobox img {
    display: block;
    width: 100%
}

.hpyFBan .hotACtive {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 460px;
    z-index: 2
}

.hpyFBan .hf-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.hpyFBan .mo-bgBan {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.hpyFBan .mo-bgBan .swiper-container {
    height: 100%
}

.hpyFBan .mo-bgBan ul li {
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.hotACtive {
    background-color: rgba(27, 112, 255, .4)
}

.hotACtive .titbox {
    border-bottom: 1px solid #3c55be;
    padding: 15px 25px;
    height: 54px;
    position: relative
}

.hotACtive .titbox h2 {
    color: #fff;
    font-size: 18px;
    line-height: 24px
}

.hotACtive .titbox .rTag {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 53px;
    background-color: #00b767;
    min-width: 120px;
    text-align: center;
    white-space: nowrap;
    border-radius: 0 0 0 1000px;
    padding: 0 10px 0 22px
}

.hotACtive .cBox {
    position: relative;
    padding: 25px
}

.hotACtive .cBox .lbox {
    position: relative;
    text-align: left
}

.hotACtive .cBox .rbox {
    position: absolute;
    right: 20px;
    top: 50%;
    text-align: right;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.hotACtive .ptxt {
    font-size: 16px;
    color: #fff;
    line-height: 1.5em;
    margin-top: 15px
}

.hotACtive .percen {
    font-size: 40px;
    color: #fff;
    line-height: 40px
}

.hotACtive .botBox {
    padding: 25px;
    background-color: rgba(0, 0, 0, .4);
    text-align: center
}

.hotACtive .botBox .tit {
    font-size: 16px;
    color: #fff;
    line-height: 1.5em;
    margin-bottom: 15px
}

.hpy-coin-name {
    position: relative;
    padding-left: 60px
}

.hpy-coin-name .ico {
    position: absolute;
    left: 0;
    top: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #567cd3;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    overflow: hidden
}

.hpy-coin-name .ico img {
    display: block;
    max-width: 100%
}

.hpy-coin-name .statusTag {
    position: relative
}

.hpy-coin-name .name .txt {
    font-size: 12px;
    line-height: 20px;
    height: 20px
}

.hpy-coin-name .name .txt.c-green {
    color: #00b767
}

.hpy-coin-name .name .txt.c-yellow {
    color: #ffab18
}

.hpy-coin-name .name .txt.c-red {
    color: #f93e4f
}

.hpy-coin-name .name .title {
    display: block;
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    line-height: 40px;
    height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.countBox ul li {
    float: left;
    width: 33.3333%;
    text-align: center;
    position: relative;
    color: #fff;
    padding: 0 10px
}

.countBox ul li:last-child span:after {
    display: none
}

.countBox ul li span {
    display: block;
    font-size: 48px;
    line-height: 80px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, .2);
    position: relative
}

.countBox ul li span:after {
    content: ':';
    position: absolute;
    right: -17px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 48px;
    line-height: 1em
}

.countBox ul li p {
    font-size: 14px;
    line-height: 1.5em;
    margin-top: 5px
}

.hcommonBlock .wrapper {
    position: relative;
    padding-left: 350px;
    min-height: 450px
}

.hcommonBlock .hcLeftbox {
    width: 350px;
    position: absolute;
    top: 0;
    left: 0;
    padding-right: 50px
}

.miningBox {
    background-color: #fff;
    padding: 60px 0
}

.hcTit h2 {
    font-size: 56px;
    line-height: 1em;
    position: relative;
    color: #222;
    padding-bottom: 25px
    white-space: nowrap;
}

.hcTit h2:after {
    content: '';
    width: 30px;
    height: 8px;
    background-color: #222;
    position: absolute;
    bottom: 0;
    left: 0
}

.hcCommonBox {
    margin: 80px 0
}

.hcCommonBox h2 {
    font-size: 24px;
    line-height: 1.2em;
    color: #222
}

.hcCommonBox .listbox ul li {
    position: relative;
    padding-left: 25px;
    margin: 20px 0
}

.hcCommonBox .listbox ul li .num {
    font-size: 12px;
    color: #fff;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #333;
    text-align: center;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-style: normal
}

.hcCommonBox .listbox ul li p {
    font-size: 12px;
    color: #999;
    line-height: 16px
}

.m-hbtnLoad {
    position: relative;
    border-radius: 1000px;
    padding: 10px 15px;
    display: inline-block;
    background-color: #00b767;
    cursor: pointer
}

.m-hbtnLoad .ico {
    float: left;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 10px
}

.m-hbtnLoad .ico img {
    display: block;
    width: 100%
}

.m-hbtnLoad span {
    display: block;
    float: left;
    font-size: 24px;
    color: #fff;
    line-height: 32px
}

.m-hbtnLoad:hover {
    background-color: #1b70ff
}

.hcRightbox {
    position: relative
}

.hcRightbox .titbox {
    position: relative;
    padding-right: 300px
}

.hcRightbox .titbox h2 {
    font-size: 16px;
    color: #999;
    line-height: 1.5em
}

.miningListbox {
    padding: 30px 0;
    position: relative
}

.miningListbox .hcPageButton {
    top: -65px
}

.hcCoitems {
    padding-top: 40px
}

.hcCoitems .liIn {
    position: relative;
    display: block;
    border: 1px solid #d9d9d9;
    text-align: center
}

.hcCoitems .liIn .icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #1b70ff;
    position: relative;
    margin: -40px auto 0
}

.hcCoitems .liIn .icon img {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.hcCoitems .liIn .name {
    font-size: 36px;
    line-height: 1em;
    height: 1em;
    color: #222;
    margin: 25px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hcCoitems .liIn .num {
    font-size: 48px;
    line-height: 1em;
    height: 1em;
    color: #222
}

.hcCoitems .liIn .txt1, .hcCoitems .liIn .txt2 {
    font-size: 16px;
    color: #666;
    line-height: 1.5em;
    height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hcCoitems .liIn .txt1 {
    margin: 5px 0
}

.hcCoitems .liIn .txt2 {
    margin: 40px 0 30px
}

.hcPageButton {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.hcPageButton .swiper-button-next, .hcPageButton .swiper-button-prev {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    margin: 0;
    padding: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    border: 1px solid #ccc;
    background-image: inherit;
    color: #d1d1d1;
    margin: 0 10px;
    font-size: 22px;
    color: #202020
}

.hcPageButton .swiper-button-next i, .hcPageButton .swiper-button-prev i {
    display: block
}

.hcPageButton .swiper-button-next.swiper-button-disabled, .hcPageButton .swiper-button-prev.swiper-button-disabled {
    display: none !important;
    opacity: 1;
    color: #ccc
}

.hcPageButton .swiper-button-next i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.coinIncrease {
    position: relative;
    background-image: url(../images/m-pic9.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 90px 0
}

.coinIncrease .hciRight .titbox h2 {
    color: #938cc1
}

.coinIncrease .hcTit h2 {
    color: #fff
}

.coinIncrease .hcTit h2:after {
    background-color: #fff
}

.coinIncrease .howBenifit h2 {
    color: #fff
}

.coinIncrease .howBenifit .listbox ul li .num {
    background-color: #938cc1
}

.coinIncrease .howBenifit .listbox ul li p {
    color: #938cc1
}

.increaseList, .manageList, .wareList {
    padding-top: 60px
}

.increaseList .swiper-container ul li, .manageList .swiper-container ul li, .wareList .swiper-container ul li {
    overflow: hidden
}

.increaseList .hcPageButton, .manageList .hcPageButton, .wareList .hcPageButton {
    top: -20px
}

.CAlistbox .hcPageButton .swiper-button-next, .CAlistbox .hcPageButton .swiper-button-prev, .increaseList .hcPageButton .swiper-button-next, .increaseList .hcPageButton .swiper-button-prev {
    color: #fff;
    border-color: #62637a
}

.CAlistbox .hcPageButton .swiper-button-next.swiper-button-disabled, .CAlistbox .hcPageButton .swiper-button-prev.swiper-button-disabled, .increaseList .hcPageButton .swiper-button-next.swiper-button-disabled, .increaseList .hcPageButton .swiper-button-prev.swiper-button-disabled {
    color: #30305b;
    border-color: #30305b
}

.increaseItem {
    position: relative
}

.increaseItem .inbox {
    position: relative
}

.increaseItem a {
    display: block;
    position: relative;
    background-color: rgba(0, 0, 0, .3);
    padding: 20px
}

.increaseItem a:hover {
    background-color: rgba(27, 112, 255, .4)
}

.increaseItem a:hover .lText {
    color: #fff
}

.increaseItem .inbox .rcol {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.increaseItem .Htag {
    position: absolute;
    left: 100%;
    bottom: 0
}

.increaseItem .lText {
    font-size: 16px;
    line-height: 1.5em;
    height: 1.5em;
    color: #938cc1;
    margin-top: 10px
}

.increaseItem .rText {
    font-size: 16px;
    line-height: 1.5em;
    color: #fff;
    text-align: right;
    margin-top: 10px
}

.increaseItem2 a {
    background-color: inherit;
    border: 1px solid #d9d9d9
}

.increaseItem2 a:hover {
    background-color: inherit;
    border-color: #1b70ff
}

.increaseItem2 a:hover .lText, .increaseItem2 a:hover .rText {
    color: #999
}

.increaseItem2 .hpy-coin-name .ico {
    border-color: #ccc;
    background-color: #1b70ff
}

.increaseItem2 .hpy-coin-name .name .title {
    color: #222
}

.increaseItem2 .perNum {
    color: #222
}

.increaseItem2 .lText, .increaseItem2 .rText {
    color: #999
}

.Htag .tag {
    display: block;
    float: left;
    margin-left: 10px;
    width: 30px;
    height: 20px;
    background-image: url(../images/m-pic10.png);
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    margin-right: 10px;
    font-style: normal
}

.perNum {
    font-size: 42px;
    line-height: 60px;
    color: #fff;
    text-align: center
}

.lockWare, .manageFinances {
    padding: 60px 0;
    background-color: #fff
}

.lockWare .hcPageButton, .manageFinances .hcPageButton {
    top: -20px
}

.manageFinances {
    padding: 80px 0 60px
}

.manageFinances .wrapper:before {
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    background-color: #000;
    top: -80px;
    left: 0
}

.manageFinances .howBenifit {
    margin: 30px 0 50px
}

.completedAct {
    background-color: #1e2041;
    padding: 80px 0
}

.completedAct .titbox h2 {
    font-size: 56px;
    line-height: 1em;
    color: #fff
}

.CAlistbox {
    padding: 45px 0;
    position: relative
}

.CAlistbox .hcCoitems .liIn {
    border-color: rgba(83, 87, 149, .4)
}

.CAlistbox .hcCoitems .liIn .name, .CAlistbox .hcCoitems .liIn .num, .CAlistbox .hcCoitems .liIn .txt1 {
    color: #fff
}

.CAlistbox .hcCoitems .liIn .txt2 {
    color: #938cc1
}

.CAlistbox .hcPageButton {
    top: -58px
}

.h-popmask {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(10, 18, 42, .3);
    z-index: 9
}

.h-popmask.active {
    display: block
}

.popDown {
    width: 480px;
    max-width: 90%;
    position: fixed;
    z-index: 10;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding-top: 70px;
    text-align: center;
    display: none
}

.popDown.active {
    display: block
}

.popDown .inbox {
    position: relative;
    background-color: #fff;
    padding-bottom: 30px
}

.popDown .ico-logo {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    top: -70px;
    margin-bottom: -30px
}

.popDown .tr-tip {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #3572f6;
    color: #fff;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    min-width: 150px;
    border-radius: 0 0 0 1000px
}

.popDown .text {
    font-size: 14px;
    color: #999;
    line-height: 1.5em
}

.popDown .text h2 {
    font-size: 24px;
    color: #000;
    line-height: 1.5em
}

.popDown .text .s-wid {
    padding: 15px 60px
}

.ml15 {
    margin-left: 15px
}

.mh-btnStyle {
    display: block;
    cursor: pointer;
    width: 280px;
    border-radius: 1000px;
    height: 60px;
    font-size: 18px;
    text-align: center;
    margin: 25px auto
}

.mh-btnStyle i {
    display: inline-block;
    vertical-align: middle
}

.mh-btnStyle i img {
    display: block
}

.mh-btnStyle .icon1 {
    width: 32px
}

.mh-btnStyle .icon2 {
    width: 50px
}

.mh-btnStyle1 {
    background-color: #52b36f;
    color: #fff;
    line-height: 60px
}

.mh-btnStyle1:hover {
    background-color: #46a061
}

.mh-btnStyle2 {
    background-color: #3572f6;
    line-height: 60px;
    color: #fff
}

.mh-btnStyle2:hover {
    background-color: #185ef5
}

.flRbox {
    position: fixed;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 8;
    width: 100px;
    text-align: center;
    margin-top: 100px
}

.flRbox:hover .erweimaimg {
    opacity: 1
}

.flRbox .phone {
    border-radius: 10px;
    background-color: #52b36f;
    width: 72px;
    height: 72px;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    padding: 6px 0;
    margin: 0 auto 25px;
    cursor: pointer
}

.flRbox .phone i {
    display: block;
    margin: 0 auto 10px;
    width: 22px
}

.flRbox .phone img {
    display: block;
    max-width: 100%
}

.flRbox .erweimaimg {
    position: relative;
    background-color: #fff;
    padding: 12px;
    border-radius: 10px;
    box-shadow: 0 0 20px 1px #efefef;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.flRbox .erweimaimg:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    top: -10px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.flRbox .erweimaimg img {
    display: block;
    width: 100%
}

@media screen and (max-width: 1580px) {
    .hpyFBan .wrapper {
        padding-right: 360px
    }

    .hpyFBan .lbox .txtbox {
        padding-top: 130px
    }

    .hpyFBan .lbox .txtbox h2 {
        font-size: 40px
    }

    .hpyFBan .lbox .txtbox h3 {
        font-size: 18px
    }

    .hpyFBan .lbox .imgbox {
        width: 320px;
        margin-top: 110px
    }

    .hpyFBan .hotACtive {
        width: 360px
    }

    .hpyFBan .lobox {
        width: 180px
    }

    .hpy-coin-name .ico {
        width: 40px;
        height: 40px
    }

    .hpy-coin-name .name .txt {
        height: 10px;
        line-height: 10px
    }

    .hpy-coin-name .name .title {
        font-size: 24px;
        height: 30px;
        line-height: 30px
    }

    .hotACtive .cBox {
        padding: 15px
    }

    .hotACtive .percen {
        font-size: 28px;
        line-height: 30px
    }

    .hotACtive .ptxt {
        margin-top: 10px;
        font-size: 12px
    }

    .hotACtive .botBox {
        padding: 15px
    }

    .countBox ul li span {
        font-size: 32px;
        line-height: 60px
    }

    .hcTit h2 {
        font-size: 36px
    }

    .hcCommonBox h2 {
        font-size: 20px
    }

    .m-hbtnLoad {
        padding: 6px 10px
    }

    .m-hbtnLoad .ico {
        width: 26px;
        height: 26px
    }

    .m-hbtnLoad span {
        font-size: 18px;
        line-height: 26px
    }

    .hcCommonBox {
        margin: 50px 0
    }

    .hcCommonBox .wrapper {
        min-height: 350px
    }

    .hcCoitems .liIn .icon {
        width: 60px;
        height: 60px
    }

    .hcCoitems .liIn .name {
        font-size: 24px
    }

    .hcCoitems .liIn .num {
        font-size: 32px
    }

    .hcCoitems .liIn .txt1, .hcCoitems .liIn .txt2 {
        font-size: 14px
    }

    .hcCoitems .liIn .txt2 {
        margin: 30px 0 20px
    }

    .perNum {
        font-size: 26px;
        line-height: 49px
    }

    .increaseItem .lText, .increaseItem .rText {
        font-size: 14px
    }

    .increaseList, .manageList, .wareList {
        padding-top: 30px
    }

    .coinIncrease {
        padding: 60px 0
    }

    .hcTit h2:after {
        height: 4px
    }

    .miningBox {
        padding-bottom: 0
    }

    .increaseItem a {
        padding: 15px
    }

    .hcommonBlock .wrapper {
        min-height: 350px
    }

    .completedAct .titbox h2 {
        font-size: 36px
    }
}

@media screen and (max-width: 1200px) {
    .completedAct .titbox h2 {
        font-size: 30px
    }

    .CAlistbox .hcPageButton {
        top: -48px
    }

    .hpyFBan .wrapper {
        padding-right: 320px
    }

    .hpyFBan .lbox .txtbox h2 {
        font-size: 32px
    }

    .hpy-coin-name .name .title {
        font-size: 18px
    }

    .hotACtive .titbox {
        height: 40px;
        padding-top: 0;
        padding-bottom: 0
    }

    .hotACtive .titbox h2 {
        line-height: 40px;
        font-size: 16px
    }

    .hotACtive .titbox .rTag {
        height: 40px;
        line-height: 40px;
        font-size: 16px
    }

    .hcCoitems .liIn .name {
        font-size: 18px;
        margin: 15px 0
    }
}

.yl-register {
    font-size: 50px
}

.yl-register body {
    height: 100%;
    background: #121021;
    color: #333333;
    /*background: url(../images/yl-bg.jpg) no-repeat center;*/
    /*color: #fff;*/
    /*-webkit-background-size: cover;*/
    /*-moz-background-size: cover;*/
    /*background-size: cover;*/
}

@media (min-width: 768px) {
    .yl-register body {
        width: 640px;
        margin: 0 auto
    }
}

.yl-register .yl-header-box{
    min-height: 6.07rem;
    position: relative;
}

.yl-register .yl-header-box .tips{
    color: #333333;
    position: absolute;
    bottom: .8rem;
    left: .8rem;
}

.yl-register .sign-page {
    padding: 0
}

.yl-register .yl-header {
    padding: .8rem .33rem 0 .33rem
}

.yl-register .yl-header-flex {
    -webkit-display: flex;
    -moz-display: flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between
}

.yl-register .yl-header-logo {
    width: 3rem
}

.yl-register .yl-header-logo img {
    width: 100%
}

.yl-register .yl-header-slogo {
    font-size: .32rem
}

.yl-register .yl-friend {
    padding-top: .33rem;
    font-size: .27rem;
    color: #333333;
}

.yl-register .yl-icon-news{
    width: .33rem;
    margin-right: .1rem;
}

.yl-register .yl-friend i {
    font-size: .4rem;
    font-style: normal;
    margin-right: .16rem;
    position: relative;
    top: -.055rem
}

.yl-register .yl-register-title {
    font-size: .53rem;
    font-weight: 700;
    padding: 0 .33rem
}

.yl-register .sign-page {
    background-color: #FFFFFF;
    border-radius: .3rem;
}

.yl-register .reg-type {
    text-align: center;
    font-size: .37rem;
    border-bottom: 1px solid #E5E5E5;
    margin-top: .38rem
}

.yl-register .reg-type div {
    width: 50%;
    height: auto;
    border-radius: 0;
    background: 0 0;
    padding: .26rem 0;
}

.yl-register .reg-type .rt-phone, .yl-register .reg-type .rt-email{
    width: auto;
    padding-left: 0.2rem;
    padding-right: .2rem;
}
.yl-register .sign-page .reg-type .rt-phone {
    margin-right: .5rem;
}

.yl-register .sign-page .reg-type {
    -webkit-display: flex;
    -moz-display: flex;
    display: flex
}

.yl-register .sign-page .reg-type > * {
    font-size: .4rem;
    background: 0 0;
    border: none;
    margin: 0;
    line-height: normal;
    color: #333333;
}

.yl-register .sign-page .reg-type > .active, .yl-register .sign-page .reg-type > :hover {
    background: 0 0;
    border: none;
    position: relative
}

.yl-register .row-phone .select2-container--default .select2-selection--single .select2-selection__arrow b{
    background-image: url("../images/register/arrow-down.png");
    width: 20px;
    height: 14px;
    background-size: 50%;
}

.yl-register .select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: #7651FF !important;
}

.yl-register .sign-page .reg-type > .active .active-line{
    height: .06rem;
    background-color: #7651FF;
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    margin-left: -.2rem;
}


.yl-register .sign-page .reg-type > .active:before {
    /* content: '';
    position: absolute;
    height: .05rem;
    -webkit-border-radius: .04rem;
    -moz-border-radius: .04rem;
    border-radius: .04rem;
    background-color: #7651FF;
    bottom: 0;
    width: 100%;
    margin-left: -0.2rem; */
}

.yl-register .row-phone .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #333333;
}

.yl-register .sign-page {
    margin: 0 0.25rem 0.25rem 0.25rem;
    padding: 0 .33rem;
}

.yl-register .row {
    height: 44px;
    position: relative;
    /* border: 1px solid #DFDFE7; */
    margin-top: .25rem;
    padding: .23rem;
    -webkit-display: flex;
    -moz-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    background-color: #F3F3F3;
    color: #333333;
}

.yl-register .row-phone {
    padding-left: 2rem
}

.yl-register #register-intro:disabled{
    color: #333333;
    -webkit-text-fill-color: #333333;
    text-fill-color: #333333;
}

.yl-register .row-phone select {
    width: 100%
}

.yl-register .regsiter-form .row-phone .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: .28rem;
    position: relative;
    line-height: .8rem
}

.yl-register .row-phone .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: .8rem !important
}

.yl-register .row input {
    font-size: .28rem;
    height: auto;
    line-height: normal;
    border: none;
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1;
    color: #333333;
}

.yl-register .login-form input, .yl-register .logword input, .yl-register .regsiter-form input {
    -webkit-text-fill-color: #B3B3B3;
    text-fill-color: #B3B3B3;
}

.yl-register .borderColor {
    border-color: #fff
}

.yl-register input:focus {
    -webkit-text-fill-color: #333333;
    text-fill-color: #333333;
}

.yl-register .row-phone input {
    padding-left: 0;
    position: relative;
    z-index: 99
}

.yl-register .row-phone .select2-container:after {
    left: 1.25rem
}

.yl-register .select2-container--open .select2-dropdown--below, .yl-register .select2-container--open .select2-dropdown--above {
    width: 100% !important
}

.yl-register .btn-13 {
    font-size: .28rem;
    width: auto;
    height: auto;
    padding: 0 .3rem;
    line-height: .9rem;
    border-radius: 0 .1rem .1rem 0;
    background: #7651FF;
}

.yl-register .yl-code {
    height: .7rem;
    width: auto
}

.yl-register .btn-13, .yl-register .yl-code {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%)
}

.yl-register .yl-check-box, .yl-register .yl-submit {
    border: none;
    padding: 0;
    margin-top: .4rem
}

.yl-register .yl-check-box {
    height: auto;
    line-height: normal;
    padding: 0;
    display: block;
    font-size: .28rem;
    background-color: white;
    display: flex;
    align-items: center;
}

.yl-register .input-checkradio, .yl-register .row-link {
    display: inline-block;
    float: none
}

.yl-register .input-checkradio {
    width: .32rem;
    height: .32rem;
    text-align: center;
    line-height: .32rem;
    position: relative;

    background: #7651FF;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
}

.yl-register .row-link a {
    color: #7651FF;
}

.yl-register .to-login-box{
    color: #333333;
    text-align: center;
    padding: .3rem 0;
    font-size: .28rem;
}

.yl-register .to-login-box .to-login{
    color: #7651FF;
    padding-left: .2rem;
}

.yl-register .btn-12, .yl-register .btn-2 {
    font-size: .32rem;
    display: block;
    width: 100%;
    height: auto;
    /* line-height: .83rem;
    margin-bottom: .4rem; */

    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    line-height: .9rem;
    background: #7651FF;
}

.yl-register span.select2-container {
    width: auto !important;
    left: .33rem !important;
    right: .33rem !important
}

.yl-register .select2-container .select2-selection--single {
    height: 100%
}

@media (min-width: 768px) {
    .yl-register body {
        position: relative
    }

    .yl-register .select2-container--open .select2-dropdown--below {
        width: 12.14rem !important
    }
}

.yl-registerSuccess {
    font-size: 50px;
    box-sizing: border-box
}

.yl-registerSuccess body {
    height: 100%;
    background: url(../images/yl-bg2.jpg) no-repeat center;
    color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

@media (min-width: 768px) {
    .yl-registerSuccess body {
        width: 640px;
        margin: 0 auto
    }
}

.yl-registerSuccess .yl-header {
    padding: .8rem .33rem 0 .33rem
}

.yl-registerSuccess .yl-header-flex {
    -webkit-display: flex;
    -moz-display: flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between
}

.yl-registerSuccess .yl-header-logo, .yl-registerSuccess .yl-header-logo img {
    width: 2.28rem
}

.yl-registerSuccess .yl-success-box {
    height: 100%;
    text-align: center;
    margin-top: 1.06rem
}

.yl-registerSuccess .yl-success-icon i {
    font-style: normal;
    width: .94rem;
    height: .94rem;
    border: .06rem solid #37eaff;
    text-align: center;
    line-height: .82rem;
    color: #37eaff;
    -webkit-border-radius: .94rem;
    -moz-border-radius: .94rem;
    border-radius: .94rem
}

.yl-registerSuccess .icon-check:before {
    display: none
}

.yl-registerSuccess .yl-success-tip {
    color: #fff;
    font-size: .48rem;
    margin-top: .5rem
}

.yl-registerSuccess .yl-success-btn {
    margin-top: .55rem;
    height: 0.4rem
}

.yl-registerSuccess .yl-success-btn a {
    display: inline-block;
    width: 2.81rem;
    height: .8rem;
    font-size: .32rem;
    line-height: .8rem;
    background-color: #fff;
    color: #333;
    -webkit-border-radius: .8rem;
    -moz-border-radius: .8rem;
    border-radius: .8rem
}

.yl-registerSuccess .yl-success-focus {
    font-size: .32rem;
    color: #35cfe6;
    margin-top: .73rem
}



.yl-registerSuccess .yl-phone {
    width: 80vw;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 8.7rem;
}

.yl-content {
    position: relative;
    overflow: hidden;
    height: 100vh;
}

#register-intro:disabled {
    padding-left: 20px;
    color: #fff;
    text-fill-color: #fff;
    -webkit-text-fill-color: #fff;
    font-size: .32rem
}

.yl-register .row.invitation {
    padding: .21rem
}

.trading-on-hd li .iconfont {
    color: #d1d2e4
}

.lim-time-li span {
    position: relative
}

.lim-time-li span img {
    position: absolute;
    width: 18px;
    height: 18px;
    top: -3px;
    left: 104%;
    cursor: pointer
}

.layer-lim-time-box {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    display: none
}

.layer-lim-time-wrap {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center
}

.layer-lim-time-cont {
    width: 480px;
    background: #fff;
    box-shadow: 0 4px 51px 0 rgba(59, 56, 74, .24);
    border-radius: 8px;
    padding: 0 38px 32px
}

.layer-t-time {
    text-align: center;
    font-size: 28px;
    font-family: PingFangSC-Regular, "Microsoft Yahei", Helvetica, arial, sans-serif;
    font-weight: 700;
    color: #262342;
    padding: 26px 0
}

.layer-t-time .tips-img {
    width: 37px;
    height: 31px;
    vertical-align: middle
}

.layer-risk-content {
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    padding: 22px 20px 30px;
    font-size: 14px;
    font-family: PingFangSC-Semibold, Helvetica, PingFangSC-Regular, "Microsoft Yahei", arial, sans-serif;
    color: #58587c;
    line-height: 24px
}

.layer-risk-content > div {
    margin-top: 25px
}

.layer-risk-content > div:first-child {
    margin-top: 0
}

.layer-lim-btn {
    text-align: center;
    margin-top: 30px
}

.layer-lim-btn a {
    display: inline-block;
    min-width: 154px;
    height: 40px;
    background: #6d6598;
    border-radius: 60px;
    font-size: 14px;
    font-family: PingFangSC-Regular, "Microsoft Yahei", Helvetica, arial, sans-serif;
    font-weight: 800;
    color: #fff;
    line-height: 40px
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

::-webkit-scrollbar-track {
    background-color: #ecedf2;
    border-radius: 3px
}

::-webkit-scrollbar-thumb {
    border-radius: 7px;
    background-color: #6d6598
}

.lim-detail-txt {
    border: 1px solid #d1d1d1;
    display: inline-block !important;
    border-radius: 50px;
    color: #666;
    height: 20px;
    line-height: 18px;
    padding-left: 4px;
    padding-right: 5px;
    margin-left: 4px
}

.lim-detail-txt:hover {
    color: #424578;
    border-color: #424578
}

.lim-detail-layer {
    position: fixed;
    width: 450px;
    height: 170px;
    background: #fff;
    box-shadow: 0 4px 51px 0 rgba(59, 56, 74, .24);
    border-radius: 8px;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10
}

.lim-detail-layer > p.title {
    margin: 45px 0 25px
}

.lim-detail-layer .lim-close-detail {
    position: absolute;
    right: 14px;
    top: 14px;
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.lim-detail-ben {
    text-align: center
}

.lim-detail-ben > a {
    display: inline-block;
    width: 154px;
    height: 40px;
    background: #6d6598;
    border-radius: 20px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 800;
    color: #fff
}

.lim-time-tip {
    position: relative;
    display: inline-block;
    height: 20px;
    line-height: 18px;
    text-align: center;
    border: 1px solid #ffad0e;
    border-radius: 3px;
    background-color: #fff7e6;
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    color: #ffad0e;
    cursor: pointer;
    transition: .3s ease-out;
    padding: 0 5px
}

.lim-time-tip::before {
    position: absolute;
    content: '';
    top: 50%;
    left: -4px;
    transition: .3s ease-out;
    transform: translate(0, -50%) rotate(-45deg);
    width: 7px;
    height: 7px;
    background-color: #fff7e6;
    border-top: 1px solid #ffad0e;
    border-left: 1px solid #ffad0e
}

.lim-time-tip:hover {
    color: #fff;
    background-color: #ffca62
}

.lim-time-tip:hover::before {
    background-color: #ffca62
}

.lim-time-pop {
    display: none;
    min-height: 36px;
    background: #f2f3fd;
    border: 1px solid #e6e8fe;
    font-size: 15px;
    font-family: PingFangSC-Regular, "Microsoft Yahei", Helvetica, arial, sans-serif;
    font-weight: 700;
    color: #60617b
}

.lim-time-pop .lim-time-pop-wrap {
    display: flex;
    height: 100%;
    position: relative;
    justify-content: center;
    align-items: center;
    padding: 8px 8%
}

.lim-time-pop .lim-time-icon {
    width: 23px;
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translate(0, -50%)
}

.lim-time-pop .lim-time-closepop {
    cursor: pointer;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translate(0, -50%);
    cursor: pointer;
    transition: .3s ease-out
}

@media (max-width: 1480px) {
    .lim-time-pop {
        font-size: 14px
    }

    .lim-time-tip {
        font-size: 12px;
        transform: scale(.9)
    }
}

@media screen and (max-width: 1399px) {
    .m-phone-log .m-areaCode {
        font-size: 12px
    }
}

@media screen and (max-width: 1399px) {
    .m-phone-log .m-areaCode {
        font-size: 10px
    }
}

#countdown {
    display: inline-block
}

.timeDiv {
    display: inline-block;
    background: url(../images/cdbkgb.png) no-repeat;
    background-size: contain;
    color: #fff;
    font-weight: 500;
    width: 26px;
    height: 26px;
    text-align: center;
    font-size: 16px;
    line-height: 26px
}

.txt.timeDivt {
    font-size: 10px !important;
    font-weight: 500;
    padding: 0 4px
}

#descSpan {
    padding-left: 80px
}

.activeList {
    position: relative
}

.tipsnumber {
    position: absolute;
    top: 2px;
    right: 22px;
    display: inline-block;
    height: 18px;
    min-width: 18px;
    line-height: 18px;
    font-size: 12px;
    background: #ffad0e;
    border-radius: 10px;
    font-weight: 700;
    padding: 0;
    box-sizing: border-box;
    padding: 0 3px
}

.tipsnumberch {
    display: inline-block;
    font-width: bolder
}

.recommend-wrapper {
    background-color: #f7f7fa;
    padding-bottom: 30px;
    padding-top: 30px
}

.noborder {
    border: none !important
}

.c-b0adc2 {
    color: #b0adc2 !important;
    font-size: 12px
}

.bg-fcfcfe {
    background-color: #fcfcfe;
    border: 1px solid #dad8e2 !important;
    border-radius: 3px
}

.agent-pagebox {
    margin-top: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #fff
}

.agent-pagebox .agent_part2 .left {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    border-right: none !important
}

.agent-pagebox .copybtn2 {
    background-color: #786db1;
    font-size: 15px;
    color: #fff;
    border-radius: 42px
}

.agent-pagebox .otherinfor {
    float: right;
    border-left: 1px solid #ebeaf1;
    padding: 20px 35px 20px 110px;
    margin-top: 10px;
    width: 30%
}

.agent-pagebox .otherinfor .mt-item {
    margin-top: 15px
}

.agent-pagebox .otherinfor .item h1 {
    font-size: 18px;
    color: #888
}

.agent-pagebox .otherinfor .item p {
    font-size: 28px;
    color: #333
}

.tabel-detailBox {
    margin-top: 20px
}

.tabel-detailBox .tabel-detailHeader {
    background-color: #ebedf0
}

.tabel-detailBox .tabel-detailHeader .btn2 {
    min-width: 128px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #a59fc6;
    float: left;
    cursor: pointer;
    padding: 0 20px
}

.tabel-detailBox .tabel-detailHeader .current {
    background-color: #a59fc6;
    color: #fff
}

.tabel-detailBox .agent_detailtable {
    border: none !important
}

.tabel-detailBox .agent_detailheader {
    background-color: #fcfcfe !important
}

.tabel-detailBox .agent_detailheader .col {
    color: #b0adc2 !important
}

.tabel-detailBox .agent_detailinfor .col {
    color: #333;
    font-size: 15px
}

.tabel-detailBox .row {
    border-bottom: 1px solid #f2f3f7 !important
}

.tabel-detailBox .agent_detailinfor.row:last-child {
    border-bottom: none !important
}

.tabel-detailBox .col {
    padding: 10px !important;
    width: 50% !important
}

.rankingbox .item {
    width: 32.33%;
    min-height: 100px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    overflow: hidden;
    float: left
}

.rankingbox .item .rankname {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 100%;
    color: #fff;
    font-size: 18px;
    float: left;
    margin-top: 35px;
    margin-left: 30px
}

.rankingbox .item .rankinfor {
    float: left;
    font-size: 16px;
    margin-left: 20px;
    margin-top: 20px
}

.rankingbox .item .rankinfor .con {
    margin-top: 15px
}

.rankingbox .item .rankdetail {
    float: right;
    min-width: 80px;
    margin-right: 30px;
    color: #fff;
    margin-top: 20px
}

.rankingbox .item .rankdetail .tit {
    font-size: 16px
}

.rankingbox .item .rankdetail .con {
    font-size: 24px;
    margin-top: 10px
}

.rankingbox .item .rankdetail .con span {
    font-size: 16px
}

.rankingbox .item1 {
    background-image: url(../images/rank1.png)
}

.rankingbox .item1 .rankname {
    background-color: #e8c783
}

.rankingbox .item1 .rankinfor {
    color: #be9348
}

.rankingbox .item2 {
    margin-left: 1.5%;
    margin-right: 1.5%;
    background-image: url(../images/rank2.png)
}

.rankingbox .item2 .rankname {
    background-color: #c2c5cb
}

.rankingbox .item2 .rankinfor {
    color: #798391
}

.rankingbox .item3 {
    background-image: url(../images/rank3.png)
}

.rankingbox .item3 .rankname {
    background-color: #cea68c
}

.rankingbox .item3 .rankinfor {
    color: #a67859
}

.recommend-bannerbox {
    width: 100%;
    height: 498px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(../images/banner-1.jpg);
    position: relative;
    overflow: hidden
}

.recommend-bannerbox .recommend-insidebox {
    text-align: center
}

.recommend-bannerbox .recommend-insidebox .CoinwTitbox {
    margin-top: 85px
}

.recommend-bannerbox .recommend-insidebox .CoinwTit {
    display: inline-block;
    background-color: rgba(255, 255, 255, .1);
    font-size: 24px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    padding-left: 30px;
    padding-right: 30px
}

.recommend-bannerbox .recommend-insidebox .CoinwAdv {
    margin-top: 30px;
    font-size: 60px;
    color: #fff
}

.recommend-bannerbox .recommend-insidebox .CoinwDes {
    margin-top: 15px
}

.recommend-bannerbox .recommend-insidebox .CoinwDes p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 3px
}

.recommend-bannerbox .CoinwStepbox {
    width: 1020px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 65px
}

.recommend-bannerbox .CoinwStepbox .item {
    float: left
}

.recommend-bannerbox .CoinwStepbox .item .stepTop {
    width: 315px;
    height: 23px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.recommend-bannerbox .CoinwStepbox .item .stepTop01 {
    background-image: url(../images/icon-line01.png)
}

.recommend-bannerbox .CoinwStepbox .item .stepTop02 {
    background-image: url(../images/icon-line02.png)
}

.recommend-bannerbox .CoinwStepbox .item .stepTop03 {
    background-image: url(../images/icon-line03.png)
}

.recommend-bannerbox .CoinwStepbox .item .stepDes {
    margin-top: 15px;
    color: #fff;
    font-size: 16px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain
}

.recommend-bannerbox .CoinwStepbox .item .stepDes01 {
    padding-left: 50px;
    background-image: url(../images/icon-01.png)
}

.recommend-bannerbox .CoinwStepbox .item .stepDes02 {
    padding-left: 52px;
    background-image: url(../images/icon-02.png)
}

.recommend-bannerbox .CoinwStepbox .item .stepDes03 {
    padding-left: 60px;
    background-image: url(../images/icon-03.png)
}

.recommend-bannerbox .CoinwStepbox .item2 {
    margin-left: 35px;
    margin-right: 35px
}

.instantLoginbox {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/banner-2.jpg);
    height: 127px;
    width: 100%;
    position: relative
}

.instantLogin {
    position: absolute;
    left: 50%;
    bottom: 55px;
    transform: translateX(-50%);
    min-width: 360px;
    height: 60px;
    line-height: 60px;
    border-radius: 60px;
    background-color: #fdcf4a;
    text-align: center;
    color: #000;
    font-size: 24px
}

.instantLogin:hover {
    opacity: .9
}

@media screen and (max-width: 1680px) {
    .recommend-bannerbox {
        height: 450px
    }

    .recommend-bannerbox .recommend-insidebox .CoinwTitbox {
        margin-top: 75px
    }

    .recommend-bannerbox .recommend-insidebox .CoinwTit {
        font-size: 22px
    }

    .recommend-bannerbox .recommend-insidebox .CoinwAdv {
        font-size: 50px
    }

    .recommend-bannerbox .CoinwStepbox {
        margin-top: 55px
    }

    .recommend-bannerbox .CoinwStepbox .item .stepDes {
        font-size: 14px;
        background-size: 32px;
        padding-left: 42px
    }

    .instantLogin {
        height: 52px;
        min-width: 340px;
        line-height: 52px;
        font-size: 22px
    }

    .agent-pagebox .otherinfor .item p {
        font-size: 26px
    }
}

@media screen and (max-width: 1480px) {
    .agent-pagebox .agent_part2 .left {
        width: 50%;
        float: left
    }

    .recommend-bannerbox {
        height: 400px
    }

    .recommend-bannerbox .recommend-insidebox .CoinwTitbox {
        margin-top: 65px
    }

    .recommend-bannerbox .recommend-insidebox .CoinwTit {
        font-size: 20px
    }

    .recommend-bannerbox .recommend-insidebox .CoinwAdv {
        font-size: 40px
    }

    .recommend-bannerbox .CoinwStepbox {
        width: 920px;
        margin-top: 45px
    }

    .recommend-bannerbox .CoinwStepbox .item {
        width: 30%
    }

    .recommend-bannerbox .CoinwStepbox .item .stepDes {
        font-size: 13px;
        background-size: 26px;
        padding-left: 38px
    }

    .recommend-bannerbox .CoinwStepbox .item .stepTop {
        background-size: contain;
        width: 100%
    }

    .recommend-bannerbox .CoinwStepbox .item2 {
        margin-left: 5%;
        margin-right: 5%
    }

    .instantLogin {
        height: 46px;
        min-width: 320px;
        line-height: 46px;
        font-size: 20px
    }

    .agent-pagebox .otherinfor .item p {
        font-size: 24px
    }

    .tabel-detailBox .tabel-detailHeader .btn2 {
        font-size: 16px
    }

    .agent-pagebox .otherinfor .item h1 {
        font-size: 16px
    }
}

@media screen and (max-width: 1479px) {
    .rankingbox .item .rankname {
        margin-left: 10px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 16px
    }

    .rankingbox .item .rankinfor {
        margin-left: 10px
    }

    .rankingbox .item .rankdetail {
        margin-right: 10px
    }

    .rankingbox .item .rankdetail .con {
        font-size: 20px
    }

    .rankingbox .item .rankdetail .con span {
        font-size: 14px
    }
}

@media screen and (max-width: 1280px) {
    .recommend-bannerbox {
        height: 350px
    }

    .recommend-bannerbox .recommend-insidebox .CoinwTitbox {
        margin-top: 55px
    }

    .recommend-bannerbox .recommend-insidebox .CoinwTit {
        font-size: 18px;
        height: 36px;
        line-height: 36px
    }

    .recommend-bannerbox .recommend-insidebox .CoinwAdv {
        font-size: 34px;
        margin-top: 22px
    }

    .recommend-bannerbox .CoinwStepbox {
        width: 880px;
        margin-top: 40px
    }

    .recommend-bannerbox .CoinwStepbox .item .stepDes {
        font-size: 12px;
        background-size: 22px;
        padding-left: 35px
    }

    .instantLogin {
        height: 40px;
        min-width: 300px;
        bottom: 30px;
        line-height: 40px;
        font-size: 18px
    }

    .instantLoginbox {
        height: 100px
    }

    .agent-pagebox .otherinfor .item p {
        font-size: 22px
    }
}

@media screen and (max-width: 1200px) {
    .agent-pagebox .otherinfor .item h1 {
        font-size: 16px
    }

    .agent-pagebox .otherinfor .item p {
        font-size: 20px
    }

    .agent-pagebox .input-1 {
        height: 32px;
        line-height: 32px
    }

    .agent-pagebox .copybtn2 {
        height: 32px;
        line-height: 32px
    }
}

@media screen and (max-width: 1024px) {
    .recommend-bannerbox {
        height: 320px
    }

    .recommend-bannerbox .recommend-insidebox .CoinwTitbox {
        margin-top: 45px
    }

    .recommend-bannerbox .recommend-insidebox .CoinwTit {
        font-size: 16px
    }

    .recommend-bannerbox .recommend-insidebox .CoinwAdv {
        font-size: 30px
    }

    .recommend-bannerbox .CoinwStepbox {
        width: 830px;
        margin-top: 30px
    }

    .recommend-bannerbox .CoinwStepbox .item .stepDes {
        padding-left: 32px
    }

    .instantLogin {
        height: 38px;
        min-width: 280px;
        line-height: 38px;
        font-size: 16px
    }

    .agent-pagebox .otherinfor .item p {
        font-size: 20px
    }
}

.withdrawBox {
    background-color: transparent !important
}

.withdrawBox:before {
    background-color: transparent !important
}

.withdrawBox .withdraw-content {
    background-color: #fff;
    border-right: 1px solid #e2e2e2;
    width: 65% !important;
    padding-bottom: 42px
}

.withdrawBox .withdrawRight {
    float: left;
    width: 35%
}

.withdrawBox .withdrawRight .header {
    border-bottom: 1px solid #e2e2e2;
    font-size: 16px;
    color: #333;
    padding: 13px 20px
}

.withdrawBox .withdrawRight .header span {
    font-size: 12px;
    color: #888
}

.withdrawBox .withdrawRight .inright {
    text-align: right;
    float: right;
    padding-top: 10px;
    padding-bottom: 10px
}

.withdrawBox .withdrawRight .listbox {
    padding-left: 20px;
    padding-right: 20px
}

.withdrawBox .withdrawRight .listbox ul li {
    border-bottom: 1px solid #e2e2e2
}

.withdrawBox .withdrawRight .listbox ul li .infor {
    float: left;
    padding-top: 18px;
    padding-bottom: 18px
}

.withdrawBox .withdrawRight .listbox ul li .infor p {
    color: #888;
    font-size: 12px
}

.withdrawBox .withdrawRight .listbox ul li .infor p.time {
    margin-top: 2px
}

.withdrawBox .withdrawRight .listbox ul li .infor p.waitstatus {
    color: #ff7879
}

.withdrawBox .withdrawRight .listbox ul li .infor p.waitstatus .label {
    background-color: #7a7ca0;
    color: #fff;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    display: inline-block;
    transform: scale(.9);
    cursor: pointer
}

.withdrawBox .withdrawRight .listbox ul li .iconB {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.withdrawBox .withdrawRight .listbox ul li .coin {
    display: inline-block;
    font-size: 15px;
    color: #333
}

.withdrawBox .withdrawRight .listbox ul li .range {
    font-size: 15px;
    color: #333
}

.select-icon-box {
    padding-bottom: 15px;
    border-bottom: 1px dashed #d0d0d0
}

.select-icon {
    background-image: url(../images/icon-select.png);
    background-size: 18px 18px;
    border-bottom: none
}

.withdraw-2content {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.withdraw-2content .col8-tn-2 {
    padding-left: 0 !important
}

.common-form2-width {
    width: 71% !important
}

.common-form2-width .aw-tabs {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    margin-top: -12px;
    /*overflow-x: auto;*/
    flex-wrap: wrap;

}

.common-form2-width .aw-tabs .item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    height: 25px;
    font-size: 12px;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    transition: .3s ease-in-out;
    text-transform: uppercase;
    margin-right: 16px;
    cursor: pointer;
    margin-bottom: 10px;
}

.common-form2-width .aw-tabs .item::before {
    position: absolute;
    right: 0;
    bottom: 0;
    content: '';
    transition: .3s ease-in-out;
    border-right: 8px solid transparent;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    border-left: 8px solid transparent
}

.common-form2-width .aw-tabs .item::after {
    position: absolute;
    content: '';
    bottom: 10%;
    right: 2px;
    width: 4px;
    height: 7px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(40deg)
}

.common-form2-width .aw-tabs .item.active {
    color: #3d3d70;
    border-color: #3d3d70
}

.common-form2-width .aw-tabs .item.active::before {
    border-right-color: #3d3d70;
    border-bottom-color: #3d3d70
}

.common-form2-width .aw-tabs .item:last-child {
    margin-right: 0
}

.withdrawalTips {
    background-color: #fefafb;
    border-top: 1px solid #fdd8da;
    border-bottom: 1px solid #fdd8da;
    padding: 15px 30px;
    margin-bottom: 30px
}

.withdrawalTips .title {
    float: left;
    padding-left: 25px;
    float: left;
    font-size: 14px;
    color: #ff6d6d;
    height: 20px;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(../images/icon-tips.svg)
}

.withdrawalTips .des {
    float: left;
    font-size: 14px;
    color: #ff7879;
    margin-left: 15px
}

.withdrawalnavbox {
    border-top: 1px solid #e2e2e2
}

.withdrawalnavbox a {
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    position: relative;
    background: #f9f9f9;
    height: 58px;
    line-height: 58px;
    color: #a29dbb;
    font-size: 24px
}

.withdrawalnavbox a:first-child {
    border-right: 1px solid #e2e2e2
}

.withdrawalnavbox a.current {
    background: 0 0;
    color: #333
}

.withdrawalnavbox a.current::after {
    content: '';
    width: 50px;
    height: 3px;
    background-color: #ebc65c;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.withdrawInforbox {
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 15px;
    margin-bottom: 30px
}

.withdrawInforbox p {
    margin-top: 3px
}

.withdrawInforbox p .tit {
    font-size: 14px;
    color: #888;
    display: inline-block;
    min-width: 70px
}

.withdrawInforbox p .des {
    color: #333;
    font-size: 14px
}

.withdrawInforbox p .des i {
    font-weight: 700;
    font-style: initial;
    font-size: 27px
}

.withdrawselectbox {
    padding-left: 20px;
    padding-right: 20px
}

.withdrawselectbox .goselectbox {
    float: left;
    position: relative;
    width: 326px;
    margin-top: 14px
}

.withdrawselectbox .goselectbox .search_box {
    height: 37px;
    margin-bottom: 0
}

.withdrawselectbox .goselectbox .seratchborder {
    height: 100%
}

.withdrawselectbox .goselectbox .selectvaluebox {
    width: 100%;
    height: 58px;
    border: 1px solid #e2e2e2;
    cursor: pointer
}

.withdrawselectbox .goselectbox .iconselect {
    float: left;
    width: 46px;
    height: 46px;
    margin-top: 6px;
    margin-left: 15px
}

.withdrawselectbox .goselectbox .coinbox {
    float: left;
    font-size: 27px;
    color: #333;
    display: inline-block;
    height: 58px;
    line-height: 58px;
    margin-left: 20px;
    border-radius: 100%
}

.withdrawselectbox .goselectbox .arrowBbox {
    float: right;
    width: 30px;
    height: 58px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/arrowB.png)
}

.withdrawselectbox .goselectbox .gooptionbox {
    display: none;
    background: #fff;
    position: absolute;
    left: 0;
    top: 58px;
    width: 100%;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    z-index: 15
}

.withdrawselectbox .goselectbox .gooptionbox .optionItem {
    border-bottom: 1px solid #e2e2e2;
    cursor: pointer
}

.withdrawselectbox .gotradebox {
    float: left;
    margin-left: 20px
}

.withdrawselectbox .gotradebox .tit {
    color: #888;
    font-size: 16px
}

.withdrawselectbox .gotradebox .insidebox {
    margin-top: 5px
}

.withdrawselectbox .gotradebox .insidebox a {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    border: 1px solid #e2e2e2;
    color: #333;
    font-size: 14px;
    border-radius: 28px;
    padding-left: 15px;
    padding-right: 15px;
    transition: all .3s;
    margin-right: 5px
}

.withdrawselectbox .gotradebox .insidebox a:hover {
    background: #424578;
    border-color: #424578;
    color: #fff
}

.serbox {
    border-bottom: 1px solid #e2e2e2;
    position: relative
}

.serbox input {
    width: 100%;
    border: none;
    padding: 10px;
    height: 40px;
    line-height: 40px
}

.serbox .icon-ser {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 23px;
    height: 20px;
    cursor: pointer
}

.goselectcoindist {
    border: 1px solid #e2e2e2;
    height: 50px;
    border-radius: 3px
}

.goselectcoindist .select2-search {
    display: flex;
    width: 100%;
    height: 40px
}

.goselectcoindist .select2-selection__rendered {
    overflow: initial !important
}

.goselectcoindist .select2-selection__rendered {
    width: 100%
}

.goselectcoindist .select2-selection__choice {
    margin-top: 5px;
    position: relative
}

.goselectcoindist .select2-selection__choice .select2-selection__choice__remove {
    position: absolute;
    right: 10px;
    top: 2px;
    font-size: 24px;
    color: #424578;
    font-weight: 700
}

.arrowBbox2 {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 5px;
    top: 6px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/arrowB.png)
}

.seratchborder {
    border: none
}

.goselectbox {
    border: 1px solid #e2e2e2
}

.search_tom_box .select2-selection__rendered {
    color: #333 !important;
    height: 35px;
    line-height: 35px
}

.withdrawselectbox .select2-container--theme4.select2-container .select2-selection--single {
    height: 37px;
    border: 0;
    padding-left: 50px
}

.withdrawselectbox .AniselectImg {
    position: absolute;
    left: 10px;
    top: 2.5px;
    max-width: 30px;
    max-height: 30px
}

.level2, .uplevel {
    position: relative;
    top: -3px
}

.assent_info .level2, .assent_info .uplevel {
    top: -6px
}

.level2 {
    display: inline-block;
    font-weight: 400;
    font-size: 12px;
    height: 20px;
    line-height: 18px;
    border-radius: 100px;
    border: 1px solid #fdb405;
    color: #fdb405;
    padding: 0 8px;
    transition: .3s linear;
    margin-left: 10px
}

.level2 img {
    width: 10px;
    position: relative;
    top: -1px
}

.level2:hover {
    background-color: rgba(253, 180, 5, .2)
}

.uplevel {
    font-weight: 400;
    display: inline-block;
    font-size: 12px;
    color: #fdb405;
    margin-left: 10px;
    cursor: pointer
}

.enstyle .withdrawInforbox p .tit {
    min-width: 120px
}

@media screen and (max-width: 1479px) {
    .withdrawalnavbox a {
        font-size: 20px
    }

    .withdrawBox .common-form2-width {
        width: 82% !important
    }

    .withdrawInforbox p .des i {
        font-size: 24px
    }

    .withdrawalTips .des {
        float: none;
        clear: both;
        margin-left: 25px
    }

    .withdrawBox .withdrawRight .listbox ul li .coin, .withdrawBox .withdrawRight .listbox ul li .range {
        font-size: 14px
    }

    .withdrawselectbox .goselectbox {
        width: 270px
    }

    .common-form2-width .col8-tn-2 {
        padding-left: 0 !important
    }

    .goselectcoindist .select2-dropdown--below {
        width: 269px !important
    }
}

@media screen and (max-width: 1400px) {
    .withdrawselectbox .goselectbox {
        width: 233px
    }

    .withdrawalnavbox a {
        font-size: 18px
    }
}

@media screen and (max-width: 1199px) {
    .withdrawselectbox .gotradebox {
        width: 100%;
        margin-top: 15px;
        margin-left: 0
    }
}

.header-bar .logo {
    position: relative
}

.header-bar .logo .header-pop {
    position: absolute;
    z-index: 8;
    top: 78px;
    left: -8px;
    width: 340px;
    min-height: 195px;
    font-family: PingFangSC-Regular, "Microsoft Yahei", Helvetica, arial, sans-serif;
    color: #fff;
    background-color: #383867;
    border-radius: 4px
}

.header-bar .logo .header-pop::before {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    background-color: #3e3e6d;
    transform: rotate(45deg);
    top: -8px;
    left: 25px
}

.header-bar .logo .header-pop .hp-tit {
    position: relative;
    height: 43px;
    line-height: 43px;
    font-size: 16px;
    font-weight: 700;
    background-color: #3e3e6d;
    border-radius: 4px 4px 0 0;
    padding-left: 25px
}

.header-bar .logo .header-pop .hp-cont {
    padding: 10px 25px
}

.header-bar .logo .header-pop .hp-txt {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #ebe9f8;
    letter-spacing: -.2px;
    padding-bottom: 10px
}

.header-bar .logo .header-pop .hp-img {
    width: 18px;
    height: 18px;
    margin-top: 12.5px;
    margin-right: 6px
}

.header-bar .logo .header-pop .hp-btn {
    display: block;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    background: #474573;
    transition: .3s ease-out;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 8px;
    margin-right: 5px;
    padding: 0
}

.header-bar .logo .header-pop .hp-btn:hover {
    background: rgba(71, 69, 115, .8)
}

.header-bar .logo .header-pop .hp-img2 {
    width: 13px;
    height: 15px;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 11px
}

.header-bar .logo .header-pop .close-pop {
    position: absolute;
    display: block;
    width: 13px;
    height: 13px;
    top: 15px;
    right: 15px;
    cursor: pointer
}

.header-bar .logo .header-pop .close-pop:hover img {
    transform: scale(1.1)
}

.header-bar .logo .header-pop .close-pop img {
    width: 13px;
    vertical-align: top;
    transition: .3s ease-out
}

.enstyle .header-bar .logo .header-pop {
    font-family: Helvetica, arial, PingFangSC-Regular, "Microsoft Yahei", sans-serif
}

.enstyle .header-bar .logo .header-pop .hp-btn {
    margin-right: 0
}

.enstyle .header-bar .logo .header-pop .hp-img2 {
    margin-left: 6px;
    margin-right: 6px
}

.enstyle .header-bar .logo .header-pop .hp-cont {
    padding: 10px 16px
}

@media (max-width: 1440px) {
    .header-bar .logo .header-pop {
        left: -2px;
        width: 300px;
        min-height: 175px
    }

    .header-bar .logo .header-pop::before {
        width: 12px;
        height: 12px;
        top: -6px
    }

    .header-bar .logo .header-pop .hp-tit {
        height: 36px;
        line-height: 36px;
        font-size: 14px;
        padding-left: 20px
    }

    .header-bar .logo .header-pop .hp-cont {
        padding: 10px 20px
    }

    .header-bar .logo .header-pop .hp-txt {
        font-size: 12px;
        line-height: 16px;
        padding-bottom: 8px
    }

    .header-bar .logo .header-pop .hp-img {
        width: 14px;
        height: 14px;
        margin-top: 11px
    }

    .header-bar .logo .header-pop .hp-btn {
        height: 32px;
        line-height: 32px;
        font-size: 12px;
        margin-bottom: 6px
    }

    .header-bar .logo .header-pop .hp-img2 {
        width: 12px;
        height: 14px;
        margin-top: 9px
    }

    .header-bar .logo .header-pop .close-pop {
        width: 11px;
        height: 11px;
        top: 12.5px;
        right: 12px
    }

    .header-bar .logo .header-pop .close-pop img {
        width: 11px
    }
}

@media (max-width: 1440px) {
    .common-form2-width .aw-tabs {
        margin-top: 0
    }
}

.fight-wrapper {
    width: 1400px;
    margin-left: auto;
    margin-right: auto
}

.fight-back {
    position: absolute;
    left: 0;
    top: -36px;
    font-size: 14px;
    height: 26px;
    line-height: 24px;
    border-radius: 100px;
    width: 72px;
    border: 1px solid #49475b;
    font-family: PingFangSC-Regular, "Microsoft Yahei", Helvetica, arial, sans-serif;
    transition: .3s ease-out;
    text-align: center
}

.fight-back:hover {
    background-color: rgba(73, 71, 91, .5)
}

.fight-icon {
    display: inline-block;
    width: 48px;
    height: 48px;
    background: url(../images/fight-icon.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left 0
}

.fight-icon.ficon-1 {
    background-position: left 0
}

.fight-icon.ficon-2 {
    background-position: left -48px
}

.fight-icon.ficon-3 {
    background-position: left -96px
}

.fight-top {
    display: flex;
    align-items: center;
    height: 280px;
    text-align: center;
    color: #fff;
    background: url(../images/fight-bg.jpg) no-repeat center;
    background-size: cover
}

.fight-top .text {
    flex: 1
}

.fight-top .txt1 {
    font-size: 51px;
    font-family: PingFangSC-Semibold, Helvetica, 'Microsoft Yahei', PingFangSC-Regular, arial, sans-serif;
    padding-bottom: 16px
}

.fight-top .txt1 .c1 {
    color: #e4c479
}

.fight-top .txt2 {
    font-family: PingFangSC-Regular, "Microsoft Yahei", Helvetica, arial, sans-serif;
    font-size: 24px
}

.fight-top .fight-success {
    position: absolute;
    top: 12px;
    right: 28px;
    width: 120px
}

.fight-top .fight-wrapper {
    position: relative;
    display: flex;
    align-items: stretch;
    height: 170px;
    text-align: left;
    background-color: rgba(32, 28, 66, .7);
    padding: 25px 0
}

.fight-top .tip {
    position: absolute;
    top: 0;
    left: 0;
    display: flex
}

.fight-top .tip .tip1, .fight-top .tip .tip2 {
    display: flex;
    min-width: 80px;
    height: 30px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #fff;
    padding: 0 10px
}

.fight-top .tip .tip1 {
    background-color: #363350
}

.fight-top .tip .tip2 {
    color: #e4c479;
    background-color: #000;
    border-radius: 0 0 10px
}

.fight-top .left {
    width: 38%;
    display: flex;
    align-items: stretch;
    border-right: 1px solid #31304b;
    padding-left: 40px;
    padding-right: 40px
}

.fight-top .left .tit-img {
    max-height: 30px;
    max-width: 175px;
    margin-right: 55px;
    align-self: center
}

.fight-top .left .left-txt {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between
}

.fight-top .left .left-txt .l-txt1, .fight-top .left .left-txt .l-txt2 {
    width: 100%
}

.fight-top .left .t1 {
    font-size: 36px
}

.fight-top .left .t2 {
    font-size: 16px
}

.fight-top .left .item {
    float: left;
    color: #a2a0bc;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    border-right: 1px solid #31304b;
    margin-bottom: 5px
}

.fight-top .left .item:nth-child(2n-1) {
    padding-right: 12px
}

.fight-top .left .item:nth-child(2n) {
    padding-left: 12px
}

.fight-top .left .item:last-child {
    border-right: 0
}

.fight-top .left .item img {
    max-width: 17px;
    max-height: 16px;
    vertical-align: middle;
    margin-right: 5px
}

.fight-top .right {
    flex: 1;
    display: flex;
    justify-content: space-around;
    padding-left: 100px
}

.fight-top .right .item {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between
}

.fight-top .right .item:last-child .num::before {
    display: none
}

.fight-top .right .num, .fight-top .right .rtxt {
    width: 100%
}

.fight-top .right .num {
    position: relative;
    font-size: 30px;
    font-weight: 700
}

.fight-top .right .num::before {
    position: absolute;
    content: '';
    left: 80px;
    top: 50%;
    transform: translate(0, -50%);
    width: 100px;
    height: 1px;
    background-color: #767488
}

.fight-top .right .r-txt {
    font-size: 14px;
    line-height: 22px
}

.fight-top .right .t1 {
    color: #a2a0bc
}

.fight-cont1 {
    background-color: #fff;
    border-bottom: 1px solid #ececec
}

.fight-cont1 .fight-wrapper {
    display: flex
}

.fight-cont1 .fight-list {
    display: flex;
    width: 33.333%;
    height: 120px;
    align-items: center
}

.fight-cont1 .fight-list:nth-child(2) {
    position: relative;
    justify-content: center
}

.fight-cont1 .fight-list:nth-child(2)::after, .fight-cont1 .fight-list:nth-child(2)::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    height: 50%;
    width: 1px;
    background-color: #ececec
}

.fight-cont1 .fight-list:nth-child(2)::before {
    left: 0
}

.fight-cont1 .fight-list:nth-child(2)::after {
    right: 0
}

.fight-cont1 .fight-list:last-child {
    justify-content: flex-end;
    padding-right: 75px
}

.fight-cont1 .fight-list .text {
    padding-left: 29px
}

.fight-cont1 .fight-list .txt1 {
    font-size: 24px;
    color: #333;
    padding-bottom: 8px
}

.fight-cont1 .fight-list .txt2 {
    font-size: 14px;
    color: #999
}

.fight-cont2 {
    background-color: #fff
}

.fight-cont2 .fight-wrapper {
    display: flex;
    height: 150px;
    align-items: center
}

.fight-cont2 .left {
    flex: 1
}

.fight-cont2 .left .tit {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    padding-bottom: 16px
}

.fight-cont2 .left .txt {
    float: left;
    font-size: 16px;
    color: #666;
    margin-right: 50px
}

.fight-cont2 .left .txt:last-child {
    margin-right: 0
}

.fight-cont2 .left .txt span {
    vertical-align: middle;
    font-family: Helvetica, "Microsoft Yahei", arial, sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: #666
}

.fight-cont2 .right {
    display: flex;
    float: right;
    justify-content: flex-end;
    min-width: 325px;
    position: relative;
    padding-left: 20px
}

.fight-cont2 .right::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 1px;
    height: 100px;
    background-color: #ececec
}

.fight-cont2 .right .fight-loged {
    padding-right: 65px
}

.fight-cont2 .right .fight-loged .lev, .fight-cont2 .right .fight-loged .txt-coins {
    margin-left: 5px
}

.fight-cont2 .right .lev, .fight-cont2 .right .txt-coins, .fight-cont2 .right .up-lev {
    font-weight: 600
}

.fight-cont2 .right .lev {
    font-size: 18px;
    color: #fdb406;
    background: url(../images/viplev.png) no-repeat left center;
    background-size: 14px;
    padding-left: 13px
}

.fight-cont2 .right .txt-coins {
    font-size: 18px;
    color: #666
}

.fight-cont2 .right .up-lev {
    float: left;
    min-width: 50px;
    height: 24px;
    line-height: 22px;
    text-align: center;
    border-radius: 100px;
    font-size: 14px;
    color: #fdb406;
    border: 1px solid #fdb406;
    margin-left: 6px;
    cursor: pointer;
    transition: .3s ease-out;
    padding: 0 7px
}

.fight-cont2 .right .up-lev:hover {
    background-color: rgba(253, 180, 6, .4)
}

.fight-cont2 .right .txt {
    font-size: 16px;
    color: #333;
    margin-top: 10px
}

.fight-cont2 .right .txt span {
    float: left
}

.fight-cont2 .right .txt:first-child {
    line-height: 24px;
    margin-top: 0
}

.fight-cont2 .right .fight-btn {
    display: inline-block;
    align-self: center;
    min-width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    border-radius: 100px;
    color: #fff;
    background-color: #828098;
    margin-left: 22px;
    cursor: pointer;
    transition: .3s ease-out
}

.fight-cont2 .right .fight-btn:hover {
    background-color: #6d6b9b
}

.fight-cont3 {
    background-color: #f6f6f6;
    padding: 50px 0
}

.fight-cont3 .fight-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.fight-cont3 .fight-wrapper::after {
    content: '';
    width: 32%
}

.fight-cont3 .fight-list {
    width: 32%;
    cursor: pointer;
    margin-bottom: 20px
}

.fight-cont3 .top {
    position: relative;
    height: 200px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #06090f
}

.fight-cont3 .top .tip {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 20px;
    display: inline-block;
    width: 54px;
    height: 32px;
    text-align: center;
    font-size: 14px;
    padding-top: 5px
}

.fight-cont3 .top .tip i {
    font-size: 24px;
    font-style: normal;
    font-weight: 900
}

.fight-cont3 .top .tip::before {
    position: absolute;
    z-index: -1;
    content: '';
    bottom: -17px;
    left: 0;
    border-left: 27px solid transparent;
    border-right: 27px solid transparent
}

.fight-cont3 .top .tip.ing {
    color: #fff;
    background-color: #e4c479
}

.fight-cont3 .top .tip.ing::before {
    border-top: 17px solid #e4c479
}

.fight-cont3 .top .tip.end {
    color: #333;
    background-color: #fff
}

.fight-cont3 .top .tip.end::before {
    border-top: 17px solid #fff
}

.fight-cont3 .cont {
    display: flex;
    flex-wrap: wrap;
    height: 290px;
    align-content: space-between;
    position: relative;
    color: #333;
    background-color: #fff;
    padding: 55px 30px 30px
}

.fight-cont3 .cont .item1, .fight-cont3 .cont .item2, .fight-cont3 .cont .item5 {
    width: 100%
}

.fight-cont3 .cont .item4 {
    display: flex;
    justify-content: space-between
}

.fight-cont3 .cont .item3 {
    position: relative;
    top: 8px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #ececec;
    padding-top: 8px;
    margin-top: 6px
}

.fight-cont3 .cont .tip {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    min-width: 180px;
    height: 40px;
    line-height: 40px;
    border-radius: 0 0 20px 0;
    text-align: center;
    font-size: 16px;
    color: #fff
}

.fight-cont3 .cont .tip.ing {
    background-color: #57527d
}

.fight-cont3 .cont .tip.end {
    background-color: #ccc
}

.fight-cont3 .cont .tit {
    font-size: 36px;
    font-weight: 900;
    padding-bottom: 2px
}

.fight-cont3 .cont .sub-tit {
    font-size: 16px;
    font-weight: 900
}

.fight-cont3 .cont .text {
    max-width: 50%
}

.fight-cont3 .cont .text:first-child {
    width: 50%;
    border-right: 1px solid #ececec
}

.fight-cont3 .cont .txt1 {
    font-size: 14px;
    color: #666;
    padding-bottom: 3px
}

.fight-cont3 .cont .txt1 span {
    color: #333;
    font-weight: 700
}

.fight-cont3 .cont .txt2 {
    font-size: 21px;
    font-weight: 700;
    padding-top: 2px
}

.fight-cont3 .cont .txt3 {
    font-size: 36px;
    white-space: nowrap
}

.fight-cont3 .cont .txt3 .iconfont {
    position: relative;
    top: -5px;
    font-size: 18px;
    vertical-align: middle;
    margin-left: 6px
}

.fight-cont3 .cont .txt3.up {
    color: #ed4857
}

.fight-cont3 .cont .txt3.down {
    color: #32ad5d
}

.fight-cont3 .cont .txt3.down .iconfont {
    transform: rotate(180deg)
}

.fight-cont3 .cont .txt4 {
    position: relative;
    height: 20px;
    width: 100px;
    background-size: 100%;
    background: url(../images/fight-hot-drak.svg) repeat-x left
}

.fight-cont3 .cont .txt4::before {
    content: '';
    z-index: 4;
    position: absolute;
    top: 50%;
    left: 0;
    height: 20px;
    transform: translate(0, -50%);
    background: url(../images/fight-hot-light.svg) repeat-x left
}

.fight-cont3 .cont .txt4.hot1::before {
    width: 20px
}

.fight-cont3 .cont .txt4.hot2::before {
    width: 40px
}

.fight-cont3 .cont .txt4.hot3::before {
    width: 60px
}

.fight-cont3 .cont .txt4.hot4::before {
    width: 80px
}

.fight-cont3 .cont .txt4.hot5::before {
    width: 100px
}

.fight-cont4 {
    color: #333;
    font-family: PingFangSC-Regular, "Microsoft Yahei", Helvetica, arial, sans-serif;
    background-color: #f6f6f6;
    padding: 30px 0 50px
}

.fight-cont4 .fight-wrapper {
    border: solid 1px #dedede;
    background-color: #fff
}

.fight-tab-nav {
    display: flex;
    justify-content: center;
    align-items: center
}

.fight-tab-nav .tab-nav {
    position: relative;
    flex: 1;
    display: flex;
    height: 60px;
    justify-content: center;
    align-items: center;
    background-color: #f6f6f6;
    border-bottom: solid 1px #dedede;
    font-size: 24px;
    font-weight: 700;
    cursor: pointer
}

.fight-tab-nav .tab-nav:first-child {
    border-right: solid 1px #dedede
}

.fight-tab-nav .tab-nav::before {
    position: absolute;
    content: '';
    height: 3px;
    width: 0;
    top: 0;
    left: 0;
    transition: .3s ease-out;
    background-color: #333
}

.fight-tab-nav .tab-nav.active::before, .fight-tab-nav .tab-nav:hover::before {
    width: 100%
}

.fight-tab-nav .tab-nav.active {
    background-color: #fff;
    border-bottom: 0
}

.fight-tab-panel .tab-panel {
    display: none;
    min-height: 430px;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 2px;
    padding: 40px 25px
}

.fight-tab-panel .tab-panel.active {
    display: block
}

.fight-tab-panel .tab-panel img {
    max-width: 70%;
    margin: 15px 0
}

.enstyle .fight-cont2 .right {
    min-width: 350px
}

.enstyle .fight-top .fight-success {
    right: 20px
}

.enstyle .fight-top .txt2 {
    font-family: Helvetica, arial, PingFangSC-Regular, "Microsoft Yahei", sans-serif
}

.enstyle .fight-top .left {
    padding-right: 70px;
    padding-left: 30px
}

.enstyle .fight-top .left .tit-img {
    margin-right: 40px
}

.enstyle .fight-top .right .item:nth-child(2) .num::before {
    width: 72%
}

.enstyle .fight-top .fight-wrapper {
    padding: 30px 0 20px
}

.enstyle .fight-tab-panel .tab-panel {
    letter-spacing: 0
}

.enstyle .fight-cont4 {
    font-family: Helvetica, arial, PingFangSC-Regular, "Microsoft Yahei", sans-serif
}

@media (max-width: 1680px) {
    .enstyle .fight-cont2 .right {
        min-width: 330px
    }

    .fight-wrapper {
        width: 1280px
    }

    .fight-icon {
        width: 40px;
        height: 40px
    }

    .fight-icon.ficon-1 {
        background-position: left 0
    }

    .fight-icon.ficon-2 {
        background-position: left -40px
    }

    .fight-icon.ficon-3 {
        background-position: left -80px
    }

    .fight-top {
        height: 240px
    }

    .fight-top .txt1 {
        font-size: 45px;
        padding-bottom: 10px
    }

    .fight-top .txt2 {
        font-size: 22px
    }

    .fight-top .fight-wrapper {
        height: 150px;
        padding: 25px 0 16px
    }

    .fight-top .tip .tip1, .fight-top .tip .tip2 {
        height: 28px;
        font-size: 13px
    }

    .fight-top .left {
        padding-left: 30px;
        padding-right: 85px
    }

    .fight-top .left .tit-img {
        max-height: 28px;
        max-width: 170px;
        margin-right: 50px
    }

    .fight-top .left .t1 {
        font-size: 32px
    }

    .fight-top .left .t2 {
        font-size: 14px
    }

    .fight-top .left .item {
        height: 16px;
        line-height: 16px;
        font-size: 13px
    }

    .fight-top .left .item img {
        max-width: 15px;
        max-height: 15px;
        margin-right: 6px
    }

    .fight-top .right {
        padding-left: 80px
    }

    .fight-top .right .num {
        font-size: 26px
    }

    .fight-top .right .num::before {
        left: 70px;
        width: 90px
    }

    .fight-top .right .r-txt {
        font-size: 13px
    }

    .fight-cont1 .fight-list {
        height: 110px
    }

    .fight-cont1 .fight-list:last-child {
        padding-right: 65px
    }

    .fight-cont1 .fight-list .text {
        padding-left: 22px
    }

    .fight-cont1 .fight-list .txt1 {
        font-size: 22px;
        padding-bottom: 6px
    }

    .fight-cont1 .fight-list .txt2 {
        font-size: 13px
    }

    .fight-cont2 .fight-wrapper {
        height: 140px
    }

    .fight-cont2 .left .tit {
        font-size: 22px;
        padding-bottom: 12px
    }

    .fight-cont2 .left .txt {
        font-size: 14px;
        margin-right: 40px
    }

    .fight-cont2 .left .txt span {
        font-size: 23px
    }

    .fight-cont2 .right {
        min-width: 310px
    }

    .fight-cont2 .right .fight-loged {
        padding-right: 55px
    }

    .fight-cont2 .right .lev {
        font-size: 16px;
        background-size: 12px;
        padding-left: 11px
    }

    .fight-cont2 .right .txt-coins {
        font-size: 16px
    }

    .fight-cont2 .right .up-lev {
        height: 22px;
        line-height: 20px;
        font-size: 13px
    }

    .fight-cont2 .right::before {
        height: 85px
    }

    .fight-cont2 .right .txt {
        font-size: 15px;
        margin-top: 6px
    }

    .fight-cont2 .right .fight-btn {
        min-width: 110px;
        height: 38px;
        line-height: 38px;
        font-size: 13px
    }

    .fight-cont3 {
        padding: 40px 0 50px
    }

    .fight-cont3 .top {
        height: 180px
    }

    .fight-cont3 .top .tip {
        right: 16px;
        width: 50px;
        height: 30px;
        font-size: 13px;
        padding-top: 4px
    }

    .fight-cont3 .top .tip i {
        font-size: 22px
    }

    .fight-cont3 .top .tip::before {
        bottom: -15px;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent
    }

    .fight-cont3 .top .tip.ing::before {
        border-top: 15px solid #e4c479
    }

    .fight-cont3 .top .tip.end::before {
        border-top: 15px solid #fff
    }

    .fight-cont3 .cont {
        height: 270px;
        padding: 48px 24px 22px
    }

    .fight-cont3 .cont .item3 {
        top: 4px;
        padding-top: 6px
    }

    .fight-cont3 .cont .tip {
        min-width: 160px;
        height: 38px;
        line-height: 38px;
        border-radius: 0 0 18px;
        font-size: 14px
    }

    .fight-cont3 .cont .tit {
        font-size: 32px
    }

    .fight-cont3 .cont .sub-tit {
        font-size: 14px
    }

    .fight-cont3 .cont .txt1 {
        font-size: 13px
    }

    .fight-cont3 .cont .txt2 {
        font-size: 18px
    }

    .fight-cont3 .cont .txt3 {
        font-size: 32px
    }

    .fight-cont3 .cont .txt3 .iconfont {
        top: -5px;
        margin-left: 3px
    }

    .fight-tab-nav .tab-nav {
        height: 54px;
        font-size: 22px
    }

    .fight-tab-panel .tab-panel {
        min-height: 410px
    }
}

@media (max-width: 1480px) {
    .enstyle .fight-cont2 .right {
        min-width: 315px
    }

    .enstyle .fight-top .fight-success {
        right: 15px
    }

    .enstyle .fight-top .left {
        padding-left: 28px;
        padding-right: 52px
    }

    .enstyle .fight-top .right .item:nth-child(2) .num::before {
        width: 68%
    }

    .fight-back {
        top: -26px;
        font-size: 12px;
        height: 22px;
        line-height: 20px;
        width: 60px
    }

    .fight-wrapper {
        width: 1180px
    }

    .fight-icon {
        width: 36px;
        height: 36px
    }

    .fight-icon.ficon-1 {
        background-position: left 0
    }

    .fight-icon.ficon-2 {
        background-position: left -36px
    }

    .fight-icon.ficon-3 {
        background-position: left -72px
    }

    .fight-top {
        height: 220px
    }

    .fight-top .txt1 {
        font-size: 42px;
        padding-bottom: 8px
    }

    .fight-top .txt2 {
        font-size: 20px
    }

    .fight-top .fight-success {
        top: 15px;
        right: 20px;
        width: 100px
    }

    .fight-top .fight-wrapper {
        height: 140px
    }

    .fight-top .tip .tip1, .fight-top .tip .tip2 {
        min-width: 70px;
        height: 26px;
        font-size: 12px
    }

    .fight-top .left {
        padding-left: 28px;
        padding-right: 62px
    }

    .fight-top .left .tit-img {
        max-height: 24px;
        max-width: 160px;
        margin-right: 40px
    }

    .fight-top .left .t1 {
        font-size: 30px
    }

    .fight-top .left .t2 {
        font-size: 13px
    }

    .fight-top .left .item {
        height: 14px;
        line-height: 14px;
        font-size: 12px
    }

    .fight-top .left .item img {
        max-width: 13px;
        max-height: 13px
    }

    .fight-top .right {
        padding-left: 80px
    }

    .fight-top .right .num {
        font-size: 24px
    }

    .fight-top .right .num::before {
        left: 70px;
        width: 90px
    }

    .fight-top .right .r-txt {
        font-size: 12px
    }

    .fight-cont1 .fight-list {
        height: 100px
    }

    .fight-cont1 .fight-list:last-child {
        padding-right: 58px
    }

    .fight-cont1 .fight-list .text {
        padding-left: 20px
    }

    .fight-cont1 .fight-list .txt1 {
        font-size: 20px
    }

    .fight-cont1 .fight-list .txt2 {
        font-size: 12px
    }

    .fight-cont2 .fight-wrapper {
        height: 120px
    }

    .fight-cont2 .left .tit {
        font-size: 20px;
        padding-bottom: 10px
    }

    .fight-cont2 .left .txt {
        font-size: 13px;
        margin-right: 35px
    }

    .fight-cont2 .left .txt span {
        font-size: 20px
    }

    .fight-cont2 .right {
        min-width: 300px
    }

    .fight-cont2 .right .fight-loged {
        padding-right: 45px
    }

    .fight-cont2 .right .lev {
        font-size: 14px
    }

    .fight-cont2 .right .txt-coins {
        font-size: 14px
    }

    .fight-cont2 .right .up-lev {
        min-width: 46px;
        height: 20px;
        line-height: 18px;
        font-size: 12px
    }

    .fight-cont2 .right::before {
        height: 60px
    }

    .fight-cont2 .right .txt {
        font-size: 14px
    }

    .fight-cont2 .right .fight-btn {
        height: 36px;
        line-height: 36px;
        font-size: 12px
    }

    .fight-cont3 {
        padding: 30px 0 50px
    }

    .fight-cont3 .fight-list {
        margin-bottom: 15px
    }

    .fight-cont3 .top {
        height: 170px
    }

    .fight-cont3 .top .tip {
        right: 15px;
        font-size: 12px
    }

    .fight-cont3 .top .tip i {
        font-size: 20px
    }

    .fight-cont3 .cont {
        height: 240px;
        padding: 48px 22px 20px
    }

    .fight-cont3 .cont .item3 {
        top: 2px
    }

    .fight-cont3 .cont .tip {
        min-width: 150px;
        height: 36px;
        line-height: 36px;
        border-radius: 0 0 16px;
        font-size: 13px
    }

    .fight-cont3 .cont .tit {
        font-size: 30px
    }

    .fight-cont3 .cont .sub-tit {
        font-size: 13px
    }

    .fight-cont3 .cont .txt1 {
        font-size: 12px
    }

    .fight-cont3 .cont .txt2 {
        font-size: 16px
    }

    .fight-cont3 .cont .txt3 {
        font-size: 30px
    }

    .fight-cont3 .cont .txt3 .iconfont {
        top: -3px
    }

    .fight-cont3 .cont .txt4 {
        height: 16px;
        width: 80px
    }

    .fight-cont3 .cont .txt4::before {
        height: 16px
    }

    .fight-cont3 .cont .txt4.hot1::before {
        width: 16px
    }

    .fight-cont3 .cont .txt4.hot2::before {
        width: 32px
    }

    .fight-cont3 .cont .txt4.hot3::before {
        width: 48px
    }

    .fight-cont3 .cont .txt4.hot4::before {
        width: 64px
    }

    .fight-cont3 .cont .txt4.hot5::before {
        width: 80px
    }

    .fight-tab-nav .tab-nav {
        height: 52px;
        font-size: 20px
    }

    .fight-tab-panel .tab-panel {
        font-size: 13px;
        min-height: 390px
    }
}

@media (max-width: 1280px) {
    .enstyle .fight-cont2 .right {
        min-width: 300px
    }

    .enstyle .fight-top .left {
        padding-left: 22px;
        padding-right: 35px
    }

    .enstyle .fight-top .left .tit-img {
        margin-right: 25px
    }

    .fight-wrapper {
        width: 1000px
    }

    .fight-icon {
        width: 30px;
        height: 30px
    }

    .fight-icon.ficon-1 {
        background-position: left 0
    }

    .fight-icon.ficon-2 {
        background-position: left -30px
    }

    .fight-icon.ficon-3 {
        background-position: left -60px
    }

    .fight-top {
        height: 200px
    }

    .fight-top .txt1 {
        font-size: 36px;
        padding-bottom: 5px
    }

    .fight-top .txt2 {
        font-size: 18px
    }

    .fight-top .fight-wrapper {
        height: 130px
    }

    .fight-top .left {
        padding-left: 22px;
        padding-right: 45px
    }

    .fight-top .left .tit-img {
        max-height: 20px;
        max-width: 140px;
        margin-right: 30px
    }

    .fight-top .left .t1 {
        font-size: 26px
    }

    .fight-top .left .t2 {
        font-size: 12px
    }

    .fight-top .right {
        padding-left: 30px
    }

    .fight-top .right .num {
        font-size: 20px
    }

    .fight-top .right .num::before {
        left: 40px;
        width: 65px
    }

    .fight-cont1 .fight-list {
        height: 80px
    }

    .fight-cont1 .fight-list:last-child {
        padding-right: 45px
    }

    .fight-cont1 .fight-list .text {
        padding-left: 16px
    }

    .fight-cont1 .fight-list .txt1 {
        font-size: 18px;
        padding-bottom: 3px
    }

    .fight-cont2 .fight-wrapper {
        height: 100px
    }

    .fight-cont2 .left .tit {
        font-size: 18px;
        padding-bottom: 8px
    }

    .fight-cont2 .left .txt {
        font-size: 12px;
        margin-right: 20px
    }

    .fight-cont2 .left .txt span {
        font-size: 18px
    }

    .fight-cont2 .right {
        min-width: 260px
    }

    .fight-cont2 .right .fight-loged {
        padding-right: 30px
    }

    .fight-cont2 .right::before {
        height: 40px
    }

    .fight-cont2 .right .txt {
        font-size: 13px
    }

    .fight-cont2 .right .fight-btn {
        height: 32px;
        line-height: 32px
    }

    .fight-cont3 .top {
        height: 160px
    }

    .fight-cont3 .top .tip i {
        font-size: 18px
    }

    .fight-cont3 .cont {
        height: 210px;
        padding: 40px 16px 16px
    }

    .fight-cont3 .cont .tip {
        min-width: 140px;
        height: 32px;
        line-height: 32px;
        border-radius: 0 0 12px;
        font-size: 12px
    }

    .fight-cont3 .cont .tit {
        font-size: 26px
    }

    .fight-cont3 .cont .sub-tit {
        font-size: 12px
    }

    .fight-cont3 .cont .txt2 {
        font-size: 14px
    }

    .fight-cont3 .cont .txt3 {
        font-size: 26px
    }

    .fight-tab-nav .tab-nav {
        height: 48px;
        font-size: 18px
    }

    .fight-tab-panel .tab-panel {
        min-height: 380px
    }
}

@media (max-width: 1100px) {
    .fight-wrapper {
        width: 920px
    }

    .fight-icon {
        width: 26px;
        height: 26px
    }

    .fight-icon.ficon-1 {
        background-position: left 0
    }

    .fight-icon.ficon-2 {
        background-position: left -26px
    }

    .fight-icon.ficon-3 {
        background-position: left -52px
    }
}

@media (max-width: 1023px) {
    .fight-wrapper {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }
}

.realname-flexs {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.realname-icon {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url(../images/realname.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left 0
}

.realname-icon.realname-1 {
    background-position: left 0
}

.realname-icon.realname-2 {
    background-position: left -35px
}

.realname-icon.realname-3 {
    background-position: left -70px
}

.realname-icon.realname-4 {
    background-position: left -105px
}

.realname-icon.realname-5 {
    background-position: left -140px
}

.realname-wrapper {
    border: solid 1px #e8e8e8;
    background-color: #fff
}

.realname-wrapper .celebrity-page .formbox {
    padding: 30px 100px 0 0;
    border: 0
}

.realname-wrapper .celebrity-page .formbox .realname-btn {
    width: 180px;
    line-height: 50px;
    background-color: #424578
}

.realname-wrapper .celebrity-page .formbox .realname-btn:hover {
    background-color: #6d6b9b
}

.realname-box .realname-tit {
    display: flex
}

.realname-box .realname-tit .text {
    flex: 1
}

.realname-box .realname-icon1 {
    display: flex;
    justify-content: center;
    width: 35px;
    padding-top: 10px;
    margin-right: 20px
}

.realname-box .realname-icon1 .iconfont {
    font-size: 24px;
    vertical-align: middle;
    color: #ffcb30
}

.realname-box .realname-icon {
    vertical-align: middle;
    margin-right: 20px
}

.realname-box .realname-1 {
    position: relative;
    left: 5px
}

.realname-box .tit {
    line-height: 35px;
    font-size: 24px;
    font-weight: 700
}

.realname-box1 {
    color: #333;
    padding: 66px 58px
}

.realname-box1 .realname-tit:first-child {
    position: relative;
    padding-bottom: 85px
}

.realname-box1 .realname-tit:first-child::after {
    position: absolute;
    content: '';
    top: 55px;
    left: 16px;
    width: 3px;
    height: 40px;
    background-color: #e8e8e8
}

.realname-box1 .txt {
    font-size: 16px;
    padding: 20px 0 12px
}

.realname-box1 .txt2 {
    font-size: 14px;
    line-height: 1.7;
    color: #999
}

.realname-box1 .txt2 a {
    color: #686cb0;
    transition: .3s ease-in-out
}

.realname-box1 .txt2 a:hover {
    color: #ff7879
}

.realname-box2 {
    padding: 12px 30px 45px
}

.realname-box2 .tit {
    font-size: 18px;
    padding-bottom: 20px
}

.realname-table {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #e2e2e2;
    font-size: 14px;
    color: #999
}

.realname-table .item {
    display: flex;
    min-height: 50px;
    width: 25%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 6px 0 8px
}

.realname-table .item .txt {
    position: relative;
    top: -1px;
    width: 100%;
    text-align: center;
    color: #333
}

.realname-table .item:nth-child(4n) {
    border-right: 0
}

.realname-table .item:nth-last-child(-n+4) {
    border-bottom: 0
}

.realname-flexc {
    display: flex;
    justify-content: center;
    align-items: center
}

#abroadpassport .realname-flexc .realname-btn {
    margin: 0 35px
}

.realname-state {
    text-align: center;
    padding: 40px 25px
}

.realname-state.rs-success .iconfont, .realname-state.rs-success2 .iconfont {
    color: #77cb79
}

.realname-state.rs-success .rs-icon, .realname-state.rs-success2 .rs-icon {
    box-shadow: 0 8px 20px rgba(119, 203, 121, .2)
}

.realname-state.rs-success .rs-txt, .realname-state.rs-success2 .rs-txt {
    color: #707070
}

.realname-state.rs-success2 {
    min-height: 500px
}

.realname-state.rs-success2 .realname-btn {
    width: 180px;
    line-height: 50px;
    background-color: #424578
}

.realname-state.rs-success2 .realname-btn:hover {
    background-color: #6d6b9b
}

.realname-state.rs-failed .iconfont {
    color: #ff7879
}

.realname-state.rs-failed .rs-icon {
    box-shadow: 0 8px 20px rgba(255, 120, 121, .15)
}

.realname-state.rs-failed .rs-txt {
    color: #ff7879
}

.realname-state.rs-verify .rs-icon {
    box-shadow: 0 8px 20px rgba(240, 203, 109, .15)
}

.realname-state.rs-verify .rs-txt {
    color: #707070
}

.realname-state .iconfont, .realname-state .img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.realname-state .img {
    width: 86px
}

.realname-state .iconfont {
    font-size: 86px
}

.realname-state .rs-icon {
    position: relative;
    display: inline-block;
    width: 112px;
    height: 112px;
    border-radius: 50%;
    padding: 11px
}

.realname-state .rs-tit {
    font-size: 22px;
    font-weight: 800;
    padding-top: 20px;
    padding-bottom: 16px
}

.realname-state .rs-txt {
    max-width: 63%;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto
}

.realname-state .realname-flexc {
    padding-top: 20px
}

.realname-state .realname-btn {
    width: 180px;
    height: 50px
}

@media (max-width: 1680px) {
    .realname-wrapper .celebrity-page .formbox {
        padding: 20px 80px 0 0
    }

    .realname-wrapper .celebrity-page .formbox .realname-btn {
        width: 160px;
        line-height: 46px
    }

    .realname-icon {
        width: 30px;
        height: 30px
    }

    .realname-icon.realname-1 {
        background-position: left 0
    }

    .realname-icon.realname-2 {
        background-position: left -30px
    }

    .realname-icon.realname-3 {
        background-position: left -60px
    }

    .realname-icon.realname-4 {
        background-position: left -90px
    }

    .realname-icon.realname-5 {
        background-position: left -120px
    }

    .realname-box .realname-icon, .realname-box .realname-icon1 {
        margin-right: 16px
    }

    .realname-box .realname-icon1 {
        width: 30px;
        padding-top: 8px
    }

    .realname-box .realname-icon1 .iconfont {
        font-size: 20px
    }

    .realname-box .realname-1 {
        left: 4px
    }

    .realname-box .tit {
        line-height: 30px;
        font-size: 20px
    }

    .realname-box1 {
        padding: 45px
    }

    .realname-box1 .realname-tit:first-child {
        padding-bottom: 70px
    }

    .realname-box1 .realname-tit:first-child::after {
        top: 50px;
        left: 14px;
        width: 2px;
        height: 30px
    }

    .realname-box1 .txt {
        font-size: 15px;
        padding: 15px 0 10px
    }

    .realname-box1 .txt2 {
        font-size: 13px
    }

    .realname-box2 {
        padding: 10px 24px 40px
    }

    .realname-box2 .tit {
        font-size: 16px;
        padding-bottom: 16px
    }

    .realname-table .item {
        min-height: 40px;
        padding: 4px 0
    }

    .realname-state {
        padding: 32px 20px
    }

    .realname-state.rs-success2 {
        min-height: 420px
    }

    .realname-state.rs-success2 .realname-btn {
        width: 160px;
        line-height: 46px
    }

    .realname-state .img {
        width: 76px
    }

    .realname-state .iconfont {
        font-size: 76px
    }

    .realname-state .rs-icon {
        width: 102px;
        height: 102px
    }

    .realname-state .rs-tit {
        font-size: 20px;
        padding-top: 18px;
        padding-bottom: 12px
    }

    .realname-state .rs-txt {
        max-width: 70%;
        font-size: 13px
    }

    .realname-state .realname-flexc {
        padding-top: 18px
    }

    .realname-state .realname-btn {
        width: 160px;
        height: 46px
    }
}

@media (max-width: 1480px) {
    .realname-wrapper .celebrity-page .formbox .realname-btn {
        width: 150px;
        line-height: 42px
    }

    .realname-box .realname-1 {
        left: 3px
    }

    .realname-box .tit {
        font-size: 18px
    }

    .realname-box1 {
        padding: 38px
    }

    .realname-box1 .realname-tit:first-child {
        padding-bottom: 55px
    }

    .realname-box1 .realname-tit:first-child::after {
        top: 40px;
        left: 11px;
        height: 25px
    }

    .realname-box1 .txt {
        font-size: 14px;
        padding: 12px 0 8px
    }

    .realname-box1 .txt2 {
        font-size: 12px
    }

    .realname-box2 {
        padding: 10px 20px 30px
    }

    .realname-box2 .tit {
        padding-bottom: 14px
    }

    .realname-table {
        font-size: 12px
    }

    .realname-table .item {
        min-height: 35px;
        padding: 4px 0
    }

    .realname-state.rs-success2 {
        min-height: 380px
    }

    .realname-state.rs-success2 .realname-btn {
        width: 150px;
        line-height: 42px
    }

    .realname-state .img {
        width: 66px
    }

    .realname-state .iconfont {
        font-size: 66px
    }

    .realname-state .rs-icon {
        width: 90px;
        height: 90px
    }

    .realname-state .rs-tit {
        font-size: 18px;
        padding-top: 16px;
        padding-bottom: 10px
    }

    .realname-state .rs-txt {
        font-size: 12px
    }

    .realname-state .realname-flexc {
        padding-top: 16px
    }

    .realname-state .realname-btn {
        width: 150px;
        height: 42px
    }
}

.realname-box3 {
    padding: 43px 30px 45px
}

.realname-box3 .realname-tit {
    padding-bottom: 45px
}

.realname-step-nav {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.realname-step-nav.step1 .item:first-child, .realname-step-nav.step2 .item:first-child, .realname-step-nav.step3 .item:first-child {
    background-color: #ffad0e
}

.realname-step-nav.step1 .item:first-child::after, .realname-step-nav.step2 .item:first-child::after, .realname-step-nav.step3 .item:first-child::after {
    border-left-color: #ffad0e
}

.realname-step-nav.step2 .item:nth-child(2), .realname-step-nav.step3 .item:nth-child(2) {
    background-color: #ff9c0e
}

.realname-step-nav.step2 .item:nth-child(2)::after, .realname-step-nav.step3 .item:nth-child(2)::after {
    border-left-color: #ff9c0e
}

.realname-step-nav.step3 .item:last-child {
    background-color: #ff8b0e
}

.realname-step-nav .item {
    display: flex;
    width: 32%;
    position: relative;
    align-items: center;
    font-family: PingFangSC-Semibold, Helvetica, PingFangSC-Regular, "Microsoft Yahei", arial, sans-serif;
    height: 40px;
    font-size: 18px;
    color: #fff;
    background-color: #d4d4d4
}

.realname-step-nav .item:first-child {
    border-radius: 4px 0 0 4px;
    padding-left: 20px
}

.realname-step-nav .item:last-child {
    border-radius: 0 4px 4px 0
}

.realname-step-nav .item:first-child::after, .realname-step-nav .item:nth-child(2)::after {
    position: absolute;
    z-index: 3;
    top: 0;
    right: -22px;
    content: '';
    border-left: 22px solid #d4d4d4;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent
}

.realname-step-nav .item:nth-child(2), .realname-step-nav .item:nth-child(3) {
    padding-left: 46px
}

.realname-step-nav .item:nth-child(2)::before, .realname-step-nav .item:nth-child(3)::before {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    content: '';
    border-left: 22px solid #fff;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent
}

.realname-step-nav .item span {
    font-size: 24px;
    font-weight: 700;
    padding-right: 20px
}

.enstyle .realname-step-nav .item {
    font-family: Helvetica, arial, PingFangSC-Regular, "Microsoft Yahei", sans-serif
}

.realname-user {
    display: flex;
    justify-content: space-between
}

.realname-user .item {
    display: flex;
    width: 49.4%;
    min-height: 280px;
    flex-wrap: wrap;
    align-content: space-between;
    border: 1px solid #e8e8e8;
    padding: 35px 30px
}

.realname-user .text {
    width: 100%;
    margin-bottom: 20px
}

.realname-user .tit2 {
    font-size: 30px;
    font-weight: 900;
    padding-bottom: 30px
}

.realname-user .txt1 {
    font-size: 14px;
    color: #999;
    padding-bottom: 8px
}

.realname-user .txt2 {
    font-size: 16px;
    line-height: 20px
}

.realname-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    line-height: 46px;
    border-radius: 100px;
    font-size: 18px;
    color: #fff;
    transition: .3s ease-out;
    background-color: #7a7ca0;
    cursor: pointer
}

.realname-btn:hover {
    background-color: #6d6b9b
}

.realname-from {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px
}

.realname-from .realname-btn {
    width: 180px;
    line-height: 50px;
    margin: 22px auto;
    background-color: #424578
}

.realname-from .realname-btn:hover {
    background-color: #6d6b9b
}

.abroadarea-msg {
    margin-top: 50px;
    color: #999999;
    font-size: 12px;
    display: flex;
    flex-direction: column;
}

.rf-list {
    position: relative;
    margin-bottom: 18px
}

.rf-list .rf-txt {
    position: absolute;
    width: 150px;
    text-align: right;
    font-size: 14px;
    left: -160px;
    top: 50%;
    transform: translateY(-50%)
}

.realname-input, .select-wrap {
    width: 100%;
    height: 50px;
    font-size: 14px;
    color: #333;
    border: 1px solid #e8e8e8;
    font-weight: 700;
    padding-left: 12px
}

.realname-input::-webkit-input-placeholder, .select-wrap::-webkit-input-placeholder {
    color: #999;
    font-weight: 400
}

.realname-input:-moz-placeholder, .select-wrap:-moz-placeholder {
    color: #999;
    font-weight: 400
}

.realname-input::-moz-placeholder, .select-wrap::-moz-placeholder {
    color: #999;
    font-weight: 400
}

.realname-input:-ms-input-placeholder, .select-wrap:-ms-input-placeholder {
    color: #999;
    font-weight: 400
}

.realname-input.active, .realname-input:focus, .select-wrap.active, .select-wrap:focus {
    border-color: #bdbdbd
}

.select-wrap {
    background: url(../images/select_icon.png) no-repeat right 13px center;
    background-size: contain;
    border: 0;
    padding-left: 0 !important
}

.select-wrap select {
    width: 100%;
    height: 100%;
    border: 1px solid #e8e8e8;
    font-size: 14px;
    background: 0 0;
    padding-left: 12px
}

.select-wrap select:focus {
    border-color: #bdbdbd
}

.realname-check {
    max-width: 600px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px
}

.realname-check .tit3 {
    font-size: 24px;
    padding-top: 50px;
    padding-bottom: 30px
}

.realname-check .realname-vcode {
    position: relative;
    width: 200px;
    height: 200px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    padding: 25px;
    margin: 0 auto
}

.realname-check .realname-vcode.expire .realname-expire {
    display: flex
}

.realname-check .realname-vcode img {
    width: 100%;
    height: 100%
}

.realname-check .realname-expire {
    position: absolute;
    z-index: 3;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .9)
}

.realname-check .realname-expire .iconfont {
    color: #ffad0e;
    font-size: 31px;
    margin-right: 0
}

.realname-check .realname-expire .re-txt {
    font-size: 16px;
    font-weight: 700;
    padding: 12px 0
}

.realname-check .txt1 {
    font-size: 16px;
    font-weight: 500;
    padding-top: 16px;
    padding-bottom: 8px
}

.realname-check .txt2 {
    font-size: 18px;
    color: #ff7879;
    font-weight: 700;
    padding-top: 16px;
    padding-bottom: 8px
}

.realname-check .txt3 {
    font-size: 14px;
    line-height: 18px;
    color: #ff7879;
    padding-bottom: 6px
}

.realname-check .refresh-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 77px;
    height: 28px;
    border-radius: 30px;
    font-size: 12px;
    color: #fff;
    background-color: #565a88;
    cursor: pointer;
    padding: 0 8px;
    transition: .3s ease-out
}

.realname-check .refresh-btn:hover {
    background-color: #6d6b9b
}

@media (max-width: 1680px) {
    .realname-box3 {
        padding: 38px 24px 40px
    }

    .realname-box3 .realname-tit {
        padding-bottom: 36px
    }

    .realname-step-nav .item {
        height: 38px;
        font-size: 16px
    }

    .realname-step-nav .item:first-child {
        padding-left: 18px
    }

    .realname-step-nav .item:first-child::after, .realname-step-nav .item:nth-child(2)::after {
        right: -20px;
        border-left: 20px solid #d4d4d4;
        border-top: 19px solid transparent;
        border-bottom: 19px solid transparent
    }

    .realname-step-nav .item:nth-child(2), .realname-step-nav .item:nth-child(3) {
        padding-left: 42px
    }

    .realname-step-nav .item:nth-child(2)::before, .realname-step-nav .item:nth-child(3)::before {
        border-left: 20px solid #fff;
        border-top: 19px solid transparent;
        border-bottom: 19px solid transparent
    }

    .realname-step-nav .item span {
        font-size: 22px;
        padding-right: 16px
    }

    .realname-user {
        grid-column-gap: 10px
    }

    .realname-user .item {
        min-height: 250px;
        padding: 25px 25px 30px
    }

    .realname-user .tit2 {
        font-size: 26px;
        padding-bottom: 25px
    }

    .realname-user .txt1 {
        font-size: 13px;
        padding-bottom: 6px
    }

    .realname-user .txt2 {
        font-size: 15px;
        line-height: 18px
    }

    .realname-btn {
        width: 140px;
        line-height: 42px;
        font-size: 16px
    }

    .rf-list {
        margin-bottom: 15px
    }

    .rf-list .rf-txt {
        font-size: 13px
    }

    .realname-from {
        max-width: 420px;
        padding-top: 50px
    }

    .realname-from .realname-btn {
        width: 160px;
        line-height: 46px;
        margin: 18px auto
    }

    .realname-input, .select-wrap {
        height: 46px;
        font-size: 13px
    }

    .select-wrap select {
        font-size: 13px
    }

    .realname-check .tit3 {
        font-size: 22px;
        padding-top: 45px;
        padding-bottom: 25px
    }

    .realname-check .realname-expire .iconfont {
        font-size: 26px
    }

    .realname-check .realname-expire .re-txt {
        font-size: 15px
    }

    .realname-check .realname-vcode {
        width: 180px;
        height: 180px;
        padding: 20px
    }

    .realname-check .txt1 {
        font-size: 15px
    }

    .realname-check .txt2 {
        font-size: 16px
    }

    .realname-check .txt3 {
        font-size: 13px;
        line-height: 16px;
        padding-bottom: 5px
    }
}

@media (max-width: 1480px) {
    .realname-box3 {
        padding: 30px 20px 40px
    }

    .realname-box3 .realname-tit {
        padding-bottom: 28px
    }

    .realname-step-nav {
        margin-bottom: 18px
    }

    .realname-step-nav .item {
        width: 31.6%;
        height: 36px;
        font-size: 14px
    }

    .realname-step-nav .item:first-child {
        border-radius: 3px 0 0 3px;
        padding-left: 15px
    }

    .realname-step-nav .item:last-child {
        border-radius: 0 3px 3px 0
    }

    .realname-step-nav .item:first-child::after, .realname-step-nav .item:nth-child(2)::after {
        right: -18px;
        border-left: 18px solid #d4d4d4;
        border-top: 18px solid transparent;
        border-bottom: 18px solid transparent
    }

    .realname-step-nav .item:nth-child(2), .realname-step-nav .item:nth-child(3) {
        padding-left: 42px
    }

    .realname-step-nav .item:nth-child(2)::before, .realname-step-nav .item:nth-child(3)::before {
        border-left: 18px solid #fff;
        border-top: 18px solid transparent;
        border-bottom: 18px solid transparent
    }

    .realname-step-nav .item span {
        font-size: 20px;
        padding-right: 14px
    }

    .realname-user .item {
        min-height: 230px;
        padding: 25px 22px
    }

    .realname-user .tit2 {
        font-size: 24px;
        padding-bottom: 20px
    }

    .realname-user .txt1 {
        font-size: 12px;
        padding-bottom: 5px
    }

    .realname-user .txt2 {
        font-size: 14px;
        line-height: 16px
    }

    .realname-btn {
        width: 130px;
        line-height: 38px;
        font-size: 14px
    }

    .rf-list {
        margin-bottom: 12px
    }

    .rf-list .rf-txt {
        font-size: 12px
    }

    .realname-from {
        max-width: 380px;
        padding-top: 40px
    }

    .realname-from .realname-btn {
        width: 140px;
        line-height: 40px;
        margin: 15px auto
    }

    .realname-input, .select-wrap {
        height: 40px;
        font-size: 12px;
        padding-left: 10px
    }

    .select-wrap select {
        font-size: 12px;
        padding-left: 10px
    }

    .realname-check .tit3 {
        font-size: 20px;
        padding-top: 26px;
        padding-bottom: 18px
    }

    .realname-check .realname-expire .iconfont {
        font-size: 22px
    }

    .realname-check .realname-expire .re-txt {
        font-size: 14px
    }

    .realname-check .realname-expire .refresh-btn {
        min-width: 66px;
        height: 24px
    }

    .realname-check .realname-vcode {
        width: 160px;
        height: 160px;
        padding: 15px
    }

    .realname-check .txt1 {
        font-size: 14px;
        padding-bottom: 6px
    }

    .realname-check .txt2 {
        font-size: 14px
    }

    .realname-check .txt3 {
        font-size: 12px;
        line-height: 14px;
        padding-bottom: 3px
    }
}

.novice-page {
    margin-top: -60px
}

.novice-flexa {
    display: flex;
    align-items: center
}

.novice-flexar {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.novice-flexc, .nv-more-btn {
    display: flex;
    align-items: center;
    justify-content: center
}

.novice-wrap {
    width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.novice-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    min-width: 136px;
    height: 46px;
    font-size: 14px;
    color: #fff;
    background-color: #434179;
    transition: .3s ease-in-out;
    padding: 0 16px;
    cursor: pointer
}

.novice-btn.active:hover {
    background-color: #434179
}

.novice-btn.active:hover .icon::before {
    border-left-color: #434179
}

.novice-btn.alipayBtn {
    background-color: #1b9af3
}

.novice-btn.alipayBtn .icon::before {
    border-left-color: #1b9af3
}

.novice-btn.active, .novice-btn:hover {
    background-color: #211b41
}

.novice-btn.active .icon::before, .novice-btn:hover .icon::before {
    border-left-color: #211b41
}

.novice-btn .icon {
    position: relative;
    width: 21px;
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 8px;
    padding-left: 2px
}

.novice-btn .icon::before {
    position: absolute;
    content: '';
    border-left: 9px solid #434179;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    transition: .3s ease-in-out
}

.novice-hd {
    min-height: 514px;
    width: 100%;
    display: flex;
    align-items: stretch;
    color: #fff;
    background: url(../images/novice/novice-header.jpg) no-repeat center;
    background-size: cover;
    padding-bottom: 20px;
    padding-top: 60px
}

.novice-hd .novice-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.novice-hd .novice-title {
    font-size: 49px;
    letter-spacing: 3px;
    font-weight: 800
}

.novice-hd .novice-subtitle {
    font-size: 24px;
    letter-spacing: 2px;
    padding-top: 15px;
    padding-bottom: 30px
}

.novice-hd .novice-qrcode img {
    width: 100px;
    height: 100px;
    border-radius: 3px;
    margin-bottom: 12px
}

.novice-hd .novice-qrcode p {
    font-size: 14px
}

.novice-bd {
    color: #333;
    background: #fff url(../images/novice/content.jpg) no-repeat top center;
    background-size: contain;
    text-align: center;
    padding-top: 98px
}

.novice-bd .novice-title {
    font-size: 42px;
    font-weight: 800
}

.novice-bd .novice-txt {
    min-height: 260px;
    font-size: 14px;
    line-height: 1.85;
    color: #666;
    padding-top: 32px
}

.novice-bd .novice-subtitle {
    font-size: 18px;
    font-weight: 800;
    padding-bottom: 30px
}

.novice-bd .novice-group {
    display: flex;
    justify-content: center;
    align-items: center
}

.novice-bd .novice-group .novice-btn {
    margin: 0 7px
}

.novice-bd .novice-tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 40px
}

.novice-bd .novice-tab .item {
    position: relative;
    cursor: pointer;
    padding-bottom: 23px
}

.novice-bd .novice-tab .item.arrow-line:first-child::after {
    left: 80%
}

.novice-bd .novice-tab .item.arrow-line:nth-child(2)::after {
    left: 87%
}

.novice-bd .novice-tab .item:first-child::after {
    left: 96%
}

.novice-bd .novice-tab .item:nth-child(2)::after {
    left: 78%
}

.novice-bd .novice-tab .item:last-child::after {
    display: none
}

.novice-bd .novice-tab .item::after {
    position: absolute;
    top: 28px;
    content: '';
    height: 10px;
    width: 460px;
    background: url(../images/novice/arrow.svg) no-repeat center;
    background-size: contain
}

.novice-bd .novice-tab .item::before {
    position: absolute;
    content: '';
    width: 0;
    height: 4px;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
    background-color: #7576bd;
    transition: .3s ease-in-out
}

.novice-bd .novice-tab .item.active::before {
    width: 75px
}

.novice-bd .novice-tab .item.active .iconfont {
    color: #7576bd
}

.novice-bd .novice-tab .iconfont {
    font-size: 55px;
    color: #e3e4f2;
    transition: .3s ease-in-out;
    margin-right: 0
}

.novice-bd .novice-tab .novice-tit {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    padding-top: 14px;
    padding-bottom: 8px
}

.novice-bd .novice-tab .novice-explain {
    color: #999;
    font-size: 12px
}

.novice-bd2 {
    background-color: #f3f3f9;
    padding-top: 50px;
    padding-bottom: 40px
}

.novice-bd2 .swiper-container {
    display: none
}

.novice-bd2 .swiper-container.active {
    display: block
}

.novice-bd2 .swiper-slide {
    height: 460px;
    display: flex;
    align-items: stretch;
    background-color: #fff
}

.novice-bd2 .novice-img {
    width: 71.5%;
    height: 100%
}

.novice-bd2 .novice-img img {
    height: 100%
}

.novice-bd2 .novice-slide-cont {
    position: relative;
    color: #333;
    width: 28.5%;
    flex-shrink: 0;
    padding: 65px 56px 35px 64px
}

.novice-bd2 .novice-title {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    min-height: 65px;
    font-size: 24px;
    font-weight: 800
}

.novice-bd2 .novice-title span {
    width: 100%;
    font-size: 60%
}

.novice-bd2 .novice-step {
    font-size: 18px;
    font-weight: 800;
    padding-top: 40px;
    padding-bottom: 15px
}

.novice-bd2 .novice-txt {
    min-height: 100px;
    font-size: 14px;
    line-height: 1.7;
    color: #696969
}

.novice-bd2 .novice-button {
    display: flex;
    align-items: center;
    cursor: pointer
}

.novice-bd2 .novice-button-prev {
    margin-right: 16px
}

.novice-bd2 .novice-button-next:hover .iconfont, .novice-bd2 .novice-button-prev:hover .iconfont {
    background-color: #f6f6f6
}

.novice-bd2 .novice-button-next .iconfont, .novice-bd2 .novice-button-prev .iconfont {
    font-size: 34px;
    color: #333;
    border-radius: 50%;
    transition: .3s ease-in-out
}

.novice-bd2 .novice-pagination {
    position: absolute;
    bottom: 35px;
    font-size: 13px;
    text-align: right;
    color: #d6d7e5;
    padding-right: 56px
}

.novice-bd2 .novice-pagination .swiper-pagination-current {
    color: #52498f;
    font-weight: 700
}

.novice-bd2 .swiper-container-horizontal .swiper-scrollbar {
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    background: #b3b3b3
}

.novice-bt {
    display: flex;
    display: none;
    align-items: stretch;
    color: #333;
    background: url(../images/novice/bottom-bg.jpg) no-repeat center;
    background-size: cover
}

.novice-bt .novice-wrap {
    position: relative;
    z-index: 2;
    padding-top: 72px;
    padding-bottom: 50px;
    padding-left: 30px
}

.novice-bt .novice-iphone {
    position: absolute;
    width: 41.5%;
    z-index: -1;
    right: -18px;
    bottom: 0
}

.novice-bt .novice-title {
    font-size: 30px;
    font-weight: 800
}

.novice-bt .novice-txt {
    max-width: 60%;
    font-size: 18px;
    line-height: 1.5;
    padding-top: 8px;
    padding-bottom: 26px
}

.novice-bt .novice-down {
    display: flex;
    align-items: flex-start
}

.novice-bt .novice-qrcode {
    text-align: center;
    margin-right: 22px
}

.novice-bt .novice-qrcode img {
    width: 78px;
    height: 78px;
    border-radius: 3px
}

.novice-bt .novice-qrcode p {
    color: #666;
    font-size: 12px;
    padding-top: 9px
}

.novice-bt .novice-link {
    display: flex;
    align-items: flex-start
}

.novice-bt .novice-btn {
    height: 41px;
    font-size: 13px;
    margin-right: 16px;
    margin-top: 18.5px
}

.novice-bt .novice-btn.novice-ios {
    background-color: #000
}

.novice-bt .novice-btn.novice-ios:hover {
    background-color: #52498f
}

.novice-bt .novice-btn.novice-android {
    background-color: #3aba94
}

.novice-bt .novice-btn.novice-android:hover {
    background-color: #0d9d72
}

.novice-bt .novice-btn.novice-course {
    background-color: #434179
}

.novice-bt .novice-btn.novice-course:hover {
    background-color: #333
}

.novice-bt .novice-btn .iconfont {
    color: #fff;
    margin-right: 12px
}

.novice-bt .novice-btn .icon-IOS {
    font-size: 21px
}

.novice-bt .novice-btn .icon-Android {
    font-size: 18px
}

.novice-overplay {
    position: fixed;
    display: none;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(33, 32, 65, .5);
    cursor: pointer
}

.novice-overplay .novice-mask {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center
}

.novice-overplay .video-js {
    width: 100%;
    height: 100%
}

.novice-overplay .pop {
    background-color: #fff;
    border-radius: 8px
}

.video-mobile-pop .novice-video {
    height: 60%;
    width: 17%
}

.new-novice-play .novice-video, .video-alipay-pop .novice-video, .video-pc-pop .novice-video {
    height: 60%;
    width: 56.5%
}

.novice-toptab {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: stretch;
    justify-content: center;
    height: 76px;
    font-weight: 700;
    font-size: 20px;
    background-color: #fff;
    box-shadow: 0 7px 39px 7px rgba(13, 15, 63, .03)
}

.novice-toptab span {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #b3b3b3;
    transition: .3s ease-in-out;
    margin: 0 150px
}

.novice-toptab span.active {
    color: #333
}

.novice-toptab span.active::before {
    width: 55%
}

.novice-toptab span::before {
    position: absolute;
    content: '';
    width: 0;
    height: 4px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    transition: .3s ease-in-out;
    background-color: #7576bd
}

.novice-topcont {
    display: none
}

.novice-topcont.active {
    display: block
}

.novice-info {
    padding-bottom: 50px
}

.novice-info .novice-wrap {
    margin-top: -50px
}

.novice-receive {
    display: flex;
    align-items: stretch;
    min-height: 334px;
    border-radius: 5px;
    box-shadow: 0 7px 36px 7px rgba(13, 15, 63, .07);
    background-color: #fff;
    margin-bottom: 16px
}

.novice-receive .nr-l {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 387px;
    flex-shrink: 0;
    padding: 45px 80px 45px 45px
}

.novice-receive .nr-r {
    flex: 1;
    background: url(../images/novice/seize-img1.png) no-repeat center;
    background-size: cover;
    border-radius: 0 5px 5px 0
}

.novice-receive .nr-tit {
    font-size: 30px;
    font-weight: 800;
    line-height: 1.6
}

.novice-receive .nr-txt {
    color: #999;
    line-height: 1.3
}

.novice-receive .nr-txt span {
    color: #ffad0e
}

.novice-receive .receive-btn {
    min-width: 165px;
    height: 48px
}

.novice-title2 {
    display: flex;
    align-items: flex-end;
    font-size: 24px;
    font-weight: 800;
    padding-top: 100px;
    padding-bottom: 42px
}

.novice-title2 span {
    font-weight: 400;
    font-size: 14px;
    color: #999;
    padding-left: 14px
}

.novice-bitcoin-info {
    padding-bottom: 90px
}

.novice-bitcoin-wrap {
    display: flex;
    align-items: stretch;
    min-height: 334px;
    border-radius: 5px;
    box-shadow: 0 7px 36px 7px rgba(13, 15, 63, .07);
    background-color: #fff;
    margin-top: 50px
}

.novice-bitcoin-wrap .nbit-l {
    flex: 1;
    background: url(../images/novice/newbitcoin.jpg) no-repeat center;
    background-size: cover;
    border-radius: 5px
}

.novice-bitcoin-wrap .nbit-r {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 387px;
    flex-shrink: 0;
    padding: 45px 80px 45px 45px
}

.novice-bitcoin-wrap .nbit-r .nbit-t {
    font-size: 30px;
    font-weight: 800;
    line-height: 1.6;
    color: #333;
    position: relative
}

.novice-bitcoin-wrap .nbit-r .nbit-t img {
    position: absolute;
    width: 14px;
    height: 14px;
    right: 70px
}

.novice-bitcoin-wrap .nbit-r .nbit-t img:hover + .nbit-tip-wrap {
    display: block
}

.novice-bitcoin-wrap .nbit-r .nbit-t .nbit-tip-wrap {
    display: none;
    background: #fff;
    box-shadow: 0 8px 26px 3px rgba(71, 71, 135, .15);
    position: absolute;
    padding: 16px;
    min-width: 280px;
    border-radius: 5px;
    font-size: 12px;
    top: 72px;
    line-height: 18px
}

.novice-bitcoin-wrap .nbit-r .nbit-t .nbit-tip-wrap span {
    color: #fcab10;
    font-weight: 700
}

.novice-bitcoin-wrap .nbit-r .nbit-t .nbit-tip-wrap .arrow-bit {
    display: block;
    position: absolute;
    top: -18px;
    right: 86px;
    transform: translateX(-50%);
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff;
    font-size: 12px
}

.novice-bitcoin-wrap .nbit-r .nbit-txt {
    font-size: 16px;
    color: #999;
    line-height: 24px
}

.novice-bitcoin-wrap .nbit-r .nbit-txt span {
    color: #ffad0e
}

.novice-videoes {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    height: 272px;
    transition: .3s ease-in-out
}

.novice-videoes::after {
    content: '';
    flex: 0 0 32.3%
}

.novice-videoes.active {
    height: auto
}

.novice-videoes a.list .nv-btn {
    display: none
}

.novice-videoes a.list .video-js {
    pointer-events: none
}

.novice-videoes .list-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/novice/seize-img4.jpg) no-repeat center center;
    background-size: cover;
    transition: .3s linear
}

.novice-videoes .list {
    overflow: hidden;
    position: relative;
    height: 252px;
    flex: 0 0 32.3%;
    cursor: pointer;
    border-radius: 4px;
    margin-bottom: 20px
}

.novice-videoes .list:hover .list-bg {
    transform: scale(1.1)
}

.novice-videoes .video-js {
    width: 100%;
    height: 100%
}

.novice-videoes .video-js .vjs-big-play-button {
    display: none;
    opacity: 0
}

.novice-videoes .nv-tit {
    position: absolute;
    pointer-events: none;
    z-index: 3;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    height: 147px;
    background: linear-gradient(to bottom, rgba(3, 3, 4, 0), #030304);
    transition: .3s ease-in-out;
    padding: 18px 16px 18px 22px
}

.novice-videoes .nv-btn {
    position: relative;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    padding-left: 2px;
    margin-left: 10px
}

.novice-videoes .nv-btn::before {
    position: absolute;
    content: '';
    border-left: 9px solid #030304;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.nv-more-btn {
    font-size: 12px;
    color: #999;
    cursor: pointer;
    margin-top: 8px
}

.nv-more-btn.active .iconfont {
    transform: rotate(180deg)
}

.nv-more-btn.active .up-txt {
    display: block
}

.nv-more-btn.active .down-txt {
    display: none
}

.nv-more-btn .up-txt {
    display: none
}

.nv-more-btn span {
    margin-right: 2px
}

.nv-more-btn .iconfont {
    transition: .3s ease-in-out;
    margin: 0
}

.receive-pop .receive-cont {
    width: 280px;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    background: #fff url(../images/novice/tips-bg.png) no-repeat top -2px center;
    background-size: contain;
    padding: 120px 30px 30px
}

.receive-pop .rc-tit {
    font-size: 24px;
    font-weight: 800
}

.receive-pop .rc-txt {
    font-size: 14px;
    color: #666;
    padding-top: 15px;
    padding-bottom: 20px
}

.receive-pop .rc-btn {
    min-width: 150px;
    height: 42px;
    border-radius: 5px
}

.novice-coins {
    min-height: 160px;
    display: flex;
    align-items: stretch;
    box-shadow: 0 11px 57px 0 rgba(42, 35, 83, .08);
    border-radius: 10px;
    margin-bottom: 107px;
    margin-top: 6px
}

.novice-coins .item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 700;
    transition: .3s linear;
    padding-top: 32px;
    padding-bottom: 32px;
    cursor: pointer
}

.novice-coins .item:hover {
    box-shadow: 0 11px 57px 0 rgba(42, 35, 83, .08)
}

.novice-coins .item img {
    height: 45px
}

.novice-coins .item span {
    padding-top: 8px
}

@media (max-width: 1580px) {
    .novice-wrap {
        width: 1100px
    }

    .novice-btn {
        min-width: 130px;
        height: 44px;
        font-size: 13px;
        padding: 0 15px
    }

    .novice-btn .icon {
        width: 19px;
        height: 19px;
        margin-right: 6px
    }

    .novice-btn .icon::before {
        border-left-width: 8px;
        border-top-width: 4px;
        border-bottom-width: 4px
    }

    .novice-hd {
        min-height: 420px;
        padding-bottom: 15px
    }

    .novice-hd .novice-title {
        font-size: 46px
    }

    .novice-hd .novice-subtitle {
        font-size: 22px;
        padding-top: 12px;
        padding-bottom: 25px
    }

    .novice-hd .novice-qrcode img {
        width: 90px;
        height: 90px;
        margin-bottom: 10px
    }

    .novice-hd .novice-qrcode p {
        font-size: 13px
    }

    .novice-bd {
        padding-top: 85px
    }

    .novice-bd .novice-title {
        font-size: 40px
    }

    .novice-bd .novice-txt {
        min-height: 230px;
        font-size: 13px;
        padding-top: 28px
    }

    .novice-bd .novice-subtitle {
        font-size: 17px;
        padding-bottom: 25px
    }

    .novice-bd .novice-group .novice-btn {
        margin: 0 6px
    }

    .novice-bd .novice-tab {
        padding-top: 38px
    }

    .novice-bd .novice-tab .item {
        padding-bottom: 20px
    }

    .novice-bd .novice-tab .item.arrow-line::after {
        left: 80%
    }

    .novice-bd .novice-tab .item:nth-child(2)::after {
        left: 74%
    }

    .novice-bd .novice-tab .item::after {
        top: 25px;
        width: 420px
    }

    .novice-bd .novice-tab .item::before {
        height: 3px
    }

    .novice-bd .novice-tab .item.active::before {
        width: 70px
    }

    .novice-bd .novice-tab .iconfont {
        font-size: 50px
    }

    .novice-bd .novice-tab .novice-tit {
        font-size: 15px;
        padding-top: 12px;
        padding-bottom: 6px
    }

    .novice-bd2 {
        padding-top: 40px
    }

    .novice-bd2 .swiper-slide {
        height: 430px
    }

    .novice-bd2 .novice-slide-cont {
        padding: 60px 50px 30px 58px
    }

    .novice-bd2 .novice-title {
        min-height: 60px;
        font-size: 22px
    }

    .novice-bd2 .novice-step {
        font-size: 16px;
        padding-top: 35px;
        padding-bottom: 13px
    }

    .novice-bd2 .novice-txt {
        min-height: 90px;
        font-size: 13px
    }

    .novice-bd2 .novice-button-prev {
        margin-right: 13px
    }

    .novice-bd2 .novice-button-next .iconfont, .novice-bd2 .novice-button-prev .iconfont {
        font-size: 31px
    }

    .novice-bd2 .novice-pagination {
        bottom: 30px;
        font-size: 12px;
        padding-right: 50px
    }

    .novice-bt .novice-wrap {
        padding-top: 60px;
        padding-bottom: 40px;
        padding-left: 24px
    }

    .novice-bt .novice-title {
        font-size: 28px
    }

    .novice-bt .novice-txt {
        font-size: 16px;
        padding-bottom: 22px
    }

    .novice-bt .novice-qrcode {
        margin-right: 20px
    }

    .novice-bt .novice-qrcode img {
        width: 72px;
        height: 72px
    }

    .novice-bt .novice-qrcode p {
        padding-top: 7px
    }

    .novice-bt .novice-btn {
        height: 40px;
        margin-right: 14px;
        margin-top: 16px
    }

    .novice-bt .novice-btn .iconfont {
        margin-right: 10px
    }

    .novice-bt .novice-btn .icon-IOS {
        font-size: 20px
    }

    .novice-bt .novice-btn .icon-Android {
        font-size: 17px
    }

    .novice-toptab {
        height: 66px;
        font-size: 18px;
        box-shadow: 0 7px 30px 7px rgba(13, 15, 63, .03)
    }

    .novice-toptab span {
        margin: 0 120px
    }

    .novice-toptab span::before {
        height: 3px
    }

    .novice-info {
        padding-bottom: 80px
    }

    .novice-receive {
        min-height: 310px;
        box-shadow: 0 7px 30px 7px rgba(13, 15, 63, .07);
        margin-bottom: 12px
    }

    .novice-receive .nr-l {
        width: 350px;
        padding: 35px 65px 35px 35px
    }

    .novice-receive .nr-tit {
        font-size: 28px
    }

    .novice-receive .nr-txt {
        font-size: 15px
    }

    .novice-receive .receive-btn {
        min-width: 160px;
        height: 46px
    }

    .novice-bitcoin-wrap .nbit-r {
        width: 350px;
        padding: 35px 65px 35px 35px
    }

    .novice-bitcoin-wrap .nbit-r .nbit-t {
        font-size: 28px
    }

    .novice-bitcoin-wrap .nbit-r .nbit-txt {
        font-size: 15px
    }

    .novice-title2 {
        font-size: 22px;
        padding-top: 80px;
        padding-bottom: 35px
    }

    .novice-title2 span {
        font-size: 13px;
        padding-left: 12px
    }

    .novice-videoes {
        height: 248px
    }

    .novice-videoes .list {
        height: 230px;
        margin-bottom: 18px
    }

    .novice-videoes .nv-tit {
        height: 130px;
        padding: 15px
    }

    .novice-videoes .nv-btn {
        width: 20px;
        height: 20px;
        padding-left: 1px;
        margin-left: 8px
    }

    .novice-videoes .nv-btn::before {
        border-left-width: 7px;
        border-top-width: 4px;
        border-bottom-width: 4px
    }

    .receive-pop .receive-cont {
        min-height: 260px;
        padding: 120px 30px 25px
    }

    .receive-pop .rc-tit {
        font-size: 22px
    }

    .receive-pop .rc-txt {
        font-size: 13px
    }

    .receive-pop .rc-btn {
        min-width: 140px;
        height: 40px
    }

    .novice-coins {
        min-height: 150px;
        margin-bottom: 100px
    }

    .novice-coins .item {
        font-size: 16px;
        padding-top: 28px;
        padding-bottom: 28px
    }

    .novice-coins .item img {
        height: 40px
    }

    .novice-coins .item span {
        padding-top: 6px
    }
}

@media (max-width: 1366px) {
    .novice-wrap {
        width: 1000px
    }

    .novice-btn {
        min-width: 120px;
        height: 42px;
        font-size: 12px;
        padding: 0 12px
    }

    .novice-btn .icon {
        width: 17px;
        height: 17px;
        margin-right: 5px;
        padding-left: 1px
    }

    .novice-btn .icon::before {
        border-left-width: 6px;
        border-top-width: 3px;
        border-bottom-width: 3px
    }

    .novice-hd {
        min-height: 390px;
        padding-bottom: 10px
    }

    .novice-hd .novice-title {
        font-size: 44px
    }

    .novice-hd .novice-subtitle {
        font-size: 20px;
        padding-bottom: 22px
    }

    .novice-hd .novice-qrcode img {
        width: 80px;
        height: 80px
    }

    .novice-bd {
        padding-top: 70px
    }

    .novice-bd .novice-title {
        font-size: 38px
    }

    .novice-bd .novice-txt {
        min-height: 210px;
        padding-top: 24px
    }

    .novice-bd .novice-subtitle {
        font-size: 16px;
        padding-bottom: 22px
    }

    .novice-bd .novice-tab .item::after {
        top: 22px;
        width: 375px
    }

    .novice-bd .novice-tab .item.active::before {
        width: 62px
    }

    .novice-bd .novice-tab .iconfont {
        font-size: 44px
    }

    .novice-bd .novice-tab .novice-tit {
        font-size: 14px;
        padding-top: 10px
    }

    .novice-bd2 .swiper-slide {
        height: 400px
    }

    .novice-bd2 .novice-slide-cont {
        padding: 50px 40px 25px 48px
    }

    .novice-bd2 .novice-title {
        min-height: 50px;
        font-size: 20px
    }

    .novice-bd2 .novice-step {
        font-size: 15px;
        padding-top: 28px
    }

    .novice-bd2 .novice-txt {
        min-height: 90px
    }

    .novice-bd2 .novice-button-prev {
        margin-right: 13px
    }

    .novice-bd2 .novice-button-next .iconfont, .novice-bd2 .novice-button-prev .iconfont {
        font-size: 28px
    }

    .novice-bd2 .novice-pagination {
        bottom: 25px;
        padding-right: 40px
    }

    .novice-bt .novice-wrap {
        padding-top: 55px;
        padding-bottom: 38px;
        padding-left: 18px
    }

    .novice-bt .novice-iphone {
        right: -13px
    }

    .novice-bt .novice-title {
        font-size: 26px
    }

    .novice-bt .novice-txt {
        font-size: 15px
    }

    .novice-bt .novice-qrcode img {
        width: 68px;
        height: 68px
    }

    .novice-bt .novice-btn {
        height: 40px;
        font-size: 12px;
        margin-right: 14px;
        margin-top: 14px
    }

    .novice-bt .novice-btn .iconfont {
        margin-right: 8px
    }

    .novice-bt .novice-btn .icon-IOS {
        font-size: 18px
    }

    .novice-bt .novice-btn .icon-Android {
        font-size: 15px
    }

    .novice-toptab {
        height: 58px;
        font-size: 15px;
        box-shadow: 0 7px 24px 7px rgba(13, 15, 63, .03)
    }

    .novice-toptab span {
        margin: 0 100px
    }

    .novice-toptab span::before {
        height: 2px
    }

    .novice-receive {
        min-height: 280px;
        box-shadow: 0 7px 20px 7px rgba(13, 15, 63, .07);
        margin-bottom: 10px
    }

    .novice-receive .nr-l {
        width: 320px;
        padding: 30px 48px 30px 35px
    }

    .novice-receive .nr-tit {
        font-size: 26px
    }

    .novice-receive .nr-txt {
        font-size: 14px
    }

    .novice-receive .receive-btn {
        min-width: 150px;
        height: 44px
    }

    .novice-bitcoin-wrap {
        min-height: 280px;
        box-shadow: 0 7px 20px 7px rgba(13, 15, 63, .07);
        margin-bottom: 10px
    }

    .novice-bitcoin-wrap .nbit-r {
        width: 320px;
        padding: 30px 48px 30px 35px
    }

    .novice-bitcoin-wrap .nbit-r .nbit-t {
        font-size: 26px
    }

    .novice-bitcoin-wrap .nbit-r .nbit-txt {
        font-size: 14px
    }

    .novice-title2 {
        font-size: 20px;
        padding-top: 70px;
        padding-bottom: 30px
    }

    .novice-title2 span {
        font-size: 12px;
        padding-left: 10px
    }

    .novice-videoes {
        height: 225px
    }

    .novice-videoes .list {
        height: 210px;
        margin-bottom: 15px
    }

    .novice-videoes .nv-tit {
        height: 100px
    }

    .novice-videoes .nv-btn {
        width: 18px;
        height: 18px;
        padding-left: 2px;
        margin-left: 6px
    }

    .novice-videoes .nv-btn::before {
        border-left-width: 6px
    }

    .receive-pop .receive-cont {
        width: 260px;
        min-height: 240px;
        padding: 110px 30px 20px
    }

    .receive-pop .rc-tit {
        font-size: 20px
    }

    .receive-pop .rc-txt {
        font-size: 12px
    }

    .receive-pop .rc-btn {
        min-width: 130px;
        height: 38px
    }

    .novice-coins {
        min-height: 135px;
        margin-bottom: 80px
    }

    .novice-coins .item {
        font-size: 15px;
        padding-top: 25px;
        padding-bottom: 25px
    }

    .novice-coins .item img {
        height: 36px
    }
}

@media (max-width: 1180px) {
    .novice-wrap {
        width: 920px
    }
}

@media (max-width: 767px) {
    .novice-wrap {
        width: 90%
    }

    .novice-btn {
        height: 40px
    }

    .novice-hd {
        min-height: 420px;
        background: url(../images/novice/novice-header-m.jpg) no-repeat center;
        background-size: 100% 100%
    }

    .novice-hd .novice-title {
        font-size: 35px
    }

    .novice-hd .novice-subtitle {
        font-size: 16px
    }

    .novice-hd .novice-qrcode p {
        font-size: 12px
    }

    .novice-bd {
        background-size: auto 55%;
        padding-top: 50px
    }

    .novice-bd .novice-title {
        font-size: 28px
    }

    .novice-bd .novice-txt {
        min-height: 180px;
        font-size: 12px;
        padding-top: 24px
    }

    .novice-bd .novice-txt br {
        display: none
    }

    .novice-bd .novice-subtitle {
        font-size: 15px;
        padding-bottom: 20px
    }

    .novice-bd .novice-tab {
        padding-top: 32px
    }

    .novice-bd .novice-tab .item {
        padding-bottom: 16px
    }

    .novice-bd .novice-tab .item::after {
        display: none
    }

    .novice-bd .novice-tab .item.active::before {
        width: 52px
    }

    .novice-bd .novice-tab .iconfont {
        font-size: 32px
    }

    .novice-bd .novice-tab .novice-tit {
        font-size: 12px;
        padding-top: 8px
    }

    .novice-bd .novice-tab .novice-explain {
        font-size: 10px
    }

    .novice-bd2 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .novice-bd2 .swiper-slide {
        flex-direction: column;
        height: auto
    }

    .novice-bd2 .novice-img {
        width: 100%;
        height: auto
    }

    .novice-bd2 .novice-img img {
        height: auto
    }

    .novice-bd2 .novice-slide-cont {
        width: 100%;
        padding: 25px 25px 40px
    }

    .novice-bd2 .novice-title {
        font-size: 18px
    }

    .novice-bd2 .novice-step {
        font-size: 14px;
        padding-top: 23px
    }

    .novice-bd2 .novice-txt {
        min-height: 80px;
        font-size: 12px
    }

    .novice-bd2 .novice-button-prev {
        margin-right: 15px
    }

    .novice-bd2 .novice-button-next .iconfont, .novice-bd2 .novice-button-prev .iconfont {
        font-size: 25px
    }

    .novice-bd2 .novice-pagination {
        bottom: 20px;
        padding-right: 25px
    }

    .novice-bt .novice-wrap {
        padding: 30px 0
    }

    .novice-bt .novice-iphone {
        display: none;
        right: 50%;
        transform: translate(50%, 0)
    }

    .novice-bt .novice-title {
        font-size: 22px
    }

    .novice-bt .novice-txt {
        max-width: 100%;
        font-size: 14px;
        padding-bottom: 10px
    }

    .novice-bt .novice-down {
        align-items: center
    }

    .novice-bt .novice-qrcode {
        margin-right: 28px;
        padding-top: 12px
    }

    .novice-bt .novice-qrcode img {
        width: 100px;
        height: 100px
    }

    .novice-bt .novice-link {
        flex-direction: column
    }

    .novice-bt .novice-btn {
        height: 38px;
        margin-right: 0;
        margin-top: 8px
    }

    .novice-bt .novice-btn:first-child {
        margin-top: 0
    }

    .video-mobile-pop .novice-video {
        height: 68%;
        width: 68%
    }

    .new-novice-play .novice-video, .video-alipay-pop .novice-video, .video-pc-pop .novice-video {
        height: 200px;
        width: 90%
    }

    .novice-toptab {
        height: 48px;
        justify-content: space-around;
        font-size: 14px;
        padding: 0 30px
    }

    .novice-toptab span {
        margin: 0
    }

    .novice-receive {
        flex-direction: column;
        min-height: 330px
    }

    .novice-receive .nr-l {
        width: 100%;
        padding: 20px 25px 25px
    }

    .novice-receive .nr-r {
        border-radius: 0 0 5px 5px
    }

    .novice-receive .nr-tit {
        font-size: 22px
    }

    .novice-receive .nr-txt {
        font-size: 12px;
        line-height: 1.5;
        padding: 15px 0
    }

    .novice-receive .receive-btn {
        height: 40px
    }

    .novice-bitcoin-wrap {
        flex-direction: column;
        min-height: 150px
    }

    .novice-bitcoin-wrap .nbit-r {
        width: 320px;
        padding: 30px 48px 30px 35px
    }

    .novice-bitcoin-wrap .nbit-r .nbit-t {
        font-size: 22px
    }

    .novice-bitcoin-wrap .nbit-r .nbit-txt {
        font-size: 12px
    }

    .novice-title2 {
        font-size: 18px;
        padding-top: 50px;
        padding-bottom: 20px
    }

    .novice-videoes {
        height: 212px
    }

    .novice-videoes .list {
        flex: 0 0 100%;
        height: 200px;
        margin-bottom: 12px
    }

    .novice-videoes .nv-tit {
        height: 90px
    }

    .nv-more-btn {
        font-size: 10px
    }
}

.flex-center, .novinfo-do .novinfo-dimg, .novinfo-hd .novinfo-right .novinfo-num, .novinfo-why .item {
    display: flex;
    align-items: center;
    justify-content: center
}

.novinfo-title {
    font-size: 30px;
    font-weight: 800;
    line-height: 1;
    color: #333
}

.novice-back {
    position: absolute;
    top: -100px;
    left: 0;
    display: flex;
    align-items: center;
    font-size: 18px;
    cursor: pointer;
    margin-bottom: 60px;
    padding-left: 10px
}

.novice-back:hover .iconfont {
    transform: translateX(-10px)
}

.novice-back .iconfont {
    transition: .3s ease-in-out;
    font-size: 38px;
    margin-right: 11px
}

.novinfo-hd {
    min-height: 600px;
    display: flex;
    align-items: center;
    color: #fff;
    background: url(../images/novice/novinfo-header.jpg) no-repeat center;
    background-size: cover;
    padding-top: 100px
}

.novinfo-hd .novice-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.novinfo-hd .novinfo-left {
    position: relative;
    max-width: 53%
}

.novinfo-hd .novinfo-tit {
    font-size: 72px;
    font-weight: 700;
    letter-spacing: 1px;
    padding-bottom: 50px
}

.novinfo-hd .novinfo-txt {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 1px
}

.novinfo-hd .novinfo-right {
    position: relative;
    z-index: 2;
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    align-items: center;
    width: 33%;
    min-height: 280px;
    background: #fff url(../images/novice/info-bg.png) no-repeat center;
    background-size: cover;
    box-shadow: 0 23px 103px 0 rgba(29, 21, 61, .55);
    border-radius: 13px;
    padding-top: 70px;
    padding-bottom: 40px
}

.novinfo-hd .novinfo-right .coin-img {
    height: 84px;
    position: absolute;
    box-shadow: 0 10px 35px 0 rgba(153, 93, 20, .33);
    border-radius: 50%;
    top: -36px
}

.novinfo-hd .novinfo-right .novinfo-right-tit {
    font-size: 14px;
    color: #666;
    line-height: 1.5
}

.novinfo-hd .novinfo-right .novinfo-price {
    font-size: 43px;
    line-height: 1;
    color: #333;
    font-weight: 800;
    margin-top: 5px;
    margin-bottom: 5px
}

.novinfo-hd .novinfo-right .novinfo-price2 {
    font-size: 18px;
    font-weight: 700;
    color: #666;
    margin-bottom: 24px
}

.novinfo-hd .novinfo-right .icon {
    width: 13px;
    height: 100%;
    background: url(../images/novice/down-icon.svg) no-repeat center;
    background-size: contain;
    margin-left: 8px
}

.novinfo-hd .novinfo-right .novinfo-num {
    height: 42px;
    min-width: 170px;
    border-radius: 5px;
    font-size: 23px;
    font-weight: 800;
    margin-top: 10px;
    padding: 0 20px
}

.novinfo-hd .novinfo-right .novinfo-num.down {
    background-color: #32ad5d
}

.novinfo-hd .novinfo-right .novinfo-num.down .icon {
    background-image: url(../images/novice/down-icon.svg)
}

.novinfo-hd .novinfo-right .novinfo-num.up {
    background-color: #ee5030
}

.novinfo-hd .novinfo-right .novinfo-num.up .icon {
    background-image: url(../images/novice/up-icon.svg)
}

.novinfo-buy {
    background-color: #fff;
    padding-top: 60px;
    padding-bottom: 68px
}

.novinfo-buy .novinfo-btxt {
    color: #666;
    line-height: 1.6;
    margin-top: 30px;
    margin-bottom: 45px
}

.novinfo-buy .novinfo-bprocess {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 170px;
    background: #fff;
    box-shadow: 0 23px 103px 0 rgba(29, 21, 61, .1);
    border-radius: 200px;
    padding: 53px 100px 64px 117px
}

.novinfo-buy .line-img {
    width: 165px
}

.novinfo-buy .novice-btn {
    height: 53px;
    min-width: 165px;
    font-size: 17px;
    box-shadow: 0 8px 10px 10px rgba(230, 230, 240, .4);
    transition: .3s linear
}

.novinfo-buy .novice-btn:hover {
    transform: translateY(-5px)
}

.novinfo-buy .novice-btn img {
    margin-right: 13px
}

.novinfo-buy .buy-btn {
    background-color: #8a80c1
}

.novinfo-buy .fiat-btn {
    background-color: #574d93
}

.novinfo-buy .change-btn {
    background-color: #383067
}

.novinfo-do {
    background-color: #f4f3f9;
    padding-top: 60px;
    padding-bottom: 58px
}

.novinfo-do .novinfo-dlist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 28px
}

.novinfo-do .item {
    position: relative;
    width: 32.66%;
    margin-top: 12px
}

.novinfo-do .item:hover .novinfo-dimg {
    transform: translateY(-10px)
}

.novinfo-do .item-cont {
    padding-top: 100%
}

.novinfo-do .item-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding-top: 65px;
    padding-bottom: 52px
}

.novinfo-do .novinfo-dimg {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    box-shadow: 0 13px 24px 0 rgba(29, 21, 61, .04);
    transition: .3s ease-in-out
}

.novinfo-do .novinfo-dimg img {
    width: 64%
}

.novinfo-do .novinfo-dbox {
    text-align: center;
    max-width: 75%
}

.novinfo-do .novinfo-dtit {
    font-size: 20px;
    font-weight: 800;
    color: #333
}

.novinfo-do .novinfo-dtxt {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    padding-top: 15px
}

.novinfo-do .novinfo-dtit2 {
    font-size: 18px;
    color: #333;
    transition: .3s linear;
    margin-top: 25px
}

.novinfo-do .item-more {
    cursor: pointer
}

.novinfo-do .item-more:hover .iconfont, .novinfo-do .item-more:hover .novinfo-dtit2 {
    color: #9990c7;
    transform: translateY(-10px)
}

.novinfo-do .item-more .iconfont {
    color: #d2d1d8;
    font-size: 50px;
    transition: .3s linear
}

.novinfo-do .item-more .item-text {
    justify-content: center;
    padding-top: 10px
}

.novinfo-why {
    background-color: #fff;
    padding-top: 60px;
    padding-bottom: 62px
}

.novinfo-why .novinfo-wcont {
    display: flex;
    align-items: stretch;
    box-shadow: 0 23px 103px 0 rgba(29, 21, 61, .1);
    margin-top: 52px;
    margin-bottom: 65px
}

.novinfo-why .item {
    position: relative;
    flex: 1;
    min-height: 235px;
    flex-direction: column;
    background-color: #fff;
    transition: .3s ease-in-out
}

.novinfo-why .item:hover {
    z-index: 3;
    transform: translateY(-12px)
}

.novinfo-why .item:nth-child(2)::after, .novinfo-why .item:nth-child(2)::before {
    position: absolute;
    content: '';
    top: 28%;
    width: 1px;
    height: 44%;
    background-color: #e5e5e5
}

.novinfo-why .item:nth-child(2)::after {
    right: 0
}

.novinfo-why .item:nth-child(2)::before {
    left: 0
}

.novinfo-why .novinfo-wtit {
    width: 68%;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 30px
}

.novinfo-why .novinfo-wtxt {
    width: 68%;
    font-size: 14px;
    color: #666;
    line-height: 1.5
}

.novinfo-why .novinfo-rtit {
    font-weight: 700;
    margin-bottom: 12px
}

.novinfo-why .novinfo-rtxt {
    font-size: 14px;
    color: #999;
    line-height: 1.5
}

.course-pop .pop {
    position: relative;
    min-height: 305px;
    max-width: 558px;
    text-align: center;
    padding: 36px
}

.course-pop .icon-close {
    position: absolute;
    color: #b3b3b3;
    font-size: 18px;
    font-weight: 700;
    top: 15px;
    right: 15px;
    cursor: pointer
}

.course-pop .cc-tit {
    font-size: 20px;
    color: #333;
    font-weight: 800
}

.course-pop .cc-txt {
    color: #6c6c76;
    font-size: 14px;
    margin-top: 32px;
    margin-bottom: 50px
}

.course-pop .cc-cont {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 40px
}

.course-pop .cc-cont .item {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center
}

.course-pop .cc-cont .item:hover .item-dropdown {
    z-index: 2;
    opacity: 1
}

.course-pop .cc-cont .item > img {
    width: 68px
}

.course-pop .cc-cont span {
    font-size: 14px;
    color: #999;
    padding-top: 10px;
    padding-bottom: 15px
}

.course-pop .item-dropdown {
    position: absolute;
    opacity: 0;
    width: 117px;
    z-index: -2;
    left: 50%;
    transform: translateX(-50%);
    bottom: 108%;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 1px 8px 35px 0 rgba(42, 35, 83, .26);
    transition: .3s ease-in-out;
    padding: 11px
}

.course-pop .item-dropdown::before {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -6px;
    content: '';
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-radius: 2px
}

.course-pop .item-dropdown p {
    font-size: 14px;
    color: #333;
    margin-bottom: 8px
}

.course-pop .item-dropdown img {
    width: 100%
}

@media (max-width: 1580px) {
    .novinfo-title {
        font-size: 28px
    }

    .novice-back {
        top: -80px;
        font-size: 17px;
        margin-bottom: 50px;
        padding-left: 8px
    }

    .novice-back:hover .iconfont {
        transform: translateX(-8px)
    }

    .novice-back .iconfont {
        font-size: 32px;
        margin-right: 9px
    }

    .novinfo-hd {
        min-height: 560px;
        padding-top: 80px
    }

    .novinfo-hd .novinfo-tit {
        font-size: 65px;
        padding-bottom: 40px
    }

    .novinfo-hd .novinfo-txt {
        font-size: 13px
    }

    .novinfo-hd .novinfo-right {
        min-height: 260px;
        border-radius: 11px;
        padding-top: 75px;
        padding-bottom: 35px
    }

    .novinfo-hd .novinfo-right .coin-img {
        height: 78px;
        top: -34px
    }

    .novinfo-hd .novinfo-right .novinfo-right-tit {
        font-size: 13px
    }

    .novinfo-hd .novinfo-right .novinfo-price {
        font-size: 38px
    }

    .novinfo-hd .novinfo-right .icon {
        width: 12px
    }

    .novinfo-hd .novinfo-right .novinfo-num {
        height: 40px;
        min-width: 165px;
        font-size: 21px
    }

    .novinfo-buy {
        padding-top: 52px;
        padding-bottom: 60px
    }

    .novinfo-buy .novinfo-btxt {
        font-size: 14px;
        margin-top: 26px;
        margin-bottom: 40px
    }

    .novinfo-buy .novinfo-bprocess {
        height: 150px;
        padding: 48px 90px 60px 110px
    }

    .novinfo-buy .line-img {
        width: 150px
    }

    .novinfo-buy .novice-btn {
        height: 50px;
        min-width: 160px;
        font-size: 15px
    }

    .novinfo-buy .novice-btn img {
        width: 21px;
        margin-right: 11px
    }

    .novinfo-do {
        padding-top: 52px;
        padding-bottom: 50px
    }

    .novinfo-do .novinfo-dlist {
        padding-top: 24px
    }

    .novinfo-do .item {
        margin-top: 10px
    }

    .novinfo-do .item:hover .novinfo-dimg {
        transform: translateY(-8px)
    }

    .novinfo-do .item-text {
        padding-top: 58px;
        padding-bottom: 48px
    }

    .novinfo-do .novinfo-dimg {
        width: 116px;
        height: 116px
    }

    .novinfo-do .novinfo-dtit {
        font-size: 18px
    }

    .novinfo-do .novinfo-dtxt {
        font-size: 13px;
        padding-top: 12px
    }

    .novinfo-do .novinfo-dtit2 {
        font-size: 16px;
        margin-top: 20px
    }

    .novinfo-do .item-more:hover .iconfont, .novinfo-do .item-more:hover .novinfo-dtit2 {
        transform: translateY(-8px)
    }

    .novinfo-do .item-more .iconfont {
        font-size: 45px
    }

    .novinfo-why {
        padding-top: 52px;
        padding-bottom: 56px
    }

    .novinfo-why .novinfo-wcont {
        margin-top: 48px;
        margin-bottom: 60px
    }

    .novinfo-why .item {
        min-height: 220px
    }

    .novinfo-why .item:hover {
        transform: translateY(-10px)
    }

    .novinfo-why .novinfo-wtit {
        font-size: 22px;
        margin-bottom: 25px
    }

    .novinfo-why .novinfo-wtxt {
        font-size: 13px
    }

    .novinfo-why .novinfo-rtit {
        font-size: 14px
    }

    .novinfo-why .novinfo-rtxt {
        font-size: 13px
    }

    .course-pop .pop {
        min-height: 280px;
        max-width: 520px;
        padding: 32px
    }

    .course-pop .icon-close {
        font-size: 16px;
        top: 13px;
        right: 13px
    }

    .course-pop .cc-tit {
        font-size: 18px
    }

    .course-pop .cc-txt {
        font-size: 13px;
        margin-top: 28px;
        margin-bottom: 42px
    }

    .course-pop .cc-cont .item > img {
        width: 62px
    }

    .course-pop .cc-cont span {
        font-size: 13px;
        padding-top: 8px;
        padding-bottom: 12px
    }

    .course-pop .item-dropdown {
        width: 102px;
        padding: 9px
    }

    .course-pop .item-dropdown p {
        font-size: 13px;
        margin-bottom: 6px
    }
}

@media (max-width: 1366px) {
    .novinfo-title {
        font-size: 26px
    }

    .novice-back {
        top: -70px;
        font-size: 16px;
        margin-bottom: 35px;
        padding-left: 5px
    }

    .novice-back:hover .iconfont {
        transform: translateX(-5px)
    }

    .novice-back .iconfont {
        font-size: 28px;
        margin-right: 7px
    }

    .novinfo-hd {
        min-height: 520px;
        padding-top: 70px
    }

    .novinfo-hd .novinfo-tit {
        font-size: 60px;
        padding-bottom: 35px
    }

    .novinfo-hd .novinfo-txt {
        font-size: 12px
    }

    .novinfo-hd .novinfo-left {
        max-width: 56%
    }

    .novinfo-hd .novinfo-right {
        min-height: 240px;
        border-radius: 10px;
        padding-top: 68px;
        padding-bottom: 30px
    }

    .novinfo-hd .novinfo-right .coin-img {
        height: 68px;
        top: -30px
    }

    .novinfo-hd .novinfo-right .novinfo-right-tit {
        font-size: 12px
    }

    .novinfo-hd .novinfo-right .novinfo-price {
        font-size: 34px
    }

    .novinfo-hd .novinfo-right .novinfo-num {
        min-width: 158px;
        font-size: 19px
    }

    .novinfo-buy {
        padding-top: 45px;
        padding-bottom: 50px
    }

    .novinfo-buy .novinfo-btxt {
        font-size: 13px;
        margin-top: 22px;
        margin-bottom: 35px
    }

    .novinfo-buy .novinfo-bprocess {
        height: 130px;
        padding: 40px 80px 50px 95px
    }

    .novinfo-buy .line-img {
        width: 130px
    }

    .novinfo-buy .novice-btn {
        height: 48px;
        min-width: 150px;
        font-size: 13px
    }

    .novinfo-buy .novice-btn img {
        width: 18px;
        margin-right: 8px
    }

    .novinfo-do {
        padding-top: 45px;
        padding-bottom: 50px
    }

    .novinfo-do .novinfo-dlist {
        padding-top: 20px
    }

    .novinfo-do .item:hover .novinfo-dimg {
        transform: translateY(-5px)
    }

    .novinfo-do .item-text {
        padding-top: 50px;
        padding-bottom: 40px
    }

    .novinfo-do .novinfo-dimg {
        width: 100px;
        height: 100px
    }

    .novinfo-do .novinfo-dtit {
        font-size: 16px
    }

    .novinfo-do .novinfo-dtxt {
        font-size: 12px
    }

    .novinfo-do .novinfo-dtit2 {
        font-size: 14px;
        margin-top: 18px
    }

    .novinfo-do .item-more:hover .iconfont, .novinfo-do .item-more:hover .novinfo-dtit2 {
        transform: translateY(-5px)
    }

    .novinfo-do .item-more .iconfont {
        font-size: 40px
    }

    .novinfo-why {
        padding-top: 45px;
        padding-bottom: 50px
    }

    .novinfo-why .novinfo-wcont {
        margin-top: 42px;
        margin-bottom: 50px
    }

    .novinfo-why .item {
        min-height: 200px
    }

    .novinfo-why .item:hover {
        transform: translateY(-8px)
    }

    .novinfo-why .novinfo-wtit {
        font-size: 20px;
        margin-bottom: 20px
    }

    .novinfo-why .novinfo-wtxt {
        font-size: 12px
    }

    .novinfo-why .novinfo-rtit {
        font-size: 13px
    }

    .novinfo-why .novinfo-rtxt {
        font-size: 12px
    }

    .course-pop .pop {
        min-height: 260px;
        max-width: 480px;
        padding: 28px
    }

    .course-pop .cc-tit {
        font-size: 16px
    }

    .course-pop .cc-txt {
        font-size: 12px
    }

    .course-pop .cc-cont .item > img {
        width: 56px
    }

    .course-pop .cc-cont span {
        font-size: 12px;
        padding-bottom: 8px
    }

    .course-pop .item-dropdown {
        width: 90px;
        padding: 8px
    }

    .course-pop .item-dropdown p {
        font-size: 12px;
        margin-bottom: 4px
    }
}

.transfer-table {
    min-height: 360px
}

.transfer-table .td:first-child {
    width: 24%;
    padding-left: 30px
}

.transfer-table .td:nth-child(2), .transfer-table .td:nth-child(3) {
    width: 30%
}

.transfer-table .td:nth-child(4) {
    width: 16%
}

.activity-center {
    position: relative;
    margin-top: -60px;
    background: #fbfbfb
}

.activity-center .activity-banner {
    height: 370px;
    background: url(../images/activity/banner_bg.png) no-repeat center;
    background-size: cover
}

.activity-center .activity-top {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -250px
}

.activity-center .activity-top .activity-swiper {
    height: 323px
}

.activity-center .activity-top .activity-swiper .swiper-slide > a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.activity-center .activity-top .activity-swiper .swiper-slide > img {
    border-radius: 10px
}

.activity-center .activity-top .activity-swiper .swiper-slide .swiper-slide-content {
    position: absolute;
    left: 76px;
    top: 50%;
    transform: translate(0, -50%)
}

.activity-center .activity-top .activity-swiper .swiper-slide .swiper-slide-content .small-t {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    max-width: 355px
}

.activity-center .activity-top .activity-swiper .swiper-slide .swiper-slide-content .banner-title {
    font-size: 33px;
    color: #fff;
    line-height: 45px;
    max-width: 355px;
    margin: 8px 0 25px 0
}

.activity-center .activity-top .activity-swiper .swiper-slide .swiper-slide-content .view-more {
    display: inline-block;
    min-width: 104px;
    padding: 0 10px;
    height: 45px;
    background: #5144b2;
    border-radius: 4px;
    line-height: 45px;
    color: #fff;
    font-size: 14px;
    text-align: center
}

.activity-center .activity-top .activity-swiper .swiper-pagination {
    left: 22px;
    bottom: 16px;
    text-align: left
}

.activity-center .activity-top .activity-swiper .swiper-pagination .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    background: rgba(255, 255, 255, .3);
    opacity: 1;
    border-radius: 50%;
    margin: 0 4px
}

.activity-center .activity-top .activity-swiper .swiper-pagination .swiper-pagination-bullet-active {
    width: 35px;
    height: 7px;
    background: rgba(255, 255, 255, .8);
    border-radius: 10px
}

.activity-center .activity-top .activity-list {
    display: flex;
    flex-direction: column;
    margin-top: 30px
}

.activity-center .activity-top .activity-list .activity-tab {
    position: relative;
    align-self: flex-start;
    z-index: 3;
    display: flex;
    height: 59px;
    background: #fff;
    border: 1px solid #f8f7fc;
    box-shadow: -9px 8px 13px 0 rgba(102, 96, 154, .06);
    border-radius: 3px;
    align-items: center;
    justify-content: space-between;
    padding: 5px 7px
}

.activity-center .activity-top .activity-list .activity-tab .line-bg {
    position: absolute;
    content: '';
    top: 5px;
    left: 7px;
    bottom: 5px;
    z-index: -1;
    min-width: 137px;
    transition: .3s ease-in-out;
    border-radius: 3px;
    background-color: #4a4382
}

.activity-center .activity-top .activity-list .activity-tab .line-bg.last {
    transform: translateX(161px)
}

.activity-center .activity-top .activity-list .activity-tab span {
    display: inline-block;
    min-width: 137px;
    height: 49px;
    border-radius: 3px;
    padding: 0 10px;
    text-align: center;
    line-height: 49px;
    color: #0c0a1d;
    font-size: 16px;
    transition: .3s ease-in-out;
    cursor: pointer
}

.activity-center .activity-top .activity-list .activity-tab span:first-child {
    margin-right: 24px
}

.activity-center .activity-top .activity-list .activity-tab span.active {
    color: #fff
}

.activity-center .activity-top .activity-list .activity-box {
    width: 100%;
    margin-top: 30px;
    padding-bottom: 112px
}

.activity-center .activity-top .activity-list .activity-box .activity-content {
    display: none
}

.activity-center .activity-top .activity-list .activity-box .activity-content.active {
    display: block
}

.activity-center .activity-top .activity-list .activity-box .activity-content .activity-item {
    float: left;
    width: 31.9%;
    min-height: 242px;
    background: #fff;
    border: 1px solid #f8f7fc;
    box-shadow: 1px 9px 29px 0 rgba(102, 96, 154, .06);
    border-radius: 6px 6px 6px 6px;
    padding: 9px;
    margin-bottom: 18px;
    margin-right: 21px
}

.activity-center .activity-top .activity-list .activity-box .activity-content .activity-item:hover .item-img > a img {
    transform: scale(1.1)
}

.activity-center .activity-top .activity-list .activity-box .activity-content .activity-item:nth-child(3n) {
    margin-right: 0
}

.activity-center .activity-top .activity-list .activity-box .activity-content .activity-item .item-img {
    position: relative
}

.activity-center .activity-top .activity-list .activity-box .activity-content .activity-item .item-img > a {
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.activity-center .activity-top .activity-list .activity-box .activity-content .activity-item .item-img > a img {
    transition: .3s ease-in-out;
    border-radius: 4px
}

.activity-center .activity-top .activity-list .activity-box .activity-content .activity-item .item-img .rate-box {
    padding-right: 17px;
    width: 100%;
    height: 33px;
    background: rgba(0, 0, 0, .3);
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.activity-center .activity-top .activity-list .activity-box .activity-content .activity-item .item-img .item-rate {
    min-width: 64px;
    padding: 0 10px;
    height: 21px;
    background: #e24a2b;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    line-height: 21px;
    text-align: center;
    margin-left: 12px
}

.activity-center .activity-top .activity-list .activity-box .activity-content .activity-item .item-img .item-rate.down {
    background: #279e51
}

.activity-center .activity-top .activity-list .activity-box .activity-content .activity-item .item-img .end {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    padding: 0 8px;
    min-width: 57px;
    height: 24px;
    background: #c4c4c4;
    border-radius: 3px 0 4px 0;
    text-align: center;
    line-height: 24px
}

.activity-center .activity-top .activity-list .activity-box .activity-content .activity-item .a-item-t {
    font-size: 16px;
    color: #0c0a1d;
    margin-top: 19px;
    width: 100%;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis
}

.activity-center .activity-top .activity-list .activity-box .activity-content .activity-item .tip-time {
    margin-top: 6px;
    margin-bottom: 15px;
    font-size: 12px;
    color: #8f8f8f
}

.activity-center .activity-top .activity-list .activity-box .activity-content .activity-item .activity-btn {
    width: 100%;
    display: flex;
    justify-content: space-around
}

.activity-center .activity-top .activity-list .activity-box .activity-content .activity-item .activity-btn a {
    display: inline-block;
    width: 130px;
    height: 33px;
    border: 1px solid #f0eff3;
    border-radius: 4px;
    text-align: center;
    line-height: 31px;
    color: #43434a;
    font-size: 12px;
    transition: .3s ease-in-out
}

.activity-center .activity-top .activity-list .activity-box .activity-content .activity-item .activity-btn a.active, .activity-center .activity-top .activity-list .activity-box .activity-content .activity-item .activity-btn a:hover {
    background: #4a4382;
    color: #fff
}

.activity-mask {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .36);
    display: none;
    z-index: 1000
}

.activity-mask.active {
    display: block
}

.activity-mask .mask-content {
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
    transform: translate(-50%, -50%);
    width: 266px;
    height: 266px;
    background: #fff;
    border-radius: 7px;
    padding: 30px 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.activity-mask .mask-content .amend-mask-close {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0;
    right: -4px;
    z-index: 3;
    background-image: url(../images/activity/close.svg);
    background-size: 100% 100%;
    cursor: pointer;
    -webkit-transform: translate(110%, 0);
    -moz-transform: translate(110%, 0);
    -ms-transform: translate(110%, 0);
    transform: translate(110%, 0);
    -webkit-transition: transform .3s linear;
    -moz-transition: transform .3s linear;
    -ms-transition: transform .3s linear;
    transition: transform .3s linear
}

.activity-mask .mask-content .amend-mask-close:hover {
    -webkit-transform: translate(110%, 0) rotate(180deg);
    -moz-transform: translate(110%, 0) rotate(180deg);
    -ms-transform: translate(110%, 0) rotate(180deg);
    transform: translate(110%, 0) rotate(180deg)
}

.activity-mask .mask-content .t {
    color: #20202e;
    font-size: 14px;
    margin-bottom: 10px
}

.activity-mask .mask-content img {
    max-width: 100%;
    max-height: 100%
}

.pagingbox {
    padding-top: 20px
}

.pagingbox ul {
    display: flex;
    align-content: center;
    justify-content: center
}

.pagingbox > span {
    display: inline-block;
    width: 90px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #fff;
    border-radius: 18px;
    font-size: 14px;
    color: #b0adc2;
    margin-left: 10px;
    cursor: pointer
}

.pagingbox > span:hover {
    background-color: #6f6699;
    color: #fff
}

.pagingbox .pre {
    background-color: #6f6699;
    color: #fff
}

.pagingbox .pre:hover {
    opacity: .9
}

.pagingbox li {
    min-width: 33px;
    height: 33px;
    line-height: 31px;
    padding: 0 10px;
    border-radius: 4px;
    border: solid 1px #ccccde;
    float: left;
    margin-left: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.pagingbox li a {
    font-size: 18px;
    color: #b5b5cf
}

.pagingbox li span {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.pagingbox li span.coinw-otc-ico_leftarrow, .pagingbox li span.coinw-otc-ico_rightarrow {
    width: 16px;
    height: 17px;
    background-image: url(../images/activity/left.svg)
}

.pagingbox li span.coinw-otc-ico_rightarrow {
    background-image: url(../images/activity/right.svg)
}

.pagingbox li span.coinw-otc-more {
    width: 20px;
    height: 20px;
    background-image: url(../images/activity/more.svg)
}

.pagingbox li.active, .pagingbox li:hover {
    border: solid 1px #786db1
}

.pagingbox li.active a, .pagingbox li.active i, .pagingbox li:hover a, .pagingbox li:hover i {
    color: #786db1
}

.pagingbox li.active span.coinw-otc-ico_leftarrow, .pagingbox li:hover span.coinw-otc-ico_leftarrow {
    background-image: url(../images/activity/left-active.svg)
}

.pagingbox li.active span.coinw-otc-ico_rightarrow, .pagingbox li:hover span.coinw-otc-ico_rightarrow {
    background-image: url(../images/activity/right-active.svg)
}

.pagingbox li.active span.coinw-otc-more, .pagingbox li:hover span.coinw-otc-more {
    background-image: url(../images/activity/more-active.svg)
}