body, html, h1, h2, h3, h4, h5, ol, ul, li, dl, dt, dd, p, span, form, input, img {
    margin: 0;
    padding: 0;
}

body a {
    text-decoration: none;
}
    body ul, body li {
        list-style-type: none;
    }

    body i {
        font-style: normal;
    }
body .hidden{
    display:none;
}
.header-wrap {
    width: 100%;
    position: relative;
    z-index: 500;
    background-color: #fff;
}
.header-wrap .header-content {
    position: relative;
    width: 1200px;
    height: 120px;
    margin: 0 auto;
    padding-top: 15px;
    background-color: #fff;
    text-align: center;
}
.header-wrap .header-content .header-left {
    overflow: hidden;
    position: absolute;
    top: 15px;
    left: 0;
}

.header-wrap .header-content .header-left a {
    color: #3196C3;
    text-decoration: none;
}

.header-wrap .header-content .header-left a img {
    width: 220px;
}
           
.header-wrap .header-content .header-right {
    margin: 20px 215px 0 350px;
}

.header-wrap .header-content .header-right .header-search {
}

.header-wrap .header-content .header-right .header-search .search {
    margin: 0;
    padding: 0;
    width: 530px;
    height: 31px;
    border: 2px solid #3196C3;
}
.header-wrap .header-content .header-right .header-search .search li {
    height: 31px;
    float: left;
    line-height: 31px;
}

.header-wrap .header-content .header-right .header-search .search .search-center {
    width: 421px;
    position: relative;
}
.header-wrap .header-content .header-right .header-search .search .search-center .keyword {
    height: 31px;
    float: left;
    line-height: 31px;
}
.header-wrap .header-content .header-right .header-search .search .search-center .search-input {
    width: 436px;
    height: 31px;
    line-height: 31px;
    padding-left:15px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    border: 0;
    text-indent: 3px;
    outline:none;
}

.header-wrap .header-content .header-right .header-search .search .search-right {
    width: 95px;
    float: right;
    position: relative;
}
           
.header-wrap .header-content .header-right .header-search .search .search-right a i {
    position: absolute;
    height: 31px;
    width: 100%;
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: 31px;
    cursor: pointer;
    background: #3196C3;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}



.menu-wrap {
    width: 100%;
    height: 38px;
}
.menu-wrap .header-menu {
    width: 1090px;
    height: 38px;
    line-height: 38px;
    margin: 0 auto;
    _border: 0;
    background-color: #fff;
}
.menu-wrap .header-menu li{
    float: left;
    position: relative;
    font-size: 15px;
    color: #fff;
    z-index: 3;
}
.menu-wrap .header-menu li .nav{
    padding: 0px 45px;
    height: 38px;
    border-top: 2px solid #fff;
    display: inline-block;
    color: #323232;
    font-weight: bold;
}



.header-tree-menu {
    width: 180px;
    background-color: #151515;
    margin-right: 140px;
}
.menu-wrap .header-menu .header-tree-menu .nav {
    color: #fff;
    font-size: 16px;
    padding-left: 20px;
    width: 180px;
}
.menu-wrap .header-menu .header-tree-menu .nav i {
    padding-right:12px;
}
.tree-menu {
    background-color: #333;
    width: 180px;
    position: absolute;
}
.tree-menu .tree-menu-item{
    line-height: 40px;
}
.tree-menu .tree-menu-item .tree-menu-title{
    border-left:3px solid #333;
    border-bottom:1px solid #444;
}
.tree-menu .tree-menu-item .tree-menu-title:hover{
    border-left:3px solid red;
    background-color: #696969;
}
.tree-menu .tree-menu-item .tree-menu-title div{
    font-weight: normal;
    font-size: 16px;
    height: 50px;
    padding-left: 50px;
    line-height: 50px;
}
.tree-menu .tree-menu-item .tree-menu-title div a{
    width: 90px;
    color: #fff;
    display: inline-block;
}
.tree-menu .tree-menu-item .tree-menu-children{
    background: #f2f2f2;
    width: 146px;
    min-height: 400px;
    border-top: none;
    position: absolute;
    top: 0px;
    left: 180px;
    z-index: 9999;
}
.tree-menu .tree-menu-item .tree-menu-children .item-menu-child{
    padding-left:32px;
    font-size:14px;
    border-bottom: 1px solid #eaeaea;
}
    .tree-menu .tree-menu-item .tree-menu-children .item-menu-child a {
        color: black;
    }



/* ------------------ Dotstyle in carousel --------------------*/

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .carousel-inner > .item {
        display: none;
        position: relative;
        -webkit-transition: 0.6s ease-in-out left;
        transition: 0.6s ease-in-out left;
    }

        .carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
            line-height: 1;
        }

    .carousel-inner > .active,
    .carousel-inner > .next,
    .carousel-inner > .prev {
        display: block;
    }

    .carousel-inner > .active {
        left: 0;
    }

    .carousel-inner > .next,
    .carousel-inner > .prev {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .carousel-inner > .next {
        left: 100%;
    }

    .carousel-inner > .prev {
        left: -100%;
    }

        .carousel-inner > .next.left,
        .carousel-inner > .prev.right {
            left: 0;
        }

    .carousel-inner > .active.left {
        left: -100%;
    }

    .carousel-inner > .active.right {
        left: 100%;
    }

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    }

    .carousel-control.right {
        left: auto;
        right: 0;
        background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    }

    .carousel-control:hover,
    .carousel-control:focus {
        outline: none;
        color: #ffffff;
        text-decoration: none;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
    }

    .carousel-control .icon-prev,
    .carousel-control .glyphicon-chevron-left {
        left: 50%;
    }

    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-right {
        right: 50%;
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        font-family: serif;
    }

        .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel-control .icon-next:before {
            content: '\203a';
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #e6e6e6;
        border-radius: 10px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
    }

    .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #ffffff;
    }

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px;
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

/* ------------------ Carousel --------------------*/
.carousel .carousel-control.left {
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.3) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#00000000', GradientType=1);
}

    .carousel .carousel-control.left i {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -34px;
        margin-top: -34px;
        z-index: 5;
        padding: 10px;
        border-radius: 50%;
        background-color: #79859b;
    }

.carousel .carousel-control.right {
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.3) 100%));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.3) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.3) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#4d000000', GradientType=1);
}

    .carousel .carousel-control.right i {
        position: absolute;
        top: 50%;
        right: 50%;
        margin-right: -34px;
        margin-top: -34px;
        z-index: 5;
        padding: 10px;
        border-radius: 50%;
        background-color: #79859b;
    }

.carousel .carousel-indicators {
    bottom: 0;
}

.carousel .carousel-inner .carousel-caption {
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#00000000', GradientType=0);
    opacity: 0.9;
}

.carousel.vertical .carousel-inner {
    height: 100%;
}

.carousel.vertical .item {
    -webkit-transition: top;
    transition: top;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    left: 0;
    z-index: 2;
}

.carousel.vertical .active {
    z-index: 1;
}

.carousel.vertical .active,
.carousel.vertical .next.left,
.carousel.vertical .prev.right {
    top: 0;
}

    .carousel.vertical .next,
    .carousel.vertical .active.right {
        top: 100%;
    }

    .carousel.vertical .prev,
    .carousel.vertical .active.left {
        top: -100%;
    }





.carousel .carousel-inner > .item > img, .carousel .carousel-inner > .item > a > img {
    width: 100%;
    max-height:320px;
}
.dotstyle {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    bottom: 10px !important;
}

    .dotstyle.center {
        width: auto;
        left: 45%;
    }

    .dotstyle li {
        position: relative;
        display: block;
        float: left;
        margin: 0 5px;
        width: 16px;
        height: 16px;
        cursor: pointer;
        border-radius: 50%;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
        -webkit-transition: box-shadow 0.3s ease;
        transition: box-shadow 0.3s ease;
        border: none;
        background-color: none;
    }

        .dotstyle li a {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            outline: none;
            border-radius: 50%;
            background-color: #fff;
            background-color: rgba(255, 255, 255, 0.3);
            text-indent: -999em;
            /* make the text accessible to screen readers */
            cursor: pointer;
            position: absolute;
            background-color: rgba(255, 255, 255, 0.7);
            -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
            transition: background-color 0.3s ease, transform 0.3s ease;
        }

            .dotstyle li a:hover,
            .dotstyle li a:focus {
                background-color: white;
            }

            .dotstyle li a:focus {
                outline: none;
            }

        .dotstyle li.active {
            margin: 0 5px;
            width: 16px;
            height: 16px;
            background: none;
            background-color: #3196C3;
            box-shadow: 0 0 0 2px white;
        }

            .dotstyle li.active a {
                -webkit-transform: scale(0.4);
                -ms-transform: scale(0.4);
                transform: scale(0.4);
                background-color: white;
            }











/* ------------------ home --------------------*/


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

.content a {
    color: #3196C3;
    text-decoration: none;
}
.shopcar-con-l {
    width: 980px;
    float: left;
    margin-right: 20px;
}

    .shopcar-con-l .con-ll {
        padding: 50px 90px 60px 120px;
    }


    .shopcar-con-l .con-lr {
        width: 450px;
        height: 75px;
        padding-top: 60px;
    }


.shopcar-recom {
    border: 1px solid #e2e2e2;
    color: #666;
}

    .shopcar-recom dt {
        background: #fafafa;
        height: 30px;
        line-height: 30px;
        padding-left: 20px;
    }

    .shopcar-recom dd {
        padding: 30px 0 30px 30px;
    }

    .shopcar-recom li {
        width: 315px;
        float: left;
        margin-bottom: 30px;
    }

    .shopcar-recom .shopcar-recom-t {
        width: 110px;
        height: 100px;
        float: left;
    }

    .shopcar-recom .shopcar-recom-c {
        float: left;
    }

    .shopcar-recom .title {
        width: 116px;
        height: 60px;
        display: block;
        overflow: hidden;
        line-height: 20px;
    }

        .shopcar-recom .title:hover {
            text-decoration: underline;
        }

    .shopcar-recom .price {
        padding-top: 5px;
        font-weight: bold;
        color: #cd151f;
        font-size: 13px;
    }

    .shopcar-recom .add {
        width: 80px;
        height: 22px;
        line-height: 22px;
        border: 1px solid #e2e2e2;
        display: inline-block;
        text-align: center;
        background: #f9f9f9;
    }

        .shopcar-recom .add:hover {
            background: #e2e2e2;
        }

.shopcar-con-r {
    width: 198px;
    border: 1px solid #e2e2e2;
    float: left;
    margin-top: 20px;
    border-top: 4px solid #ccc;
}

    .shopcar-con-r .top {
        padding: 15px 0 15px 15px;
    }

    .shopcar-con-r li {
        margin-bottom: 10px;
    }

    .shopcar-con-r .shopcar-recom-t {
        width: 86px;
        height: 74px;
        float: left;
    }

    .shopcar-con-r .shopcar-recom-c {
        width: 82px;
        float: left;
    }

    .shopcar-con-r .title {
        width: 82px;
        height: 56px;
        display: block;
        line-height: 18px;
        overflow: hidden;
    }

        .shopcar-con-r .title:hover {
            text-decoration: underline;
        }

    .shopcar-con-r .price {
        height: 17px;
        line-height: 17px;
        color: red;
    }

    .shopcar-con-r .bottom {
        background: #fafafa;
        padding: 10px;
        font-size: 13px;
        color: #666;
    }

        .shopcar-con-r .bottom i {
            color: #cd151f;
            font-size: 16px;
            padding: 0 5px;
        }

        .shopcar-con-r .bottom div {
            padding: 15px 0 15px 8px;
        }


.header-m-shop {
    height: 82px;
}

.header-m-rshop {
    width: 406px;
    height: 55px;
    padding-top: 27px;
    float: right;
}

/* ?-- */
.content-shop {
    width: 1000px;
    margin: 10px auto 30px;
}

    .content-shop span {
        color: #888;
    }

    .content-shop em {
        color: #cd151f;
    }

.shop-title {
    background: #f5f5f5;
    text-align: center;
    line-height: 36px;
    margin-bottom: 20px;
}

    .shop-title .t1 {
        width: 330px;
    }

    .shop-title .t2 {
        width: 150px;
    }

    .shop-title .t3 {
        width: 140px;
    }

    .shop-title .t4 {
        width: 118px;
    }

    .shop-title .t5 {
        width: 160px;
    }

    .shop-title .t6 {
        width: 56px;
    }

.shop-every {
    border: 1px solid #ccc;
    margin-bottom: 15px;
}

.shop-seller {
    border-bottom: 1px dashed #ccc;
    position: relative;
}

    .shop-seller .sellershade {
        width: 100px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: red;
        display: none;
    }

    .shop-seller .f-fl {
        padding-left: 13px;
    }

.shop-each {
    padding: 10px 20px
}

.shop-detail {
    text-align: center;
    position: relative;
}

    .shop-detail td {
        padding: 10px 0px;
        border-bottom: 1px solid #f2f2f2;
    }

    .shop-detail ol {
        padding-left: 30px;
    }

        .shop-detail ol li {
            margin-right: 5px;
            display: inline;
        }

    .shop-detail .binding {
        position: relative;
    }

        .shop-detail .binding .bindshade {
            width: 40px;
            height: 80px;
            position: absolute;
            top: 10px;
            left: 0;
            background: red;
            display: none;
        }

    .shop-detail .link {
        width: 152px;
    }

    .shop-detail .old {
        text-decoration: line-through;
        color: #999;
    }

    .shop-detail .current {
        text-decoration: none;
        color: #333;
    }

    .shop-detail .pt {
        text-align: left;
        color: #666;
        line-height: 20px;
        word-wrap: break-word;
    }

    .shop-detail .current i {
        text-decoration: none;
        color: #333;
    }

    .shop-detail .decrease {
        width: 16px;
        border: 1px solid #ccc;
        height: 16px;
        line-height: 16px;
        margin-top: 4px;
        text-align: center;
        display: inline-block;
    }

        .shop-detail .decrease:hover {
            background: #f1f1f1;
        }

    .shop-detail .quantity {
        width: 50px;
        height: 22px;
        line-height: 22px;
        border: 1px solid #ccc;
        text-align: center;
    }

    .shop-detail .increase {
        width: 16px;
        border: 1px solid #ccc;
        height: 16px;
        line-height: 16px;
        margin-top: 4px;
        text-align: center;
        display: inline-block;
    }

        .shop-detail .increase:hover {
            background: #f1f1f1;
        }

    .shop-detail .imgwarp {
        width: 80px;
        height: 80px;
    }

.shop-each-total {
    text-align: right;
    line-height: 40px;
    background: #f5f5f5;
    padding-right: 20px;
}

    .shop-each-total a {
        color: #999;
    }

        .shop-each-total a:hover {
            text-decoration: underline;
        }

    .shop-each-total .groupdel {
        position: relative;
    }

        .shop-each-total .groupdel .groupdelshade {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: red;
            display: none;
        }

.shop-total {
    line-height: 60px;
    background: #f5f5f5;
    margin-top: 20px;
    padding: 0px 10px;
}

    .shop-total .shop-total-l {
        float: left;
        color: #999;
    }

        .shop-total .shop-total-l input {
            margin-top: 17px;
        }

        .shop-total .shop-total-l a {
            color: #999;
        }

            .shop-total .shop-total-l a:hover {
                text-decoration: underline;
            }

    .shop-total .shop-total-r {
        float: right;
        font-size: 14px;
        font-weight: bold;
        color: #666;
    }

    .shop-total li {
        float: left;
        margin: 0 10px;
    }

.shop-bg {
    height: 30px;
    overflow: hidden;
    background-image: url(../images/member/dwbg.jpg);
    background-repeat: repeat-x;
    background-position: 0px -16px;
}

.dialog-pop {
    width: 200px;
    padding: 10px;
    border: 2px solid #e2e2e2;
    position: absolute;
    background: #fff;
    text-align: center;
    display: none;
}

    .dialog-pop .triangle {
        height: 8px;
        width: 16px;
        overflow: hidden;
        position: absolute;
        right: 40px;
        bottom: -8px;
        z-index: 22;
        background-image: url(../images/member/dialog-arrow.png);
        background-repeat: no-repeat;
        background-position: 0 -8px;
    }

.shop-shade {
    width: 120px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 600px;
    display: none;
}

.shop-return-info {
    position: absolute;
    top: 78px;
    left: 606px;
    text-align: center;
    color: red;
    display: none;
}

/* ?--? */
.shop-address dt {
    color: #cd151f;
    padding: 0 0 10px;
    border-bottom: 3px solid #f1f1f1;
}

.shop-address ul {
    padding: 10px 0px;
}

.shop-address li {
    padding: 8px 0px 0px 40px;
    height: 32px;
}

.sphover {
    background-color: #fef7e6;
    background-image: url(../images/member/spritez.png);
    background-repeat: no-repeat;
    background-position: 10px -72px;
    cursor: pointer;
    font-size: 14px;
}

.shop-newaddr {
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px dashed #ccc;
    display: inline-block;
    background-image: url(../images/member/spritez.png);
    background-repeat: no-repeat;
    background-position: 8px -105px;
}

.shop-btn-wrap {
    padding-left: 40px;
}

    .shop-btn-wrap a {
        margin-right: 20px;
    }

.shop-confirm-title {
    color: #cd151f;
    font-size: 18px;
    padding: 30px 0px 10px;
}

.shop-confirm-wrap {
    padding: 20px;
    border: 1px solid #ccc;
}

    .shop-confirm-wrap .shop-every {
        border: 1px solid #e2e2e2;
    }

    .shop-confirm-wrap .shop-detail .imgwarp {
        margin-left: 16px;
    }

    .shop-confirm-wrap .arrival-draft {
        padding-left: 25px;
        line-height: 18px;
        text-align: left;
    }

.shop-confirm-total {
    padding: 15px 20px 0;
    background: #f5f5f5;
    color: #666;
}

    .shop-confirm-total li {
        float: left;
        margin-right: 5px;
    }

    .shop-confirm-total p {
        float: left;
    }

    .shop-confirm-total .shop-m-w {
        position: relative;
    }

    .shop-confirm-total .shop-m-a {
        margin-right: 20px;
    }

    .shop-confirm-total .shop-m-w textarea {
        width: 280px;
        height: 17px;
        line-height: 17px;
        padding: 2px 5px;
        resize: none;
    }

    .shop-confirm-total .shop-m-w label {
        position: absolute;
        top: 0px;
        left: 8px;
        height: 25px;
        line-height: 25px;
        color: #999;
    }

    .shop-confirm-total .tips {
        text-align: right;
        line-height: 20px;
    }

    .shop-confirm-total .invoice_wrap {
        display: none;
        padding-top: 8px;
        margin-top: 8px;
        border-top: 1px solid #e2e2e2;
        line-height: 30px;
    }

        .shop-confirm-total .invoice_wrap .f-none {
            float: none;
        }

.shop-m-a a {
    padding-right: 25px;
    background-image: url(../images/member/spritez.png);
    background-repeat: no-repeat;
    background-position: 50px -173px;
}

    .shop-m-a a:hover {
        background-position: 50px -194px;
    }

.shop-m-a .shop-m-adetail {
    width: 210px;
    padding: 5px 5px 5px 15px;
    position: absolute;
    left: 0;
    display: none;
    text-align: left;
    line-height: 20px;
    background: #fff;
    border: 1px solid #e2e2e2;
}

.shop-total-price {
    padding: 20px 0px;
    text-align: right;
}

    .shop-total-price dt {
        border: 1px solid #ccc;
        padding: 20px;
        color: #333;
        line-height: 30px;
    }

    .shop-total-price dd {
        padding: 10px 0px;
    }

    .shop-total-price strong {
        font-size: 15px;
    }

    .shop-total-price em {
        font-size: 20px;
    }

    .shop-total-price .tr {
        text-align: right;
    }

    .shop-total-price span {
        padding-left: 25px;
        background-image: url(../images/member/spritez.png);
        background-repeat: no-repeat;
        background-position: 2px -150px;
    }

.no-shop {
    padding: 90px 100px 90px 350px;
    background-color: #f3f3f3;
    background-image: url(../images/member/cart-empty.png);
    background-repeat: no-repeat;
    background-position: 230px 80px;
}

    .no-shop h3 {
        padding: 0 0 10px;
        color: #555;
        font-weight: normal;
    }

#eject_con {
    border: 5px solid #ccc;
    position: fixed;
    _position: absolute;
    top: 10%;
    z-index: 999;
    background: #fff;
    display: none;
}

    #eject_con .eject_close {
        position: absolute;
        top: 10px;
        right: 20px;
        cursor: pointer;
        font-size: 20px;
        background: #f5f5f5;
        padding: 2px 7px;
    }

        #eject_con .eject_close:hover {
            background: #cd151f;
            color: #fff;
        }

    #eject_con i {
        color: red;
    }

/* ?-- */
.shop-pay-t dt {
    border-bottom: 1px solid #cd151f;
    padding-bottom: 1px;
    padding-left: 5px;
}

.shop-pay-t dd {
    height: 50px;
    background: #f9f9f9;
    position: relative;
    padding: 20px;
    z-index: 2;
    border: 1px solid #cd151f;
}

.shop-payl {
    float: left;
    font-size: 15px;
    font-weight: bold;
}

    .shop-payl i {
        color: #cd151f;
        font-weight: normal;
        padding: 0 2px;
    }

.shop-payr {
    float: right;
    font-size: 13px;
}

    .shop-payr span {
        color: #cd151f;
        font-weight: bold;
        font-size: 18px;
    }

.shop-name {
    width: 100%;
    float: left;
}

.shop-paym {
    float: left;
    margin-left: 20px;
}

    .shop-paym a {
        position: relative;
        padding-right: 20px;
    }

        .shop-paym a i {
            border-color: #00a0e9 transparent transparent transparent;
        }

        .shop-paym a:hover i {
            border-style: dashed dashed solid dashed;
            border-color: transparent transparent #00a0e9 transparent;
            top: 2px;
        }

.shop-payh {
    position: absolute;
    top: 45px;
    left: -1px;
    background: #f9f9f9;
    z-index: 10;
    width: 958px;
    padding: 15px 20px;
    display: none;
    border: 1px solid #cd151f;
    border-top: none;
}

    .shop-payh .co {
        width: 360px;
    }

    .shop-payh td {
        background: #fff;
        padding: 5px 30px;
        border: 1px solid #ccc;
        text-align: center;
    }

    .shop-payh th {
        padding: 5px 30px;
        border: 1px solid #ccc;
        background: #f1f1f1;
    }

.self-cash {
    border: 1px solid #ccc;
    padding: 8px 15px;
    margin-top: 20px;
    line-height: 30px;
}

#self_input {
    width: 100px;
    border: 1px solid #ccc;
    height: 16px;
    line-height: 16px;
    padding: 2px 2px;
}

#self_btn {
    float: left;
    margin-top: 9px;
    margin-right: 3px;
}

#self_submit {
    display: none;
    padding: 2px 8px 4px 8px;
    background: #cd151f;
    color: #fff;
    margin-left: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.pay_pw_extra {
    margin-left: 10px;
}

#self_price {
    color: #cd151f;
    font-weight: bold;
    font-size: 13px;
}

#remain_price_wrap {
    position: absolute;
    top: 4px;
    right: 20px;
    z-index: 20;
    display: none;
}

#remain_price {
    color: #cd151f;
    font-weight: bold;
    font-size: 16px;
}

.shop-pay {
    color: #666;
}

    .shop-pay .receive-t {
        height: 33px;
        line-height: 33px;
        border-bottom: 1px solid #ccc;
        background: #F9F9F9;
    }

        .shop-pay .receive-t .current {
            background-color: #fff;
            background-image: url(../images/member/shop-libg.jpg);
            background-repeat: no-repeat;
        }

        .shop-pay .receive-t li {
            width: 190px;
            height: 33px;
            float: left;
            text-align: center;
            position: relative;
            z-index: 1;
        }

        .shop-pay .receive-t a {
            width: 190px;
            height: 35px;
            line-height: 35px;
            position: absolute;
            top: -1px;
            left: -1px;
        }

.shop-pay-detail {
    margin-top: 20px;
    border: 1px solid #ccc;
    position: relative;
}

    .shop-pay-detail .self-shade {
        width: 998px;
        height: 428px;
        background: #333;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        opacity: .5;
        filter: alpha(opacity=50);
        display: none;
    }

    .shop-pay-detail .banklist {
        min-height: 350px;
        _height: 350px;
        padding: 10px 0px 30px 40px;
        border: none;
    }

        .shop-pay-detail .banklist li {
            float: left;
            padding: 21px 16px;
        }

        .shop-pay-detail .banklist img {
            border: 1px solid #fff;
        }

    .shop-pay-detail .credit-card {
        min-height: 350px;
        _height: 350px;
        padding: 10px 0px 30px 40px;
    }

    .shop-pay-detail .payPal {
        min-height: 352px;
        _height: 350px;
        padding: 10px 0px 30px 40px;
    }

        .shop-pay-detail .payPal .banklist {
            min-height: 180px;
            _height: 180px;
            padding: 10px 0px 15px 0px;
            border: none;
            margin-top: 10px;
        }

.shop-pay-faq {
    border: 1px solid #cd151f;
    margin: 20px 0px 60px;
    padding: 20px;
}

    .shop-pay-faq h5 {
        color: #cd151f;
    }

    .shop-pay-faq p {
        color: #666;
    }

/* ??? */
.skippop {
    width: 500px;
    min-height: 270px;
    _height: 270px;
    position: fixed;
    _position: absolute;
    top: 20%;
    left: 50%;
    margin-left: -250px;
    background: #fff;
    z-index: 200;
    display: none;
}

    .skippop .skip-x {
        position: absolute;
        top: 4px;
        right: 18px;
        color: #fff;
        font-size: 13px;
    }

        .skippop .skip-x:hover {
            text-decoration: underline;
        }

    .skippop .skip-t {
        height: 36px;
        line-height: 36px;
        padding-left: 20px;
        background: #cd151f;
        color: #fff;
        font-size: 13px;
    }

    .skippop .skip-b {
        padding: 20px 60px;
    }

        .skippop .skip-b h6 {
            color: #666;
            font-size: 13px;
        }

        .skippop .skip-b p {
            margin-top: 20px;
        }

        .skippop .skip-b a {
            margin-left: 8px;
        }

/* ?? */
.paysuccess {
    width: 500px;
    padding: 100px 240px;
    border: 2px solid #e2e2e2;
    margin: 20px auto 50px;
}

    .paysuccess h2 {
        color: #3e8400;
    }

    .paysuccess p {
        padding-top: 10px;
    }

    .paysuccess span {
        font-size: 16px;
        color: #666;
    }

    .paysuccess em {
        font-size: 16px;
        color: #cd151f;
        margin-right: 15px;
    }

#slide li a img {
    width: 100%;
}

/* ?  */
height
.left-nav {
    position: fixed;
    top: 595px;
    z-index: 700;
    width: 100px;
    background-color: #fff;
    _position: absolute;
    text-align: center;
    ;
}

.left-nav ul {
    padding: 2px;
    border: 1px solid #d6d6d6;
}

.left-nav li {
    background-color: #fff;
}

.left-nav i.iconfont {
    padding-right: 4px;
    font-size: 19px;
    color: #bebebe;
}

.left-nav a {
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    color: #666;
}

    .left-nav a.store_wm {
        width: 98px;
        height: 85px;
        padding: 6px 0;
        border-left: 1px solid #d6d6d6;
        border-right: 1px solid #d6d6d6;
    }

        .left-nav a.store_wm:hover {
            background-color: #fff;
        }

    .left-nav a i {
        padding-right: 8px;
        vertical-align: middle;
    }

.left-nav ul a:hover, .left-nav ul a.current {
    background-color: #f1f1f1;
    color: #ee0f0f;
}

    .left-nav ul a:hover i, .left-nav ul a.current i {
        color: #f22b2a;
    }

.left-nav .left-nav-top {
    border: 1px solid #d60c1c;
    background-color: #d60c1c;
    color: #fff;
}

    .left-nav .left-nav-top .iconfont {
        position: relative;
        top: 0;
    }

    .left-nav .left-nav-top:hover .iconfont {
        top: -4px;
    }

.left-nav a.buyer_wm {
    width: 98px;
    height: 118px;
    padding: 6px 0;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    text-align: center;
    border-bottom: 1px solid #d6d6d6;
    color: #000;
}

    .left-nav a.buyer_wm img {
        display: block;
        margin: 0 6px 0 7px;
    }

/* ?? */
.clear {
    clear: both;
}

.tab-wrap {
    width: 100%;
    border-bottom: 2px solid #cd151f;
}

.tab-control {
    position: relative;
    width: 1100px;
    margin: 0 auto;
}

    .tab-control .tab {
        position: relative;
        float: left;
        width: 210px;
        padding: 10px 0 5px;
        text-align: center;
        background-color: #fff;
        font-size: 15px;
        cursor: pointer;
        color: #cd151f;
    }

        .tab-control .tab.active {
            bottom: -2px;
            width: 206px;
            height: 25px;
            border: 2px solid #cd151f;
            border-bottom: 0;
            border-radius: 5px 5px 0 0;
            padding-top: 8px;
            line-height: 21px;
        }

            .tab-control .tab.active .nav {
                display: block;
            }

.nav-wrap {
    position: relative;
}

    .nav-wrap .nav {
        width: 1100px;
        padding-top: 10px;
        margin: 0 auto;
        background-color: #fff;
        color: #333;
        border-radius: 0 0 5px 5px;
        text-align: left;
    }

        .nav-wrap .nav.active {
            display: block;
        }

        .nav-wrap .nav .nav-cont {
            width: 100%;
            margin-bottom: 27px;
            overflow: hidden;
        }

            .nav-wrap .nav .nav-cont .nav-left {
                display: block;
                float: left;
                width: 100px;
                margin-left: 75px;
                font-size: 15px;
                font-weight: bold;
            }

            .nav-wrap .nav .nav-cont .nav-right {
                float: left;
                width: 925px;
                color: #666;
            }

                .nav-wrap .nav .nav-cont .nav-right a {
                    display: inline-block;
                    margin-right: 2em;
                    font-size: 13px;
                }

                .nav-wrap .nav .nav-cont .nav-right .nav-level {
                    float: left;
                    font-weight: normal;
                    text-align: center;
                    width: 16%;
                    margin-bottom: 0.5em;
                }

                    .nav-wrap .nav .nav-cont .nav-right .nav-level span {
                        line-height: 12px;
                        vertical-align: top;
                        ;
                    }

                .nav-wrap .nav .nav-cont .nav-right a:hover {
                    color: #cd151f;
                }

.white-border {
    position: relative;
    bottom: -5px;
    display: none;
    width: 100%;
    height: 2px;
    background-color: #fff;
}

.tab.active .white-border {
    display: block;
}

/*  ?oem  ? */
.menu-border {
    width: 100%;
    border-bottom: 2px solid #333;
    background-color: #fff;
    height: 38px;
    font-size: 14px;
}

.store-menu {
    border-bottom: 2px solid #333;
    _border: 0;
    width: 1090px;
    height: 38px;
    margin: 0 auto;
    background-color: #fff;
    line-height: 40px;
}

    .store-menu a {
        float: left;
        display: block;
        padding: 0 19px;
        color: #323232;
        font-weight: bold;
    }

        .store-menu a:hover, .store-menu a.active {
            color: #fff;
            background-color: #151515;
        }

    .store-menu .showOther {
        float: left;
        padding: 0 20px;
        color: #323232;
    }

    .store-menu .showOtherPos {
        position: relative;
        z-index: 100;
        font-weight: bold;
    }

        .store-menu .showOtherPos p {
            cursor: default;
        }

    .store-menu .store-menu-other {
        position: absolute;
        top: 40px;
        *top: 29px;
        left: -22px;
        z-index: 1000;
        width: 90px;
        border: 2px solid #333;
        border-top: 0;
        background-color: #fff;
        text-align: center;
    }

        .store-menu .store-menu-other a {
            display: block;
            float: none;
            padding: 0 10px;
            color: #323232;
        }

            .store-menu .store-menu-other a:hover, .store-menu .store-menu-other a.active {
                color: #fff;
                background-color: #151515;
            }

    .store-menu .showOther .iconfont {
        font-size: 14px;
        font-weight: bold;
    }

