/**mainstyle.css**/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form {margin: 0; padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
a{ color: #585858; text-decoration:none; }
/*搜索框  */
.input_box { width: 100%; padding-top: 5px; padding-bottom: 5px; position: relative;}
.input_box img { position: absolute;z-index: 1;left:6%;top:18px; width:19px; height: 20px; }
.input_box input { position: relative; background: #d9d9d9;width:85%; line-height:36px; border-radius: 35px;  font-size: 16px; margin: 5px auto;display:block; text-overflow: clip; overflow:hidden; white-space:normal;  border-style: none; padding:0 0 0 40px;}

/*    搜索界面  */
.search_interface { width: 0%; height: 0%; position: fixed; right: 0px; bottom: 0px;background: #fff; z-index: 100; overflow: hidden;}
.input_box_flex { width: 100%; height: 50px; line-height: 50px; align-items: center; display: flex; flex-direction: column; justify-content: space-around; background: #f1f1f1;}
.input_box_flex input { background: #fff;}

/* 历史搜索  */
.history {display: flex; flex-direction: column; width: 100%; height: 150px;}
.history_flex { display: flex; flex-direction: row; justify-content: space-between; font-size: 14px; width: 95%; margin: 10px auto; color: #a8a8a8;}
.close { width: 95%; margin: 25px auto;}
.labels { width: 90%; margin: 10px auto; height: auto; display: flex; flex-direction: row; flex-wrap: wrap; font-size: 15px; color: #505050;}
.label { margin-left: 15px;  background: #a8a8a8; padding: 5px; color: #fff; border-radius: 2px; margin-top: 15px;}


/*轮播图   */
.banner{width:100%;height:200px;}
.container {position: relative; width:100%; height: 433px; overflow: hidden; }
.list { position: absolute;z-index: 1; /*几个图加起来的宽度*/ width: 4320px; height: 433px;}
.list img {float: left; width:1080px; height: 433px;}
.buttons {position: absolute;left: 250px; bottom: 20px;z-index: 2;height: 10px;}
.buttons span {float: left; margin-right: 5px; width: 10px;height: 10px; border: 1px solid #fff; border-radius: 50%; background: #333;cursor: pointer; }
.buttons .on { background: orangered; }
.arrow { position: absolute; top: 180px;z-index: 2; display: none; width: 40px; height: 40px;  font-size: 36px;  font-weight: bold;  line-height: 39px;   text-align: center; color: #fff; background-color: RGBA(0, 0, 0, .3); cursor: pointer; }
.arrow:hover { background-color: RGBA(0, 0, 0, .7); }
.container:hover .arrow { display: block; }
.prev { left: 20px; }
.next { right: 20px;}

/*导航图标   */
.nav_btn { width: 25%;text-align: center;color: #585858; margin: 5px 0; float:left;}
.nav_btn .title_name{ font-size:14px; line-height:34px;}
.nav_btn img { width:100%;height: 100%;}
.block{ width:100%; height:20px; background-color:#f1f1f1; margin-top:20px; display:block; float: left;}

/*新品上市 tittle */
.title_box {width: 92%;display: inline-block; height: 40px;background: #fff; margin: 10px 0; line-height: 40px;}
.title_left {width: 50%;font-size: 24px; font-weight: bold;display:block;margin-left:15px;}
.title_left span { font-weight: bold;font-size:24px;color: #429f04;}

/*新品上市----产品  */
.Bigw{background: #f1f1f1;}
.New_Box_flex {background: #f1f1f1; width:96%; display: inline-block; flex-wrap: wrap;margin-left:2%;margin-bottom:10px;}
.goods_box {width: 49%; height:auto;background: #fff; text-align: center; display:block; margin-top:10px; float:left;}
.goods_box2 {width: 49%; height:auto;background: #fff; text-align: center; display:block; margin-top:10px; float: right;}
.goods_imgBox { padding:5px;}
.goods_imgBox img{ width:95%;}
.goods_title { font-size:0.8rem ;width: 90%; margin: 0 auto; color: #303030;text-align:left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.price_message { margin:10px;display: flex;justify-content: space-between;}
.goods_price {font-size:0.8rem; color: #f81313; float:left;  line-height: 20px;  height: 20px;}
.goods_btn { height: 20px; line-height: 20px;color: #707070;margin-right: 0;font-size:0.5rem; float: right; clear:both;}

/*   底部切换  */
.bottom_tabr {position: fixed; width: 100%; height: 60px; align-items: center; bottom: 0px;display: flex; flex-direction: row;justify-content: space-around;background: #f7f7fa;padding-top: 5px; border-top: 1px solid #c2c2c4; z-index: 1000;}
.all_style_tabr { width:20%; display: flex; flex-direction: column; text-align:center; font-size:14px; color: #707070;}
.all_style_tabr img{ display:block; width:30px; height:30px; margin:0 auto;}
.all_tabr_img{ margin:0 auto;}
.all_style_tabr span {  display: block; margin-top: 5px; }


/*商品*/
.goods_header{
    position: fixed;
    width:100%;
    background:white;
    z-index:500;
    top:0;
}
.swiper-slide{width: auto!important;padding:0 20px;}
.topmenu{height:2rem;background-color: white;padding: 0 10px;line-height:2rem;font-family:microsoft yahei;font-size:1rem;}
.swiper_active{
    border-bottom:0.2rem solid green;
}
.fillter{font-size:0.8rem;color:#666;width:90%;height:2rem;line-height:2rem;margin:auto;padding-top:0.5rem;}
.fillter_left{
    float:left;
}
.fillter_left span{
    margin-right:20px;
}
.fillter_right{
    float:right;
}
.fillter_active{
    color:red;
}
.goods_content_materials{
    background:#f1f1f1;
    margin-top:6rem;
    width:100%;
}
.goods_content{
    background:#f1f1f1;
    margin-top:8rem;
    width:100%;
}
/*弹出筛选*/
.fillter-pop{
    position:fixed;
    width:80%;
    z-index:1000;
    top:0;
    right:0;
}
.window_left{
    max-height:508px;
    overflow-y: auto;
    background: white;
    display:none;
    margin:auto 0;
    -webkit-overflow-scrolling:touch;
}
.window_title{
    text-align: center;
    padding-top:1.5rem;
}

/* 关于我们 */
.about_banner{ width: 100%; text-align: center;}
.about_banner img {width: 100%;}
.text_box { width: 90%; margin: 0 auto; padding: 0 15px;}
.text_box h1{ display: block; font-size: 20px; font-weight: bold; margin-top: 15px; margin-bottom: 10px;}
.text_box h1 span{ color: #9d9d9d; font-weight: 200; margin-left: 5px;}
.text_box .text{ font-size: 16px; line-height: 22px; color: #373737;}
.text_box .text p{ display: block; margin-bottom: 10px;}
.text_box .text p span{ color: #ff6000;}
.block2{ width: 100%; height: 15px; background-color: #f1f1f1; margin-top: 20px;}
.block_s{  width: 100%; height: 2px; background-color: #f1f1f1; margin-top: 20px;}
.contect_us{width: 90%; margin: 0 auto; padding: 0 15px;}
.contect_us h2{ text-align: center;  display: block; font-size: 18px; font-weight: bold; margin-top: 15px; color: #3c3c3c;}
.contect_us h3{ color: #3c3c3c;  margin-bottom: 10px; text-align: center; }
.contect_us p{ display: block; margin-bottom: 10px; line-height: 24px; font-size: 16px; color: #373737;}
.map {width: 95%;margin: 0 auto;}


/* 欧式构建 */
.oushi_box{ width: 100%; text-align: center;}
.oushi_box img{ width: 100%; display: block;}

/* 动态新闻 */
.color{ background-color: #f1f1f1;}
.solo_box01 { background:#fff;padding:15px 20px;justify-content:space-between; height:60px;}
.solo_box { background:#fff;padding:10px 20px;justify-content:space-between; margin-top: 10px; height:60px;}
.solo_message{display:flex;flex-direction:column;justify-content:space-between; margin: 0 auto; line-height: 20px; font-size: 14px;}
.solo_message p{ display: block;}
.m_time{color:#959595;text-align:right;font-size:14px;float:right;}
/* 个人中心 */
.my_banner{ width: 100%; background-image: url(../images/mine_bj.jpg); background-repeat: no-repeat; padding: 30px 0;}
.b_center{ width: 70%; margin: 0 auto; text-align: center;}
.b_center h1{ font-size: 20px; color: #ffffff; display: block; margin-bottom:5px;}
.Order{ width: 100%;}
.Order_btn { width: 25%;text-align: center;color: #585858; margin: 20px 0; float:left;}
.Order_btn .title_name{ font-size:14px; line-height:34px;}
.Order_btn img { width:50%;}
.my_block{ width:100%; height:15px; background-color:#f1f1f1; display:block; float: left; margin-bottom: 15px;}
.my_cent{ width: 100%; display: flex;}
.my_list{ width: 100%; height: 60px; line-height: 50px; padding: 10px 10px;}
.my_list .left_btn{ width:46px; height: 46px; float: left; margin: 0 10px; position:relative; top: 50%; transform: translateY(-50%);}
.my_list .right_btn{ width:15px; height: 29px; float: right; margin: 0 10px;  position:relative; top: 30%; transform: translateY(-30%);}
.my_list .right_btn img{ width: 70%;}
.my_list p{ float: left; position:relative; top: 35%; transform: translateY(-35%);}
.my_line{ width: 100%; height: 1px; background-color:#f1f1f1;}

/* 足迹 */
.block_foot{width: 100%; height: 15px; background-color: #f1f1f1;}
.footlist{ width: 100%; height: inherit; padding: 20px 0; display: flex;}
.list_left{ width: 35%; text-align: center; float: left;}
.list_left img{ width: 80%;}
.list_right{ width: 55%; float: left;display:flex;flex-direction:column;justify-content:space-between;}
.list_right p{ font-size: 14px; line-height: 20px; font-weight: bold; color: #303030; word-break: break-all; text-overflow: ellipsis;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; }
.list_right .price{ display: flex;  line-height: 30px; justify-content:space-between;}
.list_right .price h1{ font-size: 26px; font-weight: bold; color: #fa2323;}
.list_right .price h3{ font-size: 14px; color: #959595;}

/* 订单 */
.block_order{width: 100%; height: 10px; background-color: #f1f1f1; display: flex;}
.calcu{width:100%;height:35px;display:flex;flex-direction:column;justify-content:space-around;border-bottom:1px solid #c9c9c9;font-size:14px;color:#4a4848;}
.price2{ text-align: right; margin-right: 10%;}
.pay_button{width:180px;height:30px;flex-direction:column;justify-content:space-around;font-size:14px;color:#4a4848; float: right; margin-right: 10%; margin-top: 15px; margin-bottom: 15px;}
.order-btn1{width:80px;height:25px;line-height:25px;text-align:center;border-radius:15px;border:1px solid #626262; float: left;}
.order-btn2{border:1px solid #e11010;color:#e11010; width:80px;height:25px;line-height:25px;text-align:center;border-radius:15px;margin-left:10px; float: left;}