* {
    list-style: none;
}

body {
    font-family: Arial,"微软雅黑";
    background: #f5f5f5;
    font-size: 0.7rem;
    color: #555;
}

.hidden {
    display: none !important;
}

.red {
    color: #d2222c;
}

a.red {
    color: #d2222c;
}

    a.red:hover, a.red:active {
        color: #a81b23;
        text-decoration: underline;
    }

a {
    transition: all ease-in-out .1s 0s;
    -webkit-transition: all ease-in-out .1s 0s;
    -moz-transition: all ease-in-out .1s 0s;
    -o-transition: all ease-in-out .1s 0s;
}

i, em {
    font-style: normal;
}

input, textarea {
    border: 0;
    -webkit-appearance: none;
}

.icons {
    background: url(../images/cnvp-zzp-icons.png) 0 0 no-repeat;
    background-size: 200px auto;
}

.ovh {
    overflow: hidden;
}

.page, .page-group {
    background: #f5f5f5;
}

.container {
    width: 100%;
    overflow: hidden;
    padding-bottom: 2.5rem;
}

.title {
    font-size: 0.8rem;
    line-height: 1.2rem;
    padding: 0.5rem;
    margin: 0 0 0.5rem 0;
    position: static;
    background-color: #fff;
    border-bottom: 1px solid #d8d8d8;
}
/* css3 no lte ie8*/
.rad2 {
    border-radius: 2px;
    -moz-border-radius: 2px;
    *-moz-border-radius: 2px;
}

.rad3 {
    border-radius: 3px;
    -moz-border-radius: 3px;
    *-moz-border-radius: 3px;
}

.rad5 {
    border-radius: 5px;
    -moz-border-radius: 5px;
    *-moz-border-radius: 5px;
}

.rad8 {
    border-radius: 8px;
    -moz-border-radius: 8px;
    *-moz-border-radius: 8px;
}

.rad12 {
    border-radius: 12px;
    -moz-border-radius: 12px;
    *-moz-border-radius: 12px;
}

.amn1 {
    transition: all ease-in-out .1s 0s;
    -webkit-transition: all ease-in-out .1s 0s;
    -moz-transition: all ease-in-out .1s 0s;
    -o-transition: all ease-in-out .1s 0s;
}

.amn2 {
    transition: all ease-out .2s 0s;
    -webkit-transition: all ease-out .2s 0s;
    -moz-transition: all ease-out .2s 0s;
    -o-transition: all ease-out .2s 0s;
}

.amn3 {
    transition: all ease-in-out .3s 0s;
    -webkit-transition: all ease-in-out .3s 0s;
    -moz-transition: all ease-in-out .3s 0s;
    -o-transition: all ease-in-out .3s 0s;
}

.amn4 {
    transition: all ease-in-out .4s 0s;
    -webkit-transition: all ease-in-out .4s 0s;
    -moz-transition: all ease-in-out .4s 0s;
    -o-transition: all ease-in-out .4s 0s;
}

.amn6 {
    transition: all ease-in-out .6s 0s;
    -webkit-transition: all ease-in-out .6s 0s;
    -moz-transition: all ease-in-out .6s 0s;
    -o-transition: all ease-in-out .6s 0s;
}

.sdw {
    -webkit-box-shadow: #999 0px 0px 8px;
    -moz-box-shadow: #999 0px 0px 8px;
    box-shadow: #999 0px 0px 8px;
}
/*工具栏*/
.bar-tab:before {
    background-color: #d8d8d8;
}

.bar-tab .tab-item .icon ~ .tab-label {
    top: 0.14;
}

.bar-tab .tab-item .icons {
    width: 18px;
    height: 18px;
    line-height: 0;
    top: 0.04rem;
}

.bar-tab .tab-item:nth-child(1) .icons {
    background-position: 0 0;
}

.bar-tab .tab-item:nth-child(2) .icons {
    background-position: -18px 0;
}

.bar-tab .tab-item:nth-child(3) .icons {
    background-position: -36px 0;
}

.bar-tab .tab-item:nth-child(4) .icons {
    background-position: -54px 0;
}

.bar-tab .tab-item.active, .bar-tab .tab-item:active {
    color: #d2222c;
}

    .bar-tab .tab-item.active:nth-child(1) .icons, .bar-tab .tab-item:active:nth-child(1) .icons {
        background-position: 0 -18px;
    }

    .bar-tab .tab-item.active:nth-child(2) .icons, .bar-tab .tab-item:active:nth-child(2) .icons {
        background-position: -18px -18px;
    }

    .bar-tab .tab-item.active:nth-child(3) .icons, .bar-tab .tab-item:active:nth-child(3) .icons {
        background-position: -36px -18px;
    }

    .bar-tab .tab-item.active:nth-child(4) .icons, .bar-tab .tab-item:active:nth-child(4) .icons {
        background-position: -54px -18px;
    }