.search-store-menu {
    overflow: hidden;
}

input.search-input {
    border: 1px solid #d8d8d8;
    padding: 5px 30px 5px 5px;
    width: 355px;
}

.search-wrap .channel-search {
    margin: 0;
}

.search-nav {
    background-color: #f5f5f5;
}

.search-sort {
    float: left;
}

    .search-sort a {
        display: block;
        float: left;
        height: 26px;
        padding: 5px 25px;
        background-color: #f5f5f5;
        border: 1px solid #e9e9e9;
        border-left: 0;
        color: #666;
    }

        .search-sort a.active {
            background-color: #cd151f;
            border: 1px solid #cd151f;
            color: #fff;
        }

    .search-sort .shore-floor {
        display: block;
        float: left;
        height: 26px;
        padding: 5px 25px;
        background-color: #f5f5f5;
        border: 1px solid #e9e9e9;
        border-left: 0;
        color: #666;
        cursor: pointer;
    }

.search-brief {
    height: 36px;
    border: 1px solid #e9e9e9;
    border-left: 0;
    text-align: right;
    line-height: 36px;
    overflow: hidden;
}

    .search-brief .search-page {
        margin: 0 25px;
        height: 35px;
        line-height: 37px;
    }

.cor-red {
    color: #cd151f;
}

.search-result {
    min-height: 210px;
    _height: 210px;
    padding: 20px;
    border: 1px solid #f0f0f0;
    margin-top: 10px;
    background-color: #fff;
}

    .search-result:hover {
        box-shadow: 1px 1px 4px rgba(205, 21, 31, 0.5), -1px -1px 4px rgba(205, 21, 31, 0.5);
        -webkit-box-shadow: 1px 1px 4px rgba(205, 21, 31, 0.5), -1px -1px 4px rgba(205, 21, 31, 0.5);
        -moz-box-shadow: 1px 1px 4px rgba(205, 21, 31, 0.5), -1px -1px 4px rgba(205, 21, 31, 0.5);
        -ms-box-shadow: 1px 1px 4px rgba(205, 21, 31, 0.5), -1px -1px 4px rgba(205, 21, 31, 0.5);
        -o-box-shadow: 1px 1px 4px rgba(205, 21, 31, 0.5), -1px -1px 4px rgba(205, 21, 31, 0.5);
    }

.bt-n {
    border-top: none;
}

.result-left {
    position: relative;
    float: left;
    width: 440px;
    min-height: 205px;
    *height: 205px;
    *overflow: hidden;
}

.result-right {
    margin-left: 475px;
    *margin-left: 472px;
    overflow: hidden;
}

.result-image {
    display: block;
    float: left;
    width: 215px;
    height: 215px;
    margin-left: 10px;
    *margin-left: 9px;
    padding: 0;
    border: 0;
}

h3.result-name a {
    font-size: 24px;
    color: #666;
}

h4.result-name a {
    font-weight: normal;
    color: #000;
    font-size: 21px;
}

.result-name a:hover {
    color: #cd151f;
}

.result-detail p {
    margin: 3px 0;
    line-height: 25px;
}

.result-detail .key {
    float: left;
    font-weight: bold;
}

.result-detail span.value {
    display: block;
    margin-left: 35px;
}

.enter-shop {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    color: #cd151f;
    font-size: 15px;
}

.fz12 {
    font-size: 12px;
}

.fz14 {
    font-size: 14px;
}

.fz21 {
    font-size: 21px;
}

.fz26 {
    font-size: 26px;
}

.fw-b {
    font-weight: bold;
}

.ta-c {
    text-align: center;
}

.wlg-contact a {
    position: relative;
    display: inline-block;
    height: 30px;
    padding: 0 20px 0 45px;
    border: 1px solid #cd151f;
    border-radius: 5px;
    line-height: 30px;
    color: #cd151f;
    font-size: 14px;
    vertical-align: middle;
}

    .wlg-contact a:hover {
        color: #fff;
        background-color: #cd151f;
    }

.iconfont.qq {
    position: absolute;
    top: 0;
    left: 15px;
    display: inline-block;
    font-size: 24px;
    line-height: 26px;
}

.iconfont.phone {
    position: absolute;
    top: 0;
    left: 15px;
    display: inline-block;
    font-size: 28px;
    line-height: 30px;
}

.iconfont.info {
    position: absolute;
    top: 0;
    left: 15px;
    display: inline-block;
    font-size: 22px;
    line-height: 32px;
}

.wlg-contact {
    margin: 12px 0;
}

.empty-info p {
    text-align: center;
}

[data-link] {
    cursor: pointer;
}

/*?*/
.list-layout .l-content {
    padding: 10px;
    background-color: #fff;
}

.list-layout .read-rank em {
    color: #808080;
}

.list-layout .read-rank .rank1 {
    border-top: 0;
}

.list-layout .title {
    background-color: #e1e1e1;
    line-height: 30px;
    position: relative;
}

.list-layout h5 {
    padding-left: 8px;
}

/* ?? */
.channel-banner {
    width: 100%;
    height: 380px;
    background-position: center;
    background-repeat: no-repeat;
}

.oem-channel-banner {
    background-image: url(../images/channel/oem_bg.jpg);
    background-color: #147cc5;
}

.brand-channel-banner {
    background-image: url(../images/channel/brand_bg.jpg);
    background-color: #ffcc00;
}

.retail-channel-banner {
    background-image: url(../images/channel/retail_bg.jpg);
    background-color: #fdc236;
}

.custom-channel-banner {
    height: 380px;
    background-image: url(../images/channel/custom_bg.jpg);
    background-color: #01caba;
}

.channel-banner .cb-img {
    width: 1090px;
    margin: 0 auto;
}

.channel-search {
    padding: 10px;
    background-color: #fff;
    margin-bottom: 10px;
}

    .channel-search li {
        float: left;
    }

    .channel-search .cs-cate {
        margin-right: 16px;
    }

    .channel-search .show_ccate {
        padding: 0 10px;
        border: 1px solid #fff;
        border-bottom: 0;
    }

    .channel-search .search-icon {
        position: absolute;
        font-size: 24px;
        top: 2px;
        right: 1px;
        color: #bdbdbd;
        cursor: pointer;
    }

.cs-cate-list {
    display: none;
    width: 368px;
    position: absolute;
    background-color: #fff;
    padding: 20px;
    z-index: 100;
    border: 1px solid #cd151f;
}

    .cs-cate-list dd {
        float: left;
        width: 72px;
        padding: 2px 10px;
        text-align: center;
        border-bottom: 1px dashed #cacaca;
        line-height: 36px;
    }

    .cs-cate-list a:hover {
        color: #cd151f;
    }

.hid-line {
    position: absolute;
    width: 99%;
    height: 1px;
    background-color: #fff;
    bottom: -1px;
    left: 1px;
    z-index: 101;
}

.channel-search .active .show_ccate {
    border-color: #cd151f;
}

.channel-search .active .cs-cate-list {
    display: block;
}

.shore-floor {
    position: relative;
    z-index: 999;
    width: 85px;
    _width: 90px;
    text-align: center;
}

.floor-list {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 95px;
    padding: 0 20px;
    border: 1px solid #cd151f;
    background-color: #fff;
}

    .floor-list li {
        overflow: hidden;
    }

        .floor-list li a {
            float: none;
            border: 0;
            border-bottom: 1px dashed #ccc;
            background-color: #fff;
            text-align: center;
            line-height: 26px;
            padding: 5px 0;
        }

            .floor-list li a:hover, .floor-list li .hover {
                color: #cd151f;
            }

.empty-info {
    padding: 60px 0;
}

/*???*/
.header-m-l h4 {
    /* display: none; */
    /*margin-left: 50px;*/
}

    .header-m-l h4 a img, .login-header img {
        width: 220px;
        height: 140px;
    }

.search_type span {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 35px;
    color: #fff;
    font-size: 12px;
    display: none;
    cursor: pointer;
}

.header-m-fix .header-m-l h3 {
    display: none;
}

.header-m-fix .header-m-l h4 {
    display: block;
}

.header-m-fix .header-m-l {
    top: 0;
}

.header-m-fix .header-m-d, .header-m-fix .header-scratch {
    display: none;
}

.header-t-wrap.header-t-wrap-fix {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1003;
}

.search-c label {
    cursor: text;
}

.header-m-fix {
    position: fixed;
    z-index: 1002;
    _position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    padding: 7px 0;
    border-bottom: 1px solid #eee;
    background: #fff;
    overflow: visible;
    box-shadow: rgba(0,0,0,.1) 0 1px 5px 0 1px #000;
    -moz-box-shadow: rgba(0,0,0,.1) 0 1px 5px 0 1px #000;
    -webkit-box-shadow: rgba(0,0,0,.1) 0 1px 5px 0 1px #000;
}

    .header-m-fix .header-m-l h4 {
        margin-left: 50px;
    }

        .header-m-fix .header-m-l h4 a img {
            width: 105px;
            height: 55px;
        }

    .header-m-fix .header-m {
        height: 50px;
        padding-top: 0;
    }

    .header-m-fix .search .search-c {
        width: 462px;
        padding-left: 48px;
    }

        .header-m-fix .search .search-c i {
            display: none;
        }

    .header-m-fix .header-m-r {
        margin: 0 190px 0 350px;
        padding-top: 5px;
    }

        .header-m-fix .header-m-r .search {
            width: 600px;
        }

    .header-m-fix .search .search-r {
        width: 90px;
    }

    .header-m-fix .header-search-bd {
        z-index: 11;
        position: relative;
        transform: translateZ(0);
    }

    .header-m-fix .search_type {
        position: absolute;
        top: 0;
        left: 0;
        height: 35px;
        width: 50px;
        z-index: 200;
        overflow: hidden;
    }

        .header-m-fix .search_type dd {
            display: block;
            height: 35px;
            line-height: 35px;
            float: none;
            background-color: #f6f6f6 !important;
            width: 50px;
            text-align: center;
        }

            .header-m-fix .search_type dd.active a {
                height: 35px;
                line-height: 30px;
            }

        .header-m-fix .search_type a {
            padding-right: 5px;
        }

        .header-m-fix .search_type span {
            display: block;
        }

    .header-m-fix .header-m-search .search-m {
        color: #3C3C3C;
        font-weight: 400;
    }

    .header-m-fix .search .search-c input {
        width: 452px;
        text-indent: 0;
    }

    .header-m-fix .search .search-c label {
        left: 80px;
    }

/*??*/
.sidebar-nav .nav-quan {
    line-height: 50px;
}

.sidebar-nav .nav-active {
    background-color: #cd151f;
}

.sidebar-nav .nav-li .iconfont-coupon {
    font-size: 24px;
    color: #fff;
}

.sidebar-nav .nav-li .nor-quan {
    width: 100px;
    height: 86px;
    background-image: url(../images/coupon/coupon-bgc.png);
    background-repeat: no-repeat;
    padding: 21px 0;
    box-sizing: border-box;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    background-color: #fff;
    top: -1px;
    left: -100px;
    position: absolute;
    opacity: 1;
    filter: alpha(opacity=0);
}

    .sidebar-nav .nav-li .nor-quan i {
        color: #cd151f;
        border-radius: 20px;
        width: 80px;
        height: 22px;
        display: block;
        background-color: #fff;
        margin: 6px auto 0;
        cursor: pointer;
    }

.sidebar-quan {
    background-color: #555;
    display: none;
    box-shadow: 0px 0 12px #989898;
}

    .sidebar-quan .coupon-empty {
        background-image: url(../images/coupon/no.png);
        background-position: center top;
        background-repeat: no-repeat;
        /*margin-top:242px;*/
        text-align: center;
        color: #fff;
        padding-top: 100px;
        font-size: 14px;
    }

    .sidebar-quan .sw-quan {
        overflow-x: hidden;
    }

    .sidebar-quan .sw-quan-title {
        color: #fff;
        font-weight: 600;
        font-size: 14px;
        padding: 5px 0 5px 20px;
    }

    .sidebar-quan .sw-floor-quan {
        margin-bottom: 15px;
        padding: 0 12px;
    }

        .sidebar-quan .sw-floor-quan dd {
            background-image: url(../images/coupon/blue-quan.png);
            width: 245px;
            height: 117px;
            padding: 10px;
            position: relative;
            color: #fff;
            box-sizing: border-box;
            background-repeat: repeat-x;
            margin: 10px 0;
            font-family: 'Tahoma';
        }

        .sidebar-quan .sw-floor-quan a {
            color: #fff;
            display: block;
        }

        .sidebar-quan .sw-floor-quan .sw-quan-blue {
            background-image: url(../images/coupon/blue-quan.png);
        }

        .sidebar-quan .sw-floor-quan .sw-quan-red {
            background-image: url(../images/coupon/red-quan.png);
        }

        .sidebar-quan .sw-floor-quan .sw-quan-yellow {
            background-image: url(../images/coupon/yellow-quan.png);
        }

        .sidebar-quan .sw-floor-quan .sw-quan-storename {
            font-weight: normal;
            font-size: 14px;
            padding-bottom: 3px;
        }

        .sidebar-quan .sw-floor-quan .subtract-coupon {
            font-size: 34px;
            font-family: "arial";
        }

        .sidebar-quan .sw-floor-quan .subtract-sm {
            font-size: 20px;
            font-weight: normal;
        }

        .sidebar-quan .sw-floor-quan i {
            font-size: 16px;
            color: #fff;
            font-family: 'arial';
            padding: 0 2px;
        }

        .sidebar-quan .sw-floor-quan .sw-quan-flag {
            font-size: 12px;
            line-height: 12px;
        }

        .sidebar-quan .sw-floor-quan .sw-quan-time {
            font-size: 12px;
            line-height: 22px;
        }

        .sidebar-quan .sw-floor-quan .sw-quan-liji {
            position: absolute;
            top: 33px;
            right: 12px;
            font-size: 13px;
            color: #333;
            width: 70px;
            height: 31px;
            text-align: center;
        }

        .sidebar-quan .sw-floor-quan .sw_ling {
            color: #fff;
            background-color: rgba(0,0,0,0.5);
            border-radius: 3px;
            line-height: 31px;
            cursor: pointer;
        }

/*?slide?*/
.tempWrap {
    display: inline-block;
    width: 100% !important;
}

.slide-wrap {
    position: relative;
}

    .slide-wrap .slide li a {
        display: inline-block;
        width: 100%;
        height: 400px;
        background-position: center;
        background-repeat: no-repeat;
    }

    .slide-wrap .hd ul li {
        width: 17px;
        height: 17px;
        font-size: 12px;
        border-radius: 50%;
        background: #8b8a8b;
        color: #fff;
        text-align: center;
        line-height: 17px;
        float: left;
        margin-left: 10px;
        cursor: pointer;
    }

        .slide-wrap .hd ul li.on {
            background: #3196C3;
        }

    .slide-wrap .hd ul {
        display: inline-block;
        position: absolute;
        bottom: 30px;
        left: 800px;
    }

.m-sellpoint {
    width: 100%;
    background: #fff;
    padding: 6px 0 12px 0;
    margin-bottom: 20px;
}

.sellpoint {
    width: 1090px;
    margin: 0 auto;
}

.m-sellpoint .sellpoint .itm {
    margin-right: 50px;
}

    .m-sellpoint .sellpoint .itm b {
        display: inline-block;
        width: 22px;
        height: 22px;
        margin: 0 10px -6px 0;
        background-image: url(../img/index_icon.png);
        background-repeat: no-repeat;
    }

    .m-sellpoint .sellpoint .itm.i1 b {
        background-position: 0 -17px;
    }

    .m-sellpoint .sellpoint .itm.i2 b {
        background-position: -24px -17px;
    }

    .m-sellpoint .sellpoint .itm.i3 b {
        background-position: -50px -17px;
    }

/*bxslider css*/
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 10px;
    width: 100%;
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
    /* background-color: #fff; background-image: url(images/bx_loader.gif);background-repeat: no-repeat;background-position: center center;*/
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
    z-index: 100;
}

    .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
        display: inline-block;
        *zoom: 1;
        *display: inline;
    }

    .bx-wrapper .bx-pager.bx-default-pager a {
        background: #797977;
        text-indent: -9999px;
        display: block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        outline: 0;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
    }

        .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
            background: #206201;
        }

.bx-wrapper .bx-prev {
    left: 10px;
    background-image: url(images/controls.png);
    background-repeat: no-repeat;
    background-position: 0 -32px;
}

.bx-wrapper .bx-next {
    right: 10px;
    background-image: url(images/controls.png);
    background-repeat: no-repeat;
    background-position: -43px -32px;
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 100;
}

    .bx-wrapper .bx-controls-direction a.disabled {
        display: none;
    }

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

    .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
        background-position: -86px 0;
    }

    .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
        background-position: -86px -33px;
    }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

    .bx-wrapper .bx-caption span {
        color: #fff;
        font-family: Arial;
        display: block;
        font-size: .85em;
        padding: 10px;
    }

/*??*/
.header-scratch {
    position: absolute;
    top: 10px;
    right: 0;
    cursor: pointer;
    text-align: right;
}

.wl-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: #333;
    opacity: .5;
    display: none;
}

