body {
    min-width: 1200px;
    overflow-x: auto;
}

.h344 {
    height: 344px !important;
}

.top30 {
    top: 30px !important;
}

.mgt12 {
    margin-top: 12px;
}

.mgl0 {
    margin-left: 0 !important;
}

.h170 {
    height: 170px !important;
}

.mgl-22 {
    margin-left: -22px !important;
}

.mgt15 {
    margin-top: 15px;
}

.mgl-9 {
    margin-left: -9px;
}

.yy-clearfix:after {
    content: "";
    display: block;
    height: 0;
    line-height: 0px;
    clear: both;
    visibility: hidden;
    zoom: 1;
}

.yybanner-top .left-soft-info {
    width: 260px;
    height: 369px;
    background: #f5f5f5;
    box-shadow: 0px 0px 11px 0px rgba(123,133,168,0.25);
}

.big-slider-banner {
    margin-bottom: 7px;
}

.yybanner-top .softcons {
    width: 260px;
    padding: 14px 0px 0px 0px;
    height: 465px;
    background: rgba(245, 245, 245, 1);
    border-top: 1px solid #ececec;
}

.yybanner-top .left-soft-info .right-arrow {
    margin-right: 15px;
}

    .yybanner-top .left-soft-info .right-arrow:hover i {
        color: rgba(230, 45, 49, 1);
    }

.yybanner-top .left-soft-info .soft .product {
    display: table;
    position: relative;
}

    .yybanner-top .left-soft-info .soft .product li:hover {
        background: #ececec;
    }

        .yybanner-top .left-soft-info .soft .product li:hover .right-arrow i {
            color: rgba(230, 45, 49, 1);
        }

.yybanner-top .right-lunbo {
    width: 935px;
    height: 369px;
}

.yybanner-top .left-soft-info .soft .con {
    padding-left: 23px;
}

    .yybanner-top .left-soft-info .soft .con .tag .arrows {
        margin-right: 8px;
    }

        .yybanner-top .left-soft-info .soft .con .tag .arrows:hover {
            color: rgba(230, 45, 49, 1);
        }

    .yybanner-top .left-soft-info .soft .con .tag .cat:first-child {
        width: 56px;
        font-size: 14px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: rgba(51, 51, 51, 1);
    }

        .yybanner-top .left-soft-info .soft .con .tag .cat:first-child:hover {
            color: rgba(230, 45, 49, 1);
        }

        .yybanner-top .left-soft-info .soft .con .tag .cat:first-child.active {
            color: rgba(230, 45, 49, 1);
        }

    .yybanner-top .left-soft-info .soft .con .tag ul li {
        padding-left: -23px !important;
    }

.yybanner-top .left-soft-info .soft .tit {
    margin-bottom: 15px;
    padding-left: 23px;
}

    .yybanner-top .left-soft-info .soft .tit img {
        vertical-align: middle;
        margin-right: 14px;
        width: 25px;
        height: 23px;
    }

    .yybanner-top .left-soft-info .soft .tit a {
        height: 21px;
        font-size: 16px;
        font-weight: bold;
        line-height: 21px;
        color: rgba(51, 51, 51, 1);
        vertical-align: middle;
    }
        .yybanner-top .left-soft-info .soft .tit a:hover {
            color: #e62d31
        }
        .yybanner-top .left-soft-info .soft ul li {
            float: left;
            height: 29px;
            line-height: 29px;
            padding-left: 23px;
            position: relative;
            width: 100%;
            white-space: nowrap;
        }

    .yybanner-top .left-soft-info .soft ul li a.item {
        width: 60px;
        overflow: hidden;
    }

    .yybanner-top .left-soft-info .soft ul li:hover .arrows {
        color: #e63330;
    }

    .yybanner-top .left-soft-info .soft ul li .white-sjx {
        display: none;
        position: absolute;
        right: -9px;
        top: 6px;
    }


    .yybanner-top .left-soft-info .soft ul li.cateli.active {
        background: #ececec;
    }

.yybanner-top .left-soft-info .hard {
    margin-top: 20px;
}

.yybanner-top .left-soft-info .soft ul li .cat.active {
    color: rgba(230, 45, 49, 1);
}

.yybanner-top .left-soft-info .soft ul li:hover .cat {
    color: rgba(230, 45, 49, 1);
}

.yybanner-top .left-soft-info .soft ul li .cat:first-child {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 600;
    width: 56px;
    color: rgba(51, 51, 51, 1);
    margin-right: 25px;
}

.yybanner-top .left-soft-info .soft ul li:hover .cat:first-child {
    color: rgba(230, 45, 49, 1);
}

.yybanner-top .left-soft-info .soft ul li .cat:nth-child(3) {
    margin-right: 0px;
}

.yybanner-top .left-soft-info .soft ul li .cat.arrows {
    margin-right: 8px;
}

.yybanner-top .left-soft-info .soft ul li .cat {
    font-size: 12px;
    font-weight: 400;
    font-family: Microsoft YaHei;
    margin-right: 12px;
    color: rgba(102, 102, 102, 1);
    white-space: nowrap;
    /*text-overflow: ellipsis;*/
    width: 60px;
    overflow: hidden;
}

.yybanner-top .left-soft-info .soft ul li .arrows {
    margin-right: 3px;
}

.yybanner-top .left-soft-info .soft ul li .cat.active {
    color: rgba(230, 45, 49, 1);
}

.yybanner-top .left-soft-info .soft ul li .cat img {
    position: relative;
    top: 1px;
}

.yybanner-top .left-soft-info .soft ul li .cat:hover {
    color: #e63330;
}

.yybanner-top .left-soft-info .soft ul li .cat i {
    position: relative;
    top: 1px;
    float: right;
}

.sjx-img {
    text-align: center;
    margin-top: 3px;
}

    .sjx-img .red-sjx {
        display: none;
        cursor: pointer;
    }

    .sjx-img .sjx {
        cursor: pointer;
        opacity: 0.3;
    }

.opacity {
    opacity: 1 !important;
}
/*.sjx-img:hover .sjx {
        display: none;
    }

    .sjx-img:hover .red-sjx {
        display: inline-block;
    }*/

.yybanner-top .left-soft-info .hard .tit {
    padding-left: 23px;
    margin-bottom: 15px;
}

    .yybanner-top .left-soft-info .hard .tit img {
        margin-right: 14px;
    }

    .yybanner-top .left-soft-info .hard .tit a {
        vertical-align: top;
        width: 64px;
        height: 21px;
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        line-height: 21px;
        color: rgba(51, 51, 51, 1);
        overflow: hidden;
    }
        .yybanner-top .left-soft-info .hard .tit a:hover {
            color: #e62d31;
        }
        .yybanner-top .left-soft-info .hard .con .tag {
            padding-left: 23px;
        }

    .yybanner-top .left-soft-info .hard .con .tag .cat {
        width: 56px;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: rgba(51, 51, 51, 1);
        overflow: hidden;
        margin-bottom: 10px;
    }

        .yybanner-top .left-soft-info .hard .con .tag .cat:hover {
            color: #e63330;
        }

.yybanner-top .left-soft-info .hard .con .hardul .item {
    width: 100%;
}

.hard_propinfo {
    top: -43px !important;
}


.yybanner-top .left-soft-info .hard .con .hardul .item .fathers {
    height: 29px;
    line-height: 28px;
    position: relative;
    padding-left: 23px;
}

    .yybanner-top .left-soft-info .hard .con .hardul .item .fathers:hover .arrows {
        color: rgba(230, 45, 49, 1);
    }

    .yybanner-top .left-soft-info .hard .con .hardul .item .fathers .cat:first-child {
        color: #e63330;
        width: 63px;
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        color: rgba(51, 51, 51, 1);
        overflow: hidden;
        /*white-space: nowrap;*/
        margin-right: 20px;
    }

    .yybanner-top .left-soft-info .hard .con .hardul .item .fathers .white-sjx {
        position: absolute;
        right: -9px;
        top: 5px;
        display: none;
    }

    .yybanner-top .left-soft-info .hard .con .hardul .item .fathers.active {
        background: #ececec;
    }

    .yybanner-top .left-soft-info .hard .con .hardul .item .fathers:hover {
        background: #ececec;
        color: rgba(230, 45, 49, 1);
    }

        .yybanner-top .left-soft-info .hard .con .hardul .item .fathers:hover .cat {
            color: rgba(230, 45, 49, 1);
        }

    .yybanner-top .left-soft-info .hard .con .hardul .item .fathers a.active {
        color: #e63330;
    }

    .yybanner-top .left-soft-info .hard .con .hardul .item .fathers .bold {
        color: #e63330;
        width: 56px;
        display: inline-block;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: rgba(51, 51, 51, 1);
        overflow: hidden;
        white-space: nowrap;
    }

        .yybanner-top .left-soft-info .hard .con .hardul .item .fathers .bold:hover {
            color: #e63330;
        }