/*index*/
.searchbar .search-input input {
    line-height: 1.4rem;
    padding-left: 1.5rem;
}

.swiper-slide img {
    width: 100%;
    height: auto;
}

#page-index .swiper-container {
    padding: 0;
    margin-top: 2.2rem;
}

.swiper-pagination-bullet-active {
    background: #FFF;
    opacity: 0.5;
}

.box {
    padding: 0.5rem;
    background: #fff;
    overflow: hidden;
    margin: 0 0 0.5rem 0;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}

#page-index .tab {
    width: 100%;
    overflow: hidden;
}

    #page-index .tab .item {
        float: left;
        width: 50%;
        padding: 0.4rem 0;
        overflow: hidden;
        text-align: center;
        background-color: #ededed;
    }

        #page-index .tab .item span {
            color: #d2222c;
            float: left;
            border-right: 1px solid #d2222c;
            line-height: 0.6rem;
            font-size: 0.5rem;
            padding: 0 0.3rem;
            margin-right: 0.3rem;
        }

#page-index .time {
    float: left;
    overflow: hidden;
    font-size: 0;
    padding-top: 0.1rem;
    line-height: 0;
}

    #page-index .time i, #page-index .time em {
        padding: 0;
        margin: 0;
        float: left;
        width: 0.4rem;
        font-size: 0.6rem;
        height: 1rem;
        line-height: 1rem;
        overflow: hidden;
        color: #d2222c;
        text-align: center;
    }

    #page-index .time i {
        color: #FFF;
        width: 0.7rem;
        background-color: #d2222c;
        border-radius: 3px;
        margin-right: 1px;
    }

#page-index .tab .item.active {
    background-color: #d2222c;
}

    #page-index .tab .item.active span {
        color: #fff;
        border-color: #FFF;
    }

    #page-index .tab .item.active .time i {
        background-color: #fff;
        color: #d2222c;
    }

    #page-index .tab .item.active .time em {
        color: #fff;
    }

#page-index .tab-pm .item {
    width: 100%;
    padding-left: 13%;
}

    #page-index .tab-pm .item span {
        font-size: 0.7rem;
        margin: 0.3rem 0;
        border-right: none;
    }

#page-index .pro-con, #page-index .pro-con ul {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#page-index .pro-con {
    margin-top: 0.5rem;
}

    #page-index .pro-con ul li {
        float: left;
        width: 33%;
        padding: 0 3.5%;
        border-right: 1px solid #d8d8d8;
        overflow: hidden;
    }

        #page-index .pro-con ul li:nth-child(2) {
            width: 34%;
            padding: 0 4%;
        }

        #page-index .pro-con ul li:last-child {
            border-right: none;
        }

        #page-index .pro-con ul li a {
            display: block;
            overflow: hidden;
            text-align: center;
            line-height: 0.8rem;
            color: #333;
            font-size: 0.6rem;
        }

        #page-index .pro-con ul li img {
            width: 100%;
            height: auto;
            margin-bottom: 2px;
        }

        #page-index .pro-con ul li span {
            font-size: 0.5rem;
            color: #555;
        }

        #page-index .pro-con ul li i {
            color: #d2222c;
            font-size: 0.5rem;
        }

        #page-index .pro-con ul li em {
            color: #d2222c;
        }

        #page-index .pro-con ul li a:active, #page-index .pro-con ul li a:active span {
            color: #d2222c;
        }

#page-index .img-pm {
    overflow: hidden;
    display: block;
    font-size: 0;
}

    #page-index .img-pm img {
        width: 100%;
        height: auto;
    }

#page-index .pro-list .t {
    display: block;
    padding: 0;
    margin: 0;
    font-size: 0.8rem;
    font-weight: bold;
    color: #d2222c;
    margin-bottom: 0.3rem;
    text-align: center;
}

    #page-index .pro-list .t:active {
        background-color: #eee;
    }