.scratch-popu {
    position: fixed;
    _position: absolute;
    z-index: 1100;
    background: #fff;
    width: 422px;
    height: 318px;
    box-shadow: 0px 0px 20px #ccc;
    -moz-box-shadow: 0px 0px 20px #ccc;
    -webkit-box-shadow: 0px 0px 20px #ccc;
    -ms-box-shadow: 0px 0px 20px #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
    display: none;
    overflow: hidden;
}

    .scratch-popu .scraclose {
        position: absolute;
        top: 15px;
        right: 10px;
        color: #cacaca;
        font-size: 24px;
        font-weight: bold;
    }

        .scratch-popu .scraclose:hover {
            background-color: #cd151f;
            color: #fff;
        }

    .scratch-popu .scratch-top {
        border-bottom: 1px solid #ddd;
        color: #7c7c7c;
        font-size: 14px;
        line-height: 30px;
        padding: 22px 0 10px;
        margin: 0 10px;
    }

        .scratch-popu .scratch-top h3 {
            font-size: 20px;
            color: #000;
        }

    .scratch-popu .scratch-game {
        height: 111px;
        width: 284px;
        margin: 10px auto 0;
        overflow: hidden;
        position: relative;
        background-image: url(../images/scr-bgc.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        overflow: hidden;
    }

        .scratch-popu .scratch-game.no-scratch {
            background-image: url(../images/no-scratch.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            color: #fff;
            font-size: 16px;
            line-height: 22px;
            padding: 35px 40px;
            height: 41px;
            width: 204px;
        }

            .scratch-popu .scratch-game.no-scratch p {
                color: #fff;
                font-size: 16px;
                line-height: 22px;
                height: 41px;
                width: 204px;
                display: none;
            }

    .scratch-popu .prize_text {
        width: 238px;
        margin: 0 auto;
        height: 100%;
        line-height: 111px;
        color: #fff;
        font-size: 22px;
    }

    .scratch-popu .cp-prize {
        background-image: url(../images/cop-bgc.png);
        background-repeat: no-repeat;
        background-position: center;
        height: 100%;
        width: 100%;
        display: block;
        color: #fff;
        position: relative;
        text-align: center;
    }

        .scratch-popu .cp-prize p {
            padding-right: 60px;
            line-height: 22px;
            font-size: 16px;
        }

            .scratch-popu .cp-prize p.prize-money {
                padding-top: 15px;
                font-size: 28px;
                line-height: 38px;
                font-family: 'arial';
            }

                .scratch-popu .cp-prize p.prize-money i {
                    font-size: 38px;
                }

            .scratch-popu .cp-prize p.prize-time {
                position: absolute;
                padding: 0;
                left: 0;
                bottom: 0;
                width: 100%;
                line-height: 24px;
                font-size: 14px;
            }

    .scratch-popu .scratch-title {
        line-height: 48px;
        color: #000;
        font-size: 16px;
    }

        .scratch-popu .scratch-title p, .scratch-popu .scratch-title span {
            display: none;
        }

        .scratch-popu .scratch-title i {
            color: #cd151f;
            font-size: 18px;
            font-weight: bold;
            padding: 0 5px;
        }

        .scratch-popu .scratch-title em {
            display: none;
            color: #cd151f;
            padding-left: 20px;
            cursor: pointer;
        }

    .scratch-popu .scratch-bottom {
        background-image: url(../images/scrath_bottom.jpg);
        width: 100%;
        height: 45px;
        line-height: 45px;
        font-size: 16px;
        color: #8f8f8f;
        text-align: center;
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
    }

        .scratch-popu .scratch-bottom i {
            padding: 0 3px;
            font-size: 16px;
        }

            .scratch-popu .scratch-bottom i.scr-icon {
                font-size: 22px;
            }

    .scratch-popu .canvas {
        position: absolute;
        top: 0;
        right: 0;
        width: 284px;
        height: 100%;
        background-color: #b6b6b6;
        color: #fff;
        font-size: 20px;
        line-height: 111px;
        text-align: center;
        z-index: 3;
        cursor: pointer;
    }

/*?*/
.fcs-sale .sale-list {
    float: left;
    width: 266px;
    height: 222px;
    margin-right: 8px;
    background-color: #fff;
}

    .fcs-sale .sale-list img {
        width: 266px;
        height: 222px;
    }

.fc-sale .sale-list {
    float: left;
    width: 290px;
    margin-right: 13px;
    background-color: #fff;
    height: 375px;
    overflow: hidden;
}

    .fc-sale .sale-list a {
        display: block;
    }

.floor .mgr-no {
    margin-right: 0;
}

.fc-sale .sale-list .img {
    height: 290px;
    width: 290px;
}

.fc-sale .sale-title {
    color: #323232;
}

    .fc-sale .sale-title p {
        line-height: 40px;
        text-align: center;
        padding: 0 15px;
        font-size: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .fc-sale .sale-title p.show-name {
            font-family: "SimHei";
        }

        .fc-sale .sale-title p.show-price {
            text-align: center;
            line-height: 40px;
            font-size: 14px;
            color: #ca151e;
            border-top: 1px solid #454545;
            margin: 0 50px;
            padding: 0;
            line-height: 32px;
            font-family: 'arial';
        }

.sale-title .show-price em {
    font-size: 20px;
    padding-right: 5px;
    margin-left: 3px;
}

.sale-title .show-price i {
    color: #666;
    padding-left: 5px;
    text-decoration: line-through;
}

.fc-sale .sale-list .sale-flag {
    position: absolute;
    top: 0;
    right: 18px;
    background-image: url(../images/icon/sale-flag.png);
    width: 46px;
    height: 39px;
    overflow: hidden;
    line-height: 36px;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

/*?new*/
#groupbuy_list {
    padding-top: 0;
}

.floor-t {
    padding: 25px 0;
}

.floor .floor-t.group-head .floor-scale a {
    color: #fff;
    line-height: 60px;
}

    .floor .floor-t.group-head .floor-scale a:hover {
        background-color: transparent;
    }

.floor .floor-t.group-head p {
    line-height: 60px;
    color: #fff;
    font-size: 21px;
}

.floor .floor-t.group-head .text {
    padding-left: 5px;
    float: left;
}

.floor .floor-t.group-head .iconfont {
    float: left;
    font-size: 34px;
    vertical-align: middle;
}

.floor .floor-t.group-head .time {
    font-weight: normal;
    float: left;
}

.floor .floor-t.group-head .group-time {
    display: none;
}

.floor .floor-t.group-head .time i {
    float: left;
}

.floor .floor-t.group-head .time span {
    float: left;
    display: block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    color: #fff100;
    font-size: 22px;
    font-family: 'arial';
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    margin: 11px 5px;
    background-color: #000;
    overflow: hidden;
}

.floor-group {
    position: relative;
    height: 416px;
}

    .floor-group .group-more {
        position: absolute;
        top: 0;
        right: 0;
    }

    .floor-group ul {
        border-top: 1px solid #d4d4d4;
    }

    .floor-group .group-list {
        float: left;
        display: block;
        border-left: 1px solid #d4d4d4;
        border-bottom: 1px solid #d4d4d4;
        height: 206px;
        width: 476px;
        background-color: #fff;
    }

        .floor-group .group-list .group-img {
            display: block;
            float: left;
            width: 206px;
            height: 206px;
        }

        .floor-group .group-list .group-info {
            float: left;
            width: 230px;
            padding: 28px 20px;
            font-family: 'SimHei';
        }

    .floor-group .group-info .title-flg {
        font-size: 18px;
        color: #323232;
        height: 28px;
        font-weight: bold;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-family: 'SimHei';
    }

    .floor-group .group-info .title {
        font-size: 14px;
        color: #656565;
        margin-bottom: 20px;
        line-height: 22px;
        height: 42px;
        overflow: hidden;
        font-family: '';
    }

    .floor-group .group-info .price {
        color: #d60c1c;
        font-family: 'arial';
        font-weight: bold;
        font-size: 30px;
    }

        .floor-group .group-info .price em {
            font-size: 24px;
        }

        .floor-group .group-info .price i {
            color: #999996;
            font-size: 18px;
            text-decoration: line-through;
            padding-left: 4px;
            font-weight: normal;
        }

    .floor-group .group-info .group-buy {
        position: relative;
        padding-top: 7px;
    }

    .floor-group .group-info .group-num {
        display: block;
        width: 70px;
        height: 26px;
        text-align: center;
        border-radius: 26px;
        ;
        background-color: #ffd2c5;
        line-height: 26px;
        font-size: 13px;
        color: #d60c1c;
    }

        .floor-group .group-info .group-num.free {
            background-image: url(../images/group_free.png);
            width: 63px;
            padding-right: 51px;
        }

    .floor-group .group-info .group-cart {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 91px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        color: #fff;
        background-color: #d60c1c;
        font-size: 17px;
    }

.floor .floor-t {
    height: 42px;
    overflow: hidden;
}

    .floor .floor-t h2 {
        float: left;
    }

        .floor .floor-t h2 a {
            color: #252525;
            font-size: 24px;
            display: block;
            margin-top: 5px;
        }

    .floor .floor-t p {
        float: left;
        padding-left: 15px;
        font-size: 12px;
        color: #939192;
        line-height: 48px;
    }

    .floor .floor-t .floor-scale a {
        float: right;
        font-size: 14px;
        color: #717171;
        line-height: 42px;
        display: block;
        padding: 0 12px;
        text-align: center;
    }

/*??*/
.floor-b {
    display: inline-block;
}

    .floor-b .floor-in {
        float: left;
        overflow: hidden;
    }

    .floor-b .floor-ul {
        float: left;
    }

.f-cb .floor_ul li {
    width: 202px;
    height: 142px;
    float: left;
    background: #fff;
    position: relative;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}

    .f-cb .floor_ul li a {
        text-align: center;
    }

        .f-cb .floor_ul li a > div {
            padding-top: 30px;
        }

        .f-cb .floor_ul li a > p {
            padding-top: 25px;
        }

    .f-cb .floor_ul li img {
        height: 42px;
        text-align: center;
    }

.mask {
    background-color: #000;
}

.mask, .actions {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity = 0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.follow {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 58px;
    height: 16px;
    line-height: 16px;
    color: #fff;
    border: 1px solid #fff;
    text-decoration: none;
    opacity: 0;
    filter: alpha(opacity = 0);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.floor_ul li:hover .actions {
    opacity: 1;
    filter: alpha(opacity = 100);
}

.floor_ul li:hover .follow {
    opacity: 1;
}

.floor_ul li:hover .mask {
    opacity: .75;
}

.enter {
    display: block;
    margin: 0 auto;
    width: 76px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    font-size: 14px;
    background-color: #e31436;
    text-decoration: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.followers {
    margin: 45px 0 6px;
}

.actions {
    text-align: center;
    color: #fff;
}

.w-taglist {
    position: relative;
    top: 10px;
    left: 50px;
    font-size: 14px;
    color: #999;
}

    .w-taglist li {
        float: left;
    }

.sep {
    padding: 0 15px;
    color: #e9e9e9;
}

.w-secondlist {
    position: absolute;
    left: 26px;
    top: 24px;
}

    .w-secondlist li {
        float: left;
        margin: 0 10px 10px 0;
    }

        .w-secondlist li, .w-secondlist li a {
            width: 58px;
            height: 58px;
        }

            .w-secondlist li a {
                display: block;
                height: 36px;
                padding: 11px 0;
                overflow: hidden;
                font-size: 12px;
                color: #333;
                border-radius: 50%;
                background: #fff;
            }

.partl {
    float: left;
    position: relative;
    zoom: 1;
}

.w-secondlist .txt {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 58px;
    height: 36px;
    overflow: hidden;
    line-height: 18px;
}

.partm {
    width: 353px;
    float: left;
}

    .partm li {
        float: left;
        text-align: center;
    }

.m-prolist {
    padding: 0 0 0 5px;
    width: 240px;
    float: left;
    background: #fff;
    height: 442px;
    overflow-y: auto;
    overflow-x: hidden;
}

.floor-b > .clearfix {
    display: inline-block;
    border-top: 1px solid #000000;
}

.clearfix li a {
    font-weight: bold;
}

.clearfix .title {
    padding: 20px 0 5px 10px;
}

.partm li {
    height: 221px;
}

.partm img {
    width: 353px;
    height: 442px;
}

.clearfix li:hover a {
    color: #e31436;
    font-weight: bold;
}

.clearfix li img {
    width: 350px;
    height: 221px;
}

.floor-b .partl .pic img {
    height: 442px;
}

.floor-b .party .bd {
    margin-top: 20px;
}

.m-prolist .bd img {
    float: left;
    width: 45px;
    height: 40px;
    margin: 0 25px 0 10px;
}

.floor-b .party .bd li {
    display: inline-block;
    padding: 8px 0;
    border-bottom: 1px solid #efefef;
}

    .floor-b .party .bd li > div {
        float: left;
    }

        .floor-b .party .bd li > div h3 {
            font-size: 12px;
        }

        .floor-b .party .bd li > div p {
            color: #e80303;
        }

.floor-b .party .hd li {
    display: inline-block;
    margin: 0 2px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle;
    line-height: 0px;
    font-size: 0px;
    text-decoration: none;
    cursor: pointer;
    background: #bebdbd;
}

    .floor-b .party .hd li.on {
        background: #e80303;
    }

.floor-b .party .hd ul {
    text-align: center;
}

.part4 {
    float: left;
    position: relative;
    zoom: 1;
}

.f-home {
    position: relative;
    height: 442px;
    width: 1090px;
    overflow: hidden;
}

    .f-home .f-h1 {
        top: 0;
        left: 0;
    }

    .f-home .f-h1, .f-home .f-h8 {
        width: 246px;
        height: 442px;
        overflow: hidden;
    }

    .f-home .f-h2 {
        top: 0;
        left: 253px;
    }

    .f-home .f-h2, .f-home .f-h3, .f-home .f-h4, .f-home .f-h5, .f-home .f-h6, .f-home .f-h7 {
        width: 185px;
        height: 215px;
        overflow: hidden;
    }

    .f-home .f-h3 {
        top: 0;
        left: 452px;
    }

    .f-home .f-h4 {
        top: 0;
        left: 652px;
    }

    .f-home .f-h5 {
        top: 227px;
        left: 253px;
    }

    .f-home .f-h6 {
        top: 227px;
        left: 452px;
    }

    .f-home .f-h7 {
        top: 227px;
        left: 652px;
    }

    .f-home .f-h8 {
        top: 0;
        right: 0;
    }

    .f-home a {
        display: block;
        position: absolute;
    }

.fc-conts li {
    float: left;
}

.fc-img2 {
    margin: 0 9px;
}

.img2 {
    margin: 0 4px;
}

.floor-cargo {
    width: 844px;
    height: 442px;
    overflow: hidden;
    float: left;
}

.floor7 .goods-list {
    background-color: #fff;
    margin-left: 0;
    margin-right: 6px;
    margin-bottom: 10px;
    width: 162px;
}

    .floor7 .goods-list a {
        display: block;
        border: 1px solid #e6e6e6;
    }

.floor_cargo {
    width: 1090px;
}

.goods-list {
    display: block;
    margin-left: 6px;
    margin-bottom: 10px;
    width: 162px;
    height: 217px;
    background-color: #fcfcfc;
    float: left;
    position: relative;
}

#f_cag > img {
    float: left;
}

.goods-title {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
    padding: 3px 0;
    background-color: #fff;
    background-color: rgba(255,255,255,.7);
    filter: alpha(opacity=70);
}

    .goods-title p:first-child {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 14px;
        color: #2f2f2f;
    }

.goods-price {
    color: #e31436;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

/**/
.m-indexleft {
    position: fixed;
    top: 140px;
    margin-left: -135px;
    border: 2px solid #c5c3c4;
    padding-top: 5px;
    display: none;
    background: #fff;
}

    .m-indexleft li {
        margin: 5px 0;
    }

    .m-indexleft .floor {
        margin-bottom: 10px;
        padding: 0 15px 10px 15px;
        border-bottom: 1px solid #c5c3c4;
    }

        .m-indexleft .floor li span {
            display: inline-block;
            width: 16px;
            height: 16px;
            vertical-align: middle;
            margin: -3px 7px 0 0px;
        }

.bottomImg img {
    padding-left: 15px;
}

.m-indexleft .floor li a {
    font-size: 14px;
    padding: 5px 0;
}

.m-indexleft .floor li:hover a {
    color: #e31436;
}

.m-indexleft .floor li.active a {
    color: #e31436;
}

.m-indexleft .floor li.fl1 span {
    background: url(../img/left_icon.png) no-repeat 0 0;
}

.m-indexleft .floor li.fl1:hover span, .m-indexleft .floor .fl1.active span {
    background: url(../img/left_icon.png) no-repeat 0 -22px;
}

.m-indexleft .floor li.fl2 span {
    background: url(../img/left_icon.png) no-repeat -20px 0;
}

.m-indexleft .floor li.fl2:hover span, .m-indexleft .floor .fl2.active span {
    background: url(../img/left_icon.png) no-repeat -20px -22px;
}

.m-indexleft .floor li.fl3 span {
    background: url(../img/left_icon.png) no-repeat -38px 0;
}

.m-indexleft .floor li.fl3:hover span, .m-indexleft .floor .fl3.active span {
    background: url(../img/left_icon.png) no-repeat -38px -22px;
}

.m-indexleft .floor li.fl4 span {
    background: url(../img/left_icon.png) no-repeat -58px 0;
}

.m-indexleft .floor li.fl4:hover span, .m-indexleft .floor .fl4.active span {
    background: url(../img/left_icon.png) no-repeat -58px -22px;
}

.m-indexleft .floor li.fl5 span {
    background: url(../img/left_icon.png) no-repeat -80px 0;
}

.m-indexleft .floor li.fl5:hover span, .m-indexleft .floor .fl5.active span {
    background: url(../img/left_icon.png) no-repeat -80px -22px;
}

.m-indexleft .floor li.fl6 span {
    background: url(../img/left_icon.png) no-repeat -102px 0;
}

.m-indexleft .floor li.fl6:hover span, .m-indexleft .floor .fl6.active span {
    background: url(../img/left_icon.png) no-repeat -102px -22px;
}

.m-indexleft .floor li.fl7 span {
    background: url(../img/left_icon.png) no-repeat -122px 0;
}

.m-indexleft .floor li.fl7:hover span, .m-indexleft .floor .fl7.active span {
    background: url(../img/left_icon.png) no-repeat -122px -20px;
}

.m-indexleft p {
    background: #e60012;
    text-align: center;
    padding: 4px 0;
}

    .m-indexleft p a {
        color: #fff;
        font-size: 14px;
    }

.sale-list a:hover, .floor-lt a:hover, .floor_ul li > a:hover, .clearfix .pic:hover, .f-home a:hover, .fc-conts li a:hover {
    opacity: .8;
}

.floor-cargo li a:hover .img {
    opacity: .8;
}

span.store_go {
    width: 60px;
    height: 30px;
    padding: 0 5px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    display: block;
    left: 50%;
    margin-left: -30px;
    background-color: rgba(66, 82, 93, 0.6);
}

/*??*/
.experience-nav {
    width: 100%;
}

    .experience-nav .exp-nav {
        width: 100%;
        height: 68px;
        margin: 0 auto 15px;
        color: #a1a1a1;
        font-weight: bold;
        position: relative;
        background-color: #222;
        border-top: 15px solid #f5f4f4;
    }

    .experience-nav .nav-cont {
        width: 1090px;
        margin: 0 auto;
    }

.exp-nav .item.active {
    color: #fff;
    border-color: #d9ba8c;
}

.exp-nav .item {
    display: inline-block;
    padding: 0 5px;
    line-height: 60px;
    font-size: 14px;
    border: 5px solid transparent;
    color: #a1a1a1;
    font-weight: normal;
}

.f-pr .experience-nav .pt10 .floor {
    margin-bottom: 20px;
}

div.w1090 {
    width: 1090px;
    margin: 0 auto;
}

/*?*/
.group-cont {
    width: 1090px;
    margin: 0 auto;
    padding-bottom: 40px;
    padding-top: 50px;
    position: relative;
}

    .group-cont .group-floor {
        padding-bottom: 30px;
    }

    .group-cont .fhead {
        background-color: #f6f6f6;
        border-bottom: 1px solid #e6e6e6;
        height: 50px;
        margin-bottom: 25px;
        position: relative;
        overflow: hidden;
        width: 1090px;
    }

    .group-cont .f-cb li.item-last {
        margin-right: 0;
    }

    .group-cont .fhead .t-pos {
        margin-top: 10px;
    }

        .group-cont .fhead .t-pos h3 {
            font-size: 24px;
            font-weight: normal;
            border-left: 3px solid #e31436;
            padding-left: 20px;
        }

    .group-cont .group-list {
        width: 214px;
        height: 361px;
        overflow: hidden;
        float: left;
        margin-right: 2px;
        margin-bottom: 20px;
        border: 1px solid #eee;
        background-color: #fff;
        cursor: default;
    }

        .group-cont .group-list .img {
            position: relative;
            display: block;
            width: 222px;
            height: 222px;
        }

    .group-cont .group-info {
        padding: 15px 5px;
        padding-bottom: 0;
    }

    .group-cont .img-wm img {
        width: 134px;
        height: 134px;
        line-height: 222px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -67px;
        margin-left: -67px;
    }

    .group-cont .price {
        color: #cd151f;
        font-size: 12px;
        position: relative;
        line-height: 22px;
    }

        .group-cont .price .fla {
            font-size: 16px;
            color: #cd151f;
            text-decoration: none;
            padding-left: 5px;
        }

        .group-cont .price em {
            font-size: 26px;
        }

        .group-cont .price i {
            color: #979797;
            text-decoration: line-through;
            font-size: 12px;
        }

    .group-cont .title-info {
        margin: 3px 0;
        display: block;
        color: #646464;
        height: 40px;
        font-size: 12px;
        line-height: 20px;
        overflow: hidden;
    }

    .group-cont .buy {
        position: relative;
        height: 51px;
        padding-left: 10px;
        background-color: #eb3233;
        color: #5a5a5a;
        font-size: 14px;
        font-weight: bold;
    }

    .group-cont .time {
        color: #fff;
        font-size: 13px;
        padding-top: 3px;
        height: 20px;
        font-weight: normal;
    }

    .group-cont .group-num {
        padding: 1px 10px;
        background-color: #fff;
        font-weight: normal;
        border-radius: 10px;
        color: #d32047;
        font-size: 12px;
    }

    .group-cont .buy-btn {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 58px;
        height: 51px;
    }

    .group-cont .price span {
        display: block;
        border: 1px solid #cd151f;
        width: 28px;
        height: 15px;
        position: absolute;
        top: 7px;
        right: 0;
        line-height: 13px;
        text-align: center;
    }

    .group-cont .group-list .img-wm {
        position: absolute;
        top: 0;
        left: 0;
        width: 222px;
        height: 222px;
        background-color: rgba(0,0,0,.6);
        display: none;
        line-height: 222px;
        text-align: center;
        color: #fff;
        font-size: 28px;
        font-weight: bold;
    }

/*?*/
.xiaoe-week {
    background-color: #f6f6f6;
    min-width: 1090px;
}

    .xiaoe-week .content {
        margin-bottom: 0;
    }

    .xiaoe-week .xiaoe-banner {
        position: relative;
        overflow: hidden;
        width: 100%;
        min-width: 1090px;
        height: 394px;
        /*margin-bottom: 50px;*/
    }

.xiaoe-banner img {
    position: absolute;
    width: 1920px;
    margin-left: -960px;
    left: 50%;
    top: 0;
}

.xd-nav8 .item {
    width: 12.5%;
}

.xd-nav7 .item {
    width: 14.2%;
}

.xd-nav6 .item {
    width: 16.6%;
}

.xiaoe-week .act-head {
    position: relative;
    width: 100%;
    min-width: 1090px;
    overflow: hidden;
}

    .xiaoe-week .act-head .img {
        position: absolute;
        width: 100%;
        top: 0;
    }

.xiaoe-week .act-con {
    width: 1090px;
    margin: 0 auto;
    height: 103px;
    position: relative;
}

    .xiaoe-week .act-con h1 {
        line-height: 103px;
        color: #fff;
        margin-left: 470px;
    }

#time {
    margin-left: 50px;
}

.xiaoe-week .act-con em {
    font-size: 36px;
    line-height: 40px;
}

.xiaoe-week .act-con small {
    padding-left: 10px;
    padding-right: 5px;
    font-size: 14px;
    font-weight: normal;
}

.xiaoe-week .act-con .time {
    font-family: 'aril';
}

.xiaoe-week .act-list {
    background-color: #333;
    min-width: 1090px;
    margin: 0 auto;
}

.xiaoe-week .list {
    background-color: #333;
    width: 1086px;
    margin: 0 auto;
    border-left: 1px solid #434343;
    border-right: 1px solid #434343;
}

.xiaoe-week .act-list .item {
    float: left;
    width: 360px;
    border-bottom: 6px solid #333;
    height: 50px;
    line-height: 56px;
    cursor: pointer;
    font-size: 18px;
    text-align: center;
    color: #ababab;
    border-left: 1px solid #434343;
}

    .xiaoe-week .act-list .item .icon {
        padding-right: 4px;
    }

.xiaoe-week .act-list .active {
    background-color: #121212;
    border-bottom-color: #ffb71c;
    color: #fff;
}

    .xiaoe-week .act-list .active span {
        color: #fe002c;
    }

.xiaoe-week .goods-con .item {
    width: 216px;
    margin-left: 2px;
    margin-bottom: 12px;
    background-color: #fff;
    float: left;
}

.xiaoe-week .goods-con .item-first {
    margin: 0;
}

.xiaoe-week .goods-con .a-item {
    display: block;
    border: 1px solid #fff;
}

.xiaoe-week .goods-con .top {
    position: relative;
    height: 213px;
    width: 214px;
}

    .xiaoe-week .goods-con .top img {
        width: 213px;
        height: 214px;
    }

.xiaoe-week .goods-con .middle {
    padding: 8px 0 8px 4px;
}

.xiaoe-week .goods-con .title {
    color: #161515;
    font-size: 16px;
}

.xiaoe-week .goods-con .desc {
    color: #4c4c4c;
    font-size: 14px;
    height: 25px;
}

.xiaoe-week .goods-con .tag {
    line-height: 20px;
    padding: 0 6px;
    margin-top: 3px;
    color: #fff;
    border-radius: 20px;
}

.xiaoe-week .goods-con .bottom {
    position: relative;
    line-height: 34px;
    color: #fefefe;
}

.xiaoe-week .goods-con .price-wrap {
    padding-top: 4px;
    padding-left: 4px;
}

.xiaoe-week .goods-con .price {
    font-size: 24px;
}

.xiaoe-week .price-wrap small {
    font-size: 14px;
}

.xiaoe-week .goods-con .origin-price {
    font-size: 12px;
    text-decoration: line-through;
    padding-left: 6px;
}

.xiaoe-week .goods-con .buy-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 66px;
    height: 100%;
    line-height: 42px;
    font-size: 14px;
    text-align: center;
    background-color: #fff;
}

.xiaoe-week .goods-con .sell-over {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.6);
    color: #fff;
}

    .xiaoe-week .goods-con .sell-over .cell {
        position: absolute;
        height: 60px;
        width: 60px;
        left: 50%;
        top: 50%;
        margin-top: -30px;
        margin-left: -30px;
        text-align: center;
        line-height: 60px;
        background-color: #333;
        background-color: rgba(0,0,0,0.6);
        border-radius: 50%;
    }

.xiaoe-week .switch-wrap {
    padding: 26px 0 65px 0;
    position: relative;
}

    .xiaoe-week .switch-wrap ul {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        left: 0;
        top: 26px;
        -webkit-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

        .xiaoe-week .switch-wrap ul.active {
            position: static;
            visibility: visible;
            opacity: 1;
            z-index: 1;
        }

.xiaoe-week .pink-skin .tag {
    background-color: #fa4256;
}

.xiaoe-week .pink-skin .bottom {
    background-color: #de2634;
    border: 1px solid #de2634;
}

.xiaoe-week .pink-skin .buy-btn {
    color: #de2634;
}

.xiaoe-week .pink-skin .a-item:hover {
    border-color: #de2634;
}

.xiaoe-week .gray-skin .tag {
    background-color: #9a9a9a;
}

.xiaoe-week .gray-skin .bottom {
    background-color: #545454;
    border: 1px solid #545454;
}

.xiaoe-week .gray-skin .buy-btn {
    color: #545454;
}

.xiaoe-week .gray-skin .a-item:hover {
    border-color: #545454;
}

.xiaoe-week .orange-skin .tag {
    background-color: #ff8328;
}

.xiaoe-week .orange-skin .bottom {
    background-color: #ff5b1b;
    border: 1px solid #ff5b1b;
}

.xiaoe-week .orange-skin .buy-btn {
    color: #ff5b1b;
}

.xiaoe-week .orange-skin .a-item:hover {
    border-color: #ff5b1b;
}

.xiaoe-week .blue-skin .tag {
    background-color: #4db6fe;
}

.xiaoe-week .blue-skin .bottom {
    background-color: #fff;
    color: #2285c9;
    border: 1px solid #2285c9;
}

.xiaoe-week .blue-skin .buy-btn {
    background-color: #2285c9;
    color: #fff;
}

.xiaoe-week .blue-skin .a-item:hover {
    border-color: #2285c9;
}

.xiaoe-week .bx-wrapper .bx-viewport {
    background-color: #f6f6f6;
}

.xiaoe-week .bx-wrapper .bx-controls-direction a {
    display: block;
    padding: 0;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    height: 36px;
    width: 36px;
    background-color: #dbdbdb;
    border-radius: 50%;
    color: #fff;
    font-family: 'iconfont';
    text-indent: 0;
    font-size: 26px;
    font-weight: bold;
    line-height: 38px;
    text-align: center;
}

.xiaoe-week .bx-wrapper .bx-controls-direction .bx-prev {
    left: -240px;
}

.xiaoe-week .bx-wrapper .bx-controls-direction .bx-next {
    right: -50px;
}

.week-title {
    height: 63px;
    line-height: 63px;
    width: 1090px;
    margin: 0 auto 38px;
    color: #fff;
    text-align: center;
    background: url(../img/week_title.jpg);
}

    .week-title .title {
        padding-left: 40px;
        font-size: 30px;
        background: url(../img/gift_icon.png) no-repeat 0px 8px;
    }

.xiaoe-week .well-title {
    float: left;
    width: 190px;
    height: 278px;
    display: table;
    background-repeat: no-repeat;
}

    .xiaoe-week .well-title .cell {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        color: #fff;
    }

    .xiaoe-week .well-title .icon-time {
        border-radius: 20px;
        padding: 4px 4px 2px 5px;
        background-color: #fff;
        font-size: 26px;
        line-height: 26px;
        color: #ad3936;
    }

    .xiaoe-week .well-title .time {
        font-size: 26px;
        line-height: 26px;
        font-weight: bold;
        padding: 16px 0 14px;
    }

    .xiaoe-week .well-title .text {
        font-size: 32px;
        line-height: 32px;
    }

.xiaoe-week .well-goods {
    float: left;
    width: 1010px;
}

    .xiaoe-week .well-goods .item {
        width: 216px;
        margin-bottom: 0;
    }

    .xiaoe-week .well-goods .top {
        height: 176px;
        width: 176px;
    }

    .xiaoe-week .well-goods .title {
        font-size: 14px;
    }

    .xiaoe-week .well-goods .desc {
        font-size: 12px;
    }

    .xiaoe-week .well-goods .middle {
        padding: 2px 0 2px 4px;
    }

    .xiaoe-week .well-goods .price {
        font-size: 20px;
    }

    .xiaoe-week .well-goods .price-wrap {
        line-height: 25px;
    }

.ready-sell .well-goods .price {
    font-weight: bold;
}

.xiaoe-week .well-goods .buy-btn {
    line-height: 32px;
}

.xiaoe-week .ready-sell .buy-btn {
    width: 58px;
}

.xiaoe-week .well-goods .bx-wrapper {
    min-width: 1010px;
}

.xiaoe-week .well-1 .well-title {
    background-image: url('../images/xiaoe/week/advance.jpg');
    background-position: left top;
}

.xiaoe-week .well-1 {
    padding-bottom: 26px;
}

.xiaoe-week .well-2 .well-title {
    background-image: url('../images/xiaoe/week/advance.jpg');
    background-position: right top;
}

.xiaoe-week .well-2 {
    padding-bottom: 56px;
}

    .xiaoe-week .well-2 .icon-time {
        color: #ed9a50;
    }

.xiaoe-week .other-need .well-goods {
    float: none;
    width: 1090px;
}

.xiaoe-week .other-need {
    padding-bottom: 40px;
}

    .xiaoe-week .other-need .item {
        margin-bottom: 20px;
    }

.xiaoe-week .page-bottom .week-title {
    background: url(../img/page-bottom.png);
    margin-bottom: 0;
    cursor: pointer;
}

    .xiaoe-week .page-bottom .week-title .title {
        background: url(../img/gift_top.png) no-repeat 0 11px;
    }

/*?*/
.act-module {
    position: relative;
}

.lineOfFive {
    padding: 10px 0 17px 0;
}

    .lineOfFive .goodsWrap {
        margin-right: -3px;
    }

    .lineOfFive .detailWrap {
        float: left;
        position: relative;
        width: 197px;
        height: 314px;
        background-size: 197px 314px !important;
        margin: 0 3px 3px 0;
        zoom: 1;
        font-size: 12px;
        background: #fff;
    }

/*?*/
.main {
    width: 100%;
    min-height: 710px;
    display: inline-block;
}

.gift li {
    width: 212px;
    height: 338px;
    position: relative;
    background: #fff;
    float: left;
    margin-right: 4px;
    margin-bottom: 20px;
    border: 1px solid #fff;
}

.gift .gift_title1 {
    width: 100%;
    height: 80px;
    background: url(../img/gift_title1.png);
    position: relative;
}

.gift .gift_title2 {
    width: 100%;
    height: 80px;
    background: url(../img/gift_title2.png);
    position: relative;
}

    .gift .gift_title1 a, .gift .gift_title2 a {
        position: absolute;
        right: 50px;
        top: 23px;
    }

.gift li:hover {
    border: 1px solid #e31436;
}

.gift ul {
    display: inline-block;
    margin-top: 30px;
}

.gift li img {
    width: 212px;
    height: 219px;
}

.gift .middle {
    margin-bottom: 35px;
}

    .gift .middle p.title {
        overflow: hidden;
        text-overflow: ellipsis;
        height: 41px;
        padding: 0 5px;
        font-size: 12px;
        line-height: 20px;
        color: #414141;
    }

.gift .bottom .price-wrap small {
    color: #bb0202;
    font-weight: bold;
}

.gift .bottom .price-wrap {
    padding-left: 10px;
}

    .gift .bottom .price-wrap .price {
        font-size: 18px;
        color: #bb0202;
        font-weight: bold;
    }

.gift .bottom .buy-btn {
    width: 90px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    position: absolute;
    background-color: #bb0202;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    bottom: 15px;
    right: 15px;
}

.gift ul .item-first {
    margin-right: 0;
}

.index_list .list dd p {
    padding: 0;
}

.index_list .list .suc_btn {
    padding: 10px 20px !important;
}
/**/
.user_title {
    font-size: 12px;
    color: #464646;
    padding: 15px 0;
    font-weight: bold;
    border-bottom: 1px solid #f2f2f2;
}

.module_left {
    width: 145px;
    float: left;
}

.module h3 {
    color: #464646;
    font-size: 16px;
    background: #eee;
    padding: 10px 0 10px 20px;
}

.module_left ul {
    background: #f7f7f7;
}

    .module_left ul li {
        padding: 0 0 0 20px;
    }

        .module_left ul li a {
            width: 100%;
            display: inline-block;
            color: #02658f;
            padding: 18px 0;
        }

        .module_left ul li.cur {
            border-left: 5px solid #000;
            background: #fbfbfb;
        }

            .module_left ul li.cur a, .module_left ul li:hover a {
                color: #e31436;
            }

.module_right {
    width: 945px;
    float: left;
    min-height: 405px;
    background: #fbfbfb;
    margin-bottom: 100px;
}

    .module_right .sort {
        display: inline-block;
        margin-top: 15px;
        padding-left: 30px;
    }

        .module_right .sort p {
            float: left;
            width: 400px;
            padding: 10px 0 10px 0;
            display: inline-block;
            font-size: 12px;
            color: #555;
        }

            .module_right .sort p span {
                margin-left: 5px;
            }

.red {
    color: #e50227;
}

.module_right .list {
    padding-left: 30px;
    padding-bottom: 30px;
}

    .module_right .list p {
        font-size: 12px;
        padding: 10px 0;
    }

    .module_right .list th p {
        padding: 0;
    }

    .module_right .list .no {
        text-align: center;
        color: #979696;
        padding: 10px 0;
    }

/**/
.profile .form {
    padding: 5px 15px 43px 15px
}

    .profile .form dl {
        clear: both;
        padding: 7px 0;
    }

        .profile .form dl dt {
            width: 75px;
            float: left;
            display: block;
            line-height: 30px;
            text-align: right;
            color: #666;
        }

        .profile .form dl dd {
            display: block;
            margin-left: 85px;
            line-height: 30px;
        }

            .profile .form dl dd.gender input {
                vertical-align: middle
            }

            .profile .form dl dd input.txt {
                width: 200px;
            }

                .profile .form dl dd input.txt.w100 {
                    width: 100px;
                }

                .profile .form dl dd input.txt.w150 {
                    width: 150px;
                }

            .profile .form dl dd .browsefile {
                position: relative;
            }

            .profile .form dl dd input.upavatar {
                position: absolute;
                left: 0;
                top: 0;
                height: 28px;
                border: none;
                background: none;
                filter: alpha(opacity=0);
                -moz-opacity: 0;
                -khtml-opacity: 0;
                -webkit-opacity: 0;
                opacity: 0;
            }

            .profile .form dl dd textarea {
                padding: 5px;
                border: 1px solid #e31436;
                border-bottom: 1px solid #feb7ca;
                border-right: 1px solid #feb7ca;
            }

        .profile .form dl.avatar {
            padding-left: 10px;
        }

            .profile .form dl.avatar dt {
                width: 60px;
                height: 60px;
                border: 5px solid #f8f8f8;
                border-radius: 60px;
                overflow: hidden;
            }

                .profile .form dl.avatar dt img {
                    width: 100%;
                }

            .profile .form dl.avatar dd {
                margin-left: 90px;
            }

.profile-btn {
    padding: 0 0 0 85px;
}

.mcter h2 {
    font-size: 14px;
    color: #666;
    margin: 0 8px;
    padding: 11px 0 11px 2px;
    border-bottom: 1px solid #eee;
}

.profile .green-btn {
    color: #f6f6f6;
    padding: 4px 12px;
    background: #e31436;
    border: 1px solid #e31436;
}

.sm-red {
    color: #f6f6f6;
    padding: 5px 15px;
    background: #e31436;
    border: 1px solid #e31436;
    border-radius: 5px;
}

input.txt, textarea.txt {
    font-size: 12px;
    color: #555;
    padding: 5px 0 5px 5px;
    border: 1px solid #e31436;
    border-bottom: 1px solid #feb7ca;
    border-right: 1px solid #feb7ca;
}

select.slt {
    padding: 3px 5px;
    border: 1px solid #e31436;
    border-bottom: 1px solid #feb7ca;
    border-right: 1px solid #feb7ca;
}

.aln-c img {
    width: 210px;
    height: 220px;
}
/*??*/
.order {
    padding: 10px;
}

    .order .tli {
        border-bottom: none;
        background: #fff;
    }

#list > div {
    display: none;
    background: #fff;
}

    #list > div.on {
        display: block;
    }

.order table {
    border-collapse: collapse;
}

    .order table td, .order table th {
        border: 1px solid #eee;
    }

    .order table th {
        padding: 8px;
        font-weight: normal;
        color: #555;
    }

        .order table th span.sep {
            margin: 0 10px;
        }

        .order table th div.fl {
            width: 350px;
            height: auto;
        }

        .order table th div.fr a {
            margin: 0 10px;
        }

    .order table td dl {
        clear: both;
        display: block;
        padding: 10px 0;
        overflow: hidden;
    }

        .order table td dl dt {
            float: left;
            display: block;
            width: 70px;
        }

            .order table td dl dt img {
                border: 1px solid #eee;
            }

        .order table td dl dd {
            display: block;
            margin-left: 80px;
            text-align: left;
        }

.order-step {
    position: relative;
    width: 800px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

    .order-step ul {
        display: block;
        width: 800px;
        position: relative;
        z-index: 999;
    }

        .order-step ul li {
            display: block;
            color: #666;
            float: left;
            width: 160px;
            height: auto;
            text-align: center;
        }

            .order-step ul li.ok h4 {
                color: #007700
            }

            .order-step ul li i {
                width: 60px;
                height: 60px;
                margin: 5px auto 0 auto;
                display: block;
                background: url(../images/order-step.gif) no-repeat;
            }

            .order-step ul li.s-0 i {
                background-position: 0 -70px;
            }

            .order-step ul li.s-1 i {
                background-position: 0 0;
            }

            .order-step ul li.s-2 i {
                background-position: -70px -70px;
            }

            .order-step ul li.s-2.ok i {
                background-position: -70px 0;
            }

            .order-step ul li.s-3 i {
                background-position: -140px -70px;
            }

            .order-step ul li.s-3.ok i {
                background-position: -140px 0;
            }

            .order-step ul li.s-4 i {
                background-position: -210px -70px;
            }

            .order-step ul li.s-4.ok i {
                background-position: -210px 0;
            }

            .order-step ul li.arrow {
                width: 50px;
                padding-top: 35px;
            }

                .order-step ul li.arrow i {
                    width: 50px;
                    height: 10px;
                    background: url(../images/order-step.gif) no-repeat 0 -160px;
                }

                .order-step ul li.arrow.ok i {
                    background-position: 0 -140px;
                }

.order .sdcter {
    border: 1px solid #eee;
}

    .order .sdcter dl dt {
        width: 80px;
    }

    .order .sdcter dl dd {
        margin-left: 90px;
    }

.order .w360 {
    width: 360px;
    height: auto;
    padding-right: 20px;
    border-right: 1px solid #f2f2f2;
}

.order .cdo {
    margin-left: 390px;
    width: auto;
    height: auto;
    padding: 20px 0;
}

.order .tli table td {
    padding: 10px;
}

.order .total {
    padding: 0 10px 0 0;
}

    .order .total dl {
        padding: 0;
        line-height: 30px;
    }

        .order .total dl dt {
            width: 80px;
            text-align: right
        }

        .order .total dl dd {
            margin-left: 90px;
        }

            .order .total dl dd.red {
                font-size: 16px;
            }

.sm-gray {
    color: #666;
    padding: 5px 15px;
    background: #ebebeb;
    border: 1px solid #d2d2d2;
}

.blue {
    color: #02658f;
}

/*??*/
.consignee .consignee-form {
    padding: 10px 10px 0 10px
}

.consignee .mcter {
    padding: 10px;
    background: #fafafa;
}

    .consignee .mcter dl {
        clear: both;
        margin-bottom: 10px;
    }

        .consignee .mcter dl dt {
            width: 80px;
            float: left;
            display: block;
            line-height: 26px;
            text-align: right;
            color: #666;
        }

        .consignee .mcter dl dd {
            display: block;
            margin-left: 90px;
        }

            .consignee .mcter dl dd input.w70 {
                width: 70px;
            }

            .consignee .mcter dl dd input.w100 {
                width: 100px;
            }

            .consignee .mcter dl dd input.w200 {
                width: 200px;
            }

            .consignee .mcter dl dd input.w400 {
                width: 400px;
            }

    .consignee .mcter .submit-btn {
        padding: 10px 0 10px 90px;
    }

.consignee .list a {
    cursor: pointer
}

.list table td {
    text-align: center;
    padding: 8px;
    color: #555;
    border-bottom: 1px dotted #e5e5e5;
}

.list table th {
    color: #777;
    padding: 8px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    background: #f8f8f8;
}

.list table td .aln-c a {
    margin: 0 5px;
    color: #0099CC;
}

.list-title {
    width: 98%;
    margin: 10px 10px 0 10px;
    display: inline-block;
    border-bottom: 1px solid #e31436;
}

    .list-title ul li {
        float: left;
        background: #fe7e9f;
    }

        .list-title ul li.active, .list-title ul li:hover {
            background: #e31436;
        }

        .list-title ul li a {
            color: #fff;
            display: inline-block;
            padding: 12px 35px;
        }

.suc_btn a {
    border: 1px solid #e31436;
    padding: 5px 10px;
    border-radius: 10px;
}

.suc_btn {
    text-align: right;
    padding: 10px 20px;
}

    .suc_btn a.look {
        border: 1px solid #999;
        margin-right: 20px;
    }

.describe {
    margin: 10px;
    display: inline-block;
}

.quiz_content .l_text span img {
    width: 50px;
    height: 50px;
    padding: 2px;
}

.quiz {
    border: solid 1px #ccc;
    height: 270px;
    width: 772px;
}

    .quiz h3 {
        font-size: 14px;
        line-height: 35px;
        height: 35px;
        border-bottom: solid 1px #e8e8e8;
        padding-left: 20px;
        background: #f8f8f8;
        color: #666;
        position: relative;
    }

.quiz_content {
    padding-top: 15px;
    padding-left: 15px;
    position: relative;
}

    .quiz_content li.full-comment {
        position: relative;
        z-index: 99;
        height: 41px;
    }

    .quiz_content li.cate_l {
        height: 24px;
        line-height: 24px;
        padding-bottom: 10px;
    }

        .quiz_content li.cate_l dl dt {
            float: left;
        }

        .quiz_content li.cate_l dl dd {
            float: left;
            padding-right: 15px;
        }

            .quiz_content li.cate_l dl dd label {
                cursor: pointer;
            }

    .quiz_content .l_text {
        position: relative;
    }

        .quiz_content .l_text .m_flo {
            float: left;
            width: 47px;
        }

        .quiz_content .l_text .text {
            width: 830px;
            height: 150px;
            border: solid 1px #ccc;
            padding: 5px;
            position: relative
        }

        .quiz_content .l_text .tr {
            position: absolute;
            bottom: -18px;
            right: 40px;
        }

        .quiz_content .l_text span {
            position: absolute;
            left: 10px;
            bottom: 10px;
        }

        .quiz_content .l_text input {
            position: absolute;
            opacity: 0;
            width: 62px;
            height: 62px;
            cursor: pointer;
        }

/*goods-comm-stars style*/
.goods-comm {
    height: 41px;
    position: relative;
    z-index: 7;
    margin-bottom: 15px;
}

.goods-comm-stars img {
    float: left;
    width: 50px;
    height: 50px;
    border: 1px solid #ddd;
    margin: -14px 21px 0px 0px;
}

.goods-comm-stars {
    line-height: 25px;
    height: 41px;
    position: absolute;
    top: 0px;
    left: 0;
    width: 400px;
}

    .goods-comm-stars .star_l {
        float: left;
        display: inline-block;
        margin-right: 5px;
        display: inline;
    }

    .goods-comm-stars .star_choose {
        float: left;
        display: inline-block;
    }

/* rater star */
.rater-star {
    position: relative;
    list-style: none;
    padding: 0;
    background-repeat: repeat-x;
    background-position: left top;
    float: left;
    width: 120px !important;
    ;
    margin-right: 10px
}

.rater-star-item, .rater-star-item-current, .rater-star-item-hover {
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: repeat-x;
}

.rater-star-item {
    background-position: -100% -100%;
}

.rater-star-item-hover {
    background-position: 0 -48px;
    cursor: pointer;
}

.rater-star-item-current {
    background-position: 0 -48px;
    cursor: pointer;
}

    .rater-star-item-current.rater-star-happy {
        background-position: 0 -25px;
    }

.rater-star-item-hover.rater-star-happy {
    background-position: 0 -25px;
}

.rater-star-item-current.rater-star-full {
    background-position: 0 -72px;
}

.user .header-b-wrap {
    border-bottom: 2px solid #000;
}
/* popinfo */
.popinfo {
    display: none;
    position: absolute;
    top: 30px;
    padding-top: 8px;
    width: 192px;
    margin-left: -14px;
}

    .popinfo .info-box {
        border: 1px solid #f00;
        border-top: 0;
        padding: 0 5px;
        color: #F60;
        background: #FFF;
    }

        .popinfo .info-box div {
            color: #333;
        }

.cur.rater-star-item-tips {
    display: block;
}

.rater-star-result {
    color: #FF6600;
    font-weight: bold;
    padding-left: 10px;
    float: left;
}

.btm {
    margin: 10px 0 5px 0;
    border: 1px solid #e31436;
    padding: 5px 20px;
    color: #e31436;
    border-radius: 10px;
    position: relative;
    left: 775px;
    background: #fff;
    cursor: pointer;
}



.describe > div b {
    display: inline-block;
    margin-top: 20px;
    font-size: 12px;
    color: #5d5d5d;
    float: left;
}

.describe .comment {
    display: inline-block;
}

    .describe .comment li {
        float: left;
        font-size: 40px;
        color: #e31436;
        margin-left: 5px;
    }

/*??*/
.favorite .doact {
    padding: 10px 8px;
}

.favorite .actrow a {
    margin: 0 8px;
}

.tli table {
    width: 100%;
    border: none;
}

    .tli table th {
        text-align: center;
        padding: 6px 5px;
        color: #888;
        border-bottom: 1px solid #eee;
        background: #f9f9f9
    }

    .tli table td {
        text-align: center;
        padding: 6px 5px;
        color: #666;
        border-bottom: 1px solid #eee;
    }

/*?*/
.profile .form {
    padding: 15px 15px 50px 15px;
}

    .profile .form dl {
        clear: both;
        padding: 7px 0;
    }

        .profile .form dl dt {
            width: 75px;
            float: left;
            display: block;
            line-height: 30px;
            text-align: right;
            color: #666;
        }

        .profile .form dl dd {
            display: block;
            margin-left: 85px;
            line-height: 30px;
        }

            .profile .form dl dd.gender input {
                vertical-align: middle
            }

            .profile .form dl dd input.txt {
                width: 200px;
            }

                .profile .form dl dd input.txt.w100 {
                    width: 100px;
                }

                .profile .form dl dd input.txt.w150 {
                    width: 150px;
                }

            .profile .form dl dd .browsefile {
                position: relative;
            }

            .profile .form dl dd input.upavatar {
                position: absolute;
                left: 0;
                top: 0;
                height: 28px;
                border: none;
                background: none;
                filter: alpha(opacity=0);
                -moz-opacity: 0;
                -khtml-opacity: 0;
                -webkit-opacity: 0;
                opacity: 0;
            }

            .profile .form dl dd textarea {
                padding: 5px;
                border: 1px solid #5792AE;
                border-bottom: 1px solid #C0D2E0;
                border-right: 1px solid #C0D2E0;
            }


.avatar-crop {
    border: 1px solid #888;
    background: #fafafa;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.4);
    box-shadow: 0 0 15px rgba(0,0,0,0.4);
    position: absolute;
    z-index: 999;
    left: 50%;
    margin-left: -135px;
}

    .avatar-crop h3 {
        position: relative;
        font-size: 14px;
        color: #666;
        margin: 0;
        padding: 10px 10px 10px 12px;
        border-bottom: 1px solid #e5e5e5;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }

        .avatar-crop h3 a {
            display: block;
            position: absolute;
            top: 8px;
            right: 8px;
            font-size: 16px;
            height: 18px;
            line-height: 18px;
            text-align: center;
            color: #888;
            font-weight: normal;
            text-decoration: none;
            cursor: pointer
        }

            .avatar-crop h3 a:hover {
                color: #C33
            }

    .avatar-crop .aln-c {
        width: auto;
        height: auto;
        padding: 20px 30px;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
        display: table-cell;
        vertical-align: middle;
    }

    .avatar-crop .save {
        padding: 15px;
        text-align: center;
        border-top: 1px solid #e5e5e5;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }



.profile .form dl.avatar {
    padding-left: 10px;
}

    .profile .form dl.avatar dt {
        width: 60px;
        height: 60px;
        border: 5px solid #f8f8f8;
        border-radius: 60px;
        overflow: hidden;
    }

        .profile .form dl.avatar dt img {
            width: 100%;
        }

    .profile .form dl.avatar dd {
        margin-left: 90px;
    }

.profile-btn {
    padding: 0 0 0 85px;
}

.profile .green-btn {
    color: #f6f6f6;
    padding: 4px 12px;
    background: #3E8BF5;
    border: 1px solid #2378EB;
}

.tli table th.aln-l, .tli table td.aln-l {
    text-align: left
}

/*?*/
#consignee-form {
    padding-bottom: 10px;
}

/*?*/
.profile .goods {
    width: 96%;
    margin-left: 2%;
    display: inline-block;
    padding: 20px 0;
    border-bottom: 1px solid #eeeeee;
}

    .profile .goods > div {
        float: left;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
    }

    .profile .goods > p {
        display: inline-block;
        float: right;
    }

    .profile .goods dl {
        float: left;
        margin-left: 30px;
    }

        .profile .goods dl dt {
            color: #e31436;
            font-weight: bold;
        }

        .profile .goods dl dd {
            color: #737272;
            margin-top: 3px;
        }

            .profile .goods dl dd ul li {
                float: left;
            }

.c_recipient li p:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: -8px;
    top: 0px;
    width: 15px;
    height: 15px;
    background-color: #c9c9c9;
    background-image: url(../img/p_icon.png);
    background-repeat: no-repeat;
    background-position: 2px -19px;
    -webkit-border-radius: 15px;
}

.c_recipient li.arr p:after {
    background-color: #e31436;
}

.c_recipient > p {
    margin: 30px 0 30px 120px;
}

    .c_recipient > p b {
        width: 12px;
        height: 16px;
        display: inline-block;
        margin: 0 18px -4px -4px;
        background: url(../img/p_icon.png) no-repeat 0 0;
    }

.c_recipient li {
    position: relative;
    padding-bottom: 30px;
    margin-left: 120px;
    padding-left: 30px;
    color: #9f9e9f;
    border-left: 1px solid #c9c9c9;
}

    .c_recipient li:last-child {
        border: none;
    }

    .c_recipient li div {
        position: absolute;
        left: -100px;
        top: 0
    }

    .c_recipient li.arr {
        color: #e31436;
    }

        .c_recipient li.arr:before {
            background: #e31436;
        }

#pag {
    text-align: center;
}




















































/**/




.preferential-mian {
    background: #fff;
}

#left-panel {
    padding-top: 155px;
}

#extr-page #main {
    margin: 0 auto !important;
}
/*????C??????????????*/
.btn-default {
    border: none;
    box-shadow: none;
}
/*????C???????????????????????*/
.product-image {
    width: 100%;
    height: 403px;
    display: block;
    position: relative;
}