.yybanner-top .left-soft-info .hard .con .hardul .item .son {
    height: 32px;
    line-height: 32px;
    padding-left: 23px;
}

.yybanner-top .left-soft-info .hard .con .hardul .item .cat {
    width: 60px;
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    margin-right: 12px;
}

    .yybanner-top .left-soft-info .hard .con .hardul .item .cat:nth-child(3) {
        margin-right: 0px;
    }

.yybanner-top .left-soft-info .hard .con .hardul .item .bold {
    width: 56px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.yybanner-top .left-soft-info .hard .con .hardul .item .cat:hover,
.yybanner-top .left-soft-info .hard .con .hardul .item .cat.active {
    color: #e63330;
}

.yybanner-top .left-soft-info .hard .con .hardul .item .cat:nth-child(4) {
    margin-right: 0px;
}

.yybanner-top .left-soft-info .hard .con .hardul .item .arrows {
    margin-right: 3px;
}

    .yybanner-top .left-soft-info .hard .con .hardul .item .arrows:hover {
        color: #e63330;
    }

.yybanner-top .left-soft-info .hard .con .tag .arrows {
    margin-right: 10px;
}

    .yybanner-top .left-soft-info .hard .con .tag .arrows:hover {
        color: #e63330;
    }

.yybanner-top .left-soft-info .hard ul li .cat .active {
    color: #e63330;
}

.yybanner-top .left-soft-info .hard ul li .cat i.active {
    color: #e63330;
}

.yybanner-top .left-soft-info .hard ul li .cat i:hover {
    color: #e63330;
}



.big-slider-banner .slider-lunbo {
    width: 935px;
    height: 344px;
    overflow: hidden;
    position: relative;
}

    .big-slider-banner .slider-lunbo a {
        display: inline-block;
        overflow: hidden;
        height: 344px;
        width: 100%;
    }

        .big-slider-banner .slider-lunbo a img {
            height: 100%;
            width: 100%;
            /*object-fit: cover;
            object-position: center;*/
        }

    .big-slider-banner .slider-lunbo .hd {
        overflow: hidden;
        position: absolute;
        left: 41%;
        bottom: 25px;
        z-index: 1;
    }

        .big-slider-banner .slider-lunbo .hd ul {
            overflow: hidden;
            zoom: 1;
            float: left;
            display: block;
        }

            .big-slider-banner .slider-lunbo .hd ul li {
                float: left;
                margin-right: 5px;
                /* width: 10px;
    height: 10px; */
                line-height: 14px;
                text-align: center;
                background: #fff;
                cursor: pointer;
                width: 25px;
                height: 2px;
                background: rgba(255, 255, 255, 0.89);
                border-radius: 2px;
            }

    .big-slider-banner .slider-lunbo .swiper-pagination {
        bottom: 16px !important;
    }

        .big-slider-banner .slider-lunbo .swiper-pagination .swiper-pagination-bullet {
            line-height: 14px;
            text-align: center;
            background: #fff;
            cursor: pointer;
            width: 25px;
            height: 3px;
            border-radius: 2px;
        }

        .big-slider-banner .slider-lunbo .swiper-pagination .swiper-pagination-bullet-active {
            background: #fff !important;
            opacity: 1;
        }

    .big-slider-banner .slider-lunbo .hd ul li.on {
        background: #f33;
        color: #fff;
    }

    .big-slider-banner .slider-lunbo .bd {
        position: relative;
        height: 100%;
        z-index: 0;
    }

        .big-slider-banner .slider-lunbo .bd li {
            zoom: 1;
            vertical-align: middle;
            position: relative;
            height: 344px;
            line-height: 344px;
            display: block;
            width: 100%;
            text-align: center;
        }

        .big-slider-banner .slider-lunbo .bd img {
            width: 935px;
            display: block;
        }

        .big-slider-banner .slider-lunbo .bd ul li a img {
            max-width: 100%;
            max-height: 344px;
            display: inline-block;
            vertical-align: middle;
            width: auto;
            height: auto;
        }

    .big-slider-banner .slider-lunbo .prev,
    .big-slider-banner .slider-lunbo .next {
        position: absolute;
        left: 3%;
        top: 50%;
        margin-top: -25px;
        display: block;
        width: 32px;
        height: 40px;
        cursor: pointer;
        background: url(../../Images/y-images/slider-arrow.png) -110px 5px no-repeat;
        filter: alpha(opacity=50);
        opacity: 0.5;
        display: none;
    }

    .big-slider-banner .slider-lunbo .next {
        left: auto;
        right: 3%;
        background-position: 8px 5px;
    }

    /* .big-slider-banner .slider-lunbo:hover .prev,
.big-slider-banner .slider-lunbo:hover .next {
    filter: alpha(opacity=100);
    opacity: 0.7;
    display: block;
    background-color: #ccc;
    cursor: pointer;
} */

    .big-slider-banner .slider-lunbo .prevStop {
        display: none;
    }

    .big-slider-banner .slider-lunbo .nextStop {
        display: none;
    }

.small-top-slider {
    overflow: hidden;
}

    .small-top-slider .small-bg {
        width: 310px;
        height: 114px;
        overflow: hidden;
        float: left;
        margin-right: 2px;
    }

        .small-top-slider .small-bg:last-child {
            margin-right: 1px;
        }

        .small-top-slider .small-bg a {
            display: block;
            height: 100%;
        }

            .small-top-slider .small-bg a:hover img {
                transform: scale(1.2);
                -moz-transform: scale(1.2);
                -webkit-transform: scale(1.2);
            }

            .small-top-slider .small-bg a img {
                height: 100%;
                width: 100%;
                transition: 0.8s;
            }


.yycontain {
    margin-top: 12px;
    background-color: #fff;
    padding: 23px 20px 15px 20px;
    margin-bottom: 14px;
}

    .yycontain .desc-info {
        margin-left: 40px;
        font-size: 14px;
        font-family: Source Han Sans CN, Source Han Sans CN-Normal;
        font-weight: Normal;
        color: #999999;
        display: inline-block;
        margin-top: 3px;
        vertical-align: middle;
    }

    .yycontain .tit {
        display: inline-block;
        font-size: 16px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: rgba(255, 255, 255, 1);
        position: relative;
        left: 20px;
        top: 3px;
        font-size: 22px;
        font-family: Source Han Sans CN, Source Han Sans CN-Bold;
        font-weight: 700;
        color: #333;
    }

        .yycontain .tit:before {
            content: "";
            position: absolute;
            width: 2px;
            height: 21px;
            left: -20px;
            top: 5px;
            background: #e62d31;
        }

    .yycontain .leftcon {
        width: 266px;
        margin-right: 32px;
        /* margin-top: 70px; */
    }

        .yycontain .leftcon .top {
            position: relative;
        }

            .yycontain .leftcon .top .text {
                position: absolute;
                left: 0;
                width: 100%;
                top: 40px;
                text-align: center;
                z-index: 20;
            }

            .yycontain .leftcon .top a {
                width: 100%;
                height: 204px;
                display: block;
                overflow: hidden;
                position: relative;
            }

        .yycontain .leftcon .hardserviceTop a {
            height: 170px !important;
        }

        .yycontain .leftcon .top a:hover .activity-img {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }

        .yycontain .leftcon .top a .activity-img {
            width: 100%;
            height: 100%;
            -webkit-transition: 0.8s;
            transition: 0.8s;
        }

        .yycontain .leftcon .top .text .ad-title {
            /* width: 170px; */
            color: #fff;
            margin-top: 19px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            padding: 0 20px;
            text-align: center;
            height: 27px;
            font-size: 21px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            line-height: 27px;
            color: rgba(255, 255, 255, 1);
        }

        .yycontain .leftcon .top .text .line {
            width: 90px;
            height: 2px;
            background: rgba(255, 255, 255, 1);
            margin: 0px auto;
            margin-top: 19px;
        }

        .yycontain .leftcon .top .text .icon {
            /* width: 39px;
    height: 35px; */
            font-size: 39px;
            color: white;
        }

        .yycontain .leftcon .bottom {
            background-color: #252643;
            padding: 39px 19px 17px 19px;
            height: 379px;
            position: relative;
            overflow: hidden;
        }

            .yycontain .leftcon .bottom .title {
                width: 64px;
                height: 21px;
                font-size: 16px;
                font-family: Microsoft YaHei;
                font-weight: bold;
                line-height: 21px;
                color: rgba(255, 255, 255, 1);
                white-space: nowrap;
            }

            .yycontain .leftcon .bottom svg{
                /*vertical-align: top;*/
                margin-left: 5px;
                position:relative;
                top:1px;
            }

            .yycontain .leftcon .bottom .hot-tag {
                margin-top: 27px;
                /*display: inline-table;*/
            }

                .yycontain .leftcon .bottom .hot-tag span {
                    width: 101px;
                    font-size: 14px;
                    padding: 0 7px;
                    height: 36px;
                    background: rgba(19, 20, 41, 1);
                    border-radius: 29px;
                    line-height: 36px;
                    color: rgba(225,225,225,1);
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    display: inline-block;
                    text-align: center;
                    margin-bottom: 21px;
                    margin-right: 20px;
                    padding: 0px 3px;
                    cursor: pointer;
                }

            .yycontain .leftcon .bottom .last-tag {
                width: 224px;
                height: 36px;
                line-height: 36px;
                background: #131429;
                border-radius: 18px;
                text-align: center;
                color: rgba(225,225,225,1);
                display: inline-block;
                margin-bottom: 0;
                position: absolute;
                font-size: 14px;
                bottom: 17px;
                cursor: pointer;
            }

                .yycontain .leftcon .bottom .last-tag:hover {
                    box-shadow: 0px 0px 10px #131429;
                    transform: translateY(-2px);
                }

            .yycontain .leftcon .bottom .more-tag {
                width: 224px;
                height: 36px;
                background: #131429;
                border-radius: 18px;
                text-align: center;
                color: rgba(225,225,225,0.84);
                display: inline-block;
                margin-bottom: 0;
                cursor: pointer;
            }

                .yycontain .leftcon .bottom .more-tag:hover {
                    box-shadow: 0px 0px 10px #131429;
                    transform: translateY(-2px);
                }

            .yycontain .leftcon .bottom .hot-tag span:hover {
                color: #e62d31;
                background: rgba(19, 20, 41,0.6);
            }

            .yycontain .leftcon .bottom .hot-tag span:nth-child(2n) {
                margin-right: 0px;
            }

    .yycontain .rightcon {
        width: 862px;
    }

    .yycontain .softcon {
        margin-bottom: 18px;
    }

    .yycontain .soft-menu ul {
        display: table;
        border-bottom: 1px solid rgba(238, 238, 238, 1);
        width: 100%;
    }

    .yycontain .soft-menu .nav {
        margin-bottom: 30px;
    }

    /*.yycontain .soft-menu .line {
        width: 1158px;
        border: 1px solid rgba(238, 238, 238, 1);
        margin: 0px auto;
    }*/

    .yycontain .soft-menu .nav ul li {
        float: left;
        margin-right: 65px;
    }

        .yycontain .soft-menu .nav ul li:first-child {
            /*margin-left: 135px;*/
        }

        .yycontain .soft-menu .nav ul li a {
            min-width: 96px;
            display: inline-block;
            font-size: 16px;
            text-align: center;
            overflow: hidden;
            /*text-overflow: ellipsis;*/
            white-space: nowrap;
            font-family: Source Han Sans CN;
            font-weight: 500;
            line-height: 27px;
            color: rgba(153, 153, 153, 1);
        }

.good-at-tag {
    color: #999;
    white-space: nowrap;
}

    .good-at-tag i {
        display: inline-block;
        background: #f0f0f0;
        color: #666;
        border-radius: 3px;
        padding: 0px 6px;
        margin-right: 5px;
        line-height: 22px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 88px;
    }

    .good-at-tag span {
        position: relative;
        top: -7px;
    }

.yycontain .soft-menu .nav ul li a:hover {
    color: #e62d31;
}

.yycontain .soft-menu .nav ul li:hover {
    padding-bottom: 13px;
    border-bottom: 2px solid #e62d31;
}

.yycontain .soft-menu .nav ul li.active {
    padding-bottom: 13px;
    border-bottom: 2px solid #e62d31;
}

    .yycontain .soft-menu .nav ul li.active a {
        color: #e62d31;
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }

.yycontain .rightcon .soft-example {
    overflow: hidden;
    display: table;
}

    .yycontain .rightcon .soft-example ul {
        overflow: hidden;
        width: 101%;
    }

        .yycontain .rightcon .soft-example ul li {
            float: left;
            width: 266px;
            /* height: 265px; */
            overflow: hidden;
            border: 1px solid #f3f3f3;
            /* background: rgba(243, 243, 243, 1); */
            position: relative;
            transition: 0.5s;
            margin-right: 32px;
            margin-bottom: 12px;
        }

            .yycontain .rightcon .soft-example ul li:nth-child(4) {
                margin-bottom: 0px;
            }

            .yycontain .rightcon .soft-example ul li:nth-child(5) {
                margin-bottom: 0px;
            }

            .yycontain .rightcon .soft-example ul li:nth-child(6) {
                margin-bottom: 0px;
                margin-right: 0px;
            }

            .yycontain .rightcon .soft-example ul li:nth-child(3) {
                margin-right: 0px;
            }


            .yycontain .rightcon .soft-example ul li .img_tag {
                display: inline-block;
                position: absolute;
                top: 0px;
                left: 0px;
                width: 52px;
                height: 29px;
                color: #fff;
                line-height: 29px;
                z-index: 10;
                padding-left: 10px;
                background: url(../../Images/tag.png) no-repeat;
            }

            .yycontain .rightcon .soft-example ul li .img_show {
                height: 168px;
                overflow: hidden;
            }

                .yycontain .rightcon .soft-example ul li .img_show img {
                    width: 100%;
                    height: 100%;
                    transition: 0.8s;
                }

                .yycontain .rightcon .soft-example ul li .img_show:hover img {
                    transform: scale(1.2);
                    -moz-transform: scale(1.2);
                    -webkit-transform: scale(1.2);
                }

            .yycontain .rightcon .soft-example ul li a {
                display: block;
                height: 100%;
                width: 100%;
            }

            .yycontain .rightcon .soft-example ul li .info {
                overflow: hidden;
                padding: 0px 10px;
                border-top: 1px solid #f3f3f3;
            }

                .yycontain .rightcon .soft-example ul li .info .tt {
                    font-size: 16px;
                    color: #333;
                    font-weight: 500;
                    margin: 9px 0px 6px 0px;
                    height: 20px;
                    line-height: 20px;
                    overflow: hidden;
                    white-space: nowrap;
                    -o-text-overflow: ellipsis;
                    text-overflow: ellipsis;
                }

                    .yycontain .rightcon .soft-example ul li .info .tt i {
                        color: #fe0409;
                        font-size: 25px;
                        vertical-align: middle;
                    }

                .yycontain .rightcon .soft-example ul li .info .description {
                    color: #999999;
                    line-height: 17px;
                    height: 34px;
                    padding-right: 5px;
                    text-overflow: -o-ellipsis-lastline;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    margin-top: 6px;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    line-clamp: 2;
                    -webkit-box-orient: vertical;
                }
                    /*.yycontain .rightcon .soft-example ul li .info .description:hover {
                        color: #e62d31;
                    }*/
                    .yycontain .rightcon .soft-example ul li .info .box {
                        overflow: hidden;
                        border-top: 1px solid #f3f3f3;
                        color: #999999;
                        white-space: nowrap;
                        height: 40px;
                        text-overflow: ellipsis;
                        line-height: 40px;
                        margin-top: 6px;
                    }

                    .yycontain .rightcon .soft-example ul li .info .box .tag {
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        /* width: 110px; */
                        color: #e62d31;
                    }

                        .yycontain .rightcon .soft-example ul li .info .box .tag em {
                            display: inline-block;
                            font-size: 16px;
                            font-weight: 700;
                        }

                    .yycontain .rightcon .soft-example ul li .info .box .time {
                        margin-right: 6px;
                        width: 68px;
                        height: 24px;
                        line-height: 24px;
                        background: #e62d31;
                        color: #fff;
                        text-align: center;
                        display: inline-block;
                        margin-top: 8px;
                        cursor: pointer;
                    }

                        .yycontain .rightcon .soft-example ul li .info .box .time:hover {
                            opacity: 0.8;
                        }

                    .yycontain .rightcon .soft-example ul li .info .box i {
                        color: #cccccc;
                        margin-right: 3px;
                    }

            .yycontain .rightcon .soft-example ul li:hover .tt {
                color: #e62d31;
            }

            .yycontain .rightcon .soft-example ul li:hover {
                box-shadow: 0px 0px 10px #ddd;
                transform: translateY(-5px);
            }

.yycontain .see-more {
    text-align: center;
}

    .yycontain .see-more a {
        font-size: 14px;
        font-weight: 400;
        color: rgba(230, 45, 49, 1);
        cursor: pointer;
    }

        .yycontain .see-more a:hover {
            opacity: 0.8;
        }

/* 通知 */
.news-cons-box {
    overflow: hidden;
    color: #fff;
    margin-top: 8px;
    line-height: 20px;
    height: 20px;
    position: relative;
    float: left;
    height: 20px;
    width: 200px;
    left: 5px;
}


    .news-cons-box .scorllView {
        /*float: left;*/
        /*width: 900%;*/
    }

    .news-cons-box .scorll-info,
    .news-cons-box .scorll-info-copy,
    .news-cons-box .scorll-info li,
    .news-cons-box .scorll-info-copy li {
        float: left;
        /*color: #fdbcb8;*/
        color:#fff;
        height: 20px;
        text-align: center;
        padding-right: 20px;
        width: auto
    }

        .news-cons-box .scorll-info li .tit-tag i span {
            color: #fff !important;
        }

.winBox .iconfont {
    font-size: 17px;
    color: #fff;
    margin-top: 9px;
    display: inline-block;
    opacity: 0.82;
}

/* 底部流程 */
/*.customization-process:hover {
    transform: translateY(-2px);
}*/

.customization-process .car {
    width: 131px;
    height: 133px;
    background: #f83236;
    box-shadow: 0px 3px 6px 0px rgba(249, 3, 3, 0.26);
}

    .customization-process .car img {
        width: 28px;
        height: 27px;
        margin: 35px 58px 10px 45px;
    }

    .customization-process .car .process-font {
        font-size: 16px;
        font-weight: 500;
        color: rgba(255, 255, 255, 1);
        position: relative;
        text-align: center;
        /* left: 15px;
    top: 3px; */
    }

        .customization-process .car .process-font::before {
            content: "";
            position: absolute;
            height: 17px;
            left: 20px;
            border: 1px solid #fff;
            top: 3px;
            border: 1px solid #fff;
            background: #fff;
            /* width: 1px; */
        }

.customization-process .order-process {
    width: 467px;
    margin-left: 2px;
}

    .customization-process .order-process .soft-and-hard {
        position: relative;
        width: 467px;
        height: 65px;
        background: #ffffff;
        box-shadow: 0px 3px 6px 0px rgba(172, 199, 255, 0.26);
        margin-bottom: 3px;
    }

        .customization-process .order-process .soft-and-hard .tag {
            text-align: center;
            width: 119px;
            height: 32px;
            line-height: 32px;
            color: #fff;
            background: #f83337;
            border-radius: 0px 0px 32px 0px;
            box-shadow: 0px 3px 6px 0px rgba(167, 0, 0, 0.11);
        }

        .customization-process .order-process .soft-and-hard .items {
            width: 150px;
            float: left;
            /* text-align: center; */
        }

            .customization-process .order-process .soft-and-hard .items img {
                width: 13px;
            }

            .customization-process .order-process .soft-and-hard .items:nth-child(2) {
                margin-left: 39px;
            }

        .customization-process .order-process .soft-and-hard .box {
            margin-top: 12px;
        }

        .customization-process .order-process .soft-and-hard .items p {
            font-size: 12px;
            color: #999999;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

            .customization-process .order-process .soft-and-hard .items p.bold {
                font-size: 14px;
                font-weight: bold;
                color: #eb2f33;
                margin-left: 15px;
            }

    .customization-process .order-process .purchasing {
        position: relative;
        width: 467px;
        height: 65px;
        background: #ffffff;
        box-shadow: 0px 3px 6px 0px rgba(172, 199, 255, 0.26);
        margin-bottom: 3px;
    }


        .customization-process .order-process .purchasing .tag {
            text-align: center;
            width: 119px;
            height: 32px;
            line-height: 32px;
            color: #fff;
            background: #f83337;
            border-radius: 0px 0px 32px 0px;
            box-shadow: 0px 3px 6px 0px rgba(167, 0, 0, 0.11);
        }

        .customization-process .order-process .purchasing .items {
            width: 150px;
            float: left;
            /* text-align: center; */
        }

            .customization-process .order-process .purchasing .items img {
                width: 13px;
            }

            .customization-process .order-process .purchasing .items:nth-child(2) {
                margin-left: 39px;
            }

        .customization-process .order-process .purchasing .box {
            margin-top: 11px;
        }

        .customization-process .order-process .purchasing .items p {
            font-size: 12px;
            color: #999999;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .customization-process .order-process .purchasing .items p.bold {
                font-size: 14px;
                font-weight: bold;
                color: #eb2f33;
                margin-left: 25px;
            }

.customization-process .process-box {
    width: 597px;
    padding: 44px 0;
    height: 133px;
    background: #ffffff;
    box-shadow: 0px 3px 6px 0px rgba(172, 199, 255, 0.26);
}

    .customization-process .process-box .item {
        width: 125px;
        float: left;
        text-align: center;
        margin-right: 25px;
    }

        .customization-process .process-box .item:last-child {
            margin-right: 0;
        }

        .customization-process .process-box .item .arrow {
            margin-top: 15px;
            margin-left: -2px;
            width: 13px;
            height: 13px;
        }

        .customization-process .process-box .item .infos p.bold {
            color: #ed2f33;
            font-size: 14px;
            margin-bottom: 6px;
            font-weight: bold;
        }

        .customization-process .process-box .item .infos p {
            font-size: 12px;
            color: #999999;
            white-space: nowrap;
            overflow: hidden;
        }

.search-order {
    padding: 20px 20px 0px;
    height: 172px;
    /*background: linear-gradient(134deg, rgba(249, 63, 53, 1) 0%, rgba(255, 119, 111, 1) 100%);*/
    background-image: url(../../Images/y-images/search_banner.png);
}

    .search-order .publish-order {
        width: 266px;
        margin-right: 30px;
        /* position: relative; */
    }

        .search-order .publish-order .font {
            font-size: 16px;
            font-family: Source Han Sans CN;
            font-weight: 500;
            color: rgba(255, 255, 255, 1);
            position: relative;
            margin-bottom: 10px;
            left: 15px;
            font-weight:bold;
            top: 3px;
        }

            .search-order .publish-order .font:before {
                content: "";
                position: absolute;
                height: 16px;
                left: -15px;
                border: 2px solid #fff;
                top: 3px;
                border: 1px solid #fff;
                background: #fff;
                width: 1px;
            }

    .search-order .right-info .font {
        font-size: 16px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: rgba(255, 255, 255, 1);
        position: relative;
        left: 15px;
        margin-bottom: 25px;
        top: 3px;
    }

        .search-order .right-info .font:before {
            content: "";
            position: absolute;
            height: 16px;
            left: -15px;
            top: 3px;
            border: 1px solid #fff;
            background: #fff;
            width: 1px;
        }

.publish-order .first-select {
    width: 198px;
    height: 34px;
    cursor: pointer;
    background: rgba(217, 58, 50, 1);
    border-radius: 20px;
    line-height: 34px;
    position: relative;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.94);
    position: relative;
}

    .publish-order .first-select .father {
        line-height: 34px;
        height: 34px;
        text-align:center;
        padding-left: 21px;
    }

    .publish-order .first-select .downMenu {
        position: absolute;
        height: 80px;
        top: 21px;
        z-index: 2;
        padding-top: 10px;
        background: rgba(217, 58, 50, 1);
        display: none;
        width: 198px;
        border-radius: 0px 0px 20px 20px;
    }

        .publish-order .first-select .downMenu li {
            /*padding-left: 25px;*/
            height: 35px;
            line-height: 35px;
             text-align: center; 
        }

            .publish-order .first-select .downMenu li:last-child {
                border-radius: 0px 0px 20px 20px;
            }

            .publish-order .first-select .downMenu li.active {
                background: rgba(255, 255, 255, 0.16);
            }

            .publish-order .first-select .downMenu li:hover {
                background: rgba(255, 255, 255, 0.16);
            }

            .publish-order .first-select .downMenu li a {
                display: inline-block;
                font-weight: 400;
                font-size: 14px;
                color: #fff;
            }

    .publish-order .first-select .father i {
        position: absolute;
        right: 7px;
        top: 0px;
    }

.publish-order .selectipt {
    width: 149px;
    height: 38px;
    cursor: pointer;
    background: rgba(217, 58, 50, 1);
    border-radius: 20px;
    line-height: 38px;
    border: 1px solid rgba(217, 58, 50, 1);
    position: relative;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.94);
    text-align: center;
    width: 147px;
    display: inline-block;
}

    .publish-order .selectipt i {
        color: white;
        position: absolute;
        right: 10px;
        top: 0px;
    }