#page-index .pro-list ul {
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border-top: 1px solid #d8d8d8;
}

    #page-index .pro-list ul li {
        float: left;
        width: 25%;
        height: 5.2rem;
        padding-top: 0.4rem;
        overflow: hidden;
    }

        #page-index .pro-list ul li a {
            font-size: 0.6rem;
            color: #555;
            display: block;
            overflow: hidden;
            border-right: 1px solid #d8d8d8;
            text-align: center;
            padding: 0.2rem 0;
        }

            #page-index .pro-list ul li a span {
                display: block;
                height: 1rem;
                line-height: 1rem;
                margin-bottom: 0.2rem;
                overflow: hidden;
            }

            #page-index .pro-list ul li a img {
                width: 80%;
                height: auto;
            }

    #page-index .pro-list ul .pro-list-lih {
        width: 50%;
        padding-bottom: 0.4rem;
        border-bottom: 1px solid #d8d8d8;
    }

        #page-index .pro-list ul .pro-list-lih span {
            float: left;
            width: 40%;
            height: auto;
        }

        #page-index .pro-list ul .pro-list-lih img {
            float: right;
            width: 60%;
        }

    #page-index .pro-list ul li:nth-child(2) a, #page-index .pro-list ul li:last-child a {
        border-right: none;
        padding-right: 1px;
    }

#page-index .pro-list-2 ul li:nth-child(2), #page-index .pro-list-2 ul li:nth-child(3) {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 0.4rem;
}

    #page-index .pro-list-2 ul li:nth-child(2) a {
        border-right: 1px solid #d8d8d8;
        padding-right: 0;
    }

    #page-index .pro-list-2 ul li:nth-child(3) a {
        border-right: none;
        padding-right: 1px;
    }

#page-index .pro-list-2 ul li:nth-child(4) {
    border-bottom: none;
}

#page-index .pro-list ul li a:active {
    color: #d2222c;
}

/*class*/
.class-tab {
    overflow-x: scroll;
    margin-top: 2.2rem;
}

    .class-tab .button {
        font-size: 0.6rem;
    }

        .class-tab .button.active, .class-tab .button:active {
            color: #d2222c;
            border-color: #d2222c;
        }

