@charset "UTF-8";

html {
    min-width: 1200px;
}

body {
    background: #f8f8f8;
}

body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {
    margin: 0px;
}

input, button, ul, ol {
    margin: 0px;
    padding: 0px;
}

body, input, button, form {
    font-size: 14px;
    line-height: 28px;
    font: 14px "microsoft yahei", 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #333333;
}

h1, h2, h3, h4, h5, h6, font {
    font-size: 14px;
    font-weight: normal;
}

ul, ol, li {
    list-style: none;
}

input {
    background: none;
    border: 0 none;
}

img, iframe {
    border: 0px;
}

em, i {
    font-style: normal;
}

button, input, select, textarea {
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.red {
    color: #e74037;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.poa {
    position: absolute;
}

.por {
    position: relative;
}

.hidden {
    display: none;
}

.hide {
    display: none !important;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.icon {
    background: url(../images/icon.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.clear {
    clear: both;
}

a {
    color: #333333;
    text-decoration: none;
}

    a:hover {
        color: #069AF7;
        text-decoration: none;
    }

    a:visited {
        text-decoration: none;
    }

.ease, .ease * {
    transition: all ease 300ms;
}

.noease,
.noease * {
    transition: none;
}

:-moz-placeholder {
    color: #999999;
}

::-moz-placeholder {
    color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999999;
}

.body {
    background: #ffffff;
}

.bg {
    background: #f7f7f7;
}

.gray {
    color: #999999;
}

.bule {
    color: #069AF7;
}

.white {
    background: #ffffff;
}

.grey {
    color: #888888;
}

input[type=button], input[type=submit], input[type=file], button {
    cursor: pointer;
    -webkit-appearance: none;
}
/*清除浮动*/
.clearfix {
    *zoom: 1;
}

    .clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }



.dialog-layout {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
}
/**/
.mt10 {
    margin-top: 10px;
}

.ml5 {
    margin-left: 5px;
}

.mt20 {
    margin-top: 20px !important;
}

.mb10 {
    margin-bottom: 10px;
}

.m10 {
    margin: 10px auto;
}

.left {
    float: left;
}

.rigth {
    float: right;
}

.h100 {
    height: 100px;
}

.bdr {
    border-right: 1px solid #e8e8e8;
}

.h50 {
    height: 50px !important;
}

.ptb20 {
    padding: 20px 0px 20px 0 !important;
}

.w118 {
    width: 118px !important;
}

.fr_control {
    width: 930px;
    background: #ffffff;
    margin-left: 10px;
    padding: 30px;
}

    .fr_control .fr_title {
        border-bottom: 2px solid #eeeeee;
    }

        .fr_control .fr_title span {
            line-height: 38px;
            font-size: 18px;
            padding: 0 5px;
        }
/************头部**************/
.header {
    background: #fff;
}

    .header .headertop {
        height: 30px;
        width: auto;
        border-bottom: 1px solid #e8e8e8;
    }

        .header .headertop .head_login_fl {
            line-height: 30px;
        }

            .header .headertop .head_login_fl li {
                float: left;
                padding-right: 24px;
            }

                .header .headertop .head_login_fl li.h_message {
                    padding-left: 35px;
                    background: url(../images/hmessage.png) no-repeat;
                    background-position-y: center;
                    background-position-x: 15px;
                }

                .header .headertop .head_login_fl li.h_user {
                    background: url(../images/htop_01.png) no-repeat;
                    background-position-y: center;
                    background-position-x: 95px;
                    width: 120px;
                    font-size: 12px;
                    padding: 0;
                    position: relative;
                }

                    .header .headertop .head_login_fl li.h_user .h_username {
                        padding: 0 20px 0 8px;
                        display: block;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }

                    .header .headertop .head_login_fl li.h_user .h_userinfo {
                        position: absolute;
                        top: 25px;
                        z-index: 1;
                        background: #ffffff;
                        border: 1px solid #ddd;
                        padding: 15px;
                        left: -1px;
                        width: 223px;
                        padding-right: 0;
                    }

                        .header .headertop .head_login_fl li.h_user .h_userinfo .userimg {
                            width: 60px;
                            height: 60px;
                            border-radius: 30px;
                            margin-top: 7px;
                        }

                        .header .headertop .head_login_fl li.h_user .h_userinfo .h_account {
                            text-align: right;
                            height: 12px;
                            line-height: 12px;
                            font-size: 12px;
                        }

                            .header .headertop .head_login_fl li.h_user .h_userinfo .h_account .out {
                                border-left: 1px solid #ddd;
                            }

                            .header .headertop .head_login_fl li.h_user .h_userinfo .h_account a {
                                float: right;
                                padding: 0 10px;
                            }

                        .header .headertop .head_login_fl li.h_user .h_userinfo .item {
                            line-height: 20px;
                            height: 20px;
                        }

                    .header .headertop .head_login_fl li.h_user.active {
                        width: 118px;
                        margin-top: 3px;
                        background: url(../images/htop_02.png) no-repeat;
                        background-position-y: center;
                        background-position-x: 95px;
                        box-shadow: 0 0 3px #ddd;
                        border: 1px solid #ddd;
                        border-bottom: 0;
                        height: 25px;
                    }

                        .header .headertop .head_login_fl li.h_user.active .h_username {
                            color: #F37600;
                        }

                        .header .headertop .head_login_fl li.h_user.active:after {
                            content: '';
                            background: #FFFFFF;
                            position: absolute;
                            bottom: -1px;
                            left: 0;
                            width: 100%;
                            height: 1px;
                            z-index: 100;
                        }

        .header .headertop .head_login_fr {
            line-height: 30px;
            height: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

            .header .headertop .head_login_fr ul {
                line-height: 30px;
                height: 30px;
            }

            .header .headertop .head_login_fr li {
                height: 30px;
                float: left;
                line-height: 14px;
                position: relative;
            }

                .header .headertop .head_login_fr li span {
                    padding: 0 15px;
                    height: 14px;
                    border-right: 1px solid #dddddd;
                    margin-top: 8px;
                    display: block;
                }

                .header .headertop .head_login_fr li.item {
                    position: relative;
                    cursor: pointer;
                    border: 1px solid #FFFFFF;
                }

                    .header .headertop .head_login_fr li.item span {
                        display: block;
                        padding-right: 30px;
                    }

                        .header .headertop .head_login_fr li.item span .icon_top {
                            background: url(../images/htop_01.png) no-repeat;
                            width: 10px;
                            height: 7px;
                            position: absolute;
                            right: 15px;
                            top: 13px;
                        }

                        .header .headertop .head_login_fr li.item span .icon_bottom {
                            background: url(../images/htop_02.png) no-repeat;
                            width: 10px;
                            height: 7px;
                            position: absolute;
                            right: 15px;
                            top: 13px;
                        }

                    .header .headertop .head_login_fr li.item .nt_li {
                        position: absolute;
                        width: 210px;
                        border: 1px solid #dddddd;
                        z-index: 1;
                        background: #ffffff;
                        right: -1px;
                        top: 27px;
                    }

                .header .headertop .head_login_fr li.service .nt_li, .header .headertop .head_login_fr li.user .nt_li {
                    width: 100%;
                    padding: 7px 0;
                }

                .header .headertop .head_login_fr li.item .nt_li .row {
                    display: block;
                    line-height: 25px;
                    text-align: center;
                    font-size: 12px;
                }

                .header .headertop .head_login_fr li.item ul {
                    padding: 7px;
                }

                .header .headertop .head_login_fr li.item.active {
                    background: #ffffff;
                    box-shadow: 0 0 1px #dddddd;
                    border: 1px solid #dddddd;
                    border-bottom: 0;
                    height: 28px;
                    z-index: 2;
                }

            .header .headertop .head_login_fr .active:after {
                content: '';
                position: absolute;
                height: 1px;
                background: #FFFFFF;
                bottom: 0;
                left: 0;
                width: 100%;
                z-index: 100;
            }

            .header .headertop .head_login_fr li.item .nt_li li {
                border: 0;
                padding: 0 7px;
                line-height: 26px;
                height: 26px;
                font-size: 12px;
            }

            .header .headertop .head_login_fr li.item.last span {
                border-right: 0;
            }

            .header .headertop .head_login_fr li.index_login span {
                /*padding-right: 88px;*/
            }

            .header .headertop .head_login_fr li span .authorized {
                position: absolute;
                height: 24px;
                width: 63px;
                right: 15px;
                top: 3px;
                background: url(../images/qqlogin.png) no-repeat;
            }

    .header .headerbottom {
        margin: 0 auto;
        height: 130px;
    }

        .header .headerbottom .log {
            margin: 19px 0;
        }

        .header .headerbottom .sreach {
            margin-top: 41px;
            height: 38px;
            border: 2px solid #069AF7;
            border-radius: 5px;
            padding-left: 8px;
        }

            .header .headerbottom .sreach .select {
                margin-top: 9px;
                line-height: 20px;
                border-right: 1px solid #dddddd;
                padding: 0 10px 0 0;
                position: relative;
            }

                .header .headerbottom .sreach .select span {
                    color: #999999;
                    background: url(../images/down.png) no-repeat right;
                    padding: 0 15px;
                    display: block;
                    width: 70px;
                    overflow: hidden;
                    height: 22px;
                }

                .header .headerbottom .sreach .select .choose {
                    width: 80px;
                    margin: -20px 0 0 10px;
                    position: absolute;
                    opacity: 0;
                    z-index: 1;
                }

                .header .headerbottom .sreach .select .row {
                    position: absolute;
                    z-index: 2;
                    top: 45px;
                    border: 3px solid #069AF7;
                    background: #ffffff;
                    width: 1194px;
                    min-height: 200px;
                    left: -550px;
                    box-shadow: 0 0 5px #909090;
                }

                    .header .headerbottom .sreach .select .row .row-top {
                        background: url(../images/index_top.png) no-repeat center center;
                        position: absolute;
                        top: -14px;
                        width: 14px;
                        height: 14px;
                        left: 600px;
                    }

                    .header .headerbottom .sreach .select .row .row-content .row-title {
                        padding: 0 20px;
                    }

                        .header .headerbottom .sreach .select .row .row-content .row-title ul {
                            border-bottom: 1px solid #e8e8e8;
                            height: 49px;
                        }

                        .header .headerbottom .sreach .select .row .row-content .row-title li {
                            float: left;
                            line-height: 49px;
                        }

                        .header .headerbottom .sreach .select .row .row-content .row-title .history .row-li-title {
                            width: 100px;
                        }

                        .header .headerbottom .sreach .select .row .row-content .row-title .history .row-li-item {
                            padding: 0 10px;
                        }

                    .header .headerbottom .sreach .select .row .row-content .row-search {
                        height: 34px;
                        padding: 20px;
                    }

                        .header .headerbottom .sreach .select .row .row-content .row-search .row-txt {
                            height: 32px;
                            border: 1px solid #e8e8e8;
                            padding: 0 10px;
                            float: left;
                        }

                        .header .headerbottom .sreach .select .row .row-content .row-search .row-btn {
                            height: 34px;
                            background: #069AF7;
                            color: #ffffff;
                            float: left;
                            padding: 0 10px;
                        }

                    .header .headerbottom .sreach .select .row .row-content .mtn {
                        margin-top: -35px;
                    }

                    .header .headerbottom .sreach .select .row .row-content .row-rigth-top .notfound {
                        font-size: 12px;
                        text-decoration: underline;
                        color: #4c73a2;
                    }

                    .header .headerbottom .sreach .select .row .row-content .row-rigth-top .close {
                        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAFVBMVEUAAACMjIyMjIyKioqPj4+JiYmIiIilyzVcAAAABnRSTlMAj4DNILfpv5F3AAAAPUlEQVQI12NIZAABMQMGMQEgzZjoAMQgAQEwAeEASSAbolAJooGBKU0BwYBLIRQjtMMNhFuBsNQEzHAOAABZywkY3zCJeQAAAABJRU5ErkJggg==) no-repeat;
                        width: 15px;
                        height: 15px;
                        display: inline-block;
                        margin-left: 20px;
                    }

                    .header .headerbottom .sreach .select .row .row-content .row-select {
                        background: #069AF7;
                        padding: 0 20px;
                    }

                    .header .headerbottom .sreach .select .row .row-content .row-ul-item {
                        height: 40px;
                        border-bottom: 1px solid #4c73a2;
                    }

                        .header .headerbottom .sreach .select .row .row-content .row-ul-item li {
                            float: left;
                            line-height: 40px;
                            color: #ffffff;
                        }

                        .header .headerbottom .sreach .select .row .row-content .row-ul-item .row-li-title {
                            width: 75px;
                        }

                        .header .headerbottom .sreach .select .row .row-content .row-ul-item .row-li-item a {
                            color: #ffffff;
                            padding: 0 10px;
                            display: block;
                        }

                        .header .headerbottom .sreach .select .row .row-content .row-ul-item .row-li-item.active a {
                            color: #000000;
                            background: #ffffff;
                            line-height: 24px;
                            margin-top: 8px;
                        }

                    .header .headerbottom .sreach .select .row .row-content .row-list {
                        padding: 50px 30px;
                    }

                        .header .headerbottom .sreach .select .row .row-content .row-list li {
                            float: left;
                            width: 216px;
                            line-height: 40px;
                            list-style: inside;
                            padding-right: 10px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }

                            .header .headerbottom .sreach .select .row .row-content .row-list li a {
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                color: #000000;
                            }

                            .header .headerbottom .sreach .select .row .row-content .row-list li .hot {
                                color: red;
                            }

                            .header .headerbottom .sreach .select .row .row-content .row-list li a:hover {
                                color: #069AF7;
                            }

                            .header .headerbottom .sreach .select .row .row-content .row-list li:hover {
                                color: #069AF7;
                            }

            .header .headerbottom .sreach .input {
                width: 185px;
                margin: 0;
                height: 38px;
                padding: 0 20px;
            }

                .header .headerbottom .sreach .input::-webkit-input-placeholder {
                    color: #999999;
                }

                .header .headerbottom .sreach .input::-moz-placeholder {
                    color: #999999;
                }

                .header .headerbottom .sreach .input:-ms-input-placeholder {
                    color: #999999;
                }

            .header .headerbottom .sreach .button {
                margin: 0;
                width: 68px;
                height: 38px;
                background: #069AF7;
                color: #ffffff;
                font-size: 16px;
            }

    .header .headermenu {
        height: 42px;
        background: #FFFFFF;
    }

        .header .headermenu .menu {
            margin: 0 auto;
        }

            .header .headermenu .menu li {
                height: 34px;
                line-height: 34px;
                float: left;
            }

                .header .headermenu .menu li.hot {
                    width: 200px;
                    height: 42px;
                    background: #0599F7;
                    margin-right: 40px;
                    position: relative;
                }

                    .header .headermenu .menu li.hot a {
                        line-height: 42px;
                        color: #fff;
                        text-align: left;
                        padding: 0px;
                        padding-left: 19px;
                    }



                        .header .headermenu .menu li.hot a .more {
                            font-size: 12px;
                            color: #FFFFFF;
                            opacity: 0.9;
                            float: right;
                            margin-right: 20px;
                        }

                        .header .headermenu .menu li.hot a .arrow_right {
                            width: 7px;
                            height: 12px;
                            background-image: url(../images/effects_rigth_hoves.png);
                            background-position: center;
                            background-size: cover;
                            position: absolute;
                            right: 10px;
                            top: 15px;
                        }

                    .header .headermenu .menu li.hot:hover {
                        color: #fff;
                        border-radius: 0px;
                    }

                        .header .headermenu .menu li.hot:hover a {
                            color: #fff;
                        }

                .header .headermenu .menu li.hover {
                    background: #0599F7;
                    border-radius: 17px;
                }

                .header .headermenu .menu li:hover {
                    color: #0599F7;
                }

                .header .headermenu .menu li.hover a, .header .headermenu .menu li.hover:hover a {
                    color: #fff;
                }

                .header .headermenu .menu li:hover a {
                    color: #0599F7;
                }

                .header .headermenu .menu li a {
                    padding: 0 28px;
                    font-size: 16px;
                    text-align: center;
                    display: block;
                    color: #333333;
                    line-height: 34px;
                }

        .header .headermenu.new {
            background: #fff;
        }

            .header .headermenu.new .menu li a {
                color: #333333;
            }

            .header .headermenu.new .menu li.hover {
                background: #0599F7;
                border-radius: 17px;
            }

                .header .headermenu.new .menu li.hover a {
                    color: #fff;
                    background: #0599F7;
                    border-radius: 17px;
                }
/********底部***************/
.process {
    width: 100%;
    height: 140px;
    border-bottom: 1px solid #FFFFFF;
    background: #0599f7;
}

    .process ol {
        padding-top: 44px;
    }

    .process li {
        width: 299px;
        float: left;
        padding-right: 1px;
    }

        .process li b {
            width: 48px;
            height: 46px;
            display: block;
            margin-right: 9px;
            float: left;
        }

        .process li span {
            display: block;
            width: 100%;
            font-size: 18px;
            color: #ffffff;
        }

        .process li font {
            color: #ffffff;
        }

        .process li.pl1 b {
            background: url(../images/foot_01.png) no-repeat;
        }

        .process li.pl2 b {
            background: url(../images/foot_02.png) no-repeat;
        }

        .process li.pl3 b {
            background: url(../images/foot_03.png) no-repeat;
        }

        .process li.pl4 b {
            background: url(../images/foot_04.png) no-repeat;
        }

        .process li.pl4 {
            padding-right: 0;
        }

.foot {
    width: 100%;
    height: 355px;
    background: #f8f8f8;
}

    .foot .footer {
        padding-top: 27px;
        height: 168px;
    }

        .foot .footer .footmenu {
            padding-left: 32px;
            width: 208px;
            float: left;
        }

            .foot .footer .footmenu p {
                line-height: 39px;
                color: #333333;
                font-size: 18px;
            }

            .foot .footer .footmenu li {
                line-height: 28px;
                font-size: 14px;
                color: #919191;
            }

                .foot .footer .footmenu li a {
                    color: #919191;
                    cursor: pointer;
                }

    .foot .footer_01 {
        padding-top: 60px;
    }

        .foot .footer_01 .copyright {
            text-align: center;
            line-height: 24px;
            color: #a0a0a0;
        }

            .foot .footer_01 .copyright a {
                padding: 0 9px;
                color: #a0a0a0;
            }

            .foot .footer_01 .copyright span {
                padding: 0 9px;
                color: #a0a0a0;
            }
/******************分页1*******************/
.pager {
    *zoom: 1;
    padding: 30px 0;
    text-align: center;
}

    .pager a {
        display: block;
        height: 42px;
        line-height: 42px;
        margin: 0 5px;
        padding: 0 18px;
        color: #666;
        background: #eee;
        display: inline-block;
    }

        .pager a:hover, .pager a.current {
            background: #069AF7;
            color: #fff;
        }
/******************分页2*******************/
.commpageCss {
    *zoom: 1;
    padding: 30px 0;
    text-align: center;
}

    .commpageCss .page a, .commpageCss .page input, .commpageCss .page em {
        display: block;
        float: left;
        line-height: 30px;
    }

    .commpageCss .page a {
        border: 1px solid #ddd;
        margin-right: 10px;
        width: 30px;
        height: 30px;
        text-align: center;
    }

        .commpageCss .page a.btn {
            padding: 0 10px;
        }

    .commpageCss .page input {
        width: 50px;
        border: 1px solid #ddd;
        text-align: center;
        margin: 0 5px;
    }

    .commpageCss .page em {
        padding: 0 10px;
    }

    .commpageCss .page a.cur {
        border: 1px solid #069AF7;
        color: #069AF7;
    }

    .commpageCss .page .prevfl {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAAFVBMVEUAAABwcHBwcHBwcHBwcHBwcHBwcHAYwgUSAAAAB3RSTlMAMODvYNBQVVIkjwAAACZJREFUGNNjGKyAMQCVLySAKq1IiTRDMhqfxRDNemeSFSgwDEYAAGn8AqOhkESiAAAAAElFTkSuQmCC) no-repeat center center;
    }

    .commpageCss .page .prevfr {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAAFVBMVEUAAABwcHBwcHBwcHBwcHBwcHBwcHAYwgUSAAAAB3RSTlMAMODvYNBQVVIkjwAAACZJREFUGNNjGJwgEI0vJIDKZ1SkVIFwAqp6EzRpB1KkGVQYBikAAGpgAqOu5zgxAAAAAElFTkSuQmCC) no-repeat center center;
    }

    .commpageCss .page .btn-default {
        padding: 0 10px;
    }
/******************侧边栏******************/
.ig-tool {
    position: fixed;
    right: 5px;
    bottom: 150px;
    z-index: 999;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    background: #ffffff;
}

    .ig-tool dd {
        width: 60px;
        height: 60px;
        position: relative;
        transition: all .5s ease;
    }

        .ig-tool dd a {
            display: block;
            width: 60px;
            height: 60px;
            overflow: hidden;
            text-indent: -99em;
        }

            .ig-tool dd a.ico-qq {
                background: url(../images/tool.png) center 100% no-repeat;
            }

                .ig-tool dd a.ico-qq:hover {
                    background: url(../images/tool_hover.png) center 100% no-repeat;
                    background-color: #1296db;
                }

            .ig-tool dd a.ico-code {
                background: url(../images/tool.png) center 0 no-repeat;
            }

                .ig-tool dd a.ico-code:hover {
                    background: url(../images/tool_hover.png) center 0 no-repeat;
                    background-color: #1296db;
                }

            .ig-tool dd a.ico-top {
                background: url(../images/tool.png) center 50% no-repeat;
            }

                .ig-tool dd a.ico-top:hover {
                    background: url(../images/tool_hover.png) center 50% no-repeat;
                    background-color: #1296db;
                }

        .ig-tool dd .chang {
            width: 210px;
            padding: 0 10px 20px 10px;
            position: absolute;
            background-color: #069AF7;
            top: 0;
            left: -78px;
            *left: -178px;
            top: 0;
            opacity: 0;
            filter: alpha(opacity=0);
            transition: all ease 300ms;
        }

            .ig-tool dd .chang .time {
                line-height: 50px;
                border-bottom: 1px solid #e8e8e8;
                color: #ffffff;
            }

            .ig-tool dd .chang b {
                padding-left: 10px;
            }

            .ig-tool dd .chang a {
                width: auto;
                height: auto;
                display: inline;
                overflow: initial;
                text-indent: initial;
            }

            .ig-tool dd .chang p {
                line-height: 40px;
                color: #ffffff;
            }

        .ig-tool dd .img {
            width: 172px;
            height: 132px;
            padding: 0 10px 20px 10px;
            border-radius: 10px;
            position: absolute;
            left: 0px;
            top: 0;
            text-align: center;
        }

        .ig-tool dd:hover {
            background-color: #069AF7;
            overflow: visible;
        }

            .ig-tool dd:hover .chang {
                opacity: 1;
                filter: alpha(opacity=100);
                left: -225px;
            }

                .ig-tool dd:hover .chang.img {
                    opacity: 1;
                    filter: alpha(opacity=100);
                    left: -200px;
                }
/*****首页*****/
.banner {
    margin-top: 0px;
}

    .banner .trad {
        width: 200px;
        height: 408px;
        margin-right: 10px;
        float: left;
        background: #fff;
        border: 1px solid #fff;
    }

        .banner .trad li {
            width: 100%;
            height: 45px;
            float: left;
            cursor: pointer;
            background: #ffffff;
            line-height: 45px;
            position: relative;
        }

            .banner .trad li:hover {
                background: rgba(5, 153, 247, 0.05);
                color: #0599F7;
            }

                .banner .trad li:hover i {
                    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAhElEQVQYlWXQsQ6BQRBF4Y8Qeq/kMUSh0EhUWkJ0RINGQskj+nVkZCSbdarNnDu7s9PqXpo3tlipaGdxiV0tO9n1StnHvJTBPgPHDExLGZzwxDUD41IGNzS4oxcD1cT0waCWEzyyc1jKWV57wCgKP7nAGes8fwkZC4ivhNiUb/zW9yfgAzhEG5BAp65JAAAAAElFTkSuQmCC);
                }

            .banner .trad li i {
                position: absolute;
                right: 20px;
                top: 17px;
                width: 7px;
                height: 12px;
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAnUlEQVQYlW2QsQ4BQRRFz51I6P2SzxCFQiNRaQm2s9GgpOQ39q9Q7ZW3GckQp5mXe+5LJk9N09h2BawpSCmRJK0lrYA9P/SAStIrpO0BsPhUQgZ127avlNIxF2alDE7AQ9IlFyalDK62n5JuQD9FYrv7XX6ds2EnC6a270Bsjko5l3QFDsA4go9cAmdgk+eOkHGAOovt15Vs7/4JgDf8Qzst+VYvAQAAAABJRU5ErkJggg==);
                background-position: center;
                background-repeat: no-repeat;
            }

            .banner .trad li p {
                text-align: left;
                padding-left: 20px;
            }

    .banner .banner_list {
        width: 730px;
        height: 398px;
        float: left;
        margin-top: 10px;
        border: 1px solid #fff;
    }

    .banner .banner_ul {
        width: 100%;
        min-width: 730px;
        position: relative;
        overflow: hidden;
        z-index: 0;
        height: 398px;
    }

        .banner .banner_ul ul li img {
            width: 730px;
            height: 398px;
        }

        .banner .banner_ul .tip {
            position: absolute;
            right: 30px;
            bottom: 20px;
        }

            .banner .banner_ul .tip .icon {
                width: 20px;
                height: 5px;
                margin-left: 8px;
                background: #dddddd;
                cursor: pointer;
            }

                .banner .banner_ul .tip .icon.cur {
                    background: #069AF7 !important;
                }

    .banner .actile {
        width: 250px;
        height: 398px;
        float: right;
        background: #FFFFFF;
        margin-top: 10px;
    }

        .banner .actile .selling {
            padding: 14px 14px 8px 14px;
        }

            .banner .actile .selling a {
                display: block;
                width: 104px;
                height: 72px;
                float: left;
            }

            .banner .actile .selling .selling_01 {
                background-image: url(../images/home_icon.png);
                background-repeat: no-repeat;
                background-position: -82px -20px;
                margin-right: 14px;
            }

            .banner .actile .selling .selling_02 {
                background-image: url(../images/home_icon.png);
                background-repeat: no-repeat;
                background-position: -82px -112px;
            }

        .banner .actile .buying {
            margin: 0 16px;
        }

            .banner .actile .buying .news {
                height: 39px;
                width: 100%;
            }

                .banner .actile .buying .news li {
                    width: 33%;
                    float: left;
                    border-bottom: 1px solid #E8E8E8;
                    text-align: center;
                    height: 39px;
                    line-height: 39px;
                    cursor: pointer;
                }

                    .banner .actile .buying .news li.active {
                        border-bottom: 1px solid #069AF7;
                    }

            .banner .actile .buying .list {
                border-top: 0;
                height: 100px;
                padding: 4px 9px;
            }

                .banner .actile .buying .list a {
                    display: block;
                    width: 100%;
                    line-height: 32px;
                    cursor: pointer;
                }

                    .banner .actile .buying .list a:hover {
                        color: #069AF7;
                    }

                    .banner .actile .buying .list a span.title {
                        float: left;
                        display: block;
                        width: 100%;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }

                    .banner .actile .buying .list a span.datetime {
                        float: right;
                    }


        .banner .actile .sevice {
            padding: 0px 4px 0 14px;
        }

            .banner .actile .sevice a {
                float: left;
                width: 48px;
                height: 77px;
                font-size: 12px;
                text-align: center;
                margin-right: 10px;
            }

                .banner .actile .sevice a .re {
                    width: 48px;
                    height: 48px;
                    background-color: #F7F7F7;
                    background-image: url(../images/home_icon.png);
                    background-repeat: no-repeat;
                    background-position: -16px -14px;
                }

                .banner .actile .sevice a .re1 {
                    background-position: -16px -133px;
                }

                .banner .actile .sevice a .re2 {
                    background-position: -16px -193px;
                }

                .banner .actile .sevice a .re3 {
                    background-position: -16px -251px;
                }

                .banner .actile .sevice a .re4 {
                    background-position: -16px -310px;
                }

                .banner .actile .sevice a .re5 {
                    background-position: -16px -368px;
                }

                .banner .actile .sevice a .re6 {
                    background-position: -18px -546px;
                }

                .banner .actile .sevice a .re7 {
                    background-position: -16px -428px;
                }

                .banner .actile .sevice a .re8 {
                    background-position: -16px -486px;
                }


                .banner .actile .sevice a span {
                    line-height: 29px;
                }

.recommendlist {
    border: 1px solid #e8e8e8;
}

    .recommendlist .row {
        height: 50px;
        line-height: 50px;
        background: #fff;
    }

        .recommendlist .row .l_1 {
            float: left;
            width: 50px;
        }

            .recommendlist .row .l_1 span {
                width: 40px;
                display: block;
                text-align: center;
                color: #ffffff;
            }

        .recommendlist .row.row_list1 .l_1 {
            background: url(../images/hotleft.png) no-repeat center center;
        }

        .recommendlist .row.row_list1 {
            border-bottom: 1px dashed #e8e8e8;
        }

        .recommendlist .row.row_list2 .l_1 {
            background: url(../images/latestleft.png) no-repeat center center;
        }

        .recommendlist .row li {
            float: left;
        }

            .recommendlist .row li .r1 {
                display: block;
                border-right: 1px solid #e8e8e8;
                height: 20px;
                line-height: 20px;
                margin-top: 15px;
                padding: 0 25px;
                color: #000000;
            }


.latest {
    width: 245px;
    margin-right: 10px;
}

    .latest .service {
        border: 1px solid #e8e8e8;
        overflow: hidden;
    }

        .latest .service p {
            line-height: 40px;
            border-bottom: 1px solid #e8e8e8;
            padding-left: 8px;
            width: 235px;
            background: #fbfcfc;
        }

        .latest .service .sreach {
            padding: 20px 9px 20px 8px;
            width: 228px;
            background: #fff;
        }

            .latest .service .sreach .validation {
                display: block;
                padding-top: 20px;
                text-align: right;
            }

        .latest .service .input {
            width: 154px;
            height: 34px;
            border-radius: 3px;
            border: 1px solid #e8e8e8;
            padding-left: 10px
        }

        .latest .service .botton {
            width: 56px;
            height: 34px;
            border-radius: 3px;
            border: 1px solid #e8e8e8;
            background: #e8e8e8;
        }

    .latest .trading {
        border: 1px solid #e8e8e8;
        overflow: hidden;
    }

        .latest .trading p {
            line-height: 40px;
            border-bottom: 1px solid #e8e8e8;
            padding-left: 8px;
            width: 235px;
            background: #fbfcfc;
        }

        .latest .trading .tradlist {
            width: 227px;
            padding: 0px 10px 5px 10px;
            height: 525px;
            overflow: hidden;
            background: #fff;
        }

            .latest .trading .tradlist .list {
                border-bottom: 1px dotted #e8e8e8;
                cursor: pointer;
            }

                .latest .trading .tradlist .list img {
                    margin-top: 15px;
                    border-radius: 50%;
                    float: left;
                    width: 48px;
                    height: 48px;
                }

                .latest .trading .tradlist .list b {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    width: 227px;
                    display: block;
                }

                .latest .trading .tradlist .list .lable {
                    padding-left: 57px;
                }

                    .latest .trading .tradlist .list .lable p {
                        padding: 10px 0 0 0;
                        border: none;
                        width: auto;
                        background: none;
                        line-height: 30px;
                    }

                    .latest .trading .tradlist .list .lable span {
                        height: 20px;
                        display: block;
                        float: left;
                        padding: 0 6px;
                        line-height: 20px;
                        color: #FF2A25;
                        border-radius: 3px;
                    }

                        .latest .trading .tradlist .list .lable span.blue {
                            background: #79b8fd;
                        }

                        .latest .trading .tradlist .list .lable span.yaller {
                            background: #FFF0ED;
                        }

                    .latest .trading .tradlist .list .lable span {
                        margin-right: 10px;
                    }

                .latest .trading .tradlist .list .price {
                    color: #999999;
                }

                .latest .trading .tradlist .list .time {
                    color: #999999;
                }

    .latest .shelves {
        border: 1px solid #e8e8e8;
        height: 463px;
        overflow: hidden;
    }

        .latest .shelves .title {
            line-height: 40px;
            border-bottom: 1px solid #e8e8e8;
            padding-left: 8px;
            width: 235px;
            background: #fbfcfc;
            height: 40px;
        }

            .latest .shelves .title span {
                float: left;
            }

            .latest .shelves .title a {
                color: #888888;
                padding-right: 9px;
                float: right;
            }

        .latest .shelves .shelveslist {
            padding: 20px 9px 10px 8px;
            width: 228px;
            background: #fff;
        }

        .latest .shelves .list_01 {
            border-bottom: 1px solid #e8e8e8;
            height: 77px;
        }

            .latest .shelves .list_01 .img:active {
                content: "1";
                background: #f44141;
            }

            .latest .shelves .list_01 .img {
                width: 64px;
                height: 64px;
                margin-right: 10px;
                float: left;
            }

                .latest .shelves .list_01 .img:before {
                    content: "1";
                    display: block;
                    position: absolute;
                    width: 20px;
                    height: 20px;
                    line-height: 20px;
                    text-align: center;
                    color: #fff;
                    background: #f44141;
                    border-top-left-radius: 5px;
                }

                .latest .shelves .list_01 .img img {
                    width: 100%;
                    border-radius: 6px;
                }

                .latest .shelves .list_01 .img span {
                    position: relative;
                    width: 18px;
                    height: 18px;
                    text-align: center;
                    top: 0;
                    left: 0;
                }

            .latest .shelves .list_01 .information {
                width: 154px;
                float: left;
            }

                .latest .shelves .list_01 .information .sub {
                    line-height: 20px;
                    height: 36px;
                    overflow: hidden
                }

                .latest .shelves .list_01 .information .price {
                    text-align: right;
                    padding-top: 5px;
                }

                    .latest .shelves .list_01 .information .price .price_num {
                        color: #f44141;
                    }

        .latest .shelves .list_02 {
            padding-top: 10px;
        }

            .latest .shelves .list_02 .num {
                background: #cccccc;
                width: 18px;
                height: 18px;
                line-height: 18px;
                text-align: center;
                color: #ffffff;
                float: left;
            }

            .latest .shelves .list_02 .online {
                padding-left: 10px;
                line-height: 18px;
                height: 36px;
                overflow: hidden
            }

.game {
    width: 945px;
}

    .game .hot {
        width: 100%;
    }

        .game .hot .gamemenu {
            height: 40px;
            background: #fbfcfc;
            border: 1px solid #dddddd;
        }

            .game .hot .gamemenu li {
                line-height: 40px;
                float: left;
                padding: 0 20px;
                text-align: center;
                background: #fbfcfc;
                cursor: pointer;
            }

                .game .hot .gamemenu li.active {
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAAAECAYAAABiKnqAAAAAWElEQVQ4je3TywmAMBBF0ZOgzQkWYGm2EatIQ7oSRchKt4JGvPAWd1bzYUI7Lpuf1xIRKk2DdFpsKvVaZ7okVvw7Kwbk4rn4+nBft1LzgQ5m9JjQFf8O2AGB5AvdJFwAoAAAAABJRU5ErkJggg==) no-repeat;
                    color: #069AF7;
                    font-weight: bold;
                    border-bottom: 1px solid #ffffff;
                    border-left: 1px solid #dddddd;
                    border-right: 1px solid #dddddd;
                    background-size: 100%;
                    background-color: #fff;
                }

                    .game .hot .gamemenu li.active:first-child {
                        border-left: 0px;
                    }

                .game .hot .gamemenu li.more {
                    float: right;
                    color: #888888;
                    font-size: 12px;
                }

        .game .hot .hotgather .list {
            border-left: 1px solid #dddddd;
            border-bottom: 1px solid #dddddd;
            border-right: 1px solid #dddddd;
            border-top: 0;
            height: 600px;
            background: #fff;
        }

            .game .hot .hotgather .list .gamelist {
                width: 188px;
                height: 160px;
                float: left;
                text-align: center;
                margin-top: 30px;
            }

                .game .hot .hotgather .list .gamelist img {
                    margin: 0 auto;
                    border-radius: 10px;
                    width: 120px;
                    height: 120px;
                }

                .game .hot .hotgather .list .gamelist p {
                    line-height: 30px;
                }

        .game .hot .coingather .list {
            border: 1px solid #dddddd;
            border-top: 0;
            height: 520px;
            background: #fff;
        }

            .game .hot .coingather .list .coinlist {
                width: 450px;
                height: 110px;
                float: left;
                margin-top: 20px;
                padding-left: 20px;
                color: #666666;
            }

                .game .hot .coingather .list .coinlist img {
                    width: 134px;
                    height: 90px;
                    border-radius: 5px;
                }

                .game .hot .coingather .list .coinlist div.left {
                    padding-left: 8px;
                    width: 300px;
                    line-height: 23px;
                }

                .game .hot .coingather .list .coinlist .name {
                    float: left;
                    width: 100%;
                    font-size: 16px;
                }

                .game .hot .coingather .list .coinlist .lable {
                    clear: both;
                    width: 300px;
                    color: #000;
                }

                    .game .hot .coingather .list .coinlist .lable span {
                        height: 20px;
                        line-height: 20px;
                        color: #ffffff;
                        display: block;
                        padding: 0 6px;
                        float: left;
                        font-size: 12px;
                        border-radius: 5px;
                        margin-right: 6px;
                        margin-top: 5px;
                    }

                        .game .hot .coingather .list .coinlist .lable span:nth-child(2n) {
                            background: #f3ae45;
                        }

                        .game .hot .coingather .list .coinlist .lable span:nth-child(2n+1) {
                            background: #6daef5;
                        }

                .game .hot .coingather .list .coinlist .price .price_num {
                    color: #f59758;
                    font-weight: bold;
                    font-size: 16px;
                }