.publish-order .search {
    margin-top: 15px;
}

.publish-order .second-select {
    margin-left: 15px;
    top: -40px;
    position: relative;
}

    .publish-order .second-select .father-menu {
        height: 110px;
        position: absolute;
        top: 26px;
        z-index: 2;
        display: none;
    }

    .publish-order .second-select .second-select-father {
        width: 149px;
        max-height: 100px;
        padding-top: 10px;
        /* overflow: auto; */
        background: rgba(217, 58, 50, 1);
    }

        .publish-order .second-select .second-select-father::-webkit-scrollbar {
            width: 7px;
            background: rgba(251, 251, 138, 0.05);
            border-radius: 5px;
        }

        /* 滚动槽 */
        .publish-order .second-select .second-select-father::-webkit-scrollbar-track {
            border-radius: 5px;
        }

        /* 滚动条滑块 */
        .publish-order .second-select .second-select-father::-webkit-scrollbar-thumb {
            /* width: 4px; */
            background: rgba(255, 255, 255, 0.16);
            border-radius: 5px;
        }

        .publish-order .second-select .second-select-father .item {
            color: #fff;
            line-height: 29px;
            text-align: center;
            font-size: 12px;
            padding: 0px 5px;
            /* overflow: hidden; */
            position: relative;
        }

            .publish-order .second-select .second-select-father .item.active {
                background: rgba(255, 255, 255, 0.16);
            }

            .publish-order .second-select .second-select-father .item:hover {
                background: rgba(255, 255, 255, 0.16);
            }

                .publish-order .second-select .second-select-father .item:hover .second-son {
                    /* display: block; */
                }

            .publish-order .second-select .second-select-father .item a {
                color: #fff;
                white-space: nowrap;
                display: inline-block;
            }

        .publish-order .second-select .second-select-father .second-son {
            position: absolute;
            top: 0px;
            left: 149px;
            width: 149px;
            max-height: 200px;
            border-radius: 3px;
            background: rgba(217, 58, 50, 1);
            display: none;
        }

            .publish-order .second-select .second-select-father .second-son .son-menu {
                white-space: nowrap;
                overflow: hidden;
                padding: 0px 4px;
            }

                .publish-order .second-select .second-select-father .second-son .son-menu.active {
                    background: rgba(255, 255, 255, 0.16);
                }

                .publish-order .second-select .second-select-father .second-son .son-menu:hover {
                    background: rgba(255, 255, 255, 0.16);
                }