.class-left {
    width: 25%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 4.2rem;
    right: 0;
    bottom: 2.5rem;
    left: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

    .class-left li {
        float: left;
        width: 100%;
        overflow: hidden;
    }

        .class-left li a {
            display: block;
            height: 2rem;
            color: #555;
            font-size: 0.6rem;
            line-height: 2rem;
            padding-left: 10px;
        }

        .class-left li.active a, .class-left li.active a:active {
            border-left: 2px solid #d2222c;
            background-color: #fff;
            padding-left: 8px;
        }

.class-right {
    float: right;
    width: 75%;
    background-color: #fff;
    overflow: hidden;
    position: absolute;
    top: 4.2rem;
    right: 0;
    bottom: 2.5rem;
    left: 25%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

    .class-right h1 {
        font-size: 0.7rem;
        color: #d2222c;
        font-weight: normal;
        text-align: center;
    }

    .class-right ul.brand-list {
        width: 100%;
        margin: 0;
        padding-left: 0.5rem;
        overflow: hidden;
    }

        .class-right ul.brand-list li {
            float: left;
            width: 30%;
            overflow: hidden;
            margin: 0 2.5% 0.4rem 0;
        }

            .class-right ul.brand-list li a {
                display: block;
                overflow: hidden;
                text-align: center;
                font-size: 0.6rem;
                color: #555;
            }

                .class-right ul.brand-list li a img {
                    width: 100%;
                    border: 1px solid #d8d8d8;
                    border-radius: 1px;
                }

                .class-right ul.brand-list li a:active {
                    color: #d2222c;
                }

                    .class-right ul.brand-list li a:active img {
                        border-color: #d2222c;
                    }

    .class-right ul.pro-list {
        border-top: 1px solid #d8d8d8;
        padding: 0;
        margin: 0 auto;
        width: 95%;
        overflow: hidden;
    }

        .class-right ul.pro-list li {
            float: left;
            padding: 0.5rem 0;
            width: 100%;
            overflow: hidden;
            border-bottom: 1px solid #d8d8d8;
        }

            .class-right ul.pro-list li a {
                display: block;
                overflow: hidden;
                color: #666;
            }

            .class-right ul.pro-list li img {
                float: left;
                width: 30%;
                height: auto;
            }

            .class-right ul.pro-list li .info {
                float: left;
                width: 70%;
                padding-left: 5%;
                font-size: 0.6rem;
                overflow: hidden;
                line-height: 1rem;
            }

                .class-right ul.pro-list li .info b {
                    color: #d2222c;
                }
/*prolist*/
.class-select {
    top: 2.2rem;
    position: relative;
    height: 2rem;
    overflow: hidden;
    background-color: #fff;
    color: #555;
    text-align: center;
}

    .class-select:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        right: auto;
        top: auto;
        height: 1px;
        width: 100%;
        background-color: #d8d8d8;
        display: block;
        z-index: 15;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }

    .class-select h1 {
        font-size: .7rem;
        height: 2rem;
        line-height: 2rem;
        margin: 0 10px 0 0;
        padding: 0 .8rem;
        display: inline-block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        border-bottom: 2px solid #d2222c;
        z-index: 16;
        position: relative;
    }

    .class-select i {
        display: block;
        width: 20px;
        height: 15px;
        position: absolute;
        right: 1rem;
        top: 50%;
        margin-top: -0.4rem;
        background-position: 0 -126px;
    }

    .class-select:active, .class-select.active {
        color: #d2222c;
    }

        .class-select:active i, .class-select.active i {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
        }

.class-child {
    z-index: 15;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 4.2rem;
    right: 0;
    bottom: 2.4rem;
    left: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background-color: rgba(0,0,0,0.5);
    display: none;
}

    .class-child ul {
        width: 100%;
        overflow: hidden;
        margin: 0;
        padding: 0.4rem 0 0 0.4rem;
        background-color: #fff;
    }

        .class-child ul li {
            float: left;
            overflow: hidden;
            width: 23%;
            margin: 0 1.6% 0.4rem 0;
        }

            .class-child ul li a {
                display: block;
                color: #555;
                font-size: 0.6rem;
                height: 1.4rem;
                line-height: 1.4rem;
                text-align: center;
                border-radius: 2px;
                border: 1px solid #d8d8d8;
            }

                .class-child ul li a:active, .class-child ul li a.active {
                    color: #d2222c;
                    border-color: #d2222c;
                }

.prolist {
    width: 100%;
    /*position: relative;top: 2.2rem;*/
    overflow: hidden;
    margin-top: 2.2rem;
    background-color: #fff;
}

    .prolist ul {
        width: 100%;
        padding: 0;
        margin: 0;
        overflow: hidden;
    }

        .prolist ul li {
            float: left;
            width: 100%;
            overflow: hidden;
            padding: 0 0.4rem;
        }

            .prolist ul li a {
                display: block;
                overflow: hidden;
                border-bottom: 1px solid #d8d8d8;
                padding: 0.5rem 0;
                color: #555;
                font-size: 0.7rem;
                line-height: 1.2rem;
            }

                .prolist ul li a img {
                    float: left;
                    width: 38%;
                    height: auto;
                }

                .prolist ul li a .info {
                    float: left;
                    width: 62%;
                    padding: 0.5rem 0 0 0.4rem;
                }

                    .prolist ul li a .info b {
                        color: #d2222c;
                    }

                .prolist ul li a:active {
                    color: #d2222c;
                }

#page-proshow .container {
    padding-bottom: 4.5rem;
}

#page-proshow .swiper-container {
    padding-bottom: 0;
}

#page-proshow .swiper-pagination-bullet-active {
    background: #d2222c;
}

#page-proshow .box img {
    max-width: 100%;
    height: auto;
}

.bottom-btn {
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    background-color: #d2222c;
    overflow: hidden;
    position: fixed;
    bottom: 2.5rem;
    text-align: center;
    font-size: 0.8rem;
    color: #fff;
    z-index: 20;
}

    .bottom-btn:active {
        background-color: #a81b23;
    }

.proshow-row-1 {
    font-size: 0.6rem;
    font-family: "微软雅黑";
}

    .proshow-row-1 p {
        border-top: 1px solid #d8d8d8;
        margin: 0;
        padding-top: 6px;
        margin-top: 6px;
    }

.proshow-row-2 h1 {
    font-size: 0.6rem;
    font-weight: normal;
    margin: 0;
    color: #666;
}

