a {
    text-decoration: none;
}

input,
textarea {
    outline: 0;
    display: block;
    border: none;
    background: none;
}

.wapper .topnav {
    background: #f1f4f7 !important;
    justify-content: space-between !important;
}

.wapper .toplist {
    width: 68%;
}

.wapper .bus-nav {
    width: 100%;
    padding: 0 20% 0 20%;
    text-align: center;
    box-sizing: border-box;
    border-bottom: 1px solid #e8e9eb;
}

.wapper .bus-nav ul {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
    text-align: center;
    grid-gap: 5px;
}

.wapper .bus-nav ul li {
    padding: 10px 0;
    position: relative;
    cursor: pointer;
}

.wapper .bus-nav li a {
    color: #212a3b;
    font-size: 16px;
    position: relative;
}

.wapper .bus-nav li.now a {
    color: #FE852D;
}

.wapper .bus-nav li a::after {
    content: '';
    width: 0%;
    height: 4px;
    position: absolute;
    bottom: -11px;
    left: 0;
    border-radius: 3px;
    background-color: #fe852d;
    transition: .5s all;
    opacity: 0;
}

.wapper .bus-nav li.now a::after {
    content: '';
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: -11px;
    left: 0;
    border-radius: 3px;
    background-color: #fe852d;
    transition: .5s all;
    opacity: 1;
}

.wapper .bus-nav li:hover a::after {
    width: 100%;
    opacity: 1;
}

.wapper header li:hover a {
    color: #ef802e;
}

.wapper .bus-nav li .dropdown_1column {
    width: 150px;
    height: auto;
    display: none;
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    z-index: 999;
    padding: 25% 10% 45% 10%;
    box-sizing: border-box;
}

.wapper .bus-nav li:hover .dropdown_1column {
    display: block;
}

.wapper .bus-nav li:hover .dropdown_1column div {
    padding: 10px 0;
}

.wapper .bus-nav li:hover .dropdown_1column div a {
    font-size: #212a3b !important;
}

.wapper .bus-nav li:hover .dropdown_1column div a:hover {
    color: #ef802e;
}

.wapper .bus-nav li:hover .dropdown_1column div a:hover::after {
    content: '';
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: -11px;
    left: 0;
    border-radius: 3px;
    background-color: #fe852d;
    transition: .5s all;
    opacity: 1;
}

.col_1 ul {
    display: block !important;
}

.wapper .banner {
    width: 100%;
    height: auto;
    position: relative;
}

.wapper .banner .backBg {
    width: 100%;
    height: auto;
}

.wapper .banner .backBg img {
    width: 100%;
    height: 20VW;
}

.wapper .banner .contbox {
    width: 100%;
    height: 30vw;
}

.wapper .banner .contBox .tabbox {
    width: 70%;
    /* padding: 5% 15% 10% 15%; */
    box-sizing: border-box;
    position: absolute;
    top: 10%;
    left: 15%;
    overflow: hidden;
    border-radius: 6px;
}

.wapper .banner .contBox .tabbox .tabpic {
    width: 100%;
}

.wapper .banner .contBox .tabbox .tabpic img {
    width: 100%;
    vertical-align: bottom;
}

.wapper .banner .contBox .tabbox .tabs {
    width: 100%;
    height: auto;
    position: relative;
}

.swiper-container {
    position: relative;
}

.wapper .banner .m-contBox {
    display: none;
}

.wapper .banner .contBox .tabbox .nav-tab {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    float: left;
    opacity: 1;
    width: 20px;
    padding: 5px;
    height: 20px;
    background: url(../library/mall/10000/images/layout/tab-nav2.png) no-repeat center;

}

.swiper-pagination-bullet-active {
    background: url(../library/mall/10000/images/layout/tab-nav1.png) no-repeat center !important;
    opacity: 1;
}

.wapper .content1 {
    width: 100%;
    height: auto;
    position: relative;
}

.ar-route {
    position: absolute;
    top: 1%;
    left: 5%;
    z-index: 9;
}

.wapper .cont-nav {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 5%;
    transition: .5s all;
    z-index: 9999;
}

.wapper .cont-nav ul {
    display: none;
}

.wapper .cont-nav li {
    line-height: 40px;
    cursor: pointer;
}

.wapper .cont-nav li:before {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    vertical-align: middle;
    margin-right: 14px;
}

.wapper .cont-nav li {
    color: #212a3b;
    font-size: 14px;
    transition: .5s all;
}

.wapper .cont-nav li:hover {
    color: #fe852d;
}

.wapper .cont-nav li.active {
    color: #fe852d;
}

.wapper .broadcast {
    width: 100%;
    height: auto;
    padding: 0% 1%;
    box-sizing: border-box;
}

.wapper .broadcast .castBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 1vw 0vw 1vw 0vw;
    position: relative;
}

.wapper .broadcast .castBox .cast {
    display: flex;
    justify-content: flex-start;

}

.wapper .broadcast .castBox::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #cad8e7;
    position: absolute;
    top: 2vw;
    left: 0;
    z-index: -1;
}

.wapper .broadcast .castBox .castlist {
    /* text-align: center; */

    width: 17vw !important;
    padding-right: 21px;
}

.wapper .broadcast .castBox .castlist .status {
    text-align: center;
    padding-bottom: 30px;
}


.wapper .broadcast .castBox .castlist .status .statusPic {
    width: 4vw;
    height: 1.5vw;
    background: url(../library/mall/10000/images/layout/cast2_03.png) no-repeat center #cad8e7;
    border-radius: 25px;
    text-align: center;
    margin: 0.25vw 0 0.25vw 6vw;
}

.wapper .broadcast .castBox .castlist .status .statusPic.now {
    width: 4vw;
    height: 2vw;
    background: url(../library/mall/10000/images/layout/cast1_03.png) no-repeat center #FF7E00 !important;
    border-radius: 25px;
    text-align: center;
    margin: 0 auto;
}

.wapper .broadcast .castBox .castlist .status .statustext {
    font-size: 0.9vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.wapper .broadcast .castBox .castlist .status .statustime {
    color: #212a3b;
    font-size: 1.1vw;
    padding: 20px 0 15px 0;
    font-weight: bold;
}

.wapper .broadcast .castBox .castlist .status .statustime.on {
    color: #fe992d;
}

.wapper .broadcast .castBox .castlist .pic {
    width: 100%;
    height: auto;
    position: relative;
}

.wapper .broadcast .castBox .castlist .pic img {
    width: 100%;
    height: auto;
}

.wapper .broadcast .castBox .castlist .pic .codeBox {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom:0;
    left: 0;
    display: none;
    transition: 0.5s all;
	text-align: center;
	padding-top: 5%;
	box-sizing: border-box;
}

.wapper .broadcast .castBox .castlist .pic .codeBox .code {
    width: 100%;
    height: auto;
}

.wapper .broadcast .castBox .castlist .pic .codeBox .code img {
    width: 40%;
    height: auto;
    border-radius: 2px;
}

.wapper .broadcast .castBox .castlist:hover .pic .onbg {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    transition: 0.5s all;
    position: absolute;
    top: 0;
    border-radius: 4px;
}

.wapper .broadcast .castBox .castlist .pic .codeBox .codetet {
    font-size: 0.9vw;
    color: #fff;
    line-height: 2vw;
}

.wapper .broadcast .castBox .castlist:hover .pic .codeBox {
    display: block;
    transition: 0.5s all;
}

.wapper .broadcast .castBox .cast-nav {
    width: 100%;
    height: 100%;
}

.wapper .broadcast .castBox .cast-nav .butnext {
    width: 40px;
    height: 40px;
    top: 2vw;
    right: 0px;
    background: url(../library/mall/10000/images/layout/next.png) no-repeat;
    padding-top: 1vw;
}

.wapper .broadcast .castBox .cast-nav .butprev {
    width: 40px;
    height: 40px;
    top: 2vw;
    left: 0px;
    background: url(../library/mall/10000/images/layout/prev1.png) no-repeat;
    padding-top: 1vw;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 1 !important;
}

.wapper .content1 .beauty {
    width: 100%;
    height: auto;
    padding: 5% 15% 5% 15%;
    box-sizing: border-box;
    background: #f8fafb;
}

.wapper .content1 .beauty .title {
    width: 100%;
    height: auto;
}

.wapper .content1 .beauty .title .tit {
    color: #212a3b;
    font-size: 1.5vw;
    float: left;
    display: inline-block;
    font-weight: bold;
}

.wapper .content1 .beauty .title .tit span {
    font-family: bar_light;
    font-size: 1.5vw;
    color: #abb1ba;
    font-weight: normal;
}

.wapper .content1 .beauty .title .Viewmore {
    font-size: 1vw;
    float: right;
    display: inline-block;
    color: #4c5461;
    padding-top: 1vw;
    transition: .5s all;
}

.wapper .content1 .beauty .title .Viewmore a span {
    font-family: '宋体';
    font-weight: 900;
}

.wapper .content1 .beauty .title .Viewmore a:hover {
    color: #fe992d;
    transition: .5s all;
}

.beautyList {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 20px;
}

.filter-list .beautyList {
    grid-gap: 50px;
}

.beautyList .list {
    width: 100%;
    height: auto;
    box-shadow: 0 0px 12px 0px rgb(0, 0, 0, .05);
    border-radius: 6px;
    overflow: hidden;
    background-color: #fff;
    transition: .5s all;
}

.beautyList .list:hover {
    transform: translate(0px, -5px);
    box-shadow: 0 0 3px 1px rgb(79, 79, 79, 50%);
}

.beautyList .list img {
    width: 100%;
    height: auto;
    transition: .5s all;
}

.beautyList .list .pic {
    position: relative;
    overflow: hidden;
}

.beautyList .list .pic .icon {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgb(0, 0, 0, .5);
    display: none;
    transition: all .3s;
}

.beautyList .list:hover .pic .icon {
    display: block;
}

.beautyList .list .pic .icon img {
    width: 3vw;
    height: auto;
    position: absolute;
    left: 40%;
    top: 35%;
    display: none;
    transition: all .3s;
}

.beautyList .list .pic .duration {
    position: absolute;
    bottom: 5%;
    right: 2%;
    padding: 2% 5%;
    box-sizing: border-box;
    border-radius: 4px;
    background: rgb(0, 0, 0, .5);
    color: #c5c9d0;
    font-size: 14px;
}

.beautyList .list:hover .pic .icon img {
    display: block;
}

.beautyList .list .desBox {
    width: 100%;
    height: auto;
    padding: 1vw;
    box-sizing: border-box;
}

.beautyList .list .desBox .text {
    font-size: 1vw;
    color: #212a3b;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.beautyList .list .desBox .state {
    width: 100%;
    height: auto;
    padding: 1vw 0 0 0;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.beautyList .list .desBox .state .gain {
    font-size: 14px;
    background-color: #ffd7ba;
    color: #f98b34;
    display: inline-block;
    text-align: center;
    border-radius: 6px;
    padding: 3px 5px 3px 5px;
}

.beautyList .list .desBox .state .heat {
    width: auto;
    height: 1.5vw;
    font-size: 0.9vw;
    padding-left: 1.5vw;
    line-height: 1.5vw;
    background: url(../library/mall/10000/images/layout/see.png) no-repeat left;
    background-size: 14px;
    background-position: 15%;
    color: #c5c9d0;
}

.beautyList .list .desBox .state .noun {
    font-size: 14px;
    line-height: 1.5vw;
    color: #F98B34;
    flex-grow: 1;
    text-align: right;
}

.wapper .content1 .beauty .pweList {
    width: 100%;
    height: auto;
    display: flex;
}

.wapper .content1 .beauty .pweList .chart {
    width: 75%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 2vw;
    padding-top: 1.5vw;
}

.wapper .content1 .beauty .pweList .chart .wlist {
    width: 100%;
    height: auto;
    transition: all .3s;
    cursor: pointer;
}

.wapper .content1 .beauty .pweList .chart .wlist:hover {
    transform: translateY(-1%);
}

.wapper .content1 .beauty .pweList .chart .wlist .pic {
    width: 100%;
    height: auto;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0px 12px 0px rgb(0 0 0 / 15%);
    text-align: center;
    position: relative;
}

.wapper .content1 .beauty .pweList .chart .wlist .pic img {
    width: 100%;
    height: auto;
    border-radius: 4px;
}

.wapper .content1 .beauty .pweList .chart .wlist .pic .w-icon {
    position: absolute;
    bottom: 0.6vw;
    right: 0.3vw;
}

.wapper .content1 .beauty .pweList .chart .wlist .wtext {
    width: 100%;
}

.wapper .content1 .beauty .pweList .chart .wlist .wtext .wtit {
    font-size: 0.5vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* line-height: 1vw; */
    padding-top: 0.5vw;
}

.wapper .content1 .beauty .pweList .chart .wlist .wtext .wstate {
    width: 100%;
    height: auto;
    padding-top: 0.2vw;
}

.wapper .content1 .beauty .pweList .chart .wlist .wtext .wstate .wmoun {
    font-size: 0.5vw;
    color: #fe9d57;
    float: left;
}

.wapper .content1 .beauty .pweList .chart .wlist .wtext .wstate .wheat {
    width: auto;
    font-size: 0.5vw;
    float: right;
    padding-left: 0.9vw;
    background: url(../library/mall/10000/images/layout/huo.png) no-repeat left;
    background-size: 0.6vw;
    background-position: 0%;
    color: #c5c9d0;
}

@media screen and (max-width:1355px) {
    .wapper .content1 .beauty .pweList .chart .wlist .wtext .wstate .wmoun {
        float: none;
    }

    .wapper .content1 .beauty .pweList .chart .wlist .wtext .wstate .wheat {
        float: none;
    }
}

.wapper .content1 .beauty .pweList .hot-list {
    width: 25%;
    height: auto;
    margin-left: 5%;
    margin-top: 1.5vw;
}

.wapper .content1 .beauty .pweList .hot-list .list {

    box-shadow: 0 2px 3px 2px rgb(0 0 0 / 5%);
    background-image: linear-gradient(#fff2ed, #f7faff);
    border-radius: 4px 90px 4px 4px;
}

.wapper .content1 .beauty .pweList .hot-list .list {
    padding: 5%;
    box-sizing: border-box;
}

.wapper .content1 .beauty .pweList .hot-list .list .hot-title {
    font-size: 1.5vw;
    font-weight: bold;
    padding: 10% 0 10% 0;
}

.wapper .content1 .beauty .pweList .hot-list .list li {
    padding-bottom: 10px;
}

.wapper .content1 .beauty .pweList .hot-list .list li .live {
    font-size: 1vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #212a3b;
    transition: all .5s;
}

.wapper .content1 .beauty .pweList .hot-list .list li:hover .live {
    color: #FD802E;
}

.wapper .content1 .beauty .pweList .hot-list .list li .live span {
    font-weight: bold;

}

.wapper .content1 .beauty .pweList .hot-list .list li:nth-child(1) .live span {
    color: #FD802E;
}

.wapper .content1 .beauty .pweList .hot-list .list li:nth-child(2) .live span {
    color: #FCA22C;
}

.wapper .content1 .beauty .pweList .hot-list .list li:nth-child(3) .live span {
    color: #FDCE2C;
}

.wapper .content1 .beauty .pweList .hot-list .list li .hot {
    font-size: 0.9vw;
    padding-left: 1vw;
    color: #abb1ba;
}

.headv-check {
    color: #fe852d !important;
}


/* 文章部分样式 */
.wapper .content1 .filter {
    width: 100%;
    height: auto;

}

dl,
dd {
    margin: 0;
}

.wapper .content1 .filter .filter-nav {
    width: 100%;
    height: auto;
    padding: 15px 10% 1% 10%;
    box-sizing: border-box;

}

.wapper .content1 .filter .wap-filter-nav {
    display: none;
}

.wapper .success-route {
    position: absolute;
    top: 5%;
    left: 10%;
    ;
}

.route {
    width: 100%;
    height: auto;
    /* padding: 2% 10% 0% 10%; */
    box-sizing: border-box;
}

.route li {
    float: left;
    font-size: 14px;
    padding-right: 10px;
    color: #474c56;
}

.jt {
    font-family: simsun;
    line-height: 1.5;
}

.route li a {
    font-size: 14px;
    color: #474c56;
    transition: all .5s;
}

.route li a:hover {
    color: #fe852d;
}

.wapper .content1 .filter {
    position: relative;
}

.route li:nth-child(1) {
    padding-left: 1.2vw;
    background: url(../library/mall/10000/images/layout/index.png) no-repeat left;
    /* background-size: 0.9vw; */
}

.wapper .content1 .filter .filter-nav #box {
    width: 100%;
    height: auto;
}

.wapper .content1 .filter .filter-nav #box dl {
    height: 50px;
}

.wapper .content1 .filter .filter-nav #box dt {
    float: left;
    color: #303848;
    line-height: 30px;
    font-weight: bold;
    font-size: 16px;
}

.wapper .content1 .filter .filter-nav #box dd {
    float: left;
    color: #969aa2;
    font-size: 14px;
    cursor: pointer;
    padding: 5px 10px 5px 10px;
}

.wapper .content1 .filter .filter-nav #box dd.active {
    background: #ccc;

    border-radius: 25px;
    color: #fe852d;
    font-weight: bold;
    background: #ffdac0;
}