.publish-order .btn {
    width: 198px;
    height: 34px;
    background: rgba(255, 255, 255, 1);
    border-radius: 20px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    color: #e62d31;
    margin-top: 7px;
}

.search-order .publish-order .winBox {
    margin-top: 4px;
}

.publish-order .btn:hover {
    box-shadow: 0px 0px 10px #ddd;
    transform: translateY(-2px);
}

.search-order .right-info .info-item dl {
    width: 128px;
    float: left;
    position: relative;
    margin-right: 97px;
}

    .search-order .right-info .info-item dl:last-child {
        margin-right: 0px;
    }

    .search-order .right-info .info-item dl:before {
        content: "";
        position: absolute;
        height: 73px;
        left: 170px;
        top: 5px;
        border: 1px solid rgba(230, 33, 22, 0.63);
    }

    .search-order .right-info .info-item dl:last-child:before {
        border: none;
    }

    .search-order .right-info .info-item dl dt {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        margin: 0px auto;
        margin-bottom: 16px;
        background-color: #fff;
        position: relative;
    }

        .search-order .right-info .info-item dl dt img {
            position: absolute;
            text-align: center;
            left: 11px;
            top: 9px;
        }

    .search-order .right-info .info-item dl dd p {
        width: 126px;
        font-size: 14px;
        text-align: center;
        font-family: Microsoft YaHei;
        font-weight: 400;
        line-height: 20px;
        margin: 0px auto;
        color: rgba(255, 255, 255, 1);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.search-order .right-info .info-item {
    margin-left: 13px;
}


.cate_pop {
    position: absolute;
    left: 265px;
    display: none;
    overflow: hidden;
    z-index: 2;
    padding-left: 25px;
    /*width: 245px;*/
    width:420px;
    max-height: 289px;
    min-height: 82px;
    border: 1px solid #f7f7f7;
    background: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
    -webkit-transition: top 0.25s ease;
    transition: top 0.25s ease;
}

.Cate_itempop {
    top: -20px;
}

.OrderHardcate {
    /*top: -65px !important;*/
    top:-50px !important;
}

.cate_part {
    display: block;
    padding: 14px 0 10px;
}

.cate_part_col1 {
    float: left;
    /*margin-bottom: 15px;*/
}

.cate_channel {
    overflow: hidden;
    max-width: 250px;
    height: 24px;
}

.cate_channel_lk {
    cursor: pointer;
    float: left;
    height: 24px;
    line-height: 24px;
    color: #333;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    display: inline-block;
    font-weight: 600;
    text-overflow: ellipsis;
}

    .cate_channel_lk:hover {
        color: #e62d31;
    }

.cate_detail {
    overflow: hidden;
    *zoom: 1;
    /* padding: 10px 0 0 20px; */
}

.cate_detail_item {
    position: relative;
    /* padding-left: 80px; */
}

.cate_detail_con {
    overflow: hidden;
    *zoom: 1;
    padding: 5px 0;
}

.cate_detail_con_lk {
    float: left;
    margin: 3px 0;
    padding-right: 24px;
    height: 16px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 16px;
    color: rgba(51, 51, 51, 0.75);
}

    .cate_detail_con_lk:hover {
        color: rgba(230, 45, 49, 1);
    }

    .cate_detail_con_lk.active {
        color: rgba(230, 45, 49, 1);
    }

.mgl10 {
    margin-left: 10px;
}

/* 软件定制 */
.mgt15 {
    margin-top: 15px;
}

.yy-soft-order .left-soft-info .order {
    width: 260px;
    height: 369px !important;
    background: #f5f5f5;
    border-top: 1px solid #ececec;
    padding: 14px 0px 14px 0px !important;
}

    .yy-soft-order .left-soft-info .order .white-sjx {
        position: absolute;
        right: -9px;
        top: 5px;
        z-index: 11;
        display: none;
    }

    .yy-soft-order .left-soft-info .order .tit {
        height: 23px;
        line-height: 23px;
        margin-bottom: 12px;
        padding-left: 23px;
    }

        .yy-soft-order .left-soft-info .order .tit img {
            vertical-align: middle;
            margin-right: 14px;
        }

        .yy-soft-order .left-soft-info .order .tit span {
            width: 64px;
            font-size: 16px;
            vertical-align: middle;
            font-weight: 600;
            color: #333;
        }
            .yy-soft-order .left-soft-info .order .tit span:hover {
                color: #e62d31
            }
            .yy-soft-order .left-soft-info .order .product .arrows {
                margin-right: 3px;
            }

    .yy-soft-order .left-soft-info .order .product li {
        padding-left: 23px;
        /* margin-bottom: 5px; */
        position: relative;
        line-height: 27px;
    }

        .yy-soft-order .left-soft-info .order .product li:hover .arrows {
            color: #e63330;
        }

        .yy-soft-order .left-soft-info .order .product li:last-child {
            margin-bottom: 0px;
        }

        .yy-soft-order .left-soft-info .order .product li .item {
            width: 60px;
            height: 28px;
            line-height: 27px;
            font-size: 12px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #666;
            margin-right: 15px;
            display: inline;
            overflow: hidden;
        }

            .yy-soft-order .left-soft-info .order .product li .item:first-child {
                width: 63px;
                overflow: hidden;
                font-size: 14px;
                font-family: Source Han Sans CN;
                font-weight: 600;
                display: inline;
                color: #333;
                margin-right: 20px;
            }

            .yy-soft-order .left-soft-info .order .product li .item:nth-child(3) {
                margin-right: 0px;
            }

        .yy-soft-order .left-soft-info .order .product li:hover {
            background: #ececec;
        }

        .yy-soft-order .left-soft-info .order .product li.hard-item.active {
            background: #ececec;
        }

        /* 以下两行鼠标悬浮  一行都变红 */
        .yy-soft-order .left-soft-info .order .product li:hover .item {
            color: rgba(230, 45, 49, 1);
        }

            .yy-soft-order .left-soft-info .order .product li:hover .item i {
                color: rgba(230, 45, 49, 1);
            }

        .yy-soft-order .left-soft-info .order .product li .item.active {
            color: rgba(230, 45, 49, 1);
        }

        .yy-soft-order .left-soft-info .order .product li .item i {
            color: rgba(102, 102, 102, 1);
            font-size: 14px;
            margin-right: 8px;
        }

        .yy-soft-order .left-soft-info .order .product li .item.arrows {
            margin-right: 0px !important;
        }

            .yy-soft-order .left-soft-info .order .product li .item.arrows.active {
                color: rgba(230, 45, 49, 1);
            }

        /* .yy-soft-order .left-soft-info .order .product li .item.arrows:before{
    display: block;
    content: "";
    background-image: url(../../Images/y-images/san.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 19px;
    height: 19px;
    position: absolute;
    border: 1px solid red;
    left: 8px;
    border: 1px solid red;
    top: 8px;
    margin-left: -5px;
    color: #3e444f;
    z-index: 1;
} */
        .yy-soft-order .left-soft-info .order .product li .item i:hover,
        .yy-soft-order .left-soft-info .order .product li .item i.active {
            color: rgba(230, 45, 49, 1);
        }

        .yy-soft-order .left-soft-info .order .product li .item:hover,
        .yy-soft-order .left-soft-info .order .product li .item.active {
            color: rgba(230, 45, 49, 1);
        }

        .yy-soft-order .left-soft-info .order .product li.active {
            background: #ececec;
        }

    .yy-soft-order .left-soft-info .order .cate_pop {
        position: absolute;
        left: 265px;
        top: -20px;
        background: #ffffff;
        border: 1px solid #ffffff;
        display: none;
    }

    .yy-soft-order .left-soft-info .order .product li:hover .cate_pop {
        display: block;
    }

/* .yy-soft-order .cate_channel_lk {
    color: white;
} */

.yy-soft-order .cate_channel_lk:hover,
.yy-soft-order .cate_channel_lk:active {
    color: rgba(230, 45, 49, 1);
}

.yy-soft-order .cate_detail_con_lk {
    color: #333333;
    opacity: 0.75;
}

    .yy-soft-order .cate_detail_con_lk:hover,
    .yy-soft-order .cate_detail_con_lk:active {
        color: rgba(230, 45, 49, 1);
    }

/* .yy-soft-order .left-soft-info .order ul li .title a:first-child {
    color: white;
}
.yy-soft-order .left-soft-info .order ul li .title a {
    color: rgba(255, 255, 255, 0.75);
} */

#order-lunbo {
    height: 369px;
}



    #order-lunbo .swiper-slide a {
        display: inline-block;
        height: 369px;
        width: 100%;
    }

    #order-lunbo .swiper-slide img {
        height: 100%;
        width: 100%;
        /*object-fit: cover;*/
    }