.proshow-row-2 .grads { /*overflow: hidden;*/
    margin: 5px 0;
    padding: 0;
}

    .proshow-row-2 .grads li {
        float: left;
        text-align: center;
        width: 33%;
        height: 4rem;
        font-size: 0.5rem;
        /*overflow: hidden;*/
    }

    .proshow-row-2 .grads .p {
        float: right;
        margin-right: -4px;
        overflow-x: hidden;
    }

        .proshow-row-2 .grads .p i {
            width: 18px;
            height: 18px;
            display: block;
            margin: 0 auto;
            background-position: -54px -54px;
        }

        .proshow-row-2 .grads .p span {
            color: #d2222c;
            font-size: 0.6rem;
        }

    .proshow-row-2 .grads .fl {
        float: left;
    }

    .proshow-row-2 .grads em {
        float: left;
        display: block;
        overflow: hidden;
        width: 88%;
        height: 2px;
        background-color: #d8d8d8;
        margin: 5px 12% 5px 0;
    }

    .proshow-row-2 .grads li:first-child em {
        width: 80%;
        margin: 5px 10%;
    }

    .proshow-row-2 .grads .s {
        float: left;
        width: 100%;
    }

        .proshow-row-2 .grads .s b {
            color: #d2222c;
            font-size: 0.8rem;
        }

    .proshow-row-2 .grads .active em {
        background-color: #d2222c;
    }

.proshow-row-2 .info {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-top: 1px solid #d8d8d8;
}

    .proshow-row-2 .info li {
        float: left;
        width: 100%;
        height: 44px;
        line-height: 20px;
        overflow: hidden;
        padding: 12px 0;
        border-bottom: 1px solid #d8d8d8;
    }

        .proshow-row-2 .info li i {
            float: left;
            margin: 1px 5px 1px 2px;
            width: 18px;
            height: 18px;
            overflow: hidden;
        }

        .proshow-row-2 .info li span, .proshow-row-2 .info li b {
            float: left;
            font-size: 0.6rem;
            color: #777;
        }

        .proshow-row-2 .info li b {
            color: #d2222c;
            font-size: 0.7rem;
            margin-right: 2px;
        }

        .proshow-row-2 .info li:nth-child(1) i {
            background-position: 0 -36px;
        }

        .proshow-row-2 .info li:nth-child(2) i {
            background-position: -18px -36px;
        }

        .proshow-row-2 .info li:nth-child(3) i {
            background-position: -36px -36px;
        }

        .proshow-row-2 .info li:nth-child(4) i {
            background-position: -54px -36px;
        }

#page-proshow .btn-list {
    width: 100%;
    overflow: hidden;
    margin: 0 0 0.5rem 0;
    padding: 0.4rem 0;
    background-color: #fff;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}

    #page-proshow .btn-list li {
        float: left;
        width: 33%;
        overflow: hidden;
    }

        #page-proshow .btn-list li:first-child {
            width: 34%;
        }

            #page-proshow .btn-list li:first-child a {
                border-left: none;
            }

    #page-proshow .btn-list a {
        font-size: 0.6rem;
        display: block;
        color: #666;
        height: 30px;
        line-height: 18px;
        padding: 6px 0;
        overflow: hidden;
        text-align: center;
        border-left: 1px solid #d8d8d8;
    }

        #page-proshow .btn-list a i {
            display: inline-block;
            width: 18px;
            height: 18px;
            overflow: hidden;
            margin: 0 4px 0 0;
        }

        #page-proshow .btn-list a span {
            display: inline-block;
            top: -4px;
            position: relative;
        }

    #page-proshow .btn-list li:nth-child(1) a i {
        background-position: 0 -54px;
    }

    #page-proshow .btn-list li:nth-child(1) a:active i {
        background-position: 0 -72px;
    }

    #page-proshow .btn-list li:nth-child(2) a i {
        background-position: -18px -54px;
    }

    #page-proshow .btn-list li:nth-child(2) a:active i {
        background-position: -18px -72px;
    }

    #page-proshow .btn-list li:nth-child(3) a i {
        background-position: -36px -54px;
    }

    #page-proshow .btn-list li:nth-child(3) a:active i {
        background-position: -36px -72px;
    }

    #page-proshow .btn-list li a:active {
        color: #d2222c;
        background-color: #eee;
        border-radius: 2px;
    }
/*auction*/
#page-auction .container {
    padding-bottom: 4.5rem;
}

#page-auction .swiper-container {
    padding-bottom: 0;
}

.auction-row-1 li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
    overflow: hidden;
    font-size: 0.6rem;
    padding: 0.5rem 0;
    height: 2rem;
    line-height: 1rem;
}

    .auction-row-1 li:first-child {
        height: 1.5rem;
        padding-top: 0;
    }

    .auction-row-1 li:last-child {
        border-bottom: none;
        height: 1.5rem;
        padding-bottom: 0;
        color: #777;
    }

    .auction-row-1 li b {
        padding: 0 0.2rem;
        margin-right: 0.3rem;
        color: #FFF;
        border-radius: 2px;
        font-weight: normal;
        display: inline-block;
        background-color: #d2222c;
    }

