/*登录*/
body{ background-color: #fff; }
.login_logo{ height: 142px; line-height: 142px; font-size: 24px; color: #181818; }
.login_logo img{  float: left; margin-top: 30px; }
.login_logo span{ float: left; padding-left: 20px; }
.mall_banner{ display: block; height: 520px; width: 100%; background:url(../Images/mall_banner.png) no-repeat top center; }

.mall_banner{ position: relative; }

.login_greet{position: absolute; width: 306px;  top: 60px; left: 50%; margin-left: 200px; background-color: #fff; padding:20px 20px 40px;}
.login_greet h1{ text-align: center; font-size: 16px; line-height: 35px; }
.greet_form{ padding-top: 30px; }
.login_greet .layui-input-block{  position: relative;   margin-left: 0px; min-height: 38px; }
.login_greet .layui-input-block .layui-input{padding-left: 50px;}
.login_greet .layui-input-block i{ border-right: 1px solid #DDDDDD; position: absolute; left: 1px; top: 1px; height: 36px;line-height: 36px; width: 38px; background: #F5F5F5; text-align: center;  text-align: center; }
.login_greet .forget{ color: #0677CD; line-height: 20px; float: right; }
.login_greet .layui-input-block .straight{ width: 100%; background: #CD1120;border-radius:4px; }


.authentica{ width: 306px; padding:20px; display: none; }
.authentica h2{ color: #181818; line-height: 28px; font-size: 16px; text-align: center; font-weight: bold; }
.authentica h2 span{ color: #aaa; font-size: 12px; font-weight: normal; }
.authentica .layui-input-block{  position: relative;   margin-left: 0px; min-height: 38px; }
.authentica .layui-input-block .layui-input{padding-left: 50px;}
.authentica .greet_form .layui-input-block i{ border-right: 1px solid #DDDDDD; position: absolute; left: 1px; top: 1px; height: 36px;line-height: 36px; width: 38px; background: #F5F5F5; text-align: center;  text-align: center; }
.authentica .layui-input-block .straight{ width: 100%; background: #CD1120;border-radius:4px; }
.authentica .greet_form {
    padding-top: 15px;
}
.layui-input.codes{ width: 180px; }
button.send_codes{ height: 36px;width: 120px; color: #fff; background-color: #CD1120;  line-height: 36px; text-align: center;  border:1px solid #ddd;  position: absolute; right: 0; top: 0; }


.effective{ height: 320px; }

/*商城首页*/


.supplies{ background:url(../Images/shop_bg.png) no-repeat center top; }
.option_tab{ background: #fff; border:1px solid #ddd;     margin: 0px 0!important; }
.option_tab .layui-tab-title{ background-color: #F2F2F2; font-size: 16px; color: #666; }
.option_tab .layui-tab-title .layui-this{background-color: #fff; border-top:2px solid #CD1120; color: #CD1120;}
.option_tab .layui-tab-title li{font-size: 16px;}
.option_tab .layui-tab-title li:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 40px;
    border-width:0 1px 0 0;
    border-style: solid;
    border-bottom-color: #fff;
    border-right-color:#ddd;
    border-radius: 0px 0px 0 0;
    box-sizing: border-box;
    pointer-events: none;
}
.option_tab .layui-tab-title .layui-this:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 39px;
    border-width: 1px;
    border-style: solid;
    border-bottom-color: #fff;
    border-radius: 2px 2px 0 0;
    box-sizing: border-box;
    pointer-events: none;
}

.option_tab .layui-tab-content{padding:20px 15px 15px;}
.effective .swiper-wrapper{ padding-bottom: 30px;}
.effective .swiper-pagination-bullets{ bottom:0px!important;   }

.effective .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 1; 
    background: url(../Images/college_icon_06.jpg) no-repeat center center!important;
   vertical-align:middle;
}
.effective .swiper-pagination-bullet-active {
    opacity: 1;
    width: 16px;
    height: 16px;
    background: url(../Images/college_icon_03.jpg) no-repeat center center!important;
    vertical-align:middle;
}


.timelimit{ background-color: #fff; display: inline-block; }
.limit_box{ float: left; text-align: center; color: #fff; width: 188px; height: 311px; background: url(../Images/limit.png) no-repeat center top; }
.limit_box i{ margin:20px auto; background: url(../Images/times_icon.png) no-repeat center top; width: 32px; height: 57px; display: block;}
.limit_box h1{ font-size: 24px; padding-top: 50px; }
.limit_box h2{ font-size: 16px; }
.limit_box h3{ font-size: 12px; line-height: 40px; padding-top: 10px;}
.limit_box .times_ds span{ display: inline-block; width: 30px; height: 30px; line-height:30px; text-align: center; background-color: #181818; font-size: 22px; font-weight: bold; }
#t_s{ display:none; }
.limit_box .times_ds em{ width: 20px; line-height: 30px; text-align: center; display: inline-block; font-style: normal; }

.time_lsy{ width: 166px!important; margin:10px 18px 0; }
.time_lsy:last-child:after { display: none; }

.commodity_title{ text-align: center; padding:5px 0 10px; }

#row-container {width: 1200px;display:none;}
#row-container .title {font-size:14px;background-color:#fff ;display:flex;justify-content: space-between;padding: 20px 239px 20px;width:1200px;box-sizing:border-box;}
.rowDetail .commodity_lsy{width: 1200px;box-sizing:border-box; padding:23px 21px 8px; height: 180px; background-color: #fff; margin:0; display: flex;border-bottom: 1px solid #BBB;}
.rowDetail .commodity_lsy h1{ width: 195px; height: 130px; margin:0; }
.rowDetail .commodity_lsy h1 img { width:195px; height:130px;}
.rowDetail .commodity_lsy h2 { position:absolute; top:60px; right:234px; font-size:20px;}
.rowDetail .commodity_lsy h3 { position:absolute; top:22px; left:258px;font-size: 14px;color: black; font-size:14px;}
.rowDetail .commodity_lsy p { position:absolute; top:50px; left:258px;font-size: 14px;color: black;}
.rowDetail .commodity_lsy h4 .stock{ position:absolute; top:84px; left:258px;font-size: 14px; color:black;}
.rowDetail .commodity_lsy h4 .equipage{position:absolute; top:85px; left:364px;}
.rowDetail .commodity_lsy .join_buy{ width:124px; height:30px;position:absolute; top:111px; left:258px;}
.commodity_tab{ margin: 15px 0 10px!important; position:relative;}

.commodity_tab .layui-tab-content{ padding:7px 0!important; }
.commodity_tab .layui-tab-title{ text-align: center; background-color: #fff; height: 30px; line-height: 30px; padding:15px 0; }
.commodity_tab .layui-tab-title li{ padding:0 15px;margin:0 30px; height: 30px; line-height: 30px; }
.commodity_tab .layui-tab-title li:after {
    position: absolute;
    left: 30px;
    top: 0;
    content: '';
    width: 100%;
    height: 30px;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #ddd;
    border-radius: 2px 2px 0 0;
    box-sizing: border-box;
    pointer-events: none;
}
.commodity_tab .layui-tab-title li:last-child:after{ display: none; }
.commodity_tab .layui-tab-title .layui-this{ background-color: #CD1120; color: #fff; border-radius: 35px; }
.commodity_tab .more { color: blue; display: inline-block; position: absolute; top: 19px; right: 40px; }
.commodity_tab .square { width:24px; height: 24px; display: inline-block; position:absolute; top:19px; right: 60px;}
.commodity_tab .row { width:24px; height: 24px; display: inline-block; position:absolute; top:19px; right: 20px;}

.levitate{ display: none; width: 38px; top: 0; right: 0; position: fixed; height: 100%; background-color:#fff; box-shadow:-3px 0px 16px 0px rgba(86,86,86,0.2); }
.levitate .lev_box{ position: relative; top: 50%; margin-top: -100px; }
.levitate .lev_box li{ font-size: 12px; color: #181818; text-align: center; padding:10px 0; line-height: 15px; }
.levitate .lev_box li i{ width: 20px; height: 20px; display: block; margin:0 auto; margin-bottom: 5px; }
.levitate .lev_box .usy01{background: url(../Images/levitate01s.png) no-repeat center center;}
.levitate .lev_box .usy02{background: url(../Images/levitate02.png) no-repeat center center;}
.levitate .lev_box .usy03{background: url(../Images/levitate03.png) no-repeat center center;}

.levitate .lev_box .avatar{ display: none; width: 200px; height: 168px; position: absolute; top: 0; right: 38px; background-color: #F5F5F5; }
.levitate .lev_box .avatar h1{ line-height: 12px; height: 80px; font-size:12px; color: #181818; width: 100%; padding-top: 10px; background-color: #fff; }
.levitate .lev_box .avatar h1 i{ width: 40px; height: 40px; border-radius: 50%; overflow: hidden; display: block; margin:0px auto; margin-bottom: 0px; }
.levitate .lev_box .avatar h1 i img{ width:40px; height: 40px; }
.levitate .lev_box .avatar h2{ border-top: 1px solid #ddd; font-size:12px; padding:0 10px; }
.levitate .lev_box .avatar h2 a{ width: 33%; margin-top: 15px; color: #666; }
.levitate .lev_box .avatar h2 a:hover{ color: #CD1120; }
.levitate .lev_box .avatar h2 i{width: 30px; height: 30px; display: block; margin:0 auto; margin-bottom: 5px; }
.levitate .lev_box .avatar .ava_01 i{background: url(../Images/levitate04.png) no-repeat center center;}
.levitate .lev_box .avatar .ava_02 i{background: url(../Images/levitate05.png) no-repeat center center;}
.levitate .lev_box .avatar .ava_03 i{background: url(../Images/levitate06.png) no-repeat center center;}

.levitate .lev_box li.users:hover{ background-color: #CD1120; color: #fff; }
.levitate .lev_box li.users:hover>a{ color: #fff; }
.levitate .lev_box li.users:hover .usy01{background: url(../Images/levitate01.png) no-repeat center center;}
.levitate .lev_box li.users:hover .avatar{ display: inline-block; }
.solls_top{ display: none; width: 24px; height: 39px; position: fixed; right: 5px; bottom: 20px; background: url(../Images/shop_top.png) no-repeat center center; }


/*商城列表*/
.location{ padding:15px 0; }
.location .layui-breadcrumb a{ font-size: 14px; color: #181818!important; }
.location .layui-breadcrumb a.onthis_red{ color: #CD1120!important; }
.location .layui-breadcrumb a:hover{    color: #181818!important;}

.regimentation{ background-color: #fff; border-width: 1px 0 1px; border-color: #ddd; border-style: solid; }
.regim_cont{ padding:10px 20px; }
.regim_cont li{ border-bottom: 1px dashed #ddd; padding:10px 0; }
.regim_cont li a{ display: inline-block; height: 36px; margin:0 10px; line-height: 36px; width: auto; text-align: center;}
.regim_cont li .regim_on{ background-color: #f6e8ea; border-radius: 4px; width: auto; color: #CD1120;}
.regim_cont li a:hover{ border-radius: 4px;  color: #CD1120;}
.regim_cont li:last-child{ border:none; }
.auction{ height: 40px; color: #aaa; line-height: 40px; padding:0 20px; background-color: #fff; border-width: 1px 0 1px; border-color: #ddd; border-style: solid;}
.auction .sales{ float:right;}
.auction .sales a{ color:#666; padding:0 10px 0 0px;}
.auction .sales .highlow{ padding:0 18px 0 5px; display: inline-block; position: relative;}
.auction .square {
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    top: 9px;
    right: 155px;
}

.auction .row {
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    top: 9px;
    right: 125px;
}
.highlow .low_01,.highlow .low_02{ cursor: pointer; position: absolute; font-size: 14px; right: 0; width: 12px;  display: block;}
.highlow .low_01{ top: 8px; color: #aaa; }
.highlow .low_02{ bottom: 9px; }
.highlow em { font-style: normal; }
.producter{ width: 1220px; margin-left: -7px; padding:7px 0!important; }

.laypage{text-align: center;}
.laypage1{text-align: center;}
.laypage2{text-align: center;}
.laypage3{text-align: center;}
.laypage4{text-align: center;}
.pages_bot{ padding:15px 0;}
.pages_bot a,.pages_bot span{  margin: 0 3px; font-size: 14px; }
.pages_bot span{ color: #aaa; }
.pages_bot a{border:1px solid #ddd; cursor: pointer; display: inline-block; background-color: #F5F5F5; color: #A7A7A7; height: 36px; line-height: 36px; width: 36px; border-radius: 2px; }
.pages_bot a.nextpage{ padding: 0 10px; width: 60px; border-radius: 2px; }
.pages_bot a.thispage{ background-color: transparent; border:none; color: #181818;}
.pages_bot  input{  background-color: #F5F5F5; padding: 12px 0; text-align: center; border:none; width: 36px; border-radius: 2px; border:1px solid #ddd;}
.pages_bot  button{ cursor: pointer; background-color: #F5F5F5; color: #A7A7A7; padding: 12px 20px; border-radius: 20px; border:none;}

.pages_bot span.nextpage{ height: 36px; line-height: 36px; display: inline-block; padding: 0 10px; width: 36px; border-radius: 20px; background-color: #F5F5F5; color: #A7A7A7;  }



/*详情*/

.dateil_content{ background-color: #fff; padding:15px;  }
.dateil_pic{ width: 400px; float: left; }
.dateil_cont{ float: right; width: 743px; }
.dateil_box{ border-bottom: 1px dashed #ddd; height: 386px;}
.dateil_cont h1{ 
 width: 580px; 
line-height: 22px;
max-height: 45px;
font-size: 16px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; 
color: #181818;
margin:10px 0 5px;
 }
.dateil_cont h2{
   font-size: 10px;  line-height: 18px;
   color: #aaa;
    width: 580px; 
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 
    margin:5px 0;
}
.dateil_cont h3{ padding:5px 0 15px; color: #ddd; font-size: 12px; line-height: 20px; }
.dateil_cont h3 .divide{ color: #E4000A; font-size: 18px; line-height: 20px; padding-right: 5px; font-style: italic; font-weight: bold; }
.dateil_cont h3 .divide i{ margin-right: 5px;}

.dateil_cont h3 .branch{ color: #181818; font-size: 14px;padding:0 5px; }

.rebate{ background-color: #f6d4d7; height: 54px; display: block; width: 100%; float: left;}
.rebate:after{ clear: both;  }
.rebate span{  }
.rebate .bate_01{ padding:0 5px 0 15px; font-size: 30px; color: #CD1120; display: inline-block; line-height: 54px; float: left; font-weight: bold; }
.rebate .bate_01 em{ font-size: 16px; font-style: normal; }
.rebate .bate_02{font-size:14px; color: #666666; line-height: 54px; text-decoration: line-through;display: inline-block; padding:0 5px;}
.rebate .bate_03{
    width:67px;
    height:22px;
    background:linear-gradient(268deg,rgba(255,209,163,1) 0%,rgba(218,51,1,1) 100%);
    border-radius:2px;
    display: inline-block;
    text-align: center; color: #fff;
    clear: both;
}
.property{ padding:10px 0; float: left;}
.money{ float: left; width: 100%; clear: both;background: #fae7e8; height: 43px; line-height: 43px; }
.specifi{width: 90px; display: inline-block; padding-left: 15px; font-size: 14px; color: #aaa;}
.reduce{ color: #181818; font-size: 14px; }
.reduce i{ width: 38px; height: 22px; border-radius: 2px;line-height: 22px; text-align: center; background: #fbbdc1; display: inline-block; color: #CD1120; font-style: normal; margin-right: 5px;} 
.standard{ line-height: 28px; display: inline-block; clear: both; padding:5px 0; }
.sort_spec{ width: 635px; float: right; }
.sort_spec li{ margin:5px 30px 5px 0; padding:0 10px; float: left; line-height: 28px; border:1px solid #ddd; border-radius:2px; }
.standard .specifi{ padding-top: 6px;}
.sort_spec li a{ color: #181818; }
.sort_spec li.on_sory{ border:1px solid #CD1120;}
.sort_spec li:hover a,.sort_spec li.on_sory a{color: #CD1120;}

.shopcart{ padding:20px 0; float: left;}
.shopcart .equipage{ width: 65px; border:1px solid #ddd; height: 40px; float: left; position: relative; }
.shopcart .equipage .add,.shopcart .equipage .min{ line-height: 20px; background-color: #fff; border:1px solid #ddd; width:22px; height: 20px; position: absolute; right: 0; color: #666; }
.shopcart .equipage .add{top: 0; }
.shopcart .equipage .min{ bottom: 0; }
.shopcart .jon_mun{ text-align: center; padding:0 0 0 0px; height: 40px; width:40px; border:none; background-color: none; }
.buycar{ float: left; padding-left: 25px; }
.buycar .layui-btn{border-radius:4px;width:144px;
height:40px; line-height: 40px; color: #fff; font-size: 16px; text-align: center; background: #CD1120;}

.recommend{ width: 200px;  float: left; background-color: #fff; }
.reco_tite{ line-height: 40px; font-size: 16px; padding-left: 27px; padding-top: 10px; color: #181818;font-weight:600; }
.recon_box{ margin:0 auto; width: 150px; }
.recon_list{ padding:12px 0; position: relative; }
.recon_list h2{ width: 150px; height: 150px; overflow: hidden; display: block; }
.recon_list h3{ padding:10px 0 7px; }
.recon_list h3 span{ color: #CD1120; font-size: 14px; font-weight: bold; padding-right: 10px; }
.recon_list h3 span i{font-style: normal; font-size: 12px;}
.recon_list h3 small{ font-size: 12px; text-decoration: line-through; color: #aaa; }

.recon_list h4 { padding:2px 0 0; }


.recon_list h4 span { font-size: 12px; color: #aaa; float: right; }

.discount{ text-align: center; font: 12px; line-height: 15px; color: #fff; width: 39px; height: 45px; position: absolute; top: 12px; right: 0; background:url(../Images/discount.png) no-repeat;  }
.discount span{padding-top: 4px; display: block;}

.introduct{ width: 1200px;  background: #fff; float: right; }
.introduct .layui-tab{ margin:0!important; }
.introduct .layui-tab-brief>.layui-tab-title .layui-this {
    color: #CD1120;
}
.introduct .layui-tab-title{height: 50px; line-height: 50px; }
.introduct .layui-tab-brief>.layui-tab-more li.layui-this:after, .introduct .layui-tab-brief>.layui-tab-title .layui-this:after {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #CD1120;
    height: 50px; line-height: 50px;
}
.introduct .layui-tab-title li{ font-size: 16px; padding:0 20px; height: 50px; line-height: 50px; }

.duction_content{ text-align: center; }
.average{ padding:10px; }
.aver_box{  }
.aver_box h1{ color:#aaa; font-size: 14px; }
.aver_box h2{ padding:15px 0; color: #E4000A; font-size: 24px; line-height: 20px;  font-style: italic; font-weight: bold;}
.aver_box h2 i{ margin-left: 8px; }
.star_big{ background:url(../Images/details_icon01.png) no-repeat; width: 94px;height: 18px; display: inline-block; }
.star_md01{background-position:-76px  0; }
.star_md02{background-position:-56px  0; }
.star_md03{background-position:-36px  0; }
.star_md04{background-position:-18px  0; }
.star_md05{background-position:0px  0; }

.aver_box h3{ line-height: 33px; font-size: 14px; color: #181818; padding-left: 20px;
height:33px;
background:rgba(242,242,242,1);}

.aver_list{ border-bottom: 1px solid #ddd; font-size: 12px; color: #181818; padding:18px 0;}
.aver_list h1{font-size: 12px;}
.aver_list h2{padding:10px 0;}
.star_small{display: inline-block; width: 66px; height: 13px; background:url(../Images/details_icon03.png) no-repeat;  overflow: hidden;
}
.star_xs01{background-position:-53px  0;}
.star_xs02{background-position:-39px  0;}
.star_xs03{background-position:-26px  0;}
.star_xs04{background-position:-13px  0;}
.star_xs05{background-position:0px  0;}

.aver_list h3{ font-size: 14px; color: #181818; line-height: 20px; width: 720px;}
.aver_list h4{ padding: 10px 0 0px; font-size: 12px; color: #aaa; line-height: 20px;}
.aver_list h4 span{ float: right; }

.incandescent{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 50px; background-color: #fff;}

.incandescent .layui-tab-brief>.layui-tab-title .layui-this {
    color: #CD1120;
}
.incandescent .layui-tab-title{height: 50px; line-height: 50px; padding-left:210px }
.incandescent .layui-tab-title li{ font-size: 16px; padding:0 20px; height: 50px; line-height: 50px; }
.incandescent .layui-tab-title .layui-this:after {
        border: none;
    border-radius: 0;
    border-bottom: 2px solid #CD1120;
    height: 50px;
    line-height: 50px;
}
.incandescent .layui-tab-title .layui-this{color: #CD1120;}
.posi_buy{ position: absolute; right: 0px; top: 0px; }


.switch {
     width: 37px;
     height: 20px;
     display: block;
     margin: 0px auto;
     border-radius: 25px;
     position: relative;
     background: #fff;
     padding: 10px 0;
     box-sizing: border-box;
 }

.switch .switch-row,
.switch .switch-circle,
.switch input {
    position: absolute;
}
.switch .switch-row {
    top: 50%;
    left: 0;
    width: 100%;
    height: 13px;
    transform: translateY(-50%);
    border-radius: 30px;
    background: #a7a5a6 ;
}

.switch .switch-circle {
    left: 0;
    top: 0;
    width: 20px;
    height: 100%;
    border-radius: 50%;
    background: #efefef;
    z-index:1;
}


.switchs {
    width: 37px;
    height: 20px;
    display: block;
    margin: 0px auto;
    border-radius: 25px;
    position: relative;
    background: #fff;
    padding: 10px 0;
    box-sizing: border-box;
}

.switchs .switch-row,
.switchs .switch-circle,
.switchs input {
    position: absolute;
}
.switchs .switch-row {
    top: 50%;
    left: 0;
    width: 100%;
    height: 13px;
    transform: translateY(-50%);
    border-radius: 30px;
    background: #aabbfd ;
}

.switchs .switch-circle {
    right: 0;
    top: 0;
    width: 20px;
    height: 100%;
    border-radius: 50%;
    background: #5677fc;
    z-index:1;
}