body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font-family:"微软雅黑",HELVETICA;-webkit-text-size-adjust:100%;}
a{color:#172c45;text-decoration:none}
a:hover{text-decoration:none}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
body{background:gray}  


#sposp{max-width:750px;width:100%;margin:0px auto;background:#fff;padding-bottom:50px;}
#sposp .sposp_mian{width:100%;box-sizing:border-box;padding:10px;}
#sposp h1{background:var(--color);text-align:center;font-size:4rem;line-height:200%;color:var(--textColor);box-sizing:border-box;padding:10px 0px;}
#sposp_footer{width:100%;box-sizing:border-box;padding:50px 10px;font-size:2rem;line-height:200%;text-align:center;background:#000;color:#999}

.sound{font-size:16px;line-height:200%;}
.sound i{padding-right:10px;}
.sposp_tab{display:flex; flex-wrap:wrap;justify-content:space-between;flex-direction:row}
.sposp_tab .tab_list{width:30%;margin-top:20px;box-shadow:0px 1px 5px #dfdfdf;}
.sposp_tab .tab_list img{width:100%}
.title{margin-top:20px;}
#sposp_submit{background:var(--color)!important;color:var(--textColor)!important}
.layui-flow-more{width:100%!important;display:block;text-align:center}


/*
* 产品列表
*/

.sposp_list{display:flex; flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.list_one{width:48%;margin-top:20px;box-shadow:0px 1px 5px #dfdfdf;position:relative;}
.list_one .img img{width:100%;border-top-left-radius:5px;border-top-right-radius:5px}
.list_one .text{background:var(--productBgColor);color:var(--producTextColor);box-sizing:border-box;padding:10px;}
.list_one .text p:nth-child(1){font-size:4rem;line-height:200%}
.list_one .text p:nth-child(2){font-size:3rem;line-height:30px}
.list_one .text p:nth-child(2){display:flex; flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.list_one .text p:nth-child(2) b{font-weight:500;}
.list_one .text p:nth-child(2) b i{font-size:5rem;line-height:30px}
.list_one .hot {position: absolute; top: 0;right: 0;width: 44px;height: 25px;background-color: #ff4733;border-radius: 0px 6px 0px 6px;color:var(--producTextColor); font-size: 12px;text-align: center;line-height: 20px;color:yellow;}
.underline{text-decoration: line-through;font-size:3rem;line-height:200%;padding-left:10px;color:#999}   


#talk{display:flex;} 
#talk>div:nth-child(1){width:40px;font-size:25px;line-height:40px;text-align:center}
#talk>div:nth-child(1) i{font-size:25px;}
#talk>div:nth-child(2){flex:1;font-size:14px;line-height:40px;}

.sposp_product_body{width:100%;overflow:hidden;}    
.sposp_product_body img{width:100%!important;height:auto!important}

.product_bottom{position:fixed;bottom:0px;left:0px;width:100%;z-index:99999999999}  
.product_bottom_mian{display:flex;;max-width:750px;width:100%;margin:0px auto}
.product_bottom_mian>div:nth-child(1){width:80px;background:var(--color);color:var(--textColor);text-align:center}
.product_bottom_mian>div:nth-child(1) i{font-size:5rem;line-height:80px;color:var(--textColor)}
.product_bottom_mian>div:nth-child(2){flex:1;background:#ff5722;font-size:5rem;line-height:80px;color:var(--textColor);text-align:center} 
.product_bottom_mian>div:nth-child(2) i{font-size:5rem;line-height:80px;margin-right:10px;margin-left:-40px;color:var(--textColor)}
.product_bottom_mian a{;color:var(--textColor);text-decoration:none;display:block}

.product_desc{width:100%;background:var(--color);box-sizing:border-box;padding:10px 5px;color:#fff;}
.product_desc .product_desc_title{display:flex;justify-content:space-between;align-items:flex-end}
.product_desc .product_desc_title>div:nth-child(1){font-size:6rem;line-height:200%;width:70%;color:var(--textColor)}
.product_desc .product_desc_title>div:nth-child(2){text-align:right;font-size:4rem;line-height:40px;width:30%;;color:var(--textColor)}

.product_desc .product_desc_text{display:flex;justify-content:space-between;}
.product_desc .product_desc_text>div{width:50%}
.product_desc .product_desc_text>div:nth-child(1){font-size:5rem;line-height:40px;;color:var(--textColor)}
.product_desc .product_desc_text>div:nth-child(2){text-align:right;font-size:4rem;line-height:40px;color:var(--textColor)}

  
.order{box-sizing:border-box;padding:10px;}
.select_box{box-sizing:border-box;padding:3px 10px;width:100%!important}

#shipment{background:#fff;height:150px;overflow:hidden;line-height: 45px;box-sizing:border-box;padding:0px 10px;}
#shipment ul li{font-size:16px;line-height:35px;}

#bottom_a{position:fixed;bottom:0px;left:0px;width:100%;background:rgba(0,0,0,0);box-sizing:border-box;padding:0px 10px;}
#bottom_a .mian{max-width:750px;width:100%;margin:0px auto;background:#000;font-size:22px;line-height:70px;text-align:center;cursor:pointer;color:#fff;font-weight:700;letter-spacing:1px}
#bottom_a .mian img{width:100%} 

#container_small_tip{background:#ffffff;position:relative; overflow:hidden; font-size:20px;	width:100%;height:36px;line-height:36px;  }
#content_small_tip{position:absolute; left:0; 	top:0; 	white-space:nowrap; color: #EBEEF7;}





/*
* 基于复选框和单选框的卡片风格多选组件
* 需要具备一些基础的 CSS 技能，以下样式均为外部自主实现。
*/
/* 主体 */
.layui-form-checkbox>.lay-skin-checkcard,
.layui-form-radio>.lay-skin-checkcard {
display: table;
display: flex;
padding: 12px;
white-space: normal;
border: 1px solid #e5e5e5;
color: #000;
background-color: #fff;
}
.layui-form-checkbox>.lay-skin-checkcard>*,
.layui-form-radio>.lay-skin-checkcard>* {
/* display: table-cell; */  /* IE */
vertical-align: top;
}
/* 悬停 */
.layui-form-checkbox:hover>.lay-skin-checkcard,
.layui-form-radio:hover>.lay-skin-checkcard {
border-color: #16b777;
}
/* 选中 */
.layui-form-checked>.lay-skin-checkcard,
.layui-form-radioed[lay-skin="none"]>.lay-skin-checkcard {
color: #000;
border-color: #16b777;
background-color: rgb(22 183 119 / 10%) !important;
/* box-shadow: 0 0 0 3px rgba(22, 183, 119, 0.08); */
}
/* 禁用 */
.layui-checkbox-disabled>.lay-skin-checkcard,
.layui-radio-disabled>.lay-skin-checkcard {
box-shadow: none;
border-color: #e5e5e5 !important;
background-color: #eee !important;
}
/* card 布局 */
.lay-skin-checkcard-avatar {
padding-right: 8px;
}
.lay-skin-checkcard-detail {
overflow: hidden;
width: 100%;
}
.lay-skin-checkcard-header {
font-weight: 500;
font-size: 16px;
white-space: nowrap;
margin-bottom: 4px;
}
.lay-skin-checkcard-description {
font-size: 13px;
color: #5f5f5f;
}
.layui-disabled  .lay-skin-checkcard-description{
color: #c2c2c2! important;
}
/* 选中 dot */
.layui-form-checked>.lay-check-dot:after,
.layui-form-radioed>.lay-check-dot:after {
position: absolute;
content: "";
top: 2px;
right: 2px;
width: 0;
height: 0;
display: inline-block;
vertical-align: middle;
border-width: 10px;
border-style: dashed;
border-color: transparent;
border-top-left-radius: 0px;
border-top-right-radius: 6px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 6px;
border-top-color: #16b777;
border-top-style: solid;
border-right-color: #16b777;
border-right-style: solid;
overflow: hidden;
}
.layui-checkbox-disabled>.lay-check-dot:after,
.layui-radio-disabled>.lay-check-dot:after {
border-top-color: #d2d2d2;
border-right-color: #d2d2d2;
}
/* 选中 dot-2 */
.layui-form-checked>.lay-check-dot-2:before,
.layui-form-radioed>.lay-check-dot-2:before {
position: absolute;
font-family: "layui-icon";
content: "\e605";
color: #fff;
bottom: 4px;
right: 3px;
font-size: 9px;
z-index: 12;
}
.layui-form-checked>.lay-check-dot-2:after,
.layui-form-radioed>.lay-check-dot-2:after {
position: absolute;
content: "";
bottom: 2px;
right: 2px;
width: 0;
height: 0;
display: inline-block;
vertical-align: middle;
border-width: 10px;
border-style: dashed;
border-color: transparent;
border-top-left-radius: 6px;
border-top-right-radius: 0px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 0px;
border-right-color: #16b777;
border-right-style: solid;
border-bottom-color: #16b777;
border-bottom-style: solid;
overflow: hidden;
}
.layui-checkbox-disabled>.lay-check-dot-2:before,
.layui-radio-disabled>.lay-check-dot-2:before {
color: #eee !important;
}
.layui-checkbox-disabled>.lay-check-dot-2:after,
.layui-radio-disabled>.lay-check-dot-2:after {
border-bottom-color: #d2d2d2;
border-right-color: #d2d2d2;
}
.lay-ellipsis-multi-line {
overflow: hidden;
word-break: break-all;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}