.auction-row-2 li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
    overflow: hidden;
    font-size: 0.6rem;
    padding: 0.5rem 0;
    height: 2rem;
    line-height: 1rem;
}

    .auction-row-2 li:first-child {
        height: 1.5rem;
        padding-top: 0;
    }

    .auction-row-2 li:last-child {
        border-bottom: none;
        height: 1.5rem;
        padding-bottom: 0;
        color: #777;
    }

    .auction-row-2 li b {
        color: #d2222c;
    }

.auction-row-3 .buttons-tab .button {
    font-size: 0.6rem;
    height: 1.6rem;
    line-height: 1.6rem;
}

    .auction-row-3 .buttons-tab .button.active {
        z-index: 10;
        color: #d2222c;
        border-color: #d2222c;
    }

.auction-row-3 .tabs {
    width: 100%;
    overflow: hidden;
    margin-top: 0.5rem;
}

    .auction-row-3 .tabs .tab {
        font-size: 0.6rem;
        color: #666;
    }

        .auction-row-3 .tabs .tab img {
            max-width: 100%;
            height: auto;
        }

.bid-record {
    padding: 0;
    margin: 0;
    overflow: hidden;
    width: 100%;
}

    .bid-record li {
        float: left;
        text-align: center;
        width: 100%;
        overflow: hidden;
        height: 1.4rem;
        line-height: 1.4rem;
    }

        .bid-record li:first-child {
            color: #d2222c;
        }

        .bid-record li span:nth-child(1), .bid-record li span:nth-child(3), .bid-record li span:nth-child(4) {
            float: left;
            width: 22%;
        }

        .bid-record li span:nth-child(2) {
            float: left;
            width: 34%;
        }
/*register*/
.register-form li {
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 0.35rem 0;
    line-height: 30px;
}

    .register-form li label {
        float: left;
        width: 25%;
        overflow: hidden;
        text-align: right;
        margin-right: 10px;
    }

.register-form .input-text {
    float: left;
    width: 66%;
    height: 28px;
    line-height: 20px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    padding: 4px 5px;
}

.register-form .input-text-2 {
    width: 30%;
}

.register-form .codebtn {
    float: left;
    width: 33%;
    height: 26px;
    line-height: 26px;
    border: 1px solid #d2222c;
    margin-left: 3%;
    text-align: center;
    font-size: 0.6rem;
    color: #d2222c;
    border-radius: 3px;
}

    .register-form .codebtn:active {
        background-color: #d2222c;
        color: #FFF;
    }

.register-form .codeedbtn, .register-form .codeedbtn:active {
    color: #999;
    border-color: #ccc;
    background-color: #fff;
}

.register-form .line {
    border-top: 1px solid #d8d8d8;
    text-align: center;
    font-size: 0.6rem;
    margin-top: .5rem;
}

    .register-form .line i {
        width: 14px;
        height: 14px;
        background-color: #fff;
        display: inline-block;
        overflow: hidden;
        border: 1px solid #d2222c;
        background-color: #fff;
        border-radius: 2px;
        background-position: -1px -142px;
    }

    .register-form .line a {
        line-height: 16px;
        color: #666;
        margin-left: 5px;
        position: relative;
        top: -2px;
    }

        .register-form .line a:active {
            color: #d2222c;
            text-decoration: underline;
        }

.input-btn {
    text-align: center;
    display: block;
    /*width: 100%;*/ overflow: hidden;
    height: 2rem;
    line-height: 2rem;
    background-color: #d2222c;
    border-radius: 4px;
    color: #FFF;
    font-size: 0.8rem;
}

    .input-btn:active {
        background-color: #a81b23;
    }
/*userinfo*/
.lgout-btn {
    width: auto;
    margin: 0 0.5rem;
    margin-bottom: 1rem;
}