/*******排行榜******/
.ranking {
    width: 245px;
    float: left;
    border: 1px solid #dddddd;
    height: 561px;
    background: #fff;
}

    .ranking .title {
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #dddddd;
        padding: 0 8px;
        background: #FBFCFC;
    }

        .ranking .title span {
            font-size: 16px;
            line-height: 40px;
            display: inline-block;
        }

    .ranking .ranklist .list {
        height: 64px;
        width: 100%;
        margin: 20px 18px 0px 18px;
    }



        .ranking .ranklist .list .pic {
            width: 64px;
            height: 64px;
            background: #fff;
            border-radius: 4px;
            overflow: hidden;
            position: relative;
            float: left;
        }



            .ranking .ranklist .list .pic .num {
                position: absolute;
                height: 20px;
                width: 20px;
                text-align: center;
                top: 0px;
                left: 0px;
                background: #0599F7;
                border-bottom-right-radius: 8px;
                color: #fff;
            }

            .ranking .ranklist .list .pic .img {
                border-radius: 15px;
                width: 64px;
                height: 64px;
                float: left;
            }

        .ranking .ranklist .list:nth-child(1) .pic .num {
            background: #F44141;
        }

        .ranking .ranklist .list .ranktitle {
            padding-left: 10px;
            width: 140px;
            text-overflow: ellipsis;
            padding-top: 25px;
        }

        .ranking .ranklist .list .num.champion {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAMAAAA2a+hwAAAAOVBMVEXYHgX////98O/2x8HkY1PfRzP41NDrjoLncmLiVkTaLBX64t/pf3LzuLDunJHxq6HcOSTzubHaKxStLuG+AAAAzUlEQVQoz43SWQ7DIAwEUGMDBkKW5v6HrToNiwJKOz+R8iRjjMmUcExBJKTI9VdDS1fCHeUVqSa+pEdHt7iGnoYsFdcR14pxRHshW5okMBA2xgKPOTqgzlGBMkf/G/NT2fTUUJhjBkInBpyOwT4NXv54smld26/JIrYTWUxD9n3PGdA/dlyNPdR7ddlwSLQXDK0/JGJPvrgTknbGEQKjhMFLW2agIypKPpVBs7kpU1ZdP4VOtF/1kE0z4ZYn+ulV2xA22ppBl4YG1qni8waxxwUy2U0HtQAAAABJRU5ErkJggg==) no-repeat center;
            color: #ffffff;
            background-position-y: 38px;
        }

        .ranking .ranklist .list .num.runner {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAMAAAA2a+hwAAAARVBMVEVAqST////z+vFjuUzb79af1JHP6ch7xGhwv1tMrjLn9OSTzoPD5LqIyXbQ6smr2Z+HyXa43618xGlXsz/E5LtLrjFvvlomqN7oAAAA0klEQVQoz43S2w6CMBAE0NneSy8IqP//qZpVug006LyQcJIy7Ba0R4VYai0xqPZKcMU35Yj1HtAS7rVHjUO0oMEpU8N8xtwwnHH9oloxSFGMHsN4xm2MmtGO0TK6MZrfmK6OjVeFbmNMjKwDYxyOwV8N3v23MvLnUwVpcr4TN5GgMn3nxNAvO2TymzXG6kSqRCw7FulH7WLkDy7gxEXxJyobonmjLOVGjBrYFSbug1Z0UIVkbX4CeHD9ppubbQL/5YP79GplCDNmMdZJkNg6tfx4ATnQBc8OLOSuAAAAAElFTkSuQmCC) no-repeat center;
            color: #ffffff;
            background-position-y: 38px;
        }

        .ranking .ranklist .list .num.bronze {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAMAAAA2a+hwAAAAOVBMVEXzdgD////+9u/83cD3oE/0fw/95c/5un/4ql/2mED1jy/97t/4sm/71K/6w4/7zJ/0hx/71bD1kDBfiTwMAAAAzElEQVQoz43S3Q6DIAwF4NICBQV1vv/DLjuTnwhxOzcavgRKKZkSji6IBBe5LjW0dCXcUV6RauJLejzplrOhpyFrxTxirhhHtBeypUkCA2FjLPCY4wLUOSpQ5uh/Y3ra1j0VFOaYgNCJAadtsE+Nl/+ebNzX9mOyiu1EVtOQfV9zAvSPHbOxh3qvSzIcHO0FQ6sPiZiTL+6EuJ1xhMDIofHShhm4EBUl70qj2dyUKanm+PlF+VUP2TQRbulQT6/amrDR1gy6NjSwThWfN+FvBTJR/wJlAAAAAElFTkSuQmCC) no-repeat center;
            color: #ffffff;
            background-position-y: 38px;
        }
/************************/
.hotgame {
    width: 638px;
    float: left;
    border: 1px solid #dddddd;
    margin-left: 8px;
}

    .hotgame .title {
        height: 40px;
        line-height: 40px;
        padding: 0 8px;
        background: #FBFCFC;
        border-bottom: 1px solid #E8E8E8;
    }

        .hotgame .title span {
            font-size: 16px;
            line-height: 40px;
            display: inline-block;
        }

    .hotgame .ul {
        padding: 5px 8px 5px 10px;
        height: 510px;
        background: #fff;
    }

        .hotgame .ul .li.on {
            height: 120px;
        }

            .hotgame .ul .li.on .subtitle {
                font-size: 16px;
                color: #000000;
                font-weight: 600;
            }

        .hotgame .ul .li {
            display: block;
            width: 100%;
            height: 40px;
            line-height: 40px;
            color: #000000;
            cursor: pointer;
            clear: both;
            border-bottom: 1px dashed #d5d5d5;
        }

            .hotgame .ul .li:hover {
                color: #069AF7;
            }

                .hotgame .ul .li:hover .subtitle, .hotgame .ul .li:hover .datetime {
                    color: #000000;
                }

            .hotgame .ul .li .subtitle {
                float: left;
                color: #000000;
                display: block;
                width: 500px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .hotgame .ul .li .subtitle1 {
                width: 355px;
            }

            .hotgame .ul .li .subimg {
                width: 200px;
                float: left;
                margin-right: 10px;
                height: 113px
            }

            .hotgame .ul .li .subdesc {
                line-height: 20px;
                font-size: 12px;
                color: #808080;
                width: 550px;
                display: block;
            }

            .hotgame .ul .li .datetime {
                float: right;
                color: #000000;
                *margin-top: -30px
            }
/************活动专区************/
.activity {
    width: 296px;
    float: left;
    margin-left: 7px;
    border: 1px solid #E8E8E8;
    height: 561px;
    background: #fff;
}

    .activity .title {
        height: 40px;
        line-height: 40px;
        background: #FBFCFC;
        padding: 0 8px;
        border-bottom: 1px solid #E8E8E8;
    }

        .activity .title span {
            font-size: 16px;
            line-height: 40px;
            display: inline-block;
        }

    .activity .imglist .list {
        position: relative;
        height: 150px;
        width: 276px;
        margin: 0 auto;
        margin-top: 20px;
        overflow: hidden;
    }

        .activity .imglist .list img {
            position: absolute;
            border-radius: 5px;
            width: 100%;
            height: 150px;
        }

        .activity .imglist .list .imgtitle {
            background: #595959;
            color: #ffffff;
            height: 40px;
            line-height: 40px;
            padding-left: 8px;
            position: absolute;
            width: 100%;
            z-index: 1;
            bottom: 0;
            left: 0;
        }
/************有情链接**********/
.indexlink {
    position: relative;
    height: 60px;
    width: 1196px;
    border: 2px solid #069AF7;
    z-index: 1;
}

    .indexlink .link_address {
        width: 1156px;
        overflow: hidden;
        padding: 0 20px;
        background: #fff;
    }

    .indexlink .mylink {
        padding: 0 10px;
        line-height: 60px;
        text-decoration: none;
    }

    .indexlink .linktitle {
        position: absolute;
        left: 10px;
        top: -13px;
        background: #ffffff;
        font-size: 16px;
        color: #069AF7;
        z-index: 2;
        padding: 0 10px;
    }

/*************登录Login***************/
.login {
    height: 710px;
    width: 100%;
    background: url(../images/logo_back.png) no-repeat;
    position: relative;
    background-position: center;
}

    .login .login_model .loginType {
        position: absolute;
        width: 100%;
        margin: -30px;
        text-align: center;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #dedede;
        cursor: pointer;
        margin-top: -50px;
    }

        .login .login_model .loginType .phone {
            width: 50%;
            float: left;
        }

        .login .login_model .loginType .acc {
            width: 50%;
            float: left;
        }

        .login .login_model .loginType .active {
            color: #fff;
            font-weight: bold;
            background: #0599F7;
        }

    .login .login_model {
        margin-top: 155px;
        background: #e9e9f1;
        width: 300px;
        position: absolute;
        right: 360px;
        padding: 30px;
        padding-top: 50px;
    }

        .login .login_model p {
            text-align: center;
            margin-top: 20px;
            height: 40px;
        }

            .login .login_model p:nth-child(1) {
                font-size: 24px;
                color: #000000;
            }

        .login .login_model .login-p2 {
            background: #ffffff;
            border-radius: 5px;
            position: relative;
        }

            .login .login_model .login-p2 .label {
                width: 38px;
                display: block;
                height: 40px;
                float: left;
            }

            .login .login_model .login-p2 .login_input {
                border: none;
                width: 262px;
                float: left;
                height: 40px;
            }

            .login .login_model .login-p2 .user {
                background: url(../images/login_user.png) no-repeat center center;
            }

            .login .login_model .login-p2 .pwd {
                background: url(../images/login_pwd.png) no-repeat center center;
            }

            .login .login_model .login-p2 .keyboard {
                float: right;
                background: url(../images/login_key.png) no-repeat center center;
            }

            .login .login_model .login-p2 .getcodepwd {
                position: absolute;
                right: 10px;
                top: 0px;
                line-height: 40px;
                color: #069AF7;
            }

        .login .login_model .login_button {
            background: #069AF7;
            width: 100%;
            height: 42px;
            color: #ffffff;
            font-size: 16px;
            border-radius: 5px;
        }

        .login .login_model .tripartite {
            text-align: left;
        }

            .login .login_model .tripartite a {
                color: #666666;
            }

                .login .login_model .tripartite a:nth-child(1) {
                    padding-left: 20px;
                    background: url(../images/login_qq.png) no-repeat;
                }

                .login .login_model .tripartite a:nth-child(2) {
                    padding-left: 20px;
                    background: url(../images/login_wx.png) no-repeat;
                    margin-left: 30px;
                }

        .login .login_model .login-p3 {
            text-align: right;
        }

            .login .login_model .login-p3 a {
                color: #666666;
                padding-left: 20px;
            }


/*************登录Login***************/
.register {
    height: 710px;
    width: 100%;
    background: url(../images/logo_back.png) no-repeat;
    position: relative;
}

    .register .register_model {
        margin-top: 110px;
        background: #e9e9f1;
        width: 360px;
        position: absolute;
        right: 360px;
        height: 530px;
    }

        .register .register_model .type {
            height: 60px;
            border-bottom: 1px solid #d3d3d3;
        }

            .register .register_model .type .reg_type {
                width: 50%;
                float: left;
                line-height: 60px;
                text-align: center;
            }

                .register .register_model .type .reg_type span {
                    font-size: 18px;
                    color: #000000;
                }

                .register .register_model .type .reg_type.active span {
                    border-bottom: 1px solid #f37600;
                    display: -webkit-inline-box;
                    height: 60px;
                }

    .register .reg_email, .register .reg_phone {
        padding: 10px 30px;
    }

    .register .register_model .reg-p2 {
        margin-top: 20px;
        background: #ffffff;
        border-radius: 5px;
        height: 40px;
        position: relative;
    }

        .register .register_model .reg-p2 span {
            display: block;
            line-height: 40px;
            padding-left: 10px;
            width: 70px;
            float: left;
        }

        .register .register_model .reg-p2 .reg_input {
            width: 210px;
            height: 40px;
            float: left;
            border: 0;
            padding-left: 5px;
        }

            .register .register_model .reg-p2 .reg_input.code {
                width: 100px;
            }

        .register .register_model .reg-p2 .getcodepwd {
            position: absolute;
            right: 10px;
            top: 5px;
            color: #069AF7;
        }

    .register .register_model .reg-p3 {
        margin-top: 10px;
        height: 40px;
        line-height: 40px;
        color: #666666;
    }

        .register .register_model .reg-p3 a {
            color: #666666;
        }

    .register .register_model .reg-p4 {
        margin-top: 10px;
    }

        .register .register_model .reg-p4 .reg_button {
            background: #069AF7;
            width: 100%;
            height: 42px;
            color: #ffffff;
            font-size: 16px;
            border-radius: 5px;
        }

    .register .register_model .reg-p5 {
        margin-top: 20px;
        text-align: right;
    }

        .register .register_model .reg-p5 a {
            color: #666666;
            padding-left: 20px;
        }
/***********************绑定手机号*********************/
.bdphone {
    height: 710px;
    width: 100%;
    background: url(../images/logo_back.png) no-repeat;
    position: relative;
}

    .bdphone .bdphone_title {
        text-align: center;
        margin-top: 20px;
        font-size: 24px;
        color: #000000
    }

    .bdphone .bdphone_model {
        margin-top: 110px;
        background: #e9e9f1;
        width: 360px;
        position: absolute;
        right: 360px;
        height: 400px;
    }

    .bdphone .bd_phone {
        padding: 10px 30px;
    }

    .bdphone .bdphone_model .bd-p1 {
        margin-top: 20px;
        background: #ffffff;
        border-radius: 5px;
        height: 40px;
        position: relative;
    }

        .bdphone .bdphone_model .bd-p1 span {
            display: block;
            line-height: 40px;
            padding-left: 10px;
            width: 70px;
            float: left;
        }

        .bdphone .bdphone_model .bd-p1 .bd_input {
            width: 210px;
            height: 40px;
            float: left;
            border: 0;
            padding-left: 5px;
        }

            .bdphone .bdphone_model .bd-p1 .bd_input.code {
                width: 100px;
            }

        .bdphone .bdphone_model .bd-p1 .getcodepwd {
            position: absolute;
            right: 10px;
            top: 5px;
            color: #069AF7;
        }

    .bdphone .bdphone_model .bd-p2 {
        margin-top: 10px;
        height: 40px;
        line-height: 40px;
        color: #666666;
    }

        .bdphone .bdphone_model .bd-p2 a {
            color: #666666;
        }

    .bdphone .bdphone_model .bd-p2 {
        margin-top: 30px;
    }

        .bdphone .bdphone_model .bd-p2 .bd_button {
            background: #069AF7;
            width: 100%;
            height: 42px;
            color: #ffffff;
            font-size: 16px;
            border-radius: 5px;
        }

    .bdphone .bdphone_model .bd-p3 {
        margin-top: 20px;
        text-align: right;
    }

        .bdphone .bdphone_model .bd-p3 a {
            color: #666666;
            padding-left: 20px;
        }

.codebdphone {
    height: 40px;
    width: 105px;
    float: right;
}
/*****************找回密码*************************/
.retrievepwd {
    height: 710px;
    width: 100%;
    background: url(../images/logo_back.png) no-repeat;
    position: relative;
}

    .retrievepwd .retrievepwd_title {
        text-align: center;
        margin-top: 20px;
        font-size: 24px;
        color: #000000
    }

    .retrievepwd .retrievepwd_model {
        margin-top: 110px;
        background: #e9e9f1;
        width: 360px;
        position: absolute;
        right: 360px;
        height: 490px;
    }

    .retrievepwd .reg_email, .retrievepwd .reg_phone {
        padding: 10px 30px;
    }

    .retrievepwd .retrievepwd_model .reg-p2 {
        margin-top: 20px;
        background: #ffffff;
        border-radius: 5px;
        height: 40px;
        position: relative;
    }

        .retrievepwd .retrievepwd_model .reg-p2 span {
            display: block;
            line-height: 40px;
            padding-left: 10px;
            width: 70px;
            float: left;
        }

        .retrievepwd .retrievepwd_model .reg-p2 .reg_input {
            width: 210px;
            height: 40px;
            float: left;
            border: 0;
            padding-left: 5px;
        }

            .retrievepwd .retrievepwd_model .reg-p2 .reg_input.code {
                width: 100px;
            }

        .retrievepwd .retrievepwd_model .reg-p2 .getcodepwd {
            position: absolute;
            right: 10px;
            top: 5px;
            color: #069AF7;
        }

    .retrievepwd .retrievepwd_model .reg-p3 {
        margin-top: 10px;
        height: 40px;
        line-height: 40px;
        color: #666666;
    }

        .retrievepwd .retrievepwd_model .reg-p3 a {
            color: #666666;
        }

    .retrievepwd .retrievepwd_model .reg-p4 {
        margin-top: 30px;
    }

        .retrievepwd .retrievepwd_model .reg-p4 .reg_button {
            background: #069AF7;
            width: 100%;
            height: 42px;
            color: #ffffff;
            font-size: 16px;
            border-radius: 5px;
        }

    .retrievepwd .retrievepwd_model .reg-p5 {
        margin-top: 20px;
        text-align: right;
    }

        .retrievepwd .retrievepwd_model .reg-p5 a {
            color: #666666;
            padding-left: 20px;
        }
/*************新闻资讯列表页***************/
.actilenews {
    margin-bottom: 100px;
}

    .actilenews .nav {
        padding: 18px 0;
    }

        .actilenews .nav a {
            color: #999999;
        }

    .actilenews .menu {
        background: #069AF7;
    }

        .actilenews .menu .on {
            width: 200px;
            line-height: 50px;
        }

            .actilenews .menu .on dd {
                line-height: 30px;
            }

            .actilenews .menu .on a {
                display: block;
                position: relative;
                padding: 0 20px;
                color: #ffffff;
                font-weight: 600;
            }

                .actilenews .menu .on a icon {
                    position: absolute;
                    top: 23px;
                    right: 9px;
                }

                    .actilenews .menu .on a icon.top {
                        background: url(../images/new_top.png) no-repeat center center;
                        width: 10px;
                        height: 5px;
                    }

                    .actilenews .menu .on a icon.bottom {
                        background: url(../images/new_bottom.png) no-repeat center center;
                        width: 9px;
                        height: 6px;
                    }

            .actilenews .menu .on dd a {
                font-weight: normal;
                padding: 0 30px;
            }

        .actilenews .menu .active {
            background: #184a87;
        }

        .actilenews .menu .on.active a {
            color: #ffffff;
        }

            .actilenews .menu .on.active a icon {
                background: none;
            }

    .actilenews .newslist {
        width: 950px;
        margin-left: 10px;
        background: #fff;
        padding: 10px 20px;
    }

        .actilenews .newslist .item {
            border-bottom: 1px dashed #e8e8e8;
            display: block;
            padding: 20px 0;
            color: #000000;
        }

            .actilenews .newslist .item .img {
                width: 180px;
                height: 120px;
                overflow: hidden;
            }

            .actilenews .newslist .item .other {
                width: 750px;
                padding-left: 20px;
            }

                .actilenews .newslist .item .other .title {
                    font-size: 16px;
                    font-weight: 400;
                }

                .actilenews .newslist .item .other .time, .actilenews .newslist .item .other .author {
                    font-size: 14px;
                    color: #777777;
                    line-height: 34px;
                }

                .actilenews .newslist .item .other .time {
                    padding-right: 100px;
                }

                .actilenews .newslist .item .other .abstract {
                    font-size: 12px;
                    line-height: 20px;
                    color: #777777;
                }

    .actilenews .actilenews_detail {
        background: #fff;
        width: 950px;
        padding: 20px;
    }

        .actilenews .actilenews_detail .newtop {
            padding: 10px 0;
            border-bottom: 1px dashed #e8e8e8;
        }

            .actilenews .actilenews_detail .newtop .title {
                text-align: center;
                ;
                font-size: 18px;
                font-weight: 400;
            }

            .actilenews .actilenews_detail .newtop .aots {
                padding-top: 10px;
                height: 25px;
                position: relative;
            }

                .actilenews .actilenews_detail .newtop .aots .content {
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%);
                    height: 25px;
                }

                .actilenews .actilenews_detail .newtop .aots .time {
                    float: left;
                }

                .actilenews .actilenews_detail .newtop .aots .author {
                    float: left;
                }

                .actilenews .actilenews_detail .newtop .aots .time, .actilenews .actilenews_detail .newtop .aots .author {
                    padding: 0 10px;
                    color: #999999;
                    font-size: 12px;
                }

                .actilenews .actilenews_detail .newtop .aots .share {
                    display: inline-block;
                }

        .actilenews .actilenews_detail .newscontent {
            padding: 20px 0;
            line-height: 24px
        }

            .actilenews .actilenews_detail .newscontent .reLink {
                margin-top: 50px;
                text-align: center;
            }

                .actilenews .actilenews_detail .newscontent .reLink .prevLink {
                    border: 1px solid #ededed;
                    line-height: 30px;
                    display: inline-block;
                    padding: 0 20px;
                    border-radius: 1px;
                    color: #000000;
                    margin-right: 20px;
                }

                .actilenews .actilenews_detail .newscontent .reLink .nextLink {
                    border: 1px solid #ededed;
                    line-height: 30px;
                    display: inline-block;
                    padding: 0 20px;
                    border-radius: 1px;
                    color: #000000;
                }

            .actilenews .actilenews_detail .newscontent p {
                line-height: 24px;
            }

    .actilenews .related {
        margin-top: 10px;
        background: #fff;
        padding: 20px;
    }

        .actilenews .related .title {
            border-bottom: 2px solid #eeeeee;
            font-size: 18px;
            line-height: 40px;
        }

        .actilenews .related li { /*list-style: disc;*/
            margin-left: 20px;
            height: 35px;
            line-height: 35px;
        }

            .actilenews .related li:hover {
                color: #069AF7;
            }

            .actilenews .related li a {
                color: #000000;
                display: block;
                float: left;
                width: 100%;
            }

            .actilenews .related li:hover a {
                color: #069AF7;
            }

            .actilenews .related li a .name {
                width: 750px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .actilenews .related li:hover a .name {
                color: #069AF7;
            }

            .actilenews .related li a .time {
                color: #9b9b9b
            }

            .actilenews .related li:hover a .time {
                color: #069AF7;
            }

    .actilenews .hotorlatest {
        width: 200px;
    }

        .actilenews .hotorlatest .hot {
            background: #fff;
            border-top: 2px solid #069AF7;
            padding: 0 5px;
            margin-bottom: 10px;
        }

            .actilenews .hotorlatest .hot .title {
                color: #069AF7;
                padding: 0 5px;
                font-size: 16px;
                line-height: 40px;
                position: relative;
            }

                .actilenews .hotorlatest .hot .title .iconhref {
                    position: absolute;
                    top: 13px;
                    right: 10px;
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAOBAMAAAARcxsoAAAAJFBMVEUAAAAkYKkkYKkkYKkkYKkkYKkkYKkkYKkkYKkkYKkkYKkkYKnzUsGNAAAADHRSTlMAYtcdIcnGvbt9bFhudkAgAAAAM0lEQVQI12NoYQCCRQZAglEZxBQCM1VATDEQk1MBSJgLMDAwKwIZRjCGkwCQCASp2gDEAKS/BHWZ4WvfAAAAAElFTkSuQmCC) no-repeat center center;
                    width: 7px;
                    height: 14px;
                }

            .actilenews .hotorlatest .hot ul {
                background: #f7f7f7;
                height: auto;
                margin-bottom: 5px;
            }

            .actilenews .hotorlatest .hot li {
                color: #069AF7;
                width: 165px;
                padding: 0 10px;
                line-height: 30px;
            }

                .actilenews .hotorlatest .hot li a {
                    width: 165px;
                    display: block;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

        .actilenews .hotorlatest .latest .title {
            color: #069AF7;
            padding: 0 5px;
            font-size: 16px;
            line-height: 40px;
            position: relative;
        }

            .actilenews .hotorlatest .latest .title .iconhref {
                position: absolute;
                top: 13px;
                right: 10px;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAOBAMAAAARcxsoAAAAJFBMVEUAAAAkYKkkYKkkYKkkYKkkYKkkYKkkYKkkYKkkYKkkYKkkYKnzUsGNAAAADHRSTlMAYtcdIcnGvbt9bFhudkAgAAAAM0lEQVQI12NoYQCCRQZAglEZxBQCM1VATDEQk1MBSJgLMDAwKwIZRjCGkwCQCASp2gDEAKS/BHWZ4WvfAAAAAElFTkSuQmCC) no-repeat center center;
                width: 7px;
                height: 14px;
            }

        .actilenews .hotorlatest .latest {
            background: #fff;
            border-top: 2px solid #069AF7;
            padding: 0 5px 1px 5px;
            width: 190px;
        }

            .actilenews .hotorlatest .latest .item {
                background: #f7f7f7;
                margin-bottom: 10px;
                height: 160px;
                width: 190px;
                display: block;
                color: #000000;
            }

                .actilenews .hotorlatest .latest .item .l_img {
                    width: 190px;
                    height: 120px;
                    overflow: hidden;
                }

                .actilenews .hotorlatest .latest .item p {
                    text-align: center;
                }
/*************帮助中心内容页***************/
.news_nav {
    background: #f7f7f7;
}

    .news_nav .nav {
        padding: 18px 0;
    }

        .news_nav .nav a {
            color: #999999;
        }

    .news_nav .bill {
        margin-bottom: 30px;
    }

        .news_nav .bill .bill_nav {
            width: 100%;
        }

            .news_nav .bill .bill_nav .bill_list {
                float: left;
                width: 285px;
                background: #ffffff;
                height: 150px;
                text-align: center;
                color: #000000;
            }

                .news_nav .bill .bill_nav .bill_list.active {
                    border: 1px solid #d1dce9;
                    box-shadow: 0 0 5px 0 #d1dce9;
                    width: 283px;
                }

                .news_nav .bill .bill_nav .bill_list:hover {
                    border: 1px solid #d1dce9;
                    box-shadow: 0 0 5px 0 #d1dce9;
                    width: 283px;
                }

                .news_nav .bill .bill_nav .bill_list img {
                    margin-top: 26px;
                }

                .news_nav .bill .bill_nav .bill_list:nth-child(n+2) {
                    margin-left: 20px;
                }

                .news_nav .bill .bill_nav .bill_list p:nth-child(2n) {
                    font-size: 24px;
                }

                .news_nav .bill .bill_nav .bill_list p:nth-child(2n+1) {
                    color: #999999;
                }

        .news_nav .bill .bill_sreach {
            margin: 30px 0;
        }

            .news_nav .bill .bill_sreach p {
                margin: 0 auto;
                height: 50px;
                border: 1px solid #dddddd;
                background: #ffffff;
                width: 900px;
                border-radius: 5px;
            }

                .news_nav .bill .bill_sreach p .bill_input {
                    height: 50px;
                    border: 0;
                    padding-left: 40px;
                    background: url(../images/news_sreach.png) no-repeat left center;
                    background-position-x: 9px;
                    width: 760px;
                }

                .news_nav .bill .bill_sreach p .bill_button {
                    width: 99px;
                    color: #ffffff;
                    background: #069AF7;
                    height: 50px;
                    border-top-right-radius: 5px;
                    border-bottom-right-radius: 5px;
                }

            .news_nav .bill .bill_sreach .sreach_lable {
                padding-left: 150px;
            }

                .news_nav .bill .bill_sreach .sreach_lable label {
                    color: #999999;
                }

                .news_nav .bill .bill_sreach .sreach_lable a {
                    padding-right: 20px;
                    color: #069AF7;
                }

/**********************bug提交****************************/
.messagebug {
    background: #ffffff;
}

    .messagebug form {
        padding-left: 30px;
        border: 1px solid #D0D0D0;
        padding: 50px 0 30px 30px;
    }

    .messagebug .item {
        width: 540px;
        float: left;
        position: relative;
        margin-bottom: 20px;
        margin-right: 30px;
        min-height: 40px;
        height: auto;
        border: 1px solid #dddddd;
    }

    .messagebug .item_2 {
        margin-left: 30px;
        margin-right: 0px;
    }

    .messagebug .item.tarea {
        width: 1140px;
        height: 200px;
    }

    .messagebug .item.radio {
        width: 1140px;
    }

    .messagebug .item .txt_tarea {
        width: 1136px;
        text-indent: 110px;
        line-height: 35px;
        height: 196px;
        resize: none;
        border: 0;
        color: #6b6b6b;
    }

    .messagebug .item .icon_span {
        position: absolute;
        right: 20px;
        line-height: 40px;
        top: 0;
        color: #FF0000;
    }

    .messagebug .item .label {
        display: block;
        position: absolute;
        width: 100px;
        left: 0;
        top: 0;
        text-align: right;
        line-height: 40px;
    }

    .messagebug .item .txt {
        border: 0;
        width: 430px;
        padding-left: 110px;
        height: 40px;
        line-height: 40px;
        color: #6b6b6b;
    }

    .messagebug .item .select_1 {
        cursor: pointer;
    }

    .messagebug .item .select {
        width: 430px;
        margin-left: 110px;
        height: 40px;
        border: 0;
        color: #6b6b6b;
    }

    .messagebug .item .txt_radio {
        width: width: 1134px;
        min-height: 40px;
        padding-left: 110px;
        width: 1030px;
        border: 1px solid #dddddd;
        line-height: 40px;
    }

        .messagebug .item .txt_radio .r_2 {
            margin-left: 20px;
        }

    .messagebug .item_btn {
        text-align: center;
    }

        .messagebug .item_btn .btn {
            width: 200px;
            border-radius: 5px;
            color: #FFFFFF;
            background: #069AF7;
            margin: 30px 0;
            height: 40px;
        }