.big-slider-banner #order-lunbo .bd li {
    height: 369px;
    line-height: 369px;
}

.big-slider-banner #order-lunbo .bd ul li a img {
    height: 369px;
    max-height: 369px;
}

.m-Notil {
    line-height: 35px;
    overflow: hidden;
}

    .m-Notil:last-child {
        margin: 0;
    }

.m-icon {
    float: left;
    display: inline-block;
    margin-right: 5px;
    overflow: hidden;
}

    .m-icon .iconfont {
        font-size: 22px;
        color: #e62d31;
        vertical-align: middle;
    }

.m-NotiCont {
    display: inline-block;
    height: 35px;
    overflow: hidden;
    width: 97%;
}

.m-NoticScroll {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: left;
    overflow: hidden;
    padding: 0px 30px;
}

    .m-NoticScroll a {
        display: inline-block;
        color: #666;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .m-NoticScroll li:hover a {
        color: #e62d31;
    }

    .m-NoticScroll li .time {
        margin-left: 100px;
        display: inline-block;
        vertical-align: top;
    }

    .m-NoticScroll li .title {
        max-width: 270px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        /* display: inline; */
    }

.order-content {
    background-color: #fff;
    padding: 20px;
    margin-top: 12px;
    position: relative;
    /*overflow:hidden;*/
}

