/*默认设置*/

body{
    margin:0;
    padding: 0;
    font-size: 14px;
    width: 100%;
    height: 100%;
     background-color: #fff;
    font-family: '微软雅黑' !important;
    font-style: normal;
    zoom: 1;
    max-width: 1920px;
    margin: 0 auto !important;
}
/*去掉boostrap和ukit的默认样式*/
blockquote {
     border-left: 0 !important;
    padding-left: inherit;
    font-size: inherit !important;
    line-height: inherit;
}
ul{  margin: 0; padding: 0}

li{  list-style-type: none;  }

.content{  min-width: 1314px;  }
a{
    color: inherit;
    text-decoration: none;
    *display: inline; zoom: 1; cursor: pointer;
}
a:active,
a:hover {
    text-decoration: underline;
}

h2{
    margin: 0;
}

/* 首页 header*/

.bs_header{

    width: 100%;
    background-color: #EFF0F2;
}
.bs_content_setting,.bs_header_menu>div{
    margin: 0.5em auto;
    width: 1200px;  padding-bottom: 1.5em;
}

@media (max-width: 1023px) {
    .bs_content_setting {
        /*width:98% !important;*/
    }
}

.bs_content_setting{
    line-height: 29px;

}



.bs_header>.bs_content_setting>ul{
    right: 0;
    top: 0;

}
.bs_header>.bs_content_setting>ul>li,.m-menu>ul>li{
    float:left;
}
.bs_header>.bs_content_setting>ul>li{
    padding: 0 7px;
    line-height: 15px;
    margin: 7px 0;
    width: 50px;
}

.bs_header>.bs_content_setting>ul>li:nth-of-type(4){
    border-right: 1px solid #B3B3B3;
}

.close>ul li  {
    padding-left: 1em;
    line-height: 34px;
    border-bottom: 1px solid #ca1b38;
    border-top: 1px solid #FC214B;
}

.bs_header_sel{
    background-color: #fff;
    height: 90px;
}

.bs_list_menu{
    display: none;
    background-color: #fff;
    z-index: 4;
}
.bs_list_menu li{
    margin: 7px 0;
}
.bs_list:hover .bs_list_menu{
        display: block;
}




.bs_header_menu .m-catlog {
    width: 19%;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 15px;

}
.bs_header_menu .m-catlog-hd {
    position: relative;
    height: 37px;
    background: #FC214B;
    border-bottom: 1px solid #ca1b38;

}
.m-catlog-hd h2{
    padding-left: 1em;
    font-weight: bold;
    line-height: 37px;

}
.close li:hover{
    background:#E41A40;
}
.close{
    z-index: 4;
    height:0;
    position: relative;
    background: #FC214B;
    border-bottom: 1px solid #ca1b38;
    transition: all 300ms ease-out;
    overflow-y:hidden ;
}

/* 重写frozen样式*/
.m-index-newGoods .ico-label {
    /* right: 0; */
    top: 10px;
    z-index: 1;
}

.ui-progress {
    height: 4px;
}

.ui-progress span {
    background: #FDBA09;
}

.ui-btn-danger {
    color: #FFF !important;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #FC214B), to(#f75549));
}

.ui-btn {
    color: #FC214B;
    border: 1px solid #FC214B;
}


/*首页body*/
.bs_body{
    background-color: #fff;
}
.bs_body_mainl{
    margin-top: 282px;
    float: left;
    width: 19%;
    background: #FFE1BD;
}
.bs_body_mainl .padding-no-tb{
    padding-top: 5px;
    padding-bottom: 5px;
    color: #676566;
}

.bs_body_mainl .padding-no-tb span{
    font-size: 24px;
    font-style: italic;
    font-weight: normal;
    font-family: "Verdana";
    line-height: 20px;
    color: red;
}

.bs_body_new .new_title,.bs_body_new .new_period{
    margin: 2px 0 0 0; line-height: 20px;
}
.bs_body_new .new_period{
    margin: 2px 0 10px 0;
}

/*.border-no-rt:nth-of-type(4n){*/
    /*border-left:none;*/
/*}*/
.goods_setting{
    height: 360px; padding: 1em 1.5em;
}
.goods_setting2{
    height: 255px; padding: 1em 1.5em;
}