/**************************************************/
.new_dateil {
    margin-bottom: 100px;
    height: auto;
}

    .new_dateil .new_menu {
        background: #f5f5f5;
        width: 180px;
        padding-top: 10px;
    }

        .new_dateil .new_menu li {
            line-height: 60px;
            position: relative;
            cursor: pointer;
        }

        .new_dateil .new_menu .from_help .on {
            width: 160px;
            line-height: 38px;
            color: #666666;
            margin-bottom: 10px;
            height: 38px;
            border-radius: 5px;
            margin-left: 10px;
        }

        .new_dateil .new_menu li a {
            font-weight: bold;
            padding: 0 20px;
            color: #666666;
            display: block;
            height: 38px;
            line-height: 38px;
            width: 160px;
        }

        .new_dateil .new_menu .active a {
            color: #ffffff;
        }

        .new_dateil .new_menu .active {
            background: #2e9fd3;
            color: #ffffff;
        }

            .new_dateil .new_menu .active img {
                filter: initial
            }

        .new_dateil .new_menu li img {
            float: left;
            padding-top: 10px;
            padding-right: 14px;
            width: 20px;
            filter: drop-shadow(0 0 #069AF7);
        }

        .new_dateil .new_menu li.an {
            background: #1b5498;
        }

        .new_dateil .new_menu li .icon {
            position: absolute;
            top: 25px;
            right: 10px;
            width: 11px;
            height: 10px;
            background: url(../images/help_bottom.png) no-repeat;
        }

        .new_dateil .new_menu li .icon2 {
            background: url(../images/help_top.png) no-repeat;
        }

        .new_dateil .new_menu li:after {
            color: #009E94;
        }

        .new_dateil .new_menu li dd {
            color: #ffffff;
            padding-left: 54px;
            width: 126px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            cursor: pointer;
        }

            .new_dateil .new_menu li dd a {
                font-size: 14px;
                height: 40px;
                line-height: 40px;
            }

    .new_dateil .news {
        background: #ffffff;
    }

    .new_dateil .new_list_content {
        width: 1018px;
        border: 1px solid #dddddd;
        min-height: 660px;
    }

        .new_dateil .new_list_content .navigation {
            height: 60px;
            line-height: 60px;
            padding-left: 20px;
            background: #f7f7f7;
            color: #666666;
            font-size: 16px;
            font-weight: bold;
        }

            .new_dateil .new_list_content .navigation a, .new_dateil .fr .navigation span {
                color: #666666;
                padding: 0 5px;
            }

            .new_dateil .new_list_content .navigation.navlist a {
                font-size: 14px;
            }

        .new_dateil .new_list_content .news_d {
            padding: 30px;
            line-height: 28px;
        }

            .new_dateil .new_list_content .news_d .title {
                text-align: center;
                font-size: 24px;
            }

            .new_dateil .new_list_content .news_d .information {
                padding-top: 20px;
                text-align: center;
            }

                .new_dateil .new_list_content .news_d .information span:nth-child(1) {
                    color: #999999;
                    padding-right: 98px;
                }

                .new_dateil .new_list_content .news_d .information span:nth-child(2) {
                    color: #069AF7;
                    padding-right: 98px;
                }

            .new_dateil .new_list_content .news_d .hr {
                display: block;
                height: 1px;
                background: #999999;
                margin-top: 20px;
            }

            .new_dateil .new_list_content .news_d .content {
                padding: 38px 0;
                line-height: 24px;
            }

            .new_dateil .new_list_content .news_d .newslist {
                padding: 50px 80px;
            }

                .new_dateil .new_list_content .news_d .newslist .list {
                    width: 50%;
                    float: left;
                    list-style: disc;
                    color: #c9c5c5;
                }

                    .new_dateil .new_list_content .news_d .newslist .list a {
                        color: #666666;
                        width: 85%;
                        display: block;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        height: 40px;
                        line-height: 40px;
                    }



/****************会员中心 左侧菜单*****************/
.warpper {
    background: #f7f7f7;
    margin-bottom: 100px;
}

    .warpper .nav {
        line-height: 46px;
    }

        .warpper .nav span {
            color: #069AF7;
        }
            .warpper .nav span.gray {
                color: #999999;
            }


    .warpper .warp {
    }

        .warpper .warp .user_left {
            width: 200px;
        }

            .warpper .warp .user_left .user {
                background: #fff;
            }

                .warpper .warp .user_left .user ._user {
                    border-bottom: 1px solid #e8e8e8;
                    padding: 15px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    flex-direction: column;
                }

                    .warpper .warp .user_left .user ._user .user_logo {
                        border-radius: 50%;
                        width: 60px;
                        height: 60px;
                    }

                    .warpper .warp .user_left .user ._user ._username {
                        font-size: 16px;
                    }

                    .warpper .warp .user_left .user ._user ._userid {
                        font-size: 12px;
                        color: #999999;
                    }

                    .warpper .warp .user_left .user ._user ._userimg {
                        margin-bottom: 7px;
                    }

                .warpper .warp .user_left .user ._userother {
                    padding: 10px 15px;
                }

                .warpper .warp .user_left .user p {
                    height: 27px;
                    line-height: 27px;
                    font-size: 12px;
                    display: flex;
                    justify-content: left;
                    align-items: center;
                }

                    .warpper .warp .user_left .user p label {
                        color: #555555;
                        float: left;
                    }

                        .warpper .warp .user_left .user p label._uolevel {
                            width: 90px;
                            height: 10px;
                            background: #E8E8E8;
                            border-radius: 5px;
                            margin-right: 5px;
                            position: relative;
                        }

                            .warpper .warp .user_left .user p label._uolevel b {
                                display: block;
                                position: absolute;
                                left: 0;
                                top: 0;
                                height: 10px;
                                border-radius: 5px;
                            }

                                .warpper .warp .user_left .user p label._uolevel b.b1 {
                                    width: 25%;
                                    background: #FF0000;
                                }

                                .warpper .warp .user_left .user p label._uolevel b.b2 {
                                    width: 50%;
                                    background: #fe9901;
                                }

                                .warpper .warp .user_left .user p label._uolevel b.b3 {
                                    width: 75%;
                                    background: #cecb0c;
                                }

                                .warpper .warp .user_left .user p label._uolevel b.b4 {
                                    width: 100%;
                                    background: #44a800;
                                }

            .warpper .warp .user_left .user_menu {
                background: #ffffff;
                margin-top: 10px;
            }

                .warpper .warp .user_left .user_menu .menu_title {
                    height: 50px;
                    border-bottom: 1px solid #dddddd;
                    line-height: 50px;
                    padding-left: 65px;
                }

            .warpper .warp .user_left > .user_menu .menu_title {
                background: url(../images/menu_01.png) no-repeat center;
                background-position-x: 39px;
            }

            .warpper .warp .user_left > .user_menu + .user_menu .menu_title {
                background: url(../images/menu_02.png) no-repeat center;
                background-position-x: 39px;
            }

            .warpper .warp .user_left > .user_menu + .user_menu + .user_menu .menu_title {
                background: url(../images/menu_03.png) no-repeat center;
                background-position-x: 37px;
            }

            .warpper .warp .user_left > .user_menu + .user_menu + .user_menu + .user_menu .menu_title {
                background: url(../images/menu_04.png) no-repeat center;
                background-position-x: 39px;
            }

            .warpper .warp .user_left > .user_menu + .user_menu + .user_menu + .user_menu + .user_menu .menu_title {
                background: url(../images/menu_05.png) no-repeat center;
                background-position-x: 39px;
            }

            .warpper .warp .user_left .user_menu .nav_menu {
                height: 42px;
                line-height: 42px;
                display: block;
                padding-left: 64px;
                color: #000000;
            }

                .warpper .warp .user_left .user_menu .nav_menu.active {
                    color: #069AF7;
                    font-weight: bold;
                }

        /****************会员中心  我要充值 recharge*****************/

        .warpper .warp .recharge {
            min-height: 1400px;
            width: 930px;
            background: #ffffff;
            margin-left: 10px;
            padding: 30px;
        }

            .warpper .warp .recharge .r_nav {
                border-bottom: 1px solid #eeeeee;
            }

                .warpper .warp .recharge .r_nav span {
                    line-height: 38px;
                    padding-left: 5px;
                    font-size: 18px;
                    color: #000000;
                }

            .warpper .warp .recharge .r_warp {
                padding-top: 17px;
            }

                .warpper .warp .recharge .r_warp .list:nth-child(n+2) {
                    margin-top: 10px;
                }

                .warpper .warp .recharge .r_warp .list .lable {
                    display: block;
                    width: 115px;
                    text-align: right;
                    line-height: 40px;
                }

                .warpper .warp .recharge .r_warp .list .money {
                    width: 560px
                }

                    .warpper .warp .recharge .r_warp .list .money .price {
                        display: block;
                        width: 100px;
                        height: 40px;
                        line-height: 40px;
                        text-align: center;
                        float: left;
                        border: 1px solid #dddddd;
                        margin-right: 10px;
                        border-radius: 5px;
                    }

                        .warpper .warp .recharge .r_warp .list .money .price + .price + .price + .price + .price + .price {
                            margin-top: 10px;
                        }

                        .warpper .warp .recharge .r_warp .list .money .price.active {
                            border: 1px solid #069AF7;
                            background: url(../images/recharge_active.png) no-repeat bottom right;
                        }

                .warpper .warp .recharge .r_warp .list .r_input {
                    height: 40px;
                    width: 80px;
                    padding: 0 10px;
                    border: 1px solid #dddddd;
                    border-radius: 5px;
                }

                .warpper .warp .recharge .r_warp .list .notice {
                    padding-left: 20px;
                    line-height: 40px;
                    color: #ff0000;
                }

                .warpper .warp .recharge .r_warp .list .pay_lable {
                    line-height: 60px;
                }

                .warpper .warp .recharge .r_warp .list .pay .paylist {
                    float: left;
                    margin-right: 20px;
                    border: 1px solid #dddddd;
                    border-radius: 5px;
                    height: 60px;
                }

                    .warpper .warp .recharge .r_warp .list .pay .paylist.active {
                        border: 1px solid #069AF7;
                        background: url(../images/recharge_active.png) no-repeat bottom right;
                    }

                .warpper .warp .recharge .r_warp .r_botton {
                    width: 145px;
                    height: 40px;
                    background: #069AF7;
                    color: #ffffff;
                    font-size: 16px;
                    margin: 50px auto;
                    border-radius: 5px;
                    margin-left: 340px;
                }

        /****************会员中心  我要提现 withdrawal*****************/
        .warpper .warp .withdrawal {
            min-height: 1400px;
            width: 930px;
            background: #ffffff;
            margin-left: 10px;
            padding: 30px;
        }

            .warpper .warp .withdrawal .wr_nav {
                border-bottom: 1px solid #eeeeee;
            }

                .warpper .warp .withdrawal .wr_nav span {
                    line-height: 38px;
                    padding-left: 5px;
                    font-size: 18px;
                    color: #000000;
                }

            .warpper .warp .withdrawal .wr_warp {
                padding-top: 17px;
            }

                .warpper .warp .withdrawal .wr_warp .notice {
                    background: #e9eff6;
                    padding: 12px;
                    border-radius: 5px;
                    border: 1px solid #bdcfe5;
                    color: #069AF7;
                }

                    .warpper .warp .withdrawal .wr_warp .notice .n_content {
                        padding-left: 10px;
                    }

                    .warpper .warp .withdrawal .wr_warp .notice .fl {
                        font-size: 12px;
                    }

                .warpper .warp .withdrawal .wr_warp .balance {
                    background: #f7f7f7;
                    height: 60px;
                    margin-top: 10px;
                    border: 1px solid #e8e8e8;
                    border-radius: 5px;
                }

                    .warpper .warp .withdrawal .wr_warp .balance .b_list {
                        width: 309px;
                        height: 60px;
                        line-height: 60px;
                        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA6AQMAAABLZqGkAAAABlBMVEXe3t739/e1sr6SAAAAEElEQVQI12NowAMpAPjMBQAsoQ4BUFvKDgAAAABJRU5ErkJggg==) no-repeat center right;
                        float: left;
                        text-align: center;
                        line-height: 60px;
                    }

                        .warpper .warp .withdrawal .wr_warp .balance .b_list:nth-last-child(1) {
                            background: none;
                        }

                        .warpper .warp .withdrawal .wr_warp .balance .b_list label {
                            font-size: 16px;
                            color: #999999;
                        }

                        .warpper .warp .withdrawal .wr_warp .balance .b_list .price {
                            font-size: 24px;
                            padding: 0 10px;
                        }

                .warpper .warp .withdrawal .wr_warp .list {
                    height: 60px;
                    margin-top: 10px;
                    line-height: 60px;
                }

                    .warpper .warp .withdrawal .wr_warp .list .lable {
                        display: block;
                        width: 115px;
                        text-align: right;
                        line-height: 60px;
                    }

                    .warpper .warp .withdrawal .wr_warp .list .select {
                        height: 40px;
                        padding: 0 5px;
                        margin-top: 10px;
                        border-radius: 5px;
                        min-width: 280px;
                        border: 1px solid #dddddd;
                    }

                    .warpper .warp .withdrawal .wr_warp .list .wr_input {
                        margin-top: 10px;
                        height: 40px;
                        width: 78px;
                        padding: 0 10px;
                        border: 1px solid #dddddd;
                        border-radius: 5px;
                    }

                        .warpper .warp .withdrawal .wr_warp .list .wr_input.pwd {
                            width: 280px;
                        }

                    .warpper .warp .withdrawal .wr_warp .list a {
                        text-decoration: underline;
                        color: #069AF7;
                        line-height: 60px;
                        padding-left: 10px;
                    }

                    .warpper .warp .withdrawal .wr_warp .list .wr_price_a {
                        padding-left: 40px;
                    }

                    .warpper .warp .withdrawal .wr_warp .list .price {
                        padding-left: 10px;
                    }

                .warpper .warp .withdrawal .wr_warp .r_botton {
                    width: 145px;
                    height: 40px;
                    background: #069AF7;
                    color: #ffffff;
                    font-size: 16px;
                    margin: 50px auto;
                    border-radius: 5px;
                    margin-left: 340px;
                }

        /****************会员中心  账户设置 account*****************/
        .warpper .warp .account {
            min-height: 1400px;
            width: 950px;
            margin-left: 10px;
            padding: 0 30px 30px 10px;
        }

            .warpper .warp .account .account_top {
                width: 100%;
                background: #ffffff;
                margin-top: 30px;
                height: 180px;
            }

                .warpper .warp .account .account_top .account_file {
                    position: relative;
                    margin-left: 20px;
                    width: 170px;
                }

                    .warpper .warp .account .account_top .account_file .img {
                        text-align: center;
                        position: absolute;
                        width: 170px;
                        height: 160px;
                        top: -30px;
                        background: #ffffff;
                        border-radius: 5px;
                    }

                        .warpper .warp .account .account_top .account_file .img .logo_img {
                            width: 150px;
                            height: 150px;
                            margin-top: 10px;
                        }
                    /*.warpper .warp .account .account_top .account_file:before{content: '上传图像'; position: absolute;top: 135px; left:10px;z-index: 0; width: 148px;border:1px solid #e8e8e8; text-align: center;border-radius: 5px; background: #fdfdfd;}*/
                    .warpper .warp .account .account_top .account_file .file {
                        margin-top: 135px;
                        opacity: 0;
                        width: 150px;
                        margin-left: 10px;
                    }

                .warpper .warp .account .account_top .user_info {
                    padding-left: 20px;
                    position: relative;
                    width: 740px;
                }

                    .warpper .warp .account .account_top .user_info .user_info_name {
                        padding-top: 20px;
                        height: 25px;
                    }

                        .warpper .warp .account .account_top .user_info .user_info_name .username {
                            font-size: 24px;
                            font-weight: bold;
                            float: left;
                            line-height: 25px;
                        }

                        .warpper .warp .account .account_top .user_info .user_info_name .userid {
                            background: #f2f7fe;
                            color: #808285;
                            border-radius: 5px;
                            margin-left: 20px;
                            float: left;
                            padding: 0 10px;
                            height: 20px;
                            line-height: 20px;
                            margin-top: 5px;
                        }

                    .warpper .warp .account .account_top .user_info .user_info_money {
                        padding-top: 15px;
                    }

                        .warpper .warp .account .account_top .user_info .user_info_money .balance {
                            color: #8e8e8e;
                        }

                        .warpper .warp .account .account_top .user_info .user_info_money b {
                            color: #f37600;
                            padding-left: 10px;
                        }

                        .warpper .warp .account .account_top .user_info .user_info_money .freeze {
                            color: #8e8e8e;
                            margin-left: 30px;
                        }

                        .warpper .warp .account .account_top .user_info .user_info_money .mention {
                            padding-left: 30px;
                            color: #317cd8;
                            text-decoration: underline;
                        }

                    .warpper .warp .account .account_top .user_info .user_info_store {
                        color: #8e8e8e;
                    }

                    .warpper .warp .account .account_top .user_info .user_info_user {
                        color: #8e8e8e;
                    }

                    .warpper .warp .account .account_top .user_info .iwantbuy {
                        position: absolute;
                        top: 20px;
                        right: 160px;
                        text-align: center;
                        width: 120px;
                        height: 32px;
                        line-height: 32px;
                        color: #000000;
                        border: 1px solid #d9d4d4;
                        border-radius: 5px;
                    }

                    .warpper .warp .account .account_top .user_info .iwantsell {
                        position: absolute;
                        top: 20px;
                        right: 20px;
                        text-align: center;
                        width: 120px;
                        height: 32px;
                        line-height: 32px;
                        color: #ffffff;
                        border: 1px solid #d9d4d4;
                        border-radius: 5px;
                        background: #069AF7;
                    }

            .warpper .warp .account .ac_nav {
                border-bottom: 1px solid #eeeeee;
            }

                .warpper .warp .account .ac_nav span {
                    line-height: 38px;
                    padding-left: 5px;
                    font-size: 18px;
                    color: #000000;
                }

            .warpper .warp .account .ac_warp {
                background: #ffffff;
                margin-top: 20px;
                padding: 30px;
            }

                .warpper .warp .account .ac_warp .list {
                    height: 70px;
                    width: 860px;
                    border-bottom: 1px solid #dddddd;
                    padding-left: 30px;
                }

                    .warpper .warp .account .ac_warp .list.nick {
                        background: url(../images/usernick.png) no-repeat center left;
                    }

                    .warpper .warp .account .ac_warp .list.logo {
                        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAMFBMVEUAAAAsePMqePMrePYrePQrd/UrePUrePQpd/Yrd/UpevkudvArdvQpevUrePUrePW7wTJ0AAAAD3RSTlMAQIC/pq3fYFExJxBwGZW43Tz9AAAAfElEQVQY02PADzYKCgrC2Oz/gaABzJxibGYoKCj82diQgYHzm7HdAgYGLmPj/AkMPH9hqu8fYGD6AOPwK0A4Kk4IDv///x/gHH0Fpk9wTjwDw1c4x5+B4QuGMkwDGFSD4EaDASaH47sgFNQ3MHDb/4eCzxuAjofJCDAQCQC0izO1Q9KwiwAAAABJRU5ErkJggg==) no-repeat center left;
                    }

                    .warpper .warp .account .ac_warp .list.email {
                        background: url(../images/email.png) no-repeat center left;
                    }

                    .warpper .warp .account .ac_warp .list.qq {
                        background: url(../images/userqq.png) no-repeat center left;
                    }

                    .warpper .warp .account .ac_warp .list.pwd {
                        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAgVBMVEUAAAA4ePQ5evI5evI5efE3dvE5evI5evI5efIzffk2efQ5evM4evM4d/E3ePQ4evQ4evI5d/IwgP4yfvs2efU5efI4efI5efI4evI2evMyf/04efI1e/g5ePQ5evE3evI3evU4efE1fPc4efA3evM4evE5evE4efI4efI4efE5evIjDk5oAAAAKnRSTlMAbK8//SrQ1PE6B6eGIgTcvW89LRXr2MzDVkkmEQyjmmlRRbStl458e3lCvfkcAAAAxklEQVQoz3WO6RKCMAwGg0QKLTcIyOF9fu//gDIKtgLur81sZhIayZOYOU5ymuBF4LIEIo9+yBh+IGXjgzMykCW2H9uikkY4Yjfqrl/RXHHSOzcjVNyMuubKCMLV7opBwocQgHAGei+ce0gkL4C7cTEwDEpSijgIg2z9JevHmFM66Ic0NQ6UwJsHDwlZsOfBhmUG37EXQ7eBvxja6E8IIzyXb1jnxgyL775DOg9pH2rsO5rQ7VFTW7BQqx+U4KIlyhVjAqucXhgTFQNxZs1+AAAAAElFTkSuQmCC) no-repeat center left;
                    }

                    .warpper .warp .account .ac_warp .list.paypwd {
                        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAANlBMVEUAAAAbcPQabvUbbvQQcP8bb/QabvUabvUYcPcabvUbcPQab/UbbvQacPUab/UZbfYYcPcbb/VkEGHmAAAAEXRSTlMAYKDAEPCA4ECwMM+QUN9wIIZrOW0AAACsSURBVCjPZY9ZEsMwCEPZsbO01f0v26aZCbHDh8ejBxLQUE1WrMI0lSlSQhJqo7762cvuA1FffjRyp8X17o+jP9g6E4MLiB9vGpHslFJA9T/XiSxJXgUQZ3I3DgrME0Qtw0jynlE7Dhkdy/Vn7DVQG153lL5YXX7XGa7RHfrQuyhU2uyDWmXIDdBTLzDrHwdy0Lez/4142wBUy+cBGOVT4BUbpDWbQVPVjZ71BQsrBTvkiH1tAAAAAElFTkSuQmCC) no-repeat center left;
                    }

                    .warpper .warp .account .ac_warp .list.payment {
                        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAPCAMAAADJev/pAAAAOVBMVEUAAAAbbvQbb/Qab/UYbfcbcPQabvUbbvQbbvUbcPQYcPcbb/QabvUZbfYacPUQcP8abvUYcPcbb/WH9PrkAAAAEnRSTlMAwL/gPzCwkNBgIPCgb1AQgEAMvY6SAAAAa0lEQVQY043PSw6AIAwE0AIKyFd7/8PaYhpqZOFbtUwIA9gpgIZTpLV7Z3dYcEgWyYHM85jx4UZwjtnwaIS6UeAr0nlOPO0bSxJcFFSpq4qkwG+PpRgWgDUrTWp/d528DpoKAjj9D02CCD/dDbwIVF1CyE4AAAAASUVORK5CYII=) no-repeat center left;
                    }

                    .warpper .warp .account .ac_warp .list.bindphone {
                        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAYCAMAAAArvOYAAAAAOVBMVEUAAAAYcPcabvUabvUbbvQbb/QabvUZbfYbbvQabvUbcPQabvUacPUYcPcQcP8abvUab/Uab/Ubb/WaorvoAAAAEnRSTlMAQH+AwL/QcJCgMLBQIBDg35/lGv9DAAAAYElEQVQY09XRSw6AIAxF0YdVfiLq2/9iLRICxsS5J2HQO2DQApCDjXVQK700gQJsdOg8AcMMM1VRp/KAwMrpZErpflyWgb3LPLBf/1iGXjJUklRLfG21bn5qTgqU7I/rXP4ABwSLUhCqAAAAAElFTkSuQmCC) no-repeat center left;
                        background-position-x: 3px;
                    }

                    .warpper .warp .account .ac_warp .list.withdrawalbind {
                        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAANlBMVEUAAAAabvUbbvQYcPcbb/QYbfcabvUabvUYcPcQcP8abvUbbvQab/UZbfYbcPQabvUacPUbb/VbTsORAAAAEXRSTlMAgMBAvz/QoCAQsJCvcDDgUFGTDwcAAAB9SURBVBjTpcw5DsMwDETRIWVT1GInvP9lIwouBBGp/KvBKwaFjhAVkFBICEwIEQ/Wc0snkwkviX0nwxKWkuE/t+Pc+ZSGUnlnrsWHs8qYRW5nt4fROpAzNnYjRuAmZkKBNeWcNHC1UQ0MkF9Evq7Iszf86bTU5eE781LWQT/BiwWvQaXXFAAAAABJRU5ErkJggg==) no-repeat center left;
                        background-position-x: 2px;
                    }

                    .warpper .warp .account .ac_warp .list.quicklogin {
                        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAP1BMVEUAAAAbbvQab/UZbvYQcP8abvUYcPcbcPQYcPcbb/QZbvYZbvUZbfYacPUabvUab/UbbvQabvUYbfUbb/Qbb/U6ZmbCAAAAFHRSTlMAwO9/ENBAMCBgobBwUODfkP6Uj1Upm0EAAADCSURBVCjPdZBZEoMwDENtZ9+gtLr/WUsMZWgA/WQsjV6c0IPsg2+mW9tPcDd2LFiWfIUbQAAz+knABW+kAe4wtYRc4f/gGWIowK24eIYLciQrEqngBJ/Bve86hY9tA0P0vpfuI7xTMmCs9lD6gZf6K7zErSiu515rbYbze3OWQBo0ogogB1Ix2obQZ8TqgPkT1lnRGuixZ7GB6dekQ6GSTJaiDo7pLHD/jmSJcA2yACXBjMGq1rM6Biqbih+De/lwnr5fxQg8WSFAlwAAAABJRU5ErkJggg==) no-repeat center left;
                    }

                    .warpper .warp .account .ac_warp .list .title {
                        width: 75px;
                        text-align: left;
                        line-height: 70px;
                        font-weight: bold;
                    }

                    .warpper .warp .account .ac_warp .list .description {
                        line-height: 70px;
                        font-size: 12px;
                        color: #adadad;
                        width: 545px;
                        padding-left: 40px;
                    }

                    .warpper .warp .account .ac_warp .list .status {
                        width: 100px;
                        color: #98c277;
                        font-size: 12px;
                        line-height: 70px;
                        text-align: center;
                    }

                    .warpper .warp .account .ac_warp .list .no_status {
                        width: 100px;
                        color: #f48226;
                        font-size: 12px;
                        line-height: 70px;
                        text-align: center;
                    }

                    .warpper .warp .account .ac_warp .list .operation {
                        width: 100px;
                        text-align: right;
                        line-height: 70px;
                        text-decoration: underline;
                    }

                        .warpper .warp .account .ac_warp .list .operation a {
                            color: #069AF7;
                        }

                    .warpper .warp .account .ac_warp .list .img {
                        line-height: 70px;
                    }

                        .warpper .warp .account .ac_warp .list .img .bind_qq {
                            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAPFBMVEUAAAAabvUbb/QabvUYcPcQcP8acPUbcPQbcPQabvUbbvQbbvUab/Uab/UYcPcabvUbbvQZbfYZbvYbb/Xnv6AvAAAAE3RSTlMAsPCAIBBQYDCgwNDPn0DgkHBvnDXZEwAAALFJREFUKM91UVsShCAMo1BBUNSV+991oS92nDU/0tQmJTgB3rC3tsONVBpdm6Euk4++/cBH5VN7IMn/UkIIIEeaQc8C6yhWKYZPboTOU4er3AdERw1FDd2HD0EbQf1BlQSHKmz03ZxCiN2ZxcPE6XqGxXNjU2vDNZjCk4eSZg+8brwWU6qR18X/90CJ5JwTJ0WiIRbKiW5ZbMtomVvy8e2h3p/WHPPkM+kbMEF3LZBQiC9dcBUErdFVzgAAAABJRU5ErkJggg==) no-repeat center right;
                            width: 24px;
                            height: 70px;
                            display: block;
                            margin-left: 50px;
                        }

                        .warpper .warp .account .ac_warp .list .img .bind_wx {
                            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAPFBMVEUAAABFuzVGvDZFujVIvzBAvzBGuzZFujVEuzREuzRFujVGujVFujVFujVFuzZFuzVFujVGvDZGuzZGuzbawrU5AAAAE3RSTlMA8FBgIBCwwHBA0KAwkOC/n1+ASaJEAgAAAL5JREFUKM99kQsSgyAMRBdIkJ9Vy/3vWklTYLTtGycyCWHZAIWCT7UmfxBmaK+dnUfemjphLBRXLzjdX29ID5l7wTSdLMscKdqlVzJAsqNc1Qih/SLcDniL59D3Z3wA0QGhUL+IRzrjAqGEAqjQgiodDVZjXiqQGEQZMMwG/C6k7tUCJJ+cro2ZjrhCMSIepJAmM5JxoOtYrRpEroPHtm1rW7Rj+esQf4w9/n2o+9NGdDiP/MqYYeeX0693n/QL3i8YnEmBe9EAAAAASUVORK5CYII=) no-repeat center center;
                            width: 24px;
                            height: 70px;
                            display: block;
                            margin-left: 10px;
                        }


        /****************会员中心  我要卖 orderlist*****************/
        .warpper .warp .wantsell {
            width: 1200px;
            margin: 0 auto;
        }

            .warpper .warp .wantsell .progress {
                width: 1198px;
                background: #ffffff;
                height: 130px;
                position: relative;
                border: 1px solid #e2e2e2;
            }

                .warpper .warp .wantsell .progress .bottomline {
                    position: absolute;
                    background: #e4e4e4;
                    height: 2px;
                    width: 736px;
                    margin: 0 auto;
                    top: 51px;
                    left: 232px;
                    z-index: 1;
                }

                .warpper .warp .wantsell .progress .progressline {
                    position: absolute;
                    height: 2px;
                    width: 736px;
                    margin: 0 auto;
                    top: 51px;
                    left: 232px;
                    z-index: 2;
                }

                    .warpper .warp .wantsell .progress .progressline .line {
                        background: #1b6ff5;
                        height: 2px;
                    }

                .warpper .warp .wantsell .progress .proul {
                    width: 780px;
                    position: absolute;
                    top: 32px;
                }

                    .warpper .warp .wantsell .progress .proul .first {
                        width: 90px;
                        height: 68px;
                        position: absolute;
                        left: 185px;
                        z-index: 3;
                        text-align: center;
                    }

                        .warpper .warp .wantsell .progress .proul .first i {
                            width: 44px;
                            height: 44px;
                            display: block;
                            background: url(../images/first_active.png) no-repeat center center;
                            margin: 0 auto;
                        }

                        .warpper .warp .wantsell .progress .proul .first span {
                            color: #1b6ff5;
                        }

                    .warpper .warp .wantsell .progress .proul .second {
                        width: 84px;
                        height: 68px;
                        position: absolute;
                        left: 556px;
                        z-index: 3;
                        text-align: center;
                    }

                        .warpper .warp .wantsell .progress .proul .second i {
                            width: 44px;
                            height: 44px;
                            display: block;
                            background: url(../images/second.png) no-repeat center center;
                            margin: 0 auto;
                        }

                        .warpper .warp .wantsell .progress .proul .second.active i {
                            width: 44px;
                            height: 44px;
                            display: block;
                            background: url(../images/second_active.png) no-repeat center center;
                            margin: 0 auto;
                        }

                        .warpper .warp .wantsell .progress .proul .second span {
                            color: #aeaeae;
                        }

                        .warpper .warp .wantsell .progress .proul .second.active span {
                            color: #1b6ff5;
                        }

                    .warpper .warp .wantsell .progress .proul .third {
                        width: 90px;
                        height: 68px;
                        position: absolute;
                        left: 921px;
                        z-index: 3;
                        text-align: center;
                    }

                        .warpper .warp .wantsell .progress .proul .third i {
                            width: 44px;
                            height: 44px;
                            display: block;
                            background: url(../images/third.png) no-repeat center center;
                            margin: 0 auto;
                        }

                        .warpper .warp .wantsell .progress .proul .third.active i {
                            width: 44px;
                            height: 44px;
                            display: block;
                            background: url(../images/third_active.png) no-repeat center center;
                            margin: 0 auto;
                        }

                        .warpper .warp .wantsell .progress .proul .third span {
                            color: #aeaeae;
                        }

                        .warpper .warp .wantsell .progress .proul .third.active span {
                            color: #1b6ff5;
                        }

            .warpper .warp .wantsell .history {
                border: 1px solid #e2e2e2;
                border-top: 0px;
                width: 1158px;
                height: 50px;
                line-height: 50px;
                padding: 0 20px;
                background: #fafafa;
                margin-bottom: 20px;
            }

                .warpper .warp .wantsell .history span {
                    color: #999999;
                    float: left;
                    padding-right: 5px;
                }

                .warpper .warp .wantsell .history font {
                    color: #000000;
                    padding: 0 2px;
                    float: left;
                }

                .warpper .warp .wantsell .history b {
                    color: #000000;
                    padding: 0 2px;
                    float: left;
                }

                .warpper .warp .wantsell .history a {
                    float: right;
                    display: block;
                    width: 74px;
                    height: 24px;
                    border: 1px solid #e2e2e2;
                    background: #f37600;
                    color: #ffffff;
                    text-align: center;
                    line-height: 24px;
                    margin-top: 13px;
                    font-size: 12px;
                }

            .warpper .warp .wantsell .selectgame {
                background: #ffffff;
            }

                .warpper .warp .wantsell .selectgame .item {
                    border: 1px solid #e8e8e8;
                    border-left: 0px;
                    float: left;
                    height: 600px;
                }

                    .warpper .warp .wantsell .selectgame .item.firstdiv {
                        border-left: 1px solid #e8e8e8;
                    }

                    .warpper .warp .wantsell .selectgame .item .dttitle {
                        line-height: 56px;
                        height: 56px;
                        text-align: center;
                        font-size: 16px;
                        font-weight: bold;
                    }

                    .warpper .warp .wantsell .selectgame .item .dtsearch {
                        text-align: center;
                        position: relative;
                    }

                        .warpper .warp .wantsell .selectgame .item .dtsearch .txt {
                            width: 168px;
                            height: 32px;
                            border: 1px solid #E8E8E8;
                            border-radius: 5px;
                            margin: 0 14px;
                            padding-right: 30px;
                            padding-left: 10px;
                        }

                        .warpper .warp .wantsell .selectgame .item .dtsearch i {
                            background: url(../images/want_sreach.png) no-repeat center center;
                            width: 22px;
                            height: 22px;
                            position: absolute;
                            right: 20px;
                            top: 6px;
                            cursor: pointer;
                        }

                    .warpper .warp .wantsell .selectgame .item ul {
                        margin-top: 16px;
                        overflow-y: auto;
                        height: 480px;
                    }

                        .warpper .warp .wantsell .selectgame .item ul li {
                            height: 40px;
                            line-height: 40px;
                            padding: 0 18px;
                            cursor: pointer;
                            background: url(../images/want_right.png) no-repeat center right;
                            background-position-x: 210px;
                        }

                            .warpper .warp .wantsell .selectgame .item ul li.active {
                                border-left: 2px solid #1b6ff5;
                                background-color: #f1f5fa;
                                padding: 0 16px;
                                background-position-x: 208px;
                            }

                            .warpper .warp .wantsell .selectgame .item ul li:hover {
                                border-left: 2px solid #1b6ff5;
                                background-color: #f9f9f9;
                                padding: 0 16px;
                                background-position-x: 208px;
                            }

            .warpper .warp .wantsell .gameselected { /* background: #ffffff; */ /* margin-top: 10px; */ /* border: 1px solid #e2e2e2; */
                height: 48px;
                line-height: 48px; /* padding:  0 10px; */
                width: 80%; /* float: left; */
                display: inline-block;
            }

                .warpper .warp .wantsell .gameselected a {
                    display: inline-block;
                    background: none;
                    float: inherit;
                    border: 0px;
                    padding: 0px 10px;
                    width: auto;
                }


                .warpper .warp .wantsell .gameselected span {
                    color: #999999;
                }

                .warpper .warp .wantsell .gameselected a, .warpper .warp .wantsell .gameselected i {
                    color: #069AF7;
                }

            .warpper .warp .wantsell .btnfoot {
                text-align: center;
                margin-top: 20px;
            }

                .warpper .warp .wantsell .btnfoot .btn {
                    width: 180px;
                    height: 40px;
                    border: 1px solid #d6a87c;
                    background: #f37600;
                    border-radius: 5px;
                    color: #ffffff;
                    font-size: 16px;
                }

            .warpper .warp .wantsell .categorylist {
                margin-top: 20px;
                margin-bottom: 20px;
                background: #ffffff;
            }

                .warpper .warp .wantsell .categorylist .catetitle {
                    height: 48px;
                    color: #f37600;
                    line-height: 48px;
                    border: 1px solid #E2E2E2;
                    padding: 0 20px;
                }

                    .warpper .warp .wantsell .categorylist .catetitle .reamk {
                        color: #adadad;
                    }

                .warpper .warp .wantsell .categorylist .categorydateil {
                    margin: 30px 0;
                }

                .warpper .warp .wantsell .categorylist .item {
                    width: 100%;
                }

                    .warpper .warp .wantsell .categorylist .item .label {
                        display: block;
                        text-align: right;
                        width: 260px;
                        height: 60px;
                        line-height: 60px;
                        float: left;
                        padding: 0 20px;
                    }

                        .warpper .warp .wantsell .categorylist .item .label span {
                            color: #FF0000;
                            padding: 0 3px;
                            font-weight: bold;
                            line-height: 60px;
                        }

                    .warpper .warp .wantsell .categorylist .item .txt {
                        float: left;
                        border: 1px solid #e8e8e8;
                        height: 40px;
                        line-height: 40px;
                        padding: 0 10px;
                        width: 280px;
                        margin-top: 10px;
                        color: #000;
                    }

                    .warpper .warp .wantsell .categorylist .item input[readonly] {
                        color: #757575;
                    }

                    .warpper .warp .wantsell .categorylist .item .radiobind {
                        line-height: 40px;
                        margin-right: 10px;
                        display: block;
                        width: 150px;
                        float: left;
                    }

                        .warpper .warp .wantsell .categorylist .item .radiobind span {
                            margin-top: -5px;
                        }

                    .warpper .warp .wantsell .categorylist .item .isbind {
                        line-height: 40px;
                        background: url(../images/check.png) no-repeat center left;
                        position: relative;
                        z-index: 2;
                        padding-left: 20px;
                        color: #757575;
                        display: block;
                        width: 150px;
                        float: left;
                    }

                        .warpper .warp .wantsell .categorylist .item .isbind.checked {
                            background: url(../images/check_activr.png) no-repeat center left;
                        }

                        .warpper .warp .wantsell .categorylist .item .isbind .checkbox {
                            position: absolute;
                            left: 0;
                            top: 0px;
                            z-index: 1;
                            opacity: 0;
                            width: 100%;
                            height: 40px;
                        }

                    .warpper .warp .wantsell .categorylist .item .select {
                        width: 300px;
                        line-height: 40px;
                        height: 40px;
                        padding: 0 10px;
                        border: 1px solid #e8e8e8;
                        margin-top: 10px;
                        color: #000;
                    }

                        .warpper .warp .wantsell .categorylist .item .select option {
                            color: #a7a7a7;
                        }

                    .warpper .warp .wantsell .categorylist .item .txt_tt {
                        width: 800px;
                        height: 150px;
                        line-height: 25px;
                        resize: none;
                        float: left;
                        margin-top: 10px;
                        padding: 5px;
                        border: 1px solid #e8e8e8;
                    }

                    .warpper .warp .wantsell .categorylist .item .file_list {
                        border: 1px dashed #e8e8e8;
                        width: auto;
                        margin-top: 10px;
                        position: relative;
                        max-width: 898px;
                        float: left;
                    }

                        .warpper .warp .wantsell .categorylist .item .file_list .file_figure {
                            position: relative;
                            float: left;
                            margin: 15px;
                        }
                            /*主图*/
                            .warpper .warp .wantsell .categorylist .item .file_list .file_figure li {
                                float: left;
                                margin-right: 10px;
                                border: 1px solid #dddddd;
                                position: relative;
                                width: 160px;
                                height: 90px;
                                margin-bottom: 10px
                            }

                            .warpper .warp .wantsell .categorylist .item .file_list .file_figure .figure {
                                position: relative;
                                width: 160px;
                                cursor: pointer;
                            }

                            .warpper .warp .wantsell .categorylist .item .file_list .file_figure .productPhoto {
                                position: relative;
                                width: 160px;
                                cursor: pointer;
                            }

                                .warpper .warp .wantsell .categorylist .item .file_list .file_figure .productPhoto:hover {
                                    border: 1px solid #2460a6;
                                }

                                .warpper .warp .wantsell .categorylist .item .file_list .file_figure .productPhoto .opr {
                                    width: 100%;
                                    height: 15px;
                                    padding: 5px 0;
                                    position: absolute;
                                    left: 0;
                                    bottom: 0;
                                    background: rgba(0,0,0,0.85);
                                    color: #FFF;
                                    display: none;
                                }

                                    .warpper .warp .wantsell .categorylist .item .file_list .file_figure .productPhoto .opr > * {
                                        width: 15px;
                                        height: 15px;
                                        float: right;
                                        overflow: hidden;
                                        text-indent: -99em;
                                        cursor: pointer;
                                        margin-right: 5px;
                                    }

                                        .warpper .warp .wantsell .categorylist .item .file_list .file_figure .productPhoto .opr > *:hover {
                                            opacity: 0.5;
                                        }

                                    .warpper .warp .wantsell .categorylist .item .file_list .file_figure .productPhoto .opr .delete {
                                        background: url(../images/ico-delete.png) center center no-repeat;
                                    }

                                .warpper .warp .wantsell .categorylist .item .file_list .file_figure .productPhoto:hover .opr {
                                    display: block;
                                }

                            .warpper .warp .wantsell .categorylist .item .file_list .file_figure .add span {
                                position: absolute;
                                top: 0px;
                                left: 0px;
                                width: 160px;
                                height: 30px;
                                z-index: 4;
                                line-height: 30px;
                                text-align: center;
                                background: #000000;
                                color: #ffffff;
                                opacity: 0.6;
                            }

                            .warpper .warp .wantsell .categorylist .item .file_list .file_figure .figure .ptitle {
                                position: absolute;
                                top: 0px;
                                left: 0px;
                                width: 160px;
                                height: 30px;
                                z-index: 4;
                                line-height: 30px;
                                text-align: center;
                                background: #000000;
                                color: #ffffff;
                                opacity: 0.6;
                            }

                            .warpper .warp .wantsell .categorylist .item .file_list .file_figure .figure .opr {
                                width: 100%;
                                height: 15px;
                                padding: 5px 0;
                                position: absolute;
                                left: 0;
                                bottom: 0;
                                background: rgba(0,0,0,0.85);
                                color: #FFF;
                                display: none;
                            }

                                .warpper .warp .wantsell .categorylist .item .file_list .file_figure .figure .opr > * {
                                    width: 15px;
                                    height: 15px;
                                    float: right;
                                    overflow: hidden;
                                    text-indent: -99em;
                                    cursor: pointer;
                                    margin-right: 5px;
                                }

                                    .warpper .warp .wantsell .categorylist .item .file_list .file_figure .figure .opr > *:hover {
                                        opacity: 0.5;
                                    }

                                .warpper .warp .wantsell .categorylist .item .file_list .file_figure .figure .opr .delete {
                                    background: url(../images/ico-delete.png) center center no-repeat;
                                }

                            .warpper .warp .wantsell .categorylist .item .file_list .file_figure .iframeAdd span {
                                position: absolute;
                                top: 0px;
                                left: 0px;
                                width: 160px;
                                height: 30px;
                                z-index: 4;
                                line-height: 30px;
                                text-align: center;
                                background: #000000;
                                color: #ffffff;
                                opacity: 0.6;
                            }

                            .warpper .warp .wantsell .categorylist .item .file_list .file_figure .figure:hover .opr {
                                display: block;
                            }


            .warpper .warp .wantsell .successok {
                background: #ffffff;
                margin-top: 20px;
            }

                .warpper .warp .wantsell .successok .img_ok {
                    width: 100%;
                    text-align: center;
                    margin: 0 auto;
                    padding-top: 60px;
                }

                    .warpper .warp .wantsell .successok .img_ok img {
                        width: 244px;
                        height: 244px;
                    }

                .warpper .warp .wantsell .successok .success_ok {
                    font-size: 28px;
                    text-align: center;
                    padding: 10px 0;
                }

                .warpper .warp .wantsell .successok .success_tips {
                    text-align: center;
                    padding: 10px 0;
                    color: #999999;
                }

                .warpper .warp .wantsell .successok .btn {
                    padding: 50px 0 100px 0;
                    width: 280px;
                    margin: 0 auto;
                }

                    .warpper .warp .wantsell .successok .btn .btn_1 {
                        background: #069AF7;
                        color: #ffffff;
                        margin-right: 40px;
                        display: block;
                        float: left;
                        height: 36px;
                        line-height: 36px;
                        width: 120px;
                        text-align: center;
                        font-size: 12px;
                        border-radius: 5px;
                    }

                    .warpper .warp .wantsell .successok .btn .btn_2 {
                        background: #f37600;
                        color: #ffffff;
                        display: block;
                        float: left;
                        height: 36px;
                        line-height: 36px;
                        width: 120px;
                        border-radius: 5px;
                        text-align: center;
                        font-size: 12px;
                    }

        /***************我要开店  addstore******************/
        .warpper .warp .addstore .progress {
            margin-top: 20px;
            background: #f7f7f7;
            position: relative;
            height: 100px;
        }

            .warpper .warp .addstore .progress .line {
                background: #d2d2d2;
                height: 2px;
                position: absolute;
                left: 115px;
                top: 35px;
                width: 700px;
                z-index: 1;
            }

            .warpper .warp .addstore .progress .progresslist {
                position: relative;
            }

                .warpper .warp .addstore .progress .progresslist .fisth {
                    position: absolute;
                    top: 15px;
                    left: 50px;
                    z-index: 3;
                }

                    .warpper .warp .addstore .progress .progresslist .fisth i {
                        background: url(../images/first_active.png) no-repeat;
                        width: 44px;
                        height: 44px;
                        display: block;
                        margin: 0 auto;
                    }

                    .warpper .warp .addstore .progress .progresslist .fisth p {
                        color: #069AF7;
                        text-align: center;
                    }

                .warpper .warp .addstore .progress .progresslist .second {
                    position: absolute;
                    top: 15px;
                    left: 425px;
                    z-index: 3;
                }

                    .warpper .warp .addstore .progress .progresslist .second i {
                        background: url(../images/second.png) no-repeat;
                        width: 44px;
                        height: 44px;
                        display: block;
                        margin: 0 auto;
                    }

                    .warpper .warp .addstore .progress .progresslist .second.active i {
                        background: url(../images/second_active.png) no-repeat;
                    }

                    .warpper .warp .addstore .progress .progresslist .second p {
                        color: #9c9c9c;
                        text-align: center;
                    }

                    .warpper .warp .addstore .progress .progresslist .second.active p {
                        color: #069AF7;
                        text-align: center;
                    }

                .warpper .warp .addstore .progress .progresslist .third {
                    position: absolute;
                    top: 15px;
                    left: 780px;
                    z-index: 3;
                }

                    .warpper .warp .addstore .progress .progresslist .third i {
                        background: url(../images/third.png) no-repeat;
                        width: 44px;
                        height: 44px;
                        display: block;
                        margin: 0 auto;
                    }

                    .warpper .warp .addstore .progress .progresslist .third.active i {
                        background: url(../images/third_active.png) no-repeat;
                    }

                    .warpper .warp .addstore .progress .progresslist .third p {
                        color: #9c9c9c;
                        text-align: center;
                    }

                    .warpper .warp .addstore .progress .progresslist .third.active p {
                        color: #069AF7;
                        text-align: center;
                    }

            .warpper .warp .addstore .progress .progressline {
                position: absolute;
                left: 100px;
                top: 35px;
                height: 2px;
                z-index: 2;
                width: 700px;
            }

                .warpper .warp .addstore .progress .progressline .theline {
                    background: #069AF7;
                    height: 2px;
                }

        .warpper .warp .addstore .control {
            margin-top: 20px;
        }

            .warpper .warp .addstore .control .item {
                text-align: center;
                margin-bottom: 10px;
                position: relative;
            }

                .warpper .warp .addstore .control .item .title {
                    display: block;
                    float: left;
                    width: 120px;
                    text-align: right;
                    line-height: 40px;
                    padding-right: 10px;
                    height: 40px;
                }

                    .warpper .warp .addstore .control .item .title .red {
                        color: #ff0000;
                    }

                .warpper .warp .addstore .control .item .txt {
                    border: 1px solid #e8e8e8;
                    height: 40px;
                    line-height: 40px;
                    padding: 0 10px;
                    width: 400px;
                    float: left;
                    border-radius: 5px;
                }

                    .warpper .warp .addstore .control .item .txt.storeaddress {
                        text-indent: 255px;
                    }

                .warpper .warp .addstore .control .item .IpRessfl {
                    position: absolute;
                    left: 130px;
                    line-height: 40px;
                    background: #f9f9f9;
                    border: 1px solid #e8e8e8;
                    border-top-left-radius: 5px;
                    border-bottom-left-radius: 5px;
                    padding: 0 5px;
                }

                .warpper .warp .addstore .control .item .IpRessfr {
                    position: absolute;
                    left: 506px;
                    line-height: 40px;
                    background: #f9f9f9;
                    border: 1px solid #e8e8e8;
                    border-top-right-radius: 5px;
                    border-bottom-right-radius: 5px;
                    padding: 0 5px;
                }

                .warpper .warp .addstore .control .item .file {
                    float: left;
                    width: 160px;
                }

                    .warpper .warp .addstore .control .item .file .file_input {
                        border: 1px solid #e8e8e8;
                        background: #f7f7f7;
                        border-radius: 3px;
                        cursor: pointer;
                        position: relative;
                        margin-top: 10px;
                        height: 30px;
                    }

                        .warpper .warp .addstore .control .item .file .file_input .iframe {
                            opacity: 0;
                            position: absolute;
                            left: 0;
                            top: 0;
                        }

                        .warpper .warp .addstore .control .item .file .file_input:after {
                            content: '上传店铺logo';
                            width: 160px;
                            line-height: 30px
                        }

                .warpper .warp .addstore .control .item .img {
                    width: 160px;
                    height: 160px;
                    border-radius: 5px;
                }

                .warpper .warp .addstore .control .item .file_tips_img {
                    text-align: left;
                    color: #ff0000;
                    padding-left: 10px;
                    float: left;
                }

                .warpper .warp .addstore .control .item.agreement {
                }

                .warpper .warp .addstore .control .item .label {
                    padding-left: 17px;
                    background: url(../images/cbx.png) no-repeat center left;
                    position: relative;
                    text-align: left;
                    float: left;
                }

                    .warpper .warp .addstore .control .item .label.checked {
                        background: url(../images/cbx_active.png) no-repeat center left;
                    }

                    .warpper .warp .addstore .control .item .label .cbox {
                        position: absolute;
                        top: 8px;
                        left: 1px;
                        opacity: 0;
                    }

                    .warpper .warp .addstore .control .item .label .deal {
                        color: #069AF7;
                        cursor: pointer;
                    }

                .warpper .warp .addstore .control .item .btn {
                    width: 140px;
                    height: 40px;
                    background: #ed741e;
                    color: #FFFFFF;
                    border-radius: 5px;
                    font-size: 16px;
                }

        .warpper .warp .addstore .audit-shop {
            margin: 100px 0;
            text-align: center;
        }

            .warpper .warp .addstore .audit-shop .list p {
                text-align: center;
                font-size: 12px;
                color: #a7a7a7;
            }

                .warpper .warp .addstore .audit-shop .list p.title {
                    font-size: 18px;
                    color: #000000;
                    font-weight: 600;
                    line-height: 80px;
                }

            .warpper .warp .addstore .audit-shop .transform {
                position: relative;
            }

            .warpper .warp .addstore .audit-shop .shop-btn-list {
                margin: 50px auto;
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
            }

                .warpper .warp .addstore .audit-shop .shop-btn-list a {
                    display: block;
                    padding: 0 20px;
                    height: 40px;
                    line-height: 40px;
                    border-radius: 5px;
                    float: left;
                    color: #ffffff;
                }

                    .warpper .warp .addstore .audit-shop .shop-btn-list a.again {
                        background: #F37600;
                        margin-right: 20px;
                    }

                    .warpper .warp .addstore .audit-shop .shop-btn-list a.history {
                        background: #069AF7;
                    }
        /*********************店铺业务 business **********************/
        .warpper .warp .business .tips {
            margin-top: 10px;
            border: 1px solid #bdcfe5;
            border-radius: 5px;
            padding: 10px;
            background: #ecf6ff;
            margin-bottom: 30px;
        }

            .warpper .warp .business .tips .title {
                color: #069AF7;
                font-size: 12px;
            }

            .warpper .warp .business .tips .content p {
                font-size: 12px;
                line-height: 18px;
            }

                .warpper .warp .business .tips .content p a {
                    color: #f37600;
                    padding-left: 10px;
                }

        .warpper .warp .business .fr_title_form {
            border-bottom: 0 !important;
        }

        .warpper .warp .business .openBusiness {
            margin: 15px 0 25px 0;
        }

            .warpper .warp .business .openBusiness .openitem {
                border: 1px solid #eeeeee;
                border-top: 0;
                width: 100%;
                height: 78px;
            }

                .warpper .warp .business .openBusiness .openitem.bt1 {
                    border-top: 1px solid #eeeeee;
                }

                .warpper .warp .business .openBusiness .openitem .img_logo {
                    float: left;
                    width: 80px;
                    text-align: center;
                }

                    .warpper .warp .business .openBusiness .openitem .img_logo img {
                        width: 40px;
                        height: 40px;
                        padding-top: 19px;
                    }

                .warpper .warp .business .openBusiness .openitem .title {
                    float: left;
                    line-height: 78px;
                }

                .warpper .warp .business .openBusiness .openitem .open {
                    float: right;
                    line-height: 78px;
                    padding-right: 20px;
                }

                    .warpper .warp .business .openBusiness .openitem .open a {
                        color: #069AF7;
                    }
        /****************会员中心  我的订单 orderlist*****************/

        .warpper .warp .myorder {
            width: 930px;
            background: #ffffff;
            margin-left: 10px;
            padding: 30px;
        }

            .warpper .warp .myorder .myorder_nav {
                border-bottom: 1px solid #eeeeee;
            }

                .warpper .warp .myorder .myorder_nav span {
                    line-height: 38px;
                    padding-left: 5px;
                    font-size: 18px;
                    color: #000000;
                }

            .warpper .warp .myorder .myorder_warp {
            }

                .warpper .warp .myorder .myorder_warp .myorder_sreach {
                    padding: 10px 0;
                }

                    .warpper .warp .myorder .myorder_warp .myorder_sreach .item {
                        width: 50%;
                        height: 60px;
                    }

                        .warpper .warp .myorder .myorder_warp .myorder_sreach .item.datetime {
                            width: 50%;
                        }

                        .warpper .warp .myorder .myorder_warp .myorder_sreach .item:nth-last-child(1) {
                            width: 25%;
                        }

                        .warpper .warp .myorder .myorder_warp .myorder_sreach .item label[for="name"] {
                            display: block;
                            width: 90px;
                            color: #000000;
                            float: left;
                            text-align: right;
                            line-height: 60px;
                        }

                        .warpper .warp .myorder .myorder_warp .myorder_sreach .item .txt {
                            border: 1px solid #dddddd;
                            margin-top: 10px;
                            width: 247px;
                            padding: 0 10px;
                            height: 40px;
                            border-radius: 5px;
                        }

                        .warpper .warp .myorder .myorder_warp .myorder_sreach .item .select {
                            border: 1px solid #dddddd;
                            margin-top: 10px;
                            width: 270px;
                            padding: 0 10px;
                            height: 40px;
                            border-radius: 5px;
                        }

                        .warpper .warp .myorder .myorder_warp .myorder_sreach .item .txt.data {
                            width: 100px;
                        }

                        .warpper .warp .myorder .myorder_warp .myorder_sreach .item .txt[type="text"] {
                            width: 220px !important;
                        }

                    .warpper .warp .myorder .myorder_warp .myorder_sreach .s_button {
                        width: 100px;
                        height: 40px;
                        margin-top: 10px;
                        border-radius: 5px;
                        background: #ed741e;
                        color: #ffffff;
                    }

                .warpper .warp .myorder .myorder_warp .myorderlist {
                    margin-top: 20px;
                }

                    .warpper .warp .myorder .myorder_warp .myorderlist .order_status {
                        height: 20px;
                        border-bottom: 1px solid #dddddd;
                        padding-bottom: 5px;
                        padding-left: 5px;
                    }

                        .warpper .warp .myorder .myorder_warp .myorderlist .order_status a {
                            line-height: 20px;
                            display: block;
                            float: left;
                            margin-bottom: 5px;
                        }

                            .warpper .warp .myorder .myorder_warp .myorderlist .order_status a:nth-last-child(1) span {
                                border-right: 0
                            }

                            .warpper .warp .myorder .myorder_warp .myorderlist .order_status a span {
                                display: block;
                                border-right: 1px solid #dddddd;
                                padding: 0 20px;
                                color: #000000;
                            }

                            .warpper .warp .myorder .myorder_warp .myorderlist .order_status a.active {
                                border-bottom: 1px solid #ed741e;
                                color: #ed741e;
                                margin-bottom: 0;
                                padding-bottom: 5px;
                            }

                    .warpper .warp .myorder .myorder_warp .myorderlist .page_num {
                        margin-top: 10;
                    }

                        .warpper .warp .myorder .myorder_warp .myorderlist .page_num .num {
                            height: 44px;
                        }

                            .warpper .warp .myorder .myorder_warp .myorderlist .page_num .num label {
                                line-height: 44px;
                            }

                            .warpper .warp .myorder .myorder_warp .myorderlist .page_num .num .order_num {
                                margin-top: 10px;
                                height: 24px;
                                border: 1px solid #dddddd;
                                border-radius: 5px;
                                padding: 0 10px;
                            }

                        .warpper .warp .myorder .myorder_warp .myorderlist .page_num .page {
                        }

                            .warpper .warp .myorder .myorder_warp .myorderlist .page_num .page a {
                                display: block;
                                float: right;
                                height: 24px;
                                width: 60px;
                                margin-top: 10px;
                                font-size: 12px;
                                border: 1px solid #dddddd;
                                margin-left: 10px;
                                text-align: center;
                                border-radius: 5px;
                                line-height: 24px;
                            }

                    .warpper .warp .myorder .myorder_warp .myorderlist .order {
                        margin-top: 5px;
                    }

                        .warpper .warp .myorder .myorder_warp .myorderlist .order .title {
                            height: 30px;
                            border: 1px solid #ededed;
                            background: #f7f7f7;
                            line-height: 30px;
                        }

                            .warpper .warp .myorder .myorder_warp .myorderlist .order .title .name {
                                width: 470px;
                                text-align: center;
                            }

                            .warpper .warp .myorder .myorder_warp .myorderlist .order .title .unit {
                                width: 105px;
                                text-align: center;
                            }

                            .warpper .warp .myorder .myorder_warp .myorderlist .order .title .number {
                                width: 80px;
                                text-align: center;
                            }

                            .warpper .warp .myorder .myorder_warp .myorderlist .order .title .total {
                                width: 110px;
                                text-align: center;
                            }

                            .warpper .warp .myorder .myorder_warp .myorderlist .order .title .trading {
                                width: 80px;
                                text-align: center;
                            }

                            .warpper .warp .myorder .myorder_warp .myorderlist .order .title .operation {
                                width: 80px;
                                text-align: center;
                            }

                        .warpper .warp .myorder .myorder_warp .myorderlist .order .item {
                            margin-top: 5px;
                            border: 1px solid #e8e8e8;
                        }

                        .warpper .warp .myorder .myorder_warp .myorderlist .order .item2 {
                            height: 70px;
                        }

                            .warpper .warp .myorder .myorder_warp .myorderlist .order .item2 .ordertitle {
                                width: 449px;
                                padding: 10px 10px;
                                border-left: 1px solid #e8e8e8;
                                border-bottom: 1px solid #e8e8e8;
                                border-right: 1px solid #e8e8e8;
                                display: flex;
                                justify-content: end;
                                align-items: center;
                                flex-direction: row;
                            }

                                .warpper .warp .myorder .myorder_warp .myorderlist .order .item2 .ordertitle a {
                                    font-size: 14px;
                                    font-weight: 600;
                                    color: #000000;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    display: -webkit-box;
                                    -webkit-line-clamp: 2;
                                    line-clamp: 2;
                                    -webkit-box-orient: vertical;
                                }

                                .warpper .warp .myorder .myorder_warp .myorderlist .order .item2 .ordertitle p {
                                    line-height: 20px;
                                    font-size: 12px;
                                    color: #a9a9a9;
                                }

                            .warpper .warp .myorder .myorder_warp .myorderlist .order .item2 .orderprice {
                                width: 105px;
                                text-align: center;
                                border-bottom: 1px solid #e8e8e8;
                                border-right: 1px solid #e8e8e8;
                            }

                            .warpper .warp .myorder .myorder_warp .myorderlist .order .item2 .ordernumber {
                                width: 80px;
                                text-align: center;
                                border-bottom: 1px solid #e8e8e8;
                                border-right: 1px solid #e8e8e8;
                            }

                                .warpper .warp .myorder .myorder_warp .myorderlist .order .item2 .ordernumber a:hover {
                                    color: #0599F7;
                                }

                            .warpper .warp .myorder .myorder_warp .myorderlist .order .item2 .ordertotal {
                                width: 110px;
                                text-align: center;
                                border-bottom: 1px solid #e8e8e8;
                                border-right: 1px solid #e8e8e8;
                            }

                            .warpper .warp .myorder .myorder_warp .myorderlist .order .item2 .orderstatus {
                                width: 80px;
                                text-align: center;
                                border-bottom: 1px solid #e8e8e8;
                                border-right: 1px solid #e8e8e8;
                                padding: 10px 0;
                            }

                                .warpper .warp .myorder .myorder_warp .myorderlist .order .item2 .orderstatus p {
                                    line-height: 22px;
                                    font-size: 12px;
                                }

                                .warpper .warp .myorder .myorder_warp .myorderlist .order .item2 .orderstatus a {
                                    display: block;
                                    color: #069AF7;
                                    text-decoration: underline;
                                    line-height: 22px;
                                    font-size: 12px;
                                }

                            .warpper .warp .myorder .myorder_warp .myorderlist .order .item2 .operation {
                                width: 80px;
                                text-align: center;
                                border-bottom: 1px solid #e8e8e8;
                                border-right: 1px solid #e8e8e8;
                                padding: 10px 0;
                            }

                                .warpper .warp .myorder .myorder_warp .myorderlist .order .item2 .operation p {
                                    line-height: 22px;
                                    font-size: 12px;
                                }

                                .warpper .warp .myorder .myorder_warp .myorderlist .order .item2 .operation a {
                                    display: block;
                                    color: #069AF7;
                                    text-decoration: underline;
                                    line-height: 22px;
                                    font-size: 12px;
                                }

                        .warpper .warp .myorder .myorder_warp .myorderlist .order .item3 {
                            height: 10px;
                        }

                        .warpper .warp .myorder .myorder_warp .myorderlist .order table {
                            margin-top: 5px;
                        }

                        .warpper .warp .myorder .myorder_warp .myorderlist .order .item .data_number {
                            height: 40px;
                            background: #f7f7f7;
                            line-height: 40px;
                            padding: 0 10px;
                            border-bottom: 1px solid #e8e8e8;
                        }

                            .warpper .warp .myorder .myorder_warp .myorderlist .order .item .data_number .ordernumber {
                                font-size: 12px;
                            }

                            .warpper .warp .myorder .myorder_warp .myorderlist .order .item .data_number .orderdata {
                                font-size: 12px;
                                margin-left: 60px;
                            }

                        .warpper .warp .myorder .myorder_warp .myorderlist .order .item .shop_name_price_num {
                            border-right: 1px solid #e8e8e8;
                            width: 675px;
                            min-height: 90px;
                        }

                            .warpper .warp .myorder .myorder_warp .myorderlist .order .item .shop_name_price_num .shop_item {
                                height: 72px;
                            }

                                .warpper .warp .myorder .myorder_warp .myorderlist .order .item .shop_name_price_num .shop_item:nth-child(n+2) {
                                    border-top: 1px solid #e8e8e8;
                                }

                                .warpper .warp .myorder .myorder_warp .myorderlist .order .item .shop_name_price_num .shop_item .shop_name {
                                    width: 410px;
                                    padding: 20px 10px;
                                    height: 32px;
                                    font-size: 12px;
                                    line-height: 16px;
                                }

                                .warpper .warp .myorder .myorder_warp .myorderlist .order .item .shop_name_price_num .shop_item .shop_price {
                                    width: 125px;
                                    text-align: center;
                                    padding-top: 20px;
                                    font-size: 12px;
                                    line-height: 16px;
                                }

                                .warpper .warp .myorder .myorder_warp .myorderlist .order .item .shop_name_price_num .shop_item .shop_num {
                                    width: 120px;
                                    text-align: center;
                                    padding-top: 20px;
                                    font-size: 12px;
                                    line-height: 16px;
                                }

                        .warpper .warp .myorder .myorder_warp .myorderlist .order .item .shop_total {
                            width: 130px;
                            text-align: center;
                            border-right: 1px solid #e8e8e8;
                            font-size: 12px;
                            line-height: 16px;
                            padding: 20px 0;
                            min-height: 50px;
                        }

                            .warpper .warp .myorder .myorder_warp .myorderlist .order .item .shop_total .shop_operation {
                                display: block;
                                color: #069AF7;
                            }

                        .warpper .warp .myorder .myorder_warp .myorderlist .order .item .shop_trading {
                            width: 120px;
                            text-align: center;
                            font-size: 12px;
                            padding: 10px 0;
                        }

                            .warpper .warp .myorder .myorder_warp .myorderlist .order .item .shop_trading .shop_status {
                                line-height: 22px;
                            }

                            .warpper .warp .myorder .myorder_warp .myorderlist .order .item .shop_trading .shop_operation {
                                line-height: 22px;
                                text-decoration: underline;
                                display: block;
                                color: #069AF7;
                            }