.userinfo {
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

    .userinfo li {
        width: 100%;
        line-height: 27px;
        margin-bottom: 0.5rem;
        background-color: #fff;
        overflow: hidden;
        border-top: 1px solid #d8d8d8;
        border-bottom: 1px solid #d8d8d8;
    }

        .userinfo li a {
            display: block;
            overflow: hidden;
            color: #555;
            padding: 0.5rem;
        }

        .userinfo li .icon {
            float: left;
            width: 27px;
            height: 27px;
            overflow: hidden;
            border-radius: 50%;
            background-color: #d2222c;
            margin-right: 8px;
        }

            .userinfo li .icon i {
                display: block;
                width: 18px;
                height: 18px;
                overflow: hidden;
                margin: 4.5px auto;
            }

        .userinfo li:nth-child(2) i {
            background-position: -36px -90px;
        }

        .userinfo li:nth-child(3) i {
            background-position: -18px -90px;
        }

        .userinfo li:nth-child(4) i {
            background-position: -54px -90px;
        }

        .userinfo li:nth-child(5) i {
            background-position: -18px -108px;
        }

        .userinfo li:nth-child(6) i {
            background-position: -36px -108px;
        }

        .userinfo li:nth-child(7) i {
            background-position: -54px -108px;
        }

        .userinfo li:nth-child(8) i {
            background-position: -36px -90px;
        }

        .userinfo li a b {
            float: left;
            font-weight: normal;
        }

        .userinfo li a span {
            float: right;
            color: #888;
            margin-right: 5px;
        }

        .userinfo li a em {
            float: right;
            overflow: hidden;
            width: 15px;
            height: 15px;
            margin: 6px 0;
            background-position: -20px -126px;
        }

        .userinfo li a:active {
            background-color: #eee;
            color: #d2222c;
        }

        .userinfo li:first-child {
            line-height: 18px;
        }

            .userinfo li:first-child .tx {
                float: left;
                width: 64px;
                height: 64px;
                margin-right: 10px;
                border: 2px solid #d8d8d8;
                border-radius: 50%;
            }

            .userinfo li:first-child b {
                float: left;
                width: 70%;
                padding: 0.4rem 0;
            }

            .userinfo li:first-child span {
                float: left;
                margin-right: 10px;
            }

        .userinfo li .edit {
            float: left;
            overflow: hidden;
            width: 18px;
            height: 18px;
            padding: 0;
            background-position: 0 -90px;
        }

        .userinfo li:first-child a:active .edit {
            background-position: 0 -108px;
        }

/*order-list*/
.order-list {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0 0.5rem;
    font-size: 0.6rem;
}

    .order-list li {
        width: 100%;
        overflow: hidden;
        margin-bottom: 0.5rem;
        border-radius: 2px;
    }

    .order-list .t {
        width: 100%;
        height: 34px;
        padding: 8px 0.5rem;
        overflow: hidden;
        line-height: 18px;
        background-color: #d8d8d8;
        color: #555;
    }

        .order-list .t span {
            width: 70%;
            height: 20px;
            overflow: hidden;
            float: left;
        }

        .order-list .t b {
            float: right;
            margin-left: 5px;
        }

        .order-list .t i {
            float: right;
            width: 18px;
            height: 18px;
            overflow: hidden;
            background-position: -18px -155px;
        }

    .order-list .info {
        border: 1px solid #d8d8d8;
        background-color: #fff;
        overflow: hidden;
        padding: 0 .5rem .5rem .5rem;
    }

        .order-list .info .item {
            float: left;
            width: 100%;
            height: 38px;
            line-height: 18px;
            overflow: hidden;
            padding: 10px 0;
            color: #666;
            border-bottom: 1px solid #d8d8d8;
        }

            .order-list .info .item i {
                float: left;
                width: 18px;
                height: 18px;
                overflow: hidden;
                margin-right: 5px;
            }

            .order-list .info .item:nth-child(1) i {
                background-position: 0 -36px;
            }

            .order-list .info .item:nth-child(2) i {
                background-position: -18px -36px;
            }

            .order-list .info .item:nth-child(3) i {
                background-position: -36px -36px;
            }

            .order-list .info .item:nth-child(4) i {
                background-position: -54px -36px;
            }

            .order-list .info .item span {
                float: left;
            }

            .order-list .info .item b {
                float: left;
                font-size: 0.7rem;
                color: #d2222c;
                margin-right: 4px;
            }

        .order-list .info .btn {
            float: left;
            width: 48%;
            margin: 0.5rem 4% 0 0;
            height: 1.6rem;
            line-height: 1.6rem;
            overflow: hidden;
            text-align: center;
            background-color: #d2222c;
            border-radius: 4px;
            font-size: 0.7rem;
            color: #fff;
        }

            .order-list .info .btn:last-child {
                margin-right: 0;
            }

            .order-list .info .btn:active {
                background-color: #a81b23;
            }

    .order-list .complete .t {
        background-color: #d2222c;
        color: #fff;
    }

        .order-list .complete .t i {
            background-position: 0 -155px;
        }

.bg-red {
    background-color: #d2222c;
}

.order-show {
    width: 100%;
    padding: 0.5rem;
    overflow: hidden;
    text-align: center;
    color: #FFF;
    font-size: .8rem;
}

    .order-show a {
        color: #fff;
    }

    .order-show .logo {
        width: 123px;
        height: 144px;
        background-position: -77px 0;
        margin: 0.5rem auto;
    }

    .order-show h1 {
        font-weight: normal;
        line-height: 2rem;
        padding-bottom: 0.3rem;
        font-size: 1rem;
        border-bottom: 1px solid #e0777d;
    }

    .order-show .code {
        display: block;
        background-color: #FFF;
        color: #454545;
        font-size: 1.2em;
        line-height: 1.8rem;
        font-weight: bold;
        margin: 10px 0;
    }

    .order-show p {
        font-size: 0.6rem;
    }

.order-out {
    margin: 0.5rem;
    overflow: hidden;
    background-color: #FFF;
    border-radius: 2px;
}

    .order-out .t {
        height: 2rem;
        line-height: 2rem;
        text-align: center;
        color: #FFF;
        font-size: 0.8rem;
        background-color: #d2222c;
    }

    .order-out .info {
        border: 1px solid #d8d8d8;
        border-top: none;
        overflow: hidden;
        padding: 0.1rem .5rem .5rem .5rem;
    }

    .order-out ul {
        width: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

        .order-out ul li {
            float: left;
            height: 40px;
            line-height: 20px;
            width: 100%;
            overflow: hidden;
            border-bottom: 1px solid #d8d8d8;
            padding: 10px 5px;
        }

            .order-out ul li:active {
                background-color: #eee;
            }

            .order-out ul li i {
                float: left;
                width: 20px;
                height: 20px;
                overflow: hidden;
                border: 1px solid #d8d8d8;
                border-radius: 50%;
                margin-right: 10px;
                background-position: -35px -126px;
            }

                .order-out ul li i.icons {
                    width: 20px;
                    height: 20px;
                    border: none;
                }

    .order-out .btn {
        padding: 0;
        float: left;
        margin-top: 0.5rem;
        width: 48%;
        height: 1.6rem;
        line-height: 1.6rem;
        overflow: hidden;
        background-color: #d2222c;
        text-align: center;
        color: #fff;
        border-radius: 4px;
        margin-right: 4%;
    }

        .order-out .btn:last-child {
            margin-right: 0;
        }

        .order-out .btn:active {
            background-color: #a81b23;
        }

#page-orderout h1 {
    margin: 0.7rem 0.5rem 0 0.5rem;
    font-weight: normal;
    color: #d2222c;
    font-size: 0.8rem;
}

#page-orderout p {
    margin: 0.2rem 0.5rem 0.5rem 0.5rem;
    font-size: .6rem;
    color: #666;
}

    #page-orderout p a {
        color: #a81b23;
    }