.goods_setting3{
    height: 403px  ;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom:0;
    padding-top: 0.7em;
}
.goods_setting4{
    height: 170px;padding: 2.5em 1em;
}
.goods_setting5{
    height: 420px; padding: 1em 1.5em;
}
.goods_setting6{
    height: 455px;; padding: 1em 1.5em;
}
/* 最新商品样式*/
.bs_content_setting .float-right h1{
    margin-top: 10px;
    height: 44px;
    line-height: 40px;
    background-color: #949AAA;
    color: #fff;
}

/*晒单分享样式*/
.bs_share_desc{
    padding: 3px 1.5em; background: #E6E7EC
}

.bs_body_content_third .goods_setting4 .title-break-multi,.bs_body_content_third .goods_setting4 p{
    margin-left: 172px;width: 210px;
}


/*正在参与样式*/

.bs_join_list{
    height: 91px !important;background-color:#F5F5F5;border:1px solid #E1E1E1;border-top: none
}
.bs_join_list:nth-of-type(2n){
    background-color: #fff;
}
.bs_join_list .border-box{
    left: 60px;top: 0; right: 0;
}


/*页脚样式*/
.bs_footer {
    border-top: 1px solid #D2D2D2;
    min-width: 1314px;
}

.bs_footer .bs_content_setting .bs_footer_l{
    width: 100% ;padding-left: 58px;
}
.bs_footer .bs_content_setting .bs_footer_l h5{
    margin-bottom: 6px;
    padding: 4px 0;
}
.bs_footer .bs_content_setting .bs_footer_l ul>li>ul li{
    line-height: 26px;
    list-style: disc inside;
    color: #7F7F7F !important;
}
.bs_footer .bs_content_setting .bs_footer_r{
    width: 46% ;
}
.bs_footer .bs_content_setting .bs_footer_r .g-side{
    padding-left: 40px; padding-right: 60px; overflow: hidden;
}
.bs_footer .bs_content_setting .bs_footer_r .g-side .g-side-l li{
    padding: 3px 0;   height: 34px; line-height: 34px;
}
.bs_footer .bs_content_setting .bs_footer_r .g-side .g-side-r>div{
    margin-top: 30px; padding: 10px;
}
.copyright div{
    margin-left: 5em;
}






/*swiper 样式*/
.swiper-container {


}

.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-button-next1,.swiper-container-rtl  .swiper-button-prev1,.swiper-button-next,.swiper-container-rtl  .swiper-button-prev{
    background-image: url("../images/p2.png");
    right: 10px;
    left: auto;
}
.swiper-button-prev1, .swiper-container-rtl .swiper-button-next1,.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("../images/p1.png");
     left: 10px;
    right: auto;
}
.swiper-button-next, .swiper-button-prev,.swiper-button-next1, .swiper-button-prev1 {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-container-horizontal>.swiper-pagination1 {
    bottom: -1px;
    left: 0;
    width: 100%;
}
.swiper-pagination1 {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}


.swiper-container-horizontal>.swiper-pagination1 .swiper-pagination-bullet {
    margin: 0 5px;
}


/*重写kkpager样式*/
#kkpager span .curr  {
    color: red;
    border: none;
    background: transparent;
    border-bottom: 3px solid;
    border-radius: inherit;
    padding: 3px 16px 3px 16px;
}

#kkpager a{
    border:none;    padding: 3px 16px 3px 16px;
}
#kkpager .pageBtnWrap>span:first-child,#kkpager .pageBtnWrap>a:first-child{
    background: #E5E6EB;
    color:#656567 ;
}
#kkpager a:last-of-type{
    background: #E5E6EB;
    color:#656567 ;

}
#kkpager a:hover {
     border: none;

}






.bs-w-1,
.bs-w-1-3,
.bs-w-1-4,
.bs-w-1-5,
.bs-w-1-2,
.bs-w-70,
.bs-w-4-5,.bs-w-80,
.bs-w-90,
.bs-w-2-3,
.bs-w-3-4,
.bs-w-300,
.bs-w-240,
.bs-w-230,
.bs-w-219,
.bs-w-40,
.bs-w-450
 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}