/*-----------------????????------------------------*/
/*????????*/
.clearFloat:before {
    content: '';
    display: block;
    clear: both;
    height: 0;
}

.clearFloat:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}
/*?????????*/
.package_Img {
    display: inline-block;
}

.h_active {
    border-bottom: 2px solid #fd9d6d;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide > img {
    width: 100%;
    height: 100%;
}
/*-------------------end-------------------------*/
/*-----------------????????-----------------------*/
/*??????????C?????????*/
.list_item {
    width: 210px;
    height: 300px;
    margin-left: 10px;
    margin-bottom: 10px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    float: left;
    background: #fff;
    transition: all .3s ease;
}

    .list_item:hover {
        box-shadow: 0 15px 15px -10px rgba(0,0,0,.15);
        transition: all .3s ease;
    }

        .list_item:hover .item_Img {
            transform: scale(1.1);
            transition: all .3s ease;
        }

    .list_item a {
        display: block;
        width: 100%;
        height: 100%;
    }

.item_Img {
    display: block;
    width: 210px;
    height: 210px;
    transition: all .3s ease;
    position: relative;
    z-index: 1;
}

.item_title {
    width: 100%;
    padding: 11px 12px 0;
    text-align: center;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    color: #515151;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    position: relative;
    z-index: 2;
    line-height: 21px;
}

.item_pirce {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 8px 0 10px;
    text-align: center;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #ff5c1c;
}
/*?????????????????????????*/
.goodsList {
    width: 100%;
    overflow: hidden;
}

.goodsList-item {
    width: 285px;
    /*height: 375px;*/
    background-color: #ffffff;
    border-radius: 4px;
    float: left;
    margin: 0 20px 20px 0;
}

.goodsList-Img {
    display: block;
    width: 285px;
    height: 285px;
}

.goodsList-content {
    width: 285px;
    height: 90px;
    position: relative;
}

    .goodsList-content > h3 {
        width: 100%;
        padding: 8px 15px 0;
        font-family: MicrosoftYaHei;
        font-size: 14px;
        font-weight: normal;
        color: #515151;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: break-all;
        position: relative;
        z-index: 2;
        line-height: 21px;
        margin: 0;
    }

    .goodsList-content > h5 {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 8px 0 10px;
        text-align: center;
        font-family: MicrosoftYaHei;
        font-size: 14px;
        color: #ff5c1c;
    }
/*?????? ??????????????????????????*/
.seatNav {
    width: 100%;
    overflow: hidden;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #9fa2a6;
    margin: 30px 0 15px;
    cursor: pointer;
}

    .seatNav > a {
        color: #9fa2a6;
    }

/*??????????*/

/**???????  ??????????????*/
.addAddr {
    width: 100%;
    overflow: hidden;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

.addAddrContent {
    width: 434px;
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 10px;
    position: relative;
    padding: 53px 62px 52px 61px;
}

    .addAddrContent > h3 {
        font-family: MicrosoftYaHei;
        font-size: 22px;
        line-height: 29px;
        color: #363b40;
        margin: 0 0 45px;
    }

    .addAddrContent > input {
        width: 100%;
        height: 41px;
        border-radius: 5px;
        padding: 10px 14px;
        border: solid 1px #d7d7d7;
        box-sizing: border-box;
        margin-bottom: 20px;
        font-family: MicrosoftYaHei;
        font-size: 16px;
        line-height: 21px;
    }

        .addAddrContent > input:focus {
            border: solid 1px #63d8cf;
        }

        .addAddrContent > input::-webkit-input-placeholder { /* WebKit browsers */
            color: #9fa2a6;
        }

        .addAddrContent > input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
            color: #9fa2a6;
        }

        .addAddrContent > input::-moz-placeholder { /* Mozilla Firefox 19+ */
            color: #9fa2a6;
        }

        .addAddrContent > input:-ms-input-placeholder { /* Internet Explorer 10+ */
            color: #9fa2a6;
        }

.Regional {
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .Regional .area {
        position: absolute;
        top: 60px;
        left: 0;
    }

.RegionalSele {
    width: 0;
    height: 0;
    opacity: 0;
}

.item-select > p > select {
    width: 100%;
    direction: ltr;
    height: 41px;
    border-radius: 5px;
    border: solid 1px #d7d7d7;
}

    .item-select > p > select:focus {
        border: solid 1px #63d8cf;
    }

.item-select {
    text-align: left;
}

.item-select2 {
    width: 150px !important;
    float: right;
    margin: 0 0 20px 0;
}

    .item-select2:nth-child(2) {
        float: left;
    }

.item-select3 {
    width: 100% !important;
    position: absolute;
    top: 60px;
    left: 0;
}

.addAddrContent > textarea {
    width: 100%;
    height: 82px;
    border-radius: 5px;
    border: solid 1px #d7d7d7;
    box-sizing: border-box;
    padding: 10px 14px;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    line-height: 21px;
    color: #454d52;
    resize: none;
    margin: 20px 0;
}

    .addAddrContent > textarea:focus {
        border: solid 1px #63d8cf;
    }

    .addAddrContent > textarea::-webkit-input-placeholder { /* WebKit browsers */
        color: #9fa2a6;
    }

    .addAddrContent > textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #9fa2a6;
    }

    .addAddrContent > textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #9fa2a6;
    }

    .addAddrContent > textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #9fa2a6;
    }

.addAddr_save {
    width: 100%;
    height: 41px;
    background-image: linear-gradient(136deg, #89ecc7 0%, #4eccd4 100%);
    border: none;
    box-shadow: 0px 6px 16px 0px #b6e4df;
    border-radius: 37px;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
    margin-top: 25px;
}

.Close_addAddr {
    display: block;
    width: 20px;
    height: 21px;
    position: absolute;
    right: 21px;
    top: 23px;
    font-weight: 400;
    font-size: 18px;
    color: #4eccd4;
}

/*???????????*/
#contractPdf {
    height: 600px;
    width: 820px;
    margin: 0 auto;
}

.contractIcon {
    position: absolute;
    bottom: 100px;
    right: 71px;
    width: 100px;
    height: 100px;
    z-index: 300;
}

.contractBtn {
    position: absolute;
    bottom: 40px;
    right: 88px;
    z-index: 300;
    width: 70px;
    height: 35px;
    border-radius: 5px;
}

.contractBtn-2 {
    border: 1px solid #000000;
    text-align: center;
    line-height: 35px;
}
/*?????*/
#first_jqgrid-pager-0 {
    display: inline-block;
    margin-right: 2px;
}

#prev_jqgrid-pager-0 {
    display: inline-block;
    margin-right: 22px;
}

#next_jqgrid-pager-0 {
    display: inline-block;
    margin-left: 22px;
    margin-right: 2px;
}

table {
    border-collapse: separate
}

.fa {
    color: #ff5c1c;
}

.pageInPut {
    width: 35px;
    height: 35px;
    background-color: #ffffff;
    border-radius: 3px;
    border: solid 1px #d7d7d7;
    box-sizing: border-box;
    text-align: center;
    line-height: 35px;
    margin: 0 8px;
}

.ui-corner-all {
    width: 35px;
    height: 35px;
    background-color: #ffffff;
    border-radius: 3px;
    border: solid 1px #d7d7d7;
    padding: 0 !important;
}

.btn-sm {
    padding: 9px 10px 5px
}

/*?????????????????????*/
#user_aside {
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 37px 0 7px;
}

#user_Nav_ul {
    width: 100%;
    padding: 0 69px;
}

    #user_Nav_ul > .active {
        /*border-bottom: 1px solid #fe9169 ;*/
        /*color: #363b40!important;*/
        border-left: 4px solid #37a3ff;
        color: #363b40 !important;
        width: 210px;
        height: 45px;
        line-height: 45px;
        background-color: rgb(245,245,245);
        margin-left: -69px;
    }

        #user_Nav_ul > .active > a {
            font-weight: 400;
        }

    #user_Nav_ul > li {
        margin-bottom: 21px;
        cursor: pointer;
    }

        #user_Nav_ul > li > a {
            font-family: MicrosoftYaHei;
            font-size: 18px !important;
            line-height: 24px;
            color: #5e6264 !important;
            padding: 0 0 9px !important;
            display: inline-block;
        }

            #user_Nav_ul > li > a:before {
                display: none;
            }
/*-------------------end-------------------------*/



/*-------------------header???-------------------------*/
.imgWrap {
    width: 100%;
    background: #fff;
}

    .imgWrap .header {
        width: 1200px;
        margin: 0 auto;
        background: #fff;
    }

    .imgWrap .logo {
        width: 400px;
        height: 50px;
        padding: 10px 0;
    }

        .imgWrap .logo a {
            display: block;
        }

    .imgWrap .service p {
        height: 70px;
        line-height: 70px;
        font-size: 18px;
    }

#content {
    width: 1200px;
    padding: 0px;
    margin: 0 auto 100px;
}

/**/
#gotop {
    display: none;
    position: fixed;
    top: 64px;
    width: 42px;
    left: 100px;
    text-align: center;
}

    #gotop ul li {
        padding-top: 3px;
        margin: 0px;
    }

        #gotop ul li a {
            display: block;
            height: 42px;
            cursor: pointer;
            width: 100%;
            background-image: url('../images/left_menu_ico.png');
            background-repeat: no-repeat;
            font-size: 12px;
            font-weight: normal
        }

            #gotop ul li a span {
                display: none
            }

        #gotop ul li.f0 a {
            background-position: 0px 0px
        }

        #gotop ul li.f1 a {
            background-position: 0px -43px
        }

        #gotop ul li.f2 a {
            background-position: 0px -86px
        }

        #gotop ul li.f3 a {
            background-position: 0px -129px
        }

        #gotop ul li.f4 a {
            background-position: 0px -215px
        }

        #gotop ul li.f5 a {
            background-position: 0px -300px
        }

        #gotop ul li.top a {
            background-position: 0px -516px
        }

        #gotop ul li.li_v a span, #gotop ul li a:hover span {
            border-radius: 21px;
            background: #e31436;
            color: #FFF;
            display: block;
            padding: 5px 5px 0px 5px;
            line-height: 14px;
            height: 37px;
        }


/*?*/
.quick_links {
    position: fixed;
    bottom: 10px;
    right: 0px;
    z-index: 99
}

    .quick_links i {
        display: none;
        width: 108px;
        height: 94px;
        background: url("../images/qq.png") left no-repeat;
        padding: 10px;
    }

    .quick_links .all {
        display: block;
        height: 45px;
        width: 45px;
        cursor: pointer;
        background-image: url("../images/backtop.png");
        margin-top: 5px;
    }

        .quick_links .all:hover {
            position: relative;
        }

            .quick_links .all:hover i {
                display: block;
                position: absolute;
                top: -50px;
                left: -128px
            }

                .quick_links .all:hover i img {
                    padding-left: 5px;
                }

            .quick_links .all:hover .i-wx .wx {
                width: 100px;
                padding-left: 0px;
            }


    .quick_links .a1 {
        background-position: 0px 0px;
    }

        .quick_links .a1:hover {
            background-position: -45px 0px;
        }

    .quick_links .a2 {
        background-position: 0px -56px;
    }

        .quick_links .a2:hover {
            background-position: -45px -56px;
        }

    .quick_links .a3 {
        background-position: 0px -112px;
    }

        .quick_links .a3:hover {
            background-position: -45px -112px;
        }



/*-------------------end-------------------------*/

/*-------------------????-------------------------*/
.view-footer {
    min-width: 1200px;
    padding: 0 !important;
}

.footer_main {
    width: 100%;
    overflow: hidden;
    margin: 40px auto 0;
    background: #fff;
}

.footer_content {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto 50px;
}

.footer_content_lt {
    width: 410px;
    border-right: 1px solid #cfcfcf;
    float: left;
    /* padding: 50px 126px 80px 92px; */
}

.footer_content_lt_IMgBox {
    float: left;
    /*width: 100%;*/
    margin-bottom: 50px;
}

.footer_content_lt_IMgBox_item {
    width: 100px;
    height: 100px;
}

    .footer_content_lt_IMgBox_item:nth-child(1) {
        float: left;
    }

    .footer_content_lt_IMgBox_item:nth-child(2) {
        float: right;
    }

    .footer_content_lt_IMgBox_item > img {
        display: block;
        width: 100px;
        height: 100px;
        background: red;
        margin-bottom: 12px;
    }

    .footer_content_lt_IMgBox_item > p {
        width: 100%;
        text-align: center;
        font-family: MicrosoftYaHei;
        font-size: 14px;
        color: #363b40;
        cursor: default;
    }

.footer_content_lt_right {
    float: left;
    margin-left: 30px;
}

    .footer_content_lt_right i {
        display: inline-block;
        font-size: 14px;
        line-height: 36px;
        font-weight: 600;
        margin-top: 10px;
        border-bottom: 1px solid #c8c8c8;
    }

    .footer_content_lt_right > h4 {
        font-size: 14px;
        color: #363b40;
        margin: 16px 0 0 0;
        cursor: default;
    }

    .footer_content_lt_right > h5 {
        margin: 15px 0;
        font-size: 14px;
        color: #606365;
        cursor: default;
    }

.footer_content_Rt {
    width: 754px;
    float: right;
    /* padding-top: 52px; */
}

    .footer_content_Rt > li {
        float: left;
        width: 25%;
    }

        .footer_content_Rt > li > h3 {
            width: 50%;
            padding-left: 11px;
            box-sizing: border-box;
            margin: 0 0 10px 0;
            padding-bottom: 8px;
            font-size: 16px;
            border-bottom: 1px solid #c8c8c8;
            color: #363b40;
            cursor: not-allowed;
        }

        .footer_content_Rt > li > ul > li {
            margin-bottom: 15px;
            padding-left: 10px;
            background: url("../images/footer_y.png") no-repeat 0 7px;
            background-size: 6px 6px;
        }

            .footer_content_Rt > li > ul > li > a {
                font-family: MicrosoftYaHei;
                font-size: 14px;
                line-height: 19px;
                color: #606365;
                border-radius: 4px;
            }

.footer-info .footer-info-company {
    font-size: 12px;
    width: 1186px;
    margin: 0 auto 10px auto;
    text-align: center;
    color: #999;
    padding-top: 10px;
    background: #fff;
    width: 100%;
}

/*-------------------end-------------------------*/

/*-------------------?C???????-------------------------*/

.inter_footer {
    margin: 50px 0;
    font-size: 12px;
    text-align: center;
    background: #fff;
}

    .inter_footer p {
        margin-bottom: 10px;
        color: #939393;
    }

        .inter_footer p a {
            color: #939393;
            -moz-transition: color .25s ease-in-out;
            -o-transition: color .25s ease-in-out;
            -webkit-transition: color .25s ease-in-out;
            transition: color .25s ease-in-out;
        }
/*-------------------end-------------------------*/



/*-------------------?C??-------------------------*/
/*-------------------???header.tpl.html-------------------------*/

.top-notice {
    padding: 8px 0;
    /*    background: url(../../img/head-warn.jpg) no-repeat center top;*/
    background: #3277ff;
    color: #fff;
    font-size: 14px;
}

.top-notic p {
    width: 1200px;
    margin: 0 auto;
    height: auto;
    line-height: 22px;
    text-align: left;
    border: 1px solid red;
}

.top-notice p a {
    color: #fff;
}

.header-top {
    height: 50px;
    line-height: 50px;
    background: #f2f2f2;
    border-bottom: 1px solid #dfdfdd;
    font-size: 12px;
    color: #666d71;
}

    .header-top * {
        box-sizing: content-box;
    }

    .header-top dl dt ul {
        margin-left: 7px;
    }

    .header-top dt.fl ul {
        font-weight: normal;
    }

    .header-top dl dt ul > li {
        position: relative;
        color: #666d71;
        z-index: 55;
        float: left;
        height: 50px;
        line-height: 50px;
    }

    .header-top dl dd ul > li {
        position: relative;
        color: #666d71;
        padding-left: 4px;
        z-index: 55;
        height: 50px;
        line-height: 50px;
    }

    .header-top dl dd li ul {
        display: block;
        position: absolute;
        left: 0;
        top: 50px;
        background: #fff;
        border: 1px solid #f5f5f5;
        border-top: 1px solid #dfdfdd;
        padding: 0 2px;
        min-width: 90px;
    }

    .header-top dl dd ul > li ul li {
        display: block;
        float: none;
        text-align: center;
        background: none;
        font-size: 12px;
        white-space: nowrap;
        padding: 0;
        margin: 0;
        padding: 0;
        height: 28px;
        line-height: 28px;
    }

.use_center {
    position: relative;
    padding-right: 10px;
}

    .use_center a:hover i {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(-180deg);
    }

.rotate-back {
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.icon-header-centerup {
    background-image: url('../../img/down.png');
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
    display: block;
}

.inter {
    width: 100%;
    height: 72px;
    -moz-box-shadow: rgba(0,0,0,0.1) 2px 2px 6px;
    -webkit-box-shadow: rgba(0,0,0,0.1) 2px 2px 6px;
    box-shadow: rgba(0,0,0,0.1) 2px 2px 6px;
}

    .inter dd li {
        font-size: 12px;
        color: #666;
        padding: 48px 0 0 15px;
        float: left;
    }

.inter-content {
    width: 1200px;
    margin: 0 auto;
    ;
}

    .inter-content dt {
        margin: 11px 0;
    }

#header {
    width: 100%;
    min-width: 1200px !important;
    background: #fff !important;
    overflow: hidden;
    padding: 0;
    height: auto;
}

#header_Top {
    display: block !important;
    width: 100% !important;
    min-width: 1200px !important;
    height: 40px !important;
    background: #333;
}

.header_top_content {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.header_top_content_login {
    float: right;
}

    .header_top_content_login span {
        display: block;
        float: left;
        padding: 11.5px 12px;
        color: #d8d8d8;
        font-size: 12px;
        cursor: pointer
    }

.loginEd {
    padding: 0 22px;
}

    .loginEd > span {
        display: block;
        padding: 11.5px 7px;
        float: left;
    }

        .loginEd > span:nth-child(1) {
            padding: 11px 5px;
        }

        .loginEd > span > a {
            display: block;
            width: 100%;
            color: #d8d8d8;
        }

            .loginEd > span > a > img {
                display: block;
                height: 18px;
                width: 18px;
                float: left;
            }

.header_top_content_shopCart {
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    float: right;
    background: #404040;
    color: #d8d8d8;
    cursor: pointer
}

    .header_top_content_shopCart span {
        color: #ffbd00;
    }

.header_NavList {
    display: block !important;
    width: 100%;
    height: auto !important;
    min-width: 1200px;
    overflow: hidden;
}

.header_NavList_content {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 23px;
}

    .header_NavList_content > h1 {
        width: 80px;
        height: 36px;
        margin-top: 9px;
        float: left;
        background: url("../../img/logo3.jpg") center no-repeat;
        overflow: hidden;
        color: transparent;
        cursor: pointer;
    }

        .header_NavList_content > h1 > a {
            display: block;
            width: 100%;
            color: transparent;
            height: 100%;
        }

.header_NavList_content_Rt {
    float: right;
}

.header_NavList_content_Rt_ul {
    float: right;
    list-style: none;
}

    .header_NavList_content_Rt_ul > li {
        float: left;
        font-family: MicrosoftYaHei;
        margin: 0 15px;
        font-size: 18px;
        line-height: 24px;
        color: #0d0c18;
        font-weight: normal;
    }

        .header_NavList_content_Rt_ul > li > a {
            display: block;
            padding: 11.5px 0;
            font-family: MicrosoftYaHei;
            font-size: 18px;
            line-height: 24px;
            color: #0d0c18;
            font-weight: normal
        }

.header_NavList_content_Rt_InputBox {
    width: 200px;
    height: 40px;
    padding-right: 26px;
    float: right;
    border-radius: 3px;
    border: solid 1px #969696;
    box-sizing: border-box;
    margin-left: 59px;
    position: relative;
    overflow: hidden;
    margin-top: 3px;
}

    .header_NavList_content_Rt_InputBox span {
        display: block;
        width: 14px;
        height: 16px;
        position: absolute;
        right: 8px;
        top: 12px;
        box-sizing: border-box;
        background: url("../../img/search.svg") center no-repeat;
        background-size: 14px 16px;
        cursor: pointer;
    }

    .header_NavList_content_Rt_InputBox input {
        width: 100%;
        height: 38px;
        padding: 11px;
        border: none;
    }

.logo-out {
    cursor: pointer;
    margin-left: 5px;
}
/*-------------------end-------------------------*/
/*?????????C??*/


#content.wwwhome .hot-model, #content.wwwhome .box-all, #content.wwwhome .homeCooperation {
    width: 1200px;
    margin: 0 auto;
}

#header-nav {
    color: #fff;
    font-size: 14px;
}

    #header-nav p {
        margin: 0 auto;
        width: 1200px;
        line-height: 22px;
        text-align: left;
    }

.header-top dl {
    width: 1200px;
    margin: 0 auto;
    clear: both;
}

.fl {
    float: left;
}

.header-top dl dt ul {
    margin-left: 7px;
}

    .header-top dl dt ul li {
        position: relative;
        color: #737373;
        font-size: 12px;
        font-family: '???????';
        z-index: 55;
    }

        .header-top dl dt ul li span:nth-child(2) {
            color: #37a3ff;
        }

.header-top dl dt .login, .header-top dl dt .register {
    margin-left: 10px;
    color: #666d71;
    transition: color .25s ease-in-out;
}

.fr {
    float: right;
}

.header-top dl dd li {
    position: relative;
    color: #666d71;
    padding-left: 4px;
    z-index: 55;
}

    .header-top dl dd li .color-blue {
        color: #666d71;
    }

    .header-top dl dd li span {
        display: inline-block;
        margin-left: -4px;
    }

    .header-top dl dd li a {
        color: #666d71;
        transition: color .25s ease-in-out;
        display: block;
        padding: 0 10px;
    }


.header-index {
    width: 1200px;
    height: 106px;
    margin: 0 auto;
    box-sizing: content-box;
}

    .header-index * {
        box-sizing: content-box;
    }

    .header-index .index-Hlogo {
        margin-top: 22px;
        margin-left: 22px;
        width: 365px;
        height: 44px;
    }

        .header-index .index-Hlogo a {
            display: block;
            width: 100%;
            height: 100%;
            background: url(../../img/logo_4.png) no-repeat;
        }

    .header-index .index-Hsearch {
        position: relative;
        margin-top: 22px;
        margin-left: 30px;
    }

        .header-index .index-Hsearch .search-box {
            position: relative;
            height: 40px;
        }

            .header-index .index-Hsearch .search-box .input-box {
                position: absolute;
                left: 0;
                right: 90px;
                padding-left: 10px;
                padding-right: 38px;
                border: 2px solid #37a3ff;
            }

.hsearch-text .search-del-btn {
    position: absolute;
    top: 14px;
    right: 66px;
    font-size: 16px;
    cursor: pointer;
    width: 12px;
    height: 12px;
    /*background: url(../../img/search_del_btn.png);*/
    opacity: 0;
}

.header-index .index-Hsearch .search-box .input-box .hsearch-text {
    display: block;
    width: 100%;
    height: 36px;
    line-height: 36px;
    border: none;
    padding: 0;
}