.lunbo-wraper li {
    width: 220px !important;
    padding: 9px 8px;
    background: rgba(255, 255, 255, 1);
    float: left;
    margin-right: 15px;
    position: relative;
    height: 225px;
    background: #ffffff;
    border: 1px solid #eeeeee;
}

    .lunbo-wraper li:hover {
        /*transform: translateY(-2px);*/
        /*box-shadow: 0px 0px 10px #eee;*/
        box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1)
    }

    .lunbo-wraper li:last-child {
        margin-right: 0px;
    }

.order-content .bd {
    /*position: relative;*/
    overflow: hidden;
    height: 225px;
    width: 102%;
}

.order-content .prev {
    display: block;
    width: 23px;
    height: 23px;
    position: absolute;
    left: -57px;
    top: 116px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    color: #999999;
}

    .order-content .prev i {
        font-size: 20px;
        margin-left: 1px;
    }

        .order-content .prev i:hover {
            color: rgba(230, 45, 49, 1);
        }

.order-content .next {
    display: block;
    width: 23px;
    height: 23px;
    position: absolute;
    right: -57px;
    top: 116px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}

    .order-content .next i {
        margin-left: 3px;
        margin-top: 3px;
        color: #999999;
        font-size: 20px;
    }

        .order-content .next i:hover {
            color: rgba(230, 45, 49, 1);
        }

/* .order-content .contain {
    width: 258px;
} */

.order-content .contain .top {
    width: 75px;
    height: 75px;
    /* overflow: hidden; */
    margin: 0px auto;
    position: relative;
}

    .order-content .contain .top .img-user {
        /*width: 49px;*/
        height: 19px;
        position: absolute;
        bottom: -8px;
        left: 1px;
    }

.order-content .contain .tit-link {
    width: 100%;
}

.order-content .contain .topimg {
    position: absolute;
    top: 0px;
    left: 0px;
}

.order-content .contain .top a {
    display: block;
    height: 100%;
    overflow: hidden;
    border-radius:50%;
}

    .order-content .contain .top a img {
        width: 100%;
        height: 100%;
        display: block;
        -webkit-transition: 0.8s;
        transition: 0.8s;
    }

    .order-content .contain .top a:hover img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

.order-content .contain .title-box {
    display: block;
    height: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
    /*font-weight: 500;*/
    line-height: 14px;
    cursor: pointer;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 15px;
    color: rgba(51, 51, 51, 1);
}

    .order-content .contain .title-box:hover {
        color: #e62d31;
    }

.order-content .contain .btn-info {
    text-align: center;
}

    .order-content .contain .btn-info span {
        display: inline-block;
        color: #fff;
        width: 111px;
        height: 22px;
        background: #e62d31;
        line-height: 22px;
        font-size: 12px;
        cursor: pointer;
    }

        .order-content .contain .btn-info span:hover {
            opacity: 0.8;
        }



.order-content .contain .price-box {
    border-top: 1px solid #eeeeee;
    margin-top: 10px;
    padding-top: 10px;
}

    .order-content .contain .price-box .item {
  /*      overflow: hidden;*/
        white-space: nowrap;
        /*text-overflow: ellipsis;*/
        margin-bottom: 5px;
        position:relative;
    }
        .order-content .contain .price-box .item .l-name {
            line-height: 22px;
            color: #999;
            vertical-align:middle;
            font-size: 12px;
        }
        .order-content .contain .price-box .item i.filed {
            display: inline-block;
            vertical-align: middle;
            background: #f0f0f0;
            color: #666;
            border-radius: 3px;
            padding: 0px 6px;
            margin-right: 5px;
            line-height: 22px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            max-width: 75px;
        }

        .order-content .contain .price-box .item .sharehover{
            position:absolute;
            right:0;
        }

        .order-content .contain .price-box .item i.area {
            vertical-align: middle;
            color: #999;
            display:inline-block;
            text-overflow:ellipsis;
            overflow:hidden;
            white-space:nowrap;
            width:120px;
        }

        .order-content .contain .price-box .item .share .shareBox{
            top:-75px;
            z-index:99;
        }




        .order-content .contain .price-box .item .money {
            height: 16px;
            font-size: 12px;
            font-weight: 700;
            color: #e62d31;
            line-height: 18px;
        }

        .order-content .contain .price-box .item a {
            display: inline-block;
            vertical-align: top;
        }

        .order-content .contain .price-box .item .intro {
            width: 143px;
            display: inline-block;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            height: 16px;
            font-size: 12px;
            color: #666666;
            line-height: 18px;
            vertical-align: top;
        }

            .order-content .contain .price-box .item .intro:hover {
                color: #e62d31;
            }