.wapper .content1 .filter .filter-nav #box dl.select {
    margin: 0;
    padding: 2vw 0 0;
    border-top: 1px solid #e8e9eb;
}

.wapper .content1 .filter .filter-nav #box dl.select dd {
    height: 25px;
    line-height: 25px;
    padding: 0 2px 0 10px;
    border-radius: 3px;
    background-color: #fff;
    color: #FF7E00;
}

.wapper .content1 .filter .filter-nav #box dl.select dd span {
    width: 1.5vw;
    height: 1.5vw;
    font-size: 1vw;
    display: inline-block;
    text-align: center;
    line-height: 1.5vw;
    background: #ffe7d5;
    color: #fe8b37;
    margin-left: 1vw;
    cursor: pointer;
    border-radius: 50%;
}

.wapper .content1 .filter .filter-nav #box dl.select button {
    padding: 5px 10px 5px 10px;
    border-radius: 25px;
    background: #fce3d8;
    border: none;
    color: #fe852d;
    font-size: 14px;
}

.tabBox {
    width: auto;
    height: 22px;
}

.tabBox li {
    float: left;
    font-size: 1vw;
    padding-right: 1.5vw;
    cursor: pointer;
    color: #969aa2;
}

.tabBox li.now {
    color: #fe852d;
    transition: all .3s;
}

.tabBox li:hover {
    color: #fe852d;
}

.wapper .content1 .filter .filter-list {
    width: 100%;
    height: auto;
    background: #f8fafb;
    padding: 5% 10% 0 10%;
    box-sizing: border-box;
}

.wapper .content1 .filter .filter-list .listBox {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 2vw;
}

.wapper .content1 .filter .filter-list .listBox .list {
    width: 100%;
    height: auto;
}

.wapper .content1 .filter .filter-list .listBox .list .picBox {
    width: 100%;
    height: auto;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0px 12px 0px rgb(0 0 0 / 5%);
    position: relative;
}

.wapper .content1 .filter .filter-list .listBox .list .picBox .pic {
    width: 100%;
    height: auto;
}

.wapper .content1 .filter .filter-list .listBox .list:hover .picBox .Bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(0, 0, 0, 0.5);
    transition: .5s all;
}

.wapper .content1 .filter .filter-list .listBox .list .picBox .pic img {
    width: 100%;
    height: auto;
}

.wapper .content1 .filter .filter-list .listBox .list .picBox .icon {
    position: absolute;
    right: 5%;
    bottom: 5%;
    border-radius: 2px;
    overflow: hidden;
}

.wapper .content1 .filter .filter-list .listBox .list .picBox .picBg {
    width: 100%;
    height: auto;
    display: none;
    transition: 1s all;
}

.wapper .content1 .filter .filter-list .listBox .list:hover .picBox .picBg {
    display: block;
}

.wapper .content1 .filter .filter-list .listBox .list .picBox .picBg .collect {
    position: absolute;
    top: 5%;
    right: 5%;
    padding-left: 1.5vw;
    background: url(../library/mall/10000/images/layout/collect.png) no-repeat left;
    color: #fff;
    cursor: pointer;
}

.wapper .content1 .filter .filter-list .listBox .list .picBox .picBg .collect.now {
    background: url(../library/mall/10000/images/layout/colle.png) no-repeat left;
    /* background-size:18px; */
}

.wapper .content1 .filter .filter-list .listBox .list .picBox .picBg .collect a {
    color: #fff;
}

.wapper .content1 .filter .filter-list .listBox .list .picBox .picBg .collect.now a {
    color: #fe8d2d;
}