.header-index .index-Hsearch .search-box .hsearch-but {
    position: absolute;
    right: 1px;
    top: 0px;
    width: 90px;
    line-height: 36px;
    text-align: center;
    background: #37a3ff;
    font-size: 16px;
    color: #fff;
    padding: 2px 0;
    cursor: pointer;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .header-index .index-Hsearch .search-box .hsearch-but i {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        margin-top: -2px;
    }

.icon-header-search {
    background-image: url(../../img/web.png);
    background-position: -929px -308px;
    width: 22px;
    height: 22px;
}

.header-index .index-Hsearch p {
    margin-top: 5px;
}

    .header-index .index-Hsearch p a {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        color: #666d71;
        -moz-transition: color .25s ease-in-out;
        -o-transition: color .25s ease-in-out;
        -webkit-transition: color .25s ease-in-out;
        transition: color .25s ease-in-out;
    }

.header-index .index-Hshopping {
    position: relative;
}

    .header-index .index-Hshopping a {
        display: block;
        width: 130px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 3px;
        background: #f5f5f5;
        color: #666d71;
        margin-top: 23px;
        border: 1px solid #eee;
        font-size: 14px;
    }

        .header-index .index-Hshopping a i {
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
            margin-top: -4px;
        }

.icon-header-shopping {
    background-image: url(../../img/web.png);
    background-position: -1238px -248px;
    width: 21px;
    height: 19px;
}

.header-index .index-Hshopping a b {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    margin-left: 25px;
}

.header-index .index-Hshopping span {
    position: absolute;
    right: 25px;
    top: 12px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    background: #ff6c00;
    color: #fff;
}

.commonnav-bg {
    width: 100%;
    height: 40px;
    box-sizing: content-box;
}

.content {
    width: 1200px;
    margin: 0 auto;
    clear: both;
}

.commonnav-bg h2 {
    width: 210px;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    background: #37a3ff;
    font-size: 18px;
    color: #fff;
    position: relative;
}

    .commonnav-bg h2 div.goods {
        display: block;
        cursor: pointer;
        color: #fff;
    }

    .commonnav-bg h2 .goods .icon-nav-left {
        display: inline-block;
        vertical-align: middle;
        vertical-align: 0;
        margin-right: 12px;
    }

.icon-nav-left {
    background-image: url(../../img/web.png);
    background-position: -1128px -33px;
    width: 18px;
    height: 14px;
}

.commonnav-bg h2 .goods .nav-direction {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 14px;
    top: 18px;
}

.icon-nav-down {
    background-image: url(../../img/web.png);
    background-position: -1495px -7px;
    width: 12px;
    height: 7px;
}

.nav-list-wrap {
    position: absolute;
    width: 210px;
    height: 403px;
    min-height: 403px;
    left: 0;
    top: 40px;
    background: rgba(69,80,84,0.8);
    z-index: 20;
    padding: 17px 10px 0 10px;
}

.commonnav-bg h2 .nav-list {
    /*   /!* background:#455054;*!/
        position: relative;*/
}

    .commonnav-bg h2 .nav-list li {
        position: relative;
        width: 190px;
        height: auto;
        padding: 0 10px;
        font-size: 14px;
    }

        .commonnav-bg h2 .nav-list li .list-main {
            width: 100%;
            height: 100%;
        }

            .commonnav-bg h2 .nav-list li .list-main h6 {
                width: 100%;
                height: auto;
                color: #fff;
                font-size: 14px;
            }

                .commonnav-bg h2 .nav-list li .list-main h6 i {
                    display: inline-block;
                    vertical-align: middle;
                    margin: 0 12px 0 10px;
                }

.nav-list li .list-main span {
    font-size: 12px;
    display: inline-block;
    padding: 0 5px;
    cursor: pointer;
}

.icon-nav-computer {
    background-image: url(../../img/web.png);
    background-position: -1265px -248px;
    width: 22px;
    height: 18px;
}

.commonnav-bg h2 .nav-list li .list-main p {
    line-height: 22px;
    padding: 6px 0 6px 8px;
}

    .commonnav-bg h2 .nav-list li .list-main p a {
        padding: 0 4px;
        font-size: 12px;
        color: #e6e6e6;
        -moz-transition: color .25s ease-in-out;
        -o-transition: color .25s ease-in-out;
        -webkit-transition: color .25s ease-in-out;
        transition: color .25s ease-in-out;
    }

.commonnav-bg .big-nav {
    width: 980px;
    height: 24px;
    margin-top: 3px;
    box-sizing: content-box;
}

    .commonnav-bg .big-nav li {
        position: relative;
        display: inline-block;
        font-size: 19px;
        margin-left: 50px;
        box-sizing: content-box;
    }

        .commonnav-bg .big-nav li a {
            display: block;
            padding: 3px;
            color: #666d71;
            -moz-transition: color .25s ease-in-out;
            -o-transition: color .25s ease-in-out;
            -webkit-transition: color .25s ease-in-out;
            transition: color .25s ease-in-out;
            box-sizing: content-box;
            font-size: 16px;
        }

            .commonnav-bg .big-nav li a.active {
                color: #37a3ff;
            }

        .commonnav-bg .big-nav li a {
            display: block;
            padding: 3px;
            color: #666d71;
            -moz-transition: color .25s ease-in-out;
            -o-transition: color .25s ease-in-out;
            -webkit-transition: color .25s ease-in-out;
            transition: color .25s ease-in-out
        }

            .commonnav-bg .big-nav li a:hover {
                color: #37a3ff;
                -moz-transition: color .25s ease-in-out;
                -o-transition: color .25s ease-in-out;
                -webkit-transition: color .25s ease-in-out;
                transition: color .25s ease-in-out
            }

            .commonnav-bg .big-nav li a:hover {
                border-bottom: 2px solid #37a3ff;
            }

        .commonnav-bg .big-nav li.active a {
            color: #37a3ff;
            border-bottom: 2px solid #37a3ff;
        }

        .commonnav-bg .big-nav li i {
            display: block;
            position: absolute;
            right: -34px;
            top: -10px;
        }

.icon-grab {
    background-image: url(../../img/grab.png);
    width: 32px;
    height: 20px;
}

.icon-new {
    background-image: url(../../img/new.png);
    width: 32px;
    height: 20px;
}



.clearfix:before,
.clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both
}

.clearfix {
    clear: both;
}

    .clearfix ul {
        display: block;
    }
/*.f1 {*/
/*position: relative;*/
/*float:left;*/
/*color: #666d71;*/
/*padding: 0 3px;*/
/*z-index: 55;*/
/*}*/
/*.f2 {*/
/*float: left;*/
/*}*/
.login, .register {
    margin-left: 10px;
}


.fr {
    float: right;
}

.color-blue {
    display: inline-block;
    margin-left: -4px;
    color: #23a5f9;
}

.index-Hlogo {
    margin: 26px 0;
}

    .index-Hlogo a {
        width: 380px;
        height: 54px;
        /*background: url(../../img/mybg.png) no-repeat;*/
    }

        .index-Hlogo a div {
            width: 100%;
            height: 100%;
            background: url('../../img/logo.png') no-repeat;
        }

.index-Hsearch {
    position: relative;
    margin: 20px;
    width: 460px;
    height: 42px;
}


.header-index {
    width: 1200px;
    height: 106px;
}

.hsearch-but {
    position: absolute;
    right: -1px;
    top: 0px;
    width: 90px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    background: #37a3ff;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    border: none;
}

.input-box {
    left: 0;
    right: 90px;
    padding-left: 10px;
    padding-right: 38px;
    width: 372px;
    height: 40px;
    border: 2px solid #37a3ff;
}

.hsearch-text {
    display: block;
    width: 100%;
    height: 36px;
    border: none;
    padding: 0;
}

.index-Hshopping {
    position: relative;
}

.button {
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 3px;
    background: #f5f5f5;
    color: #666d71;
    border: 1px solid #eee;
    font-size: 14px;
}

    .button b {
        display: inline-block;
        vertical-align: middle;
        font-weight: bold;
        margin-left: 25px;
    }

.index-Hshopping span {
    position: absolute;
    right: 25px;
    top: 12px;
    border-radius: 100px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    background: #fe4979;
    color: #fff;
}

.search-word {
    height: 22px;
    line-height: 22px;
}

    .search-word a {
        width: 80px;
        font-size: 12px;
        display: inline-block;
        height: 22px;
        text-align: center;
        overflow: hidden;
        font-family: 'Microsoft YaHei';
    }


.hot-model {
    position: relative;
    clear: both;
    width: 1200px;
    margin: 0 auto;
    margin-top: 40px !important;
}

    .hot-model .title .icon-hotmodel {
        display: inline-block
    }

    .hot-model .title .txt {
        font-size: 22px;
        color: #33302e;
        font-family: 'MicrosoftYaHei';
        position: relative;
        top: -6px;
        left: 8px;
    }

    .hot-model .hot-box {
        border-right: 1px solid #e9ebed;
        border-bottom: 1px solid #e9ebed;
        width: 1200px;
        height: 400px;
        overflow: hidden;
        position: relative
    }


        .hot-model .hot-box img {
            width: 100%;
            height: 100%
        }

    .hot-model p.title {
        margin-bottom: 25px;
    }

    .hot-model .hot-box .txt-sub {
        color: #333;
        font-size: 16px;
        margin: 10px 0 5px 0;
    }

        .hot-model .hot-box .txt-sub .txt-title {
            overflow: hidden;
            max-height:42px;
            /*text-overflow: ellipsis;*/
            /*white-space: nowrap;*/
        }

        .hot-model .hot-box .txt-sub .txt-config {
            font-size: 12px;
            color: #807e7e;
            line-height: 2;
            height: 26px;
            overflow: hidden;
        }

    .hot-model .hot-box .txt-des {
        color: #737373;
        font-size: 12px
    }

    .hot-model .hot-box a.hot-1 {
        width: 400px;
        height: 400px;
        position: absolute;
        display: block;
        border-left: 1px solid #f5f5f5;
        border-right: 1px solid #f5f5f5;
        border-top: 1px solid #f5f5f5;
    }

    .hot-model .hot-box a.hot-2 {
        width: 235px;
        height: 210px;
        padding-left: 25px;
        position: absolute;
        left: 400px;
        display: inline-block;
        border-top: 1px solid #f5f5f5;
    }

        .hot-model .hot-box a.hot-2 .txt-price-2 {
            color: #e31436;
            font-size: 16px;
            margin-top: 4px
        }

        .hot-model .hot-box a.hot-2 .com-pic-2 {
            width: 108px;
            height: 108px;
            margin: 5px auto 0;
            overflow: hidden
        }

    .hot-model .hot-box a.hot-3 {
        width: 235px;
        height: 210px;
        padding-left: 25px;
        position: absolute;
        left: 400px;
        display: inline-block;
        top: 200px;
        border-top: 1px solid #f5f5f5
    }

        .hot-model .hot-box a.hot-3 .txt-price-3 {
            color: #e31436;
            font-size: 18px;
            margin-top: 8px
        }

        .hot-model .hot-box a.hot-3 .com-pic-3 {
            width: 108px;
            height: 108px;
            margin: -4px auto 0;
            overflow: hidden
        }

    .hot-model .hot-box a.hot-4 {
        width: 235px;
        padding-left: 29px;
        position: absolute;
        display: inline-block;
        height: 400px;
        left: 660px;
        border-left: 1px solid #f5f5f5;
        border-right: 1px solid #f5f5f5;
        border-top: 1px solid #f5f5f5;
    }

        .hot-model .hot-box a.hot-4 .tex-height {
            height: 106px;
            margin-bottom: 25px
        }

        .hot-model .hot-box a.hot-4 .txt-sub {
            height: auto;
            line-height: 22px
        }

        .hot-model .hot-box a.hot-4 .txt-price-4 {
            color: #e31436;
            font-size: 18px;
            margin-top: 8px
        }

        .hot-model .hot-box a.hot-4 .com-pic-4 {
            margin: 5px auto 0;
            overflow: hidden;
            width: 216px;
            height: 216px;
            margin-left: -5px
        }

    .hot-model .hot-box a.hot-5 {
        padding-left: 29px;
        position: absolute;
        display: inline-block;
        height: 200px;
        left: 925px;
        width: 245px;
        border-bottom: 1px solid #e9ebed;
        border-top: 1px solid #f5f5f5;
        overflow:hidden;
    }

        .hot-model .hot-box a.hot-5 .txt-price-5 {
            color: #e31436;
            font-size: 18px;
            float: right;
            margin: 26px 7px 0 0;
        }

        .hot-model .hot-box a.hot-5 .com-pic-5 {
            width: 75px;
            height: 75px;
            margin: 5px auto 0;
            overflow: hidden;
            float: left;
            position: absolute;
        }

            .hot-model .hot-box a.hot-5 .com-pic-5 img {
                width: 75px;
                height: 75px;
            }

    .hot-model .hot-box a.hot-6 {
        padding-left: 29px;
        position: absolute;
        display: inline-block;
        height: 200px;
        left: 925px;
        width: 245px;
        top: 200px;
        border-bottom: 1px solid #e9ebed;
    }

        .hot-model .hot-box a.hot-6 .txt-price-6 {
            color: #e31436;
            font-size: 18px;
            float: right;
            margin: 40px 7px 0 0;
        }

        .hot-model .hot-box a.hot-6 .com-pic-6 {
            width: 75px;
            height: 75px;
            margin: 5px auto 0;
            overflow: hidden;
            float: left;
            position: absolute;
        }

            .hot-model .hot-box a.hot-6 .com-pic-6 img {
                width: 75px;
                height: 75px;
            }

    .hot-model .hot-box a.hot-7 {
        width: 245px;
        padding-left: 29px;
        position: absolute;
        display: inline-block;
        height: 134px;
        left: 925px;
        top: 270px;
    }

        .hot-model .hot-box a.hot-7 .txt-price-7 {
            color: #e31436;
            font-size: 18px;
            float: right;
            margin: 40px 7px 0 0;
        }

        .hot-model .hot-box a.hot-7 .com-pic-7 {
            width: 75px;
            height: 75px;
            margin: 5px auto 0;
            overflow: hidden;
            float: left;
            position: absolute;
        }

            .hot-model .hot-box a.hot-7 .com-pic-7 img {
                width: 75px;
                height: 75px;
            }

    .hot-model .hot-box .hImg-box {
        position: relative;
    }

.hot-box .hImg-box {
    margin: 0;
}

.hot-model .hot-box .hImg-box .no-stock {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50% !important;
    height: auto !important;
    margin-left: -25%;
    margin-top: -25%;
}

.icon-header-search {
    background-position: -929px -308px;
    width: 22px;
    height: 22px;
}

.icon-header-shopping {
    background-position: -1238px -248px;
    width: 21px;
    height: 19px;
}

.icon-nav-left {
    background-position: -1128px -33px;
    width: 18px;
    height: 14px;
}

.nav-direction {
    position: absolute;
    right: 14px;
    top: 18px;
    background-position: -1495px -7px;
    width: 12px;
    height: 7px;
    margin-right: 0;
    margin-top: 0;
}

.box-all .title i {
    display: inline-block;
}

.box-all .title > a, .hot-model .title > a {
    font-size: 16px;
    float: right;
    padding-right: 5px;
}

    .box-all .title > a:hover {
        text-decoration: underline;
    }

.big-nav li i {
    display: block;
    position: absolute;
    right: -34px;
    top: -10px;
}


.nav-list .list-main h6 i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 10px;
    background-image: url(../../img/web.png);
}

.icon-nav-computer {
    background-position: -1265px -248px;
    width: 22px;
    height: 18px;
}

.icon-nav-peripheral {
    background-position: -1347px -7px;
    width: 24px;
    height: 14px;
}

.icon-nav-software {
    background-position: -1013px -308px;
    width: 21px;
    height: 21px;
}

.icon-nav-sever {
    background-position: -985px -308px;
    width: 22px;
    height: 21px;
}


.icon-hotmodel {
    background-position: -1472px -197px;
    width: 30px;
    height: 26px;
}


.detail-info .fnav_small li i {
    display: inline-block;
    position: relative;
    top: 10px;
    margin-left: 21px;
    margin-right: 12px;
    color: #666d71;
}

    .detail-info .fnav_small li i img {
    }

.box-all .title .text {
    position: relative;
    top: -5px;
}

.box-all .title {
    font-size: 22px;
    padding-bottom: 10px;
    color: #33302e;
    line-height: 1;
    height: 32px;
    box-sizing: border-box;
    margin: 25px 0 6px 0;
}

.floor2 {
    margin-top: 27px;
}

.box-all .title i {
    display: inline-block;
    background-image: url(../../img/web.png);
}

.icon-floor2 {
    background-position: -1400px -197px;
    width: 30px;
    height: 26px;
}

.icon-floor3 {
    background-position: -1292px -197px;
    width: 30px;
    height: 26px;
}

.icon-floor4 {
    background-position: -1256px -197px;
    width: 30px;
    height: 26px;
}

.icon-floor5 {
    background-position: -1436px -197px;
    width: 30px;
    height: 26px;
}

.detail-info {
    width: 1200px;
    margin: 50px auto 100px auto;
    height: 70px;
}

    .detail-info .fnav_small {
        display: flex;
    }

        .detail-info .fnav_small .marignli {
            margin-right: 0
        }

        .detail-info .fnav_small li {
            flex: 1;
            height: 70px;
            line-height: 70px;
            background: #f9f9f9;
            border: 1px solid #e9ebed;
            font-size: 18px;
            cursor: pointer
        }

            .detail-info .fnav_small li + li {
                margin-left: 15px;
            }

            .detail-info .fnav_small li i {
                display: inline-block;
                vertical-align: sub;
                margin-left: 30px;
                margin-right: 20px;
                color: #666d71;
                height: 40px;
            }

            .detail-info .fnav_small li a {
                display: block;
                height: 70px;
                line-height: 70px;
                color: #666d71
            }

.apply {
    width: 985px;
    height: 151px;
    position: relative;
    float: left;
    background: #eee
}

    .apply .apply_nav {
        position: relative;
        width: 984px;
        height: 149px;
        float: left;
        border: 1px solid #eee;
        border-left: 0;
        border-right: 0;
        overflow: hidden
    }

        .apply .apply_nav a {
            display: inline-block
        }

        .apply .apply_nav .apply_w {
            position: absolute;
            width: 1000px;
            float: left;
            left: 0px
        }

            .apply .apply_nav .apply_w .apply_array {
                width: 226px;
                height: 151px;
                position: relative;
                float: left;
                padding: 0 10px;
                margin-right: 1px;
                text-align: center;
                background: #fff;
                cursor: pointer
            }

                .apply .apply_nav .apply_w .apply_array a {
                    font-size: 12px
                }

                .apply .apply_nav .apply_w .apply_array .apply_info {
                    text-align: center;
                    margin-top: 10px;
                    white-space: nowrap;
                    overflow: hidden
                }

                    .apply .apply_nav .apply_w .apply_array .apply_info a {
                        line-height: 17px;
                        font-size: 14px;
                        color: #333333
                    }

                .apply .apply_nav .apply_w .apply_array .apply_comment {
                    text-align: center;
                    padding: 5px 0
                }

                    .apply .apply_nav .apply_w .apply_array .apply_comment a {
                        color: #ff0000
                    }

                .apply .apply_nav .apply_w .apply_array .apply_img img {
                    width: 90px;
                    height: 90px;
                    overflow: hidden
                }

    .apply .img-btn,
    .apply .img_l,
    .apply .img_r {
        float: left;
        cursor: pointer;
        z-index: 22;
        position: absolute
    }

    .apply .img_l {
        left: 1px;
        top: 54px
    }

    .apply .img_r {
        right: 1px;
        top: 54px
    }

.box-all .floor-con {
    height: 600px;
    border-bottom: 1px solid #ededed;
    border-right: 1px solid #ededed;
    border-top: 1px solid #ededed;
    position: relative
}

    .box-all .floor-con .hImg-box {
        position: relative;
        display: block
    }

        .box-all .floor-con .hImg-box .no-stock {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 50% !important;
            height: auto !important;
            margin-left: -25% !important;
            margin-top: -25% !important
        }