/*单元格布局父级标签需要加这个  ie浏览器不支持*/
.bs-w-g {
    letter-spacing: 0em;
    /* Webkit: collapse white-space between units; */
    text-rendering: optimizespeed;
    /* Webkit: fixes text-rendering: optimizeLegibility; */
    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
}


/*字体*/
.font-black{
    font-family: initial;
}

.font-song{
    font-family: '宋体';
}
.font-a{
    font-family: a
}
.font-Arail{
    font-family: Arial;
}
/*字体颜色*/
.color_inherit{  color: inherit !important; }
.color_8E{  color:  #8E8E8E;}
.color_FFF{  color:  #FFF;}
.color_EC{  color: #EC842F;}
.color_AAA{  color: #AAAAAA;}
.color_F08595{  color: #F08595 !important; }
.color_8695F2{  color: #8695F2 !important; }
.color_FDA688{  color: #FDA688 !important; }
/*.color_11244C{color:#818489 !important}*/
.color_112350{color: #112350 !important;}
.color_11244C{color:#11244C !important}
.color_D3D5E{color:#D3D5E1 !important}
.color_646665{color:#646665}
.color_676767{color: #676767!important}
.color_71A2EF{ color: #71A2EF !important}
.color_1C619C{ color: #1C619C !important}
.color_0374DA{ color:#0374DA !important}
.color_A4A5AA{ color:#A4A5AA!important}
/*通用样式*/

/*position*/
.poss{position:static !important;}
.posa{position:absolute !important;}
.posr{position:relative !important;}
.posf{position:fixed !important;}

.hidden{  display: none; }
.block{ display: block !important;}
.table{ display: table}
.table-cell{display: table-cell}
.inline-block{ display: inline-block;}


.float-left{ float: left}
.float-right{float: right}
.float-none{float: none !important;}
.clear-both{  clear: both;  }

.list-style-type-disc{
    list-style-type: disc;
}

.word-wrap{
    word-wrap: break-word;
}
.word-break{
    word-break: break-all;
}

.border-box{
    box-sizing: border-box;
}
.margin-right-0{
    margin-right:0 !important;
}
.margin-tb-12{
    margin-top: 12px;
    margin-bottom: 12px;
}
.xmargin-1{
    margin: 0.875em;
}
.small-margin-no-tb{  margin: 0 0.875em;  }
.margin-no-tb{  margin: 0 1em;  }
.margin-no-lr{     margin: 10px 0; }
.margin-horizontal{  margin:0 auto;  }
.xxmargin-top-1{
    margin-top: 10%;
}
.xmargin-top-1{
    margin-top: 5%;
}
.margin-top-8{
    margin-top: 8%;
}
.margin-top-1{
    margin-top: 1em;
}
.margin-left-1{
    margin-left: 1em;
}
.margin-right-1{
    margin-right: 1em;
}

.margin-bottom-1{
    margin-bottom: 1em;
}
.small-margin-bottom{
    margin-bottom: 0.5em;
}



.large-margin-top-1{
    margin-top: 1.5em;
}
.xlarge-margin-top-1{
    margin-top: 2em;
}
.large-margin-bottom-1{
    margin-bottom: 1.5em;
}

.margin-1-top{
    margin-top: -1px;
}
.margin-1-right{
    margin-right: -1px;
}

.margin-1-left{
    margin-left: -1px;
}

.padding-no{ padding: 0}
.padding-1{ padding: 1em}
.small-padding{ padding: 0.5em}
.xsmall-padding{ padding: 0.1em}
.padding-no-tb{  padding: 0 1em;  }

.padding-no-rl-10{  padding: 10% 0;  }

.padding-no-rl{  padding: 1em 0;   }
.padding-no-rl-3{  padding: 3em 0;   }
.padding-t{  padding-top: 1em;   }
.padding-r{  padding-right: 1em;   }
.padding-l{  padding-left: 1em;   }
.padding-b{  padding-bottom: 1em;   }
.padding-b-xsmall{padding-bottom: 0.5em}
.padding-t-xsmall{padding-top: 0.5em}
.large-padding-left{padding-left: 2em}
.overflow{  overflow: hidden;  }
.overflow-y{ overflow-y: hidden;}
.overflow-x{ overflow-x: hidden;}

.text-align-center{  text-align:center;  }
.text-align-left{  text-align:left;  }
.text-align-right{  text-align:right;  }

.vertical-align{  vertical-align: middle;  }
.vertical-top{  vertical-align: top;  }
.vertical-bottom{  vertical-align: bottom;  }

hr{
    width: 100%;
    border-bottom: 1px solid #EAEAEA;
}


/*宽度*/
.bs-w-1{  width: 100%;  }
.bs-w-40{  width: 40%;  }
.bs-w-30{  width: 30%;  }
.bs-w-1-4{  width: 25%;  }
.bs-w-1-5{  width: 20%;  }
.bs-w-18{  width: 18%;  }
.bs-w-1-2{  width: 50%;  }
.bs-w-70{  width: 70%;  }
.bs-w-4-5,.bs-w-80{  width: 80%;  }
.bs-w-3-4{width: 75%}
.bs-w-90{width:90%}
.bs-w-300{width: 300px}
.bs-w-240{  width: 241px;  }
.bs-w-230{  width: 230px;  }
.bs-w-450{  width: 450px;  }
.bs-w-219{  width: 219px;  }

.bs-w-1-3,
.bs-w-8-24 {
    width: 33.3333%;
    *width: 33.3023%;
}
.bs-w-2-3,
.bs-w-16-24 {
    width: 66.6667%;
    *width: 66.6357%;
}



/*border*/
.border-radius{
    border-radius: 5em;
}

.border-no{
    border:none;
}
.border-right-0{
    border-right:0 !important;
}
.border-rb{
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
}

.border-bttm{  border-bottom: 1px solid #E1E1E1;  }
.border-no-rl{
    border-bottom: 1px solid #E1E1E1;
    border-top: 1px solid #E1E1E1;  }
.border-dott-bttm{  border-bottom: 1px dotted #E1E1E1;  }
.border-dott-bttm-AB978E{  border-bottom: 1px dotted #AB978E;  }
.border-rgt{  border-right: 1px solid #E1E1E1;  }
.border{  border: 1px solid #E1E1E1;  }
.border-no-t{  border: 1px solid #E1E1E1; border-top: none }
.border-no-b{  border: 1px solid #E1E1E1; border-bottom: none }
.border-no-rt{
    border: 1px solid #E1E1E1;
    margin-top: -1px;
    margin-right: -1px;;
    box-sizing: border-box;

}
.border-no-tb{
    border-right: 1px solid #E1E1E1;
    border-left: 1px solid #E1E1E1;
    box-sizing: border-box;

}
.border-no-tb:last-of-type{
    border-right: 1px solid #E1E1E1;
    border-left: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    box-sizing: border-box;

}

.border-dott{
    border: 1px dotted #E1E1E1;
    box-sizing: border-box;
    margin-top: -1px;
    margin-right: -1px;;
}
.border-dott-no-lb{
    border: 1px dotted #E1E1E1;
    box-sizing: border-box;
    margin-top: -1px;
    margin-right: -1px;
    border-left: 0;
    border-bottom: 0;
}


.title-break {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    overflow-y: hidden;
    overflow-x: hidden;
    vertical-align: middle;

    height: 2.5em;
    overflow: hidden;
    word-wrap: break-word !important;
    text-overflow:ellipsis !important;
}
.title-break-single {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    overflow-y: hidden;
    overflow-x: hidden;
    vertical-align: middle;

    /*height: 1em;*/
    overflow: hidden;
    word-wrap: break-word !important;
    text-overflow:ellipsis !important;
}
.title-break-multi{
    overflow : hidden;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-align: left;
}
.title-break-double{
    overflow : hidden;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: left;
}

/*高度*/
.bs_h_30 {
    height: 40px;
}

/*行高*/
.lineH-normal{
    line-height: normal;
}
.lineH-2{
    line-height: 2;
}
.lineH-1-5{
    line-height: 1.5em
}
.lineH-3{
    line-height: 3em
}
.lineH-2-5{
    line-height: 2.5em
}
.lineH_40 {
    line-height: 40px;
}
.lineH_30 {
    line-height: 30px;
}

.lineH-20{
    line-height:20px;
}
.italic-font{
    font-style: italic;
}

.bold-font{
    font-weight: bold;
}
.normal-font {
    font-weight: normal !important;
}
.sub-font{
    font-size: 0.875em;
    color: rgb(119,119,119) !important;
}

.gray-font {
    color: #7F7F7F !important;
}

.green-font {
    color: rgb(28, 184, 65) !important;
}
.xsmall-font{
    font-size: 0.6em !important;
}
.small-font{
    font-size: 0.875em !important;
}
.font-12{
    font-size: 12px !important;
}
.font-14{
    font-size: 14px !important;
}
.font-16{
    font-size: 16px !important;
}
.font-20{
    font-size: 22px !important;
}
.middle-font{
    font-size: 1.2em;
}
.large-font{
    font-size: 1.5em;
}
.xlarge-font{
    font-size: 2em;
}
.xxlarge-font{
    font-size: 3em;
}
.black-font{
    color:#000;
}
.blue-font {
    color:#007AFF;
}
.blue-font-grey{
    color: #5C6175
}
.red-font{
   color: #FA224B
}
.dark-grey-font{
    color:#656567 ;
}
.grey-font-666{
    color: #666;
}

.background-trans{
    background-color: transparent !important;
}
.background-F2F5FA{
    background-color: #F2F5FA;
}
.background_F8{
    background: #F8F9FB !important;
}
.background_E5{
    background: #E5E6EB;
}
.background_white{
    background: #FFF;
}
.background_F4{
    background:#F4EDE5
}
.background_FF{
    background: #FFF0E3;
}
.background_FFF8EB{
    background: #FFF8EB;
}
.background_F2{
    background: #F2F3F7;
}
.background_EBEFF2{
    background: #EBEFF2;
}

/*招聘首页为什么选择我们背景颜色*/
.background_7CB3FF{
    background: #7CB3FF;
}
.background_98D97D{
    background: #98D97D;
}
.background_9BE5E2{
    background: #9BE5E2;
}
.background_AEA7E7{
     background: #AEA7E7;
 }
.background_F0C39F{
      background: #F0C39F;
  }

/*end*/

.copyright {
    color: #999999;
    font-size: small;
    text-decoration: none;
    margin-top: 1em;
    padding: 1em 0;
}






.bs-pop:target,.bs-masking:target{
    display:block;
    opacity:2;
    pointer-events: auto;
}
.bs-pop,.bs-masking{
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 4;
    width: 100%;
    height: 100%;
    /*display: none;*/
    /* [disabled]visibility: hidden; */
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    pointer-events: none;
}
.bs-masking div {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 64px;
    color: #FFFFFF;
}
.bs-pop > div {
    width: 80%;
    position: relative;
    background: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16%;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    font-size: 0.875em;
}

/*字体下面一条横线。注意。div要加posr*/
.dividing div{
    border-bottom: 1px solid #E5E5E5;
    top:13px;
    z-index: -1;
}
.dividing span{
    z-index: 4;
    width: 10%;
    background: #F4F4F4;
    display: inline-block;
}

/*自动水平垂直居中*/
.auto_center{
    display: table;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 100%;
}
.margin_auto {
    margin: 0 auto;
}

/*回到顶部*/
.fixed_rb {
    display: block;
    position: relative;
    bottom: 0;
    z-index: 3;
    overflow: hidden;
    background-image: url('../images/toTop.png');
    width: 50px;
    height: 50px;
    right: 0;
    border: 1px solid #e0e2e2;
    background-color:white ;
}

.fixed_rb:hover{
    /*background-position-y:50% ;*/
    background-image:url("../images/top2.gif") ;
}

/*.fixed_rb:active{*/
    /*background-position-y:100% ;*/
/*}*/


/*.area-pop:target{*/
    /*display:block;*/
    /*opacity:2;*/
    /*pointer-events: auto;*/
/*}*/
.area-pop{
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: -91;
    width: 100%;
    height: 100%;
    /*display: none;*/
    /* [disabled]visibility: hidden; */
    opacity: 0;
    filter:alpha(opacity=0);
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    pointer-events: none;
}

.opacity{
    opacity: 2;
    filter:alpha(opacity=100);
    pointer-events: auto;
    z-index: 999;
}