.wapper .content1 .filter .filter-list .listBox .list .picBox .picBg .pr-down {
    position: absolute;
    text-align: center;
    left: 50%;
    bottom: 20%;
    padding: 10px 20px;
    border-radius: 4px;
    background-image: linear-gradient(to right, #fea72d, #fe8d2d);
    font-size: 1vw;
    color: #FFF2ED;
    font-weight: bold;
    cursor: pointer;
    transform: translate(-50%);
}

.wapper .content1 .filter .filter-list .listBox .list .pic-pr {
    width: 100%;
    height: auto;
    padding-top: 10px;
}

.wapper .content1 .filter .filter-list .listBox .list .pic-pr .pic-title {
    font-size: 1.2vw;
    color: #4c5461;
}

.wapper .content1 .filter .filter-list .listBox .list .pic-pr .pic-list {
    display: flex;
    grid-column-start: auto;
    line-height: normal;
    position: relative;
    align-items: center;
}

.wapper .content1 .filter .filter-list .listBox .list .pic-pr .pic-list .pic-kind {
    font-size: 1vw;
    color: #fd9c56;
}

.wapper .content1 .filter .filter-list .listBox .list .pic-pr .pic-list .pic-hot {
    font-size: 1vw;
    color: #c3c8ce;
    position: absolute;
    right: 0;
    padding-left: 1vw;
    background: url(../library/mall/10000/images/layout/huo.png) no-repeat left 35%;
    background-size: 0.7vw;
}

.pageBox {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 5%;
    box-sizing: border-box;
}

.pageBox ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pageBox li {
    padding: 0 0.5vw;
}

.pageBox li a {
    font-size: 1.2vw;
    font-weight: bolder;
    color: #626873;
    transition: .3s all;
}

.pageBox li:hover a {
    color: #fe7d01;
    border-bottom: 3px solid #FE7D01;
}

.pageBox li.now a {
    color: #fe7d01;
    border-bottom: 3px solid #FE7D01;
}


/* 文章详情页面 */
.wapper .content1 .article-list {
    width: 100%;
    height: auto;
    padding: 2% 10% 2% 10%;
    box-sizing: border-box;
    background: #f1f4f7;
    display: flex;
    position: relative;
}


.wapper .content1 .article-list .zuo {
    padding: 2% 0;
    width: 62%;
}

.art-route {
    padding: 1% 10% 2% 10%;
    box-sizing: border-box;
}

.wapper .content1 .article-list .zuo .zuo-title {
    font-size: 26px;
    color: #212a3b;
    font-weight: bold;
    padding: 1% 0;
}

.wapper .content1 .article-list .zuo .arti_listBox {
    width: 100%;
    background: #fff;
    box-shadow: 0 0px 12px 0px rgb(0 0 0 / 10%);
    padding: 0% 3%;
    box-sizing: border-box;
}

.wapper .content1 .article-list .zuo .arti_listBox .arti_head {
    padding: 5% 0;
    box-sizing: border-box;
    border-bottom: 1px solid #f4f4f4;
}

.wapper .content1 .article-list .zuo .arti_listBox .arti-title {
    font-size: 2vw;
    line-height: 3vw;
    color: #212a3b;
    font-weight: bold;
}

.wapper .content1 .article-list .zuo .arti_listBox .arti-hot {
    font-size: 0.9vw;
    color: #cdd1d7;
    padding-left: 1.2vw;
    background: url(../library/mall/10000/images/layout/see.png) no-repeat left;
    background-size: 1.1vw;
}

.wapper .content1 .article-list .zuo .arti_contBox {
    width: 100%;
    height: auto;
    padding: 5% 0;
    box-sizing: border-box;
    line-height: 2;
    font-size: 1vw;
    color: #212a3b;
}



.wapper .content1 .article-list .zuo .arti_contBox .pic img {
    width: 100%;
    height: auto;
}

.wapper .content1 .article-list .zuo .arti_contBox .section-heading {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 5% 0;
    box-sizing: border-box;
}



.wapper .content1 .article-list .zuo .arti_contBox img {
    width: auto;
    max-width: 100%;
}

. .wapper .content1 .article-list .zuo .arti_contBox p {
    font-size: 1vw;
    color: #333333;
    line-height: 2;
}

.wapper .content1 .article-list .youlist {
    width: 30%;
    padding-left: 5%;
    justify-content: flex-end;
}

.wapper .content1 .article-list .youlist .title {
    font-size: 26px;
    color: #252f42;
    font-weight: bold;
    padding: 6% 0 1% 0;
}

.wapper .content1 .article-list .youlist .listbox {
    width: 100%;
    height: auto;
}

.wapper .content1 .article-list .youlist .listbox li a {
    margin: 4% 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 1px -1px 4px 2px rgb(0, 0, 0, 0.1);
    padding: 2%;
    box-sizing: border-box;
    display: flex;
}

.wapper .content1 .article-list .youlist .listbox li .pic {
    width: 40%;
    height: auto;
}

.wapper .content1 .article-list .youlist .listbox li .pic img {
    width: 100%;
    height: auto;
}

.wapper .content1 .article-list .youlist .listbox li .tai {
    width: 55%;
    padding-left: 5%;
}

.wapper .content1 .article-list .youlist .listbox li .tai .tit {
    font-size: 16px;
    font-weight: bold;
    color: #252f42;
    margin: 4%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;

}

.wapper .content1 .article-list .youlist .listbox li .tai .taibox {
    display: flex;
}

.wapper .content1 .article-list .youlist .listbox li .tai .taibox .taiyl {
    padding: 4px 8px;
    box-sizing: border-box;
    background-color: #ffd7ba;
    color: #f9862a;
    border-radius: 2px;
    font-size: 14px;
}

.wapper .content1 .article-list .youlist .listbox li .tai .taibox .see {
    font-size: 14px;
    padding: 4px 1vw 4px 1.5vw;
    color: #c5c9d0;
    margin-left: 1vw;
    background: url(../library/mall/10000/images/layout/see.png) no-repeat left;
    background-size: 1.2vw;
}

.wap-header1 {
    display: none;
}

.wap-header1 .wap-header .logo {
    display: none;
}

.wap-header1 .search {
    display: none;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    width: auto !important;
}

.paddbox {
    display: none;
}

@media screen and (max-width:1200px) {
    .postCont .sortbox .screenbox .boxCont dl {
        height: 60px !important;
    }
}

@media screen and (max-width:1000px) {
    .mMenu {
        float: right;
        position: relative;
        z-index: 9999999;
    }

    .swiper-pagination-clickable .swiper-pagination-bullet {
        width: 15px !important;
        height: 15px !important;
        background: url(../library/mall/10000/images/layout/tab-nav2.png) no-repeat;
        background-size: 15px !important;
        opacity: 1;
        padding: 0 !important;
    }

    .swiper-pagination-bullet-active {
        width: 15px !important;
        height: 15px !important;
        background: url(../library/mall/10000/images/layout/tab-nav1.png) no-repeat !important;
        background-size: 15px;
        opacity: 1;
    }

    .wapper .broadcast .castBox {
        width: 98%;
        padding: 0;
    }

    .wapper .banner .contBox {
        display: none;
    }

    .wapper .banner .m-contBox {
        display: block;
    }

    .wapper .banner .m-contBox .m-backBg {
        width: 100%;
        height: auto;
    }

    .wapper .banner .m-contBox .m-backBg img {
        width: 100%;
    }

    .wapper .banner .m-contBox .m-tabBox {
        height: 100%;
        width: 90%;
        box-sizing: border-box;
        position: absolute;
        top: 5%;
        left: 5%;
        overflow: hidden;
        border-radius: 15px;
    }

    .rightMenu {
        width: 100%;
        height: 100%;
        background-color: #FFFFFF;
        background-size: 100% auto;
        position: fixed;
        right: -100%;
        z-index: 1005;
        transition: all .3s;
        overflow: auto;
        top: 0%;
        bottom: 7%;
        padding-top: 5%;
        padding-bottom: 15%;
        box-sizing: border-box;
        z-index: 9999;
    }

    .wapper .banner .m-contBox .m-tabBox .tabpic {
        width: 100%;
    }

    .wapper .banner .m-contBox .m-tabBox .tabpic img {
        width: 100%;
        vertical-align: bottom;
    }

    .wapper .banner .m-contBox .m-tabBox .nav-tab {
        top: 35%;
        left: 50%;
        transform: translatex(-50%);
    }

    .wap-header1 {
        width: 100%;
        height: auto;
        display: block;
        padding: 0 0 2vw 0;
        position: static;
    }



    .wap-header>div:first-child {
        width: 37%;
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
    }

    .wap-header a {
        display: inline-block;
        padding-right: 5%;
    }

    .wap-header a img {
        width: 17.2vw;
        max-width: 129px;
    }

    .wap-header1 .wap-header .logo {
        height: 100%;
        display: block;
        padding-left: 5%;
        display: inline-flex;
        position: relative;
    }

    .wap-header1 .wap-header .logo::after {
        content: '';
        width: 1px;
        height: 100%;
        position: absolute;
        left: 0;
        background-color: rgba(33, 42, 59, 0.15);

    }

    .wap-header1 .wap-header .logo img {
        margin: auto;
        height: 4.53vw;
    }


    .wapper .broadcast {
        width: 100%;
        height: auto;
        padding: 5% 5.725% 5% 5.725%;
        box-sizing: border-box;
    }

    .wapper .broadcast .castBox .castlist .status {
        padding-bottom: 16px;
    }


    .wapper .broadcast .castBox .castlist .status .statustime {
        font-size: 15px;
    }

    .wapper .broadcast .castBox .castlist .status .statustext {
        font-size: 13px;
    }

    .wap-header1 .search {
        display: block;
        width: 90%;
        margin: auto;
        height: 8.67vw;
        /* height: 50px; */
        z-index: 3;
        text-align: center;
        justify-content: flex-end;
        background: #f1f4f7;
        border-radius: 30px;
        margin: 2.4vw auto;
        transition: .5s all;
    }


    .wap-header1 .search input[type=text] {
        height: 100%;
        /* height: 50px; */
        border: none;
        width: 72%;
        float: left;
        padding: 0 11%;
        box-sizing: border-box;
        font-size: 16px;
        outline: none;
        background: #f1f4f7 url(../library/mall/10000/images/layout/top4.png)no-repeat 7% center;
        background-size: 5%;
        border-radius: 30px;
    }


    .wap-header1 .search input[type=button] {
        border: none;
        width: 28%;
        height: 100%;
        /* height: 50px; */
        border-radius: 30px;
        font-size: 16px;
        outline: none;
        float: left;
        box-sizing: border-box;
        cursor: pointer;
        color: #FFFFFF;
        background-image: linear-gradient(to right, #ada1a7, #7486a7);
        transition: .5s all;
    }

    .wapper .broadcast .castBox .cast-nav .butprev {
        width: 30px;
        height: 30px;
        top: 25px;
        left: 0px;
        background: url(../library/mall/10000/images/layout/prev1.png) no-repeat;
        background-size: 30px;
        padding-top: 1vw;
    }

    .wapper .broadcast .castBox .cast-nav .butnext {
        width: 30px;
        height: 30px;
        top: 7vw;
        right: 0px;
        background: url(../library/mall/10000/images/layout/next.png) no-repeat;
        background-size: 30px;
        padding-top: 1vw;
    }

    .wapper .broadcast .castBox .castlist {
        /* text-align: center; */
        width: 50% !important;
        padding: 0 5px;
    }

    .wapper .broadcast .castBox .castlist .status .statusPic.now {
        width: 38px;
        height: 16px;
        background: url(../library/mall/10000/images/layout/cast1_03.png) no-repeat center #FF7E00 !important;
        background-size: 8px;
        border-radius: 25px;
        text-align: center;
        margin: 7% 0 0 34%;
    }

    .wapper .broadcast .castBox .castlist .status .statusPic {
        width: 38px;
        height: 16px;
        background: url(../library/mall/10000/images/layout/cast2_03.png) no-repeat center #C2C2C2 !important;
        background-size: 8px;
        border-radius: 25px;
        text-align: center;
        margin: 7% 0 0 34%;
    }

    .wapper .broadcast .castBox::after {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #cad8e7;
        position: absolute;
        top: 5vw;
        left: 0;
        z-index: -1;
    }

    .wapper .broadcast .castBox .castlist .pic .codeBox {
        display: none;
    }

    .wapper .broadcast .castBox .castlist .pic:hover .codeBox {
        display: none;
    }

    .wapper .cont-nav {
        display: none !important;
    }

    .wapper .content1 .beauty .beautyList {
        grid-template-columns: auto auto;
    }

    .wapper .content1 .beauty {
        padding: 5% 5% 5% 5%;
    }

    .wapper .content1 .beauty .title .tit {
        font-size: 20px;
    }

    .wapper .content1 .beauty .title .Viewmore {
        display: none;
    }

    .wapper .content1 .beauty .beautyList .list {
        border-radius: 4px;
    }

    .wapper .content1 .beauty .beautyList .list .desBox .state .noun {
        float: right;
        font-size: 12px;
        line-height: normal;
        color: #F98B34;
    }

    .wapper .content1 .beauty .title .tit span {
        font-size: 18px;
    }

    .wapper .content1 .beauty .beautyList .list .desBox .state .heat {
        width: auto;
        height: 4.5vw;
        line-height: 4.5vw;
        font-size: 12px;
        float: left;
        padding-left: 15px;
        /* line-height: normal; */
        background: url(../library/mall/10000/images/layout/see.png) no-repeat left;
        background-size: 14px;
        /* background-position: 30% 60%; */
        color: #c5c9d0;
        /* padding-top: 4%; */
        white-space: nowrap;
    }

    .wapper .content1 .beauty .pweList {
        width: 100%;
        height: auto;
        display: block;
    }

    .wapper .content1 .beauty .pweList .chart {
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: auto auto auto;
        grid-gap: 15px;
    }

    .wapper .content1 .beauty .pweList .chart .wlist .wtext .wtit {
        font-size: 12px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .wapper .content1 .beauty .pweList .chart .wlist .wtext .wstate {
        padding-top: 5px;
        display: inline-flex;
        justify-content: space-between;
    }

    .wapper .content1 .beauty .pweList .chart .wlist .wtext .wstate .wheat {
        width: auto;
        font-size: 12px;
        line-height: 16px;
        float: none;
        padding-left: 11px;
        background: url(../library/mall/10000/images/layout/huo.png) no-repeat left;
        background-size: 9px;
        background-position: 0%;
        color: #c5c9d0;
        flex: 40%;
        white-space: nowrap;
    }

    .wapper .content1 .beauty .pweList .hot-list {
        width: 100%;
        margin-left: 0;
        margin-top: 1.5vw;
        border-radius: 4px 40px 4px 4px;
    }

    .wapper .content1 .beauty .pweList .hot-list .list .hot-title {
        font-size: 20px;
    }

    .wapper .content1 .beauty .pweList .hot-list .list ul {}

    .wapper .content1 .beauty .pweList .hot-list .list li {}

    .wapper .content1 .beauty .pweList .hot-list .list li a {
        width: 100%;
        display: inline-flex;
        justify-content: space-between;
    }

    .wapper .content1 .beauty .pweList .hot-list .list li .live {
        font-size: 14px;
        line-height: 24px;
    }

    .wapper .content1 .beauty .pweList .hot-list .list li .hot {
        width: 26%;
        height: 24px;
        line-height: 24px;
        font-size: 14px;
        padding-left: 0;
        white-space: nowrap;
        vertical-align: middle;
    }

    .wapper .content1 .beauty .pweList .hot-list .list li .hot span {
        height: 100%;
        display: inline-flex;

    }

    .wapper .content1 .beauty .pweList .hot-list .list li .hot img {
        display: inline-block;
        margin: auto 0;
        height: 14px;
    }

    .wapper .content1 .beauty .pweList .chart .wlist .wtext .wstate .wmoun {
        font-size: 11px;
        float: none;
        flex: 60%;
        white-space: nowrap;
    }

    .wapper .content1 .article-list {
        width: 100%;
        height: auto;
        padding: 11% 5% 2% 5%;
        display: block;
    }

    .wapper .content1 .article-list .zuo {
        padding: 2% 0;
        width: 100%;
    }

    .wapper .content1 .article-list .youlist {
        width: 100%;
        padding-left: 0;
        box-sizing: border-box;
    }

    .wapper .content1 .article-list .youlist .title {
        font-size: 26px;
        color: #252f42;
        font-weight: bold;
        padding: 5% 0 0% 0;
    }

    .wapper .content1 .article-list .youlist .listbox ul {
        display: grid;
        grid-template-columns: auto auto;
        grid-gap: 5%;
    }

    .wapper .content1 .article-list .youlist .listbox li {
        display: block;
        border-radius: 4px;
        overflow: hidden;
    }

    .wapper .content1 .article-list .youlist .listbox li a {
        display: block;
    }

    .wapper .content1 .article-list .youlist .listbox li .pic {
        width: 100%;
        height: auto;
    }

    .wapper .content1 .article-list .youlist .listbox li .tai {
        width: 100%;
        padding-left: 0;
    }

    .wapper .content1 .article-list .youlist .listbox li .tai .taibox {
        justify-content: space-between;
        margin-bottom: 7%;
    }
    .wapper .content1 .article-list .youlist .listbox li .tai .taibox .taiyl{
        padding: 1px 3px;
        line-height: 20px;
        font-size: 12px;
        text-align: center;
        width: 35px;
    }

    .wapper .content1 .article-list .zuo .arti_listBox .arti-hot {
        font-size: 14px;
        color: #cdd1d7;
        padding-left: 15px;
        background: url(../library/mall/10000/images/layout/see.png) no-repeat left;
        background-size: 14px;
    }

    .wapper .content1 .article-list .zuo .arti_listBox .arti-title {
        font-size: 23px;
        line-height: normal;
    }

    .wapper .content1 .article-list .youlist .listbox li .tai .taibox .see {
        font-size: 12px;
        padding: 4px 1vw 4px 20px;
        margin-left: 0;
        background: url(../library/mall/10000/images/layout/see.png) no-repeat left;
        background-size: 17px;
    }
}





.layui-layer {
    background: rgb(0, 0, 0, 0.0) !important;
    box-shadow: none !important;
}

.layer-article {
    background: rgb(0, 0, 0, 0.0) !important;
    box-shadow: none !important;
}

.layer-article body {
    background: rgb(0, 0, 0, 0.0);
}

.layui-layer-shade {
    opacity: 0.6 !important;
}
.mesbg{
	background: rgb(0, 0, 0, 0.3)!important;
	color: #FFFFFF;
}



.wapper .article-box {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

}

.wapper .article-box .art {
    display: flex;
    transform: translate(-50%, -50%);
    width: 1500px;
    min-height: 497px;
    max-height: 90vh;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 52%;
    transform: translate(-29%, -50%);
}

.wapper .article-box .art-pic {
    width: 35%;
    height: auto;
}

.wapper .article-box .art-pic img {
    width: 100%;
}

.wapper .article-box .load {
    width: 20%;
    height: 300px;
    background: #000000;
    border-radius: 4px;
    margin-left: 10px;
    position: relative;
    overflow: hidden;
}

.wapper .art-load {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 4px 55px 4px 4px;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
}

.wapper .boxx {
    position: absolute;
    top: 0;
    right: 0;
}

.wapper .art-load .title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wapper .art-load .title .icon {
    border-radius: 4px;
    overflow: hidden;
    width: 30px;
    height: 30px;
}

.wapper .art-load .title .icon img {
    width: 30px;
    height: 30px;
}

.wapper .art-load .art-hot {
    text-align: left;
    color: #ada5a5;
    font-size: 14px;
    padding-left: 17%;
    background: url(../library/mall/10000/images/layout/huo.png) no-repeat left;
    background-position: 13%;
}

.wapper .art-load .new-load {

    margin-top: 30%;
}

.wapper .art-load .new-load a {
    width: 100%;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    padding: 5%;
    box-sizing: border-box;
    background-image: linear-gradient(to left, #fe852d, #ffa937);
    border-radius: 8px;
    color: #fff;
}

.wapper .art-load .buss-load {
    padding: 2% 0;
}

.wapper .art-load .buss-load a {
    color: #fe852d;
    font-size: 16px;
}

.wapper .content1 .filter .filter-list .listBox .list .pic-pr .pr-sc {
    display: none;
}

.sel-fi {
    display: none;
}

.hasBeenSelected1 {
    margin-top: 33px !important;
}

@media screen and (max-width:1000px) {

    /* 	.wapper .content1 .filter .filter-nav #box dt{
		float: none;
	}
	.wapper .content1 .filter .filter-nav #box dd{
		float: none;
	}
	.wapper .content1 .filter .filter-nav #box{
		display: flex;
		justify-content: center;
	}
	.wapper .content1 .filter .filter-nav .tabBox{
		display: none;
	}
	.wapper .content1 .filter .filter-nav #box dl.select{
		display: none;
	} */
    .wapper .art-load .new-load a {
        width: 100%;
    }

    .wapper .productsBox .pr-banner .video-box {
        width: 100%;
        height: auto;
        margin: 0;
        display: block;
        padding: 0;
    }

    .wapper .content1 .filter .filter-list {
        padding: 5%;
    }

    .filter-list .beautyList {
        grid-template-columns: auto auto;
        grid-gap: 2%;
        padding: 0 0 2% 0;
    }

    /* 
	.wapper .content1 .filter .filter-nav {
		display: none;
	} */

    .wap-filter-nav {
        display: block;
    }

    .retrie {
        position: relative;
        z-index: 102;
        height: auto;
        background-color: #fff;
    }

    .retrie dt {
        overflow: hidden;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        text-align: center;
    }

    .retrie dt a {
        position: relative;
        width: 100%;
        height: auto;
        line-height: 45px;
        color: #212a3b;
        font-size: 14px;
        font-size: 16px;
        text-align: center;
        font-weight: bold;
    }

    .retrie dt a:after {
        position: absolute;
        top: 43%;
        left: 65%;
        content: ' ';
        width: 20px;
        height: 10px;
        background: url(../library/mall/10000/images/layout/shaixuan.png) no-repeat right;
        background-size: 15px;
    }

    .retrie dt .up:after {
        position: absolute;
        top: 43%;
        left: 65%;
        content: ' ';
        width: 20px;
        height: 10px;
        background: url(../library/mall/10000/images/layout/shaixuan.png) no-repeat right;
        background-size: 20px;
        -webkit-transform: rotate(-180deg);
    }



    .retrie dd {
        position: relative;

    }

    .slide {
        position: absolute;
        top: 0px;
        left: 0;
        z-index: 104;
        width: 100%;
        overflow: scroll;
        background-color: #fff;
        padding-bottom: 20%;
        height: 300px;
        display: none;
    }

    .slide li {
        display: block;
        height: 40px;
    }

    .slide li a {
        display: block;
        padding: 0 30px;
        height: 50px;
        background-color: transparent;
        line-height: 50px;
    }

    .slide li.state a {
        color: #fe852d;
    }

    /* .slide li a:hover,
	.slide li a.selected {
		color: #fe852d;
	} */

    .slide li a.select {
        background-color: #fff;
    }

    .art-route {
        display: none;
    }

    button {
        padding: 5px 10px 5px 10px;
        border-radius: 25px;
        background: #fce3d8;
        border: none;
        color: #fe852d;
        font-size: 1vw;
    }

    .sel-fi {
        width: 100%;
        height: auto;
        padding: 0 0 0 5%;
        /* padding: 180px 0 0 5%; */
        box-sizing: border-box;
        display: block;
    }

    .sel-fi .select2 {
        font-size: 14px;
        font-weight: bold;
    }

    .sel-fi .select2 span {
        font-size: 14px;
        font-weight: normal;
        color: #fe852d;
    }

    .tabBox {
        height: auto;
    }

    .tabBox ul {
        display: flex;
        align-items: center;
        padding: 2% 0;
    }

    .tabBox li {
        font-size: 14px;
    }

    .wapper .content1 .filter .filter-list .listBox {
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }

    .wapper .content1 .filter .filter-list .listBox .list .pic-pr .pic-title {
        font-size: 14px;
        color: #4c5461;
    }

    .wapper .content1 .filter .filter-list .listBox .list .pic-pr .pic-list {
        line-height: normal;
        position: relative;
        padding: 2% 0;
    }

    .wapper .content1 .filter .filter-list .listBox .list .pic-pr .pic-list .pic-kind {
        font-size: 14px;
    }

    .wapper .content1 .filter .filter-list .listBox .list .pic-pr .pic-list .pic-hot {
        font-size: 14px;
        color: #c3c8ce;
        text-align: right;
        padding-left: 14px;
        background: url(../library/mall/10000/images/layout/huo.png) no-repeat left 35%;
        background-size: 8px;
    }

    .wapper .content1 .filter .filter-list .listBox .list:hover .picBox .Bg {
        display: none;
    }

    .wapper .content1 .filter .filter-list .listBox .list:hover .picBox .picBg {
        display: none;
    }

    .wapper .content1 .filter .filter-list .listBox .list .pic-pr .pr-sc {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .wapper .content1 .filter .filter-list .listBox .list .pic-pr .pr-sc .pr-down {
        text-align: center;
        padding: 7px 11px;
        border-radius: 4px;
        background-image: linear-gradient(to right, #fea72d, #fe8d2d);
        font-size: 12px;
        color: #FFF2ED;
        font-weight: bold;
        cursor: pointer;
    }

    .wapper .content1 .filter .filter-list .listBox .list .pic-pr .pr-sc .collect {
        padding-left: 15px;
        background: url(../library/mall/10000/images/layout/collect3.png) no-repeat left;
        background-size: 12px;
        color: #2b2b2a;
        cursor: pointer;
        font-size: 12px;
    }

    .wapper .content1 .filter .filter-list .listBox .list .pic-pr .pr-sc .collect.now {
        padding-left: 15px;
        background: url(../library/mall/10000/images/layout/colle.png) no-repeat left;
        background-size: 12px;
        color: #2b2b2a;
        cursor: pointer;
        font-size: 12px;
    }

    /* .wapper .content1 .filter .filter-list .listBox .list:hover .pic-pr .pr-sc .collect {
		padding-left: 15px;
		background: url(../library/mall/10000/images/layout/collect2.png) no-repeat left;
		background-size: 12px;
		color: #2b2b2a;
		cursor: pointer;
		font-size: 12px;
	} */

    .wapper .content1 .filter .filter-list .pageBox {
        padding: 10% 0 15% 0;
    }



    .wapper .content1 .filter .filter-list .pageBox li a {
        font-size: 14px;
    }

    .wapper .content1 .filter .filter-list .pageBox li.now a {
        color: #fe7d01;
        border-bottom: 3px solid #FE7D01;
    }

    .wapper .content1 .filter .filter-list .pageBox li:hover a {
        color: #fe7d01;
        border-bottom: 3px solid #FE7D01;
    }

    .beautyList .list .desBox .state {
        width: 100%;
        height: auto;
        padding: 0;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: center;
        padding: 9% 0;
    }

    .beautyList .list .desBox .state .gain {
        font-size: 12px;
        background-color: #ffd7ba;
        color: #f98b34;
        display: inline-block;
        text-align: center;
        border-radius: 4px;
        float: none;
        padding: 1px 3px;
        width: 35px;
    }

    .paddbox {
        padding: 0 0 0 0;
        display: block;
    }

    .wapper .broadcast .castBox .castlist:hover .pic .codeBox {
        display: none;
    }

    .beautyList .list .pic .icon {
        display: block;
    }

    .beautyList .list .pic .icon img {
        width: 30px;
        display: block;
    }

    .beautyList .list .pic .duration {
        background: rgb(0, 0, 0, .3);
    }

    .beautyList .list .desBox .text {
        margin-top: 3%;
        font-size: 13px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .beautyList .list .desBox .state .heat {
        width: 100%;
        height: auto;
        font-size: 12px;
        float: none;
        padding-left: 24px;
        line-height: normal;
        background: url(../library/mall/10000/images/layout/see.png) no-repeat left;
        background-size: 16px;
        background-position: 13%;
        color: #c5c9d0;
    }

    .beautyList .list .desBox .state .noun {
        /* float: right; */
        font-size: 12px;
        line-height: normal;
        color: #F98B34;
        text-align: right;
    }
    .wapper .content1 .article-list .zuo .arti_contBox p{
        font-size: 13px;
    }

    .wapper .content1 .article-list .zuo .arti_contBox .section-contBox .seon-title {
        line-height: normal;
    }

    .wapper .content1 .article-list .zuo .arti_contBox .section-contBox .cont p {
        line-height: normal;
    }

    .wapper .content1 .article-list .youlist .listbox li .tai .tit {
        font-size: 13px;
        overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            margin:7% 0;
        
    }
}



/* 招聘首页 */
.ret-nav {
    width: 100%;
    padding: 0 20% 0 20%;
    text-align: center;
    box-sizing: border-box;
    border-bottom: 1px solid #e8e9eb;
    display: flex;
    align-items: center;
}

.ret-nav ul {
    width: 95%;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    white-space: nowrap;
}

.ret-nav ul li {
    padding: 11px 1.6%;
}

.ret-nav ul li a {
    color: #212a3b;
    font-size: 16px;
    position: relative;
}

.wapper .ret-nav li a::after {
    content: '';
    width: 0%;
    height: 4px;
    position: absolute;
    bottom: -11px;
    left: 0;
    border-radius: 3px;
    background-color: #fe852d;
    transition: .5s all;
    opacity: 0;
}

.wapper .ret-nav li:hover a::after {
    width: 100%;
    opacity: 1;
}

.wapper .ret-nav .shai {
    width: 5%;
    text-align: center;
}

.wapper .content .challenge {
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

.wapper .content .challenge .challbox {
    width: 100%;
    height: auto;
    display: flex;
}

.ret_sign {
    width: 32%;
    height: auto;

}

.ret_sign form {
    width: 100%;
    height: 100%;
    background: url(../library/mall/10000/images/layout/signBg.jpg) no-repeat;
    background-size: cover;
    padding: 0% 15% 0% 15%;
    box-sizing: border-box;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.ret_sign .ret_in {
    width: 100%;
    height: auto;
    background: #fff;
    border-radius: 4px;
    margin: 4% 0 2% 0;
}

.ret_sign input {
    width: 100%;
    border: none;
    padding: 4% 5%;
    box-sizing: border-box;
    border-radius: 4px;
    background: none;
    outline: none;
}

.ret_sign .seek {
    width: 100%;
    height: auto;
    text-align: right;
}

.ret_sign .seek a {
    font-size: 14px;
    color: #7b818e;
}

.ret_sign .sibbtn {
    width: 100%;
    border: none;
    background: #fe852d;
    cursor: pointer;
    border-radius: 4px;
    margin-top: 5%;
}

.ret_sign .sibbtn input {
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
}

.ret_sign .ret_reg {
    width: 100%;
    height: auto;
    text-align: right;
}

.ret_sign .ret_reg a {
    font-size: 14px;
    color: #7b818e;
}

.ret_siwpper {
    width: 100%;
    height: 100%;
    /* margin-left: 3%; */
    border-radius: 4px;
    overflow: hidden;
}

.ret_siwpper img {
    width: 100%;
    height: 100%;
}

.ret_siwpper .nav-tab {
    left: 50%;
    transform: translateX(-50%);
}

.ret_siwpper .nav-tab .swiper-pagination-bullet-active {
    background: url(../library/mall/10000/images/layout/tab-nav1.png) no-repeat center !important;
    opacity: 1;
    background-size: 15px !important;
}

.ret_siwpper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    float: left;
    opacity: 1;
    width: 20px;
    padding: 5px;
    margin: 0;
    height: 18px;
    background: url(../library/mall/10000/images/layout/tab-nav2.png) no-repeat center;
    background-size: 15px !important;
}

.recruitList {
    width: 100%;
    height: auto;
    padding: 5% 0;
}

.recruitList .ret_box {
    width: 100%;
    height: auto;
}

.title-hot {
    padding-left: 1.4vw;
    background: url(../library/mall/10000/images/layout/title-hot.png) no-repeat left;
    background-size: 1.3vw;
    color: #fe882d !important;
}

.ret-title {
    font-size: 1.3vw;
    font-weight: bold;
    color: #212a3b;
}

.ret-title span {
    font-family: bar_light;
    font-weight: normal;
    color: #abb1ba;
}

.Urgentlist {
    width: 100%;
    height: auto;
    padding: 2% 0;
}

.Urgentlist ul {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 1.5vw;
}

.Urgentlist li {
    width: 100%;
    height: auto;
    border-radius: 4px;
    box-shadow: 1px 2px 5px rgb(0, 0, 0, .3);
    transition: .3s all;
    background: #fff;
}

.Urgentlist li:hover {
    box-shadow: 1px 2px 5px rgb(0, 0, 0, .2);
    transform: translateY(-2px);
}

.Urgentlist li .pic {
    width: 100%;
    height: auto;
}

.Urgentlist li .pic img {
    width: 100%;
    height: auto;
}

.Urgentlist li .shopbox {
    display: flex;
    justify-content: space-between;
    padding: 6% 5%;
    align-items: center;
}

@media screen and (max-width:1400px) {
    .Urgentlist li .shopbox {
        display: block;
    }
}

.Urgentlist li .shopbox .shop_name {
    font-size: 0.8vw;
    color: #212a3b;
}

.ret_box .place {
    font-size: 0.8vw;
    color: #cdd0d6;
    padding-left: 15px;
    background: url(../library/mall/10000/images/layout/place.png) no-repeat left;
    background-size: 12px;
}

@media screen and (max-width:1200px) {
    .wapper .bus-nav {
        padding: 0 16% 0 16%;
    }
	.recruitcate .wapper .bus-nav{
			padding: 0 10% 0 10%;
	}
}

.popular {
    width: 100%;
    height: auto;
}

.popular ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1.5vw;
    padding: 2% 0;
}

.popular li {
    width: 100%;
    height: auto;
    border-radius: 4px;
    box-shadow: 1px 2px 5px rgb(0, 0, 0, .3);
    transition: .3s all;
    padding: 5%;
    box-sizing: border-box;
    background: #fff;
}

.popular li .titlebox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.popular li .titlebox .tit-name {
    font-size: 1vw;
    font-weight: bold;
    color: #212a3b;
}

.popular li .titlebox .face {
    font-size: 1.1vw;
    font-weight: bold;
    color: #fe882d;
}

.popular li .posts {
    font-size: 14px;
    color: #7c828c;
}

.popular li .po_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3% 0 0;
}

.popular li .morelist a {
    font-size: 0.8vw;
    color: #212a3b;
}

.titlebox .tit-name span {
    font-size: 0.5vw;
    vertical-align: text-top;
    color: #fe852d;
}

.ret_box .btnMore {
    width: 100%;
    text-align: center;
}

.ret_box .btnMore a {
    display: inline-block;
    color: #252f42;
    padding: 8px 45px 8px 45px;
    white-space: nowrap;
    cursor: pointer;
    background: #ffffff;
    background-image: -webkit-linear-gradient(to right, #ffffff, #f1f4f9);
    background-image: -moz-linear-gradient(to right, #ffffff, #f1f4f9);
    background-image: -ms-linear-gradient(to right, #ffffff, #f1f4f9);
    background-image: -o-linear-gradient(to right, #ffffff, #f1f4f9);
    background-image: linear-gradient(to right, #ffffff, #f1f4f9);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Arial;
    font-size: 20px;
    border: solid #ffffff 5px;
    text-decoration: none;
    font-weight: bold;
    box-shadow: 0px 0px 10px 1px rgb(0, 0, 0, .2);
}

.ret_box .btnMore a:hover {
    background-image: -webkit-linear-gradient(to right, #ffab37, #fe852d);
    background-image: -moz-linear-gradient(to right, #ffab37, #fe852d);
    background-image: -ms-linear-gradient(to right, #ffab37, #fe852d);
    background-image: -o-linear-gradient(to right, #ffab37, #fe852d);
    background-image: linear-gradient(to right, #ffab37, #fe852d);
    text-decoration: none;
    color: #fff !important;
}

.m-ret_siwpper {
    display: none;
}

.btnb {
    display: none;
}

.ui-navigator-wrapper.ui-navigator-shadowl {
    width: 100%;
}

@media screen and (max-width:1000px) {
	
    .wapper .content {
        padding: 0;
    }

    .wapper .content .challenge .challbox {
        display: block;
    }

    .ret_sign {
        width: 100%;
        height: auto;
        padding: 5%;
        box-sizing: border-box;
    }

    .ret_sign form {
        width: 100%;
        height: auto;
        background: url(../library/mall/10000/images/layout/signBg.jpg) no-repeat;
        background-size: cover;
        padding: 3% 4% 3% 4%;
        box-sizing: border-box;
        border-radius: 4px;
    }

    .wapper .content .challenge {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        padding: 0;
    }

    .pret_siwpper {
        display: none;
    }

    .m-ret_siwpper {
        display: block;
    }

    .ret_siwpper {
        width: 100%;
        margin-left: 0;
        border-radius: 0;
    }

    .ret_siwpper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 5px;
    }

    .recruitList {
        padding: 5% 5%;
        box-sizing: border-box;
        background-color: #f1f4f7;
    }

    .ret-title {
        font-size: 18px;
        font-weight: bold;
        color: #212a3b;
    }

    .title-hot {
        padding-left: 20px;
        background-size: 18px;
    }

    .Urgentlist {
        padding: 0% 0 16%;
    }

    .Urgentlist ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
        padding-top: 5%;
    }

    .Urgentlist li {
        background: #fff;
    }

    .Urgentlist li .shopbox {
        display: block;
    }

    .Urgentlist li .shopbox .shop_name {
        font-size: 16px;
        color: #212a3b;
        text-align: center;
        font-weight: bold;
    }

    .Urgentlist li .shopbox .place1 {
        display: none;
    }

    .popular ul {
        display: block;
        padding: 0;
    }

    .popular li {
        margin: 5% 0;
        background: #fff;
        box-shadow: none;
    }

    .btnb {
        display: block;
    }

    .popular li .titlebox .tit-name {
        font-size: 16px;
    }

    .titlebox .tit-name span {
        font-size: 8px;
    }

    .popular li .titlebox .face {
        font-size: 16px;
    }

    .ret_box .place {
        font-size: 14px;
    }

    .popular li .morelist a {
        font-size: 14px;
    }

    .ret_box .btnMore a {
        font-size: 16px;
    }
}


/* 招聘-职位详情 */
.postCont {
    width: 100%;
    height: auto;
}

.postCont .banner {
    width: 100%;
    height: auto;
    padding: 1% 10%;
    box-sizing: border-box;
    background: #f1f4f7;
}

.postCont .sat_box {
    width: 100%;
    height: auto;
    padding: 5% 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.postCont .sat_box .sat_list {
    width: auto;
    height: auto;
}

.sat_list .stor_box {
    display: flex;
}

.sat_list .stor_box .pic {
    width: 20%;
    height: auto;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 2%;
}

.sat_list .stor_box .pic img {
    width: 100%;
    height: auto;
}

.sat_list .stor_box .ad_tit {
    font-size: 1.5vw;
    color: #212a3b;
    font-weight: bold;
}

.sat_list .stor_box .ad_box {
    align-content: space-between;
    position: relative;
}

.sat_list .stor_box .ad_tit span {
    font-size: 1.3vw;
    color: #fe852d;
}

.sat_list .stor_box .ad_txt {
    font-size: 0.8vw;
    color: #7f848d;
}

.sat_list .stor_box .ad_li {
    vertical-align: text-bottom;
    padding: 5% 0 0 0;
}

.sat_list .stor_box .ad_li ul {
    display: flex;
    justify-content: flex-start;
}

.sat_list .stor_box .ad_li li {
    margin-right: 10px;

}

.sat_list .stor_box .ad_li li a {
    font-size: 0.8vw;
    color: #626873;
    padding: 5px 10px;
    background: #dcdfe4;
    border-radius: 25px;
}

.reportbox {
    padding: 3% 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.reportbox div {
    padding: 0 5% 0 0;
}

.reportbox div a {
    font-size: 0.9vw;
    color: #626873;
}

.reportbox .colle a {
    padding-left: 16px;
    background: url(../library/mall/10000/images/layout/colle.png) no-repeat left;
    background-size: 15px;
}

.reportbox .report a {
    padding-left: 16px;
    background: url(../library/mall/10000/images/layout/report.png) no-repeat left;
    background-size: 14px;
}

.delivery .del_box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.delivery .del_box .mailbox {
    text-align: center;
    font-size: 1vw;
    color: #212a3b;
}

.delivery .del_box .mailbox .mailpic img {
    height: 30%;
    min-height: 43px;
}

.delivery .del_box .mailbox .til {
    padding: 10% 0;
}

.postCont .main {
    width: 100%;
    height: auto;
    padding: 0 10%;
    box-sizing: border-box;
}

.postCont .main .enterprisebox {
    width: 100%;
    height: auto;
    position: relative;
}

.postCont .main .enterprisebox .tab-nav {
    display: flex;
    position: absolute;
    top: -45px;
}

.postCont .main .enterprisebox .tab-nav li {
    width: 130px;
    height: 45px;
    font-size: 0.6vw;
    font-weight: bold;
    text-align: center;
    color: #626873;
    cursor: pointer;
}

.postCont .main .enterprisebox .tab-nav li span {
    font-size: 1vw;
    line-height: 45px;
    text-align: center;
    font-weight: bold;
    vertical-align: text-top;
}

.postCont .main .enterprisebox .tab-nav li.now {
    background-color: #FFF;
    color: #fe852d;
    border-radius: 4px;
}

.postCont .main .enterprisebox .tabconts {
	width: 100%;
}

.postCont .main .enterprisebox .tabconts .pr_company {
    display: none;
}

.postCont .main .enterprisebox .tabconts .re_position {
    display: none;
}

.postCont .main .enterprisebox .tabconts .show {
    display: block;
}

.pr_company .brief {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
}

.pr_company .brief .pr_box {
    width: 65%;
    padding: 0 0 5% 0;
}

.postCont .main .enterprisebox .tabconts .pr_company .pr_cont {
    width: auto;
    height: auto;
    padding: 5% 0 0 0;
}

.pr_company .pr_cont .pr_title {
    font-size: 20px;
    font-weight: bold;
    color: #212a3b;
    padding: 1% 0;
}

.pr_company .pr_cont .pr_txt {
    font-size: 0.9vw;
    color: #81868f;
    line-height: 2;
}

/* .pr_company .pr_cont .pr_txt p {
	padding: 2px 0;
} */

.re_position {}

.re_position .postsbox {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.re_position .postsbox .postslist {
    width: 65%;
    height: auto;
    padding: 5% 0;
}

.re_position .postsbox .postslist ul {
    border-bottom: 1px solid #F4F4F4;
}

.re_position .postsbox .postslist li {
    border-top: 1px solid #F4F4F4;
}

.re_position .postsbox .postslist li a {
    padding: 3% 1%;
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
}

.re_position .postsbox .postslist li a .po_name .tile {
    font-size: 1.2vw;
    font-weight: bold;
    color: #212a3b;
}

.re_position .postsbox .postslist li a .po_name .txt {
    font-size: 0.9vw;
    color: #979ca4;
}

.re_position .postsbox .postslist li a .per_number {
    font-size: 1vw;
    color: #212a3b;
    text-align: center;
}

.re_position .postsbox .postslist li a .wagesbox {
    text-align: center;
    text-align: center;
}

.re_position .postsbox .postslist li a .wagesbox .wages {
    font-size: 1.1vw;
    color: #fe852d;
    font-weight: bold;
}

.re_position .postsbox .postslist li a .wagesbox .w_base {
    font-size: 0.9vw;
    color: #5c636f;
}

.re_position .postsbox .postslist li a .datatime {
    font-size: 1vw;
    color: #212a3b;
    text-align: right;
}

.po_rightbox {
    width: 22%;
    height: 100%;
    border-radius: 4px 90px 4px 4px;
    background-image: linear-gradient(to top, #f7faff, 20%, #fff1eb);
    box-shadow: 0 0px 12px 0px rgb(0 0 0 / 5%);
    transform: translateY(-20px);
}

.po_rightbox .interviewbox {
    padding: 5% 10% 10% 10%;
}

.po_rightbox .interviewbox .inter {
    padding: 10% 0 0 0;
}

.po_rightbox .interviewbox .inter .iv_title {
    font-size: 1.3vw;
    font-weight: bold;
    color: #212a3b;
    padding: 5% 0;
}

.po_rightbox .interviewbox .inter .interlist {
    padding: 0 0 5% 0;
}

.po_rightbox .interviewbox .inter .interlist div {
    font-size: 16px;
    font-weight: bold;
    color: #212a3b;
    padding: 1% 0;
}

.po_rightbox .interviewbox .inter .interlist div span {
    font-weight: normal;
}

.mapbtn {

    cursor: pointer;
}

.mapbtn a {
    width: 100%;
    height: auto;
    display: inline-block;
    font-size: 18px;
    color: #fff;
    width: 100%;
    height: auto;
    border-radius: 4px;
    background-image: linear-gradient(to left, #fe852d, #fda82d);
    padding: 3% 0;
    text-align: center;
}

.po_rightbox .interviewbox .inter .remind {
    font-size: 14px;
    color: #898a91;
    padding: 5% 0;
}

.po_rightbox .interviewbox .inter .po_other {
    width: 100%;
    height: auto;
}

.po_rightbox .interviewbox .inter .po_other .other_title {
    font-size: 1.3vw;
    font-weight: bold;
    color: #212a3b;
    padding: 5% 0;
}

.list_other li {
    border-bottom: 1px solid #e1e5eb;
    padding: 5% 0;
}

.list_other li a .headbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.list_other li a .headbox .name {
    font-size: 18px;
    color: #212A3B;
    font-weight: bold;
}

.list_other li a .headbox .wages {
    font-size: 16px;
    color: #fe852d;
    font-weight: bold;
}

.list_other li a .txt {
    font-size: 14px;
    color: #777d89;
}

.indoor {
    width: 100%;
    height: auto;
    padding: 5% 0;
}

.indoor .ambientbox {
    width: 100%;
    height: auto;
}

.indoor .ambientbox .en_title {
    font-size: 1.5vw;
    color: #212A3B;
    font-weight: bold;
}

.indoor .ambientbox .en_title span {
    color: #6c727c;
    font-family: bar_light;
}

.indoor .ambientbox .en_list {
    width: 100%;
    height: auto;
    padding: 2% 0;
}

.indoor .ambientbox .en_list ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 5% 2%;
}

.indoor .ambientbox .en_list li {
    width: 100%;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 0px 12px 0px rgb(0 0 0 / 5%);
    transition: all .5s;
    cursor: pointer;
}

.indoor .ambientbox .en_list li:hover {
    transform: translateY(-5px);
    box-shadow: 0 0px 12px 1px rgb(0 0 0 / 10%);
}

.indoor .ambientbox .en_list .en_pic {
    width: 100%;
    height: auto;
    border-radius: 4px;
    overflow: hidden;
}

.indoor .ambientbox .en_list .en_pic img {
    width: 100%;
    height: auto;
}

.indoor .ambientbox .en_list .en_place {
    text-align: center;
    padding: 4% 0;
    font-size: 16px;
    font-weight: bold;
    color: #212a3b;
}

.layui-layer-imgsee {
    display: none;
}

.layui-layer-setwin {
    position: absolute;
    right: -5% !important;
    top: -5% !important;
}

.layui-layer-setwin .layui-layer-close2 {
    width: 36px !important;
    height: 36px !important;
}

.layui-layer-ico {
    background: url(../library/mall/10000/images/layout/layer_imgx.png) no-repeat !important;
}

@media screen and (max-width:1000px) {
    .postCont .banner {
        padding: 5%;
    }

    .route li:nth-child(1) {
        padding-left: 14px;
        background: url(../library/mall/10000/images/layout/index.png) no-repeat left;
        background-size: 10px;
    }

    .postCont .sat_box {
        display: block;
    }

    .sat_list .stor_box {
        display: flex;
        width: 100%;
        padding: 5% 0 5% 0;
    }

    .sat_list .stor_box .pic {
        width: 37%;
        height: 100%;
        border-radius: 4px;
        overflow: hidden;
        margin-right: 2%;
    }

    .sat_list .stor_box .ad_li ul {
        display: block;
        /* float: left; */
        justify-content: flex-start;
    }

    .sat_list .stor_box .ad_li li {
        margin: 5px;
        float: left;
    }

    .sat_list .stor_box .ad_tit {
        font-size: 20px;
    }

    .sat_list .stor_box .ad_tit span {
        font-size: 18px;
    }

    .sat_list .stor_box .ad_txt {
        font-size: 12px;
        color: #7f848d;
    }

    .sat_list .stor_box .ad_li {
        width: 100%;
        vertical-align: text-bottom;
    }

    .sat_list .stor_box .ad_li2 {
        width: 130% !important;
        position: absolute;
        padding: 10% 0 0 0;
        left: -30%;
    }

    .delivery {
        padding: 5% 0;
        box-sizing: border-box;
    }

    .delivery .del_box .mailbox .til {
        padding: 0;
    }

    .postCont .main .enterprisebox .tab-nav {
        top: -40px;
    }

    .postCont .main .enterprisebox .tab-nav li {
        height: 40px;
    }
	.recruit-post .postCont .main .enterprisebox .tab-nav li{
		font-size: 12px;
	}

    .postCont .main .enterprisebox .tab-nav li span {
        font-size: 16px;
    }

    .reportbox {
        display: none;
    }

    .delivery .del_box {
        display: block;
        border-bottom: 1px solid #d9d4d4;
        border-top: 1px solid #d9d4d4;
    }

    .delivery .del_box .mailbox {
        display: grid;
        padding: 5% 0;
        grid-template-columns: repeat(3, 20% 30% 50%);
        grid-gap: 5px;
        font-size: 14px;
        color: #212a3b;
    }

    .pr_company .brief {
        display: block;
    }

    .pr_company .brief .pr_box {
        width: 100%;
    }

    .postCont .main {
        padding: 0 6%;
    }

    .po_rightbox {
        width: 100%;
        height: 100%;
        border-radius: none;
        background-image: none;
        box-shadow: none;
        transform: translateY(-20px);
    }

    .po_rightbox .interviewbox {
        padding: 20% 0%;
    }

    .po_rightbox .interviewbox .inter {
        padding: 0;
    }

    .po_rightbox .interviewbox .inter .interlist div span {
        display: none;
    }

    .re_position .postsbox {
        width: 100%;
        display: block;
    }

    .re_position .postsbox .m-postslist {
        display: block !important;
        padding: 5% 0;
    }

    /* .re_position .postsbox .postslist {
        display: none;
    } */
	
    .pr_company .pr_cont .pr_txt {
        font-size: 14px;
    }

    .po_rightbox .interviewbox .inter .iv_title {
        font-size: 20px;
    }

    .re_position .postsbox .m-postslist li {
        padding: 5% 0;
        border-bottom: 1px solid #f4f4f4;
    }

    .re_position .postsbox .m-postslist .po_name {
        display: flex;
    }

    .re_position .postsbox .m-postslist .po_name .tile {
        font-size: 18px;
        color: #212a3b;
        font-weight: bold;
    }

    .re_position .postsbox .m-postslist .po_name .wages {
        font-size: 16px;
        font-weight: bold;
        color: #fe852d;
    }

    .re_position .postsbox .m-postslist .txt {
        font-size: 14px;
        color: #7a7f89;
        padding: 2% 0;
    }

    .re_position .postsbox .m-postslist .wagesbox {
        display: flex;
        font-size: 16px;
        color: #212a3b;
    }

    .re_position .postsbox .m-postslist .wagesbox .datatime {
        padding-left: 10%;
    }

    .re_position .postsbox .m-postslist .listbtn {
        padding: 2% 0;
    }

    .re_position .postsbox .m-postslist .listbtn a {
        font-size: 15px;
        color: #7a7f89;
    }

    .route {
        padding: 3% 0% 0% 0%;
    }

    .mapbtn a {
        width: 100%;
        height: auto;
        padding: 5% 30%;
        font-size: 20px;
        color: #fff;
		box-sizing: border-box;
    }

    .indoor .ambientbox .en_title {
        font-size: 20px;
    }

    .indoor .ambientbox .en_title span {
        font-size: 18px;
    }

    .indoor .ambientbox .en_list ul {
        grid-template-columns: repeat(2, 1fr);
    }
	
	.recruit-post .re_position .postsbox .postslist{
		width: 100%;
	}
	.recruit-post .re_position .postsbox .postslist li a .datatime{
		display: none;
	}
	.recruit-post .re_position .postsbox .postslist li a{
		grid-template-columns: repeat(3, 1fr);
	}
	.recruit-post .re_position .postsbox .postslist li a .po_name .tile{
		font-size:18px;
	}
	.recruit-post .re_position .postsbox .postslist li a .per_number{
		font-size:14px;
	}
	.recruit-post .re_position .postsbox .postslist li a .po_name .txt{
		font-size:14px;
	}
	.recruit-post .re_position .postsbox .postslist li a .wagesbox .wages{
		font-size:14px;
	}
	.recruit-post .re_position .postsbox .postslist li a .wagesbox .w_base{
		font-size:14px;
		display: none;
	}
	.recruit-post .re_position .postsbox .postslist li:first-child {
		border-top:unset;
	}
	.recruit-post-list .re_position .postsbox .postslist{
		width: 100%;
	}
	.recruit-post-list .re_position .postsbox .postslist li a .datatime{
		display: none;
	}
	.recruit-post-list .re_position .postsbox .postslist li a{
		grid-template-columns: repeat(3, 1fr);
	}
	.recruit-post-list .re_position .postsbox .postslist li a .po_name .tile{
		font-size:18px;
	}
	.recruit-post-list .re_position .postsbox .postslist li a .per_number{
		font-size:14px;
	}
	.recruit-post-list .re_position .postsbox .postslist li a .po_name .txt{
		font-size:14px;
	}
	.recruit-post-list .re_position .postsbox .postslist li a .wagesbox .wages{
		font-size:14px;
	}
	.recruit-post-list  .re_position .postsbox .postslist li a .wagesbox .w_base{
		font-size:14px;
		display: none;
	}
	.recruit-post-list .re_position .postsbox .postslist li:first-child {
		border-top:unset;
	}

}


/* 招聘 分类 */
.postCont .sortbox {
    width: 100%;
    height: auto;
    padding: 2% 10% 0;
    box-sizing: border-box;
}

.postCont .sortbox .screenbox {
    width: 100%;
    height: auto;
    padding: 3% 0 0;
}

.postCont .sortbox .screenbox .boxCont {
    width: 100%;
    height: auto;
    padding: 2% 0;
    border-bottom: 1px solid #F4f4f4f4;
}

.postCont .sortbox .screenbox .boxCont dl {
    height: 50px;
    width: 100%;
}

.postCont .sortbox .screenbox .boxCont dt {
    float: left;
    line-height: 30px;
    font-weight: bold;
    font-size: 16px;
    color: #212a3b;
    padding-right: 5px;
	position: relative;
}
/* .recruitcate .postCont .sortbox .screenbox .boxCont dl{
	position: relative;
}
.recruitcate .postCont .sortbox .screenbox .boxCont dl::after{
	content: " ";
	width: 80px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
} */

.postCont .sortbox .screenbox .boxCont dd.active {
    border-radius: 25px;
    background: #fce3d8;
    border: none;
    color: #fe852d;
}

.postCont .sortbox .screenbox .boxCont dd:hover {
    border-radius: 25px;
    background: #fce3d8;
    border: none;
    color: #fe852d;
}

.postCont .sortbox .screenbox .boxCont dd {
    float: left;
    font-size: 15px;
    cursor: pointer;
    padding: 5px 10px 5px 10px;
    color: #626873;
	
}

.postCont .sortbox .screenbox .boxCont dd select {
    width: 100px;
    height: 25px;
    background: url(../library/mall/10000/images/layout/shaixuan.png) no-repeat right;
    background-position: 95%;
    background-size: 16px;
    border: 1px solid #dcd8d8;
    padding: 5%;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*去掉下拉箭头*/
}
.postCont .sortbox .screenbox .boxCont dd input{
    float: left;
    
}
.postCont .sortbox .screenbox .select {
    width: 100%;
    height: auto;
    padding: 2% 0;
}

.postCont .sortbox .screenbox .select dl {
    height: 50px;
    width: 100%;
}

.postCont .sortbox .screenbox .select dt {
    float: left;
    line-height: 30px;
    font-weight: bold;
    font-size: 16px;
    color: #212a3b;
    padding-right: 5px;
}

.postCont .sortbox .screenbox .select dd {
    height: 25px;
    line-height: 25px;
    padding: 0 2px 0 10px;
    border-radius: 3px;
    background-color: #fff;
    color: #FF7E00;
    float: left;
}

.postCont .sortbox .screenbox .select dd span {
    width: 16px;
    height: 16px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    line-height: 16px;
    background: #ffe7d5;
    color: #fe8b37;
    cursor: pointer;
    border-radius: 50%;
    margin-left: 5px;
}

.postCont .sortbox .screenbox .select input {
    padding: 5px 10px 5px 10px;
    border-radius: 25px;
    background: #fce3d8;
    border: none;
    color: #fe852d;
    font-size: 14px;
    cursor: pointer;
    margin-left: 10px;
}

.postCont .youngpic {
    width: 100%;
    height: auto;
}

.postCont .youngpic img {
    width: 100%;
    height: auto;
}

.postCont .youngpic img.m_youngpic {
    width: 100%;
    height: auto;
    display: none;
}

.postCont .Re_position {
    width: 100%;
    height: auto;
    /* padding: 5%; */
    box-sizing: border-box;
    background: #f1f4f7;
}

.postCont .Re_position .re_box {
    width: 100%;
    height: auto;
}

.postCont .Re_position .re_box .sortbox {
    align-items: center;
}

.postCont .Re_position .re_box .sortbox .sorttit {
    font-size: 1vw;
    color: #212A3B;

}

.postCont .Re_position .re_box .sortbox .sortlist {
    width: auto;
    height: auto;
}

.postCont .Re_position .re_box .sortbox .sortlist dl {
    width: auto;
    height: 45px;
    align-items: center;

}

.postCont .Re_position .re_box .sortbox .sortlist dt {
    float: left;
    font-size: 1vw;
    color: #212A3B;
    padding: 5px 10px;
}

.postCont .Re_position .re_box .sortbox .sortlist dd {
    float: left;
    padding: 5px 30px 5px 20px;
    border: 1px solid #9ea3ac;
    margin-right: 10px;
    background: url(../library/mall/10000/images/layout/sort1.png) no-repeat right;
    background-size: 14px;
    background-position: 95%;
    border-radius: 4px;
}

.postCont .Re_position .re_box .sortbox .sortlist dd.now {
    background: url(../library/mall/10000/images/layout/down.png) no-repeat right #fe852d;
    background-size: 14px;
    background-position: 95%;
    border: 1px solid #fe852d;
}

.postCont .Re_position .re_box .sortbox .sortlist dd.now a {
    color: #fff;
}

.postCont .Re_position .re_box .sortbox .sortlist dd:hover {
    background: url(../library/mall/10000/images/layout/sort2.png) no-repeat right #fe852d;
    background-size: 14px;
    background-position: 95%;
    border: 1px solid #fe852d;
}
.postCont .Re_position .re_box .sortbox .sortlist dd.now:hover{
	background: url(../library/mall/10000/images/layout/down.png) no-repeat right #fe852d;
	background-size: 14px;
	background-position: 95%;
	border: 1px solid #fe852d;
}
.postCont .Re_position .re_box .sortbox .sortlist dd:hover a {
    color: #fff;
}

.postCont .Re_position .re_box .sortbox .sortlist dd a {
    font-size: 1vw;
    color: #9ea3ac;
}

.re_list {
    width: 100%;
    height: auto;
}

.re_list li {
    padding: 2%;
    box-sizing: border-box;
    background: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 2%;
}

.re_list li .jobbox {
    width: auto;
    height: auto;
}

.re_list li .jobbox .jobTitle {
    font-size: 1.5vw;
    color: #212A3B;
    font-weight: bold;
}

.re_list li .jobbox .welfare {
    font-size: 1vw;
    color: #979ca4;
}

.re_list li .demand {
    text-align: center;
}

.re_list li .demand .unmb {
    font-size: 1.1vw;
    color: #212a3b;
}

.re_list li .demand .txt {
    font-size: 1vw;
    color: #979ca4;
}

.re_list li .wagesbox {
    text-align: center;
}

.re_list li .wagesbox .wages {
    font-size: 1.5vw;
    font-weight: bold;
    color: #fe852d;
}

.re_list li .wagesbox .w_base {
    font-size: 1vw;
    color: #979ca4;
}

.re_list li .store_name {
    font-size: 1.1vw;
    color: #212a3b;
}

.re_list li .datatime {
    font-size: 1.1vw;
    color: #212a3b;
}

.re_list li .data_time {
    font-size: 1.1vw;
    color: #212a3b;
}

.re_list li .btnbox {
    display: flex;
}

.re_list li .btnbox .btn {
    margin-left: 1%;
}

.re_list li .btnbox .btn a {
    display: inline-block;
    color: #252f42;
    padding: 8px 30px 8px 30px;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 25px;
}

.re_list li .btnbox .btn1 a {
    background-image: linear-gradient(to right, #eef2f6, 70%, #d7deea);
    color: #212A3B;
    transition: all .5s;
}

.re_list li .btnbox .btn1 a:hover {
    background-image: linear-gradient(to right, #acb0b3, 70%, #b2b8bd);
}

.re_list li .btnbox .btn2 a {
    color: #fff;
    background-image: linear-gradient(to right, #ffab37, 70%, #fe852d);
    transition: all .5s;
}

.re_list li .btnbox .btn2 a:hover {
    background-image: linear-gradient(to right, #ffd439, 70%, #feaa35);
}

.wap-re_list {
    display: none;
}

.hasSelected {
    display: none;
}

.re_list li .jobbox .mwages {
    display: none;
}
.recruitcate .listIndexcont{
	    display: flex;
	    align-items: center;
}
@media screen and (max-width:1000px) {
    .hasSelected {
        display: block;
        width: 100%;
        height: auto;
        padding: 10% 0 25% 0;
    }

    .hasSelected dt {
        float: left;
    }

    .re_list li .datatime {
        display: none;
    }

    .re_list li .datatime2 {
        padding-left: 2%;
        font-size: 15px;
        color: #212A3B;
    }

    .hasSelected .clearList1 em {
        font-style: normal;
        width: 20px;
        height: 20px;
        line-height: 20px;
        background: #fce3d8;
        display: inline-block;
        text-align: center;
        border-radius: 50%;
        margin: 0 5px 0 5px;
    }

    .selectedInfor1 {
        line-height: 30px;
        height: 30px;
        padding: 0 5px;
        border-radius: 25px;
        color: #FF7E00;
        float: left;
    }

    .eliminateCriteria1 {
        padding: 5px 10px 5px 10px;
        border-radius: 25px;
        background: #fce3d8;
        border: none;
        color: #fe852d;
        font-size: 15px;
        text-align: center;
        cursor: pointer;
        float: left;
    }

    /* .postCont .screenbox {
        display: none;
    } */

    .postCont .sortbox {
        padding: 2% 5% 0;
        background: #f1f4f7;
    }

    .postCont .sortbox .screenbox .select {
        padding: 176px 0 2% 0;
    }

    .postCont .sortbox .screenbox .select dd {
        background: none;
    }

    .selectbox {
        width: 100%;
        height: auto;
    }

    .selectbox .selecnav {
        width: 100%;
        height: 45px;
        text-align: center;
        overflow: hidden;
    }

    .selectbox .selecnav li {
        line-height: 45px;
        width: auto;
        height: 46px;
        float: left;
        font-size: 15px;
        color: #343533;
        padding: 0 18px;
        box-sizing: border-box;
    }

    .wap-nav .retrie dt {
        display: block;
        height: 45px;
        width: 100%;
        text-align: center;
        overflow: hidden;
    }

    .wap-nav .retrie dt li {
        line-height: 46px;
        width: auto;
        height: 46px;
        float: left;
        font-size: 15px;
        color: #343533;
        padding: 0 18px;
        box-sizing: border-box;
    }

    .wap-nav .retrie dt li a {
        font-size: 14px;
    }

    .wap-nav .retrie dt li a::after {
        position: absolute;
        top: 25%;
        left: 100%;
        content: ' ';
        width: 20px;
        height: 10px;
        background: url(../library/mall/10000/images/layout/shaixuan.png) no-repeat right;
        background-size: 15px;
    }

    .postCont .youngpic img.w_youngpic {
        display: none;
    }

    .postCont .youngpic img.m_youngpic {
        display: block;
    }

    .postCont .Re_position .re_box .sortbox .sortlist dl {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .postCont .Re_position .re_box .sortbox .sortlist dd {
        padding: 5px 20px 5px 10px;
        margin-right: 0;
        font-size: 14px;
        background-size: 12px;
    }

    .postCont .Re_position .re_box .sortbox .sortlist dt {
        padding: 0;
        font-size: 14px;
    }

    .postCont .Re_position .re_box .sortbox .sortlist dd.now {
        background-size: 12px;
    }

    .re_list {
        display: block;
    }

    .wap-re_list {
        display: block;
    }

    .re_list li .demand {
        display: none;
    }

    .re_list li .wagesbox {
        display: none;
    }

    .re_list li .store_name {
        display: none;
    }

    .re_list li .store_name2 {
        font-size: 15px;
        color: #212A3B;
    }

    .re_list li .jobbox .jobTitle {
        font-size: 18px;
        color: #212A3B;
        font-weight: bold;
        display: flex;
    }

    .re_list li .jobbox .jobTitle img {
        width: 11%;
    }

    .re_list li .jobbox .mwages {
        font-size: 18px;
        font-weight: bold;
        color: #fe852d;
        padding-left: 3%;
    }

    .re_list li {
        padding: 5%;
        box-sizing: border-box;
        background-color: #fff;
        margin: 3% 0;
        display: block;
    }

    .wap-re_list li .jobbox {
        display: flex;
        justify-content: flex-start;
    }




    .re_list li .welfare {
        font-size: 14px;
        color: #5a606d;
        line-height: 2;
    }

    .sdbox {
        display: flex;
        justify-content: flex-start;
    }

    .sdbox .store_name {
        font-size: 16px;
        color: #212a3b;
    }

    .sdbox .datatime {
        font-size: 16px;
        color: #212a3b;
        padding-left: 5%;
    }

    .lookmore {
        padding: 3% 0;
        display: block;
    }

    .lookmore a {
        font-size: 14px;
        color: #4d5562;
    }

    .re_list li .btnbox {
        padding: 2% 0;
    }

    .re_list li .btnbox .btn {
        margin-right: 2%;
    }

    .re_list li .btnbox .btn a {
        display: inline-block;
        color: #252f42;
        padding: 5px 30px 5px 30px;
        white-space: nowrap;
        cursor: pointer;
        border-radius: 25px;
    }

    /* .sortpidd {
		padding: 166px 0 0 0;
	} */

    /* .po_route{
	padding: 166px 0 0 0;
} */
    .re_list li .btnbox .btn1 a {
        background: #e6ebf1;
        color: #212A3B;
    }

    .re_list li .btnbox .btn2 a {
        color: #fff;
        background-image: linear-gradient(to right, #ffab37, 70%, #fe852d);
    }

    .pageBox {
        width: 100%;
        height: auto;
        text-align: center;
        padding: 10% 0;
        box-sizing: border-box;
    }

    .pageBox ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .pageBox li a {
        font-size: 16px;
    }

    .wapper .content1 .filter .filter-nav {
        padding: 2% 5% 1% 5%;
        display: none;
    }
	.recruitcate .postCont .Re_position .re_box .sortbox .sortlist dd a{
		font-size: 12px;
	}
	.recruitcate .re_list li .jobbox .welfare{
		font-size: 12px;
	}
	.recruitcate .re_list li .jobbox .jobTitle img{
		width: auto;
		height: 17px;
		object-fit: cover;
	}
	.recruitcate .re_list li .jobbox .jobTitle{
		    display: flex;
		    align-items: center;
	}
	.recruitcate .postCont .Re_position .re_box .sortbox .sortlist dd{
		transition: all 0.5s;
		    margin-left: 3%;

	}
	/* .recruitcate .postCont .sortbox .screenbox .boxCont{
		display: flex;
		background-color: #fff;
	}
	.recruitcate .postCont .sortbox .screenbox .boxCont dl{
		flex-direction: column;
		justify-content: center;
		height: 45px !important;
	}
	.recruitcate .postCont .sortbox .screenbox .boxCont dd{
		
		padding: 5px 18px 5px 18px;
	}
	.recruitcate .postCont .sortbox .screenbox .boxCont dt{
		font-size: 14px;
	} */
	.recruitcate .listIndexcont{
		flex-wrap: wrap;
		/* flex-direction: column;
		align-items: flex-start; */
	}
	.recruitcate .postCont .sortbox .screenbox .boxCont .listIndex{
		/* display: flex;
		flex-direction: column;
		align-items: flex-start; */
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: flex-start;
		height: auto !important;
		margin: 15px 0 10px 0;
	}
	.recruitcate .postCont .sortbox .screenbox .boxCont dt{
		width: 100%;
	}
	.recruitcate .postCont .sortbox .screenbox .boxCont dd select{
		width: 32vw;
		padding: 5% 20% 5% 5%;
	}
	.recruitcate .postCont .sortbox .screenbox .boxCont dd select option{
		    color: #212a3b;
	}
	.recruitcate .postCont .sortbox{
		    background: #fff;
	}
	/* .recruitcate .postCont .sortbox{
		padding: 0;
	}
	.recruitcate .postCont .sortbox .screenbox{
		position: relative;
		padding:0;
	}
	.recruitcate .listIndexcont{
		position: absolute;
	    top: 15vw;
	    left: 0;
	    background-color: #fff;
	    width: 100%;
	    display: flex;
	    flex-direction: column;
	    z-index: 1; 
		overflow-x: scroll;
		max-height: 300px;
		align-items: unset;

	}
	.recruitcate .postCont .sortbox .screenbox .boxCont dd:hover{
		border-radius: unset;  
	}
	.recruitcate  .postCont .sortbox .screenbox .boxCont dd.active{
		border-radius: unset; 
	}
	.recruitcate .postCont .sortbox .screenbox .boxCont dd:last-child{
		margin-bottom: 30px;
	}
	.recruitcate .postCont .sortbox .screenbox .boxCont dl{
		position: unset;
	}
	.recruitcate .postCont .sortbox .screenbox .boxCont dl::after{
		
		width: 0;
	}
	.recruitcate .selectedInfor{
		background-color:unset;
	}
	.recruitcate .hasBeenSelected{
		padding: 0 3%;
		width: 94%;
	}
	.recruitcate .postCont .Re_position .re_box .sortbox{
		padding: 2% 3%;
	} */
	.recruitcate .wap-header1{
		display: none;
	}
	.recruitcate .wapper header{
		display:block;
	}
	.recruitcate .wapper .topimg{
		display: none;
	}
	.recruitcate .wapper .topnav{
		display: none;
	}
	.recruitcate .wapper .nav .toplog{
		display: none;
	}
	.recruitcate .ret-nav{
		display: none;
	}
	.recruitcate .wapper .nav{
		grid-template-columns: unset;
		height: 50px;
	}
	.recruitcate .wapper .nav .search input[type=submit]{
		height: 34px;
	}
	.recruitcate .wapper .nav .search input[type=text]{
		height: 34px;
	}
	.recruitcate .postCont .sortbox .screenbox .boxCont .update {
		width: 100%;
	}
}

/* selectNumberScreen */
.selectNumberScreen {
    width: 100%;
    height: auto;
}

.screenBox {
    padding: 0% 0 2% 0;
    border-bottom: 1px solid #F4F4F4;
}

.screenBox dl {
    height: 45px;
    width: 100%;
    overflow: hidden
}

.screenBox dl.noborder {
    border-bottom: 0px;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px
}

.screenBox dl.goodstype {
    border-bottom: #e6e6e6 1px dashed
}

.screenBox dl dt {
    float: left;
    color: #303848;
    font-weight: bold;
    font-size: 16px;
}

.screenBox dl dt {
    text-align: right;
    padding-top: 6px;
}

.screenBox dl dd {
    position: relative;
    padding-bottom: 5px;
    padding-left: 0px;
    width: 85%;
    padding-right: 48px;
    float: left;
    height: 25px;
    overflow: hidden;
    padding-top: 0px
}

.screenBox dl dd a {
    float: left;
    color: #969aa2;
    font-size: 15px;
    cursor: pointer;
    padding: 5px 10px 5px 10px;
    border-radius: 25px;
}

@media screen and (max-width:1200px) {
    .screenBox dl dd a {
        padding: 5px;
    }
}

.screenBox dl dd a.now {
    border-radius: 25px;
    color: #fe852d;
    font-weight: bold;
    background: #ffdac0;
}

.screenBox dl dd a.selected {
    border-radius: 25px;
    color: #fe852d;
    font-weight: bold;
    background: #ffdac0;
}

.screenBox dl dd a:hover {
    border-radius: 25px;
    color: #fe852d;
    font-weight: bold;
    background: #ffdac0;

}

.screenBox dl dd span.more {
    position: absolute;
    width: 39px;
    display: block;
    height: 14px;
    top: 6px;
    cursor: pointer;
    right: 1px
}

.screenBox dl dd span.more label {
    display: inline-block;
    cursor: pointer
}

.hasBeenSelected {
    padding: 10px 0;
    height: 45px;
    width: 100%;
    margin-top: 10px;
    overflow: hidden;
}

.hasBeenSelected dl {
    width: 100%;
    overflow: hidden;
}

.hasBeenSelected dl dt {
    float: left
}

.hasBeenSelected dl dd {
    float: left
}

.hasBeenSelected dl dt {
    line-height: 30px;
    height: 30px;
    font-size: 16px;
    color: #212a3b;
    font-weight: bold;
}

.hasBeenSelected dl dd {
    padding-bottom: 4px;
    padding-left: 0px;
    width: 90%;
    padding-right: 0px;
    padding-top: 0px
}

.selectedInfor {
    position: relative;
    float: left;
    line-height: 30px;
    height: 30px;
    padding: 0 8px;
    border-radius: 3px;
    background-color: #fff;
    color: #FF7E00;
}

.selectedInfor label {
    color: #f60
}

.eliminateCriteria {
    padding: 5px 10px 5px 10px;
    border-radius: 25px;
    background: #fce3d8;
    border: none;
    color: #fe852d;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    float: left;
}

.selectedInfor em {
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    background: #ffdac0;
    border-radius: 50%;
    text-align: center;
}

.screenbox .boxCont .listIndex1 dl dd.active {
    background: none;
}

@media screen and (max-width:1000px) {
    .hasBeenSelected dl dt {
        font-size: 15px;
    }

    .hasBeenSelected {
        height: auto;
    }



    .wapper .article-box .art {
        width: 70%;
        display: block;
        top: 28%;
        left: 15%;
        transform: translate(0%, -25%);
    }

    .wapper .article-box .art-pic {
        width: 100%;
        height: auto;
        position: absolute;
        top: 170px;
    }

    .wapper .article-box .load {
        width: 100%;
        margin-left: 0;
        height: 165px;
        background: #000000;
        border-radius: 4px;
        margin-left: 0;
        position: absolute;
        overflow: hidden;
        top: 0;
    }

    .wapper .art-load .art-hot {
        padding-left: 15%;
        background-position: 10%;
    }

    .wapper .art-load .title .icon {
        width: 20px;
        height: 20px;
    }

    .wapper .art-load .title .icon img {
        width: 20px;
        height: 20px;
    }

    .wapper .art-load .title h2 {
        font-size: 20px;
        line-height: 0;
    }

    .wapper .art-load .new-load {
        margin-top: 2%;
    }

    .wapper .art-load {
        border-radius: 4px 80px 4px 4px;
    }

    .wapper .load a img {
        width: 20px;
        height: auto;
    }
}

@media screen and (max-width:320px) {
    .postCont .Re_position .re_box .sortbox .sortlist dd {
        padding: 5px 16px 5px 2px;
        margin-right: 0;
        font-size: 12px;
        background-size: 12px;
    }
}

/* 招聘个人中心 */
.wapper .contact {
    align-items: center;
    /* padding-right: 5%; */
}

.wapper .contact .phone {
    padding: 0 1% 0 27px;
}

.personalicon {
    width: auto;
    height: auto;
    position: relative;
    cursor: pointer;
}

.personalicon img {
    max-width: 50px;
    height: auto;
}

.personalicon .per_1column {
    position: absolute;
    top: 40px;
    width: 110px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    background: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    border-radius: 4px;
    display: none;
}

.personalicon:hover .per_1column {
    display: block;
}

.personalicon .per_1column ul {
    width: 100%;
    height: auto;
    position: relative;
    /* padding: 3% 0; */
}

.personalicon .per_1column ul::before {
    content: '';
    height: 13px;
    width: 13px;
    background: #fff;
    transform: rotate(45deg);
    position: absolute;
    left: 45%;
    top: -6px;
    z-index: -1;
}

.personalicon .per_1column li {
    width: 100%;
    height: auto;
}

.personalicon .per_1column li a {
    display: inline-block;
    width: 100%;
    padding: 6% 0;
    box-sizing: border-box;
}

.personalicon .per_1column li:hover a {
    background: #fe852d;
    color: #fff !important;
}

.personalicon .per_1column li:nth-child(1) a {
    background: url(../library/mall/10000/images/layout/personal1.png) no-repeat left #fff;
    background-position: 8%;
}

.personalicon .per_1column li:nth-child(1):hover a {
    background: url(../library/mall/10000/images/layout/personal_hover1.png) no-repeat left #fe852d;
    background-position: 8%;
}

.personalicon .per_1column li:nth-child(2) a {
    background: url(../library/mall/10000/images/layout/personal2.png) no-repeat left #fff;
    background-position: 8%;
}

.personalicon .per_1column li:nth-child(2):hover a {
    background: url(../library/mall/10000/images/layout/personal_hover2.png) no-repeat left #fe852d;
    background-position: 8%;
}

.personalicon .per_1column li:nth-child(3) a {
    background: url(../library/mall/10000/images/layout/personal3.png) no-repeat left #fff;
    background-position: 8%;
}

.personalicon .per_1column li:nth-child(3):hover a {
    background: url(../library/mall/10000/images/layout/personal_hover3.png) no-repeat left #fe852d;
    background-position: 8%;
}

.personal {
    width: 100%;
    height: auto;
    padding: 5% 10%;
    box-sizing: border-box;
    position: relative;
    background: #f1f4f7;
}

.personal_route {
    position: absolute;
    top: 20px;
    left: 10%;
}

.personalbox {
    width: 100%;
    height: auto;
}

.personalbox .personalLlist {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
}

.personal_nav {
    width: 20%;
    height: 100%;
    padding: 5%;
    box-sizing: border-box;
    background: url(../library/mall/10000/images/layout/person_navbg.jpg) no-repeat;
    background-size: cover;
    border-radius: 60px 4px 4px 4px;
    box-shadow: 0 0 3px rgb(0, 0, 0, .05);
}

.personal_nav ul {
    width: auto;
    height: auto;
    padding: 2% 0;
}

.personal_nav li {}

.personal_nav li a {
    color: #212a3b;
    font-size: 16px;
    line-height: 2;
    transition: all .5s;
    padding-left: 16px;
}

.personal_nav li a:hover {
    color: #fe852d;
}

.personal_nav li.now a {
    color: #fe852d;
}

.personal_nav .tit {
    font-size: 20px;
    /* font-weight: bold; */
    position: relative;
    line-height: 1;
}

.personal_nav .tit::before {
    content: '';
    height: 100%;
    width: 4px;
    background: #FF852d;
    position: absolute;
    border-radius: 5px;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
}

.personalcont {
    width: 75%;
    height: auto;
}

.personalcont .percontbox {
    width: 100%;
    height: auto;
    padding: 3%;
    box-sizing: border-box;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 3px rgb(0, 0, 0, .05);
}

.releasebox {
    width: 100%;
    height: auto;
}

.releasebox .releasetitle {
    width: 100%;
    height: auto;
    font-size: 20px;
    font-weight: bold;
    color: #212a3b;
    padding-bottom: 2%;
    border-bottom: 1px solid #F4F4F4;
}

.releaseList {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #F4F4F4;
}

.releaseList ul {
    width: 30%;
    height: auto;
    padding: 3% 0;
}

.releaseList li {
    width: 100%;
    height: auto;
    padding: 2% 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.releaseList li p {
    width: 100px;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    color: #212A3B;
    padding-right: 5px;
}

.releaseList li input {
    width: 86%;
    height: auto;
    border-radius: 4px;
    border: 1px solid #c7cace;
    padding: 2%;
    box-sizing: border-box;
    font-size: 14px;
}

.releasebrief {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    padding: 3% 0 0 0;
}

.releasebrief .brieftitle {
    width: 110px;
    font-size: 20px;
    color: #212A3B;
    font-weight: bold;
}

.entrybox {
    width: 98%;
    height: auto;
}

.entrybox .entry {
    width: 100%;
    height: auto;
    padding-bottom: 3%;
}

.entrybox .entry .eninput {
    width: 100%;
    height: auto;
    padding: 0 0 1% 0;
}

.entrybox .entry .eninput input {
    width: 100%;
    height: auto;
    padding: 1% 2%;
    box-sizing: border-box;
    border: 1px solid #c7cace;
    font-size: 15px;
    color: #212A3B;
    border-radius: 4px;
}

.entrybox .entry .eninput input::-webkit-input-placeholder {
    color: #212A3B;
    font-size: 15px;
}

.entrybox .entry .eninput input:hover {
    border: 1px solid #c7cace;
}

.entrytextbox {
    width: 100%;
    height: auto;
    border-radius: 4px;
    border: 1px solid #c7cace;
}

.entrytextbox textarea {
    min-height: 200px;
    height: auto;
    width: 100%;
    border: none;
    padding: 1% 2%;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 2;
    color: #81868f;
    resize: none;
}

.releasebtnbox {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.releasebtnbox div {
    width: 50%;
}

.releasebtnbox a {
    width: 60%;
    display: inline-block;
    height: auto;
    padding: 2% 5%;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin: 0 2%;
}

.releasebtnbox .releasebtn {
    text-align: right;
}

.releasebtnbox .releasebtn a {
    background: #fe852d;
}

.releasebtnbox .conservebtn {
    text-align: left;
}

.releasebtnbox .conservebtn a {
    background: #212a3b;
}

/* 个人中心-招聘列表 */
.positionlist {
    width: 100%;
    height: auto;
}

.positionlist .po_titlebox {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.positionlist .po_titlebox .po_title {
    font-size: 20px;
    color: #212A3B;
    font-weight: bold;
}

.positionlist .po_titlebox .pressingbox {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 2% 0;
}

.positionlist .po_titlebox .pressingbox .pres1 {
    padding: 1% 3%;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #FE852D;
    margin: 0 5px;
    cursor: pointer;
}

.positionlist .po_titlebox .pressingbox .pres2 {
    padding: 1% 3%;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #FE852D;
    cursor: pointer;
}

.positionlist .po_titlebox .pressingbox a {
    width: 100%;
    height: 100%;
    display: inline-block;
    font-size: 15px;
    color: #fe852d;
}

.positionlist .po_titlebox .pressingbox .pres1.now {
    border: 1px solid #FE852D;
    background: #FE852D;
}

.positionlist .po_titlebox .pressingbox .pres1.now a {
    color: #fff;
}

.postList {
    width: 100%;
    height: auto;
}

.postList ul {
    width: 100%;
    height: auto;
    border-top: 1px solid #c7cace;
}

.postList li {
    height: auto;
    padding: 3% 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #c7cace;
}

.postList li .unmbbox {
    display: flex;
    align-items: center;
}

.postList li .unmbbox input {
    width: 15px;
    height: 15px;
}

.postList li .unmbbox span {
    font-size: 14px;
    color: #86898f;
    padding-left: 5px;
}

.postnamebox {
    width: auto;
    height: auto;
}

.postnamebox .name {
    font-size: 1.3vw;
    color: #212A3B;
    font-weight: bold;
}

.postnamebox .welfare {
    font-size: 0.8vw;
    color: #979ca4;
}

.postList .unmb {
    font-size: 1vw;
    color: #212a3b;
}

.postList .wagesbox {
    text-align: center;
}

.postList .wagesbox .wages {
    font-size: 1.2vw;
    font-weight: bold;
    color: #fe852d;
}

.postList .wagesbox .w_base {
    font-size: 0.8vw;
    color: #979ca4;
}

.postList .time {
    font-size: 1vw;
    color: #212a3b
}

.postbtnbox {
    width: auto;
    height: auto;
    display: flex;
}

.postbtnbox div {
    width: 50px;
    height: auto;

    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
}

.postbtnbox div a {
    width: 100%;
    height: 100%;
    display: inline-block;
    font-size: 15px;
    font-size: 0.8vw;
    padding: 1% 3%;
    box-sizing: border-box;
}

.postbtnbox .revoke {
    border: 1px solid #fe852d;
    margin-right: 5px;
}

.postbtnbox .revoke a {
    color: #fe852d;
}

.postbtnbox .edit {
    background: #fe852d;
    border: 1px solid #fe852d;
    margin-right: 5px;
}

.postbtnbox .edit a {
    color: #fff;
}

.postbtnbox .delete {
    background: #212a3b;
    border: 1px solid #212a3b;
}

.postbtnbox .delete a {
    color: #fe852d;
}

/* 招聘个人中心-企业信息 */
.updatetips {
    width: 100%;
    height: auto;
    background: #dcdfe4;
    font-size: 16px;
    font-weight: bold;
    color: #fe852d;
    padding: 1% 3% 1% 3%;
    box-sizing: border-box;
    margin-bottom: 2%;
    border-radius: 4px;
    position: relative;
}

.updatetips .updatex {
    position: absolute;
    top: 50%;
    right: 3%;
    transform: translateY(-50%);
    cursor: pointer;
}

.enterprisebox {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
}

.enterprisebox .enterprisecont {
    width: 60%;
    height: auto;
}

.contactsbox {
    width: 100%;
    height: auto;
    padding: 4%;
    box-sizing: border-box;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 3%;
}

.enterTitlebox {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 3% 0;
    border-bottom: 1px solid #e4ebf3;
}

.enterTitlebox .enterTitle {
    font-size: 20px;
    color: #212A3B;
    font-weight: bold;
}

.enterTitlebox .enterstate a {
    font-size: 18px;
    color: #fe852d;
    font-weight: bold;
}

.contacts {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    padding: 3% 0;
}

.contacts .contactslist {
    width: 50%;
    height: auto;
}

.contacts .contactslist li {
    display: flex;
    align-items: center;
    padding: 2% 0;
}

.contacts .contactslist li p {
    width: 100px;
    font-size: 16px;
    /* font-weight: bold; */
}

.contacts .contactslist li p span {
    font-size: 16px;
    color: #fe852d;
    width: 5px;
    display: inline-block;
}

.contacts .contactslist li input {
    border-bottom: 1px solid #a6aab1;
    width: 80%;
    font-size: 16px;
    color: #212A3B;
    padding: 1% 0;
}

.qr_codebox {
    width: 50%;
    height: auto;
    display: flex;
    justify-content: center;
}

.qr_codebox .qr_head {
    width: 100px;
}

.qr_codebox .qr_head span {
    font-size: 16px;
    color: #FE852D;
}

.qr_codebox .codebox {
    width: 90px;
}

.qr_codebox .codebox .code {
    width: 100%;
    height: auto;
}

.qr_codebox .codebox .code img {
    width: 100%;
    height: auto;
}

.qr_codebox .codebox .codebtn {
    width: 100%;

    box-sizing: border-box;
    height: auto;
    border-radius: 4px;
    border: 1px solid #FE852D;
    text-align: center;
    margin: 2% 0;
}

.qr_codebox .codebox .codebtn a {
    font-size: 14px;
    color: #FE852D;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 2% 0;
}

.qr_codebox .codebox .codebtn a:hover {
    background-color: #FE852D;
    color: #fff;
}

.tips {
    font-size: 14px;
    color: #9ca0a7;
}

.tips span {
    font-size: 15px;
    color: #FE852D;
}

.wapper .per_nav {
    grid-template-columns: 15% 12% 30%;
}

.wapper .per_nav .perhead {
    text-align: left;
    font-size: 1.5vw;
    color: #212a3b;
}

@media screen and (max-width:1700px) {
    .wapper .per_nav .perhead {
        text-align: center;
    }
}

.prsynopsis {
    font-size: 16px;
    color: #212a3b;
    line-height: 1.5;
    padding: 2% 0 0 0;
}

.prwelfare {
    width: 100%;
    height: auto;
}

.prwelfare .prwelfarebox {
    width: 100%;
    height: auto;
    padding: 5% 0;
}

.prwelfare .prwelfarebox ul {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.prwelfare .prwelfarebox li {
    padding: 1% 2%;
    background: #e8e9eb;
    border-radius: 35px;
    margin: 2% 2% 2% 0;
}

.prwelfare .prwelfarebox li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #626873;
}

.prwelfare .prwelfarebox li.now {
    background: #fe852d;
}

.prwelfare .prwelfarebox li.now a {
    color: #fff;
}

.addwelfarebox {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
}

.addwelfarebox .addbox {
    width: auto;
    height: 40px;
    display: flex;
    align-items: center;
    border: 1px solid #fe852d;
    border-radius: 4px;
}

.addwelfarebox .addbox input {
    width: ;
    height: 40px;
    font-size: 16px;
    color: #212A3B;
}

.addwelfarebox .addbox .welfarebtn {
    width: 80px;
    text-align: center;
    height: 40px;
    background: #fe852d;
    line-height: 40px;
    text-align: center;
}

.addwelfarebox .addbox .welfarebtn a {
    width: 100%;
    display: inline-block;
    height: 100%;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
}

.dewelfarebtn {
    width: 90px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    text-align: center;
    background: #212a3b;
    margin-left: 2%;
}

.dewelfarebtn a {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
}

.companlogobox {
    width: 100%;
    height: auto;
    padding: 2% 0;
}

.companlogobox .logobox {
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-end;
}

.companlogobox .logobox .pic {
    width: auto;
    height: auto;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 2%;
}

.companlogobox .logobox .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.companlogobox .logobox .companybtn {
    width: 80px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    border: 1px solid #fe852d;
}

.companlogobox .logobox .companybtn a {
    width: 100%;
    height: 100%;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    color: #fe852d;
}

.environmentbox {
    width: 100%;
    height: auto;
    padding: 2% 0;
}

.environmentbox ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1vw;
}

.environmentbox li {
    width: 100%;
    height: auto;
    position: relative;
}

.environmentbox li .pic {
    width: 100%;
    height: auto;
    border-radius: 4px;
    overflow: hidden;
}

.environmentbox li .pic img {
    width: 100%;
    height: auto;
}

.environmentbox li .picx {
    position: absolute;
    top: -5%;
    right: -5%;
}

.persitebox {
    width: 100%;
    height: auto;
    padding: 2% 0;
}

.persitebox .sitebox {
    width: 100%;
    height: auto;
    line-height: 2;
    font-size: 16px;
    color: #212a3b;
}

.persitebox .persite {
    width: 100%;
    height: 250px;
    border-radius: 4px;
    overflow: hidden;
}

.message {
    width: 37%;
    height: auto;
}

.message .permessagebox {
    width: 100%;
    height: auto;
    background: #fff;
    padding: 5%;
    box-sizing: border-box;
    border-radius: 4px;
}

.permessagelist {
    width: 100%;
    padding: 2% 0;
}

.permessagelist li {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2% 0;
}

.permessagelist li p {
    font-size: 15px;
    color: #212A3B;
    white-space: nowrap;
    padding: 0 2% 0 0;

}

.permessagelist li p span {
    color: #fe852d;
    font-size: 16px;
}

.permessagelist li input {
    width: 90%;
    border: 1px solid #bcbfc4;
    padding: 2%;
    border-radius: 4px;
    font-size: 15px;
    color: #212A3B;
    text-align: left;
}

.permessagelist li a {
    width: auto;
    white-space: nowrap;
    color: #fe852d;
    padding: 0 2%;
}

.permessagelist li a span {
    font-family: simsun;
    line-height: 1.5;
    font-weight: bold;
    padding: 0 2%;
}

.permessagelist li select {
    width: 90%;
    border: 1px solid #bcbfc4;
    padding: 2%;
    border-radius: 4px;
    font-size: 15px;
    color: #212A3B;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../library/mall/10000/images/layout/xl.png) no-repeat right center;
    background-position: 98%;
}

.permessagelist li .timeboxs {
    background: url(../library/mall/10000/images/layout/xl.png) no-repeat right center;
    background-position: 98%;
}

.postnamebox .name .mwages {
    display: none;
}

.sdbox {
    display: none;
}

.lookmore {
    display: none;
}

@media screen and (max-width:1000px) {
    .personal_nav {
        display: none;
    }

    .personal {
        padding: 10% 5% 5% 5%;
    }

    .personalcont {
        width: 100%;
    }

    .releaseList {
        display: block;
        padding: 5% 0;
    }

    .releaseList ul {
        width: 100%;
        padding: 0;
    }

    .personal_route {
        position: absolute;
        top: 5px;
        left: 5%;
    }

    .releasebrief {
        display: block;
        padding: 7% 0 0 0;
    }

    .releaseList li p {
        width: 70px;
        text-align: left;
        white-space: nowrap;
        font-size: 15px;
    }

    .entrybox .entry .eninput input {
        font-size: 17px;
        font-weight: bold;
    }

    .entrybox {
        width: 100%;
    }

    .m-personal_nav {
        width: 100%;
        height: auto;
        padding: 3% 5% 0 5%;
        box-sizing: border-box;
    }

    .m-personal_nav ul {
        display: flex;
        align-items: center;
    }

    .m-personal_nav li {
        padding: 0 2vw;
    }

    .m-personal_nav li.now a {
        color: #fe852d;
    }

    .per-heade .search {
        display: none;
    }

    .entrybox .entry {
        padding: 3% 0 0 0;
    }

    .releasebtnbox {
        padding: 2% 0;
    }

    .route li a {
        font-size: 12px;
    }

    .releasebtnbox a {
        width: 97%;
        display: inline-block;
        height: auto;
        padding: 5% 5%;
        font-size: 15px;
    }

    .enterprisebox {
        display: block;
    }

    .enterprisebox .enterprisecont {
        width: 100%;
    }

    .enterTitlebox .enterTitle {
        font-size: 5vw;
    }

    .enterTitlebox .enterstate a {
        font-size: 4.5vw;
    }

    .contacts {
        display: block;
    }

    .contacts .contactslist {
        width: 100%;
    }

    .qr_codebox {
        width: 100%;
        justify-content: flex-start;
        padding: 2% 0;
    }

    .qr_codebox .qr_head {
        font-size: 16px;
    }

    .qr_codebox .codebox .codebtn {
        display: none;
    }

    .qr_codebox .codebox {
        width: 40%;
    }

    .tips {
        display: none;
    }

    .addwelfarebox .addbox {
        width: 70%;
    }

    .addwelfarebox .addbox input {
        width: 70%;
    }

    .companlogobox .logobox .companybtn {
        display: none;
    }

    .environmentbox li .picx {
        display: none;
    }

    .message {
        width: 100%;
    }

    .postList li .unmbbox {
        display: none;
    }

    .postList li {
        display: block;
    }

    .postList .wagesbox {
        display: none;
    }

    .postnamebox .name {
        display: flex;
        font-size: 5vw;
    }

    .postnamebox .name .mwages {
        font-size: 5vw;
        color: #fe852d;
        display: block;
        padding-left: 2%;
    }

    .postnamebox .name img {
        width: 11%;
    }

    .postList .unmb {
        display: none;
    }

    .postList .time {
        display: none;
    }

    .postnamebox .welfare {
        font-size: 4vw;
        line-height: 2;
    }

    .sdbox {
        display: flex;
        align-items: center;
        line-height: 2;
    }

    .postbtnbox div {
        width: 31%;

    }

    .postbtnbox div a {
        padding: 2% 3%;
        font-size: 15px;
    }

    .postbtnbox {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 3% 0;
    }


    .lookmore {
        padding: 0;
        display: block;
    }

    .positionlist .po_titlebox {
        display: none;
    }

    .postList ul {
        border: none;
    }
}

/* 视频 */
.wapper .productsBox {
	width: 100%;
	height: auto;
}

.wapper .productsBox .pr-banner {
	width: 100%;
	height: auto;
	padding: 2% 10% 2% 10%;
	box-sizing: border-box;
	background: url(../library/mall/10000/images/layout/productsbg.jpg);
	background-size: 100vw;
}


.wapper .productsBox .pr-banner .video-box {
	width: 100%;
	height: auto;
	margin: 6% 0 2% 0;
	box-sizing: border-box;
	background-color: #202329;
	display: flex;
}

.wapper .productsBox .pr-banner .video-box .video {
	width: 60%;
	height: auto;
}

.wapper .productsBox .pr-banner .video-box .videolist {
	width: 40%;
	height: auto;
	padding: 0 2% 2% 2%;
	box-sizing: border-box;
}

.wapper .productsBox .pr-banner .video-box .videolist .headtitle {
	padding: 5% 0;
	box-sizing: border-box;
	border-bottom: 1px solid #37393f;
}

.wapper .productsBox .pr-banner .video-box .videolist .headtitle .tit {
	font-size: 1.5vw;
	font-weight: bold;
	color: #fff;
}

.wapper .productsBox .pr-banner .video-box .videolist .headtitle .amount {
	font-size: 14px;
	color: #a6a7a9;
}

.wapper .productsBox .pr-banner .video-box .videolist .list {
	padding: 5% 0;
	box-sizing: border-box;
	border-bottom: 1px solid #37393f;
}

.wapper .productsBox .pr-banner .video-box .videolist .list .listtile {
	font-size: 1vw;
	font-weight: bold;
	color: #fff;
}

.wapper .productsBox .pr-banner .video-box .videolist .list .lis-box {
	font-size: 14px;
	color: #a6a7a9;
}

.wapper .productsBox .pr-banner .video-box .videolist .list .lis-box li {
	padding: 1% 0;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.wapper .productsBox .pr-banner .video-box .videolist .linkBox {
	padding: 2% 0;
}

.wapper .productsBox .pr-banner .video-box .videolist .linkBox li {
	float: left;
	font-size: 14px;
	color: #a6a7a9;
	padding-left: 1vw;
	cursor: pointer;
}

.wapper .productsBox .pr-banner .video-box .videolist .linkBox li div {
	padding-left: 1.1vw;
}

.wapper .productsBox .pr-banner .video-box .videolist .linkBox li .share {
	background: url(../library/mall/10000/images/layout/link2.png) no-repeat left;
	background-size: 1vw;
}

.wapper .productsBox .pr-banner .video-box .videolist .linkBox li:hover .share {
	background: url(../library/mall/10000/images/layout/share1_09.png) no-repeat left;
	background-size: 1vw;
}

.wapper .productsBox .pr-banner .video-box .videolist .linkBox li .collection {
	background: url(../library/mall/10000/images/layout/link1.png) no-repeat left;
	background-size: 1vw;
}

.wapper .productsBox .pr-banner .video-box .videolist .linkBox li:hover .collection {
	background: url(../library/mall/10000/images/layout/share1_06.png) no-repeat left;
	background-size: 1vw;
}

.wapper .productsBox .pr-banner .video-box .videolist .linkBox li .mobile {
	background: url(../library/mall/10000/images/layout/link.png) no-repeat left;
}

.wapper .productsBox .pr-banner .video-box .videolist .linkBox li:hover .mobile {
	background: url(../library/mall/10000/images/layout/share1_03.png) no-repeat left;
}


/* 手机视频 */
@media screen and (max-width:1000px) {
	.wapper .productsBox .pr-banner {
		width: 100%;
		padding: 0;
	}
	
	.wapper .productsBox .pr-banner .video-box {
		width: 100%;
		height: auto;
		margin: 0;
		display: block;
	}
	
	.wapper .productsBox .pr-banner .video-box .video {
		width: 100%;
		height: auto;
	}
	
	.wapper .productsBox .pr-banner .route {
		display: none;
	}
	
	.wapper .productsBox .pr-banner .video-box .videolist {
		width: 100%;
		height: auto;
		padding: 0 2% 2% 2%;
		box-sizing: border-box;
	}
	
	.wapper .productsBox .pr-banner .video-box .videolist .linkBox ul {
		display: flex;
	}
	
	.wapper .productsBox .pr-banner .video-box .videolist .linkBox li {
		padding-left: 5vw;
	}
	
	.wapper .productsBox .pr-banner .video-box .videolist .linkBox li div {
		padding-left: 5vw;
	}
	
	.wapper .productsBox .pr-banner .video-box .videolist .linkBox li .share {
		background-size: 4vw;
	}
	
	.wapper .productsBox .pr-banner .video-box .videolist .linkBox li:hover .share {
		background-size: 4vw;
	}
	
	.wapper .productsBox .pr-banner .video-box .videolist .linkBox li .collection {
		background-size: 4vw;
	}
	
	.wapper .productsBox .pr-banner .video-box .videolist .linkBox li:hover .collection {
		background-size: 4vw;
	}
	
	.wapper .productsBox .pr-banner .video-box .videolist .linkBox li .mobile {
		display: none;
	}
	.wapper .productsBox .pr-banner .video-box .videolist .headtitle .tit {
		font-size: 15px;
	}
	
	.wapper .productsBox .pr-banner .video-box .videolist .list .listtile {
		font-size: 15px;
	}
	
}


/* 视频详情 */
.wapper .tailorism {
	padding: 5% 10%;
	box-sizing: border-box;
	background-color: #f1f4f7;

	display: flex;
}

.wapper .tailorism .zuoCont {
	width: 60%;
	height: auto;
}

.wapper .tailorism .zuoCont .title {
	font-size: 1.5vw;
	color: #252f42;
	font-weight: bold;
	padding: 2% 0;
	text-align: left;
}

.wapper .tailorism .zuoCont .contBox {
	width: 100%;
	padding: 5%;
	box-sizing: border-box;
	background-color: #fff;
}

.wapper .tailorism .zuoCont .contBox img {
	width: 100%;
}

.wapper .tailorism .youlist {
	width: 30%;
	padding-left: 5%;
}

.wapper .tailorism .youlist .title {
	font-size: 1.5vw;
	color: #252f42;
	font-weight: bold;
	padding: 3% 0 0 0;
	text-align: left;
}

.wapper .tailorism .youlist .listbox {
	width: 100%;
	height: auto;
}

.wapper .tailorism .youlist .listbox li {
	margin: 4% 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 1px -1px 4px 2px rgb(0, 0, 0, 0.1);
	padding: 2%;
	box-sizing: border-box;
	display: flex;
}

.wapper .tailorism .youlist .listbox li .pic {
	width: 40%;
	height: auto;
}

.wapper .tailorism .youlist .listbox li .pic img {
	width: 100%;
	height: auto;
}

.wapper .tailorism .youlist .listbox li .tai {
	width: 55%;
	padding-left: 5%;
}

.wapper .tailorism .youlist .listbox li .tai .tit {
	font-size: 16px;
	font-weight: bold;
	color: #252f42;
	margin: 4%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;

}

.wapper .tailorism .youlist .listbox li .tai .taibox {
	display: flex;
	justify-content: space-between;
}

.wapper .tailorism .youlist .listbox li .tai .taibox .taiyl {
	padding: 4px 8px;
	box-sizing: border-box;
	background-color: #ffd7ba;
	color: #f9862a;
	border-radius: 2px;
	font-size: 14px;
}

.wapper .tailorism .youlist .listbox li .tai .taibox .see {
	font-size: 14px;
	padding: 4px 1vw 4px 1.5vw;
	color: #c5c9d0;
	margin-left: 1vw;
	background: url(../library/mall/10000/images/layout/see.png) no-repeat left;
	background-size: 1.2vw;
}

/* 手机视频详情 */

@media screen and (max-width:1000px) {
.wapper .tailorism {
		padding: 5% 5%;
		display: block;
	}

	.wapper .tailorism .zuoCont {
		width: 100%;
		height: auto;
	}

	.wapper .tailorism .zuoCont .title {
		font-size: 26px;
		padding: 2% 0;
	}

	.wapper .tailorism .youlist {
		width: 100%;
		padding-left: 0;
		box-sizing: border-box;
	}

	.wapper .tailorism .youlist .title {
		font-size: 26px;
		color: #252f42;
		font-weight: bold;
		padding: 5% 0 2% 0;
	}

	.wapper .tailorism .youlist .listbox ul {
		display: grid;
		grid-template-columns: auto auto;
		grid-gap: 5%;
	}

	.wapper .tailorism .youlist .listbox li {
		display: block;
		border-radius: 4px;
		overflow: hidden;
	}

	.wapper .tailorism .youlist .listbox li .pic {
		width: 100%;
		height: auto;
	}

	.wapper .productsBox .pr-banner .video-box .videolist .headtitle .tit {
		font-size: 15px;
	}

	.wapper .productsBox .pr-banner .video-box .videolist .list .listtile {
		font-size: 15px;
	}

	.wapper .tailorism .youlist .listbox li .tai {
		width: 100%;
		padding-left: 0%;
	}

	.wapper .tailorism .youlist .listbox li .tai .tit {
		font-size: 13px;
		margin: 0;
		padding: 5% 0;
	}

	.wapper .tailorism .youlist .listbox li .tai .taibox .see {
		font-size: 12px;
		padding: 4px 1vw 4px 6.5vw;
		color: #c5c9d0;
		margin-left: 3vw;
		background: url(../library/mall/10000/images/layout/see.png) no-repeat left 40%;
        background-size: auto 70%;
		/* background-size: 4.2vw; */
        
	}

	.wapper .tailorism .youlist .listbox li .tai .taibox .taiyl {
		padding: 1px 3px;
		box-sizing: border-box;
        display: inline-block;
		background-color: #ffd7ba;
		color: #f9862a;
		border-radius: 4px;
		font-size: 13px;
        width: 35px;
        text-align: center;
        
	}
	}
	
	.content.recruit{
		padding: 4% 10% !important;
	}

.recruit-post .sat_list .stor_box .ad_tit span{
	display: none;
}
.recruit-post-list .delivery .del_box .mailbox .mailpic img{
	min-height: 35px;
}
.recruit-post .delivery .del_box .mailbox .mailpic img{
	min-height: 35px;
}
.recruit-post-list .sat_list .stor_box .ad_txt{
	padding: 1% 0 0 0;
}
.recruit-post-list .sat_list .stor_box .ad_li{
	padding: 3% 0 0 0;
}
.recruit-post-list .reportbox{
	padding: 5% 0;
}
/* .recruit-post-list .sat_list .stor_box .ad_li{
	padding: 3% 0 0 0;
} */
	.recruit-post-list .postCont .main .enterprisebox .tab-nav li{
		font-size:12px ;
	}
.recruit-post .sat_list .stor_box .ad_txt{
	padding: 1% 0 0 0;
}
/* 招聘美容美体 */
 .postCont .sortbox .screenbox .boxCont dl{
	display: flex;
	align-items: center;
}
.recruitcate .postCont .sortbox .screenbox .boxCont dd{
	display: flex;
	align-items: center;
}
.recruitcate .postCont .sortbox .screenbox .boxCont dd input{
	margin: 5px;
}
.recruitcate .postCont .sortbox .screenbox .boxCont .listIndex.listIndex2 dd:hover{
	background:unset;
}
.recruitcate .postCont .sortbox .screenbox .boxCont .listIndex1{
	display: flex;
	align-items: center;
}
.recruitcate .postCont .sortbox .screenbox .boxCont .listIndex1 dt{
	width: unset;
}
.recruitcate .postCont .sortbox .screenbox .boxCont .listIndex1 dd:hover{
	background:unset;
}

.delivery .del_box .mailbox.hov .deliv img{
	max-width: 100px;
	max-height: 100px;
}
 .pr_company .brief .pr_box{
	min-width: 500px;
}
/* 0329改菜单 */
.wapper .bus-nav ul{
		text-align: center;
		grid-gap: 2vw;
		display: flex;
		justify-content: center;
		grid-template-columns: unset;
}
.wapper .bus-nav{
		padding: 0 10% 0 10%;
}
@media screen and (max-width: 1000px){
	
	.recruitcate .postCont .sortbox .screenbox .boxCont .listIndex1 dd{
		padding: 0;
		padding-left: 10px;
	}
	.recruitcate .wapper .bus-nav{
		display: none;
	}
	.recruitcate .pageBox ul{
		justify-content: center;
		grid-gap: 1vw;
	}
	.recruitcate .postCont .Re_position .re_box .sortbox .sortlist dl{
		justify-content: flex-start;
	}
	.recruit-post .delivery .del_box{
		margin-top: 5%;
	}
	.recruitcate .wap-header1{
		padding: 2vw 0;
		box-shadow: unset;
	}
	.recruitcate .hasSelected{
		padding: 5% 0 25% 0;
	}
	.recruitcate .route{
		padding:0;
	}
	.pr_company .brief .pr_box{
		min-width: unset;
	}
	.sat_list .stor_box .ad_li li a{
		font-size: 12px;
	}
	/* 招聘商家 */
	.recruit-post .sat_list .stor_box {
		padding: 5% 0 20% 0;
		}
	.recruit-post .delivery .del_box .mailbox .mailpic img {
		height: 30%;
		min-height: 22px;
	}
	.recruit-post .delivery .del_box .mailbox{
		grid-template-columns: repeat(3, 10% 25% 42%);
		align-items: center;
		padding:0;
	}
	.recruit-post .delivery .del_box .mailbox .mailpic{
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.recruit-post .delivery .del_box .mailbox.hov{
		grid-template-columns: repeat(3, 10% 25% 26%);
		align-items: start;
		margin-bottom: 20px;
	}
	.recruit-post .delivery .del_box .mailbox.hov .mailpic{
		align-items: flex-start;
	}
	.recruit-post .re_position .postsbox .m-postslist .po_name{
		align-items: center;
	}
	.recruit-post .re_position .postsbox .m-postslist .po_name .wages{
		margin-left: 10px;
	}
	.recruit-post  .po_rightbox .interviewbox{
		padding: 5% 0 0 0;
	}
	.recruit-post .mapbtn a{
		padding: 2% 30%;
		font-size: 16px;
	}
	.recruit-post .po_rightbox .interviewbox .inter .interlist div{
		font-weight: unset;
	}
	.recruit-post .pr_company .po_rightbox .interviewbox .inter{
		padding: 5% 0 0 0;
	}
	.recruit-post .po_rightbox .interviewbox .inter .iv_title{
		font-size: 18px;
	}
	.recruit-post .route{
		padding: 0;
	}
	.recruit-post .postCont .banner{
		padding: 3% 5% 5% 5%;
	}
	.recruit-post .sat_list .stor_box .ad_tit span{
		display: none;
	}
	.recruit-post .sat_list .stor_box .ad_tit{
		margin-bottom: 2%;
	}
	/* 招聘职位详情 */
	.recruit-post-list .sat_list .stor_box {
		padding: 5% 0 2% 0;
		}
	.recruit-post-list .delivery .del_box .mailbox .mailpic img {
		height: 30%;
		min-height: 22px;
	}
	.recruit-post-list .delivery .del_box .mailbox{
		grid-template-columns: repeat(3, 10% 25% 42%);
		align-items: center;
		padding:0;
	}
	.recruit-post-list .delivery .del_box .mailbox .mailpic{
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.recruit-post-list .delivery .del_box .mailbox.hov{
		grid-template-columns: repeat(3, 10% 25% 26%);
		align-items: start;
		margin-bottom: 20px;
	}
	.recruit-post-list .delivery .del_box .mailbox.hov .mailpic{
		align-items: flex-start;
	}
	.recruit-post-list .re_position .postsbox .m-postslist .po_name{
		align-items: center;
	}
	.recruit-post-list .re_position .postsbox .m-postslist .po_name .wages{
		margin-left: 10px;
	}
	.recruit-post-list  .po_rightbox .interviewbox{
		padding: 5% 0 0 0;
	}
	.recruit-post-list .mapbtn a{
		padding: 2% 30%;
		font-size: 16px;
	}
	.recruit-post-list .po_rightbox .interviewbox .inter .interlist div{
		font-weight: unset;
	}
	.recruit-post-list .pr_company .po_rightbox .interviewbox .inter{
		padding: 5% 0 0 0;
	}
	.recruit-post-list .po_rightbox .interviewbox .inter .iv_title{
		font-size: 18px;
	}
	.recruit-post-list .route{
		padding: 0;
	}
	.recruit-post-list .postCont .banner{
		padding: 3% 5% 5% 5%;
	}
	.recruit-post-list .po_rightbox .interviewbox .inter .po_other .other_title{
		font-size:18px
	}
	.recruit-post-list .list_other li a .headbox .name{
		font-size: 16px;
		font-weight: unset;
	}
	.recruit-post-list .sat_list .stor_box .ad_tit span{
		display: none;
	}
	.recruit-post-list .sat_list .stor_box .ad_tit{
		margin-bottom: 2%;
	}
	.recruit-post-list .reportbox {
	    display: flex;
		padding: 2% 0;
	}
	.recruit-post-list .reportbox div a{
			font-size: 14px;
	}
	/* 搜索按钮 */
	.wap-header1 .search input[type=submit] {
	    border: none;
	    width: 28%;
	    height: 100%;
	    /* height: 50px; */
	    border-radius: 30px;
	    font-size: 16px;
	    outline: none;
	    float: left;
	    box-sizing: border-box;
	    cursor: pointer;
	    color: #FFFFFF;
	    background-image: linear-gradient(to right, #ada1a7, #7486a7);
	    transition: .5s all;
	}
	
}
 .postCont .sortbox .screenbox .boxCont dd select{
	width: 160px;
	height: 35px;
}
/* .recruitcate .code{
	position: absolute;
	bottom: 50px;
	padding: 10px;
	background: #fff;
	width: 100px;
	height: 100px;
} */
.recruitcate .code img{
	width: 100%;
	height:100%
}
.recruitcate .btn.btn2{
	position: relative;
}
.recruitcate .btn.btn2:hover .code{
	display: block;
}
.recruitcate .btn.btn2 .code{
	display: none;
}
.recruitcate .code{
        width:300px;
        height:300px;
        border: 5px solid #fe852d;
        position: relative;
		position: absolute;
		bottom: 60px;
		padding: 5px;
		background: #fff;
		width: 100px;
		height: 100px;
    }
   .recruitcate .code::after{
        content: "";
        position: absolute;
        right:60px;
        top:115px;
        width:0px;
        height:0px;
        border:10px solid transparent;
        border-top: 10px solid #fe852d;
    }
    .recruitcate .code::before{
        content: "";
        position: absolute;
        top:295px;
        left:180px;
        z-index: 1;
        width:0px;
        height: 0px;
        border: 30px solid transparent;
        border-top:30px solid #fff;  
}
.wapper .nav .search input[type=submit]{
	border: none;
	    width: 22%;
	    float: left;
	    height: 54px;
	    padding: 0 2%;
	    border-radius: 30px;
	    font-size: 16px;
	    outline: none;
	    box-sizing: border-box;
	    cursor: pointer;
	    color: #FFFFFF;
	    background-image: linear-gradient(to right, #ada1a7, #7486a7);
	    transition: .5s all;
}