.newsitem{}
.newsitem .item{
    border: 1px solid #ddd;
}
/* .newsitem .item .imgbox{}
.newsitem .item .imgbox img{
    transition: all .5s linear;
} */
.newsitem .item .newsico{
    width: 100%;
    height: 24rem;
    background-size: cover;
    background-position: center;
    transition: all .5s linear;
}
.newsitem .item .line{
    width: 18%;
    height: 1px;
    background-color: #999;
    transition: all .5s linear;
}
.newsitem .item .tobig{
    background-color: rgba(0,0,0,.5);
    height: 20rem;
    opacity: 0;
    transition: all .5s;
}
.newsitem .item .imgbox:hover .tobig{
    opacity: 1;
    transition: all .5s;
    cursor: pointer;
}
.newsitem .item:hover .line{
    width: 100%;
    transition: all .5s linear;
}
/* .newsitem .item:hover .imgbox img{
    transform: scale(1.1);
    transition: all .5s linear;
} */
.newsitem .item:hover .newsico{
    transform: scale(1.1);
    transition: all .5s linear;
}
.loadmore{
    width: 20%;
    display: block;
    text-align: center;
    line-height: 46px;
    height: 46px;
    border: 1px solid #ddd;
    margin: 0 auto;
    margin-top: 30px;
}
.loadmore img{
    margin: 0 auto;
    margin-top: 14px;
}
.bg-gray {
    background: #F7F7F7;
}
.article{overflow:hidden}
.article h1{font-size:28px;font-weight:600;}
.article h2{font-size:24px;font-weight:600;margin:10px 0}
.article h3{font-size:20px;font-weight:600;margin:10px 0}
.article hr{margin:10px 0;height:1px}
.article strong{font-size:16px;margin:10px 0}
.article table tr.ue-table-interlace-color-single{background:#daf0fd}
.article p{font-size:16px;line-height:28px;margin-bottom:10px}
.article img{max-width:100%;height: auto !important;}
.article a{text-decoration:none;}
.article a:hover{color:#ff9600;border-bottom:0 solid #ff9600}
.article .text-right{text-align:right}


.sidebar-l {margin-right:30px}
.sidebar-r {margin-left:0px;}
.container-layout{max-width:1500px;}
.line-large {margin-left:-15px;margin-right:-15px}
.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12 {position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.title-l h2{line-height:28px;height:28px;color:#333;position:relative;font-size:18px;letter-spacing:0;padding-left:20px;margin-bottom:10px;}
.title-l h2:before {content:'';display:block;position:absolute;width:5px;height:20px;top:4px;background:#ff9600;left:0}
/* 纯文字列表  begin*/
.list-post-text li {padding:5px 0;}
.list-post-text li a{display:block;color: #666;}
.list-post-text li.dot a{padding-left:15px;position:relative;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list-post-text li.dot:hover a:before {background:#ff9600;}
.list-post-text li.dot a:before {content:'';position:absolute;left:0;background:#ccc;width:6px;height:6px;top:9px;border-radius:50%}
.list-post-text li.dot a:hover{color: #ff9600;}
/* 纯文字列表  end*/
.prod-recommend .item .img{
    overflow: hidden;
    border-radius: 10px;
}
.prod-recommend .item img{
    transition: all .5s;
}
.prod-recommend .item img:hover{
    transform: scale(1.1);
    transition: all .5s;
}
.pager p{
    font-size: 13px;
}

.nav2{
    /* background: url(../images/sortline.png) center center no-repeat; */
    /*width: 96%;*/
    /* height: 80px; */
    text-align: center;
    /* line-height: 60px; */
    font-size: 22px;
    color: #666;
    /* margin: 0 auto; */
}
.outletimg{
    height: 68vh;
    background-size: cover;
    background-position: center;
}
.messageimg{
    height: 52vh;
    background-size: cover;
    background-position: center;
}
.bg-333{
    background-color: #3986FF;
}
.join .shopsearch{
    width: 332px;
}
.join .shopsearch img{
    margin: 0 auto;
}
.join .sortname {
    position: relative;
    color: #eee;
}
.join .sortname1 {
    color: #333;
}
.join .sortname .subtitle{
    font-size: 40px;
    font-weight: 400;
    color: #ECECEC;
    display: block;
}
.join .sortname .title{
    font-size: 30px;
    font-weight: bold;
    color: #2B2D2F;
    margin-top: -1.5rem;
}
.join .sortname img{
    margin: -30px auto 0;
    /* margin-top: -30px; */
}
.join .search{
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    background-color: #828282;
    padding: 15px 12px;
}
.join .search input{
    background-color: transparent;
    color: #000;
    border: 0;
    width: 100%;
    line-height: 1;
}
.join .search img{
    width: 20px;
}
.join .search img:hover{
    cursor: pointer;
}
.join .shop .result{
    width: 100%;
    background-color: #828282;
    padding: 12px;
    height: 36vh;
    overflow-y: scroll;
}
.join .shop .result .item{
    line-height: 26px;
    padding-bottom: 8px;
    border-bottom: 1px solid #999;
    padding: 5px;
}
.join .shop .result .item:last-child{
    padding-bottom: 0;
    border-bottom: 0;
}
.join .shop .result .item p:nth-child(1){
    color: #000;
}
.join .shop .result .item p:nth-child(2){
    color: #444;
}
.join .formbox{
    width: 70%;
    margin: 50px auto 0;
    line-height: 30px;
    text-align: center;
}
.join .formbox input{
    width: 100%;
    margin: 0 auto;
    border: 0;
    background: #fff;
    margin-bottom: 15px;
    padding: 12px;
}
.join .formbox select{
    width: 100%;
    margin: 0 auto;
    border: 0;
    background: #fff;
    margin-bottom: 15px;
    padding: 12px;
}
.join textarea{
    background-color: #fff;
    color: #000;
    border: 0;
    padding: 0 10px;
    width: 100%;
    padding: 12px;
    height: 90px;
}
.join button{
    background-image: linear-gradient(to right, rgba(50,92,222,0.7), rgba(31,69,191,1));
    color: #fff;
    padding: 8px 20px;
    margin-top: 10px;
    border-radius: 5px;
}
.join input:focus{
    outline: none;
}
.join input[placeholder], [placeholder], [placeholder] {
    color: #000;
}
.join input::input-placeholder{
    color: #000;
}
.join input::-webkit-input-placeholder { 
    color: #000;
}
.join textarea:focus{
    outline: none;
}
.join textarea[placeholder], [placeholder], [placeholder] {
    color: #000;
}
.join textarea::input-placeholder{
    color: #000;
}
.join textarea::-webkit-input-placeholder { 
    color: #000;
}

.swiperbox{}
.swiperbox .swiper{
    padding: 0 2px;
}
.swiperbox .sprev{
    position: absolute;
    left: -40px;
    top: 40%;
    width: 28px;
    height: 40px;
    z-index: 99;
    /* background-color: #eee; */
    background: url(../images/zuo.png) no-repeat;
    background-size: 100%;
}
.swiperbox .snext{
    position: absolute;
    right: -40px;
    top: 40%;
    width: 28px;
    height: 40px;
    z-index: 99;
    /* background-color: #eee; */
    background: url(../images/you.png) no-repeat;
    background-size: 100%;
}







@media (max-width: 1536px) {
    .newsitem .item .newsico{
        height: 20rem;
    }
}

@media (max-width: 1280px) {
    .newsitem .item .newsico{
        height: 20rem;
    }
}