.am-form .am-form-group {
    padding: 10px 0;
}

    .am-form .am-form-group .icons {
        width: 18px;
        height: 18px;
        line-height: 0;
        top: 0.04rem;
        background-position: -36px 0;
        margin-right: 18px;
    }

    .am-form .am-form-group .active {
        background-position: -36px -18px;
    }


.am-comments-list .am-comment {
    margin: 1.6rem 0 0;
    list-style: none;
}

.am-comment-main {
    margin-left: 12px;
}

.am-comment-main {
    position: relative;
    /*margin-left: 42px;*/
    border: 1px solid #dedede;
    border-radius: 0;
}

.am-comments-list {
    padding: 0;
    padding-right: 0.5rem;
}

.am-comment-main:after, .am-comment-main:before {
    position: absolute;
    top: 10px;
    left: -8px;
    right: 100%;
    width: 0;
    height: 0;
    display: block;
    content: " ";
    border-color: transparent;
    border-style: solid solid outset;
    border-width: 8px 8px 8px 0;
    pointer-events: none;
}

.am-comment-main:before {
    border-right-color: #dedede;
    z-index: 1;
}

.am-comment-hd {
    background: #f8f8f8;
    border-bottom: 1px solid #eee;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.am-comment-meta {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 15px;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .am-comment-meta a {
        color: #999;
    }

.am-comment-author {
    font-weight: 700;
    color: #999;
}

.am-comment-bd {
    padding: 15px;
    overflow: hidden;
}

blockquote {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    border-left: 4px solid #ddd;
    font-family: Georgia,"Times New Roman",Times,Kai,"Kaiti SC",KaiTi,BiauKai,FontAwesome,serif;
}

.am-comment-bd > :last-child {
    margin-bottom: 0;
}

.am-comment-main:after {
    border-right-color: #f8f8f8;
    margin-left: 1px;
    z-index: 2;
}