/* 
.order-content .contain .right {
    width: 173px;
}

.order-content .contain .right .tit {
    margin-bottom: 12px;
}

.order-content .contain .right .tit a {
    display: block;
    height: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    line-height: 14px;
    cursor: pointer;
    color: rgba(51, 51, 51, 1);
}

.order-content .contain .right .tit a:hover {
    color: #e63330;
}

.order-content .contain .right .img-icon img {
    width: 37px;
    height: 15px;
    vertical-align: middle;
    margin-right: 10px;
}

.order-content .contain .right .address {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    max-width: 100px;
}

.order-content .contain .right .address i {
    color: #999999;
    font-size: 15px;
}

.order-content .contain .right .tag {
    margin-top: 12px;
    overflow: hidden;
    white-space: nowrap;
    height: 22px;
}

.order-content .contain .right .tag span {
    height: 22px;
    background: rgba(238, 238, 238, 1);
    line-height: 22px;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    width: 85px;
    margin-right: 5px;
    padding: 0px 5px;
    display: inline-block;
} */
.order-content .temp-wrap ul {
    padding: 23px 0px 23px 23px;
}

.hardcon .leftcon {
    width: 266px;
    margin-right: 13px;
}

    .hardcon .leftcon .bottom {
        padding: 17px 20px 18px 20px;
        height: 270px;
        position: relative;
    }

    .hardcon .leftcon .top .text .ad-title {
        font-weight: normal;
        padding: 0;
    }

    .hardcon .leftcon .bottom .hot-tag {
        margin-top: 18px;
    }

        .hardcon .leftcon .bottom .hot-tag span {
            margin-right: 18px;
            width: 101px;
            margin-bottom: 15px;
            cursor: pointer;
            padding: 0 7px;
        }


    .hardcon .leftcon .bottom .last-tag {
        width: 224px;
        height: 36px;
        background: #131429;
        position: absolute;
        bottom: 18px;
        font-size: 14px;
        border-radius: 29px;
        line-height: 36px;
        text-align: center;
        color: rgba(225,225,225,0.84);
    }

        .hardcon .leftcon .bottom .last-tag:hover {
            box-shadow: 0px 0px 10px #131429;
            transform: translateY(-2px);
            cursor: pointer;
            color: #e62d31;
            background: rgba(19, 20, 41, 0.6)
        }

.hardcon .rightcon {
    width: 880px;
}

.hardcon .productCustomList {
    overflow: visible;
}

    .hardcon .productCustomList li {
        padding: 12px 13px;
        margin-bottom: 8px;
        height: 104px;
        overflow: visible;
        border: 1px solid #eeeeee;
        cursor: pointer;
    }

        .hardcon .productCustomList li:last-child {
            margin-bottom: 0;
        }

        .hardcon .productCustomList li .img_show {
            width: 79px;
            height: 79px;
            margin-right: 25px;
        }

            .hardcon .productCustomList li .img_show span {
                width: 79px;
                height: 79px;
            }

                .hardcon .productCustomList li .img_show span img {
                    width: 100%;
                    height: 100%;
                    max-height: 79px;
                    min-height: 79px;
                }

        .hardcon .productCustomList li .cont {
            width: 360px;
            margin-right: 27px;
        }

            .hardcon .productCustomList li .cont .grade {
                /*width: 44px;*/
                height: 19px;
                margin-left: 15px;
            }

            .hardcon .productCustomList li .cont .user {
                margin-top: 3px;
                margin-bottom: 7px;
            }

                .hardcon .productCustomList li .cont .user a {
                    font-size: 15px;
                    font-family: Source Han Sans CN;
                    max-width: 250px;
                    font-weight: bold;
                    color: rgba(51, 51, 51, 1);
                }

            .hardcon .productCustomList li .cont p {
                margin: 0px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                color: #999;
            }

                .hardcon .productCustomList li .cont p .m_field {
                    color: #666
                }

                .hardcon .productCustomList li .cont p .address-icon {
                    display: inline-block;
                    background: none;
                    padding: 0px;
                    margin-right: 0px;
                    line-height: 22px;
                    position: relative;
                    top: 1px;
                    font-size: 15px;
                    color: #999;
                }

        .hardcon .productCustomList li .collect {
            position: relative;
            top: 33px;
        }

            .hardcon .productCustomList li .collect .attend,
            .coll {
                cursor: pointer;
                color: #999999;
                display: inline-block;
                margin-right: 15px;
                width: 65px;
            }

            .hardcon .productCustomList li .collect .share {
                cursor: pointer;
                color: #999999;
                display: inline-block;
                width: 57px;
            }

            .hardcon .productCustomList li .collect .attend.curr span {
                color: #e62d31;
            }

            .hardcon .productCustomList li .collect .attend.curr i {
                display: none;
            }

            .hardcon .productCustomList li .collect .attend.curr .collect-red-heart {
                display: inline-block;
            }

.collect-red-heart {
    width: 17px;
    height: 17px;
    display: none;
    vertical-align: middle;
}

.hardcon .productCustomList li .collect .attend:hover {
    color: #e62d31;
}

    .hardcon .productCustomList li .collect .attend:hover i {
        color: #e62d31;
    }

.hardcon .productCustomList li .collect .coll:hover {
    color: #e62d31;
}

    .hardcon .productCustomList li .collect .coll:hover i {
        color: #e62d31;
    }

.hardcon .productCustomList li .collect .share:hover {
    color: #e62d31;
}

    .hardcon .productCustomList li .collect .share:hover i {
        color: #e62d31;
    }

.hardcon .productCustomList li .collect .attend i {
    color: #999;
    font-size: 15px;
}

.hardcon .productCustomList li .collect .coll .star-icon {
    position: relative;
    top: 4px;
    left: -2px;
}

.hardcon .productCustomList li .collect .share i {
    font-size: 17px;
    position: relative;
    left: -2px;
    top: 2px;
}

.hardcon .productCustomList li .btns {
    margin-top: 23px;
    width: 137px;
    margin-right: 12px;
    height: 34px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(230, 45, 49, 1);
    border-radius: 20px;
}

    .hardcon .productCustomList li .btns i {
        color: #e62d31;
        font-size: 17px;
    }

    .hardcon .productCustomList li .btns:hover {
        background-color: #e62d31;
        color: white;
    }

        .hardcon .productCustomList li .btns:hover i {
            color: white;
        }

/* 分享 */
.bdshare-button-style0-16 .bds_qzone {
    background-position: 0 -52px;
}

.bdshare-button-style0-16 .bds_tsina {
    background-position: 0 -104px;
}

.bdshare-button-style0-16 .bds_renren {
    background-position: 0 -208px;
}

.bdshare-button-style0-16 .bds_tqq {
    background-position: 0 -260px;
}

.bdshare-button-style0-16 .bds_kaixin001 {
    background-position: 0 -312px;
}

.bdshare-button-style0-16 .bds_tqf {
    background-position: 0 -364px;
}

.bdshare-button-style0-16 .bds_hi {
    background-position: 0 -416px;
}

.bdshare-button-style0-16 .bds_douban {
    background-position: 0 -468px;
}

.bdshare-button-style0-16 .bds_tieba {
    background-position: 0 -728px;
}

.bdshare-button-style0-16 .bds_hx {
    background-position: 0 -988px;
}

.bdshare-button-style0-16 .bds_fx {
    background-position: 0 -1040px;
}

.bdshare-button-style0-16 .bds_ty {
    background-position: 0 -1196px;
}

.bdshare-button-style0-16 .bds_fbook {
    background-position: 0 -1352px;
}

.bdshare-button-style0-16 .bds_twi {
    background-position: 0 -1404px;
}

.bdshare-button-style0-16 .bds_linkedin {
    background-position: 0 -1664px;
}

.bdshare-button-style0-16 .bds_meilishuo {
    background-position: 0 -1716px;
}

.bdshare-button-style0-16 .bds_mogujie {
    background-position: 0 -1768px;
}

.bdshare-button-style0-16 .bds_diandian {
    background-position: 0 -1820px;
}

.bdshare-button-style0-16 .bds_huaban {
    background-position: 0 -1872px;
}