.box-all .fir-img {
    width: 239px;
    height: 600px;
    border-left: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    position: absolute;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

    .box-all .fir-img img {
        display: block;
        width: 239px;
        height: 600px
    }



.box-all .price {
    font-size: 18px;
    color: #e31436;
    margin-top: 5px;
    text-align: center
}

.box-all .floor-1 {
    width: 1200px;
    margin-top: 40px;
}



    .box-all .floor-1 .title i {
        display: inline-block;
    }

    .box-all .floor-1 .part-1 {
        width: 240px;
        height: 298px;
        position: absolute;
        border-bottom: 1px solid #ededed;
        left: 239px;
        border-right: 1px solid #ededed;
    }

        .box-all .floor-1 .part-1 .img-1 {
            text-align: center;
        }

.part-1 .fon-1 p {
    margin-top: 10px;
}

.box-all .floor-1 .part-1 .img-1 img {
    width: 160px;
    height: 160px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    display: inline-block;
}


.box-all .floor-1 .fon-1 {
    color: #666d71;
    -moz-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
    font-size: 13px;
    padding: 0 13px;
    text-align: left;
    min-height: 96px; max-height: 100px;
    line-height: 18px;
    overflow: hidden;
}

.box-all .txt-title {
    overflow: hidden;
    max-height:54px;
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    font-size: 16px;
    color: #333;
    margin-top: 10px;
}

.box-all .txt-config {
    font-size: 12px;
    color: #807e7e;
    line-height: 1.2;
    overflow:hidden;
    max-height:28px;
}

.box-all .floor-1 .fon-1:hover {
    color: #333;
    -moz-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
}

.box-all .floor-1 .part-2 {
    width: 240px;
    height: 298px;
    position: absolute;
    border-bottom: 1px solid #ededed;
    left: 479px;
    border-right: 1px solid #ededed;
}

    .box-all .floor-1 .part-2 .img-2 {
        text-align: center;
    }

        .box-all .floor-1 .part-2 .img-2 img {
            width: 160px;
            height: 160px;
            margin: 0 auto;
            text-align: center;
            overflow: hidden;
            display: inline-block;
        }

.part-2 .fon-2 p {
    margin-top: 6px;
}

.box-all .floor-1 .fon-2 {
    color: #666d71;
    -moz-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
    font-size: 13px;
    padding: 0 13px;
    text-align: left;
    min-height: 96px; max-height: 100px;
    line-height: 18px;
    overflow: hidden;
}

    .box-all .floor-1 .fon-2:hover {
        color: #333;
        -moz-transition: color .25s ease-in-out;
        -o-transition: color .25s ease-in-out;
        -webkit-transition: color .25s ease-in-out;
        transition: color .25s ease-in-out;
    }

.box-all .floor-1 .part-3 {
    width: 240px;
    height: 298px;
    position: absolute;
    border-bottom: 1px solid #ededed;
    left: 719px;
    border-right: 1px solid #ededed;
}

    .box-all .floor-1 .part-3 .img-3 {
        text-align: center;
    }

        .box-all .floor-1 .part-3 .img-3 img {
            width: 160px;
            height: 160px;
            margin: 0 auto;
            text-align: center;
            overflow: hidden;
            display: inline-block;
        }

.part-3 .fon-3 p {
    margin-top: 6px;
}

.box-all .floor-1 .fon-3 {
    color: #666d71;
    -moz-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
    font-size: 13px;
    padding: 0 13px;
    text-align: left;
    min-height: 96px; max-height: 100px;
    line-height: 18px;
    overflow: hidden;
}

    .box-all .floor-1 .fon-3:hover {
        color: #333;
        -moz-transition: color .25s ease-in-out;
        -o-transition: color .25s ease-in-out;
        -webkit-transition: color .25s ease-in-out;
        transition: color .25s ease-in-out;
    }

.box-all .floor-1 .part-4 {
    width: 240px;
    height: 298px;
    position: absolute;
    border-bottom: 1px solid #ededed;
    left: 959px;
    border-right: 1px solid #ededed;
}

    .box-all .floor-1 .part-4 .img-4 {
        text-align: center
    }

        .box-all .floor-1 .part-4 .img-4 img {
            width: 160px;
            height: 160px;
            margin: 0 auto;
            text-align: center;
            overflow: hidden;
            display: inline-block
        }

.part-4 .fon-4 p {
    margin-top: 6px;
}

.box-all .floor-1 .fon-4 {
    color: #666d71;
    -moz-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
    font-size: 13px;
    padding: 0 13px;
    text-align: left;
    min-height: 96px; max-height: 100px;
    line-height: 18px;
    overflow: hidden
}

    .box-all .floor-1 .fon-4:hover {
        color: #333;
        -moz-transition: color .25s ease-in-out;
        -o-transition: color .25s ease-in-out;
        -webkit-transition: color .25s ease-in-out;
        transition: color .25s ease-in-out
    }

.box-all .floor-1 .part-5 {
    width: 240px;
    height: 298px;
    position: absolute;
    top: 300px;
    left: 239px;
    border-right: 1px solid #ededed;
}

    .box-all .floor-1 .part-5 .img-5 {
        text-align: center;
    }

        .box-all .floor-1 .part-5 .img-5 img {
            width: 160px;
            height: 160px;
            margin: 0 auto;
            text-align: center;
            overflow: hidden;
            display: inline-block;
        }

.part-5 .fon-5 p {
    margin-top: 6px;
}

.box-all .floor-1 .fon-5 {
    color: #666d71;
    -moz-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
    font-size: 13px;
    padding: 0 13px;
    text-align: left;
    min-height: 96px; max-height: 100px;
    line-height: 18px;
    overflow: hidden;
}

    .box-all .floor-1 .fon-5:hover {
        color: #333;
        -moz-transition: color .25s ease-in-out;
        -o-transition: color .25s ease-in-out;
        -webkit-transition: color .25s ease-in-out;
        transition: color .25s ease-in-out;
    }

.box-all .floor-1 .part-6 {
    width: 240px;
    height: 298px;
    position: absolute;
    top: 300px;
    left: 479px;
    border-right: 1px solid #ededed;
}

    .box-all .floor-1 .part-6 .img-6 {
        text-align: center
    }

        .box-all .floor-1 .part-6 .img-6 img {
            width: 160px;
            height: 160px;
            margin: 0 auto;
            text-align: center;
            overflow: hidden;
            display: inline-block
        }

.part-6 .fon-6 p {
    margin-top: 6px;
}

.box-all .floor-1 .fon-6 {
    color: #666d71;
    -moz-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
    font-size: 13px;
    padding: 0 13px;
    text-align: left;
    min-height: 96px; max-height: 100px;
    line-height: 18px;
    overflow: hidden
}

    .box-all .floor-1 .fon-6:hover {
        color: #333;
        -moz-transition: color .25s ease-in-out;
        -o-transition: color .25s ease-in-out;
        -webkit-transition: color .25s ease-in-out;
        transition: color .25s ease-in-out
    }

.box-all .floor-1 .part-7 {
    width: 240px;
    height: 298px;
    position: absolute;
    top: 300px;
    left: 719px;
    border-right: 1px solid #ededed;
}

    .box-all .floor-1 .part-7 .img-7 {
        text-align: center
    }

        .box-all .floor-1 .part-7 .img-7 img {
            width: 160px;
            height: 160px;
            margin: 0 auto;
            text-align: center;
            overflow: hidden;
            display: inline-block
        }

.part-7 .fon-7 p {
    margin-top: 6px;
}

.box-all .floor-1 .fon-7 {
    color: #666d71;
    -moz-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
    font-size: 13px;
    padding: 0 13px;
    text-align: left;
    min-height: 96px; max-height: 100px;
    line-height: 18px;
    overflow: hidden
}

    .box-all .floor-1 .fon-7:hover {
        color: #333;
        -moz-transition: color .25s ease-in-out;
        -o-transition: color .25s ease-in-out;
        -webkit-transition: color .25s ease-in-out;
        transition: color .25s ease-in-out
    }

.box-all .floor-1 .part-8 {
    width: 240px;
    height: 298px;
    position: absolute;
    top: 300px;
    left: 959px;
    border-right: 1px solid #ededed;
}

    .box-all .floor-1 .part-8 .img-8 {
        text-align: center
    }

        .box-all .floor-1 .part-8 .img-8 img {
            width: 160px;
            height: 160px;
            margin: 0 auto;
            text-align: center;
            overflow: hidden;
            display: inline-block
        }

.part-8 .fon-8 p {
    margin-top: 6px;
}

.box-all .floor-1 .fon-8 {
    color: #666d71;
    -moz-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
    font-size: 13px;
    padding: 0 13px;
    text-align: left;
    min-height: 96px; max-height: 100px;
    line-height: 18px;
    overflow: hidden
}

    .box-all .floor-1 .fon-8:hover {
        color: #333;
        -moz-transition: color .25s ease-in-out;
        -o-transition: color .25s ease-in-out;
        -webkit-transition: color .25s ease-in-out;
        transition: color .25s ease-in-out
    }




.homeBanner {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    height: 403px;
    box-sizing: border-box;
    margin-bottom: 40px;
    background-image: linear-gradient(90deg, rgba(168, 120, 253, 0.85) 0%, rgba(104, 98, 254, 0.85) 100%);
}
/*?C????????*/
.homeLabel {
    width: 100%;
    background: #fff;
    margin-bottom: 39px;
    list-style: none;
}

    .homeLabel li {
        float: left;
        padding: 39px 68px;
        width: 20%;
        text-align: center;
        font-family: MicrosoftYaHei;
        font-size: 22px;
        color: #515151;
        cursor: default;
    }

/*hotModule*/





/*?C????????????????*/
.homeNavList {
    width: 100%;
    overflow: hidden;
}

.homeNavList_item {
    width: 100%;
}

.homeNavList_item_title {
    width: 100%;
    margin: 0 0 15px;
}

    .homeNavList_item_title span {
        font-family: MicrosoftYaHei;
        font-size: 20px;
        color: #363B40;
        cursor: not-allowed;
    }

        .homeNavList_item_title span:nth-child(1) {
            float: left;
        }

        .homeNavList_item_title span:nth-child(2) {
            float: right;
            font-size: 16px;
            color: #464552;
            cursor: pointer
        }

            .homeNavList_item_title span:nth-child(2) a {
                color: #464552;
            }

.homeNavList_item_content {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 50px;
}

.homeNavList_item_content-Img {
    display: block;
    width: 320px;
    height: 610px;
    float: left;
    background: #fff;
    border-radius: 4px;
}

.homeNavList_item_content-list {
    width: 880px;
    height: 610px;
    list-style: none;
    float: right;
    box-sizing: border-box;
}

.homeCooperation {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 30px 0 10px 0;
    border-radius: 4px;
}

.homeCooperation_title {
    width: 100%;
    font-family: MicrosoftYaHei;
    font-size: 18px;
    padding-left: 13px;
    color: #363b40;
    border-left: 3px solid #3196C3;
    margin: 0 0 20px;
    cursor: default;
}

.homeCooperation_content {
    width: 100%;
    overflow: hidden;
}

.homeCooperation_content-item {
    width: 210px;
    height: 70px;
    float: left;
    margin: 0 20px 20px 0;
    box-sizing: border-box;
    border-radius: 3px;
    border: solid 1px #e6e9eb;
}

    .homeCooperation_content-item img {
        display: block;
        width: 100%;
        height: 100%;
    }
/*?C??????????????????????*/
.view-rtNav {
    width: 47px;
    position: fixed;
    right: 40px;
    top: calc(80% - 150px);
    z-index: 999;
    box-sizing: border-box;
    display: none;
}

    .view-rtNav > li {
        width: 47px;
        height: 47px;
        /*background-image: linear-gradient(-134deg, rgba(254, 191, 121, 0.99) 0%, #fe8062 100%);*/
        box-shadow: 0px 4px 14px 0px #ffbd9f;
        box-sizing: border-box;
        border-radius: 50%;
        margin-bottom: 15px;
        position: relative;
    }

.phoneBox {
    width: 177px;
    height: 95px;
    position: absolute;
    top: 0px;
    left: -202px;
    background: #fff;
    padding: 18px 20px;
}

    .phoneBox > h4 {
        font-family: MicrosoftYaHei;
        font-size: 20px;
        line-height: 26px;
        color: #363b40;
        margin-bottom: 10px;
    }

    .phoneBox > p {
        font-family: MicrosoftYaHei;
        font-size: 18px;
        line-height: 24px;
        color: #64d8cf;
    }

    .phoneBox:before {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        position: absolute;
        right: -6px;
        top: 19px;
        transform: rotate(45deg);
        background: #fff;
    }

.view-rtNav li > img {
    display: block;
    width: 47px;
    height: 47px;
}

.OpinionWin {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    z-index: 999;
}

.OpinionWinContent {
    width: 434px;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 10px;
    margin: 15% auto;
    padding: 52px 62px;
    position: relative;
}

    .OpinionWinContent > h4 {
        line-height: 29px;
        font-family: MicrosoftYaHei;
        font-size: 22px;
        color: #363b40;
        margin-bottom: 21px;
    }

    .OpinionWinContent > textarea {
        width: 100%;
        height: 180px;
        border-radius: 5px;
        border: solid 1px #d7d7d7;
        box-sizing: border-box;
        resize: none;
        padding: 9px 14px;
        margin-bottom: 45px;
    }

        .OpinionWinContent > textarea::-webkit-input-placeholder { /* WebKit browsers */
            color: #9fa2a6;
        }

        .OpinionWinContent > textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
            color: #9fa2a6;
        }

        .OpinionWinContent > textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
            color: #9fa2a6;
        }

        .OpinionWinContent > textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
            color: #9fa2a6;
        }

        .OpinionWinContent > textarea:focus {
            border-style: solid;
            border-width: 1px;
            border-image-source: linear-gradient(138deg, rgba(255, 205, 151, 0.99) 0%, #ff9a9a 100%);
            border-image-slice: 1;
        }

    .OpinionWinContent > button {
        width: 311px;
        height: 41px;
        background-image: linear-gradient(136deg, #89ecc7 0%, #4eccd4 100%);
        box-shadow: 0px 6px 16px 0px #b6e4df;
        border-radius: 37px;
        border: none;
        color: #fff;
    }

    .OpinionWinContent > span {
        width: 20px;
        height: 20px;
        position: absolute;
        right: 22px;
        top: 22px;
        font-size: 20px;
        color: #4eccd4;
    }

    .OpinionWinContent > input {
        width: 100%;
        height: 41px;
        border-radius: 5px;
        border: solid 1px #d7d7d7;
        box-sizing: border-box;
        margin-bottom: 45px;
        padding: 11px 21px;
    }
/*-------------------end-------------------------*/
/*-------------------??????-------------------------*/
/*??????????????*/
.shopMall_classify {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto 52px;
    box-shadow: 0px 6px 16px 0px #e6e9eb;
    border-radius: 14px;
    background: #fff;
}

.shopMall_classify_Lt {
    float: left;
    padding: 18px;
    margin-bottom: 0;
    background-image: linear-gradient(136deg, #89ecc7 0%, #4eccd4 100%);
}

    .shopMall_classify_Lt > li {
        font-family: MicrosoftYaHei;
        font-size: 16px;
        line-height: 21px;
        color: #ffffff;
        padding: 14px 14px 15px;
        border-bottom: 1px solid rgba(255,255,255,0.4);
        cursor: default;
        -webkit-user-select: none;
        user-select: none;
        /*background: red;*/
    }

        .shopMall_classify_Lt > li:nth-child(5) {
            border: none;
        }

.shopMall_classify_Rt {
    padding: 20px 27px;
    float: left;
    margin: 0;
}

    .shopMall_classify_Rt > li {
        /*!*height: 50px;*!*/
        /*background: yellow;*/
    }

.shopMall_classify_Rt_ul {
    width: 100%;
    overflow: hidden;
    padding: 3px;
}

    .shopMall_classify_Rt_ul > li {
        border-radius: 89px;
        padding: 7px 0px;
        float: left;
        margin-right: 33px;
        text-align: center;
        color: #454d52;
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none;
    }

.shopMall_active {
    background-image: linear-gradient(138deg, rgba(254, 191, 121, 0.99) 0%, #ff947b 100%);
    box-shadow: 0px 3px 9px 0px #ffc8af;
    color: #fff !important;
}

.classify_item {
    width: 100%;
    background-color: #ffffff;
    overflow: hidden;
}

    .classify_item h4 {
        width: 136px;
        height: 49px;
        text-align: center;
        line-height: 49px;
        float: left;
        margin: 0;
    }
/*????????????????C????*/
.shopMall_List {
    width: 1220px;
    overflow: hidden;
    margin: 0 auto 55px;
}

.shopMall_List_sortType {
    width: 1200px;
    overflow: hidden;
    margin: 0 0 21px !important;
}

    .shopMall_List_sortType li {
        float: left;
        padding-bottom: 9px;
        text-align: center;
        font-family: MicrosoftYaHei;
        font-size: 16px;
        color: #363b40;
        margin-right: 30px;
        transition: all 0.1s;
        cursor: pointer;
    }

.comNav_active {
    color: #fd9d6d !important;
    border-bottom: 2px solid #fd9d6d;
}

.priceNavSpan {
    position: relative;
}

.sortIco {
    width: 10px;
    height: 15px;
    box-sizing: border-box;
    position: absolute;
    top: 6px;
    right: -16px;
}

    .sortIco em {
        display: block;
        height: 7px;
        width: 7px;
        transform: rotate(45deg);
        position: absolute;
        left: 0;
        top: 0px;
    }

.Ico_Asc {
    border-top: 2px solid #6d6d6d;
    border-left: 2px solid #6d6d6d;
    box-sizing: border-box;
}

.Ico_Des {
    border-right: 2px solid #6d6d6d;
    border-bottom: 2px solid #6d6d6d;
    box-sizing: border-box;
    margin-top: 5px;
}

.activeIco_1 {
    border-top: 2px solid #fd9d6d;
    border-left: 2px solid #fd9d6d;
}

.activeIco_2 {
    border-right: 2px solid #fd9d6d;
    border-bottom: 2px solid #fd9d6d;
}

.shopMall_List_sortType h4 {
    margin: 0;
    float: left;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    width: 88px;
    font-weight: 600;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #515151
}

.recommendList_box {
    padding: 79px 79px;
    width: 100%;
    overflow: hidden;
    margin: 0 0 251px;
}

    .recommendList_box > img {
        display: block;
        margin: 0 auto 30px;
        width: 40px;
        height: 40px;
    }

.loseList_recom {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-bottom: 30px;
    font-family: MicrosoftYaHei;
    font-size: 20px;
    color: #454d52;
}

/*?C??????????????*/
.cooper-partner {
    width: 1200px;
    margin: 0 auto;
    margin-top: 36px;
    clear: both;
    background: #fff;
}

    .cooper-partner .title .icon-cooper {
        display: inline-block;
    }

    .cooper-partner .title .cooper {
        font-size: 18px;
        color: #757b7f;
        position: relative;
        top: -6px;
    }

    .cooper-partner .ul-list {
        width: 1200px;
        border-top: 1px solid #656d71;
        padding-top: 10px;
    }

        .cooper-partner .ul-list li {
            float: left;
            margin: 10px 20px;
        }

            .cooper-partner .ul-list li img {
                width: 110px;
            }

.icon-cooper {
    background-image: url('../../img/productShow/web.png');
    background-position: -1364px -197px;
    width: 30px;
    height: 26px;
}
/*-------------------end-------------------------*/

/*-----------------???????-----------------------*/
.product-list {
    clear: both;
}

.pruduct {
    clear: both;
}

/*?????*/
.product-list .fore {
    padding: 0 10px;
    width: 1198px;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    background: #fafafa;
    margin-bottom: 10px;
}

    .product-list .fore ul {
        margin: 8px 0;
        width: 540px;
        height: 24px;
        float: left;
    }

        .product-list .fore ul li {
            float: left;
            padding: 0 10px;
            height: 22px;
            line-height: 22px;
            cursor: pointer;
        }

            .product-list .fore ul li div {
                display: block;
            }

                .product-list .fore ul li div.cur-fore {
                    color: #fff;
                    border: 1px solid #dbdbdb;
                    background: #e33a3c;
                }

.filter-box-tit h1 {
    padding: 0 15px;
    line-height: 40px;
    font-size: 14px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #fcfcfc;
    font-size: 14px;
}
/*??????????*/
.product li {
    float: left;
    margin-top: 20px;
    box-sizing: border-box;
    width: 300px;
    height: auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
}

    .product li a {
        display: block;
        padding: 10px 20px;
        color: #000;
        border: 1px solid #fff;
    }

    .product li dl {
        margin-bottom: 0;
    }

    .product li:hover {
        box-shadow: 1px 1px 3px #ccc;
    }

/*-----------------end-----------------------*/




/*-----------------?????????-----------------------*/
.Producht_details {
    width: 1200px;
    overflow: hidden;
    margin: 30px auto 50px;
}

.seatNav_details {
}

.details_TopBox {
    width: 100%;
    overflow: hidden;
    background: #fff;
    padding: 0 30px 50px;
}

.details_banner {
    width: 550px;
    height: 550px;
    float: left;
    border-radius: 4px;
    border: solid 2px #e6e9eb;
    overflow: hidden;
    box-sizing: border-box;
}

.details_comInfo {
    width: 550px;
    float: left;
    margin-left: 40px;
}

    .details_comInfo h3 {
        width: 100%;
        font-family: MicrosoftYaHei;
        font-size: 22px;
        color: #515151;
        min-height: 58px;
        margin: 0 0 30px;
    }

.details_comInfo_price {
    width: 100%;
    background-color: #f5f5f8;
    border-radius: 4px;
    padding: 13px 19px 0;
    overflow: hidden;
    margin-bottom: 35px;
}

    .details_comInfo_price span {
        display: block;
        float: left;
        font-size: 14px;
        width: 50%;
        font-family: MicrosoftYaHei;
        font-size: 18px;
        color: #ff5c1c;
        line-height: 20px;
        margin-bottom: 13px;
    }

    .details_comInfo_price h5 {
        float: right;
        width: 50%;
        font-family: MicrosoftYaHei;
        font-size: 12px;
        color: #6c6c6c;
        margin: 0 0 13px;
        line-height: 20px;
    }

.details_Sele_mode {
    width: 100%;
    overflow: hidden;
    margin-bottom: 34px;
}

    .details_Sele_mode h4 {
        font-family: MicrosoftYaHei;
        font-size: 20px;
        font-weight: 500;
        color: #515151;
        margin: 0;
        margin-bottom: 15px;
    }

.details_Sele_mode_itembox {
    width: 100%;
    overflow: hidden;
}

    .details_Sele_mode_itembox li {
        width: 100%;
        overflow: hidden;
        margin-right: 10px;
        margin-bottom: 10px;
        border-radius: 2px;
        word-break: break-all;
    }

.details_Sele_mode_itembox2 {
    width: 100%;
    overflow: hidden;
}

    .details_Sele_mode_itembox2 li {
        float: left;
        border: 1px solid #ddd;
        overflow: hidden;
        padding: 2px 6px;
        margin-right: 10px;
        margin-bottom: 10px;
        border-radius: 2px;
        letter-spacing: 1px;
        word-break: break-all;
    }


.details_liBox_item {
    float: left;
    overflow: hidden;
    cursor: pointer;
}

    .details_liBox_item:nth-child(1) {
        border: solid 1px rgba(186, 186, 186, 0.5);
        padding: 2px 6px;
        box-sizing: border-box;
    }

    .details_liBox_item:nth-child(2) {
        margin-left: 10px;
        margin-right: 10px;
        border: solid 1px rgba(186, 186, 186, 0.5);
        box-sizing: border-box;
        padding: 2px 6px;
        border-radius: 0 14px;
        /*background-image: linear-gradient(-90deg, #40d89d 0%, #3dbdb0 100%);*/
        background: #37a3ff;
        color: #fff;
    }

    .details_liBox_item:nth-child(3) {
        font-size: 12px;
        padding: 2px 0px;
        color: #999;
    }

.details_active {
    background-color: #fff;
    color: #ff947b;
    border-style: solid !important;
    border-width: 1px !important;
    /*  border-image-source: linear-gradient(-90deg, rgba(254, 191, 121, 0.99) 0%, #ff947b 100%)!important;*/
    border-image-slice: 1 !important;
}

.lookFreeBox {
    width: 100%;
}

.lookFreeBox_h4 {
    width: 12%;
    float: left;
    margin: 0;
    text-align: center;
}

.lookFreeBox_ul {
    float: left;
}

    .lookFreeBox_ul li {
        margin-bottom: 8px;
        font-size: 15px;
        color: #555555;
        letter-spacing: 1.5px;
    }

        .lookFreeBox_ul li a {
            text-decoration: none;
        }

.looKfreeLogin {
    color: #4DA1EE;
    cursor: pointer;
}

.details_BtnBox {
    width: 100%;
    margin-top: 25px;
    overflow: hidden;
}

    .details_BtnBox h4 {
        font-family: MicrosoftYaHei;
        font-size: 20px;
        color: #515151;
        margin: 0;
        margin-bottom: 10px;
    }

.details_BtnBox_buttom {
    width: 100%;
    position: relative;
    margin-bottom: 21px;
}

.details_BtnBox_num {
    float: left;
    overflow: hidden;
}

    .details_BtnBox_num input {
        display: block;
        float: left;
        width: 46px;
        height: 46px;
        text-align: center;
        line-height: 46px;
        border: solid 1px #ddd;
        border-right: none;
    }

.details_BtnBox_numBtn {
    float: left;
}

    .details_BtnBox_numBtn button {
        display: block;
        width: 23px;
        height: 23px;
        border: 1px solid #ddd;
        background: #fff;
        box-sizing: border-box;
    }

        .details_BtnBox_numBtn button:nth-child(2) {
            border-top: none;
        }

.details_BtnBox_Btn {
    float: left;
    width: 147px;
    height: 45px;
    margin-left: 30px;
    text-align: center;
    line-height: 45px;
    color: #fff;
    /*background-image: linear-gradient(-90deg, rgba(254, 191, 121, 0.99) 0%, #ff947b 100%);*/
    /*background-image: linear-gradient(-90deg, rgb(90, 237, 253) 0%, #37a3ff 100%);*/
    background-color: #37a3ff;
    /*box-shadow: 0px 6px 30px 0px #ffcbb1;*/
    box-shadow: 0px 6px 30px 0px #37a3ff;
    border-radius: 3px;
    cursor: pointer;
}

.details_BtnBox_shopChart {
    background: #fff;
    box-sizing: border-box;
    color: #37a3ff !important;
    box-shadow: none;
    border-style: solid;
    border-width: 1px;
    /*border-image-source:linear-gradient(-90deg, rgb(90, 237, 253) 0%, #37a3ff 100%);*/
    border-image-color: #37a3ff;
    : border-image-slice: 1;
}

.com_details {
    width: 1200px;
    overflow: hidden;
    padding-top: 53px;
    margin: 0 auto 100px;
}

.com_details_Text {
    width: 790px;
    height: 100px;
    float: left;
}

    .com_details_Text > h4 {
        font-family: MicrosoftYaHei;
        font-size: 18px;
        line-height: 24px;
        color: #fe9169;
        margin: 0 0 20px;
        height: 38px;
    }

        .com_details_Text > h4 > span {
            padding-bottom: 14px;
            border-bottom: 1px solid #fe9169;
        }

.com_details_imgBox {
    width: 790px;
    background: #d7d7d7;
    margin-right: 90px;
    height: 1500px;
    min-height: 1px;
}

.com_details_Rec {
    /*margin-left: 125px;*/
    float: right;
}

    .com_details_Rec > h4 {
        width: 100%;
        margin-bottom: 32px;
        font-family: MicrosoftYaHei;
        font-size: 20px;
        line-height: 26px;
        color: #363b40;
    }

.com_details_list {
    width: 100%;
    overflow: hidden;
}

.goodDetails_item {
    background-color: #ffffff;
    box-shadow: 0px 6px 16px 0px #e6e9eb;
    border-radius: 4px;
    float: none;
    margin-bottom: 30px;
}

.com_details_list_item:hover {
    box-shadow: 0 15px 15px -10px rgba(0,0,0,.15);
    transition: all .3s ease;
}

    .com_details_list_item:hover img {
        transform: scale(1.1);
    }

.com_details_list_item img {
    display: block;
    width: 248px;
    height: 190px;
    transition: all .3s ease;
}

.com_details_list_info {
    width: 248px;
    height: 75px;
    background-color: #efefef;
    overflow: hidden;
    position: relative;
    padding: 7px;
}

    .com_details_list_info h3 {
        text-align: center;
        font-family: MicrosoftYaHei;
        font-size: 14px;
        color: #515151;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .com_details_list_info h5 {
        width: 100%;
        text-align: center;
        margin: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 6px;
        padding-bottom: 8px;
        font-family: MicrosoftYaHei;
        font-size: 12px;
        color: #ff5c1c;
    }
/*-------------------end-------------------------*/
/*-----------------???????????-----------------------*/
/*??????????*/
.Agreement {
    font-size: 14px;
    float: right;
    /*    vertical-align: after-edge;*/
    margin-bottom: 10px;
}

.WinBox_Agreement {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 999;
}

.WinBox_Agreement_box {
    width: 60%;
    height: 75%;
    background: #fff;
    margin: 5% auto 0;
    border-radius: 2px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.Agreement_box {
    width: 100%;
    height: 603px;
    padding: 12px 25px;
    overflow: hidden;
}

.Agreement_box_text {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 75px;
}

.textColor {
    color: #00aaff;
}

.Agreement_box::-webkit-scrollbar {
    width: 0;
    display: none;
}

.Agreement_box_text::-webkit-scrollbar {
    width: 0;
    display: none;
}

.Close {
    display: block;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    font-size: 32px;
    text-align: center;
    font-weight: 100;
    background: url('../../img/close.svg');
    position: absolute;
    top: 2px;
    right: 2px;
}

.winAgr_Btn {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border: 1px solid #E3E3E3;
    box-sizing: border-box;
    background: #fff;
    padding: 12px;
}

    .winAgr_Btn button {
        width: 142px;
        height: 44px;
        float: right;
    }

.agreementIs {
    color: #B2B2B2;
    text-decoration: none;
}

.WinBox_Agreement_box h3 {
    text-align: center;
    padding: 25px 0 10px;
    text-align: center;
    font-size: 20px;
    color: #5B82E2
}

/*????*/
.createOrderBox {
    width: 1200px;
    margin: 0px auto;
    padding-top: 40px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    background-color: rgb(245, 245, 245);
}

.orderId {
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    margin-bottom: 25px;
    color: #555555;
    font-size: 16px;
    position: relative;
}

.orderTypes {
    position: absolute;
    right: 25px;
    top: 0;
    font-size: 15px;
    font-weight: 600;
    color: #ff5c1c;
}

.createOrderBox_title {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #515151;
    margin-bottom: 40px;
}

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

.cOrder_addrList_item {
    width: 329px;
    float: left;
    border-radius: 2px;
    border: solid 1px rgba(186, 186, 186, 0.5);
    padding: 21px 16px 9px;
    color: #6c6c6c;
    margin-right: 60px;
    margin-bottom: 45px;
    position: relative;
}

.cOrder_addrList p {
    word-break: break-all;
}

.addBtn > div {
    width: 33px;
    height: 33px;
    background-image: linear-gradient(135deg, #89ecc7 0%, #4eccd4 100%);
    border-radius: 50%;
    margin: 5px auto 10px;
    text-align: center;
    line-height: 33px;
    color: #fff;
}

.addBtn > p {
    text-align: center;
    height: 19px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    line-height: 19px;
    color: #9fa2a6;
    margin-bottom: 10px;
}

.cOrder_addrList_top {
    width: 100%;
    overflow: auto;
    margin-bottom: 20px;
}

.Pair {
    width: 18px;
    height: 10px;
    position: absolute;
    bottom: 13%;
    right: 4%;
    border-left: 2px solid #ff947b;
    border-bottom: 2px solid #ff947b;
    box-sizing: border-box;
    transform: rotate(-45deg);
}

.cOrder_addrList_top span {
    display: block;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .cOrder_addrList_top span:nth-child(1) {
        float: left;
        width: 45%;
    }

    .cOrder_addrList_top span:nth-child(2) {
        float: right;
        text-align: right;
        width: 55%;
    }

.cOrder_comList {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto 61px;
}

.cOrder_comList_title {
    width: 100%;
    overflow: hidden;
    margin: 0;
    border: solid 1px #d7d7d7;
    box-sizing: border-box;
}

.cOrder_comList_item {
    width: 136px;
    float: left;
    margin-right: 20px;
    text-align: center;
    line-height: 30px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #6c6c6c;
}

.cOrder_comList_item2 {
    width: 156px;
    float: left;
    margin-right: 20px;
    text-align: center;
    line-height: 30px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #6c6c6c;
}

.cOrder_comList_item_first {
    width: 574px;
}

.cOrder_comList_item_first2 {
    width: 650px;
}

.cOrder_comList_item_last {
    margin-right: 0;
}

.corder_comList_img {
    display: block;
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 51px;
}

.corder_comList_Info {
    width: 420px;
    float: left;
    text-align: left;
}

    .corder_comList_Info h3 {
        font-family: MicrosoftYaHei;
        font-size: 14px;
        color: #515151;
        margin: 0 0 9px;
        min-height: 38px;
        word-break: break-all;
    }

    .corder_comList_Info h4 {
        margin: 0;
        font-family: MicrosoftYaHei;
        font-size: 12px;
        color: #6c6c6c;
        line-height: 16px;
    }

.comListItem {
    padding: 21px;
    /*height: 115px;*/
    line-height: 79px;
}

.cOrder_comList_box {
    width: 100%;
    overflow: hidden;
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
    border-top: none;
    margin: 0;
}

.order_msg {
    width: 366px;
    height: 68px;
    border-radius: 2px;
    border: solid 1px rgba(186, 186, 186, 0.5);
    padding: 6px 15px;
    color: #6c6c6c;
    margin-bottom: 50px;
}

.order_code {
    width: 100%;
    height: 30px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    line-height: 19px;
    color: #515151;
    padding: 6px 21px;
    box-sizing: border-box;
    border-bottom: 1px solid #d7d7d7;
}

.createOrderBox_text {
    width: 366px;
    resize: none;
    margin-bottom: 60px;
    border-radius: 2px;
    border: solid 1px rgba(186, 186, 186, 0.5);
    background: transparent;
    padding: 6px 15px;
}

.createOrder_payBox {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    padding: 20px 105px;
    background-color: rgb(245,245,245);
}

.createOrder_payBox_rt {
    float: right;
    width: 252px;
}

.createOrder_payBoxBtns {
    width: 170px;
    height: 41px;
    color: #fff;
    float: right;
    background-image: linear-gradient(136deg, #89ecc7 0%, #4eccd4 100%);
    box-shadow: 0px 6px 16px 0px #b6e4df;
    border-radius: 4px;
    margin-right: 45px;
    border: none;
    outline: none;
    margin-top: 5px;
    margin-bottom: 40px;
}

.orderShow_btn {
    width: 1200px;
    margin: 0 auto 70px;
    overflow: auto;
    background-color: rgb(245,245,245);
}

.orderShowBtnBox {
    float: right;
}

.orderShowBtnBoxTop {
    width: 100%;
    margin-bottom: 35px;
    background: transparent;
}

.orderShowBtnBoxTop_item {
    width: 100%;
    overflow: hidden;
    padding: 8px 10px 8px 6px;
}

    .orderShowBtnBoxTop_item h4 {
        margin: 0;
        float: left;
        font-size: 16px;
    }

    .orderShowBtnBoxTop_item span {
        color: #ff5c1c;
        float: right;
        font-size: 16px;
    }

.orderShowBtnBoxBot {
    width: 100%;
    overflow: hidden;
}

.orderShow_btn button {
    width: 155px;
    height: 41px;
    float: right;
    color: #fff;
    /*background-image: linear-gradient(136deg, #89ecc7 0%, #4eccd4 100%);*/
    /*box-shadow: 0px 6px 16px 0px #b6e4df;*/;
    border-radius: 4px;
    border: none;
    outline: none;
    margin-bottom: 20px;
    margin-right: 10px;
}

    .orderShow_btn button.o-btn {
        background: #37a3ff;
    }

    .orderShow_btn button a.checkLink {
        display: block;
        height: 41px;
        color: #fff;
        background-image: linear-gradient(135deg, #89ecc7 0%, #4eccd4 100%);
        border: none;
        border-radius: 5px;
        line-height: 41px;
        margin: -1px -6px;
    }

.orderShowBtnBoxBot button.cancel-order {
    color: #000;
    background: transparent;
}

.orderShow_btn button.checkcontract {
}

.order_item button.checkcontract {
    color: #fff;
    border-radius: 4px;
    padding: 5px 5px;
}

.createOrder_payInfo {
    width: 100%;
    overflow: hidden;
}

.createOrder_payInfo_item {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

    .createOrder_payInfo_item span {
        display: block;
        font-family: MicrosoftYaHei;
        font-size: 16px;
        line-height: 27px;
        float: left;
        color: #6c6c6c;
    }

        .createOrder_payInfo_item span:nth-child(1) {
            float: left;
        }

        .createOrder_payInfo_item span:nth-child(2) {
            float: left;
            text-align: right;
            margin-left: 15px;
            color: #fe9169;
        }

        .createOrder_payInfo_item span:nth-child(3) {
            float: left;
            text-align: right;
            margin-left: 15px;
            color: #6c6c6c;
        }

.createOrder_payInfo_FreeQuota {
    border: 1px solid red;
    padding: 0px 7px;
    height: 27px;
    line-height: 27px;
    border-radius: 2px;
}

    .createOrder_payInfo_FreeQuota a {
        width: 100%;
        height: 100%;
        color: red;
        text-decoration: none;
    }

.OrderpayItem {
    border-radius: 2px;
    border: solid 1px #d7d7d7;
    width: 170px;
    height: 41px;
    float: left;
    margin-right: 61px;
    margin-bottom: 20px;
    padding: 6px 14px;
    line-height: 31px;
    text-align: center;
    position: relative;
    margin-left: 2px;
}

.eateOrderBox_pay {
    padding-left: 2px;
}

.pay-image {
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 8px;
}

.check-pay {
    border-radius: 2px;
    background-color: #ffffff;
    border-style: solid;
    border-width: 2px;
    /* border-image-source: linear-gradient(-90deg, rgba(254, 191, 121, 0.99) 0%, #ff947b 100%);*/
    border-image-slice: 1;
}

    .check-pay:before {
        content: '';
        display: block;
        height: 15px;
        width: 15px;
        position: absolute;
        right: 0px;
        bottom: 0px;
        background: url("../../img/subscript.svg");
    }

.addrList_acitve {
    border-radius: 2px;
    border-style: solid;
    border-width: 2px;
    border-image-source: linear-gradient(90deg, rgba(254, 191, 121, 0.99) 0%, #ff947b 100%);
    border-image-slice: 1;
}

.lost_addrList {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    width: 125px;
    height: 30px;
    margin-bottom: 61px;
    background: transparent;
    border: none;
}


.addr_win {
    display: block;
    width: 464px;
    background-color: #fff;
    box-shadow: 0px 4px 18px 0px #bbbbbb;
    position: fixed;
    z-index: 999;
    left: 38%;
    top: 51%;
    padding: 50px 50px;
    transform-style: preserve-3d;
    perspective: 2px;
    backface-visibility: hidden;
    transform: translateY(-50%);
}

.addrShow {
    display: none;
}

.addr_winShow {
    transform: translateY(0%);
    opacity: 1;
    z-index: 99;
}

.addr_win_title {
    width: 100%;
    font-family: MicrosoftYaHei;
    font-size: 18px;
    color: #515151;
    padding-bottom: 11px;
    border-bottom: 1px solid #d7d7d7;
    box-sizing: border-box;
    margin: 0;
    margin-bottom: 35px;
}

.addr_winList {
    width: 100%;
    overflow: hidden;
}

.addr_winList_item {
    width: 100%;
    margin-bottom: 35px;
}

.addr_winList_item_lt {
    float: left;
}

.addr_winList_item_rt {
    float: right;
}

.addr_winList_h4 {
    width: 100%;
    margin: 0 0 11px;
}

.addr_winList_item button {
    width: 140px;
    height: 39px;
    border-radius: 2px;
    border: solid 1px #ffbd00;
    text-align: center;
    line-height: 39px;
    background: #fff;
}

    .addr_winList_item button:nth-child(1) {
        float: left;
        background-color: #ffbd00;
        border-radius: 2px;
        color: #fff;
    }

    .addr_winList_item button:nth-child(2) {
        float: right;
        border-radius: 2px;
        border: solid 1px #ffbd00;
        color: #ffbd00;
    }

.addr_win_Addr_input {
    background: transparent !important;
}

.addr_win_sele {
}

.addr_win_text {
    margin-bottom: 27px;
    resize: none;
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
    width: 100%;
    padding: 7px;
    min-height: 44px;
}

.addr_win_input {
    width: 100%;
    border: none;
    /*outline: none;*/
    border-bottom: 1px solid #d7d7d7 !important;
    box-sizing: border-box;
}
/*-------------------end-------------------------*/
/*------------------??????-----------------------*/
.shopCartBox {
    width: 100%;
    overflow: hidden;
    margin: 0px auto;
    padding: 20px 0;
    background-color: rgb(245,245,245);
}

.shopAddr_nav {
    width: 1200px;
    height: 41px;
    margin: 0 auto;
    background-color: #ffffff;
    line-height: 41px;
    padding-left: 11px;
    font-size: 12px;
    color: #6c6c6c;
    margin-bottom: 37px;
}

.shopTitle {
    /*width: 1200px;*/
    /*margin: 0 auto;*/
    /*padding: 13px 16px;*/
    /*background: #fff;*/
    font-family: MicrosoftYaHei;
    font-size: 16px;
    line-height: 21px;
    color: #363b40;
    display: inline-block;
    padding-bottom: 9px;
    border-bottom: solid 2px #ff947b;
    box-sizing: border-box;
    margin-bottom: 5px;
}

.shopCartList {
    width: 1200px;
    overflow: hidden;
    margin: 10px auto 30px;
    padding: 13px 26px 33px;
    background: #fff;
}

.shopCartList_title {
    width: 100%;
    height: 30px;
    border-bottom: solid 1px #d7d7d7;
    box-sizing: border-box;
    background: #fff;
}

.list_ratio {
    float: left;
    margin-right: 20px;
    width: 102px;
    text-align: center;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    height: 115px;
    color: #6c6c6c
}

.color_ratio {
    color: #ff5c1c;
}

.listTitle {
    height: 30px;
    line-height: 30px;
}

.list_ratio_first {
    width: 468px;
}

.list_ratio_last {
    margin-right: 0;
}

.list_ratio_last2 {
    width: 163px;
}

    .list_ratio_last2 > p {
        line-height: 33px;
    }

.list_ratio_last-2-2 {
    padding-top: 22px;
}

.pcShopCart_del {
    display: block;
    width: 45px;
    height: 45px;
    margin: 35px auto;
    background: url('../../img/dele_icon.svg') no-repeat center;
    background-size: 23px;
    cursor: pointer;
}

.shopCartListBox {
    width: 100%;
    margin: 0 auto;
}

    .shopCartListBox li {
        width: 100%;
        height: 115px;
        background: #fff;
        line-height: 115px;
        overflow: hidden;
        border-bottom: 1px solid #d7d7d7;
        border-top: none;
        box-sizing: border-box;
    }

.listShopCart_com {
    padding: 12px;
}

.shopCart_Img {
    display: block;
    width: 60px;
    height: 60px;
    float: left;
    margin-top: 11px;
    margin-left: 11px;
}

.shopCart_com {
    float: left;
    text-align: left;
    margin-left: 51px;
    width: 311px;
}

    .shopCart_com > h4 > a {
        font-family: MicrosoftYaHei;
        width: 100%;
        font-size: 15px;
        line-height: 19px;
        color: #515151;
        font-weight: 500;
        margin: 0 0 6px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: break-all;
    }

    .shopCart_com h5 {
        font-family: MicrosoftYaHei;
        font-size: 12px;
        font-weight: normal;
        line-height: 16px;
        color: #6c6c6c;
        margin: 0 0 7px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.shopCart_com_span:nth-child(1) {
    float: left;
    margin-right: 18px;
    color: #ff5c1c;
}

.shopCart_com_span:nth-child(2) {
    float: right;
    margin-right: 44px;
    color: #ff5c1c;
}

.shopCart_btnBox {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 41px;
}

.shopCart_btnBox_price {
    float: right;
    margin-bottom: 36px;
    /*width: 160px;*/
}

    .shopCart_btnBox_price > li {
        margin-bottom: 10px;
    }

        .shopCart_btnBox_price > li > span {
            font-size: 14px;
            color: #ff5c1c;
            float: left;
        }

            .shopCart_btnBox_price > li > span:nth-child(2) {
                margin-left: 20px;
                float: right;
            }


.shopCart_Total {
    float: right;
    height: 49px;
    padding: 0 40px 0 89px;
    line-height: 49px;
    text-align: center;
}

    .shopCart_Total span {
        color: #ff5c1c;
    }

.shopCart_btn {
    display: block;
    float: right;
    width: 160px;
    height: 49px;
    text-align: center;
    line-height: 49px;
    background-image: linear-gradient(136deg, #89ecc7 0%, #4eccd4 100%);
    box-shadow: 0px 6px 16px 0px #b6e4df;
    border-radius: 4px;
    border: none;
    box-sizing: border-box;
    color: #fff;
}

    .shopCart_btn a {
        color: #fff;
    }

.lose_shopCart {
    width: 1200px;
    height: 312px;
    margin: 10px auto;
    background: #fff;
    text-align: center;
    padding: 102px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0px;
    letter-spacing: 0px;
    color: #6c6c6c;
}

.goShopMall {
    display: block;
    width: 107px;
    height: 36px;
    background-image: linear-gradient(135deg, #89ecc7 0%, #4eccd4 100%);
    border-radius: 51px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    margin: 17px auto;
}

.clearLineH {
    line-height: 0;
}

.numBox {
    overflow: hidden;
    margin: 47px auto 0;
    min-width: 61px;
    max-width: 90px;
    text-align: center;
    /*vertical-align: center;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-reduce {
    width: 21px;
    height: 21px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    color: #ffbd00;
    background: #fff;
    float: left;
}

.cartNum-span {
    min-width: 21px;
    height: 21px;
    padding: 0 3px;
    float: left;
    line-height: 21px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

/*-------------------end------------------------*/
/*-----------------????????????----------------------*/
.my {
    width: 100%;
    overflow: hidden;
    background-color: rgb(245,245,245);
}

.my_content {
    width: 100%;
    overflow: hidden;
    margin-bottom: 120px;
}

.my_Lt {
    width: 210px;
    background: #fff;
    float: left;
}

.my_Rt {
    width: 950px;
    float: right;
}

.my_Rt_top {
    width: 100%;
    height: 195px;
    background: #fff;
    padding: 38px 40px;
    margin-bottom: 30px;
}

.my_Rt_top_info {
    float: left;
}

    .my_Rt_top_info > Img {
        display: block;
        float: left;
        width: 119px;
        height: 119px;
        border-radius: 50%;
        background: #e0e4ee;
        margin-right: 25px;
    }

.my_Rt_top_infoUser {
    float: left;
}

    .my_Rt_top_infoUser > h3 {
        margin: 16px 0 7px;
        min-height: 26px;
    }

    .my_Rt_top_infoUser > span {
        display: block;
        width: 95px;
        height: 22px;
        border-style: solid;
        border-width: 1px;
        border-image-source: linear-gradient(136deg, #89ecc7 0%, #4eccd4 100%);
        border-image-slice: 1;
        border-radius: 4px;
        text-align: center;
        line-height: 22px;
    }

    .my_Rt_top_infoUser > h4 {
        margin: 17px 0 12px;
    }

.my_Rt_top_Btn {
    float: right;
    display: block;
    width: 125px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    color: #fff;
    /*    background-image: linear-gradient(136deg, #89ecc7 0%, #4eccd4 100%);
        box-shadow: 0px 6px 16px 0px #c9fbf3;*/
    background-color: #37a3ff;
    border-radius: 100px;
    margin-top: 45px;
    cursor: pointer;
}

    .my_Rt_top_Btn > a {
        display: block;
        width: 100%;
        color: #fff;
    }

.my_rt_content {
    width: 100%;
    overflow: hidden;
}

.my_rt_content-Item {
    width: 460px;
    height: 198px;
    float: left;
    background-color: #ffffff;
    box-shadow: 0 6px 16px 0 #e6e9eb;
    padding: 16px 22px 20px;
    border-radius: 4px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.my_rt_content-Item_title {
    width: 100%;
}

    .my_rt_content-Item_title > span:nth-child(1) {
        float: left;
        font-family: MicrosoftYaHei;
        font-size: 16px;
        line-height: 21px;
        color: #363b40;
    }

    .my_rt_content-Item_title > span:nth-child(2) {
        float: right;
        font-family: MicrosoftYaHei;
        font-size: 14px;
        line-height: 19px;
    }

        .my_rt_content-Item_title > span:nth-child(2) > em {
            font-style: normal;
        }

            .my_rt_content-Item_title > span:nth-child(2) > em:nth-child(1) {
                color: #fe9169;
            }

            .my_rt_content-Item_title > span:nth-child(2) > em:nth-child(2) {
                color: #64d8cf;
            }

.my_rt_content-ItemMid {
    width: 100%;
    min-height: 110px;
}

    .my_rt_content-ItemMid > span {
        display: block;
        float: left;
        width: 1px;
        height: 42px;
        background: #e6e9eb;
        margin-top: 37px;
        margin-left: 3px;
    }

.my_rt_content-ItemMid-lt {
    width: 199px;
    float: left;
    padding: 25px 40px 25px 32px;
}

    .my_rt_content-ItemMid-lt > h4 {
        color: #64d8cf;
        text-align: center;
    }

        .my_rt_content-ItemMid-lt > h4 > span {
            font-size: 27px;
        }

    .my_rt_content-ItemMid-lt > h5 {
        text-align: center;
        margin: 0;
    }

.my_rt_content-ItemMid-rt {
    width: 210px;
    float: right;
    padding: 25px 36px 25px 45px;
}

.my_rtCom {
    text-align: center;
    font-size: 32px;
    height: 110px;
    line-height: 110px;
    color: #64d8cf;
}

.my_rt_content-ItemMid-rt > h4 {
    text-align: center;
}

    .my_rt_content-ItemMid-rt > h4 > span {
        font-size: 27px;
    }

.my_rt_content-ItemMid-rt > h5 {
    text-align: center;
    margin: 0;
}

.my_rt_content-Item_btn {
    min-width: 100px;
    max-width: 128px;
    padding: 5px 22px;
    /*height: 29px;*/
    text-align: center;
    margin: 0 auto;
    /*background-image: linear-gradient(135deg, #89ecc7 0%, #4eccd4 100%);*/
    background-color: #37a3ff;
    border-radius: 22px;
    text-align: center;
    /*line-height: 29px;*/
    color: #fff;
}

    .my_rt_content-Item_btn > a {
        display: block;
        width: 100%;
        height: 100%;
        color: #fff;
    }

    .my_rt_content-Item_btn > span {
        cursor: pointer;
    }

        .my_rt_content-Item_btn > span > a {
            color: #fff;
        }

.my_rt_content-Item > h6 {
    text-align: center;
    font-weight: 400;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    line-height: 21px;
    color: #5e6264;
    margin: 46px 0 16px;
}

/*-------------------end------------------------*/
/*-------------------??????????-----------------------*/


.order_title {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

    .order_title > h4 {
        float: left;
        font-family: MicrosoftYaHei;
        font-size: 16px;
        ;
        line-height: 21px;
        margin: 0 30px 15px 0;
        color: #363b40;
        padding-bottom: 9px;
        box-sizing: border-box;
        cursor: pointer;
    }

.meBox_orderNavBox {
    padding: 0 16px;
}

.meBox_order_Nav {
    padding: 13px 42px;
}

.Nav_active {
    border-bottom: 2px solid #ff947b;
}

ul.orderBox_list li .checkLink {
    color: #fff;
    background-image: linear-gradient(135deg, #89ecc7 0%, #4eccd4 100%);
    border: none;
    padding: 5px 5px;
    display: inline-block;
    border-radius: 5px;
}

.orderList_lost {
    width: 100%;
    background-color: #fff;
    padding: 114px 41px;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #6c6c6c
}

    .orderList_lost > p {
        text-align: center;
        font-family: MicrosoftYaHei;
        font-size: 14px;
        color: #6c6c6c;
    }

.orderList_lost_Btn {
    display: block;
    width: 107px;
    height: 36px;
    background-image: linear-gradient(135deg, #89ecc7 0%, #4eccd4 100%);
    border-radius: 51px;
    border: none;
    margin: 17px auto;
    color: #fff;
}

    .orderList_lost_Btn > a {
        display: block;
        width: 100%;
        height: 100%;
        color: #fff;
        font-family: MicrosoftYaHei;
        text-decoration: none;
        font-size: 14px;
        line-height: 36px;
    }

.orderBox {
    width: 100%;
    overflow: hidden;
    margin-top: 5px;
    min-height: 372px;
    padding: 13px 28px 27px 38px;
    background: #fff;
}

.orderBox_list {
    width: 100%;
    overflow: hidden;
    border-bottom: solid 1px #d7d7d7;
    border-top: none;
    padding-bottom: 20px;
    box-sizing: border-box;
}

.orderList_items {
    height: 70px;
    line-height: 55px;
    color: #6c6c6c;
}

.orderBox_title {
    width: 100%;
    overflow: hidden;
    border-bottom: solid 1px #d7d7d7;
    border-top: none;
    box-sizing: border-box;
    padding-bottom: 5px;
}

.orderBox_list h3 {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #6c6c6c;
    padding: 12px 17px;
    margin: 0;
}

.order_item {
    float: left;
    width: 94px;
    margin-right: 20px;
    text-align: center;
    padding: 5px;
}

    .order_item .checkcontract {
        color: #FFFFFF;
    }

    .order_item button {
        display: block;
        font-family: MicrosoftYaHei;
        font-size: 14px;
        line-height: 18px;
        color: #6c6c6c;
        margin: 0px auto;
        padding: 2px;
        background: transparent;
        border: none;
    }


.order_item_first {
    width: 390px;
}

    .order_item_first > a {
        display: block;
        width: 100%;
    }

.order_item_last {
    margin-right: 0;
    width: 122px;
}

.order_item_last2 {
    width: 102px;
}

.order_item_Img {
    display: block;
    height: 60px;
    width: 60px;
    float: left;
    background-color: #d7d7d7;
    margin-right: 20px;
    margin-left: 17px;
}

.order_item_com {
    display: block;
    float: left;
}

    .order_item_com > h4 {
        font-family: MicrosoftYaHei;
        font-size: 14px;
        width: 280px;
        color: #515151;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        text-align: left;
        line-height: 19px;
        margin: 0 0 6px;
        word-break: break-all;
    }

    .order_item_com h5 {
        width: 283px;
        font-family: MicrosoftYaHei;
        font-size: 12px;
        color: #6c6c6c;
        text-align: left;
        line-height: 16px;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.order_item_color {
    color: #ff5c1c !important;
}

.payActive {
    background: #37a3ff !important;
    color: #fff !important;
    border-radius: 4px;
    padding: 5px 15px !important;
}
/*-------------------end------------------------*/
/*-----------------?????????----------------------*/
.addrList {
    width: 100%;
    padding: 24px 36px 49px;
    background: #fff;
}

.addrList_Box {
    width: 100%;
    overflow: hidden;
    border-top: solid 1px #d7d7d7;
    box-sizing: border-box;
}

.addrList_title {
    width: 100%;
    overflow: hidden;
}

.clearListTop {
    border-bottom: solid 1px #d7d7d7;
    box-sizing: border-box;
}

.addrList_btn {
    float: right;
    /*background: #ffbd00;*/
    /*color: #fff;*/
}

.btn_a {
    background: #ffbd00;
    color: #fff !important;
    border: none;
    border-radius: 2px;
    padding: 1px 5px;
    box-sizing: border-box;
}

.addrList_item {
    width: 102px;
    margin-right: 20px;
    float: left;
    text-align: center;
    padding: 6px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 21px;
    color: #5e6264;
}

.addrItem {
    height: 90px;
    line-height: 74px;
}

.addrList_two {
    width: 127px;
}

.addrList_three {
    width: 382px;
}

.addrList_last {
    width: 207px;
    margin-right: 0;
}

.addrList_three_item {
    line-height: 29px;
}

.addrItem4 {
    padding: 8px 10px;
    margin-top: 10px;
}

.addrItem3 {
    height: 90px;
    padding: 20px 26px;
    text-align: left;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    color: #515151;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .addrItem3 > span {
        display: block;
        width: 100%;
        overflow: hidden;
    }

.addrItem4 > span {
    display: block;
    float: left;
    padding: 3px 9.5px;
    border-radius: 2px;
    height: 22px;
    line-height: 14px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #6c6c6c;
    box-sizing: border-box;
    letter-spacing: 2px;
    cursor: pointer;
}

.addrStatusDef {
    background-image: linear-gradient(135deg, #89ecc7 0%, #4eccd4 100%) !important;
    border-radius: 40px !important;
    color: #fff !important;
}

.addrItem4 > span:nth-child(1) {
    border-radius: 15px;
    border: solid 1px #63d8cf;
}

.addrItem4 > span:nth-child(3) {
    color: #ff6f37;
}

.addAddr_btn {
    display: block;
    width: 113px;
    height: 36px;
    /*    background-image: linear-gradient(135deg, #89ecc7 0%, #4eccd4 100%);
        box-shadow: 0px 6px 16px 0px #b6e4df;*/
    background-color: #37a3ff;
    border-radius: 51px;
    color: #fff;
    text-align: center;
    line-height: 36px;
    border: none;
    margin: 55px auto 0;
}

/*-------------------end------------------------*/
/*-----------------????????----------------------*/
.applyFree {
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0px 6px 16px 0px #e6e9eb;
    border-radius: 4px;
}

    .applyFree .speed {
        width: 100%;
        padding: 54px 67px 54px 65px;
    }

.speed_item {
    float: left;
    font-family: MicrosoftYaHei;
    font-size: 22px;
    line-height: 29px;
    color: #fff;
    position: relative;
}

.speed_item-node1 {
    background: red;
    width: 43px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    color: #fff;
    background-image: linear-gradient(138deg, rgba(255, 205, 151, 0.99) 0%, #ff9a9a 100%);
    box-shadow: 0px 6px 16px 0px #f0c8b9;
    border-radius: 50%;
    position: relative;
}

    .speed_item-node1:before {
        width: 90px;
        content: '???????????';
        position: absolute;
        text-align: center;
        bottom: -41px;
        left: -22px;
        color: #5e6264;
        font-size: 14px;
    }

    .speed_item-node1:nth-child(3):before {
        content: '?????????C?';
    }

    .speed_item-node1:nth-child(5):before {
        content: '???C?????';
    }

.speed_item-Line1 {
    width: 310px;
    height: 2px;
    background-color: #ffad9a;
    border-radius: 2px;
    margin: 22px 13px;
}
/*?????*/
.applyYes3 {
    background-image: linear-gradient(136deg, rgb(111,164,233) 0%, #4eccd4 100%);
    box-shadow: 0px 6px 16px 0px #9eeae1;
    position: relative;
    color: transparent;
}

    .applyYes3:after {
        display: block;
        content: '';
        width: 20px;
        height: 12px;
        border-left: 3px solid #fff;
        border-bottom: 3px solid #fff;
        box-sizing: border-box;
        position: absolute;
        top: 12px;
        left: 12px;
        transform: rotate(-45deg);
    }

.applyYes1 {
    background-image: linear-gradient(136deg, #89ecc7 0%, #4eccd4 100%);
    box-shadow: 0px 6px 16px 0px #9eeae1;
}

.applyYes2 {
    background-image: linear-gradient(136deg, #89ecc7 0%, #4eccd4 100%);
    box-shadow: 0px 6px 16px 0px #9eeae1;
}

.appleFree_type {
    width: 100%;
    padding: 51px 86px 60px 90px;
}

    .appleFree_type > div {
        width: 340px;
        height: 200px;
        background-color: #fff;
        border-radius: 16px;
        margin: 10px 0;
        transition: all 0.2s;
        text-align: center;
        padding: 74px 0 0;
        margin-bottom: 20px;
    }

        .appleFree_type > div > p {
            font-family: MicrosoftYaHei;
            font-size: 32px;
            line-height: 42px;
            color: #fff;
        }

        .appleFree_type > div > span {
            font-family: ArialMT;
            font-size: 20px;
            line-height: 22px;
            color: rgba(255, 255, 255, 0.65);
        }

        .appleFree_type > div:hover {
            box-shadow: 0 6px 16px 0 #afb3f2;
        }

.appleFree_type_Lt {
    background: url("../../img/personal.png");
    float: left;
}

.appleFree_type_Rt {
    background: url("../../img/enterprise.png");
    float: right;
}

.requiredBox {
    margin-bottom: 18px;
}

.required {
    margin: 2px;
    font-size: 25px;
}

.requiredIcon {
    display: inline-block;
    border: 5px solid #000000;
    border-radius: 50%;
}

.appleFree_user {
    width: 100%;
    overflow: hidden;
    padding: 20px 151px 35px;
}

    .appleFree_user > h4 {
        font-family: MicrosoftYaHei;
        font-size: 18px;
        line-height: 24px;
        color: #363b40;
        margin-bottom: 35px;
    }

    .appleFree_user > p {
        width: 100%;
        font-family: MicrosoftYaHei;
        font-size: 16px;
        line-height: 21px;
        color: #9fa2a6;
        margin-bottom: 50px;
    }

.appleFree_user-Content {
    margin-bottom: 55px;
}

    .appleFree_user-Content > input {
        padding: 13px 21px;
        margin: 10px;
        width: 300px;
        height: 47px;
        border-radius: 5px;
        border: solid 1px #d7d7d7;
    }

        .appleFree_user-Content > input:nth-child(1) {
            float: left;
        }

        .appleFree_user-Content > input:nth-child(2) {
            float: right;
        }

.IdImg_box {
    width: 100%;
    overflow: hidden;
    margin-bottom: 37px;
}

    .IdImg_box > p {
        width: 100%;
        font-family: MicrosoftYaHei;
        font-size: 14px;
        line-height: 28px;
        color: #9fa2a6;
        margin-top: 10px;
    }

.IdImg_box-item {
    width: 300px;
    height: 178px;
    float: left;
    border-radius: 4px;
    border: solid 1px #d7d7d7;
    box-sizing: border-box;
    position: relative;
}

    .IdImg_box-item:nth-child(2) {
        float: right;
    }

    .IdImg_box-item > img {
        display: block;
        width: 100%;
        height: 100%;
    }

.inputFileUp {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.ImgTip {
    display: block;
    width: 56px;
    height: 28px;
    background-color: #79b7ed;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 6px 10px 3px 18px;
    color: #fff;
    font-size: 14px;
    border-radius: 28px 0 0 0;
}

.appleFree_user_Btn {
    width: 100%;
    overflow: hidden;
    padding: 0 150px;
}

.returnBtn {
    float: left;
    width: 123px;
    height: 36px;
    box-sizing: border-box;
    border: 1px solid #ff9a9a;
    border-radius: 41px;
    background: #fff;
    margin: 0 50px 25px 30px;
}

.nextBtn {
    display: block;
    width: 123px;
    height: 36px;
    background-image: linear-gradient(135deg, #89ecc7 0%, #4eccd4 100%);
    box-shadow: 0px 6px 16px 0px #b6e4df;
    border-radius: 41px;
    text-align: center;
    line-height: 36px;
    box-sizing: border-box;
    border: none;
    color: #fff;
    margin: 0 20px 25px;
}

.appleFree_ent1 {
    width: 100%;
    overflow: hidden;
    padding: 55px 156px;
}

    .appleFree_ent1 > h4 {
        font-family: MicrosoftYaHei;
        font-size: 18px;
        line-height: 24px;
        color: #363b40;
        margin-bottom: 35px;
    }

.appleFree_ent1_content {
    width: 100%;
    overflow: hidden;
    margin-bottom: 32px;
}

    .appleFree_ent1_content > input {
        width: 300px;
        height: 47px;
        border-radius: 4px;
        border: solid 1px #d7d7d7;
        box-sizing: border-box;
        margin-right: 30px;
        padding: 11px 21px;
    }

    .appleFree_ent1_content > button {
        width: 87px;
        height: 37px;
        background-image: linear-gradient(136deg, #89ecc7 0%, #4eccd4 100%);
        border-radius: 53px;
        border: none;
        color: #fff;
        box-shadow: 0px 6px 16px 0px #9eeae1;
        margin-bottom: 16px;
    }

.appleFree_ent1 > p {
    width: 100%;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    line-height: 21px;
    color: #9fa2a6;
    margin-bottom: 50px;
    /*word-break: break-word;*/
}

.appleFree_ent1 > button {
    display: block;
    width: 107px;
    height: 36px;
    background: #fff;
    border: 1px solid #ff9a9a;
    box-sizing: border-box;
    outline: none;
    border-radius: 53px;
    margin: 25px auto;
}

.applyFree_Obtain {
    width: 100%;
    overflow: hidden;
    padding: 70px 307px 95px;
}

.applyFree_Obtain-box {
    width: 174px;
    height: 174px;
    overflow: hidden;
    margin: 0 auto 21px;
    text-align: center;
    border: 1px solid #4eccd4;
    box-sizing: border-box;
    border-radius: 50%;
    font-family: MicrosoftYaHei;
    font-size: 30px;
    line-height: 174px;
    color: #64d8cf;
}

.applyFree_Obtain > h4 {
    font-family: MicrosoftYaHei;
    font-size: 20px;
    line-height: 26px;
    color: #5e6264;
    text-align: center;
    margin-bottom: 21px;
}

.applyFree_Obtain > p {
    width: 100%;
    font-family: MicrosoftYaHei;
    font-size: 18px;
    line-height: 28px;
    color: #9fa2a6;
    margin-bottom: 95px;
}

.applyFree_Obtain > button > a {
    display: block;
    width: 100%;
    color: #fff;
}

.applyFree_ent2 {
    padding: 30px 156px 75px 154px;
}

    .applyFree_ent2 > h4 {
        font-family: MicrosoftYaHei;
        font-size: 18px;
        line-height: 24px;
        color: #363b40;
        margin-bottom: 20px;
    }

    .applyFree_ent2 > input {
        width: 300px;
        height: 47px;
        border-radius: 4px;
        border: solid 1px #d7d7d7;
        box-sizing: border-box;
        margin-bottom: 18px;
        padding: 13px 21px;
    }

.License_img {
    width: 100%;
    /*height: 178px;*/
    border-radius: 4px;
    /*border: solid 1px #d7d7d7;*/
    margin-bottom: 55px;
}

    .License_img > p {
        width: 100%;
        font-family: MicrosoftYaHei;
        font-size: 14px;
        line-height: 28px;
        color: #9fa2a6;
        margin-top: 10px;
    }

.contract {
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 37px;
}


/*-------------------end------------------------*/
/*----------------?????????????-------------------*/
.ModifyPassword {
    width: 100%;
    overflow: hidden;
    padding: 54px 54px 35px;
    background: #fff;
}

    .ModifyPassword > h4 {
        font-family: MicrosoftYaHei;
        font-size: 16px;
        line-height: 21px;
        color: #363b40;
        margin-bottom: 15px;
    }

    .ModifyPassword > input {
        width: 300px;
        height: 41px;
        border-radius: 4px;
        border: solid 1px #d7d7d7;
        box-sizing: border-box;
        margin-bottom: 24px;
        padding: 10px 21px;
    }

.ModifyPassword_btn {
    width: 100%;
    overflow: hidden;
    padding: 55px 31px 0;
}

    .ModifyPassword_btn > button {
        width: 107px;
        height: 36px;
        border-radius: 51px;
        border: none;
        margin-bottom: 20px;
        margin-right: 25px;
    }

        .ModifyPassword_btn > button:nth-child(1) {
            /*background-image: linear-gradient(135deg, #89ecc7 0%, #4eccd4 100%);*/
            /*box-shadow: 0px 6px 16px 0px #b6e4df;*/
            background-color: #37a3ff;
            color: #fff;
        }

        .ModifyPassword_btn > button:nth-child(2) {
            background: #fff;
            border: 1px solid #ff9a9a;
        }

/*---------------??????C???????--------------------*/
/*?????????C? ??????*/
.userInfo {
    width: 100%;
    overflow: hidden;
    background: #fff;
    /*height: 500px;*/
    padding: 44px;
}

.userInfo_title {
    width: 100%;
    overflow: hidden;
    margin-bottom: 26px;
}

    .userInfo_title > li {
        float: left;
        font-family: MicrosoftYaHei;
        font-size: 18px;
        line-height: 24px;
        color: #363b40;
        padding-bottom: 9px;
        box-sizing: border-box;
        margin-right: 45px;
    }

.user_active {
    border-bottom: 2px solid #ff947b;
}

.userInfoBox {
    width: 100%;
    overflow: hidden;
}

    .userInfoBox > input {
        width: 300px;
        height: 47px;
        border-radius: 4px;
        border: solid 1px #d7d7d7;
        padding: 11px 21px;
        margin-bottom: 25px;
    }
/*????????C? ??????*/

.userInfoBox_list {
    width: 100%;
    overflow: hidden;
    /*position: relative;*/
}

    .userInfoBox_list .red {
        color: red;
        float: left;
        display: inline-block;
        height: 47px;
        line-height: 47px;
        margin-left: 10px;
    }

    .userInfoBox_list > li {
        width: 100%;
        overflow: hidden;
        padding-left: 112px;
        position: relative;
        margin-bottom: 25px;
    }

        .userInfoBox_list > li > h4 {
            width: 114px;
            text-align: right;
            float: left;
            position: absolute;
            padding-top: 13px;
            top: 0;
            left: 0;
            font-size: 16px;
            color: #454d52;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .userInfoBox_list > li > input {
            float: left;
            width: 300px;
            height: 47px;
            border-radius: 4px;
            border: solid 1px #d7d7d7;
            margin-left: 28px;
            padding: 11px 21px;
        }

        .userInfoBox_list > li > p {
            margin-left: 28px;
        }

.inputImgBox {
    margin-left: 28px;
    width: 300px;
    height: 178px;
    border-radius: 4px;
    border: solid 1px #d7d7d7;
    position: relative;
}

    .inputImgBox > img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .inputImgBox > input {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 9;
    }

.inputImgBox_icon {
    width: 40px;
    height: 40px;
    background-image: linear-gradient(136deg, #89ecc7 0%, #4eccd4 100%);
    box-shadow: 0px 6px 16px 0px #b6e4df;
    margin: 69px auto 0;
    text-align: center;
    line-height: 40px;
    color: #FFF;
    overflow: hidden;
    border-radius: 50%;
}

    .inputImgBox_icon > span {
        display: inline-block;
        transform: scale(2);
    }

.userInfoBtn {
    width: 100%;
    overflow: hidden;
    padding: 0 286px;
    margin: 75px 0 0;
}

.IdImg_box-item1 {
    width: 240px;
    height: 142px;
}

.IdImg_box-item2 {
    width: 130px;
    height: 192px;
}

.userInfoBtn > button {
    display: block;
    float: left;
    width: 107px;
    height: 36px;
    border-radius: 41px;
    margin-bottom: 31px;
    box-sizing: border-box;
    background: #fff;
}

    .userInfoBtn > button:nth-child(1) {
        background-image: linear-gradient(135deg, #89ecc7 0%, #4eccd4 100%);
        box-shadow: 0px 6px 16px 0px #b6e4df;
        margin-right: 25px;
        border: none;
        color: #fff;
    }

    .userInfoBtn > button:nth-child(2) {
        border: 1px solid #b6e4df;
    }

.ImgList {
    width: 100%;
    height: 102px;
    overflow: hidden;
    margin-left: 28px;
    margin-bottom: 10px;
}

.ImgList-item {
    width: 102px;
    height: 102px;
    position: relative;
    float: left;
    margin-right: 20px;
    border-radius: 4px;
    border: solid 1px #d7d7d7;
    box-sizing: border-box;
}

    .ImgList-item > div {
        width: 40px;
        height: 40px;
        margin: 31px auto;
        color: #63d8cf;
        line-height: 40px;
        text-align: center;
        font-size: 16px;
    }

        .ImgList-item > div > span {
            display: inline-block;
            transform: scale(2);
        }

    .ImgList-item > img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .ImgList-item > input {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }

    .ImgList-item > span {
        display: block;
        height: 18px;
        width: 18px;
        position: absolute;
        border-radius: 18px 0 0 0;
        right: 0;
        bottom: 0;
        text-align: center;
        padding: 1px 3px 2px 6px;
        background: rgba(0,0,0,0.4);
        color: #fff;
    }




/*-------------------end------------------------*/

/*?????????*/
.recommend-content {
    overflow: hidden;
    background: #fff;
    padding: 44px;
}


.recommend_member, .recommend_order, .recommend_oprent {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.recommend_title {
    heigth: 30px;
    line-height: 30px;
    display: flex;
}

    .recommend_title li {
        flex: 1;
        text-align: center;
        border-bottom: 1px solid #ccc;
    }

.recommend_item li {
    display: flex;
    border-bottom: 1px solid #ccc;
}

    .recommend_item li p {
        flex: 1;
        text-align: center;
        word-break: break-all;
        padding: 0 10px;
        margin-top: 10px;
    }

/*-------------------end------------------------*/

.payMentpayBox {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;
    padding: 24px 36px;
    min-height: 378px;
}

.payMentpay {
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 11px;
}

.payMentpay_item {
    float: left;
    width: 224px;
    text-align: center;
    margin-right: 20px;
    padding: 3px 3px 5px;
}

.payMentpay_item2 {
    width: 163px;
}

.payMentpay_item4 {
    width: 207px;
    margin: 0;
}

.payMentpayList {
    border-bottom: solid 1px #d7d7d7;
    box-sizing: border-box;
}

.payMentpayList_item1 {
}

.payMentpayList > li {
    height: 91px;
    line-height: 91px;
}

.payMentpayList_item1 > h4 {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    line-height: 21px;
    color: #363b40;
    margin: 20px 0 0;
}

.payMentpayList_item1 > h5 {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    line-height: 19px;
    color: #5e6264;
    margin: 0;
}

.payMentpay_item4 > span {
    padding: 4px 11px;
}

    .payMentpay_item4 > span:nth-child(1) {
        background-image: linear-gradient(135deg, #89ecc7 0%, #4eccd4 100%);
        border-radius: 40px;
        color: #fff;
        margin-right: 9px;
    }

.payMentpay_item5 > span {
    position: relative;
    background: #fff !important;
    color: #555555 !important;
}

    .payMentpay_item5 > span:nth-child(1) > em {
        float: left;
        display: block;
        width: 19px;
        height: 19px;
        background-image: linear-gradient(135deg, #89ecc7 0%, #4eccd4 100%);
        border-radius: 50%;
        position: absolute;
        top: 5px;
        left: -24px;
    }

        .payMentpay_item5 > span:nth-child(1) > em:before {
            content: '';
            display: block;
            height: 5px;
            width: 12px;
            border-bottom: 2px solid #fff;
            border-left: 2px solid #fff;
            position: absolute;
            left: 4px;
            top: 6px;
            transform: rotate(-45deg);
        }

/*?C????-a*/
.article.help-center-common {
    padding: 20px 0;
    margin-bottom: -20px;
    background: #f5f5f5;
}

.help-center-common .main-about {
    width: 1200px;
    margin: 0 auto;
    clear: both;
}
/*a.????????????????css*/
.main-about .nav-help {
    width: 209px;
    height: auto;
    min-height: 205px;
    background: #fff;
    padding-bottom: 40px;
    overflow: hidden;
}

.nav-help .tit-help {
    height: 50px;
    line-height: 50px;
    background: #39a1ea;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 0 20px;
    overflow: hidden;
}

.help-center-nav {
    width: 198px;
    height: auto;
    margin: 0 auto;
}

    .help-center-nav dl {
        width: 186px;
        height: auto;
        padding-left: 12px;
        font-size: 16px;
        color: #343434;
    }

    .help-center-nav dt {
        height: 46px;
        line-height: 46px;
        border-bottom: 1px dashed #fafafa;
    }

    .help-center-nav .help-sever {
        margin-left: 0;
    }

    .help-center-nav a {
        display: block;
        font-size: 14px;
        color: #8d8d8d;
        -moz-transition: color .25s ease-in-out;
        -o-transition: color .25s ease-in-out;
        -webkit-transition: color .25s ease-in-out;
        transition: color .25s ease-in-out;
    }

        .help-center-nav a:hover {
            color: #3797d3;
            -moz-transition: color .25s ease-in-out;
            -o-transition: color .25s ease-in-out;
            -webkit-transition: color .25s ease-in-out;
            transition: color .25s ease-in-out
        }

        .help-center-nav a.active {
            color: #3797d3;
            -moz-transition: color .25s ease-in-out;
            -o-transition: color .25s ease-in-out;
            -webkit-transition: color .25s ease-in-out;
            transition: color .25s ease-in-out
        }

    .help-center-nav i {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        width: 14px;
        margin-right: 12px;
        vertical-align: -1px;
        *vertical-align: 2px
    }

    .help-center-nav li {
        display: block;
        width: 186px;
        height: auto;
        line-height: 46px;
        min-height: 46px;
        border-bottom: 1px dashed #fafafa;
        text-indent: 22px;
    }

.icon-help-reserve {
    background-image: url(../../img/web.png);
    background-position: -1131px -308px;
    width: 12px;
    height: 14px;
}

.icon-help-cost {
    background-image: url(../../img/web.png);
    background-position: -1149px -308px;
    width: 12px;
    height: 14px;
}

.icon-help-sever {
    background-image: url(../../img/web.png);
    background-position: -1602px -248px;
    width: 14px;
    height: 15px;
}

.help-center-nav .sub-nav ul {
    display: none;
    border-top: 1px dashed #fafafa;
}

    .help-center-nav .sub-nav ul li {
        padding-left: 24px;
    }

.help-center-nav .sub-nav.open ul {
    display: block;
}

/*a.?C?????????????????*/
.about {
    width: 968px;
    overflow: hidden;
}

    .about .ad-about {
        width: 968px;
        height: 50px;
        overflow: hidden
    }

.help-center-main {
    width: 968px;
    height: auto;
    padding: 20px 0 40px;
    background: #fff
}

    .help-center-main .help-center-tit {
        font-size: 20px;
        color: #39a1ea;
        text-align: center
    }
/*-------------??????-----------------------*/
.login-bg {
    /*    background: url('../../img/login-banner.jpg') no-repeat;*/
}

.login-banner {
    position: relative;
    width: 100%;
    height: 720px;
}

    .login-banner img {
        width: 100%;
        height: 720px;
    }

    .login-banner .login-main {
        position: absolute;
        left: 50%;
        top: 104px;
        margin-left: -600px;
    }

    .login-banner .login-info-mian {
        width: 370px;
        height: auto;
        margin-right: 100px;
        padding-bottom: 38px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -moz-box-shadow: rgba(0,0,0,0.1) 2px 2px 6px;
        -webkit-box-shadow: rgba(0,0,0,0.1) 2px 2px 6px;
        box-shadow: rgba(0,0,0,0.1) 2px 2px 6px;
        background: #fff;
    }

    .login-banner .login-tab {
        /* background: url(../../img/login-tab-bg.png) no-repeat;*/
        clear: both;
    }

    .login-banner .login-tit {
        width: 370px;
        height: 53px;
        line-height: 53px;
        font-size: 18px;
        text-align: center;
        -moz-border-radius: 6px 6px 0 0;
        -webkit-border-radius: 5px;
        border-radius: 5px 5px 0 0;
        /*background: url(../../img/prefect-tit.png) repeat-x;*/
        color: #666;
    }

    .login-banner .login-tab span {
        float: left;
        display: block;
        width: 50%;
        text-align: center;
        font-size: 16px;
    }

        .login-banner .login-tab span a {
            padding-bottom: 13px;
            color: #666;
        }

        .login-banner .login-tab span.cur a {
            color: #37A3FF;
            border-bottom: 2px solid #3AA3FF;
        }

    .login-banner .login-list {
        width: 320px;
        height: auto;
        margin: 20px auto;
    }

        .login-banner .login-list li {
            position: relative;
            margin-bottom: 20px;
            display: block;
        }

            .login-banner .login-list li input:focus {
                border-color: #37a3ff;
            }

        .login-banner .login-list .login-text {
            width: 302px;
            height: 38px;
            line-height: 38px;
            font-size: 13px;
            padding-left: 16px;
            color: #333;
            border: 1px solid #eaeaea;
        }

.phone-login span.warning {
    color: #FF545B;
}

input[type="text"], textarea, input[type="password"] {
    padding-left: 10px;
    border-color: #e9ebed;
    -moz-transition: box-shadow .25s ease-in-out;
    -o-transition: box-shadow .25s ease-in-out;
    -webkit-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out;
    -moz-transition: border-color .25s ease-in-out;
    -o-transition: border-color .25s ease-in-out;
    -webkit-transition: border-color .25s ease-in-out;
    transition: border-color .25s ease-in-out;
}

.login-banner .login-list .sms-input {
    width: 190px !important;
}

textarea.error, input.error {
    border: 1px solid #fe4979 !important;
}

.login-banner .login-list li .sure-num {
    line-height: 36px;
    border-radius: 3px;
}

a.sure-num:hover {
    color: #c0c0c0;
}

.sure-num {
    display: block;
    width: 108px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #f0f0f0;
    font-size: 12px;
    color: #c0c0c0;
}

[disabled], .disabled {
    cursor: not-allowed !important;
}

.sure-num.sure-num-click {
    display: block;
    width: 108px;
    text-align: center;
    line-height: 40px;
    margin-left: 12px;
    height: 40px;
    background: #37a3ff;
    font-size: 12px;
    color: #fff;
    cursor: pointer !important;
}

.sure-num a:hover {
    color: #fff !important;
}

.login-banner .login-list .verification {
    display: block;
    position: absolute;
    right: 18px;
    top: 2px;
    width: 108px;
    height: 36px;
    cursor: pointer;
}

.login-banner .login-check {
    display: block;
    margin: -6px auto 20px;
    width: 320px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #666;
    cursor: pointer;
}

    .login-banner .login-check input {
        margin: 8px 4px 0 0;
        -moz-appearance: checkbox;
        -webkit-appearance: checkbox;
        cursor: pointer;
    }

.login-banner .login-btn {
    display: block;
    margin: 0 auto 20px;
    width: 320px;
    height: 42px;
    line-height: 42px;
    background: #37a3ff;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 3px;
    border: none;
}

.entrance {
    width: 100%;
    text-align: center;
    color: #666;
}

    .entrance b {
        display: inline-block;
        margin: 0 14px;
    }

    .entrance a {
        font-size: 14px;
        color: #666;
    }
/*-------------end-----------------------*/


/*-------------?????????-----------------------*/

.prefect-center {
    width: 100%;
    position: relative;
}

    .prefect-center .prefect-main {
        position: absolute;
        left: 50%;
        top: 44px;
        margin-left: -600px;
    }

    .prefect-center img {
        width: 100%;
        height: 572px;
    }

    .prefect-center .prefect-info-mian {
        width: 430px;
        height: auto;
        padding-bottom: 19px;
        margin-left: 64px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: rgba(0,0,0,0.1) 2px 2px 6px;
        -webkit-box-shadow: rgba(0,0,0,0.1) 2px 2px 6px;
        box-shadow: rgba(0,0,0,0.1) 2px 2px 6px;
        background: #fff;
    }

.info-tit {
    width: 378px;
    height: 53px;
    line-height: 53px;
    padding: 0 26px;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 0 0;
    /*    background: url(../../img/prefect-tit.png) repeat-x;*/
}

    .info-tit dt {
        display: block;
        font-size: 18px;
        color: #666;
        line-height: 53px;
        font-weight: normal;
    }

    .info-tit dd {
        display: block;
        font-size: 13px;
        color: #666;
        line-height: 53px;
    }

        .info-tit dd a {
            font-size: 12px;
            color: #37a3ff;
            text-decoration: underline;
        }

.prefect-form {
    width: 380px;
    margin: 0 auto
}

    .prefect-form li {
        position: relative;
        width: 380px;
        height: 46px
    }

        .prefect-form li input {
            width: 249px;
            height: 42px;
            padding-left: 129px;
            border: 1px solid #eaeaea;
            box-sizing: content-box;
        }

.register-form {
    padding-top: 20px;
}

.prefect-form li .form-xltit {
    letter-spacing: 13px;
}

.prefect-form li .form-tit {
    display: block;
    width: 114px;
    height: 42px;
    line-height: 42px;
    position: absolute;
    left: 15px;
    top: 0;
    font-size: 14px;
    color: #666;
}

.prefect-form li input:focus {
    border-color: #37a3ff;
}

.prefect-form .form-error {
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #ff6a6a;
}

input::-webkit-input-placeholder {
    color: #ccc;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ccc;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ccc;
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ccc;
}

textarea.error, input.error {
    border: 1px solid #fe4979 !important;
}

input[type="text"], textarea, input[type="password"] {
    padding-left: 10px;
    border-color: #e9ebed;
    -moz-transition: box-shadow .25s ease-in-out;
    -o-transition: box-shadow .25s ease-in-out;
    -webkit-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out;
    -moz-transition: border-color .25s ease-in-out;
    -o-transition: border-color .25s ease-in-out;
    -webkit-transition: border-color .25s ease-in-out;
    transition: border-color .25s ease-in-out;
}

    textarea.error, input.error {
        border: 1px solid #fe4979 !important;
    }

input[type="text"], textarea, input[type="password"] {
    padding-left: 10px;
    border-color: #e9ebed;
    -moz-transition: box-shadow .25s ease-in-out;
    -o-transition: box-shadow .25s ease-in-out;
    -webkit-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out;
    -moz-transition: border-color .25s ease-in-out;
    -o-transition: border-color .25s ease-in-out;
    -webkit-transition: border-color .25s ease-in-out;
    transition: border-color .25s ease-in-out;
}

input.error {
    border: 1px solid #fe4979;
}

input[type="text"], input[type="password"] {
    border: 1px solid #e9ebed;
}

textarea.error, input.error {
    border: 1px solid #fe4979 !important;
}

input[type="text"], textarea, input[type="password"] {
    padding-left: 10px;
    border-color: #e9ebed;
    -moz-transition: box-shadow .25s ease-in-out;
    -o-transition: box-shadow .25s ease-in-out;
    -webkit-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out;
    -moz-transition: border-color .25s ease-in-out;
    -o-transition: border-color .25s ease-in-out;
    -webkit-transition: border-color .25s ease-in-out;
    transition: border-color .25s ease-in-out;
}

.prefect-form li .code-input {
    width: 130px !important;
}

.register-center .verification-pic {
    display: block;
    width: 108px;
    height: 38px;
    position: absolute;
    right: 3px;
    top: 2px;
    background: #37a3ff;
    color: #fff;
}

    .register-center .verification-pic:hover {
        color: #fff;
    }

    .register-center .verification-pic img {
        display: block;
        width: 100%;
        height: 100%;
    }

.register-form .register-green {
    margin-bottom: -10px;
    font-size: 13px;
    color: #666;
}

    .register-form .register-green a {
        font-size: 12px;
        color: #37a3ff;
    }

.prefect-form li .prefect-button {
    width: 100%;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    margin-top: 5px;
    color: #fff;
    background: #37a3ff;
    border: 0;
}

.prefect-commentary {
    padding-top: 190px;
}

    .prefect-commentary li {
        margin-bottom: 22px;
        font-size: 22px;
        color: #fff;
        display: flex;
        align-items: center;
    }

    .prefect-commentary i {
        display: inline-block;
        vertical-align: -3px;
        margin-right: 6px;
    }

    .prefect-commentary b {
        font-size: 30px;
        margin: 0 6px;
    }

.icon-perfect-checkout {
    background-image: url(../../img/productShow/web.png);
    background-position: -1157px -248px;
    width: 22px;
    height: 20px;
}
/*-------------end-----------------------*/

/*-------------??????????-----------------------*/
.forget-center img {
    height: 572px;
}

.forget-center .verification-pic {
    display: block;
    width: 108px;
    height: 38px;
    position: absolute;
    right: 3px;
    top: 2px;
    background: #37a3ff;
    color: #fff;
}

    .forget-center .verification-pic:hover {
        color: #fff;
    }

.sure-num {
    display: block;
    width: 90px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #f0f0f0;
    font-size: 12px;
    color: #c0c0c0;
}

/*-------------end-----------------------*/
/*-------------?????????-----------------------*/
.preferential {
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
}

.main-cont dl {
    width: 1202px;
    height: 348px;
    padding-top: 20px
}

.preferential-list-left {
    width: 600px;
    margin: 37px 50px 0 50px;
    float: left;
}

.preferential-list-right {
    /* margin-top: 60px */
}

    .preferential-list-right img {
        display: block;
        width: 320px;
        height: 320px;
        margin-left: 100px;
    }

.div-top {
    height: auto;
    margin-bottom: 16px
}

    .div-top h5 {
        font-size: 28px;
        line-height: 34px;
        font-weight: 600;
        color: #606060;
        margin-bottom: 20px;
    }

    .div-top p {
        font-size: 16px
    }

.div-bottom img {
    display: block;
    width: 380px;
    height: 90px;
    margin: 6px 0
}

.div-top h5.ng-binding {
    height: 102px;
    overflow: hidden;
}

.div-bottom p {
    color: #e31436;
    font-size: 34px;
    margin-right: 12px
}

    .div-bottom p span {
        font-size: 16px
    }

    .div-bottom p i {
        display: inline-block;
        margin-left: 10px;
        font-style: normal;
        font-size: 16px;
        text-decoration: line-through;
        color: #666
    }

.div-bottom .button {
    display: block;
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #3196C3;
    color: #fff;
    border: 1px solid #3196C3;
    margin-top: 15px;
}

.prefetial-list ul {
    display: flex;
}

.prefetial-list li {
    width: 68px;
    height: 68px;
    padding: 26px 5px 0 5px;
    margin-right: 20px;
    text-align: center;
    font-size: 16px;
    color: #000024;
    word-wrap: break-word;
    box-sizing: content-box;
    flex: 1;
}

.preferential-box:nth-of-type(even) dt {
    float: right;
}

.bgLine {
    width: 100%;
    height: 10px;
    background-color: rgb(245,245,245);
}
/*-------------end-----------------------*/
/*-------------???????????-----------------------*/
.value-added-service .head-figure {
    height: 447px;
}

.value-added-service .txt-layer {
    margin: 0 auto;
    padding: 58px 0 0 85px;
    width: 1200px
}

    .value-added-service .txt-layer h5 {
        margin-bottom: 22px;
        width: 161px;
        height: 48px;
        line-height: 48px;
        color: #fff;
        font-size: 28px;
        text-align: center;
        background: #EE4946
    }

    .value-added-service .txt-layer h6 {
        font: 34px/62px "???"
    }

        .value-added-service .txt-layer h6 span {
            padding-bottom: 12px;
            border-bottom: 2px solid #EE4946
        }

        .value-added-service .txt-layer h6 i {
            color: #EE4946
        }

    .value-added-service .txt-layer p {
        padding-top: 7px;
        font: 18px/28px "Microsoft YaHei";
        color: #464646;
        letter-spacing: 3px
    }

.value-added-service .customer-logo {
    position: absolute;
    margin: -60px auto 10px;
    width: 1088px;
    height: 71px;
    line-height: 120px;
    color: #494949;
    border: 1px solid #F5F5F5;
    border-radius: 5px;
    background: #fff
}

    .value-added-service .customer-logo dt {
        float: left;
        width: 143px;
        text-align: center;
        box-sizing: content-box;
        height: 69px;
        line-height: 69px;
    }

    .value-added-service .customer-logo dd {
        float: left;
        margin-right: 40px;
        width: 212px;
        height: 100%;
    }

        .value-added-service .customer-logo dd img {
            width: 100%;
            height: 100%;
        }

        .value-added-service .customer-logo dd.last {
            margin-right: 0
        }

/*-------------end-----------------------*/

/*-------------???????????-----------------------*/
.value-added-service .default-box * {
    box-sizing: content-box;
}

.value-added-service .item-layer {
    margin: 0 auto;
    width: 1200px
}

    .value-added-service .item-layer .tit {
        padding-top: 18px;
        height: 56px;
        line-height: 56px;
        padding-left: 5px;
    }

        .value-added-service .item-layer .tit span {
            font-size: 20px;
            color: #333;
            padding-left: 5px;
        }

        .value-added-service .item-layer .tit .more {
            font-size: 13px;
            margin-right: 15px;
            color: #37A3FF
        }

    .value-added-service .item-layer .item {
        height: 321px
    }

    .value-added-service .item-layer .info {
        float: left;
        padding: 0 26px;
        margin-right: 5px;
        width: 220px;
        height: 321px;
        /*border: 1px solid #eee;*/
        box-sizing: content-box;
    }

        .value-added-service .item-layer .info h5 {
            padding-top: 45px;
            text-transform: uppercase;
            color: #E4EDFA;
            letter-spacing: 6px
        }

            .value-added-service .item-layer .info h5.big-space {
                letter-spacing: 14px
            }

        .value-added-service .item-layer .info h4 {
            font-size: 24px;
            height: 43px;
            color: #86B6EC
        }

        .value-added-service .item-layer .info span {
            padding: 5px 8px;
            font-size: 14px;
            color: #fff;
            background: #8AAFD9;
        }


        .value-added-service .item-layer .info p {
            line-height: 26px;
            font-size: 13px;
            color: #666;
        }

    .value-added-service .item-layer .product {
        display: inline-block;
        box-sizing: content-box;
        margin-left: -1px;
        width: 306px;
        height: 321px;
        line-height: 20px;
        border: 1px solid #eee;
        float: left;
        text-align: center;
    }

        .value-added-service .item-layer .product a {
            display: block;
            width: 100%;
            height: 100%;
        }

    .value-added-service .item-layer .info .icon {
        height: 78px;
    }

    .value-added-service .item-layer .product a img {
        display: block;
        margin: 0 auto;
        width: 180px;
    }

    .value-added-service .item-layer .product a p {
        padding: 0 26px;
        color: #363636;
    }

        .value-added-service .item-layer .product a p.product-tit {
            height: 60px;
            word-break: break-all;
            overflow: hidden;
        }

        .value-added-service .item-layer .product a p.price {
            color: #e31436;
            margin-bottom: 15px;
            font-size: 18px;
        }

    .value-added-service .item-layer .product a span {
        display: block;
        margin: 0 auto;
        width: 80px;
        height: 28px;
        line-height: 28px;
        background: #67BAFF;
        color: #fff;
        font-size: 12px;
        text-align: center;
        border-radius: 3px;
    }
/*-------------end-----------------------*/

/*???????????????*/
.reHead-figure {
    height: 400px;
}

.reTxt-layer {
    margin: 0 auto;
    padding-top: 77px;
    width: 946px
}

    .reTxt-layer h5 {
        margin-bottom: 22px;
        width: 161px;
        height: 48px;
        line-height: 48px;
        font-size: 28px;
        text-align: center;
        color: #fff;
        background: #EE4946
    }

    .reTxt-layer h6 {
        font: 34px / 62px "???"
    }

        .reTxt-layer h6 i {
            color: #EE4946
        }

    .reTxt-layer p {
        padding-top: 7px;
        font: 18px / 28px "Microsoft YaHei";
        color: #464646;
        letter-spacing: 3px
    }

.re-type {
    height: 480px;
}

.tit {
    text-align: center
}

    .tit h5 {
        padding-top: 45px;
        font-size: 32px;
        line-height: 60px;
        color: #3C3C3C
    }

    .tit p {
        font-size: 18px;
        line-height: 48px;
        color: #666
    }

.reItem-box ul {
    margin: 0 auto;
    width: 990px;
    clear: both
}

    .reItem-box ul li {
        float: left;
        text-align: center
    }

.re-type {
    height: 480px;
    background-color: #fff;
}

    .re-type ul {
        padding-top: 50px;
        height: 250px
    }

        .re-type ul li {
            width: 330px
        }

            .re-type ul li img {
                width: 163px
            }

            .re-type ul li p {
                padding-top: 30px;
                font-size: 16px;
                color: #464646
            }

.reSteps {
    height: 497px;
    background: #F6F6F6
}

.reIcon-box {
    height: 140px
}

    .reIcon-box li {
        width: 247px
    }

        .reIcon-box li img {
            padding-top: 90px
        }

.reLine {
    height: 1px;
    border-top: 1px solid #D1D8DE
}

.reTxt {
    margin-top: -6px;
    height: 140px
}

    .reTxt li {
        width: 247px;
    }

        .reTxt li h6 {
            padding-top: 15px;
            font-size: 16px;
            line-height: 28px;
            color: #333
        }

        .reTxt li p {
            font-size: 12px;
            line-height: 24px;
            color: #666
        }

.reTips {
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    color: #666
}

    .reTips img {
        padding-right: 8px;
    }

.reBook {
    margin: 0 auto;
    background-color: #fff;
}

    .reBook .rePrefect-form {
        margin-top: 30px;
        width: 860px
    }

        .reBook .rePrefect-form li {
            float: left;
            margin: 0 15px 30px;
            width: 398px;
            height: 44px;
            line-height: 44px;
            text-align: left;
            color: #666
        }

.rePrefect-form li {
    position: relative;
    width: 380px;
    height: 46px;
}

    .rePrefect-form li .reForm-tit {
        display: block;
        width: 114px;
        height: 42px;
        line-height: 42px;
        position: absolute;
        left: 15px;
        top: 0;
        font-size: 14px;
        color: #666;
    }

.reBook .rePrefect-form li .reForm-tit {
    width: 114px;
    height: 44px;
    line-height: 44px;
    left: 0;
    text-indent: 16px
}

.reBook .rePrefect-form li select,
.reBook .rePrefect-form li input {
    display: block;
    width: 298px;
    height: 44px;
    line-height: 44px;
    padding-left: 100px;
    font-size: 14px;
    border: 1px solid#D3D3D3
}

    .reBook .rePrefect-form li select:focus,
    .reBook .rePrefect-form li input:focus {
        border-color: #D3D3D3 !important;
        box-shadow: none !important;
        outline: none
    }

.reBook .rePrefect-form li .reYear {
    border: 1px solid #D3D3D3
}

.reBook .rePrefect-form .rePhone .red,
.reBook .rePrefect-form .reNum .red {
    position: absolute;
    left: 5px;
    top: 2px
}

.rePhone .red {
    color: #fe4979;
}

.reBook .rePrefect-form .rePhone .reError-info,
.reBook .rePrefect-form .reNum .reError-info {
    position: absolute;
    left: 16px;
    top: 46px;
    width: 298px;
    height: 28px;
    line-height: 28px;
    color: #fe4979;
    clear: none
}

    .reBook .rePrefect-form .rePhone .reError-info i,
    .reBook .rePrefect-form.reNum .reError-info i {
        display: block;
        float: left;
        margin: 7px 8px 0 0
    }

.reBook .remarkBtn {
    display: block;
    margin: 30px auto 0;
    width: 160px;
    height: 40px;
    line-height: 40px;
    background: #EE4946;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer
}

.reBook .reTips {
    line-height: 32px;
    text-align: center;
    font-size: 12px;
    color: #666
}

.reCategory-brand-box {
    margin: 0 auto 30px;
    width: 828px;
    line-height: 36px;
    border: 1px solid #D3D3D3
}

    .reCategory-brand-box dt {
        float: left;
        width: 98px;
        text-align: center
    }

    .reCategory-brand-box dd {
        float: left;
        width: 728px
    }

        .reCategory-brand-box dd span {
            display: inline-block;
            vertical-align: middle;
            width: 140px
        }

            .reCategory-brand-box dd span input {
                margin-right: 8px
            }

.reCustomer-manager {
    position: relative;
    margin: 0 auto 30px;
    width: 829px;
    height: 44px;
    line-height: 44px
}

    .reCustomer-manager span {
        position: absolute;
        left: 0;
        top: 0;
        width: 150px;
        height: 44px;
        line-height: 44px;
        text-indent: 16px
    }

    .reCustomer-manager .secCustomerManager {
        display: block;
        width: 658px;
        height: 44px;
        line-height: 44px;
        padding-left: 170px;
        font-size: 14px;
        border: 1px solid #D3D3D3
    }

        .reCustomer-manager .secCustomerManager:focus {
            border-color: #D3D3D3 !important;
            box-shadow: none !important;
            outline: none
        }

.reMark-box {
    margin: 0 auto;
    width: 828px;
    height: 104px;
    line-height: 36px;
    border: 1px solid #D3D3D3
}

    .reMark-box .tit {
        float: left;
        display: block;
        width: 98px;
        text-align: center
    }

    .reMark-box .titArea {
        width: 728px;
        height: 101px;
        line-height: 36px;
        border: none
    }

.markTips {
    line-height: 32px;
    text-align: center;
    font-size: 12px;
    color: #666;
}

.case-title {
    width: 100%;
    text-align: center;
    margin: 50px 0;
    font-size: 30px;
}

.case-box {
    position: relative;
    margin-bottom: 100px;
    display: inline-block;
}

    .case-box ul li p:last-child, .case-box-phone ul li p:last-child {
        height: 66px;
        overflow: hidden;
    }

    .case-box .box, .case-box-phone .box {
        width: 1200px;
        overflow: hidden;
    }

    .case-box ul li {
        width: 370px;
        height: 490px;
        float: left;
        padding: 0 15px;
        overflow: hidden;
        margin-bottom: 25px;
    }

.case-list li {
    margin-bottom: 30px;
}

.case-box ul li img {
    width: 370px;
    min-height: 267px;
    border: 1px solid #f5f5f5;
    box-sizing: border-box;
}

.case-box ul li a {
    display: block;
    min-height: 490px;
    background: #f1f1f1;
}

    .case-box ul li a > div {
        width: 90%;
        margin: 0 auto;
    }

.case-box ul li p, .case-box-phone ul li p {
    font-size: 14px;
    color: #706e6e;
    line-height: 22px;
    margin-top: 10px;
}

    .case-box ul li p.name, .case-box-phone ul li p .name {
        font-size: 24px;
        color: #252525;
        padding: 10px 0 20px;
    }

    .case-box ul li p.line, .case-box-phone ul li p.line {
        height: 1px;
        width: 100%;
        background: #ddd;
        margin-bottom: 0;
    }


.int-left {
    width: 370px;
    min-height: 580px;
    text-align: center;
    background: #f1f1f1;
}

    .int-left img {
        margin-top: 30px;
        width: 306px;
        height: 526px;
    }

.int-right {
    width: 800px;
    min-height: 580px;
    margin-left: 30px;
    background: #f1f1f1;
}

    .int-right > div {
        width: 90%;
        margin: 0 auto;
    }

    .int-right h3 {
        font-size: 24px;
        line-height: 30px;
        margin: 50px 0 80px 0;
    }

        .int-right h3 span {
            font-size: 16px;
        }

    .int-right p {
        line-height: 20px;
        margin-bottom: 20px;
        font-size: 14px;
        color: #626262;
    }

.case-introduced {
    padding-bottom: 150px;
}

.bottom-tab {
    margin-top: 30px;
}

    .bottom-tab a {
        width: 561px;
        height: 67px;
        background: #e8f5f0;
        color: #939292;
        text-align: center;
        line-height: 67px;
        vertical-align: middle;
        display: inline-block;
    }

        .bottom-tab a.back {
            width: 67px;
            height: 67px;
            background: url(../img/back.png) no-repeat;
            vertical-align: middle;
        }




.new-model {
    position: relative;
    clear: both;
    width: 1200px;
    margin: 0 auto;
    margin-top: 40px !important;
}

    .new-model .title {
        margin: 20px 0 6px 0;
    }

        .new-model .title .icon-hotmodel {
            display: inline-block
        }

        .new-model .title .txt {
            font-size: 22px;
            color: #33302e;
            font-family: 'MicrosoftYaHei';
            position: relative;
            top: -6px;
            left: 8px;
        }

        .new-model .title a {
            font-size: 16px;
            float: right;
            padding-right: 5px;
        }


    .new-model .new-content {
        width: 1200px;
        min-height: 200px;
        display: inline-block;
    }

        .new-model .new-content .news-list {
            width: 386px;
            margin-right: 18px;
            float: left;
            background: #fff;
            transition: 0.3s;
            background: #f9f9f9;
            border: 1px solid #e9ebed;
        }

            .new-model .new-content .news-list:last-child {
                margin-right: 0;
            }

            .new-model .new-content .news-list .news-list-img {
                width: 388px;
                height: 200px;
                overflow: hidden;
            }

                .new-model .new-content .news-list .news-list-img img {
                    width: 387px;
                    height: 200px;
                }

            .new-model .new-content .news-list .news-list-content {
                height: 190px;
                padding: 10px 20px;
            }

            .new-model .new-content .news-list .news-list-content {
                height: 145px;
                padding: 10px;
            }

                .new-model .new-content .news-list .news-list-content p {
                    line-height: 35px;
                    font-weight: normal;
                }

                    .new-model .new-content .news-list .news-list-content p a {
                        text-align: left;
                        font-size: 14px;
                        color: #333333;
                        width: 360px;
                        display: block;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        white-space: nowrap;
                    }


    .new-model .new-box {
        width: 1200px;
        min-height: 200px;
        display: inline-block;
        border: 1px solid #e9ebed;
        border-right: none;
        border-bottom: none;
    }

        .new-model .new-box a {
            width: 599px;
            height: 162px;
            display: inline-block;
            float: left;
            background: #f9f9f9;
            border-right: 1px solid #e9ebed;
            border-bottom: 1px solid #e9ebed;
        }

            .new-model .new-box a img {
                display: inline-block;
                width: 195px;
                height: 138px;
                margin: 15px 0 0 5px;
            }

            .new-model .new-box a dl {
                width: 370px;
                margin: 2px;
                float: right;
                margin: 35px 12px 0px 0px;
            }

                .new-model .new-box a dl dt {
                    color: #3c3c3c;
                    font-weight: bold;
                    font-size: 16px;
                    margin-bottom: 15px;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

                .new-model .new-box a dl dd {
                    color: #676767;
                    font-size: 14px;
                    line-height: 18px;
                }

                    .new-model .new-box a dl dd.neWcontent {
                        height: 36px;
                        overflow: hidden;
                        width: 100%;
                    }

                    .new-model .new-box a dl dd.neWtimer {
                        font-size: 12px;
                        color: #02569d;
                        margin-top: 20px;
                    }