.available {
    font-size: 18px;
    color: #ff0000;
    font-weight: 600;
    text-align: center;
    line-height: 100px;
    padding: 50px 0;
}

/****************会员中心  我的商品 myshop*****************/
.myshop .myshop_warp .myshop_sreach {
    position: relative;
    width: 930px;
    margin-bottom: 30px;
}

    .myshop .myshop_warp .myshop_sreach .item {
        width: 50%;
        height: 60px;
        position: relative;
    }

        .myshop .myshop_warp .myshop_sreach .item .label {
            display: block;
            width: 90px;
            color: #000000;
            float: left;
            text-align: right;
            line-height: 60px;
        }

        .myshop .myshop_warp .myshop_sreach .item .txt {
            border: 1px solid #dddddd;
            margin-top: 10px;
            width: 250px;
            padding: 0 10px;
            height: 40px;
            border-radius: 5px;
        }

            .myshop .myshop_warp .myshop_sreach .item .txt.data {
                width: 100px;
            }

        .myshop .myshop_warp .myshop_sreach .item .select {
            border: 1px solid #dddddd;
            margin-top: 10px;
            width: 270px;
            padding: 0 10px;
            height: 40px;
            border-radius: 5px;
        }

        .myshop .myshop_warp .myshop_sreach .item .listUl {
            position: absolute;
            left: 90px;
            background: #ececec;
            border: 1px solid #ececec;
            min-width: 250px;
            padding: 0 10px;
            z-index: 1;
        }

            .myshop .myshop_warp .myshop_sreach .item .listUl li {
                cursor: pointer;
                line-height: 30px;
            }

                .myshop .myshop_warp .myshop_sreach .item .listUl li:hover {
                    background: #069AF7;
                    color: #ffffff;
                }

    .myshop .myshop_warp .myshop_sreach .s_button {
        position: absolute;
        bottom: 10px;
        right: 0;
        width: 100px;
        height: 40px;
        margin-top: 10px;
        border-radius: 5px;
        background: #ed741e;
        color: #ffffff;
    }

.myshop .myshop_warp .myshoplist {
}

    .myshop .myshop_warp .myshoplist .shop_status {
        height: 20px;
        border-bottom: 1px solid #dddddd;
        padding-bottom: 5px;
        padding-left: 5px;
    }

        .myshop .myshop_warp .myshoplist .shop_status a {
            line-height: 20px;
            display: block;
            float: left;
            margin-bottom: 5px;
        }

            .myshop .myshop_warp .myshoplist .shop_status a span {
                display: block;
                border-right: 1px solid #dddddd;
                padding: 0 20px;
                color: #000000;
            }

            .myshop .myshop_warp .myshoplist .shop_status a.nofr span {
                border-right: 0;
            }

            .myshop .myshop_warp .myshoplist .shop_status a.active {
                border-bottom: 1px solid #ed741e;
                color: #ed741e;
                margin-bottom: 0;
                padding-bottom: 5px;
            }

    .myshop .myshop_warp .myshoplist .form-content {
        margin-top: 10px;
    }

        .myshop .myshop_warp .myshoplist .form-content .title {
            height: 30px;
            border: 1px solid #ededed;
            background: #f7f7f7;
            line-height: 30px;
        }

            .myshop .myshop_warp .myshoplist .form-content .title .name {
                width: 430px;
                text-align: center;
            }

            .myshop .myshop_warp .myshoplist .form-content .title .unit {
                width: 125px;
                text-align: center;
            }

            .myshop .myshop_warp .myshoplist .form-content .title .number {
                width: 120px;
                text-align: center;
            }

            .myshop .myshop_warp .myshoplist .form-content .title .total {
                width: 130px;
                text-align: center;
            }

            .myshop .myshop_warp .myshoplist .form-content .title .trading {
                width: 123px;
                text-align: center;
            }

        .myshop .myshop_warp .myshoplist .form-content .table {
            width: 100%;
            margin-top: 5px;
        }

            .myshop .myshop_warp .myshoplist .form-content .table .head {
                border: 1px solid #ededed;
                height: 40px;
                line-height: 40px;
                background: #f7f7f7;
            }

                .myshop .myshop_warp .myshoplist .form-content .table .head td {
                    padding: 0 10px;
                    font-size: 12px;
                }

                    .myshop .myshop_warp .myshoplist .form-content .table .head td .shopdata {
                        padding-left: 60px;
                    }

            .myshop .myshop_warp .myshoplist .form-content .table .foot {
                height: 10px;
                background: #ffffff;
            }

            .myshop .myshop_warp .myshoplist .form-content .table .item {
                border: 1px solid #ededed;
                border-top: 0;
            }

                .myshop .myshop_warp .myshoplist .form-content .table .item td {
                    padding: 10px 10px;
                    font-size: 12px;
                }

                .myshop .myshop_warp .myshoplist .form-content .table .item .from_title {
                    width: 409px;
                    border-right: 1px solid #ededed;
                }

                .myshop .myshop_warp .myshoplist .form-content .table .item .from_price {
                    width: 104px;
                    border-right: 1px solid #ededed;
                    text-align: center;
                }

                .myshop .myshop_warp .myshoplist .form-content .table .item .from_number {
                    width: 99px;
                    border-right: 1px solid #ededed;
                    text-align: center;
                }

                .myshop .myshop_warp .myshoplist .form-content .table .item .from_total {
                    width: 109px;
                    border-right: 1px solid #ededed;
                    text-align: center;
                }

                    .myshop .myshop_warp .myshoplist .form-content .table .item .from_total .failure {
                        position: absolute;
                        z-index: 1;
                        background: #ffffff;
                        right: -70px;
                        top: 10px;
                        width: 100px;
                        border: 1px solid #069AF7;
                    }

                    .myshop .myshop_warp .myshoplist .form-content .table .item .from_total .shop_status {
                    }

                .myshop .myshop_warp .myshoplist .form-content .table .item .from_trading {
                    width: 102px;
                    text-align: center;
                }

                    .myshop .myshop_warp .myshoplist .form-content .table .item .from_trading a {
                        display: block;
                        color: #069AF7;
                        line-height: 22px;
                        text-decoration: underline;
                    }
/****************会员中心  我的购买的商品 buyshop*****************/
.warpper .warp .buyorder {
    min-height: 1400px;
    width: 930px;
    background: #ffffff;
    margin-left: 10px;
    padding: 30px;
}

    .warpper .warp .buyorder .buyorder_nav {
        border-bottom: 1px solid #eeeeee;
    }

        .warpper .warp .buyorder .buyorder_nav span {
            line-height: 38px;
            padding-left: 5px;
            font-size: 18px;
            color: #000000;
        }

    .warpper .warp .buyorder .buyorder_warp {
    }

        .warpper .warp .buyorder .buyorder_warp .buyorder_sreach {
            padding: 10px 0;
        }

            .warpper .warp .buyorder .buyorder_warp .buyorder_sreach .item {
                width: 50%;
                height: 60px;
            }

                .warpper .warp .buyorder .buyorder_warp .buyorder_sreach .item.datetime {
                    width: 75%;
                }

                .warpper .warp .buyorder .buyorder_warp .buyorder_sreach .item:nth-last-child(1) {
                    width: 25%;
                }

                .warpper .warp .buyorder .buyorder_warp .buyorder_sreach .item label[for="name"] {
                    display: block;
                    width: 90px;
                    color: #000000;
                    float: left;
                    text-align: right;
                    line-height: 60px;
                }

                .warpper .warp .buyorder .buyorder_warp .buyorder_sreach .item .txt {
                    border: 1px solid #dddddd;
                    margin-top: 10px;
                    width: 240px;
                    padding: 0 10px;
                    height: 40px;
                    border-radius: 5px;
                }

                    .warpper .warp .buyorder .buyorder_warp .buyorder_sreach .item .txt.data {
                        width: 195px;
                    }

                    .warpper .warp .buyorder .buyorder_warp .buyorder_sreach .item .txt[type="text"] {
                        width: 220px !important;
                    }

                .warpper .warp .buyorder .buyorder_warp .buyorder_sreach .item .s_button {
                    width: 100px;
                    height: 40px;
                    margin-top: 10px;
                    border-radius: 5px;
                    background: #ed741e;
                    color: #ffffff;
                }

        .warpper .warp .buyorder .buyorder_warp .buyorderlist {
            margin-top: 20px;
        }

            .warpper .warp .buyorder .buyorder_warp .buyorderlist .order_status {
                height: 20px;
                border-bottom: 1px solid #dddddd;
                padding-bottom: 5px;
                padding-left: 5px;
            }

                .warpper .warp .buyorder .buyorder_warp .buyorderlist .order_status a {
                    line-height: 20px;
                    display: block;
                    float: left;
                    margin-bottom: 5px;
                }

                    .warpper .warp .buyorder .buyorder_warp .buyorderlist .order_status a:nth-last-child(1) span {
                        border-right: 0
                    }

                    .warpper .warp .buyorder .buyorder_warp .buyorderlist .order_status a span {
                        display: block;
                        border-right: 1px solid #dddddd;
                        padding: 0 20px;
                        color: #000000;
                    }

                    .warpper .warp .buyorder .buyorder_warp .buyorderlist .order_status a.active {
                        border-bottom: 1px solid #ed741e;
                        color: #ed741e;
                        margin-bottom: 0;
                        padding-bottom: 5px;
                    }

            .warpper .warp .buyorder .buyorder_warp .buyorderlist .page_num {
                margin-top: 10;
            }

                .warpper .warp .buyorder .buyorder_warp .buyorderlist .page_num .num {
                    height: 44px;
                }

                    .warpper .warp .buyorder .buyorder_warp .buyorderlist .page_num .num label {
                        line-height: 44px;
                    }

                    .warpper .warp .buyorder .buyorder_warp .buyorderlist .page_num .num .order_num {
                        margin-top: 10px;
                        height: 24px;
                        border: 1px solid #dddddd;
                        border-radius: 5px;
                        padding: 0 10px;
                    }

                .warpper .warp .buyorder .buyorder_warp .buyorderlist .page_num .page {
                }

                    .warpper .warp .buyorder .buyorder_warp .buyorderlist .page_num .page a {
                        display: block;
                        float: right;
                        height: 24px;
                        width: 60px;
                        margin-top: 10px;
                        font-size: 12px;
                        border: 1px solid #dddddd;
                        margin-left: 10px;
                        text-align: center;
                        border-radius: 5px;
                        line-height: 24px;
                    }

            .warpper .warp .buyorder .buyorder_warp .buyorderlist .order {
            }

                .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .title {
                    height: 30px;
                    border: 1px solid #ededed;
                    background: #f7f7f7;
                    line-height: 30px;
                }

                    .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .title .name {
                        width: 410px;
                        text-align: center;
                    }

                    .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .title .unit {
                        width: 115px;
                        text-align: center;
                    }

                    .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .title .number {
                        width: 60px;
                        text-align: center;
                    }

                    .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .title .total {
                        width: 120px;
                        text-align: center;
                    }

                    .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .title .trading {
                        width: 120px;
                        text-align: center;
                    }

                    .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .title .operation {
                        width: 95px;
                        text-align: center;
                    }

                .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .item {
                    margin-top: 5px;
                    border: 1px solid #e8e8e8;
                }

                    .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .item .data_number {
                        height: 40px;
                        background: #f7f7f7;
                        line-height: 40px;
                        padding: 0 10px;
                        border-bottom: 1px solid #e8e8e8;
                    }

                        .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .item .data_number .ordernumber {
                            font-size: 12px;
                        }

                        .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .item .data_number .orderdata {
                            font-size: 12px;
                            margin-left: 60px;
                        }

                    .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .item .shop_name_price_num {
                        border-right: 1px solid #e8e8e8;
                        width: 585px;
                        min-height: 90px;
                    }

                        .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .item .shop_name_price_num .shop_item {
                            height: 72px;
                        }

                            .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .item .shop_name_price_num .shop_item:nth-child(n+2) {
                                border-top: 1px solid #e8e8e8;
                            }

                            .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .item .shop_name_price_num .shop_item .shop_name {
                                width: 390px;
                                padding: 20px 10px;
                                height: 32px;
                                font-size: 12px;
                                line-height: 16px;
                            }

                            .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .item .shop_name_price_num .shop_item .shop_price {
                                width: 115px;
                                text-align: center;
                                padding-top: 20px;
                                font-size: 12px;
                                line-height: 16px;
                            }

                            .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .item .shop_name_price_num .shop_item .shop_num {
                                width: 60px;
                                text-align: center;
                                padding-top: 20px;
                                font-size: 12px;
                                line-height: 16px;
                            }

                    .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .item .shop_total {
                        width: 120px;
                        text-align: center;
                        border-right: 1px solid #e8e8e8;
                        font-size: 12px;
                        line-height: 16px;
                        padding: 20px 0;
                        min-height: 50px;
                    }

                        .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .item .shop_total .shop_operation {
                            display: block;
                            color: #069AF7;
                        }

                    .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .item .shop_trading {
                        width: 120px;
                        text-align: center;
                        font-size: 12px;
                        padding: 20px 0;
                        border-right: 1px solid #e8e8e8;
                        min-height: 50px;
                    }

                        .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .item .shop_trading .shop_status {
                            line-height: 22px;
                        }

                        .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .item .shop_trading .shop_trad_operation {
                            line-height: 22px;
                            display: block;
                            color: #000000;
                        }

                        .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .item .shop_trading .shop_operation {
                            line-height: 22px;
                            text-decoration: underline;
                            display: block;
                            color: #069AF7;
                        }

                    .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .item .operation {
                        padding: 20px 0;
                        text-align: center;
                        width: 100px;
                    }

                        .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .item .operation .shop_operation {
                            line-height: 22px;
                            text-decoration: underline;
                            display: block;
                            color: #069AF7;
                            text-align: center;
                            font-size: 12px;
                        }

                        .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .item .operation .btn {
                            width: 58px;
                            height: 20px;
                            line-height: 20px;
                            font-size: 12px;
                            display: block;
                            margin: 0 auto
                        }

                        .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .item .operation .orange {
                            background: #ed741e;
                            color: #ffffff;
                            border-radius: 3px;
                        }

                        .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .item .operation .white {
                            background: #ffffff;
                            border: 1px solid #c4c4c4;
                            border-radius: 3px;
                            margin-top: 5px;
                        }

                        .warpper .warp .buyorder .buyorder_warp .buyorderlist .order .item .operation .orange_border {
                            border: 1px solid #ed741e;
                            color: #ed741e;
                            border-radius: 3px;
                        }

/****************会员中心  实名认证 realname*****************/
.warpper .warp .realname .progress {
    margin-top: 20px;
    background: #f7f7f7;
    position: relative;
    height: 100px;
}

    .warpper .warp .realname .progress .line {
        background: #d2d2d2;
        height: 2px;
        position: absolute;
        left: 115px;
        top: 35px;
        width: 700px;
        z-index: 1;
    }

    .warpper .warp .realname .progress .progresslist {
        position: relative;
    }

        .warpper .warp .realname .progress .progresslist .fisth {
            position: absolute;
            left: 50px;
            z-index: 3;
        }

            .warpper .warp .realname .progress .progresslist .fisth i {
                background: url(../images/first_active.png) no-repeat;
                width: 44px;
                height: 44px;
                display: block;
                margin: 0 auto;
            }

            .warpper .warp .realname .progress .progresslist .fisth p {
                color: #069AF7;
                text-align: center;
            }

        .warpper .warp .realname .progress .progresslist .second {
            position: absolute;
            left: 425px;
            z-index: 3;
        }

            .warpper .warp .realname .progress .progresslist .second i {
                background: url(../images/second.png) no-repeat;
                width: 44px;
                height: 44px;
                display: block;
                margin: 0 auto;
            }

            .warpper .warp .realname .progress .progresslist .second.active i {
                background: url(../images/second_active.png) no-repeat;
            }

            .warpper .warp .realname .progress .progresslist .second p {
                color: #9c9c9c;
                text-align: center;
            }

            .warpper .warp .realname .progress .progresslist .second.active p {
                color: #069AF7;
                text-align: center;
            }

        .warpper .warp .realname .progress .progresslist .third {
            position: absolute;
            left: 780px;
            z-index: 3;
        }

            .warpper .warp .realname .progress .progresslist .third i {
                background: url(../images/third.png) no-repeat;
                width: 44px;
                height: 44px;
                display: block;
                margin: 0 auto;
            }

            .warpper .warp .realname .progress .progresslist .third.active i {
                background: url(../images/third_active.png) no-repeat;
            }

            .warpper .warp .realname .progress .progresslist .third p {
                color: #9c9c9c;
                text-align: center;
            }

            .warpper .warp .realname .progress .progresslist .third.active p {
                color: #069AF7;
                text-align: center;
            }

    .warpper .warp .realname .progress .progressline {
        position: absolute;
        left: 100px;
        top: 35px;
        height: 2px;
        z-index: 2;
        width: 700px;
    }

        .warpper .warp .realname .progress .progressline .theline {
            background: #069AF7;
            height: 2px;
        }

.warpper .warp .realname .audit-shop {
    margin: 100px 0;
    text-align: center;
}

    .warpper .warp .realname .audit-shop .list p {
        text-align: center;
        font-size: 12px;
        color: #a7a7a7;
    }

        .warpper .warp .realname .audit-shop .list p.title {
            font-size: 18px;
            color: #000000;
            font-weight: 600;
            line-height: 80px;
        }

    .warpper .warp .realname .audit-shop .transform {
        position: relative;
    }

    .warpper .warp .realname .audit-shop .shop-btn-list {
        margin: 50px auto;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

        .warpper .warp .realname .audit-shop .shop-btn-list a {
            display: block;
            padding: 0 20px;
            height: 40px;
            line-height: 40px;
            border-radius: 5px;
            float: left;
            color: #ffffff;
        }

            .warpper .warp .realname .audit-shop .shop-btn-list a.again {
                background: #F37600;
                margin-right: 20px;
            }

            .warpper .warp .realname .audit-shop .shop-btn-list a.history {
                background: #069AF7;
            }

.warpper .warp .realname {
    min-height: 1400px;
    width: 930px;
    background: #ffffff;
    margin-left: 10px;
    padding: 30px;
}

    .warpper .warp .realname .rn_nav {
        border-bottom: 1px solid #eeeeee;
    }

        .warpper .warp .realname .rn_nav span {
            line-height: 38px;
            padding-left: 5px;
            font-size: 18px;
            color: #000000;
        }

    .warpper .warp .realname .item {
        margin-top: 20px;
    }

        .warpper .warp .realname .item label[for="name"] {
            display: block;
            width: 120px;
            text-align: right;
            line-height: 40px;
        }

            .warpper .warp .realname .item label[for="name"] .red {
                color: #f90303;
                padding: 0 2px;
            }

        .warpper .warp .realname .item .txt {
            width: 260px;
            height: 40px;
            border-radius: 5px;
            border: 1px solid #dddddd;
            padding: 0 10px;
        }

        .warpper .warp .realname .item.idcrad label[for="name"] {
            height: 200px;
        }

        .warpper .warp .realname .item.idcrad .crad {
            width: 160px;
            height: 160px;
        }

        .warpper .warp .realname .item.idcrad .file {
            width: 160px;
            height: 30px;
            position: absolute;
            z-index: 2;
            left: 120px;
            opacity: 0;
            filter: Alpha(opacity=0)
        }

        .warpper .warp .realname .item.idcrad .span {
            position: absolute;
            background: #f7f7f7;
            width: 160px;
            height: 30px;
            border-radius: 5px;
            text-align: center;
            border: 1px solid #e8e8e8;
            left: 120px;
            z-index: 1
        }

        .warpper .warp .realname .item:nth-child(1) .txt {
            width: 280px;
        }

    .warpper .warp .realname .prompt {
        background: #e9eff6;
        border: 1px solid #bdcfe5;
        padding: 15px 10px;
        border-radius: 5px;
        margin-top: 20px;
    }

        .warpper .warp .realname .prompt .warm {
            font-size: 12px;
            font-weight: bold;
            color: #069AF7;
        }

        .warpper .warp .realname .prompt .warm_content {
            font-size: 12px;
            color: #069AF7;
            padding-left: 20px;
        }

    .warpper .warp .realname .rn_botton {
        margin-left: 395px;
        margin-top: 40px;
        height: 40px;
        width: 140px;
        background: #ed741e;
        color: #ffffff;
        border-radius: 5px;
    }

/****************会员中心  我的钱包 wallet*****************/
.warpper .warp .wallet {
    min-height: 1400px;
    width: 930px;
    background: #ffffff;
    margin-left: 10px;
    padding: 30px;
}

    .warpper .warp .wallet .mw_nav {
        border-bottom: 1px solid #eeeeee;
    }

        .warpper .warp .wallet .mw_nav span {
            line-height: 38px;
            padding-left: 5px;
            font-size: 18px;
            color: #000000;
        }

        .warpper .warp .wallet .mw_nav .deal {
            padding: 0 20px;
            height: 36px;
        }

            .warpper .warp .wallet .mw_nav .deal a {
                line-height: 36px;
                height: 38px;
                display: block;
                float: left;
            }

                .warpper .warp .wallet .mw_nav .deal a.active {
                    border-bottom: 1px solid #ed741e;
                }

                    .warpper .warp .wallet .mw_nav .deal a.active span {
                        color: #ed741e;
                    }

                .warpper .warp .wallet .mw_nav .deal a span {
                    font-size: 14px;
                    padding: 0 20px;
                    border-right: 1px solid #cccccc;
                }

                .warpper .warp .wallet .mw_nav .deal a.morefr span {
                    border-right: 0;
                }

    .warpper .warp .wallet .mw_warp {
    }

        .warpper .warp .wallet .mw_warp .money {
            height: 100px;
            padding-top: 30px;
        }

            .warpper .warp .wallet .mw_warp .money .item {
                background: url(../images/b_rigth.png) no-repeat center right;
                height: 70px;
            }

                .warpper .warp .wallet .mw_warp .money .item:nth-last-child(1) {
                    background: none;
                }

                .warpper .warp .wallet .mw_warp .money .item.balance {
                    width: 193px;
                    padding-left: 40px;
                }

                .warpper .warp .wallet .mw_warp .money .item p {
                    font-size: 20px;
                    color: #b6b6b6;
                    line-height: 24px;
                }

                .warpper .warp .wallet .mw_warp .money .item .price {
                    font-size: 36px;
                    color: #000000;
                    line-height: 30px;
                    padding-top: 20px;
                }

                .warpper .warp .wallet .mw_warp .money .item .btn a {
                    padding: 0 17px;
                    color: #069AF7;
                    display: block;
                    height: 34px;
                    border-radius: 5px;
                    border: 1px solid #069AF7;
                    float: left;
                    line-height: 34px;
                    margin-right: 10px;
                }

                .warpper .warp .wallet .mw_warp .money .item:nth-child(1) .btn a:nth-child(1) {
                    background: #069AF7;
                    color: #ffffff;
                }

                .warpper .warp .wallet .mw_warp .money .item p .icon {
                    margin-left: 5px;
                    cursor: pointer;
                    width: 16px;
                    height: 16px;
                    background: url(../images/question.png) no-repeat;
                }

                .warpper .warp .wallet .mw_warp .money .item.with {
                    width: 193px;
                    padding-left: 60px;
                }

                .warpper .warp .wallet .mw_warp .money .item.freeze {
                    width: 163px;
                    padding-left: 60px;
                }

                    .warpper .warp .wallet .mw_warp .money .item.freeze .tips {
                        position: absolute;
                        padding-bottom: 9px;
                        top: -30px;
                        width: 370px;
                        font-size: 12px;
                        color: #069AF7;
                        left: -95px;
                        background-position-x: 275px;
                    }

                        .warpper .warp .wallet .mw_warp .money .item.freeze .tips span {
                            padding: 0 15px;
                            padding: 0 15px;
                            display: block;
                            height: 24px;
                            line-height: 24px;
                            border: 1px solid #dddddd;
                            border-radius: 5px;
                            background: #f7f7f7;
                            position: relative;
                            z-index: 0;
                        }

                        .warpper .warp .wallet .mw_warp .money .item.freeze .tips .i_buttom {
                            background: url(../images/tips.png) no-repeat bottom;
                            width: 10px;
                            height: 10px;
                            display: block;
                            position: absolute;
                            left: 275px;
                            top: 24px;
                        }

                .warpper .warp .wallet .mw_warp .money .item.margin {
                    padding-left: 60px;
                }

                    .warpper .warp .wallet .mw_warp .money .item.margin .wathdeal {
                        display: block;
                        width: 100px;
                        height: 30px;
                        line-height: 30px;
                        background: #069AF7;
                        color: #ffffff;
                        text-align: center;
                        border-radius: 5px;
                    }

                    .warpper .warp .wallet .mw_warp .money .item.margin .deposit {
                        display: block;
                        width: 100px;
                        height: 30px;
                        line-height: 30px;
                        border: 1px solid #069AF7;
                        color: #069AF7;
                        text-align: center;
                        border-radius: 5px;
                        margin-top: 10px;
                    }

        .warpper .warp .wallet .mw_warp .payments {
            height: 60px;
            background: #f7f7f7;
            margin-top: 35px;
            border: 1px solid #e8e8e8;
            border-radius: 5px;
            margin-bottom: 20px;
        }

            .warpper .warp .wallet .mw_warp .payments .item {
                line-height: 60px;
                float: left;
                text-align: center;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA6AQMAAABLZqGkAAAABlBMVEUAAADe3t5coLa3AAAAAXRSTlMAQObYZgAAAA9JREFUCNdjwAcaKIB4AABmoQ8BSQWVTgAAAABJRU5ErkJggg==) no-repeat center right;
            }

                .warpper .warp .wallet .mw_warp .payments .item:nth-child(1) {
                    width: 225px;
                }

                .warpper .warp .wallet .mw_warp .payments .item:nth-child(2) {
                    width: 233px;
                }

                .warpper .warp .wallet .mw_warp .payments .item:nth-child(3) {
                    width: 233px;
                }

                .warpper .warp .wallet .mw_warp .payments .item:nth-child(4) {
                    width: 237px;
                    background: none;
                }

                .warpper .warp .wallet .mw_warp .payments .item .sub {
                    color: #b6b6b6;
                    font-size: 16px;
                }

                .warpper .warp .wallet .mw_warp .payments .item .price {
                    color: #000000;
                    font-size: 24px;
                    padding-left: 20px;
                }

        .warpper .warp .wallet .mw_warp .deal_wallet .data_list {
            background: #e9eff6;
            height: 40px;
            margin-top: 19px;
        }

            .warpper .warp .wallet .mw_warp .deal_wallet .data_list label[for="name"] {
                padding-left: 10px;
                line-height: 40px;
                color: #666666;
            }

            .warpper .warp .wallet .mw_warp .deal_wallet .data_list .txt_date {
                border: 1px solid #dddddd;
                margin-top: 6px;
                height: 28px;
                padding: 0 9px;
                width: 100px;
                background: #ffffff;
                border-radius: 5px;
                cursor: pointer;
            }

            .warpper .warp .wallet .mw_warp .deal_wallet .data_list ._date {
                line-height: 40px;
                padding: 0 5px;
            }

            .warpper .warp .wallet .mw_warp .deal_wallet .data_list .day {
                padding: 0 20px;
                line-height: 40px;
            }

            .warpper .warp .wallet .mw_warp .deal_wallet .data_list .icon {
                width: 1px;
                height: 18px;
                display: block;
                background: #a9a9a9;
                margin-top: 11px;
            }

            .warpper .warp .wallet .mw_warp .deal_wallet .data_list .lately {
                padding-left: 18px;
                line-height: 40px;
            }

            .warpper .warp .wallet .mw_warp .deal_wallet .data_list .latelylist {
                line-height: 18px;
                margin: 11px 18px;
                color: #000000;
            }

                .warpper .warp .wallet .mw_warp .deal_wallet .data_list .latelylist.active {
                    background: #069AF7;
                    color: #ffffff;
                    padding: 0 6px;
                }

        .warpper .warp .wallet .mw_warp .deal_wallet .deallist {
        }

            .warpper .warp .wallet .mw_warp .deal_wallet .deallist table {
                width: 100%;
            }

            .warpper .warp .wallet .mw_warp .deal_wallet .deallist thead tr {
                height: 30px;
                line-height: 30px;
                border-bottom: 1px solid #dddddd;
                text-align: center;
            }

            .warpper .warp .wallet .mw_warp .deal_wallet .deallist tr .type {
                width: 90px;
            }

            .warpper .warp .wallet .mw_warp .deal_wallet .deallist tr .dtname {
                width: 155px;
            }

            .warpper .warp .wallet .mw_warp .deal_wallet .deallist tr .dealno {
                width: 165px;
            }

            .warpper .warp .wallet .mw_warp .deal_wallet .deallist tr .code {
                width: 175px;
            }

            .warpper .warp .wallet .mw_warp .deal_wallet .deallist tr .price {
                width: 100px;
            }

            .warpper .warp .wallet .mw_warp .deal_wallet .deallist tr .commission {
                width: 100px;
            }

            .warpper .warp .wallet .mw_warp .deal_wallet .deallist tr .status {
                width: 145px;
            }

            .warpper .warp .wallet .mw_warp .deal_wallet .deallist tbody tr {
                height: 70px;
                border-bottom: 1px solid #dddddd;
                text-align: center;
            }

        .warpper .warp .wallet .mw_warp .deal_wallet .page {
            margin-top: 20px;
        }

            .warpper .warp .wallet .mw_warp .deal_wallet .page a {
                display: block;
                width: 60px;
                font-size: 12px;
                height: 24px;
                line-height: 24px;
                border: 1px solid #ededed;
                text-align: center;
                color: #777777;
                border-radius: 5px;
                float: left;
                margin-left: 20px;
            }