.bdshare-button-style0-16 .bds_duitang {
    background-position: 0 -2028px;
}

.bdshare-button-style0-16 .bds_youdao {
    background-position: 0 -2080px;
}

.bdshare-button-style0-16 .bds_wealink {
    background-position: 0 -2184px;
}

.bdshare-button-style0-16 .bds_copy {
    background-position: 0 -2288px;
}

.bdshare-button-style0-16 .bds_mail {
    background-position: 0 -2340px;
}

.bdshare-button-style0-16 .bds_print {
    background-position: 0 -2392px;
}

.bdshare-button-style0-16 .bds_mshare {
    background-position: 0 -2444px;
}

.bdshare-button-style0-16 .bds_sqq {
    background-position: 0 -2652px;
}

.bdshare-button-style0-16 .bds_sdo {
    background-position: 0 -2704px;
}

.bdshare-button-style0-16 .bds_qingbiji {
    background-position: 0 -2756px;
}

.bdshare-button-style0-16 .bds_people {
    background-position: 0 -2808px;
}

.bdshare-button-style0-16 .bds_xinhua {
    background-position: 0 -2912px;
}

.bdshare-button-style0-16 .bds_yaolan {
    background-position: 0 -2964px;
}

.bdshare-button-style0-16 .bds_thx {
    background-position: 0 -2496px;
}

.bdshare-button-style0-16 .bds_bdhome {
    background-position: 0 -156px;
}

.bdshare-button-style0-16 .bds_bdxc {
    background-position: 0 -2548px;
}

.bdshare-button-style0-16 .bds_bdysc {
    background-position: 0 -3068px;
}

.bdshare-button-style0-16 .bds_isohu {
    background-position: 0 -3016px;
}

.bdshare-button-style0-16 .bds_more {
    background-position: 0 0;
}

.bdshare-button-style0-16 .bds_ibaidu {
    background-position: 0 -3120px;
}

.bdshare-button-style0-16 .bds_weixin {
    background-position: 0 -1612px;
}

.bdshare-button-style0-16 .bds_iguba {
    background-position: 0 -1300px;
}

.bdshare-button-style0-16 .bds_h163 {
    background-position: 0 -3160px;
}

.bdshare-button-style0-16 {
    zoom: 1;
}

    .bdshare-button-style0-16:after {
        content: ".";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both;
    }

    .bdshare-button-style0-16 a,
    .bdshare-button-style0-16 .bds_more {
        float: left;
        font-size: 12px;
        padding-left: 17px;
        line-height: 16px;
        height: 16px;
        background-image: url(../../Images/y-images/yy-share.png);
        background-repeat: no-repeat;
        cursor: pointer;
        margin: 0px 3px;
    }

        .bdshare-button-style0-16 a i {
            margin-left: -17px;
            font-size: 22px;
        }

    .bdshare-button-style0-16 .bds_more {
        color: #333;
        float: left;
    }

    .bdshare-button-style0-16 .bds_count {
        color: #333;
        background: url(../../Images/y-images/yy-share.png) no-repeat 0 -30px;
        width: 42px;
        height: 16px;
        padding: 0;
        margin: 6px 0 0;
        text-align: center;
    }

        .bdshare-button-style0-16 .bds_count:hover {
            background-position: -42px -30px;
        }

    .bdshare-button-style0-16 .bds_button_image {
        float: left;
        cursor: pointer;
        margin: 6px 6px 0 0;
        height: auto;
        padding: 0;
    }

    .bdshare-button-style0-16 .bdshare_button_count {
        background: url(../../Images/y-images/yy-share.png) no-repeat 0 0;
        width: 44px;
        height: 24px;
        line-height: 24px;
    }

        .bdshare-button-style0-16 .bdshare_button_count:hover {
            background-position: -44px 0;
        }

.bds_tsohu,
.bds_tfh,
.bds_baidu,
.bds_qq,
.bds_msn,
.bds_sohu,
.bds_qy,
.bds_leho,
.bds_ifeng,
.bds_ff,
.bds_tuita,
.bds_ms,
.bds_deli,
.bds_s51,
.bds_t163,
.bds_share189,
.bds_xg,
.bds_s139 {
    display: none;
}

#choose {
    top: -2px;
    /*position: absolute;*/
    position:relative;
    text-align:center;
    display: inline-block;
    color: #fff;
    font-size:14px;
}
.yycontain .leftcon .bottom .hot-icon {
    margin-left: 5px;
    position: relative;
    top: 1px;
}
.first-select .father .arrow {
    float: right;
    margin-top: 12px;
    margin-right: 10px;
    /*width: 12px;
    height: 12px;*/
}

.bds_evernotecn {
    background-position: 0 -3184px;
}

.qrm-input-border input::placeholder {
    color: #fff;
}

.qrm-input-border img {
    vertical-align: middle;
}

.qrm-input {
    outline: none;
    height: 38px;
    position: absolute;
    left: 4px;
    top: 0;
    padding: 0 10px;
}

.qrm-input-border {
    position: relative;
}

.qrm-pinming {
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    position: relative;
    border-radius: 20px;
    width: 170px;
    background: rgba(217, 58, 50, 1);
    /* background-image: url(../../Images/y-images//qrm-arrow-down.png); */
    background-repeat: no-repeat;
    background-position: 149px;
}

    .qrm-pinming:hover {
        cursor: pointer;
    }

    .qrm-pinming input:hover {
        cursor: pointer;
    }

.qrm-pinming-panel {
    position: absolute;
    top: 52px;
    left: -1px;
    z-index: 99999;
    width: 350px;
    height: 210px;
    background: #fff;
}

.qrm-border1 {
    float: left;
    padding-top: 10px;
    width: 170px;
    height: 150px;
    position: absolute;
    top: 26px;
    z-index: 2;
    display: none;
    background: rgba(217, 58, 50, 1);
}

.qrm-lev {
    -ms-overflow-style: none;
}

    .qrm-lev li {
        text-align: center;
    }

        .qrm-lev li a {
            color: white;
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
            max-width: 155px;
            text-overflow: ellipsis;
        }

    .qrm-lev::-webkit-scrollbar {
        width: 5px;
        background: rgba(251, 251, 138, 0.05);
        border-radius: 10px;
        display: none;
    }

    /* 滚动槽 */
    .qrm-lev::-webkit-scrollbar-track {
        border-radius: 10px;
    }

    /* 滚动条滑块 */
    .qrm-lev::-webkit-scrollbar-thumb {
        width: 5px;
        background: rgba(255, 255, 255, 0.26);
        border-radius: 5px;
    }

.qrm-border2 {
    float: left;
    z-index: 2;
    /* width: 33%;
    border-right: 1px solid #f1f1f1; */
    position: absolute;
    top: 36px;
    color: white;
    left: 170px;
    background-color: rgba(217, 58, 50, 1);
}

.qrm-border3 {
    float: left;
    color: white;
    z-index: 2;
    /* width: 33%;
    border-right: 1px solid #f1f1f1; */
    background-color: #efefef;
    position: absolute;
    top: 50px;
    left: 200px;
}

.qrm-lev {
    width: 170px;
    margin: 0;
    padding: 0;
    max-height: 180px;
    overflow: auto;
    font-size: 12px;
    background-color: rgba(217, 58, 50, 1);
}

    .qrm-lev li span {
        width: 170px;
        text-align: center;
        display: inline-block;
        color: white;
        white-space: nowrap;
        overflow: hidden;
        padding: 0px 5px;
        text-overflow: ellipsis;
    }

        .qrm-lev li span:hover {
            color: white;
        }

    /* .qrm-lev li:hover{
    background:rgba(255,255,255,0.26);
} */
    .qrm-lev > li {
        width: 100%;
        position: relative;
        display: block;
        height: 40px;
        line-height: 40px;
    }

        .qrm-lev > li:hover {
            background: rgba(255, 255, 255, 0.26);
            color: #fff;
        }

.qrm-arrow-right {
    display: inline-block;
    width: 4px;
    height: 7px;
    background: url(../../Images/y-images/qrm-arrow-right.png) no-repeat;
    position: absolute;
    right: 7px;
    top: 14px;
}

.qrm-lev-1 > li.active {
    background: rgba(255, 255, 255, 0.26);
    color: #fff;
}

.qrm-lev-2 > li.active {
    background: rgba(255, 255, 255, 0.26);
    color: #fff;
}

.qrm-lev-3 > li.active {
    background: rgba(255, 255, 255, 0.26);
    color: #fff;
}

.qrm-lev-4 > li.active {
    background: rgba(255, 255, 255, 0.26);
    color: #fff;
}