/******** 我的店铺 mysotre*******/
.warpper .warp .mysotre {
    width: 930px;
    background: #ffffff;
    margin-left: 10px;
    padding: 30px;
}

    .warpper .warp .mysotre .mysotre_nav {
        border-bottom: 2px solid #eeeeee;
    }

        .warpper .warp .mysotre .mysotre_nav span {
            line-height: 38px;
            font-size: 18px;
            padding: 0 5px;
        }

        .warpper .warp .mysotre .mysotre_nav a {
            float: right;
            line-height: 38px;
            color: #a9a9a9;
            padding-right: 10px;
        }

    .warpper .warp .mysotre .manager {
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .warpper .warp .mysotre .manager .logo_store {
            padding-left: 9px;
            width: 321px;
        }

            .warpper .warp .mysotre .manager .logo_store img {
                width: 321px;
                height: 320px;
                border-radius: 10px;
            }

            .warpper .warp .mysotre .manager .logo_store .logo_file {
                margin-top: 10px;
                height: 28px;
                border: 1px solid #eeeeee;
                position: relative;
            }

                .warpper .warp .mysotre .manager .logo_store .logo_file:after {
                    content: '上传LOGO';
                    color: #666666;
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 319px;
                    height: 28px;
                    z-index: 0;
                    background: #f7f7f7;
                    text-align: center;
                    line-height: 28px;
                }

                .warpper .warp .mysotre .manager .logo_store .logo_file iframe {
                    position: absolute;
                    left: 0;
                    top: 0;
                    z-index: 3;
                    opacity: 0;
                }

        .warpper .warp .mysotre .manager .storeInforma {
            padding-left: 20px;
        }

            .warpper .warp .mysotre .manager .storeInforma .item {
                height: 40px;
                line-height: 40px;
            }

                .warpper .warp .mysotre .manager .storeInforma .item label {
                    width: 80px;
                    display: block;
                    float: left;
                }

                .warpper .warp .mysotre .manager .storeInforma .item span {
                    padding-right: 20px;
                }

                .warpper .warp .mysotre .manager .storeInforma .item a {
                    font-size: 12px;
                    color: #ed741e;
                }

                .warpper .warp .mysotre .manager .storeInforma .item .copy_1 {
                    opacity: 0;
                    width: 0;
                    height: 0;
                    resize: none;
                }

                .warpper .warp .mysotre .manager .storeInforma .item .copy_2 {
                    opacity: 0;
                    width: 0;
                    height: 0;
                    resize: none;
                }

                .warpper .warp .mysotre .manager .storeInforma .item .security {
                    float: left;
                }

                    .warpper .warp .mysotre .manager .storeInforma .item .security dd {
                        float: left;
                        padding-left: 30px;
                    }

                        .warpper .warp .mysotre .manager .storeInforma .item .security dd.seller {
                            background: url(../images/signed.png) no-repeat left center;
                        }

                        .warpper .warp .mysotre .manager .storeInforma .item .security dd.fast {
                            background: url(../images/fast.png) no-repeat left center;
                            margin-left: 15px;
                        }

                        .warpper .warp .mysotre .manager .storeInforma .item .security dd.complaint {
                            background: url(../images/complaint.png) no-repeat left center;
                            margin-left: 15px;
                        }

    .warpper .warp .mysotre .commodities {
        margin-bottom: 20px;
        margin-top: 20px;
    }

        .warpper .warp .mysotre .commodities .headitem {
            background: #eeeeee;
            border-bottom: 1px solid #f7f7f7;
            height: 38px;
            line-height: 38px;
        }

            .warpper .warp .mysotre .commodities .headitem .audit {
                border-right: 1px solid #f7f7f7;
                width: 226px;
                float: left;
                text-align: center;
            }

            .warpper .warp .mysotre .commodities .headitem .shelves {
                border-right: 1px solid #f7f7f7;
                width: 227px;
                float: left;
                text-align: center;
            }

            .warpper .warp .mysotre .commodities .headitem .soldout {
                border-right: 1px solid #f7f7f7;
                width: 228px;
                float: left;
                text-align: center;
            }

            .warpper .warp .mysotre .commodities .headitem .zero {
                width: 226px;
                float: left;
                text-align: center;
            }

        .warpper .warp .mysotre .commodities .bodyitem {
            border: 1px solid #f7f7f7;
            border-top: 0;
            height: 38px;
            line-height: 38px;
        }

            .warpper .warp .mysotre .commodities .bodyitem .audit {
                border-right: 1px solid #f7f7f7;
                width: 226px;
                float: left;
                text-align: center;
            }

            .warpper .warp .mysotre .commodities .bodyitem .shelves {
                border-right: 1px solid #f7f7f7;
                width: 227px;
                float: left;
                text-align: center;
            }

            .warpper .warp .mysotre .commodities .bodyitem .soldout {
                border-right: 1px solid #f7f7f7;
                width: 228px;
                float: left;
                text-align: center;
            }

            .warpper .warp .mysotre .commodities .bodyitem .zero {
                width: 226px;
                float: left;
                text-align: center;
            }

        .warpper .warp .mysotre .commodities .cbtn {
            margin: 20px 0;
            text-align: center;
        }

            .warpper .warp .mysotre .commodities .cbtn .btn {
                display: block;
                margin: 0 auto;
                width: 200px;
                text-align: center;
                height: 40px;
                line-height: 40px;
                color: #ffffff;
                background: #ed741e;
                font-size: 16px;
                border-radius: 5px;
            }

    .warpper .warp .mysotre .notice {
        margin-top: 20px;
    }

        .warpper .warp .mysotre .notice .noticeitem {
            border-bottom: 1px dashed #ececec;
            height: 39px;
            line-height: 39px;
            display: block;
        }

            .warpper .warp .mysotre .notice .noticeitem:hover {
                color: #069AF7;
            }

            .warpper .warp .mysotre .notice .noticeitem .title {
                float: left;
                width: 800px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .warpper .warp .mysotre .notice .noticeitem .time {
                float: right;
            }


/****************会员中心  我的收藏 collection*****************/
.warpper .warp .collection {
    min-height: 1400px;
    width: 930px;
    background: #ffffff;
    margin-left: 10px;
    padding: 30px;
}

    .warpper .warp .collection .fr_nav {
        border-bottom: 1px solid #eeeeee;
    }

        .warpper .warp .collection .fr_nav span {
            line-height: 38px;
            padding-left: 5px;
            font-size: 18px;
            color: #000000;
        }

    .warpper .warp .collection .ct_nav .ct_ele {
        padding-left: 20px;
    }

        .warpper .warp .collection .ct_nav .ct_ele a {
            line-height: 36px;
            height: 38px;
            display: block;
            float: left;
        }

            .warpper .warp .collection .ct_nav .ct_ele a.active {
                border-bottom: 1px solid #ed741e;
            }

                .warpper .warp .collection .ct_nav .ct_ele a.active span {
                    color: #ed741e;
                }

            .warpper .warp .collection .ct_nav .ct_ele a span {
                padding: 0 20px;
                font-size: 14px;
                border-right: 1px solid #cccccc;
            }

            .warpper .warp .collection .ct_nav .ct_ele a:nth-last-child(1) span {
                border-right: none;
            }

    .warpper .warp .collection .collapsing {
        padding-top: 10px;
    }

        .warpper .warp .collection .collapsing .item {
            margin-top: 10px;
            border: 1px solid #e8e8e8;
            background: #f7f7f7;
            border-radius: 5px;
        }

    .warpper .warp .collection .tion_shop .item {
        padding: 10px;
        display: block;
    }

        .warpper .warp .collection .tion_shop .item .img {
            width: 80px;
            height: 80px;
            overflow: hidden;
        }

            .warpper .warp .collection .tion_shop .item .img .shop_img {
                max-width: 80px;
            }

        .warpper .warp .collection .tion_shop .item .shop_infrom {
            width: 700px;
            height: 80px;
            padding-left: 10px;
        }

            .warpper .warp .collection .tion_shop .item .shop_infrom .title {
                font-size: 18px;
                line-height: 26px;
                height: 26px;
                width: 710px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .warpper .warp .collection .tion_shop .item .shop_infrom .service {
                line-height: 24px;
                padding-top: 5px;
            }

            .warpper .warp .collection .tion_shop .item .shop_infrom .type {
                line-height: 24px;
            }

            .warpper .warp .collection .tion_shop .item .shop_infrom p {
                color: #000000;
            }

                .warpper .warp .collection .tion_shop .item .shop_infrom p label {
                    color: #666666;
                }

        .warpper .warp .collection .tion_shop .item .shop_price {
            padding-right: 10px;
            text-align: right;
            width: 108px;
        }

            .warpper .warp .collection .tion_shop .item .shop_price p {
                padding-top: 9px;
                padding-right: 10px;
                color: #000000;
            }

                .warpper .warp .collection .tion_shop .item .shop_price p .orange {
                    color: #f37219;
                    font-size: 30px;
                }

            .warpper .warp .collection .tion_shop .item .shop_price .link {
                display: block;
                width: 70px;
                height: 24px;
                line-height: 24px;
                border: 1px solid #e8e8e8;
                background: #ffffff;
                color: #333333;
                font-size: 12px;
                border-radius: 5px;
                margin-top: 10px;
                float: right;
                text-align: center;
                cursor: pointer;
            }

    .warpper .warp .collection .tion_store {
    }

        .warpper .warp .collection .tion_store .item {
            width: 435px;
            height: 140px;
            padding: 10px;
        }

            .warpper .warp .collection .tion_store .item:nth-child(2n) {
                margin-left: 10px;
            }

            .warpper .warp .collection .tion_store .item .img {
                height: 140px;
                width: 140px;
                background: #b08d8d;
                border-radius: 5px;
                overflow: hidden;
                margin: 0 auto
            }

                .warpper .warp .collection .tion_store .item .img .store_img {
                    max-width: 200px;
                }

            .warpper .warp .collection .tion_store .item .infrom {
                padding-left: 20px;
            }

                .warpper .warp .collection .tion_store .item .infrom p {
                    line-height: 25px;
                }

                    .warpper .warp .collection .tion_store .item .infrom p label[for="name"] {
                        color: #a9a9a9;
                    }

                .warpper .warp .collection .tion_store .item .infrom .main {
                    padding-top: 15px;
                }

                .warpper .warp .collection .tion_store .item .infrom .title {
                    line-height: 38px;
                    font-size: 20px;
                    font-weight: bold;
                }

                .warpper .warp .collection .tion_store .item .infrom .btn {
                    display: block;
                    width: 70px;
                    height: 24px;
                    line-height: 24px;
                    border: 1px solid #e8e8e8;
                    background: #ffffff;
                    color: #333333;
                    font-size: 12px;
                    border-radius: 5px;
                    margin-top: 10px;
                    text-align: center;
                }

/****************会员中心  银行卡管理 collection*****************/
.warpper .warp .bankCard {
    min-height: 1400px;
    width: 930px;
    background: #ffffff;
    margin-left: 10px;
    padding: 30px;
}

    .warpper .warp .bankCard .bc_nav {
        border-bottom: 1px solid #eeeeee;
    }

        .warpper .warp .bankCard .bc_nav span {
            line-height: 38px;
            padding-left: 5px;
            font-size: 18px;
            color: #000000;
        }

    .warpper .warp .bankCard .two {
        margin-top: 50px;
    }

    .warpper .warp .bankCard .bank_list {
        margin-top: 10px;
    }

        .warpper .warp .bankCard .bank_list .item_title {
            background: #f7f7f7;
            color: #959595;
            line-height: 30px;
            height: 32px;
            border-bottom: 2px solid #e8e8e8;
        }

            .warpper .warp .bankCard .bank_list .item_title .username {
                width: 100px;
                float: left;
                text-align: center;
            }

            .warpper .warp .bankCard .bank_list .item_title .bank {
                width: 160px;
                float: left;
                text-align: center;
            }

            .warpper .warp .bankCard .bank_list .item_title .address {
                width: 170px;
                float: left;
                padding-left: 30px;
            }

            .warpper .warp .bankCard .bank_list .item_title .bank_account {
                width: 220px;
                float: left;
                padding-left: 20px;
            }

            .warpper .warp .bankCard .bank_list .item_title .state {
                width: 120px;
                float: left;
                text-align: center;
            }

            .warpper .warp .bankCard .bank_list .item_title .operation {
                width: 110px;
                float: left;
                text-align: center;
            }

        .warpper .warp .bankCard .bank_list .item {
            border-bottom: 1px solid #dddddd;
            ine-height: 67px;
        }

            .warpper .warp .bankCard .bank_list .item .username {
                width: 100px;
                float: left;
                text-align: center;
                line-height: 67px;
            }

            .warpper .warp .bankCard .bank_list .item .bank {
                width: 160px;
                float: left;
                text-align: center;
                line-height: 67px;
            }

            .warpper .warp .bankCard .bank_list .item .address {
                width: 170px;
                float: left;
                padding-left: 30px;
                line-height: 20px;
                padding-top: 14px;
            }

            .warpper .warp .bankCard .bank_list .item .bank_account {
                width: 220px;
                float: left;
                padding-left: 20px;
                line-height: 67px;
            }

            .warpper .warp .bankCard .bank_list .item .state {
                width: 120px;
                float: left;
                text-align: center;
                line-height: 67px;
            }

            .warpper .warp .bankCard .bank_list .item .operation {
                width: 110px;
                float: left;
                text-align: center;
            }

                .warpper .warp .bankCard .bank_list .item .operation .delete {
                    line-height: 20px;
                    text-align: center;
                    display: block;
                    text-decoration: underline;
                    margin-top: 14px;
                }

                .warpper .warp .bankCard .bank_list .item .operation .default {
                    line-height: 20px;
                    text-align: center;
                    display: block;
                    text-decoration: underline;
                    color: #f69e66;
                }

    .warpper .warp .bankCard .addbank .item {
    }

        .warpper .warp .bankCard .addbank .item label[for="name"] {
            display: block;
            float: left;
            width: 120px;
            text-align: right;
            line-height: 60px;
        }

        .warpper .warp .bankCard .addbank .item .select {
            width: 280px;
            height: 40px;
            border: 1px solid #dddddd;
            border-radius: 5px;
            padding: 0 10px;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .warpper .warp .bankCard .addbank .item .txt {
            width: 260px;
            height: 40px;
            border: 1px solid #dddddd;
            border-radius: 5px;
            padding: 0 10px;
            margin-top: 10px;
            margin-bottom: 10px;
        }

    .warpper .warp .bankCard .addbank .item_btn .btn {
        width: 140px;
        height: 40px;
        color: #ffffff;
        background: #f37600;
        border-radius: 5px;
        margin-left: 340px;
        margin-top: 50px;
    }

    .warpper .warp .bankCard .banktip {
        padding: 15px;
        background: #fef1e5;
        border: 1px solid #fbd6b2;
        color: #f37600;
        border-radius: 5px;
        margin-top: 50px;
    }

        .warpper .warp .bankCard .banktip label {
            float: left;
        }

        .warpper .warp .bankCard .banktip .tipcontent {
            float: left;
        }
/**************** 消息管理 message*****************/
.warpper .warp .message .ct_nav .ct_ele {
    padding-left: 20px;
}

    .warpper .warp .message .ct_nav .ct_ele a {
        line-height: 36px;
        height: 38px;
        display: block;
        float: left;
    }

        .warpper .warp .message .ct_nav .ct_ele a.active {
            border-bottom: 1px solid #ed741e;
        }

            .warpper .warp .message .ct_nav .ct_ele a.active span {
                color: #ed741e;
            }

        .warpper .warp .message .ct_nav .ct_ele a span {
            padding: 0 20px;
            font-size: 14px;
            border-right: 1px solid #cccccc;
        }

        .warpper .warp .message .ct_nav .ct_ele a:nth-last-child(1) span {
            border-right: none;
        }

.warpper .warp .message {
    min-height: 1400px;
    width: 930px;
    background: #ffffff;
    margin-left: 10px;
    padding: 30px;
}

.warpper .warp .message {
    min-height: 1400px;
    width: 930px;
    background: #ffffff;
    margin-left: 10px;
    padding: 30px;
}

    .warpper .warp .message .fr_nav {
        border-bottom: 1px solid #eeeeee;
    }

        .warpper .warp .message .fr_nav span {
            line-height: 38px;
            padding-left: 5px;
            font-size: 18px;
            color: #000000;
        }

    .warpper .warp .message .message_list {
        padding-top: 10px;
    }

        .warpper .warp .message .message_list .item {
            display: block;
            color: #000000;
            border-bottom: 1px solid #e8e8e8;
            padding: 10px 0;
        }

            .warpper .warp .message .message_list .item .title {
                font-size: 16px;
            }

            .warpper .warp .message .message_list .item .date {
                color: #adadad;
                font-size: 12px;
                padding-right: 5px;
            }

            .warpper .warp .message .message_list .item .icon {
                width: 14px;
                height: 8px;
                cursor: pointer;
            }

            .warpper .warp .message .message_list .item .icon_1 {
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAIBAMAAAA7P9P/AAAALVBMVEUAAAAkYKkkYKkkYKkkYKkkYKkkYKkkYKkkYKkkYKkkYKkkYKkkYKkkYKkkYKn9STqqAAAAD3RSTlMAY9gfHMs5vLmNWVdOJhHafFgzAAAAMklEQVQI12NgYOCLZgAD0+kCIIpFkVkRRDsJMBgBBUAcFiC+JAARawTJMUcxHADrSQMAmdUFpBT7FYcAAAAASUVORK5CYII=) no-repeat bottom center;
            }

            .warpper .warp .message .message_list .item .icon_2 {
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAIBAMAAAA7P9P/AAAAJ1BMVEUAAAAkYKkkYKkkYKkkYKkkYKkkYKkkYKkkYKkkYKkkYKkkYKkkYKm0mxkyAAAADXRSTlMAY9gfHMu8uY1ZVyYRWXs3rgAAAC9JREFUCNdjgIFCEMEcybBJAEg7CTAwKzIwsChC2EZAMSAHKAQCpm0CYJonCkgAAIbcBDlRbYZlAAAAAElFTkSuQmCC) no-repeat bottom center;
                ;
            }

            .warpper .warp .message .message_list .item .content {
                color: #8e8e8e;
            }

        .warpper .warp .message .message_list .page {
            margin-top: 20px;
        }

            .warpper .warp .message .message_list .page a {
                display: block;
                width: 60px;
                font-size: 12px;
                height: 24px;
                line-height: 24px;
                border: 1px solid #ededed;
                text-align: center;
                color: #777777;
                border-radius: 5px;
                float: left;
                margin-left: 20px;
            }




/****************确认购买页 shopdetail*****************/
.shop {
}

    .shop .nav {
        padding: 18px 0;
    }

        .shop .nav a {
            color: #999999;
        }

    .shop .buy_status {
        padding: 20px 0;
        width: 100%;
        margin-bottom: 20px;
        position: relative;
    }

        .shop .buy_status .orderprogressfirboxabs {
            z-index: 999;
        }

        .shop .buy_status > .progress {
            box-shadow: none;
            height: 3px;
            top: 14px;
            width: 1093px;
            left: 80px;
            z-index: 1;
            position: relative;
            background: #d2d2d2;
        }

            .shop .buy_status > .progress > .progress-bar {
                background: #069AF7;
                height: 3px;
            }

.orderprogressfirbox-round {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    text-align: center;
    line-height: .6rem;
    color: #FFFFFF;
    background: #999999;
    margin: 10px auto;
    position: relative;
    z-index: 2;
}

    .orderprogressfirbox-round.active {
        width: 30px;
        height: 30px;
        background: url(../images/active1.png);
        margin: 0 auto;
    }

    .orderprogressfirbox-round.active2 {
        width: 30px;
        height: 30px;
        background: url(../images/active2.png);
        margin: 0 auto;
    }

.orderprogressfir .active {
    background: linear-gradient(45deg,rgba(22,136,251,1),rgba(30,176,243,1));
}

.orderprogressfirboxabs a {
    color: #919191;
    line-height: 40px;
}

.orderprogressfirboxabs .t_1 {
    position: absolute;
    left: 405px;
}

.orderprogressfirboxabs .t_2 {
    position: absolute;
    left: 765px;
}

.orderprogressfirboxabs .t_3 {
    position: absolute;
    left: 1144px;
}
/* .shop .buy_status .orderprogressfirboxabs .tac:nth-last-child(1){padding-right: 0;} */
.shop .buy_status .orderprogressfirboxabs .tac:first-child + .tac + .tac + .tac + .tac {
    padding-right: 0
}

.shop .goods {
    background: #ffffff;
    border: 1px solid #e8e8e8;
}

    .shop .goods .gd_title {
        height: 40px;
        border-bottom: 1px solid #e8e8e8;
    }

    .shop .goods .list .fl {
        line-height: 40px;
        color: #888888;
        font-size: 12px;
        text-align: center;
    }

    .shop .goods .list .title {
        width: 643px;
        padding: 0 18px;
    }

    .shop .goods .list .unit {
        width: 198px;
    }

    .shop .goods .list .letter {
        width: 114px;
    }

    .shop .goods .list .total {
        width: 207px;
    }

    .shop .goods .gd_item .fl {
        height: 175px;
        line-height: 175px;
    }

    .shop .goods .gd_item .title {
        text-align: left;
        padding-top: 10px;
        line-height: 27px;
        height: 165px;
    }

        .shop .goods .gd_item .title .name {
            line-height: 28px;
            font-size: 18px;
            color: #000000;
        }

        .shop .goods .gd_item .title .infrom {
            margin-top: 20px;
        }

            .shop .goods .gd_item .title .infrom p {
                height: 20px;
                line-height: 20px;
                font-size: 14px;
            }

    .shop .goods .gd_item .unit, .shop .goods .gd_item .total {
        color: #f37600;
        font-size: 16px;
    }

.shop .customer_item {
    background: #ffffff;
    margin-top: 20px;
    border: 1px solid #e8e8e8;
}

    .shop .customer_item .cs_title {
        height: 40px;
        padding: 0 10px;
        line-height: 40px;
        color: #888888;
        border-bottom: 1px solid #e8e8e8;
    }

        .shop .customer_item .cs_title .orgion {
            color: #ed741e;
        }

.shop .customer .cus_list {
    padding: 30px;
}

    .shop .customer .cus_list .type .airlines {
        display: block;
        float: left;
        width: 100px;
        height: 34px;
        line-height: 34px;
        border: 1px solid #e8e8e8;
        margin-right: 20px;
        text-align: center;
        color: #888888;
    }

        .shop .customer .cus_list .type .airlines.active {
            border: 1px solid #f98f24;
            background: #ed741e;
            color: #ffffff;
        }

    .shop .customer .cus_list .cus_user .item {
        width: 274px;
        height: 160px;
        float: left;
        background: #f6f6f6;
        border: 1px solid #e8e8e8;
        margin-right: 8px;
        margin-top: 10px;
        cursor: pointer;
    }

        .shop .customer .cus_list .cus_user .item.active {
            border: 1px solid #f37600;
        }

        .shop .customer .cus_list .cus_user .item .item_top {
            padding: 20px 20px 0 20px;
        }

        .shop .customer .cus_list .cus_user .item:nth-child(4n) {
            margin-right: 0;
        }

        .shop .customer .cus_list .cus_user .item .top_img {
            width: 90px;
            height: 90px;
            border-radius: 45px;
        }

        .shop .customer .cus_list .cus_user .item .username {
            line-height: 20px;
            height: 20px;
            padding-left: 10px;
            position: relative;
        }

            .shop .customer .cus_list .cus_user .item .username .state {
                width: 40px;
                height: 20px;
                border-radius: 10px;
                display: block;
                background: #2a93fb;
                color: #ffffff;
                text-align: center;
                position: absolute;
                right: 0;
                top: 0;
            }

        .shop .customer .cus_list .cus_user .item .star {
            height: 24px;
            padding-left: 10px;
            background: url(../images/star.png) no-repeat;
            background-position-y: center;
            background-position-x: 10px;
            width: 72px;
        }

            .shop .customer .cus_list .cus_user .item .star .icon {
                height: 12px;
                width: 12px;
                margin-right: 3px;
                margin-top: 5px;
                float: left;
                background: url(../images/star_active.png) no-repeat;
            }

        .shop .customer .cus_list .cus_user .item .tips {
            height: 22px;
            line-height: 22px;
            padding-left: 10px;
            font-size: 12px;
        }

        .shop .customer .cus_list .cus_user .item .tip {
            font-size: 14px;
            line-height: 32px;
            text-align: center;
            height: 32px
        }

.shop .contact .contact_list {
    padding: 20px 20px 40px 20px;
}

    .shop .contact .contact_list .item {
        margin-top: 20px;
    }

        .shop .contact .contact_list .item label[for="name"] {
            display: block;
            float: left;
            width: 280px;
            text-align: right;
            line-height: 34px;
        }

        .shop .contact .contact_list .item .txt {
            height: 34px;
            border: 1px solid #dddddd;
            border-radius: 5px;
            width: 260px;
            padding: 0 10px;
        }

.shop .make .makeorder {
    padding: 40px 20px;
}

    .shop .make .makeorder .cost {
        width: 480px;
        border-bottom: 2px solid #bcbcbc;
        padding-left: 680px;
    }

        .shop .make .makeorder .cost .item {
            line-height: 45px;
        }

            .shop .make .makeorder .cost .item label[for="name"] {
                font-size: 16px;
                line-height: 45px;
            }

            .shop .make .makeorder .cost .item label[for="price"] {
                float: right;
                line-height: 40px;
                font-size: 16px;
            }

                .shop .make .makeorder .cost .item label[for="price"] .price {
                    color: #ff0f0f;
                    font-size: 20px;
                    line-height: 45px;
                }

    .shop .make .makeorder .balance {
        width: 480px;
        padding-left: 680px;
    }

        .shop .make .makeorder .balance .item label[for="name"] {
            font-size: 16px;
            line-height: 45px;
        }

        .shop .make .makeorder .balance .item label[for="price"] {
            float: right;
            line-height: 40px;
            font-size: 16px;
        }

    .shop .make .makeorder .agree {
        width: 480px;
        padding-left: 680px;
        text-align: right;
    }

        .shop .make .makeorder .agree a {
            color: #000000;
        }

    .shop .make .makeorder .btn {
        float: right;
        margin-top: 10px;
        width: 120px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        color: #ffffff;
        background: #ed741e;
        border-radius: 5px;
    }

/****************商品详情 shop*****************/
.shopdetails {
    background-color: #f8f8f8;
    font-family: Microsoft YaHei;
    padding-bottom: 20px;
}

    .shopdetails .pdetails {
        color: #2460A9;
    }
    /*新版功能*/
    .shopdetails .imgage .gallery-top {
        width: 628px;
        height: 348px;
        border: 1px solid #E8E8E8;
        text-align: center;
    }

        .shopdetails .imgage .gallery-top img {
            height: 100%;
        }

    .shopdetails .imgage .gallery-thumbs {
        margin-top: 10px;
    }

        .shopdetails .imgage .gallery-thumbs .swiper-wrapper .swiper-slide {
            width: 154px;
            height: 87px;
            text-align: center;
            border: 1px solid #f5f5f5;
        }

            .shopdetails .imgage .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
                width: 148px !important;
                height: 81px !important;
            }

            .shopdetails .imgage .gallery-thumbs .swiper-wrapper .swiper-slide img {
                height: 100%;
            }

        .shopdetails .imgage .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active {
            padding: 3px;
            background: #F37600;
        }

            .shopdetails .imgage .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active:before {
                content: '';
                position: absolute;
                width: 0;
                height: 0;
                left: 20px;
                top: -15px;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 15px solid #F37600;
            }

            .shopdetails .imgage .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active:after {
                content: '';
                position: absolute;
                width: 0;
                height: 0;
                left: 20px;
                top: -13px;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 15px solid #F37600;
            }

        .shopdetails .imgage .gallery-thumbs .swiper-button-next {
            background: rgba(0, 0, 0, 0.7);
            height: 87px;
            width: 24px;
            font-size: 24px;
            top: 0;
            padding: 0;
            margin: 0;
            right: 0;
        }

        .shopdetails .imgage .gallery-thumbs .swiper-button-prev {
            background: rgba(0, 0, 0, 0.7);
            height: 87px;
            width: 24px;
            font-size: 24px;
            top: 0;
            padding: 0;
            margin: 0;
            left: 0;
        }

            .shopdetails .imgage .gallery-thumbs .swiper-button-next:after, .shopdetails .imgage .gallery-thumbs .swiper-button-prev:after {
                font-size: initial;
            }


    .shopdetails .op {
        height: 50px;
        margin-top: 5px;
        line-height: 50px;
    }

        .shopdetails .op .collect {
            float: left;
            margin-left: 10px;
            margin-right: 40px;
            cursor: pointer;
        }

            .shopdetails .op .collect .icon {
                float: left;
                display: block;
                width: 24px;
                height: 24px;
                background-image: url(../images/guarantee.png);
                background-position: -3px -103px;
                background-repeat: no-repeat;
                margin-top: 12px;
            }

            .shopdetails .op .collect.active .icon {
                background-image: url(../images/guarantee.png);
                background-position: -3px -132px;
            }

        .shopdetails .op .fave {
            float: left;
            margin-left: 10px;
            margin-right: 40px;
            cursor: pointer;
        }

            .shopdetails .op .fave .icon {
                float: left;
                display: block;
                width: 24px;
                height: 24px;
                background-image: url(../images/guarantee.png);
                background-position: -3px -154px;
                background-repeat: no-repeat;
                margin-top: 12px;
            }

            .shopdetails .op .fave.active .icon {
                background-image: url(../images/guarantee.png);
                background-position: -3px -176px;
            }
    /*end*/
    .shopdetails .details {
        width: 1200px;
        background: #ffffff;
    }

        .shopdetails .details .nav {
            padding: 18px 20px;
        }

            .shopdetails .details .nav a {
                color: #999999;
            }

        .shopdetails .details .imgage {
            width: 640px;
            padding: 10px 0 0 10px;
        }

            .shopdetails .details .imgage .imgurl {
                width: 410px;
                height: 410px;
                border: 1px solid #d5e5fb;
            }

                .shopdetails .details .imgage .imgurl .img {
                    width: 400px;
                    height: 400px;
                    padding: 5px;
                }

        .shopdetails .details .product {
            width: 520px;
            padding: 10px 0px 20px 20px;
        }

            .shopdetails .details .product .shop_name {
                font-size: 18px;
                line-height: 26px;
                font-weight: bold;
            }

            .shopdetails .details .product .price {
                background: #f0f3f7;
                margin-top: 20px;
                height: 64px;
                line-height: 64px;
                position: relative;
            }

                .shopdetails .details .product .price .title {
                    font-size: 14px;
                    margin-left: 20px;
                    float: left;
                    color: #888888;
                    margin-right: 50px;
                }

                .shopdetails .details .product .price .minprice {
                    width: 72px;
                    height: 24px;
                    background: #6ABD00;
                    border-radius: 2px;
                    float: right;
                    color: #fff;
                    line-height: 24px;
                    text-align: center;
                    margin: 20px;
                    cursor: pointer;
                }


                .shopdetails .details .product .price .present {
                    color: #ff7733;
                    float: left;
                }

                    .shopdetails .details .product .price .present b {
                        font-size: 30px;
                    }

                .shopdetails .details .product .price .original label[for="name"] {
                    line-height: 35px;
                    color: #909191;
                }

                .shopdetails .details .product .price .original span {
                    color: #abacad;
                    text-decoration: line-through;
                }

                .shopdetails .details .product .price .sales {
                    position: absolute;
                    right: 0;
                    width: 200px;
                    height: 64px;
                    text-align: right;
                }

                    .shopdetails .details .product .price .sales label {
                        display: block;
                        font-size: 14px;
                        color: #8b8b8c;
                        text-align: center;
                        float: right;
                        line-height: 64px;
                        color: rgba(0, 0, 0, 0.6);
                        margin-right: 10px;
                    }

                    .shopdetails .details .product .price .sales span {
                        display: block;
                        font-size: 14px;
                        color: #000000;
                        font-weight: 600;
                        text-align: center;
                        float: right;
                        line-height: 64px;
                        color: rgba(0, 0, 0, 0.6);
                        margin-right: 10px;
                    }

            .shopdetails .details .product .item_shop {
                line-height: 35px;
                height: 35px;
            }

                .shopdetails .details .product .item_shop.one {
                    padding-top: 15px;
                }

                .shopdetails .details .product .item_shop label[for="lable"] {
                    display: block;
                    float: left;
                    color: #888888;
                    margin-right: 25px;
                }

            .shopdetails .details .product .item_ul {
                margin-top: 10px
            }

                .shopdetails .details .product .item_ul label {
                    display: block;
                    line-height: 40px;
                    width: 80px;
                    float: left;
                }

                .shopdetails .details .product .item_ul .attrs {
                    width: 455px;
                    display: block;
                    float: left;
                }

                .shopdetails .details .product .item_ul li {
                    /*float: left;
                padding: 0 20px;
                line-height: 35px;
                height: 35px;
                text-align: center;
                margin-right: 15px;
                cursor: pointer;
                margin-bottom: 5px;*/
                    padding: 0 20px;
                    line-height: 35px;
                    height: 35px;
                    text-align: center;
                    margin-right: 15px;
                    cursor: pointer;
                    margin-bottom: 5px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    float: left;
                    max-width: 398px;
                }

                    .shopdetails .details .product .item_ul li.on {
                        border: 1px solid #e8e8e8;
                    }

                        .shopdetails .details .product .item_ul li.on.active {
                            border: 1px solid #f37600;
                            background: url(../images/spec_avtive.png) no-repeat right bottom;
                            background-position-y: 18px
                        }

                    .shopdetails .details .product .item_ul li.noton {
                        border: 1px dashed #dbdbdb;
                        color: #696969;
                        background: #f5f5f5
                    }

            .shopdetails .details .product .item_num {
                line-height: 35px;
                height: 35px;
            }

                .shopdetails .details .product .item_num label[for="lable"] {
                    display: block;
                    float: left;
                    color: #9b9b9b;
                    width: 80px;
                }

                .shopdetails .details .product .item_num .symbol {
                    width: 30px;
                    height: 30px;
                    text-align: center;
                    line-height: 30px;
                    border: 1px solid #dddddd;
                    margin-top: 2px;
                    cursor: pointer;
                    color: #000000;
                }

                .shopdetails .details .product .item_num .txt {
                    width: 58px;
                    border-top: 1px solid #dddddd;
                    border-bottom: 1px solid #dddddd;
                    margin-top: 2px;
                    height: 30px;
                    text-align: center;
                }

            .shopdetails .details .product .item_btn {
                margin-top: 20px;
            }

                .shopdetails .details .product .item_btn .btn {
                    width: 170px;
                    height: 50px;
                    margin-right: 20px;
                    color: #ffffff;
                }

                    .shopdetails .details .product .item_btn .btn.collect {
                        background: #f37600;
                        box-shadow: 0 0 3px 0 #f37600;
                        border-radius: 5px;
                        cursor: pointer;
                        float: left;
                    }

                    .shopdetails .details .product .item_btn .btn.submit {
                        background: #069AF7;
                        box-shadow: 0 0 3px 0 #069AF7;
                        border-radius: 5px;
                        cursor: pointer;
                        display: block;
                        float: left;
                        text-align: center;
                        line-height: 50px;
                    }

                    .shopdetails .details .product .item_btn .btn.sold {
                        background: #d8d8d8;
                        box-shadow: 0 0 3px 0 #d8d8d8;
                        border-radius: 5px;
                        cursor: pointer;
                        display: block;
                        float: left;
                        text-align: center;
                        line-height: 50px;
                    }

                .shopdetails .details .product .item_btn .tips {
                    height: 50px;
                    line-height: 50px;
                    color: #6D6D6D;
                    font-size: 14px;
                }

                    .shopdetails .details .product .item_btn .tips a {
                        color: #FF7733;
                        font-size: 14px;
                        cursor: pointer;
                    }

            .shopdetails .details .product .guarantee {
                margin-bottom: 65px;
            }

                .shopdetails .details .product .guarantee .guaranteeTips {
                    height: 35px;
                    line-height: 35px;
                    border: 1px solid #e8e8e8;
                    display: none;
                    padding-left: 10px;
                    margin-top: -1px;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                    width: 510px;
                    position: absolute;
                    z-index: 1;
                }

                    .shopdetails .details .product .guarantee .guaranteeTips.active {
                        display: block;
                    }

                .shopdetails .details .product .guarantee ul li {
                    float: left;
                    display: block;
                    width: 35px;
                    height: 35px;
                    border: 1px solid #fff;
                    position: relative;
                    border-bottom: 1px solid #e8e8e8;
                    cursor: pointer;
                    z-index: 10;
                }

                    .shopdetails .details .product .guarantee ul li.active {
                        border: 1px solid #E8E8E8;
                        border-bottom: 1px solid #fff;
                    }

                        .shopdetails .details .product .guarantee ul li.active p {
                            display: block;
                            position: absolute;
                            top: 30px;
                            left: 0px;
                            width: 539px;
                            border: 1px solid #e8e8e8;
                        }

                    .shopdetails .details .product .guarantee ul li p {
                        display: none;
                    }

                    .shopdetails .details .product .guarantee ul li.fictitious {
                        background: url(../images/guarantee.png) no-repeat center center;
                        background-position: -108px -3px;
                        margin-right: 0;
                    }

                    .shopdetails .details .product .guarantee ul li.auto {
                        background: url(../images/guarantee.png) no-repeat center center;
                        background-position: -39px -3px;
                        margin-right: 0;
                    }

                    .shopdetails .details .product .guarantee ul li.manual {
                        background: url(../images/guarantee.png) no-repeat center center;
                        background-position: -144px -3px;
                        margin-right: 0;
                    }

                    .shopdetails .details .product .guarantee ul li.efficiency {
                        background: url(../images/guarantee.png) no-repeat center center;
                        background-position: -73px -3px;
                        margin-right: 0;
                    }

                    .shopdetails .details .product .guarantee ul li.after {
                        background: url(../images/guarantee.png) no-repeat center center;
                        background-position: -1px -3px;
                        margin-right: 0;
                    }

                    .shopdetails .details .product .guarantee ul li.security {
                        background: url(../images/guarantee.png) no-repeat center center;
                        background-position: -180px -3px;
                        margin-right: 0;
                    }

                    .shopdetails .details .product .guarantee ul li.jtzs {
                        background: url(../images/guarantee.png) no-repeat center center;
                        background-position: -31px -66px;
                    }

                    .shopdetails .details .product .guarantee ul li.djqsp {
                        background: url(../images/guarantee.png) no-repeat center center;
                        background-position: -32px -33px;
                    }

                    .shopdetails .details .product .guarantee ul li.ytb {
                        background: url(../images/guarantee.png) no-repeat center center;
                        background-position: -91px -66px;
                    }

                    .shopdetails .details .product .guarantee ul li.ktb {
                        background: url(../images/guarantee.png) no-repeat center center;
                        background-position: -91px -66px;
                    }

                    .shopdetails .details .product .guarantee ul li.dbjy {
                        background: url(../images/guarantee.png) no-repeat center center;
                        background-position: -95px -34px;
                    }

                    .shopdetails .details .product .guarantee ul li.ptds {
                        background: url(../images/guarantee.png) no-repeat center center;
                        background-position: -151px -66px;
                    }

                    .shopdetails .details .product .guarantee ul li.store {
                        background: url(../images/guarantee.png) no-repeat center center;
                        background-position: -210px -67px;
                    }

                    .shopdetails .details .product .guarantee ul li.proprietary {
                        background: url(../images/guarantee.png) no-repeat center center;
                        background-position: -215px -33px;
                    }

                    .shopdetails .details .product .guarantee ul li.rnsb {
                        background: url(../images/guarantee.png) no-repeat center center;
                        background-position: -272px -65px;
                    }

                    .shopdetails .details .product .guarantee ul li.jsjy {
                        background: url(../images/guarantee.png) no-repeat center center;
                        background-position: -280px -33px;
                    }

                    .shopdetails .details .product .guarantee ul li.zjbp {
                        background: url(../images/guarantee.png) no-repeat center center;
                        background-position: -332px -66px;
                    }

                    .shopdetails .details .product .guarantee ul li.sdfh {
                        background: url(../images/guarantee.png) no-repeat center center;
                        background-position: -340px -33px;
                    }

                    .shopdetails .details .product .guarantee ul li.smrz {
                        background: url(../images/guarantee.png) no-repeat center center;
                        background-position: -400px -31px;
                    }

                    .shopdetails .details .product .guarantee ul li.zhbp {
                        background: url(../images/guarantee.png) no-repeat center center;
                        background-position: -462px -34px;
                    }
    /*服务保障*/
    .shopdetails .supplement .service {
        padding-top: 40px;
    }

        .shopdetails .supplement .service .title {
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #000000;
            margin-bottom: 30px;
        }

        .shopdetails .supplement .service .guarantee .list {
            margin-bottom: 40px;
        }

            .shopdetails .supplement .service .guarantee .list .name {
                font-size: 14px;
                font-family: Microsoft YaHei;
                font-weight: bold;
                color: #000000;
            }

            .shopdetails .supplement .service .guarantee .list .desc {
                font-size: 14px;
                font-family: Microsoft YaHei;
                font-weight: 400;
                color: rgba(0, 0, 0, 0.5);
            }

            .shopdetails .supplement .service .guarantee .list .icon {
                display: block;
                width: 32px;
                height: 36px;
                float: left;
                margin-right: 30px;
                border: 1px solid #fff;
            }

            .shopdetails .supplement .service .guarantee .list .store {
                background: url(../images/guarantee.png) no-repeat center center;
                background-position: -182px -66px;
            }

                .shopdetails .supplement .service .guarantee .list .store.active {
                    background: url(../images/guarantee.png) no-repeat center center;
                    background-position: -212px -67px;
                }

            .shopdetails .supplement .service .guarantee .list .ptds {
                background: url(../images/guarantee.png) no-repeat center center;
                background-position: -120px -66px;
            }

                .shopdetails .supplement .service .guarantee .list .ptds.active {
                    background: url(../images/guarantee.png) no-repeat center center;
                    background-position: -151px -66px;
                }

            .shopdetails .supplement .service .guarantee .list .proprietary {
                background: url(../images/guarantee.png) no-repeat center center;
                background-position: -187px -33px;
            }

                .shopdetails .supplement .service .guarantee .list .proprietary.active {
                    background: url(../images/guarantee.png) no-repeat center center;
                    background-position: -218px -33px;
                }


            .shopdetails .supplement .service .guarantee .list .zjbp {
                background: url(../images/guarantee.png) no-repeat center center;
                background-position: -302px -66px;
            }

                .shopdetails .supplement .service .guarantee .list .zjbp.active {
                    background: url(../images/guarantee.png) no-repeat center center;
                    background-position: -332px -66px;
                }

            .shopdetails .supplement .service .guarantee .list .rnsb {
                background: url(../images/guarantee.png) no-repeat center center;
                background-position: -242px -65px
            }

                .shopdetails .supplement .service .guarantee .list .rnsb.active {
                    background: url(../images/guarantee.png) no-repeat center center;
                    background-position: -272px -65px;
                }

            .shopdetails .supplement .service .guarantee .list .smrz {
                background: url(../images/guarantee.png) no-repeat center center;
                background-position: -372px -31px;
            }

                .shopdetails .supplement .service .guarantee .list .smrz.active {
                    background: url(../images/guarantee.png) no-repeat center center;
                    background-position: -403px -31px;
                }

            .shopdetails .supplement .service .guarantee .list .jsjy {
                background: url(../images/guarantee.png) no-repeat center center;
                background-position: -249px -33px;
            }

                .shopdetails .supplement .service .guarantee .list .jsjy.active {
                    background: url(../images/guarantee.png) no-repeat center center;
                    background-position: -280px -33px;
                }

            .shopdetails .supplement .service .guarantee .list .dbjy {
                background: url(../images/guarantee.png) no-repeat center center;
                background-position: -64px -34px;
            }

                .shopdetails .supplement .service .guarantee .list .dbjy.active {
                    background: url(../images/guarantee.png) no-repeat center center;
                    background-position: -95px -34px;
                }

            .shopdetails .supplement .service .guarantee .list .zhbp {
                background: url(../images/guarantee.png) no-repeat center center;
                background-position: -434px -34px;
            }

                .shopdetails .supplement .service .guarantee .list .zhbp.active {
                    background: url(../images/guarantee.png) no-repeat center center;
                    background-position: -465px -34px;
                }

            .shopdetails .supplement .service .guarantee .list .sdfh {
                background: url(../images/guarantee.png) no-repeat center center;
                background-position: -311px -33px;
            }

                .shopdetails .supplement .service .guarantee .list .sdfh.active {
                    background: url(../images/guarantee.png) no-repeat center center;
                    background-position: -342px -33px;
                }

            .shopdetails .supplement .service .guarantee .list .djqsp {
                background: url(../images/guarantee.png) no-repeat center center;
                background-position: -2px -33px;
            }

                .shopdetails .supplement .service .guarantee .list .djqsp.active {
                    background: url(../images/guarantee.png) no-repeat center center;
                    background-position: -32px -33px;
                }


            .shopdetails .supplement .service .guarantee .list .jtzs {
                background: url(../images/guarantee.png) no-repeat center center;
                background-position: -1px -66px;
            }

                .shopdetails .supplement .service .guarantee .list .jtzs.active {
                    background: url(../images/guarantee.png) no-repeat center center;
                    background-position: -31px -66px;
                }

            .shopdetails .supplement .service .guarantee .list .ytb {
                background: url(../images/guarantee.png) no-repeat center center;
                background-position: -60px -66px;
            }

                .shopdetails .supplement .service .guarantee .list .ytb.active {
                    background: url(../images/guarantee.png) no-repeat center center;
                    background-position: -91px -66px;
                }

            .shopdetails .supplement .service .guarantee .list .ktb {
                background: url(../images/guarantee.png) no-repeat center center;
                background-position: -60px -66px;
            }

                .shopdetails .supplement .service .guarantee .list .ktb.active {
                    background: url(../images/guarantee.png) no-repeat center center;
                    background-position: -91px -66px;
                }


            .shopdetails .supplement .service .guarantee .list .fictitious {
                background: url(../images/guarantee.png) no-repeat center center;
                background-position: -110px -3px;
                margin-right: 20px;
            }

            .shopdetails .supplement .service .guarantee .list .auto {
                background: url(../images/guarantee.png) no-repeat center center;
                background-position: -39px -3px;
                margin-right: 20px;
            }

            .shopdetails .supplement .service .guarantee .list .manual {
                background: url(../images/guarantee.png) no-repeat center center;
                background-position: -146px -3px;
                margin-right: 20px;
            }

            .shopdetails .supplement .service .guarantee .list .efficiency {
                background: url(../images/guarantee.png) no-repeat center center;
                background-position: -75px -3px;
                margin-right: 20px;
            }

            .shopdetails .supplement .service .guarantee .list .after {
                background: url(../images/guarantee.png) no-repeat center center;
                background-position: -3px -3px;
                margin-right: 20px;
            }

            .shopdetails .supplement .service .guarantee .list .security {
                background: url(../images/guarantee.png) no-repeat center center;
                background-position: -182px -3px;
                margin-right: 20px;
            }
    /*服务保障end*/
    .shopdetails .owner {
        width: 230px;
    }

        .shopdetails .owner .owner_img {
            margin-top: 50px;
            text-align: center;
        }

            .shopdetails .owner .owner_img .img {
                border-radius: 50%;
            }

        .shopdetails .owner .owner_name {
            line-height: 30px;
            text-align: center;
        }

        .shopdetails .owner .credibility {
            text-align: center;
            line-height: 28px;
        }

            .shopdetails .owner .credibility .icon {
                width: 13px;
                height: 13px;
                background: url(../images/blue.png) no-repeat center center;
                margin-right: 3px;
                margin-top: -3px;
            }

        .shopdetails .owner .table {
            margin-top: 35px;
            border-bottom: 1px solid #e8e8e8;
            border-top: 1px solid #e8e8e8;
            height: 80px;
        }

            .shopdetails .owner .table .item {
                width: 76px;
                text-align: center;
                border-right: 1px solid #dddddd;
                height: 80px;
            }

            .shopdetails .owner .table .last {
                border-right: 0px
            }

            .shopdetails .owner .table .item p {
                line-height: 30px;
            }

            .shopdetails .owner .table .item .first {
                padding-top: 10px;
                font-size: 18px;
                font-weight: bold;
            }

            .shopdetails .owner .table .item .second {
                color: #888888;
            }

    .shopdetails .showrecommend {
        background: #f5f5f5;
        margin-top: 20px;
        padding: 20px;
        width: 1160px;
    }

        .shopdetails .showrecommend .product_store {
            float: left;
            width: 224px;
        }

            .shopdetails .showrecommend .product_store .product_store_logo {
                text-align: center;
                margin-top: 7px;
            }

                .shopdetails .showrecommend .product_store .product_store_logo img {
                    width: 64px;
                    height: 64px;
                    border-radius: 32px;
                }

            .shopdetails .showrecommend .product_store .product_store_name {
                text-align: center;
                line-height: 30px;
            }

            .shopdetails .showrecommend .product_store .product_store_credibility {
                text-align: center;
                line-height: 20px;
            }

                .shopdetails .showrecommend .product_store .product_store_credibility img {
                    width: 13px;
                    height: 13px;
                    margin: -2px 2px 0 0;
                }

            .shopdetails .showrecommend .product_store hr {
                margin: 10px;
                width: 220px;
                text-align: right;
                margin-bottom: 0;
            }

        .shopdetails .showrecommend .vertical {
            margin: 0 20px;
            width: 18px;
            float: left;
            background: #fff;
            border: 1px solid #e8e8e8;
            height: 141px;
            line-height: 35px;
            padding: 50px 5px;
            text-align: center;
        }

        .shopdetails .showrecommend .vertical_2 {
            width: auto;
            height: 40px;
            line-height: 40px;
            padding-left: 20px;
            background: #f0f0f0;
            font-weight: 600;
        }

    .shopdetails .showrecommend_2 {
        width: 1200px;
        padding: 0;
        border: 1px solid #dedede;
    }

        .shopdetails .showrecommend_2 .re_product_list {
            padding: 20px;
            background: #fff;
        }

    .shopdetails .showrecommend .re_product_list .list_item {
        float: left;
        border: 1px solid #dedede;
        width: 280px;
        height: 241px;
        margin-right: 10px;
        cursor: pointer;
        position: relative;
        overflow: hidden;
    }

        .shopdetails .showrecommend .re_product_list .list_item:hover {
            background: #fafafa;
        }

            .shopdetails .showrecommend .re_product_list .list_item:hover img {
                -webkit-transform: scale(1.05);
                -moz-transform: scale(1.05);
                -ms-transform: scale(1.05);
                -o-transform: scale(1.05);
                transform: scale(1.05);
            }

        .shopdetails .showrecommend .re_product_list .list_item:nth-child(4) {
            margin-right: 0px;
        }

        .shopdetails .showrecommend .re_product_list .list_item .img img {
            width: 280px;
            height: 159px;
        }

        .shopdetails .showrecommend .re_product_list .list_item .p_title {
            color: #000000;
            line-height: 34px;
            padding: 5px 9px 0 9px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .shopdetails .showrecommend .re_product_list .list_item .p_game {
            font-size: 12px;
            padding-left: 9px;
            line-height: 20px;
            color: #656565;
        }

        .shopdetails .showrecommend .re_product_list .list_item .p_service {
            font-size: 12px;
            padding-left: 9px;
            line-height: 20px;
            color: #656565;
        }

        .shopdetails .showrecommend .re_product_list .list_item .p_price {
            position: absolute;
            right: 10px;
            bottom: 17px;
            color: #f37600;
            font-size: 18px;
        }

        .shopdetails .showrecommend .re_product_list .list_item.li_2 {
            margin-right: 0;
        }

    .shopdetails .supplement {
        margin-top: 20px;
        background: #ffffff;
        width: 1200px;
    }

        .shopdetails .supplement .Explain {
            padding: 0 20px 20px 20px;
            margin-top: 20px;
        }

            .shopdetails .supplement .Explain h3 {
                font-size: 20px;
                font-family: Microsoft YaHei;
                font-weight: 400;
                color: #000000;
                line-height: 65px;
            }

            .shopdetails .supplement .Explain p {
                font-size: 14px;
                font-family: Microsoft YaHei;
                font-weight: 400;
                color: rgba(0, 0, 0, 0.6);
                line-height: 30px;
            }

        .shopdetails .supplement .type {
            height: 56px;
            line-height: 56px;
            border: 1px solid #E8E8E8;
            background: #F7F7F7;
            font-size: 16px;
            border-bottom: 1px solid #2460A9;
        }

            .shopdetails .supplement .type .typename {
                display: block;
                float: left;
                color: #000000;
            }

                .shopdetails .supplement .type .typename span {
                    padding: 0 20px;
                    border-right: 1px solid #E8E8E8;
                    height: 56px;
                    display: block;
                }

                .shopdetails .supplement .type .typename.active {
                    background: #2460A9;
                    height: 56px;
                }

                    .shopdetails .supplement .type .typename.active span {
                        color: #FFFFFF;
                    }


        .shopdetails .supplement .typeitem {
            padding: 20px;
            line-height: 24px;
            word-wrap: break-word
        }

            .shopdetails .supplement .typeitem .infoContent {
                border-bottom: 1px solid #E8E8E8;
                margin-bottom: 20px;
                padding-bottom: 20px;
            }

                .shopdetails .supplement .typeitem .infoContent h3 {
                    font-size: 20px;
                    font-weight: 400;
                    color: #2460A9;
                    line-height: 30px;
                    margin-bottom: 20px;
                }

            .shopdetails .supplement .typeitem .pinfo {
                border-bottom: 1px solid #E8E8E8;
                margin-bottom: 20px;
                padding-bottom: 20px;
            }

                .shopdetails .supplement .typeitem .pinfo h3 {
                    font-size: 20px;
                    font-weight: 400;
                    color: #2460A9;
                    line-height: 30px;
                    margin-bottom: 20px;
                }

                .shopdetails .supplement .typeitem .pinfo ul li.mult {
                    width: 25%;
                    font-size: 14px;
                    font-weight: 400;
                    color: rgba(0, 0, 0, 0.6);
                    line-height: 30px;
                    float: left;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

                .shopdetails .supplement .typeitem .pinfo ul li.only {
                    width: 100%;
                    font-size: 14px;
                    font-weight: 400;
                    color: rgba(0, 0, 0, 0.6);
                    line-height: 30px;
                    float: left;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

            .shopdetails .supplement .typeitem .AuditReport {
                padding: 12px;
                margin-bottom: 20px;
                background-image: url(../images/borderbg.png);
            }

                .shopdetails .supplement .typeitem .AuditReport .content {
                    background-image: url(../images/checkbg.png);
                    text-align: center;
                }

                    .shopdetails .supplement .typeitem .AuditReport .content .aduitTitle {
                        margin-top: 90px;
                    }

                    .shopdetails .supplement .typeitem .AuditReport .content .aduitDate {
                        width: 700px;
                        height: 50px;
                        background: rgba(144, 103, 59, 0.06);
                        margin: 56px auto;
                        line-height: 50px;
                        color: #000000;
                        font-size: 18px;
                        font-family: Microsoft YaHei;
                    }

                    .shopdetails .supplement .typeitem .AuditReport .content .acc {
                        width: 700px;
                        margin: 0px auto;
                    }

                        .shopdetails .supplement .typeitem .AuditReport .content .acc .accTitle {
                            margin-bottom: 50px;
                        }

                        .shopdetails .supplement .typeitem .AuditReport .content .acc ul li {
                            width: 33%;
                            float: left;
                            text-align: left;
                        }

                    .shopdetails .supplement .typeitem .AuditReport .content .service {
                        width: 700px;
                        margin: 0px auto;
                        margin-top: 70px;
                    }

                        .shopdetails .supplement .typeitem .AuditReport .content .service .storeTitle {
                            margin-bottom: 50px;
                        }

                        .shopdetails .supplement .typeitem .AuditReport .content .service ul li {
                            width: 50%;
                            height: 100px;
                            position: relative;
                            float: left;
                        }

                            .shopdetails .supplement .typeitem .AuditReport .content .service ul li .icon {
                                left: 0;
                                position: absolute;
                                width: 43px;
                                height: 48px;
                            }

                            .shopdetails .supplement .typeitem .AuditReport .content .service ul li .title {
                                float: left;
                                margin-left: 50px;
                                font-size: 20px;
                                font-family: Microsoft YaHei;
                                font-weight: 400;
                                color: #000000;
                                margin-bottom: 0px;
                            }

                            .shopdetails .supplement .typeitem .AuditReport .content .service ul li .info {
                                float: left;
                                text-align: left;
                                margin-left: 50px;
                                color: rgba(0, 0, 0, 0.7);
                                font-weight: 400;
                                font-family: Microsoft YaHei;
                                font-size: 16px;
                                width: 230px;
                            }

        .shopdetails .supplement .introduce .content_item .item {
            float: left;
            padding-right: 20px;
            width: 100%;
        }

            .shopdetails .supplement .introduce .content_item .item .file_name {
                float: left;
                display: block;
                width: 100px;
                line-height: 30px;
                text-align: right;
            }

            .shopdetails .supplement .introduce .content_item .item .file_value {
                float: left;
                line-height: 30px;
            }

        .shopdetails .supplement .record {
            padding: 0 110px;
            padding-top: 100px;
        }

            .shopdetails .supplement .record ._row {
                padding: 0 93px;
                width: 284px;
            }

                .shopdetails .supplement .record ._row .title {
                    font-size: 30px;
                    font-weight: 600;
                    text-align: center;
                    padding-bottom: 60px;
                }

            .shopdetails .supplement .record .item {
                height: 40px;
                margin-bottom: 30px;
                text-align: center;
                position: relative;
            }

            .shopdetails .supplement .record .hz1 {
                width: 142px;
                margin-top: 30px;
                position: relative;
            }

                .shopdetails .supplement .record .hz1 p {
                    background-position-x: left !important;
                    width: 124px;
                    float: left;
                }

                    .shopdetails .supplement .record .hz1 p a {
                        margin: initial;
                    }

                .shopdetails .supplement .record .hz1:after {
                    content: '';
                    position: absolute;
                    top: -30px;
                    height: 1px;
                    width: 80px;
                    left: 63px;
                    background: #000000;
                    visibility: visible;
                }

            .shopdetails .supplement .record .hz2 {
                width: 142px;
                margin-top: 30px;
                position: relative;
            }

                .shopdetails .supplement .record .hz2:after {
                    content: '';
                    position: absolute;
                    top: -30px;
                    height: 1px;
                    width: 80px;
                    left: 0;
                    background: #000000;
                    visibility: visible;
                }

                .shopdetails .supplement .record .hz2 p {
                    background-position-x: right !important;
                    width: 124px;
                    float: right;
                }

                    .shopdetails .supplement .record .hz2 p a {
                        margin: initial;
                    }

            .shopdetails .supplement .record .item a {
                font-size: 12px;
                color: #000000;
                line-height: 40px;
                width: 80px;
                padding-left: 44px;
                display: block;
                margin: 0 auto;
                text-align: left;
                position: relative;
            }

            .shopdetails .supplement .record .buyers p {
                background: url(../images/process_bg01.png) no-repeat center center;
                background-size: 124px 40px;
            }

            .shopdetails .supplement .record .buyers .hz2 p {
                background: url(../images/process_bg02.png) no-repeat right center;
                background-size: 124px 40px;
            }

            .shopdetails .supplement .record .item.choose a i {
                position: absolute;
                left: 22px;
                top: 12px;
                background: url(../images/p01.png) no-repeat center center;
                background-size: 100% 100%;
                width: 16px;
                height: 16px;
            }

            .shopdetails .supplement .record .item.payment a i {
                position: absolute;
                left: 22px;
                top: 12px;
                background: url(../images/p02.png) no-repeat center center;
                background-size: 100% 100%;
                width: 16px;
                height: 16px;
            }

            .shopdetails .supplement .record .item.waiting a i {
                position: absolute;
                left: 22px;
                top: 14px;
                background: url(../images/p03.png) no-repeat center center;
                background-size: 100% 100%;
                width: 16px;
                height: 12px;
            }

            .shopdetails .supplement .record .item.receipt a {
                padding-left: 37px;
            }

                .shopdetails .supplement .record .item.receipt a i {
                    position: absolute;
                    left: 15px;
                    top: 14px;
                    background: url(../images/p03.png) no-repeat center center;
                    background-size: 100% 100%;
                    width: 16px;
                    height: 12px;
                }

            .shopdetails .supplement .record .item.sdeal a {
                padding-left: 48px;
            }

            .shopdetails .supplement .record .item.usd a i {
                position: absolute;
                left: 28px;
                top: 12px;
                background: url(../images/p04.png) no-repeat center center;
                background-size: 100% 100%;
                width: 12px;
                height: 16px;
            }

            .shopdetails .supplement .record .item.evaluation a {
                padding-left: 61px;
            }

            .shopdetails .supplement .record .item.uettion a i {
                position: absolute;
                left: 39px;
                top: 13px;
                background: url(../images/p05.png) no-repeat center center;
                background-size: 100% 100%;
                width: 16px;
                height: 15px;
            }

            .shopdetails .supplement .record .item.receiving a {
                padding-left: 38px;
            }

                .shopdetails .supplement .record .item.receiving a i {
                    position: absolute;
                    left: 16px;
                    top: 12px;
                    background: url(../images/p1.png) no-repeat center center;
                    background-size: 100% 100%;
                    width: 16px;
                    height: 16px;
                }

            .shopdetails .supplement .record .item.partial a {
                padding-left: 35px;
            }

                .shopdetails .supplement .record .item.partial a i {
                    position: absolute;
                    left: 13px;
                    top: 12px;
                    background: url(../images/p2.png) no-repeat center center;
                    background-size: 100% 100%;
                    width: 16px;
                    height: 16px;
                }

            .shopdetails .supplement .record .item.refund a {
                padding-left: 49px;
            }

                .shopdetails .supplement .record .item.refund a i {
                    position: absolute;
                    left: 27px;
                    top: 15px;
                    background: url(../images/p3.png) no-repeat center center;
                    background-size: 100% 100%;
                    width: 16px;
                    height: 11px;
                }

            .shopdetails .supplement .record .item:after {
                content: '';
                background: #000000;
                width: 1px;
                height: 30px;
                position: absolute;
                left: 50%;
                top: 40px;
            }

            .shopdetails .supplement .record .hz1 .item:after {
                top: -30px;
            }

            .shopdetails .supplement .record .hz2 .item:after {
                top: -30px;
            }

            .shopdetails .supplement .record .seller p {
                background: url(../images/process_bg03.png) no-repeat center center;
                background-size: 124px 40px;
            }

            .shopdetails .supplement .record .seller .hz2 p {
                background: url(../images/process_bg02.png) no-repeat center center;
                background-size: 124px 40px;
            }

            .shopdetails .supplement .record .item.release a {
                padding-left: 44px;
            }

                .shopdetails .supplement .record .item.release a i {
                    position: absolute;
                    left: 24px;
                    top: 12px;
                    background: url(../images/p11.png) no-repeat center center;
                    background-size: 100% 100%;
                    width: 12px;
                    height: 16px;
                }

            .shopdetails .supplement .record .item.purchase a i {
                position: absolute;
                left: 22px;
                top: 12px;
                background: url(../images/p12.png) no-repeat center center;
                background-size: 100% 100%;
                width: 16px;
                height: 16px;
            }

            .shopdetails .supplement .record .item.deliver a i {
                position: absolute;
                left: 22px;
                top: 14px;
                background: url(../images/p13.png) no-repeat center center;
                background-size: 100% 100%;
                width: 16px;
                height: 12px;
            }

            .shopdetails .supplement .record .seller .item.receipt a {
                padding-left: 37px;
            }

                .shopdetails .supplement .record .seller .item.receipt a i {
                    position: absolute;
                    left: 15px;
                    top: 14px;
                    background: url(../images/p13.png) no-repeat center center;
                    background-size: 100% 100%;
                    width: 16px;
                    height: 12px;
                }

            .shopdetails .supplement .record .seller .item.ssd a i {
                position: absolute;
                left: 28px;
                top: 12px;
                background: url(../images/p14.png) no-repeat center center;
                background-size: 100% 100%;
                width: 12px;
                height: 16px;
            }

            .shopdetails .supplement .record .seller .item.settion a i {
                position: absolute;
                left: 39px;
                top: 13px;
                background: url(../images/p15.png) no-repeat center center;
                background-size: 100% 100%;
                width: 16px;
                height: 15px;
            }


/****************会员中心  手游专区 mobile*****************/
.mobile {
}

    .mobile .nav {
        padding: 10px 20px;
        background: #ffffff;
    }

        .mobile .nav a {
            color: #999999;
        }

    .mobile .banner {
        width: 1200px;
        position: relative;
        margin-top: 0px;
        padding: 10px 0px;
    }

        .mobile .banner .gamebanner {
            top: 10px;
            left: 10px;
        }

            .mobile .banner .gamebanner img {
                border-radius: 15px;
                width: 100px;
                height: 100px;
                overflow: hidden;
            }

            .mobile .banner .gamebanner .gamedesc {
                padding-left: 10px;
            }

                .mobile .banner .gamebanner .gamedesc .row {
                    line-height: 30px;
                    color: #ffffff;
                    position: relative;
                }

                    .mobile .banner .gamebanner .gamedesc .row .desc_01 {
                        width: 800px;
                        padding-right: 30px;
                        text-overflow: -o-ellipsis-lastline;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        line-clamp: 2;
                        -webkit-box-orient: vertical;
                    }

                    .mobile .banner .gamebanner .gamedesc .row .desc_02 {
                        width: 800px;
                    }

                    .mobile .banner .gamebanner .gamedesc .row .an {
                        color: #FFDA73;
                        position: absolute;
                        right: 0;
                        bottom: 0px;
                        cursor: pointer;
                    }

                    .mobile .banner .gamebanner .gamedesc .row.title {
                        font-size: 16px;
                        font-weight: 600;
                    }

                    .mobile .banner .gamebanner .gamedesc .row.gamesmall {
                        background: #CF0214;
                        border-radius: 4px;
                        padding: 0 5px;
                    }

    .mobile .options {
        border: 1px solid #e8e8e8;
        background: #fff;
    }

        .mobile .options .select {
        }



            .mobile .options .select .select-list {
                border-bottom: 1px solid #F3F3F3;
                line-height: 80px;
                position: relative;
            }

                .mobile .options .select .select-list.more-select {
                    padding-bottom: 20px;
                }

                .mobile .options .select .select-list .content {
                    color: #888888;
                    line-height: 80px;
                    float: left;
                    width: 1200px;
                }

                    .mobile .options .select .select-list .content .title {
                        color: #A0A0A0;
                        line-height: 80px;
                        float: left;
                        width: 112px;
                        text-align: center;
                    }

                    .mobile .options .select .select-list .content .reset {
                        background-image: url(../images/refresh_1.png);
                        background-position: center right 20px;
                        background-repeat: no-repeat;
                        width: 100px;
                        float: right;
                        text-align: left;
                        cursor: pointer;
                    }

                .mobile .options .select .select-list .show-select {
                    width: 950px;
                    float: left;
                    overflow: hidden;
                }

                    .mobile .options .select .select-list .show-select .select-box {
                        float: left;
                        margin-right: 16px;
                        display: block;
                        color: #717175;
                        width: 90px;
                        padding: 0 10px;
                        height: 40px;
                        background: #FFFFFF;
                        border: 1px solid #E8E8E8;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        margin-top: 20px;
                        line-height: 40px;
                        text-align: center;
                    }

                        .mobile .options .select .select-list .show-select .select-box.selected {
                            color: #F37600;
                            border: 1px solid #F37600;
                        }

                        .mobile .options .select .select-list .show-select .select-box:nth-child(1n+8) {
                            display: none;
                        }

                .mobile .options .select .select-list.more-select .show-select .select-box:nth-child(1n+8) {
                    display: block;
                }

                .mobile .options .select .select-list .more {
                    float: right;
                    line-height: 80px;
                    cursor: pointer;
                    color: #A5A5A5;
                    padding-right: 15px;
                    background: url(../images/buttom.png) no-repeat center right;
                    margin-right: 20px;
                    position: absolute;
                    top: 0;
                    right: 0;
                }

                .mobile .options .select .select-list .show-select .uselect {
                    float: left;
                    margin-right: 16px;
                    display: block;
                    background: #FFFFFF;
                    margin-top: 20px;
                    text-align: center;
                    cursor: pointer;
                    z-index: 120;
                    line-height: 0px;
                }

                    .mobile .options .select .select-list .show-select .uselect:nth-child(1n+8) {
                        display: none;
                    }

                .mobile .options .select .select-list.more-select .show-select .uselect:nth-child(1n+8) {
                    display: block;
                }

                .mobile .options .select .select-list .show-select .uselect:nth-child(1n+8) .option {
                    top: 123px;
                }




                .mobile .options .select .select-list .show-select .uselect.active .option .confirm {
                    float: right;
                    width: 70px;
                    line-height: 34px;
                    color: #fff;
                    font-size: 14px;
                    text-align: center;
                    margin-bottom: 5px;
                    background: #FF9E00;
                    border: 0px;
                    height: 34px;
                    border-radius: 5px;
                }

                .mobile .options .select .select-list .show-select .uselect.active .option {
                    display: block;
                }
                .mobile .options .select .select-list .show-select .uselect.selected {
                    color: #F37600;
                    border: 1px solid #F37600;
                }

                .mobile .options .select .select-list .show-select .uselect .title {
                    display: block;
                    height: 40px;
                    line-height: 40px;
                    width: 102px;
                    text-align: left;
                    color: #717175;
                    border: 1px solid #E8E8E8;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    padding-left: 15px;
                    position: relative;
                }

                    .mobile .options .select .select-list .show-select .uselect .title.active {
                        color: #F37600;
                        border: 1px solid #F37600;
                    }

                    .mobile .options .select .select-list .show-select .uselect .title i {
                        background-image: url(../images/arrowall.png);
                        background-position: -10px -10px;
                        background-repeat: no-repeat;
                        display: block;
                        height: 5px;
                        width: 8px;
                        position: absolute;
                        right: 15px;
                        top: 18px;
                    }

                .mobile .options .select .select-list .show-select .uselect.active .title {
                    border: 1px solid #F37600;
                    border-bottom: 1px solid #fff;
                    z-index: 101;
                }

                    .mobile .options .select .select-list .show-select .uselect.active .title i {
                        background-position: -10px -16px;
                    }

                .mobile .options .select .select-list .show-select .uselect .option {
                    display: none;
                    position: absolute;
                    right: 20px;
                    border: 1px solid #F27600;
                    left: 20px;
                    top: 61px;
                    background: #fff;
                    z-index: 100;
                    padding: 15px;
                    padding-bottom: 0px;
                    text-align: left;
                    max-height: 195px;
                    overflow-y: auto;
                }

                    .mobile .options .select .select-list .show-select .uselect .option.active {
                        display: block;
                    }

                    .mobile .options .select .select-list .show-select .uselect .option .option-input {
                        width: 280px;
                        height: 32px;
                        background: #FFFFFF;
                        border: 1px solid #DEDFE0;
                        margin-bottom: 15px;
                        padding-left: 10px;
                        background-image: url(../images/_search.png);
                        background-position: center right 10px;
                        background-repeat: no-repeat;
                    }

                    .mobile .options .select .select-list .show-select .uselect .option .aborder {
                        height: 32px;
                        background: #FFFFFF;
                        border: 1px solid #E8E8E8;
                        float: left;
                        line-height: 32px;
                        margin-right: 15px;
                        cursor: pointer;
                        text-align: center;
                        margin-bottom: 15px;
                    }

                        .mobile .options .select .select-list .show-select .uselect .option .aborder a {
                            display: block;
                            color: #717175;
                            padding: 0 20px;
                        }

                            .mobile .options .select .select-list .show-select .uselect .option .aborder a.active {
                                color: #F37600;
                                border: 1px solid #F37600;
                            }


            .mobile .options .select .select-result {
                border-bottom: 1px solid #F3F3F3;
                height: 80px;
                line-height: 80px;
            }

                .mobile .options .select .select-result .show-select .select-box {
                    background: #F7F7F7;
                    border-radius: 4px;
                    border: 1px solid #E8E8E8;
                    position: relative;
                    width: auto;
                    padding: 0 40px 0 15px;
                }

                    .mobile .options .select .select-result .show-select .select-box i {
                        width: 10px;
                        height: 10px;
                        position: absolute;
                        top: 15px;
                        right: 15px;
                        border-radius: 50%;
                        background: url(../images/fork.png) no-repeat center center;
                        cursor: pointer;
                    }

        .mobile .options .item {
            border-bottom: 1px dashed #e8e8e8;
        }

            .mobile .options .item label[for="type"] {
                color: #888888;
                line-height: 40px;
                float: left;
                display: block;
                width: 100px;
            }

            .mobile .options .item .game {
                float: left;
                line-height: 40px;
                padding: 0 20px;
                color: #000000;
                cursor: pointer;
                width: auto;
            }

                .mobile .options .item .game.active {
                    color: #f37600;
                }

            .mobile .options .item .more {
                float: right;
                line-height: 40px;
                cursor: pointer;
                color: #6c6c6c;
                padding-right: 9px;
                background: url(../images/buttom.png) no-repeat center right;
                margin-right: 9px;
            }

            .mobile .options .item .more_list {
                padding-left: 100px;
            }

            .mobile .options .item .empty {
                float: right;
                color: #6c6c6c;
                border: 1px solid #e8e8e8;
                width: 70px;
                padding: 0;
                height: 23px;
                line-height: 23px;
                font-size: 12px;
                background: #f6f6f6;
                margin-top: 5px;
                text-align: center;
                cursor: pointer;
            }

            .mobile .options .item .selected {
                position: relative;
                border-radius: 3px;
                padding: 0 8px;
                margin-right: 15px;
                border: 1px solid #e8e8e8;
                height: 20px;
                font-size: 12px;
                line-height: 20px;
                margin-top: 9px;
                display: block;
                float: left;
            }

                .mobile .options .item .selected:nth-last-child(1) {
                    margin-right: 0px;
                }

                .mobile .options .item .selected i {
                    width: 15px;
                    height: 15px;
                    position: absolute;
                    top: -6px;
                    right: -6px;
                    border-radius: 50%;
                    background: url(../images/fork.png) no-repeat center center;
                }



    .mobile .gamelist {
        margin-top: 10px;
        margin-bottom: 100px;
    }

        .mobile .gamelist .gametitle {
            background: #ffffff;
            border: 1px solid #e8e8e8;
            height: 40px;
        }

            .mobile .gamelist .gametitle .title {
                width: 696px;
                text-align: center;
                float: left;
                line-height: 40px;
                font-size: 12px;
            }

            .mobile .gamelist .gametitle .price {
                width: 150px;
                text-align: center;
                float: left;
                line-height: 40px;
                font-size: 12px;
            }

            .mobile .gamelist .gametitle .inventory {
                width: 150px;
                text-align: center;
                float: left;
                line-height: 40px;
                font-size: 12px;
            }

            .mobile .gamelist .gametitle .security {
                width: 150px;
                text-align: center;
                float: left;
                line-height: 40px;
                font-size: 12px;
            }

            .mobile .gamelist .gametitle .operation {
                width: 230px;
                text-align: center;
                float: left;
                line-height: 40px;
                font-size: 12px;
            }

    .mobile #productAjax2 {
        margin-top: 10px;
        background: #ffffff;
        border: 1px solid #e8e8e8;
    }

    .mobile .gamelist_2 {
        padding: 34px;
        font-family: '思源黑体 CN';
    }

        .mobile .gamelist_2 .game_item {
            width: 216px;
            padding: 0 5px;
            float: left;
            margin-bottom: 20px;
            cursor: pointer;
        }

            .mobile .gamelist_2 .game_item .imgLogo {
                width: 216px;
                height: 245px;
                text-align: center;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                position: relative;
            }

                .mobile .gamelist_2 .game_item .imgLogo img {
                    width: 146px;
                    height: 215px;
                }

                .mobile .gamelist_2 .game_item .imgLogo small {
                    position: absolute;
                    top: 22px;
                    right: 45px;
                }

                    .mobile .gamelist_2 .game_item .imgLogo small img {
                        height: 18px;
                        width: 18px;
                    }

            .mobile .gamelist_2 .game_item .title {
                line-height: 40px;
                padding-top: 10px;
                font-size: 18px;
                text-align: center;
                color: #000000;
                height: 40px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .mobile .gamelist_2 .game_item .price {
                text-align: center;
                line-height: 34px;
                font-size: 18px;
                color: #ff0808;
                padding-bottom: 14px;
            }

            .mobile .gamelist_2 .game_item .desc {
                width: 200px;
                color: #a7a7a7;
                margin: 0 auto;
                text-align: center;
                border-top: 1px solid #e8e8e8;
                height: 34px;
                line-height: 34px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

    .mobile .options_other {
        border: 1px solid #e8e8e8;
        margin-top: 10px;
        background: #ffffff;
    }

        .mobile .options_other:nth-child(5) {
            margin-top: 0;
            border-top: 0;
            background: #ffffff;
        }

            .mobile .options_other:nth-child(5) .cbx_1 {
                line-height: 56px;
                margin-left: 10px;
                color: #848484;
            }

        .mobile .options_other .sort {
            padding: 0 24px;
            height: 56px;
            line-height: 56px;
            display: block;
            float: left;
            color: #888888;
            position: relative;
        }

            .mobile .options_other .sort.active {
                color: #f37600;
            }

            .mobile .options_other .sort.ba_bt .sort_list {
                background: #f1f1f1;
                position: absolute;
                width: max-content;
                z-index: 1;
                padding: 5px;
            }

                .mobile .options_other .sort.ba_bt .sort_list li {
                    line-height: 26px;
                    border-bottom: 1px solid #dddddd;
                    padding: 0 10px;
                }

                    .mobile .options_other .sort.ba_bt .sort_list li:nth-last-child(1) {
                        border-bottom: 0px;
                    }

            .mobile .options_other .sort .p0 {
                background-image: url(../images/arrowall.png);
                background-position: -10px -10px;
                background-repeat: no-repeat;
                display: block;
                height: 12px;
                width: 8px;
                position: absolute;
                right: 8px;
                top: 22px;
            }

            .mobile .options_other .sort .p1 {
                background-image: url(../images/arrowall.png);
                background-position: -10px -26px;
                background-repeat: no-repeat;
                display: block;
                height: 12px;
                width: 8px;
                position: absolute;
                right: 8px;
                top: 22px;
            }

            .mobile .options_other .sort .p2 {
                background-image: url(../images/arrowall.png);
                background-position: -10px -45px;
                background-repeat: no-repeat;
                display: block;
                height: 12px;
                width: 8px;
                position: absolute;
                right: 8px;
                top: 22px;
            }

        .mobile .options_other .price {
            width: 50px;
            position: relative;
            float: left;
        }

        .mobile .options_other .iconfont {
            padding: 0 10px;
            float: left;
            line-height: 40px;
        }

        .mobile .options_other .cbx {
            line-height: 40px;
            margin-left: 40px;
            color: #848484;
            float: left;
        }

            .mobile .options_other .cbx label[for="chekcbox"] {
                padding-left: 17px;
                background: url(../images/cbx.png) no-repeat center left;
                position: relative;
            }

                .mobile .options_other .cbx label[for="chekcbox"].active {
                    background: url(../images/cbx_active.png) no-repeat center left;
                    ;
                }

                .mobile .options_other .cbx label[for="chekcbox"] input[type="checkbox"] {
                    opacity: 0;
                    position: absolute;
                    left: 0;
                    top: 4px;
                    z-index: 1;
                }

        .mobile .options_other .price span {
            position: absolute;
            line-height: 40px;
            left: 2px;
            color: #888888;
        }

        .mobile .options_other .price .txt {
            width: 35px;
            padding-left: 15px;
            border: 1px solid #e8e8e8;
            border-radius: 5px;
            height: 22px;
            margin-top: 8px;
            color: #888888;
        }

        .mobile .options_other .price.btn {
            margin-left: 10px;
            margin-top: 8px;
            border-radius: 3px;
            background: #f37600;
            height: 22px;
            line-height: 22px;
            width: 50px;
            text-align: center;
            color: #ffffff;
            font-size: 12px;
            display: block;
            float: left;
        }

        .mobile .options_other .sreach {
            float: right;
            margin-right: 20px;
            padding-top: 12px;
        }

            .mobile .options_other .sreach .txt {
                border: 1px solid #DEDFE0;
                border-right: 0px;
                height: 30px;
                width: 242px;
                padding-left: 10px;
                color: #888888;
                float: left;
            }

            .mobile .options_other .sreach .txt_btn {
                background-image: url(../images/_search.png);
                background-position: center center;
                background-repeat: no-repeat;
                height: 32px;
                width: 38px;
                border: 1px solid #DEDFE0;
                border-left: 0px;
                float: left;
            }

    .mobile .gamelist .proprietary {
        position: relative;
        border: 1px solid #f37600;
        margin: 10px 0 20px 0;
    }

        .mobile .gamelist .proprietary table {
            width: 100%;
        }

        .mobile .gamelist .proprietary .proprietary_item {
            border-bottom: 1px solid #e8e8e8;
            width: 100%;
            background: #ffffff;
        }

            .mobile .gamelist .proprietary .proprietary_item:last-child {
                border: 0;
            }

            .mobile .gamelist .proprietary .proprietary_item .title {
                width: 660px;
                padding: 10px 18px;
            }

                .mobile .gamelist .proprietary .proprietary_item .title .goodsImg {
                    width: 203px;
                    height: 114px;
                    float: left;
                    margin-right: 15px;
                    line-height: 114px;
                    overflow: hidden;
                    text-align: center;
                    background: #e8e8e8;
                    position: relative;
                }

                .mobile .gamelist .proprietary .proprietary_item .title .name {
                    font-size: 18px;
                    font-weight: bold;
                }

                .mobile .gamelist .proprietary .proprietary_item .title .other {
                    margin-top: 15px;
                }

                    .mobile .gamelist .proprietary .proprietary_item .title .other .shop_item {
                        height: 20px;
                        line-height: 20px;
                        color: #888888;
                    }

            .mobile .gamelist .proprietary .proprietary_item .price {
                text-align: center;
                width: 150px;
                font-size: 16px;
                color: #f37600;
            }

            .mobile .gamelist .proprietary .proprietary_item .inventory {
                text-align: center;
                width: 150px;
            }

            .mobile .gamelist .proprietary .proprietary_item .security {
                text-align: center;
                width: 150px;
            }

                .mobile .gamelist .proprietary .proprietary_item .security .si_item {
                    border-radius: 3px;
                    color: #ffffff;
                    padding: 3px 5px;
                    font-size: 12px;
                    margin-bottom: 5px;
                }

                .mobile .gamelist .proprietary .proprietary_item .security .si_item_1 {
                    background: #2a93fb;
                }

                .mobile .gamelist .proprietary .proprietary_item .security .si_item_2 {
                    background: #f37600;
                }

                .mobile .gamelist .proprietary .proprietary_item .security .si_item_3 {
                    background: #3cc158;
                }

                .mobile .gamelist .proprietary .proprietary_item .security .si_item_4 {
                    background: #f05858;
                }

            .mobile .gamelist .proprietary .proprietary_item .operation {
                text-align: center;
            }

                .mobile .gamelist .proprietary .proprietary_item .operation .btn {
                    display: block;
                    background: linear-gradient(to right,#318ce7, #069AF7);
                    color: #ffffff;
                    width: 120px;
                    line-height: 40px;
                    height: 40px;
                    border-radius: 5px;
                    float: right;
                    margin-right: 20px;
                }

        .mobile .gamelist .proprietary .more {
            position: absolute;
            bottom: -10px;
            left: 550px;
            display: block;
            width: 100px;
            height: 20px;
            line-height: 20px;
            background: #f37600;
            text-align: center;
            font-size: 12px;
            color: #ffffff;
        }

    .mobile .gamelist #productAjax {
        margin-top: 10px;
        border: 1px solid #e8e8e8;
    }

        .mobile .gamelist #productAjax table {
            width: 100%;
        }

    .mobile .gamelist .game_item {
        border-bottom: 1px solid #e8e8e8;
    }

        .mobile .gamelist .game_item:nth-child(odd) {
            background: #ffffff;
        }

        .mobile .gamelist .game_item:nth-child(even) {
            background: #fbfcfc;
        }

    .mobile .gamelist .game_item2 {
        border-top: 0;
    }

    .mobile .gamelist .game_item .title {
        width: 660px;
        padding: 10px 18px;
    }

        .mobile .gamelist .game_item .title .goodsImg {
            width: 203px;
            height: 114px;
            float: left;
            margin-right: 15px;
            line-height: 114px;
            overflow: hidden;
            text-align: center;
            background: #e8e8e8;
            position: relative;
        }

        .mobile .gamelist .game_item .title .name {
            font-size: 18px;
            font-weight: bold;
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .mobile .gamelist .game_item .title .other {
            margin-top: 15px;
        }

            .mobile .gamelist .game_item .title .other .shop_item {
                height: 20px;
                line-height: 20px;
                color: #888888;
            }

    .mobile .gamelist .game_item .price {
        text-align: center;
        width: 150px;
        line-height: 150px;
        font-size: 16px;
        color: #f37600;
    }

    .mobile .gamelist .game_item .inventory {
        text-align: center;
        width: 150px;
        float: left;
        line-height: 150px;
    }

    .mobile .gamelist .game_item .security {
        text-align: center;
        width: 150px;
    }

        .mobile .gamelist .game_item .security p {
            margin-bottom: 10px;
        }

        .mobile .gamelist .game_item .security .si_item {
            border-radius: 3px;
            color: #ffffff;
            padding: 3px 5px;
            font-size: 12px;
            margin-bottom: 5px;
        }

        .mobile .gamelist .game_item .security .si_item_1 {
            background: #2a93fb;
        }

        .mobile .gamelist .game_item .security .si_item_2 {
            background: #f37600;
        }

        .mobile .gamelist .game_item .security .si_item_3 {
            background: #3cc158;
        }

        .mobile .gamelist .game_item .security .si_item_4 {
            background: #f05858;
        }

    .mobile .gamelist .game_item .operation {
        text-align: center;
    }

        .mobile .gamelist .game_item .operation .btn {
            display: block;
            background: linear-gradient(to right,#318ce7, #069AF7);
            color: #ffffff;
            width: 120px;
            line-height: 40px;
            height: 40px;
            border-radius: 5px;
            float: right;
            margin-right: 20px;
        }

/****************会员中心  端游专区 swim*****************/
.swim {
    margin-bottom: 100px;
}

    .swim .nav {
        padding: 10px 20px;
    }

        .swim .nav a {
            color: #999999;
        }

    .swim .banner {
        height: 120px;
        margin-top: 10px;
        width: 1200px;
        background: #ffe901;
    }

    .swim .content {
        border: 1px solid #dddddd;
        border-radius: 3px;
        padding: 10px 10px 30px 10px;
    }

        .swim .content .options .item {
            border-bottom: 1px dashed #e8e8e8;
        }

    .swim .options .item .txt_sreach {
        width: 260px;
        height: 40px;
        border: 1px solid #e8e8e8;
        border-radius: 5px;
        margin: 10px 0;
        padding: 0 10px;
    }

    .swim .options .item .txt_sreach_btn {
        color: #ffffff;
        background: #069AF7;
        width: 80px;
        height: 40px;
        text-align: center;
        border-radius: 5px;
        margin-top: 10px;
        margin-left: 10px;
    }

    .swim .options .item .history {
        padding-left: 40px;
        line-height: 60px;
        color: #888888;
    }

        .swim .options .item .history span {
            color: #069AF7;
            padding-right: 20px;
        }

    .swim .options .item .notfound {
        background: #f6f6f6;
        border: 1px solid #e8e8e8;
        border-radius: 5px;
        padding: 0 10px;
        margin-top: 15px;
        display: block;
        height: 24px;
        line-height: 24px;
        color: #f37600;
    }

    .swim .options .item label[for="type"] {
        color: #888888;
        line-height: 40px;
        float: left;
        display: block;
        width: 100px;
    }

    .swim .options .item .game {
        float: left;
        line-height: 40px;
        padding: 0 14px;
        color: #000000;
        cursor: pointer;
        width: auto;
    }

        .swim .options .item .game.active {
            color: #f37600;
        }

    .swim .options .item .more {
        float: right;
        line-height: 40px;
        cursor: pointer;
        color: #6c6c6c;
        padding-right: 9px;
        background: url(../images/buttom.png) no-repeat center right;
        margin-right: 9px;
    }

    .swim .swimlist .item {
        width: 196.33px;
        text-align: center;
        padding: 30px 0 0 0;
        border-bottom: 0px !important;
        height: 250px
    }

        .swim .swimlist .item .img {
            width: 130px;
            height: 130px;
            border-radius: 8px;
        }

        .swim .swimlist .item p {
            line-height: 35px;
        }

        .swim .swimlist .item .lable {
            width: 114px;
            padding-left: 43px;
        }

            .swim .swimlist .item .lable span {
                display: block;
                float: left;
                width: 54px;
                height: 24px;
                font-size: 12px;
                color: #ffffff;
                line-height: 24px;
                border-radius: 3px;
            }

                .swim .swimlist .item .lable span.s_1 {
                    background: #2a93fb;
                }

                .swim .swimlist .item .lable span.s_2 {
                    background: #f37600;
                }

                .swim .swimlist .item .lable span.s_3 {
                    background: #f05858;
                }

                .swim .swimlist .item .lable span.s_4 {
                    background: #3cc158;
                }

                .swim .swimlist .item .lable span:nth-child(2n+1) {
                    margin-right: 6px;
                }

                .swim .swimlist .item .lable span:nth-child(n+3) {
                    margin-top: 6px;
                }

/*--类型标签颜色--*/
.s_1 {
    background: #2a93fb;
}

.s_2 {
    background: #f37600;
}

.s_3 {
    background: #f05858;
}

.s_4 {
    background: #3cc158;
}

.s_5 {
    background: #95c0e9;
}

.s_6 {
    background: #491d1d;
}

.s_7 {
    background: #b200ff;
}

.s_8 {
    background: #a5e096;
}

.s_9 {
    background: #768cd4;
}

.s_10 {
    background: #664f96;
}

.s_11 {
    background: #48b070;
}

.s_12 {
    background: #48b070;
}

.s_13 {
    background: #48b070;
}

.s_14 {
    background: #48b070;
}

.s_15 {
    background: #48b070;
}

.s_16 {
    background: #48b070;
}

/*自营订单支付选择*/
.pay p {
    width: 140px;
    height: 60px;
    float: left;
    margin-right: 20px;
    border: 1.5px solid #ddd;
    cursor: pointer;
    border-radius: 5px;
}

    .pay p input {
        display: none;
    }

    .pay p:nth-child(1) {
        margin-left: 200px;
    }

.pay .active {
    border: 1.5px solid #5B91C8;
    border-radius: 5px;
    background: url(../images/recharge_active.png) no-repeat;
    background-position: right;
    background-position-y: bottom
}



/**************商品详情轮播图片*******************/
.icon2 {
    width: 20px;
    height: 80px
}

.slider_box {
    width: 640px;
    overflow: hidden;
    position: relative;
}

    .slider_box .jbtn {
        position: absolute;
        width: 20px;
        z-index: 9;
        bottom: 15px;
        cursor: pointer;
        height: 90px;
        opacity: 0.5;
        background-color: #000000;
    }

    .slider_box .prev {
        left: 1px;
        background: url(../images/icon_showpro_1.png) no-repeat 0 center;
    }

    .slider_box .next {
        right: 1px;
        background: url(../images/icon_showpro_2.png) no-repeat 0 center;
    }

    .slider_box .picBox {
        width: 640px;
        height: 360px;
        overflow: hidden;
        position: relative;
        background: #fff;
    }

        .slider_box .picBox ul {
            height: 360px;
            position: absolute;
            left: 0;
            top: 0;
        }

            .slider_box .picBox ul li {
                width: 640px;
                height: 360px;
                float: left;
                position: relative;
                color: #ffffff;
            }

        .slider_box .picBox .cf a {
            display: block;
            height: 420px;
            position: absolute;
            color: #fff;
        }

        .slider_box .picBox ul li img {
            width: 640px;
            height: 360px;
        }

    .slider_box .listBox ul {
        width: 560px;
        height: 100px;
        position: absolute;
    }

    .slider_box .listBox {
        width: 535px;
        height: 105px;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        padding-top: 20px;
    }

        .slider_box .listBox li {
            float: left;
            width: 160px;
            height: 90px;
            cursor: pointer;
            position: relative;
            margin-right: 26px;
        }

            .slider_box .listBox li a {
                display: block;
                position: relative;
                width: 160px;
                height: 90px;
            }

                .slider_box .listBox li a img {
                    width: 160px;
                    height: 90px;
                }

            .slider_box .listBox li.on {
                border: 3px solid #f37600;
                width: 154px;
                height: 84px;
            }

                .slider_box .listBox li.on img, .slider_box .listBox li.on a {
                    width: 154px;
                    height: 84px;
                }

        .slider_box .listBox .on .top {
            background: url(../images/top_icon_1.png) no-repeat;
            position: absolute;
            top: -11px;
            left: 70px;
            width: 16px;
            height: 8px;
        }
/****************支付订单 payOrder*************************/
.payOrder {
}

    .payOrder .nav {
        padding: 18px 0;
    }

        .payOrder .nav a {
            color: #999999;
        }

    .payOrder .buy_status {
        padding: 20px 0;
        width: 100%;
        margin-bottom: 20px;
        position: relative;
    }

        .payOrder .buy_status .orderprogressfirboxabs {
            z-index: 999;
        }

        .payOrder .buy_status > .progress {
            background: none;
            box-shadow: none;
            height: 3px;
            top: 14px;
            width: 1093px;
            left: 80px;
            z-index: 1;
            position: relative;
            background: #d2d2d2;
        }

            .payOrder .buy_status > .progress > .progress-bar {
                background: #069AF7;
                height: 3px;
            }

    .payOrder .t_1 {
        position: absolute;
        left: 405px;
    }

    .payOrder .t_2 {
        position: absolute;
        left: 765px;
    }

    .payOrder .t_3 {
        position: absolute;
        left: 1144px;
    }

    .payOrder .payOk {
        background: #ffffff;
        border: 1px solid #e8e8e8;
    }

        .payOrder .payOk .all {
            padding: 50px 30px 20px 30px;
            text-align: center;
        }

            .payOrder .payOk .all p {
                font-size: 18px;
                line-height: 40px;
            }

                .payOrder .payOk .all p span {
                    color: #FF0000;
                }

    .payOrder .payInfo {
        background: #ffffff;
        border: 1px solid #e8e8e8;
        margin-top: 20px;
    }

    .payOrder .pay_head {
        background: #f8f8f8;
        padding-left: 10px;
        border-bottom: 1px solid #e8e8e8;
        height: 40px;
        font-size: 16px;
        line-height: 40px;
    }

    .payOrder .payInfo .from_all {
        padding: 30px 80px;
    }

        .payOrder .payInfo .from_all .from-row {
            width: 100%;
            min-height: 40px;
            line-height: 40px;
        }

            .payOrder .payInfo .from_all .from-row .head {
                float: left;
                width: 80px;
                padding-right: 10px;
            }

            .payOrder .payInfo .from_all .from-row .bold {
                font-weight: 600;
            }

    .payOrder .payWay {
        background: #ffffff;
        border: 1px solid #e8e8e8;
        margin-top: 20px;
    }

        .payOrder .payWay .payWay_all {
            padding: 30px 80px;
        }

            .payOrder .payWay .payWay_all .payList {
                width: 100%;
            }

                .payOrder .payWay .payWay_all .payList li {
                    cursor: pointer;
                    float: left;
                    margin-right: 50px;
                    border: 1px solid #dddddd;
                    width: 140px;
                    height: 60px;
                }

                    .payOrder .payWay .payWay_all .payList li.active {
                        border: 1px solid #069AF7;
                    }

            .payOrder .payWay .payWay_all .QrCode {
                margin-top: 100px;
                text-align: center;
            }

                .payOrder .payWay .payWay_all .QrCode p {
                    text-align: center;
                    font-size: 10px;
                    color: #777777;
                }

            .payOrder .payWay .payWay_all .pay_money {
                text-align: center;
                font-size: 16px;
                padding-top: 10px;
            }

                .payOrder .payWay .payWay_all .pay_money .item {
                    height: 40px;
                    line-height: 40px;
                }

                .payOrder .payWay .payWay_all .pay_money .money {
                    color: #ed741e;
                    font-weight: 600;
                }

            .payOrder .payWay .payWay_all .pay_btn {
                text-align: center;
                margin-top: 30px;
            }

                .payOrder .payWay .payWay_all .pay_btn .btn {
                    width: 170px;
                    height: 40px;
                    border-radius: 5px;
                    background: #069AF7;
                    color: #fff;
                    font-size: 16px;
                }

/**********************卖家店铺**********************/
.store {
}

    .store .nav {
        line-height: 45px;
    }

        .store .nav a {
            color: #999999;
        }

    .store .store_top {
        border: 1px solid #e8e8e8;
        height: 200px;
        background: #f1f1f1;
        position: relative;
        padding: 20px;
    }

        .store .store_top .store_log {
            border: 1px solid #e8e8e8;
            width: 200px;
            height: 200px;
            margin-right: 20px;
        }

            .store .store_top .store_log img {
                width: 100%;
                height: 100%;
            }

        .store .store_top .item {
            height: 34px;
            line-height: 34px;
        }

            .store .store_top .item .label {
                float: left;
            }

            .store .store_top .item .title {
                font-size: 20px;
                color: #069AF7;
                font-weight: 600;
                float: left;
                padding-right: 20px;
            }

            .store .store_top .item .deal {
                float: left;
                color: #000000;
                border-right: 1px solid #bababa;
                line-height: 12px;
                font-size: 12px;
                margin-top: 14px;
            }

            .store .store_top .item .rate {
                float: left;
                color: #000000;
                line-height: 12px;
                font-size: 12px;
                margin-top: 14px;
                padding-left: 10px;
            }

            .store .store_top .item .value {
                color: #ff0e0e;
                padding: 0 10px;
            }

            .store .store_top .item dd {
                float: left;
                padding-left: 30px;
                margin-right: 10px;
            }

                .store .store_top .item dd.icon-qy {
                    background: url(../images/signed.png) no-repeat left center;
                }

                .store .store_top .item dd.icon-ks {
                    background: url(../images/fast.png) no-repeat left center;
                }

                .store .store_top .item dd.icon-ss {
                    background: url(../images/complaint.png) no-repeat left center;
                }

            .store .store_top .item.option {
                margin-top: 20px;
            }

            .store .store_top .item .contact {
                background: url(../images/contact.png) no-repeat;
                width: 110px;
                height: 34px;
                display: block;
                float: left;
            }

            .store .store_top .item .collection {
                background: url(../images/collection.png) no-repeat;
                width: 110px;
                height: 34px;
                display: block;
                float: left;
                margin-left: 10px;
            }

        .store .store_top .share {
            position: absolute;
            right: 20px;
            bottom: 20px;
        }

            .store .store_top .share .label {
                float: left;
            }

            .store .store_top .share .listitem {
                float: left;
            }

            .store .store_top .share dd {
                width: 20px;
                height: 20px;
                float: left;
                margin-right: 5px;
            }

                .store .store_top .share dd a {
                    display: block;
                    width: 100%;
                    height: 100%;
                }

                .store .store_top .share dd.share-icon-weibo {
                    background: url(../images/share-weibo.png) no-repeat;
                }

                .store .store_top .share dd.share-icon-weixin {
                    background: url(../images/wechat.png) no-repeat;
                }

                .store .store_top .share dd.share-icon-qq {
                    background: url(../images/share-qq.png) no-repeat;
                }

                .store .store_top .share dd.share-icon-renren {
                    background: url(../images/share-renren.png) no-repeat;
                }

    .store .storeseach {
        margin-top: 20px;
        border: 1px solid #e8e8e8;
    }

        .store .storeseach ._item1 {
            background: #f1f1f1;
            height: 40px;
            line-height: 40px;
        }

        .store .storeseach ._item2 {
            background: #ffffff;
            height: 40px;
            line-height: 40px;
        }

        .store .storeseach dd, .store .storeseach .itemsearch {
            float: left;
        }

        .store .storeseach dd {
            padding: 0 20px;
            cursor: pointer;
            position: relative;
        }

            .store .storeseach dd.active {
                background: #ffffff;
                border-bottom: 1px solid #f1f1f1;
                height: 39px;
            }

            .store .storeseach dd icon {
                position: absolute;
                width: 8px;
                height: 5px;
                top: 17px;
                right: 8px;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAM1BMVEXx8fFwcHDi4uK3t7eioqJbW1vl5eXX19fV1dXKysrExMS6urqvr6+fn5+EhIR6enpiYmJRx4PGAAAAKklEQVQI1x3KxwEAIAgAsUPE3vafVjTvsCJuCmEr6MlQJCRruCrW+cZrFw9SAJk+8kJEAAAAAElFTkSuQmCC) no-repeat center center;
            }

        .store .storeseach .itemsearch .label {
            padding-left: 20px;
        }

        .store .storeseach .itemsearch .select {
            width: 180px;
            height: 26px;
            border: 1px solid #e8e8e8;
            padding: 0 10px;
            margin-top: 7px;
        }

        .store .storeseach .itemsearch .btn {
            width: 60px;
            height: 26px;
            background: #f7f7f7;
            border: 1px solid #e8e8e8;
            margin-left: 15px;
            margin-top: 7px;
        }

    .store .date {
        margin-top: 20px;
        background: #ffffff;
        border: 1px solid #e8e8e8;
        padding-bottom: 100px;
    }

        .store .date .g_1 {
            width: 696px;
        }

            .store .date .g_1 .itemp {
                width: 100%
            }

            .store .date .g_1 .title {
                line-height: 20px;
                max-width: 420px;
                font-weight: 600;
                float: left
            }

                .store .date .g_1 .title a {
                    color: #069AF7;
                }

            .store .date .g_1 .itemg {
                position: relative;
                float: left;
            }

            .store .date .g_1 .itemp icon {
                float: left;
                width: 12px;
                height: 15px;
                margin-top: 2px;
                margin-left: 5px;
                background: url(../images/share-icon.png) no-repeat;
                cursor: pointer;
            }

            .store .date .g_1 .itemp .share-item {
                position: absolute;
                top: 20px;
                left: -45px;
                width: 100px;
                border: 1px solid #bbbbbb;
                box-shadow: 2px 2px 5px #dddddd;
                padding: 8px 10px 10px 10px;
                background: #ffffff;
            }

                .store .date .g_1 .itemp .share-item dd {
                    width: 20px;
                    height: 20px;
                    float: left;
                    margin-right: 5px;
                    margin-top: 4px;
                }

                    .store .date .g_1 .itemp .share-item dd a {
                        display: block;
                        width: 100%;
                        height: 100%;
                    }

            .store .date .g_1 .itemp .share-icon-weibo {
                background: url(../images/share-weibo.png) no-repeat;
            }

            .store .date .g_1 .itemp .share-icon-weixin {
                background: url(../images/wechat.png) no-repeat;
            }

            .store .date .g_1 .itemp .share-icon-qq {
                background: url(../images/share-qq.png) no-repeat;
            }

            .store .date .g_1 .itemp .share-icon-renren {
                background: url(../images/share-renren.png) no-repeat;
            }

            .store .date .g_1 .gt_1, .store .date .g_1 .gt_2, .store .date .g_1 .gt_3 {
                font-size: 12px;
                line-height: 23px;
            }

            .store .date .g_1 .gt_1 {
                margin-top: 15px;
            }

        .store .date .g_2 {
            width: 140px;
            text-align: center;
        }

        .store .date .g_3 {
            width: 230px;
            text-align: center;
        }

        .store .date .g_4 {
            width: 140px;
            text-align: center;
        }

            .store .date .g_4 li {
                width: 54px;
                font-size: 12px;
                height: 18px;
                line-height: 18px;
                margin: auto;
                margin-bottom: 5px;
                border-radius: 2px;
                color: #ffffff;
            }

            .store .date .g_4 .on1 {
                background: #2a93fb;
            }

            .store .date .g_4 .on2 {
                background: #f37600;
            }

            .store .date .g_4 .on3 {
                background: #f05858;
            }

        .store .date .g_5 {
            width: 240px;
            text-align: right;
        }

            .store .date .g_5 a {
                display: block;
                width: 120px;
                height: 40px;
                margin-right: 30px;
                float: right;
                text-align: center;
                background: linear-gradient(to right,#318ce7, #069AF7);
                line-height: 40px;
                color: #ffffff;
                border-radius: 5px;
            }

        .store .date .g_6 {
            width: 195px;
            text-align: center;
            padding: 10px 0;
        }

            .store .date .g_6 img {
                width: 170px;
                height: 114px;
                background: #e8e8e8;
            }

        .store .date thead {
            text-align: center;
            height: 40px;
            background: #f1f1f1;
            line-height: 40px;
        }

        .store .date tbody tr {
            border-bottom: 1px solid #e8e8e8;
        }

        .store .date tbody .g_1 {
            width: 501px;
            padding: 10px 0;
        }

        .store .date tbody .g_2 {
            color: #f37600;
            font-weight: 600;
        }

.activityzone {
    margin-bottom: 200px;
    background: #ffffff;
    border: 1px solid #e8e8e8;
}

    .activityzone .nav {
        line-height: 45px;
    }

        .activityzone .nav a {
            color: #999999;
        }

    .activityzone .activitystatus {
        margin: 20px 0;
        border-bottom: 2px solid #eaeaea;
        line-height: 54px;
        height: 54px;
        padding: 0 20px;
    }

        .activityzone .activitystatus a {
            padding: 0 22px;
        }

            .activityzone .activitystatus a.active span {
                display: inline-block;
                line-height: 54px;
                color: #069AF7;
                border-bottom: 2px solid #069AF7;
                padding: 0 13px;
                font-weight: 600;
            }

    .activityzone .activitysdate {
        margin-top: 40px;
        padding: 0 10px;
    }

        .activityzone .activitysdate .item {
            float: left;
            margin-right: 24px;
            color: #000000;
            background: #ffffff;
            margin-bottom: 40px;
            border-radius: 5px;
            box-shadow: 0px 0px 5px #dddddd;
            width: 282px;
        }

            .activityzone .activitysdate .item img {
                width: 282px;
                height: 158px;
            }

        .activityzone .activitysdate .item2 {
            margin-right: 0px;
        }

        .activityzone .activitysdate .item .az_title {
            padding: 14px 15px 7px 15px;
            font-size: 16px;
            height: 40px;
        }

        .activityzone .activitysdate .item .az_status1 {
            padding: 0 15px;
            color: #f37600;
            text-align: right;
            padding-bottom: 9px;
        }

        .activityzone .activitysdate .item .az_status2 {
            padding: 0 15px;
            color: #999999;
            text-align: right;
            padding-bottom: 9px;
        }

/****************店铺收入管理 .revenuemanagement*************************/
.revenuemanagement {
    background: #fff;
    width: 930px;
    padding: 30px;
}

    .revenuemanagement .title {
        font-size: 18px;
        color: #000;
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
        font-weight: bold
    }

    .revenuemanagement .tip {
        margin-top: 30px;
        margin-bottom: 35px;
    }

        .revenuemanagement .tip .icontip {
            display: inline-block;
            width: 20px;
            height: 20px;
            background: #ed7066;
            text-align: center;
            border-radius: 50%;
            color: #fff;
            line-height: 20px;
            margin-right: 8px
        }

    .revenuemanagement .datepicker button {
        cursor: pointer;
    }

    .revenuemanagement .datepicker .searchtip {
        color: #888;
        font-size: 14px;
        margin-bottom: 25px;
        margin-left: 70px
    }

    .revenuemanagement .datepicker .sumbit {
        margin-left: 70px;
        margin-bottom: 50px;
    }

        .revenuemanagement .datepicker .sumbit .search {
            width: 100px;
            height: 40px;
            background: #069AF7;
            color: #fff;
            border: none;
            border-radius: 5px;
            margin-right: 20px
        }

        .revenuemanagement .datepicker .sumbit .reset {
            width: 100px;
            height: 40px;
            background: #fff;
            color: #333;
            border: 1px solid #e3e3e3;
            border-radius: 5px;
        }

    .revenuemanagement .table .layui-table th {
        color: #9f9f9f
    }

    .revenuemanagement .table .layui-table th {
        padding: 29px 15px !important;
        border: 0 !important;
        border-bottom: 1px solid #eee !important;
    }

    .revenuemanagement .table .layui-table td {
        padding: 29px 15px !important;
        border: 0 !important;
        border-bottom: 1px solid #eee !important;
    }

    .revenuemanagement .table .view a {
        cursor: pointer;
        color: #6688bc
    }


/****************店铺收入管理详情 .revenuemanagementdetail*************************/
.revenuemanagementdetail {
    background: #fff;
    width: 1200px;
    padding: 30px;
    box-sizing: border-box;
    margin: 0 auto;
}

    .revenuemanagementdetail .title {
        font-size: 18px;
        color: #000;
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
        font-weight: bold
    }

    .revenuemanagementdetail .tip {
        margin-top: 30px;
        margin-bottom: 35px;
    }

        .revenuemanagementdetail .tip .icontip {
            display: inline-block;
            width: 20px;
            height: 20px;
            background: #ed7066;
            text-align: center;
            border-radius: 50%;
            color: #fff;
            line-height: 20px;
            margin-right: 8px
        }

    .revenuemanagementdetail .form .layui-form-label {
        padding-left: 0 !important;
        text-align: left;
    }

    .revenuemanagementdetail .form .layui-inline {
        margin-right: 210px !important;
    }

    .revenuemanagementdetail .form .layui-form-select {
        width: 300px
    }

    .revenuemanagementdetail .form .layui-input {
        width: 300px
    }

    .revenuemanagementdetail .table {
        margin-top: 50px;
        margin-bottom: 20px
    }

        .revenuemanagementdetail .table .layui-table th {
            padding: 20px 15px !important;
            border: 0 !important;
            border-bottom: 1px solid #eee !important;
        }

        .revenuemanagementdetail .table .layui-table td {
            padding: 39px 15px !important;
            border: 0 !important;
            border-bottom: 1px solid #eee !important;
        }

/****************仲裁详情页面 .revenuemanagementdetail*************************/
.warpper .warp .arbitration {
}

    .warpper .warp .arbitration .content {
        padding: 30px 0 100px 0;
    }

        .warpper .warp .arbitration .content .item {
            padding-left: 40px;
            position: relative;
            margin-bottom: 20px;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAABAQMAAADQJd16AAAABlBMVEX////o6OjKRUHIAAAAC0lEQVQI12NgYgAAAAcAA15NTB4AAAAASUVORK5CYII=) repeat-y;
        }

            .warpper .warp .arbitration .content .item:after {
                position: absolute;
                left: 0;
                top: 6px;
                width: 12px;
                height: 12px;
                background: #c6c6c6;
                content: '';
                border-radius: 6px;
                z-index: 100;
                visibility: inherit;
            }

            .warpper .warp .arbitration .content .item.active:after {
                background: #f37600;
                box-shadow: 0 0 5px #f37600;
            }

            .warpper .warp .arbitration .content .item:before {
                width: 12px;
                height: 30px;
                left: 0;
                top: 0;
                z-index: 1;
                position: absolute;
                content: '';
                background: #ffffff;
            }

            .warpper .warp .arbitration .content .item .astate {
                line-height: 27px;
                font-size: 16px;
                font-weight: 600;
            }

            .warpper .warp .arbitration .content .item .time {
                line-height: 20px;
                color: #898989;
            }

            .warpper .warp .arbitration .content .item .item_date {
                margin-top: 15px;
                background: #f7f7f7;
                padding: 17px 15px;
                border-radius: 3px;
                color: #000000;
            }

                .warpper .warp .arbitration .content .item .item_date .row .label {
                    color: #898989;
                }

                .warpper .warp .arbitration .content .item .item_date .row.imgList {
                    margin-top: 10px;
                }

                    .warpper .warp .arbitration .content .item .item_date .row.imgList .img {
                        width: 100px;
                        height: 100px;
                        margin-right: 5px;
                    }

        .warpper .warp .arbitration .content .botton {
            margin-top: 50px;
        }

            .warpper .warp .arbitration .content .botton .cencel {
                margin-left: 50px;
                margin-right: 20px;
                padding: 0 30px;
                color: #000000;
                border: 1px solid #e8e8e8;
                line-height: 40px;
                display: block;
                float: left;
                border-radius: 5px;
            }

            .warpper .warp .arbitration .content .botton .add {
                padding: 0 30px;
                border: 1px solid #e8e8e8;
                line-height: 40px;
                display: block;
                float: left;
                border-radius: 5px;
                color: #ffffff;
                background: #f37600;
            }

/**********************会员优惠劵**********************/
.warpper .warp .coupon {
}

.warpper .warp .coupon {
}

    .warpper .warp .coupon .couponstatus {
        float: left;
        padding-left: 30px;
    }

        .warpper .warp .coupon .couponstatus li {
            float: left;
            padding: 0 26px;
            line-height: 38px;
        }

            .warpper .warp .coupon .couponstatus li a {
                color: #000000;
                padding: 0 10px;
            }

            .warpper .warp .coupon .couponstatus li.on a {
                border-bottom: 2px solid #069AF7;
                color: #069AF7;
                display: inline-block;
            }

    .warpper .warp .coupon .coupon_date {
        margin-top: 40px;
    }

        .warpper .warp .coupon .coupon_date .row {
            float: left;
            width: 290px;
            border: 1px solid #e8e8e8;
            height: 229px;
            margin-bottom: 30px;
            border-top: 0;
            position: relative;
            margin-right: 26px;
        }

            .warpper .warp .coupon .coupon_date .row:nth-child(3) {
                margin-right: 0px;
            }

            .warpper .warp .coupon .coupon_date .row .gbrow {
                height: 100px;
            }

        .warpper .warp .coupon .coupon_date .begin .gbrow {
            background: url(../images/coupon.png) no-repeat;
        }

        .warpper .warp .coupon .coupon_date .end .gbrow {
            background: url(../images/couponactive.png) no-repeat;
        }

        .warpper .warp .coupon .coupon_date .row .row_code {
            line-height: 21px;
            color: #716e6e;
            padding: 0 12px;
        }

        .warpper .warp .coupon .coupon_date .row .row_date {
            line-height: 21px;
            color: #716e6e;
            padding: 0 12px;
        }

        .warpper .warp .coupon .coupon_date .row .row_demand {
            line-height: 21px;
            color: #716e6e;
            padding: 0 12px;
        }

        .warpper .warp .coupon .coupon_date .row .row_name {
            line-height: 30px;
            font-size: 16px;
            padding: 15px 12px 0 12px;
        }

        .warpper .warp .coupon .coupon_date .row .row_price {
            padding-left: 20px;
            font-size: 44px;
            color: #ffffff;
            line-height: 100px;
            font-weight: 600;
        }

            .warpper .warp .coupon .coupon_date .row .row_price span {
                font-size: 16px;
            }

        .warpper .warp .coupon .coupon_date .row .row_full {
            padding-right: 10px;
            color: #ffffff;
            line-height: 100px;
        }

        .warpper .warp .coupon .coupon_date .othercoupon .icon_coupon_1 {
            position: absolute;
            background: #f68b19;
            border-radius: 0 0 5px 5px;
            padding: 0 5px;
            text-align: center;
            height: 24px;
            top: 0;
            right: 2px;
            color: #ffffff;
            font-size: 12px;
            line-height: 24px;
        }

        .warpper .warp .coupon .coupon_date .endcoupon .icon_coupon_2 {
            position: absolute;
            right: 5px;
            top: 90px;
            background: url(../images/expired.png) no-repeat;
            width: 94px;
            height: 74px;
        }

        .warpper .warp .coupon .coupon_date .endcoupon .icon_coupon_1 {
            position: absolute;
            background: #cacaca;
            border-radius: 0 0 5px 5px;
            padding: 0 5px;
            text-align: center;
            height: 24px;
            top: 0;
            right: 2px;
            color: #ffffff;
            font-size: 12px;
            line-height: 24px;
        }

        .warpper .warp .coupon .coupon_date .beencoupon .icon_coupon_2 {
            position: absolute;
            right: 5px;
            top: 90px;
            background: url(../images/beenused.png) no-repeat;
            width: 94px;
            height: 74px;
        }

        .warpper .warp .coupon .coupon_date .beencoupon .icon_coupon_1 {
            position: absolute;
            background: #f68b19;
            border-radius: 0 0 5px 5px;
            padding: 0 5px;
            text-align: center;
            height: 24px;
            top: 0;
            right: 2px;
            color: #ffffff;
            font-size: 12px;
            line-height: 24px;
        }

        .warpper .warp .coupon .coupon_date .duescoupon .icon_coupon_2 {
            position: absolute;
            right: 0px;
            top: 0px;
            background: url(../images/duesoon.png) no-repeat;
            width: 86px;
            height: 51px;
        }

        .warpper .warp .coupon .coupon_date .thecoupon .icon_coupon_2 {
            position: absolute;
            right: 0px;
            top: 0px;
            background: url(../images/begin.png) no-repeat;
            width: 86px;
            height: 51px;
        }

.area {
    margin: 30px auto;
    border-top: 1px solid #e8e8e8;
}

    .area .advice {
        padding: 50px 30px;
    }

        .area .advice p {
            font-size: 16px;
            font-weight: 600;
            color: #000000;
        }

        .area .advice .row {
            margin-top: 20px;
            height: 40px;
        }

            .area .advice .row .label {
                float: left;
                line-height: 40px;
                display: block;
                width: 80px;
                text-align: right;
                padding-right: 15px;
            }

            .area .advice .row .radiolist {
                line-height: 40px;
            }

                .area .advice .row .radiolist .ml5 {
                    margin-left: 5px;
                }

            .area .advice .row .txt {
                border: 1px solid #E8E8E8;
                padding: 0 10px;
                height: 40px;
                line-height: 40px;
                width: 500px;
                border-radius: 5px;
            }

            .area .advice .row .code {
                width: 100px;
                float: left;
            }

            .area .advice .row .imgCode {
                width: 100px;
                height: 40px;
                margin-left: 20px;
                border-radius: 5px;
                margin-right: 10px;
                cursor: pointer;
            }

            .area .advice .row .barter {
                padding: 0 5px;
                color: #4886f7;
                cursor: pointer;
            }

            .area .advice .row .sumbit {
                margin-left: 100px;
                border: 0;
                background: #f37600;
                height: 40px;
                width: 150px;
                color: #ffffff;
                border-radius: 5px;
                box-shadow: 0 0 5px #f37600;
            }

.available_1 {
    font-size: 18px;
    text-align: center;
    line-height: 100px;
    padding: 50px 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    background: #ffffff;
}

    .available_1 .pa_1 {
        color: #0599f7;
        font-size: 30px;
        line-height: 50px;
        text-align: left;
        padding: 15px 0;
    }

    .available_1 .pa_2 {
        line-height: 30px;
        color: #828282;
        text-align: left;
    }

    .available_1 .pa_3 {
        line-height: 30px;
        color: #828282;
        text-align: left;
    }

    .available_1 .pa_btn {
        display: block;
        width: 180px;
        height: 50px;
        background: #0599f7;
        line-height: 50px;
        color: #ffffff;
        border-radius: 5px;
        margin-top: 30px;
        float: left;
    }

    .available_1 .supply {
        display: block;
        width: 180px;
        height: 46px;
        line-height: 46px;
        color: #ff0000;
        border-radius: 5px;
        margin-top: 30px;
        border: 2px solid #ff0000;
        margin-left: 20px;
        float: left;
    }
/**********************我的站内信**********************/
.warpper .warp .stand {
}

    .warpper .warp .stand .fr_title span {
        float: left;
    }

    .warpper .warp .stand .fr_title .stand_search {
        float: left;
        margin-left: 20px;
        margin-top: 10px;
    }

        .warpper .warp .stand .fr_title .stand_search ul li {
            float: left;
            line-height: 20px;
            height: 27px;
        }

            .warpper .warp .stand .fr_title .stand_search ul li a {
                font-size: 12px;
                display: block;
                text-align: center;
                padding: 0 20px;
                border-right: 1px solid #e8e8e8;
            }

            .warpper .warp .stand .fr_title .stand_search ul li.active {
                border-bottom: 1px solid #f37600;
            }

                .warpper .warp .stand .fr_title .stand_search ul li.active a {
                    color: #f37600;
                }

    .warpper .warp .stand .stand_content {
        margin: 10px 0;
    }

        .warpper .warp .stand .stand_content .handle {
            margin: 20px 0;
        }

            .warpper .warp .stand .stand_content .handle .allread {
                cursor: pointer;
                border: 1px solid #dedede;
                padding: 0 10px;
                line-height: 20px;
                background: #f7f7f7;
                color: #000000;
                border-radius: 3px;
                height: 20px;
                font-size: 12px;
                display: block;
                width: 60px;
                float: left;
            }

            .warpper .warp .stand .stand_content .handle .allremove {
                cursor: pointer;
                margin-left: 15px;
                border: 1px solid #dedede;
                padding: 0 10px;
                line-height: 20px;
                background: #f7f7f7;
                color: #000000;
                border-radius: 3px;
                height: 20px;
                font-size: 12px;
                display: block;
                width: 25px;
                float: left;
            }

        .warpper .warp .stand .stand_content table {
            width: 100%;
        }

        .warpper .warp .stand .stand_content .head {
            height: 40px;
            background: #e9eff6;
        }

            .warpper .warp .stand .stand_content .head .head_check {
                width: 98px;
                padding-left: 10px;
            }

            .warpper .warp .stand .stand_content .head .head_title {
                width: 108px;
            }

            .warpper .warp .stand .stand_content .head .head_desc {
                width: 594px;
            }

            .warpper .warp .stand .stand_content .head .head_data {
                width: 120px;
                text-align: center;
            }

        .warpper .warp .stand .stand_content .row {
            height: 70px;
            border-bottom: 1px solid #e8e8e8;
        }

            .warpper .warp .stand .stand_content .row .row_check {
                padding-left: 10px;
            }

                .warpper .warp .stand .stand_content .row .row_check .s_1 {
                    background: #b9bbca;
                    padding: 0 5px;
                    margin-left: 10px;
                    color: #ffffff;
                    border-radius: 2px;
                }

                .warpper .warp .stand .stand_content .row .row_check .s_2 {
                    background: #fd8900;
                    padding: 0 5px;
                    margin-left: 10px;
                    color: #ffffff;
                    border-radius: 2px;
                }

            .warpper .warp .stand .stand_content .row .row_data {
                font-size: 12px;
                color: #888888;
            }

            .warpper .warp .stand .stand_content .row:hover {
                background: #f1f1f1;
                cursor: pointer;
            }
/**********************我的站内信详情**********************/
.warpper .warp .standdetail .fr_title a {
    float: right;
    font-size: 12px;
    border: 1px solid #E8E8E8;
    padding: 0 10px;
    margin-right: 10px;
    display: block;
    height: 24px;
    line-height: 24px;
    border-radius: 5px;
    background: #f7f7f7;
    color: #000000;
}

.warpper .warp .standdetail .content {
    padding: 60px 70px;
}

    .warpper .warp .standdetail .content .row {
        border-bottom: 1px dashed #e8e8e8;
        line-height: 50px
    }

        .warpper .warp .standdetail .content .row.no_bottom {
            border-bottom: 0;
        }

        .warpper .warp .standdetail .content .row .head {
            float: left;
            width: 80px;
            text-align: left;
        }

        .warpper .warp .standdetail .content .row .c_html {
            padding-left: 80px;
        }

        .warpper .warp .standdetail .content .row .simbit {
            display: block;
            color: #000000;
            width: 120px;
            height: 40px;
            float: left;
            text-align: center;
            line-height: 40px;
            margin-left: 5px;
            border: 1px solid #e8e8e8;
            border-radius: 5px;
        }

        .warpper .warp .standdetail .content .row .linkurl {
            display: block;
            color: #f37600;
            text-decoration: underline;
            float: left;
            line-height: 40px;
            padding-left: 20px;
        }

        .warpper .warp .standdetail .content .row.btn {
            margin-top: 30px
        }

/**********************商品下拉**********************/
.select-check-group {
    font-size: 14px;
    height: 32px;
    float: left;
    margin-right: 10px;
}

    .select-check-group .data-loading {
        display: block;
        text-align: center;
        color: #bbb
    }

    .select-check-group .new-check-box {
        position: relative;
        width: 130px;
        height: 32px;
        line-height: 30px
    }

        .select-check-group .new-check-box:first-child .new-list {
            left: 0
        }

        .select-check-group .new-check-box.show .new-checked {
            border-color: #BABCC4;
            position: relative;
            z-index: 20
        }

            .select-check-group .new-check-box.show .new-checked .arrow {
                background-position: 0 -14px
            }

        .select-check-group .new-check-box.show .new-list {
            display: block
        }

    .select-check-group .new-checked {
        border: 1px solid #D9DADE;
        padding: 0 25px 0 10px;
        color: #8d8e99;
        position: relative;
        cursor: default;
        user-select: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

        .select-check-group .new-checked .arrow {
            position: absolute;
            right: 10px;
            top: 12px;
            width: 10px;
            height: 6px;
            background: url(../images/district_arrow.png) no-repeat 0 0
        }

        .select-check-group .new-checked:hover {
            border-color: #BABCC4
        }

        .select-check-group .new-checked.disabled {
            cursor: not-allowed;
            color: #abadb2
        }

            .select-check-group .new-checked.disabled .arrow {
                opacity: .5
            }

            .select-check-group .new-checked.disabled:hover {
                border-color: #D9DADE
            }

    .select-check-group .new-list {
        border: 1px solid #BABCC4;
        position: absolute;
        z-index: 10;
        right: 0;
        top: 0px;
        width: 128px;
        background-color: #fff;
        padding: 10px 0;
        display: none;
        color: #626266;
        line-height: 24px;
        font-size: 12px;
        max-height: 130px;
        overflow-y: auto;
        overflow-x: hidden
    }

        .select-check-group .new-list::-webkit-scrollbar {
            width: 8px;
            height: 8px
        }

        .select-check-group .new-list::-webkit-scrollbar-thumb {
            border-radius: 8px;
            background-color: #D4D6D9
        }

        .select-check-group .new-list .c-tip {
            padding: 0 10px
        }

        .select-check-group .new-list .new-list-inner ul {
            max-height: none;
            overflow: visible
        }

        .select-check-group .new-list ul {
            max-height: 130px;
            overflow: auto
        }

            .select-check-group .new-list ul li {
                padding-bottom: 0;
                font-size: 12px
            }

                .select-check-group .new-list ul li:after {
                    border-top: none;
                    width: 100%
                }

            .select-check-group .new-list ul li {
                display: inline-block;
                vertical-align: middle;
                width: 118px;
                padding: 0 0 0 10px;
                cursor: pointer;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis
            }

                .select-check-group .new-list ul li:hover, .select-check-group .new-list ul li.active {
                    color: #ff7733;
                }

                .select-check-group .new-list ul li span {
                    display: block;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis
                }

/***************** 页游首页 ********************/
.ybanner {
    width: 100%;
    height: 574px;
    overflow-x: hidden;
    margin-bottom: 4px;
}

    .ybanner .ysearch {
        height: 570px;
        width: 1200px;
        position: relative;
        bottom: 0;
    }

        .ybanner .ysearch .content {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 120px;
            background: #FFFFFF;
            border-radius: 4px;
        }

            .ybanner .ysearch .content .row {
                width: 170px;
                padding: 0 20px;
                float: left;
            }

                .ybanner .ysearch .content .row p {
                    padding-top: 22px;
                    line-height: 28px;
                    color: #343434;
                }

                .ybanner .ysearch .content .row .select {
                    width: 150px;
                    height: 40px;
                    border: 1px solid #E7E7E7;
                    color: #069AF8;
                    padding: 0 010px;
                    border-radius: 4px;
                }

                .ybanner .ysearch .content .row.btn {
                    width: 110px;
                    padding: 50px 20px 30px 20px !important;
                }

                    .ybanner .ysearch .content .row.btn .sumbit {
                        display: block;
                        width: 100px;
                        height: 40px;
                        color: #FFFFFF;
                        font-size: 14px;
                        background: #069AF7;
                        text-align: center;
                        border-radius: 4px;
                        line-height: 40px;
                    }

.hotcomm {
    margin-top: 36px;
    margin-bottom: 40px;
}

    .hotcomm .hotname {
        height: 24px;
        width: 100%;
    }

        .hotcomm .hotname .name {
            font-size: 22px;
            line-height: 24px;
            float: left;
        }

        .hotcomm .hotname .operatorall {
            float: right;
            background: url(../images/operatorbg.png) no-repeat center center;
            width: 820px;
            height: 24px;
            padding: 0 10px;
        }

            .hotcomm .hotname .operatorall li {
                float: left;
                width: 117px;
                text-align: center;
                line-height: 24px;
                color: #9C98A0;
                cursor: pointer;
                height: 24px;
            }

                .hotcomm .hotname .operatorall li.active {
                    background: url(../images/operatoravtive.png);
                    background-size: 100% 24px;
                }

                    .hotcomm .hotname .operatorall li.active a {
                        color: #FFFFFF;
                    }

                .hotcomm .hotname .operatorall li:last-child {
                    float: right;
                }

                .hotcomm .hotname .operatorall li a {
                    color: #9C98A0;
                    display: block;
                    width: 100%;
                }

                .hotcomm .hotname .operatorall li:hover {
                    background: url(../images/operatoravtive.png);
                    background-size: 100% 24px;
                }

                    .hotcomm .hotname .operatorall li:hover a {
                        color: #FFFFFF;
                    }

    .hotcomm .hotgamelist {
        padding-top: 20px;
    }

        .hotcomm .hotgamelist .item {
            width: 126px;
            height: 166px;
            background: #FFFFFF;
            float: left;
            margin-right: 20px;
            margin-bottom: 20px;
        }

            .hotcomm .hotgamelist .item:nth-child(8n) {
                margin-right: 0;
            }

            .hotcomm .hotgamelist .item .img {
                width: 126px;
                height: 126px;
            }

            .hotcomm .hotgamelist .item p {
                line-height: 40px;
                text-align: center;
                padding: 0 10px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                color: #343434;
            }

    .hotcomm .more {
        display: block;
        width: 100%;
        background: #FFFFFF;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #343434;
    }

.hotnetwork {
    margin-bottom: 40px;
}

    .hotnetwork .netname {
        height: 24px;
        width: 100%;
    }

        .hotnetwork .netname .name {
            font-size: 22px;
            line-height: 24px;
            float: left;
        }

        .hotnetwork .netname .more {
            padding: 6px 8px;
            background: #EFEDF0;
            border-radius: 12px;
            float: right;
            color: #888888;
            font-size: 12px;
            line-height: 12px;
        }

    .hotnetwork .netlist {
        padding-top: 20px;
    }

        .hotnetwork .netlist .item {
            width: 224px;
            height: 261px;
            background: #FFFFFF;
            float: left;
            margin-right: 20px;
            margin-bottom: 20px;
        }

            .hotnetwork .netlist .item:nth-child(5n) {
                margin-right: 0;
            }

            .hotnetwork .netlist .item .img {
                width: 224px;
                height: 126px;
                overflow: hidden;
            }

            .hotnetwork .netlist .item p {
                line-height: 21px;
                padding: 0 10px;
                color: #888888;
            }

            .hotnetwork .netlist .item .title {
                margin-top: 0px;
                font-size: 16px;
                padding: 0 10px;
                line-height: 22px;
                padding-top: 9px;
                color: #343434;
                padding-bottom: 10px;
                height: 40px;
            }

                .hotnetwork .netlist .item .title span {
                    background: #80DCF6;
                    font-size: 12px;
                    line-height: 18px;
                    color: #FFFFFF;
                    padding: 3px 5px;
                    border-radius: 2px;
                    margin-right: 5px;
                }

.ranklist .latest .glist .row .gname {
    height: 18px;
    overflow: hidden;
}

.ranklist .list {
    float: left;
    width: 285px;
    margin-right: 20px;
    position: relative;
}

    .ranklist .list .name {
        width: 160px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        position: absolute;
        top: 0;
        left: 63px;
        background: #FFFFFF;
        border-radius: 25px;
        z-index: 1;
    }

    .ranklist .list .glist {
        margin-top: 25px;
        border: 1px solid #E7E7E7;
        background: #FFFFFF;
        padding-top: 45px;
        padding-bottom: 10px;
        height: 320px;
    }

        .ranklist .list .glist .row {
            padding: 10px 15px 10px 10px;
            display: block;
            line-height: 16px;
            color: #343434;
        }

            .ranklist .list .glist .row span {
                margin-right: 10px;
                float: left;
            }

            .ranklist .list .glist .row span {
                width: 16px;
                height: 16px;
                background: #C6C2C8;
                display: block;
                line-height: 16px;
                font-size: 12px;
                color: #FFFFFF;
                text-align: center;
            }

            .ranklist .list .glist .row .img {
                width: 50px;
                height: 50px;
                float: left;
                display: none;
            }

            .ranklist .list .glist .row .gname {
                padding-left: 0px;
            }

            .ranklist .list .glist .row .reamk {
                padding-left: 0px;
                line-height: 18px;
                color: #888888;
                font-size: 12px;
            }

        .ranklist .list .glist .active img {
            display: block !important;
        }

        .ranklist .list .glist .active {
            height: 50px;
        }

            .ranklist .list .glist .active .gname {
                padding-left: 86px;
                line-height: 27px;
            }

            .ranklist .list .glist .active .reamk {
                padding-left: 86px;
                line-height: 18px;
                color: #888888;
                font-size: 12px;
            }

.ranklist .latest .glist .active span {
    height: 50px;
    line-height: 50px;
    background: #D00214
}

.ranklist .latest .glist .active .gname {
    padding-left: 0px;
    line-height: 27px;
    height: 50px;
}

.ranklist .list + .operator .glist .active span {
    height: 50px;
    line-height: 50px;
    background: #f37600
}

.ranklist .list + .board .glist .active span {
    height: 50px;
    line-height: 50px;
    background: #04D666
}

.ranklist .latest .name {
    box-shadow: 0 0 5px #f9dfdf;
    color: #D00214;
}

.ranklist .latest .glist .row.first span {
    height: 50px;
    line-height: 50px;
    background: #D00214;
}

.ranklist .latest .glist .row.secoed span {
    background: #D00214;
}

.ranklist .operator .name {
    box-shadow: 0 0 5px #f9d8ba;
    color: #F37600;
}

.ranklist .operator .glist .row.first span {
    height: 50px;
    line-height: 50px;
    background: #F37600;
}

.ranklist .operator .glist .row.secoed span {
    background: #F37600;
}

.ranklist .board .name {
    box-shadow: 0 0 5px #b9fbd8;
    color: #04D666;
}

.ranklist .board .glist .row.first span {
    height: 50px;
    line-height: 50px;
    background: #04D666;
}

.ranklist .board .glist .row.secoed span {
    background: #04D666;
}

.ranklist .recently {
    margin-right: 0;
}

    .ranklist .recently .glist {
        padding-top: 21px;
        height: 345px;
    }

    .ranklist .recently .name {
        box-shadow: 0 0 5px #b9e1fb;
        color: #069AF8;
    }

    .ranklist .recently .glist .row_list {
        height: 31px;
        color: #888888;
        padding: 0 9px;
        line-height: 31px;
    }

        .ranklist .recently .glist .row_list .game {
            width: 112px;
            float: left;
        }

        .ranklist .recently .glist .row_list .data {
            width: 105px;
            float: left;
        }

        .ranklist .recently .glist .row_list .service {
            width: 48px;
            text-align: right;
            float: left;
        }

    .ranklist .recently .glist .row_item {
        height: 35px;
        padding: 0 9px;
        line-height: 35px;
        font-size: 12px;
    }

        .ranklist .recently .glist .row_item .game {
            width: 112px;
            float: left;
            color: #343434;
        }

        .ranklist .recently .glist .row_item .data {
            width: 105px;
            float: left;
            color: #888888;
        }

        .ranklist .recently .glist .row_item .service {
            width: 48px;
            text-align: right;
            float: left;
            color: #343434;
        }

            .ranklist .recently .glist .row_item .service a {
                font-size: 12px;
                color: #343434;
                text-decoration: underline;
                cursor: pointer;
            }

/*********页游运营商列表**********/
.navigation {
    line-height: 50px;
}

    .navigation a {
        color: #888888;
    }

.opeartorcontent {
}

    .opeartorcontent .choice {
        width: 184px;
        margin-right: 20px;
        background: #FFFFFF;
    }

        .opeartorcontent .choice .name {
            width: 184px;
            height: 50px;
            line-height: 50px;
            color: #FFFFFF;
            background: linear-gradient(to top right,#0599F7,#2AACFF);
            text-align: center;
            font-size: 18px;
        }

        .opeartorcontent .choice .op-list {
            padding-bottom: 70px;
        }

            .opeartorcontent .choice .op-list .op-search {
                position: relative;
                padding: 10px;
                width: 164px;
                height: 28px;
            }

                .opeartorcontent .choice .op-list .op-search .op-txt {
                    border: 1px solid #E7E7E7;
                    background: #FFFFFF;
                    width: 116px;
                    padding: 0 10px;
                    height: 26px;
                    position: absolute;
                    left: 10px;
                    top: 10px;
                    border-right: 0;
                }

                .opeartorcontent .choice .op-list .op-search .button {
                    border: 0;
                    position: absolute;
                    top: 10px;
                    right: 10px;
                    width: 28px;
                    width: 28px;
                    background: url(../images/opsearch.png) no-repeat center center;
                    background-size: 14px;
                    background-color: #CFCFCF;
                }

            .opeartorcontent .choice .op-list .list {
                padding: 2px 10px 0 10px;
            }

                .opeartorcontent .choice .op-list .list a {
                    display: block;
                    width: 164px;
                    line-height: 33px;
                    color: #333333;
                }

                    .opeartorcontent .choice .op-list .list a.active {
                        color: #0599F6;
                    }

    .opeartorcontent .operalist {
        width: 996px;
        margin-bottom: 20px;
    }

        .opeartorcontent .operalist .opeartorinfo {
            background: #FFFFFF;
            margin-bottom: 20px;
        }

            .opeartorcontent .operalist .opeartorinfo .imgLogo {
                padding: 20px;
            }

                .opeartorcontent .operalist .opeartorinfo .imgLogo .img {
                    width: 130px;
                    height: 130px;
                }

            .opeartorcontent .operalist .opeartorinfo .info {
                width: 816px;
                padding-top: 20px;
            }

                .opeartorcontent .operalist .opeartorinfo .info .name {
                    color: #333333;
                    font-size: 18px;
                    padding-top: 7px;
                    line-height: 34px;
                }

                .opeartorcontent .operalist .opeartorinfo .info .netlink {
                    line-height: 26px;
                    color: #878787;
                }

                    .opeartorcontent .operalist .opeartorinfo .info .netlink .op-link {
                        color: #069AF8;
                    }

                .opeartorcontent .operalist .opeartorinfo .info .descript {
                    line-height: 22px;
                    color: #878787;
                }

                    .opeartorcontent .operalist .opeartorinfo .info .descript .descname {
                        float: left;
                    }

                    .opeartorcontent .operalist .opeartorinfo .info .descript .desccontent {
                        float: left;
                        width: 770px;
                        padding-bottom: 20px;
                    }

        .opeartorcontent .operalist .opc-content {
            background: #FFFFFF;
            width: 956px;
            height: 49px;
            border-bottom: 1px solid #f6f6f6;
            line-height: 50px;
            padding: 0 20px;
            color: #333333;
            font-size: 18px;
        }

            .opeartorcontent .operalist .opc-content .opc-search {
                float: right;
                position: relative;
            }

                .opeartorcontent .operalist .opc-content .opc-search .opc-txt {
                    width: 180px;
                    height: 26px;
                    padding: 0 10px;
                    border: 1px solid #E7E7E7;
                    margin-right: 28px;
                    border-right: 0;
                    font-size: 14px;
                }

                .opeartorcontent .operalist .opc-content .opc-search .opc-btn {
                    width: 28px;
                    height: 28px;
                    border: 0;
                    position: absolute;
                    right: 0;
                    top: 11px;
                    background: url(../images/opsearch.png) no-repeat center center;
                    background-color: #CFCFCF;
                    background-size: 14px;
                }

        .opeartorcontent .operalist .opc-screen {
            background: #FFFFFF;
            width: 966px;
            min-height: 40px;
            border-bottom: 1px solid #f6f6f6;
            line-height: 40px;
            padding: 0 20px;
            padding-left: 10px;
        }

            .opeartorcontent .operalist .opc-screen a {
                font-size: 12px;
                padding: 0 10px;
            }

                .opeartorcontent .operalist .opc-screen a.active {
                    color: #0599F6;
                }

        .opeartorcontent .operalist .opc-list {
            background: #FFFFFF;
            padding: 20px;
        }

        .opeartorcontent .operalist .opc-game .item {
            height: 234px;
        }

        .opeartorcontent .operalist .opc-gamelist {
            padding: 20px 19px !important;
        }

            .opeartorcontent .operalist .opc-gamelist a {
                width: 224px !important;
                margin-right: 20px !important;
                height: 166px !important;
            }

                .opeartorcontent .operalist .opc-gamelist a:nth-child(4n) {
                    margin-right: 0 !important;
                }

        .opeartorcontent .operalist .opc-list .item {
            width: 130px;
            float: left;
            margin-right: 35px;
            margin-bottom: 20px;
            color: #333333;
        }

            .opeartorcontent .operalist .opc-list .item:nth-child(6n) {
                margin-right: 0;
            }

            .opeartorcontent .operalist .opc-list .item .img {
                width: 130px;
                height: 130px;
                margin-bottom: -9px;
                border-radius: 8px;
            }

        .opeartorcontent .operalist .opc-gamelist a .gameimg {
            margin-bottom: -9px;
        }

        .opeartorcontent .operalist .opc-list .item p {
            text-align: center;
            line-height: 40px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .opeartorcontent .operalist .opc-game a p {
            line-height: 35px;
        }

        .opeartorcontent .operalist .opc-gamelist a p {
            line-height: 40px;
        }

        .opeartorcontent .operalist .opc-list .item .labelall {
            text-align: center;
            padding: 0 8px;
        }

            .opeartorcontent .operalist .opc-list .item .labelall label {
                width: 54px;
                height: 24px;
                display: block;
                margin: 0 6px 6px 0;
                float: left;
                text-align: center;
                line-height: 24px;
                font-size: 12px;
                color: #FFFFFF;
                border-radius: 3px;
            }

                .opeartorcontent .operalist .opc-list .item .labelall label:nth-child(2n) {
                    margin-right: 0;
                }

            .opeartorcontent .operalist .opc-list .item .labelall a {
                color: #fff;
                overflow: hidden;
                height: 20px;
                display: block;
            }

/*********主机平台**********/
.navigation {
    line-height: 50px;
}

    .navigation a {
        color: #888888;
    }

.optorcontent {
}

    .optorcontent .choice {
        width: 300px;
        margin-right: 20px;
        background: #FFFFFF;
    }

        .optorcontent .choice .kw_search {
            width: 300px;
            height: 50px;
            padding-top: 10px;
        }

            .optorcontent .choice .kw_search .search {
                background-color: rgb(255, 255, 255);
                border: 1px solid rgb(246,145,5);
                width: 250px;
                height: 35px;
                margin-right: 10px;
                margin-top: 10px;
                margin-left: 20px;
                padding-left: 10px;
                float: left;
            }

            .optorcontent .choice .kw_search .img_search {
                height: 22px;
                width: 22px;
                margin-left: -40px;
                cursor: pointer;
                margin-top: 17px;
                float: left;
            }

        .optorcontent .choice .refresh {
            height: 20px;
            width: 300px;
        }

            .optorcontent .choice .refresh .img_refresh {
                height: 14px;
                width: 14px;
                float: right;
                margin-top: 3px;
                margin-right: 5px
            }

            .optorcontent .choice .refresh a {
                float: right;
                font-size: 14px;
                color: rgb(92, 97, 103);
                text-decoration: underline;
                margin-right: 20px;
            }

        .optorcontent .choice .name {
            font-size: 18px;
            color: #333333;
            ;
            margin-left: 20px;
            font-weight: 500;
            margin-top: 20px;
        }

        .optorcontent .choice .list {
            border-bottom: 1px solid rgb(232, 232, 232);
            margin-bottom: 20px;
        }

            .optorcontent .choice .list.bottom {
                border-bottom: 0px;
                margin-bottom: 20px;
            }

            .optorcontent .choice .list ul {
                margin-left: 20px;
                width: 260px;
                margin-right: 20px;
                margin-bottom: 20px;
            }

            .optorcontent .choice .list li {
                line-height: 30px;
                color: #5C6167;
                cursor: pointer;
            }

                .optorcontent .choice .list li a {
                    color: #5C6167;
                }

            .optorcontent .choice .list .active {
                margin-left: -1px;
                color: #F69105;
            }

            .optorcontent .choice .list li a:hover {
                color: #F69105;
            }


            .optorcontent .choice .list img {
                margin-right: 10px;
                margin-left: 0px;
            }

            .optorcontent .choice .list span {
                float: right;
            }

            .optorcontent .choice .list li.active {
                color: rgb(246,145,5);
            }

    .optorcontent .operalist {
        width: 880px;
    }

        .optorcontent .operalist .opc-content {
            width: 878px;
            height: 49px;
            border-bottom: 1px solid #f6f6f6;
            line-height: 50px;
            color: #333333;
            font-size: 18px;
        }

            .optorcontent .operalist .opc-content .opc-search {
                float: right;
                position: relative;
            }

                .optorcontent .operalist .opc-content .opc-search .opc-txt {
                    padding: 0 10px;
                    margin-right: 28px;
                    border-right: 0;
                    font-size: 14px;
                    width: 200px;
                    height: 30px;
                    background: #F8F8F8;
                    border: 1px solid #EBAE59;
                    border-radius: 2px 0px 0px 2px;
                }

                .optorcontent .operalist .opc-content .opc-search .opc-btn {
                    width: 28px;
                    height: 32px;
                    border: 0;
                    position: absolute;
                    right: 0;
                    top: 10px;
                    background: url(../images/search_2.png) no-repeat center center;
                    background-color: rgb(246,145,5);
                    background-size: 14px;
                }

            .optorcontent .operalist .opc-content .opc-screen {
                width: 878px;
                line-height: 40px;
                background: #FFFFFF;
                border: 1px solid #E8E8E8;
            }

                .optorcontent .operalist .opc-content .opc-screen a {
                    font-size: 14px;
                    color: #8B8A8A;
                    line-height: 15px;
                    margin-left: 15px;
                }

                    .optorcontent .operalist .opc-content .opc-screen a.active {
                        color: #F69105;
                        font-size: 14px;
                        line-height: 15px;
                        margin-left: 15px;
                    }

        .optorcontent .operalist .productcontent {
            padding-top: 60px;
            min-height: 300px;
        }

            .optorcontent .operalist .productcontent .item {
                width: 205px;
                height: 200px;
                float: left;
                margin-right: 20px;
                margin-bottom: 20px;
            }

                .optorcontent .operalist .productcontent .item .title {
                    line-height: 16px;
                    font-size: 14px;
                    color: #5C6167;
                    margin-top: 5px;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                }

                .optorcontent .operalist .productcontent .item .img {
                    width: 205px;
                    height: 115px;
                    border-radius: 10px;
                }

                .optorcontent .operalist .productcontent .item .price {
                    margin-top: 15px;
                    line-height: 15px;
                }

                    .optorcontent .operalist .productcontent .item .price .oldprice {
                        margin-left: 10px;
                        font-size: 14px;
                        text-decoration: line-through;
                        color: #999999;
                    }

                    .optorcontent .operalist .productcontent .item .price .newprice {
                        color: #F69105;
                        font-size: 18px;
                    }

        .optorcontent .operalist .gamecontent {
            padding-top: 60px;
            min-height: 300px;
        }

            .optorcontent .operalist .gamecontent .item {
                width: 130px;
                height: 160px;
                float: left;
                margin-right: 20px;
                margin-bottom: 20px;
            }

                .optorcontent .operalist .gamecontent .item .title {
                    line-height: 12px;
                    font-size: 14px;
                    color: #5C6167;
                    margin-top: 5px;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                }

                .optorcontent .operalist .gamecontent .item .img {
                    width: 130px;
                    height: 130px;
                    border-radius: 8px;
                }

.optorinfo {
    border: 1px solid #E8E8E8;
    background: #FFFFFF;
}

    .optorinfo .opc_info {
        width: 400px;
        padding: 30px 30px 50px 30px;
        float: left;
        border-right: 1px solid #E8E8E8;
    }

    .optorinfo .opc_title {
        height: 70px;
        margin-bottom: 20px;
    }

        .optorinfo .opc_title .opc_img {
            width: 70px;
            height: 70px;
            border-radius: 8px;
            float: left;
        }

        .optorinfo .opc_title .title {
            margin-left: 15px;
            font-size: 22px;
            font-weight: 800;
            color: #000000;
        }

    .optorinfo .definfo {
    }

        .optorinfo .definfo li {
            line-height: 32px;
            border-bottom: 1px solid #E8E8E8;
        }

        .optorinfo .definfo .labname {
            color: #999999;
            font-size: 14px;
            float: left;
            width: 100px;
        }

        .optorinfo .definfo .labtext {
            color: #000000;
            font-size: 14px;
        }

    .optorinfo .opc_des {
        width: 700px;
        float: left;
        padding: 15px;
    }

        .optorinfo .opc_des .des_title {
            font-size: 22px;
            font-weight: 800;
            color: #000000;
            margin-top: 30px;
            margin-bottom: 40px;
        }



.navTop {
    line-height: 45px;
}

    .navTop a {
        color: #999999;
    }

    .navTop span {
        color: #2460A9;
    }

.orderdetail {
    background: #FFFFFF;
    padding: 20px 30px;
    width: 1140px;
}

    .orderdetail .ordertitle {
        line-height: 40px;
        border-bottom: 1px solid #EEEEEE;
        font-size: 18px;
        color: #000000;
    }

    .orderdetail .orderitem {
        padding: 38px 0;
    }

        .orderdetail .orderitem .item {
            float: left;
            width: 33.33%;
            line-height: 36px;
        }

            .orderdetail .orderitem .item .o_head {
                float: left;
                width: 100px;
                text-align: right;
            }

    .orderdetail .orderTable {
        border: 1px solid #E8E8E8;
    }

        .orderdetail .orderTable .ohead {
            background: #F7F7F7;
            height: 39px;
            border-bottom: 1px solid #E8E8E8;
        }

            .orderdetail .orderTable .ohead .otr {
                line-height: 39px;
            }

                .orderdetail .orderTable .ohead .otr .otd {
                    float: left;
                    text-align: center;
                }

                    .orderdetail .orderTable .ohead .otr .otd.td1 {
                        width: 550px;
                    }

                    .orderdetail .orderTable .ohead .otr .otd.td2 {
                        width: 200px;
                    }

                    .orderdetail .orderTable .ohead .otr .otd.td3 {
                        width: 160px;
                    }

                    .orderdetail .orderTable .ohead .otr .otd.td4 {
                        width: 228px;
                    }

        .orderdetail .orderTable .obody .otr {
        }

            .orderdetail .orderTable .obody .otr .otd {
                float: left;
                text-align: center;
                display: flex;
                justify-content: center;
                align-items: center;
            }

                .orderdetail .orderTable .obody .otr .otd.td1 {
                    width: 520px;
                    text-align: left;
                    padding: 10px 15px;
                }

                .orderdetail .orderTable .obody .otr .otd.td2 {
                    width: 200px;
                    line-height: 50px;
                }

                .orderdetail .orderTable .obody .otr .otd.td3 {
                    width: 160px;
                    line-height: 50px;
                }

                .orderdetail .orderTable .obody .otr .otd.td4 {
                    width: 228px;
                    line-height: 50px;
                    font-weight: Bold;
                }

    .orderdetail .orderSubtotal {
        text-align: right;
        padding: 20px 0;
    }

        .orderdetail .orderSubtotal .row {
            line-height: 40px;
        }

            .orderdetail .orderSubtotal .row span {
                display: block;
                width: 200px;
                float: right;
            }

            .orderdetail .orderSubtotal .row.total {
                color: #ED741E;
            }

                .orderdetail .orderSubtotal .row.total span {
                    font-size: 24px;
                    font-weight: 600;
                }