html{-webkit-text-size-adjust: none;}
body{font-size:14px;line-height: 20px;font-family:'微软雅黑','Helvetica Neue',Helvetica,Arial,'Microsoft YaHei','WenQuanYi Zen Hei','WenQuanYi Micro Hei'; color:#32404b;}
*{margin:0; padding:0;box-sizing: border-box;}
img{ border:none;display:block;}
ul,li{list-style:none;}
em, i, u { font-style: normal;}
button, input, optgroup, option, select, textarea {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;outline: 0;}
a{ text-decoration: none; outline: none; color:#32404b;cursor: pointer;-webkit-tap-highlight-color:transparent}
a:link, a:visited {text-decoration: none; outline: none;}
em,i{font-style:normal;}
input, textarea{-webkit-appearance: none;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0); border: none;}
button{ cursor: pointer; -webkit-appearance: none;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0); border: none;}
input[type="checkbox"]{ -webkit-appearance: checkbox;-moz-appearance: checkbox;appearance: checkbox;}
table{display: table; border-collapse: separate; border-spacing: 2px; border-color: grey; border-collapse: collapse; border-spacing: 0;background-color: transparent;}
thead{display: table-header-group; vertical-align: middle; border-color: inherit;}
tbody{display: table-row-group; vertical-align: middle; border-color: inherit;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
.clearfix:after{clear:both;display:block;content:"";height:0;line-height:0;visibility:hidden;}
.clearfix{zoom:1;}
input::placeholder,textarea::placeholder {color: #999;}
textarea{width: 100%;padding: 10px; box-sizing: border-box;font-size: 12px;color: #666;resize:none;}

/* 网站页面导航 */
.pageGps a{color: #666666; margin: 0 5px;}
.pageGps .curr{color: #02B4A8;}

.heightAuto{height: auto!important;}

.bordGary{border: 1px solid #b3b9c7;}
.borderB1{border-bottom: 1px solid #e9eaec;}
.bordBno{ border-bottom: none;}
.f5H5{height: 5px; background: #f5f5f5;}
.f5H10{ height: 10px; background: #f5f5f5;}
.f5bj{background: #f0f3f8;}
.whiteBj{background: #fff;}
.mainBj{ background: #02b4a8;}
.w{width: 100%;}
.w:after,.w:before{ content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/* 排序图标 */
.sort_icon{width: 20px;float: right;height: 20px;text-align: center;padding: 2px 0;}
.sort_icon .arrow{display: block;height: 8px;line-height: 8px;font-size: 14px;}

/* 小标签 */
.sm-tags span{float: left;margin:15px 15px 0 0;border-radius: 5px;font-size: 12px;border: 1px solid #eee;padding: 0 5px;line-height: 18px;text-align: center;}
.sm-tags span:last-child{margin-right: 0;}
.sm-tags span .iconfont{font-size: 14px;}
/* 7个标签颜色 */
.sm-tags span.tagcolor0{color: #5ed458;border-color: #5ed458;}
.sm-tags span.tagcolor1{color: #fe8372;border-color: #fe8372;}
.sm-tags span.tagcolor2{color: #46d0c8;border-color: #46d0c8;}
.sm-tags span.tagcolor3{color: #8384f3;border-color: #8384f3;}
.sm-tags span.tagcolor4{color: #92f986;border-color: #92f986;}
.sm-tags span.tagcolor5{color: #f9be55;border-color: #f9be55;}
.sm-tags span.tagcolor6{color: #5578f9;border-color: #5578f9;}
.sm-tags span.tagcolor7{color: #ff5bcd;border-color: #ff5bcd;}
.sm-tags span.tagcolor8{color: #fe8372;border-color: #fe8372;}
.sm-tags span.tagcolor9{color: #46d0c8;border-color: #46d0c8;}
.sm-tags span.tagcolor10{color: #8384f3;border-color: #8384f3;}
.sm-tags span.tagcolor11{color: #92f986;border-color: #92f986;}
.sm-tags span.tagcolor12{color: #f9be55;border-color: #f9be55;}
.sm-tags span.tagcolor13{color: #5578f9;border-color: #5578f9;}
.sm-tags span.tagcolor14{color: #ff5bcd;border-color: #ff5bcd;}
.sm-tags span.tagcolor15{color: #fe8372;border-color: #fe8372;}
.sm-tags span.tagcolor16{color: #46d0c8;border-color: #46d0c8;}
.sm-tags span.tagcolor17{color: #8384f3;border-color: #8384f3;}
.sm-tags span.tagcolor18{color: #92f986;border-color: #92f986;}
.sm-tags span.tagcolor19{color: #f9be55;border-color: #f9be55;}
.sm-tags span.tagcolor20{color: #5578f9;border-color: #5578f9;}


/*浮动*/
.fl{ float:left;}
.fr{ float:right;}
.fn{ float:none}
.cl{ clear:both;}
.mc { margin: 0 auto;}

.pf{position: fixed;}
.pr{position: relative;}
.oh{overflow: hidden;}
.center{text-align: center;}
.text-L{text-align: left;}
.text-R{text-align: right;}
.cl{clear: both;}
.pdlr4{padding: 0 4%;}
.mglr4{margin: 0 4%;}
.boxShaow{box-shadow: 0 0 8px rgba(0,0,0,0.3);}

.mainColor{ color: #02b4a8;}
.red{color: red;}
.white{color: #FFF;}
.color2{color:#222;}
.color3{color: #32404b;}
.color6{color: #696e80;}
.color9{color: #b3b9c7;}
.color5{color: #555;}
.price{color: #e90419;}
.price::before{content:"￥";}
.orange{color: #ff911b;}
.yuanPrice{text-decoration: line-through}

.radius5{border-radius:5px;}
.radius8{border-radius:8px;}
.radius10{border-radius:10px;}
.arrowR{width: 8px; height: 13px; display: block; margin-left: 5px;}

/* 弹框背景 */
.modal-container{width: 100vw;height: 100vh;z-index: 999999;background-color: rgba(0,0,0,0.5);display: none;align-items: center;justify-content: center;position: fixed;top: 0;right: 0;bottom: 0;left: 0;}
.black-bj,.black-bj2 {background: #000;opacity: 0.5;position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 40;display: none; }
.closebtn{ position:absolute; right:10px; top:10px; height:20px; text-align:center; line-height:20px; cursor:pointer;}
/* 关闭按钮 */
.closeBtn{ position: absolute; top: -40px; left: 50%;transform: translateX(-50%); width: 22px; height: 22px; border-radius: 50%; font-size: 23px; color: #eee; border:1px solid #eee; line-height: 22px; text-align: center;}
.w1200{ width: 1200px; margin:0 auto;}
.w1100{ width: 1100px; margin:0 auto;}

/* 标题 */
.pubtit{padding: 50px 0 35px 0;font-weight: bold;}
.pubtit .title{ font-size: 26px;line-height: 30px;text-transform: uppercase;}
.pubtit .text{padding-top:10px;font-size:16px; }
.pubtit .tagLis span{padding: 0 20px;line-height: 24px;text-align: center;font-size: 13px;border: 1px solid #b3b9c7;border-radius: 30px;display: block; margin: 0 10px 10px 0;display: inline-block;font-weight: normal;}
.pubtit .tagLis span.on{background-color: #02b4a8;color: #fff;border: 1px solid #02b4a8;}
.pubtit .tagLis span:hover{border-color: #02B4A8;color: #02B4A8;}
.seeMoreBtn{width: 120px;height: 40px;line-height: 40px;border-radius: 5px;text-align: center;border: 1px solid #fdba13;margin-top: 50px;}
.seeMoreBtn .arrow{width: 12px;height: 12px;margin-left: 5px;}

.h44{ height: 44px;}
.h50{ height: 50px;}
.h100{ height: 100px;}

/* Font */
.ftw{font-weight: bold;}
.ftn{font-weight: normal;}

.fs8{font-size: 8px;}
.fs9{font-size: 9px;}
.fs10{font-size: 10px;}
.fs12{font-size: 12px;}
.fs13{font-size: 13px;}
.fs14{font-size: 14px;}
.fs15{font-size: 15px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs22{font-size: 22px;}
.fs24{font-size: 24px;}
.fs30{font-size: 30px;}
.fs36{font-size: 36px;}

/* Spacing */
.line20{line-height: 20px;}
.line22{line-height: 22px;}
.line24{line-height: 24px;}
.line26{line-height: 26px;}
.line30{line-height: 30px;}
.line36{line-height: 36px;}
.line40{line-height: 40px;}
.line44{line-height: 44px;}
.line50{line-height: 50px;}

/* Margin */
.mg0{margin: 0 auto;}
.mg5{margin: 5px;}
.mg10{margin: 10px;}
.mg15{margin: 15px;}
.mg20{margin: 20px;}
.mg30{margin: 30px;}
.mg40{margin: 40px;}
.mg50{margin: 50px;}

.mgt5{ margin-top: 5px;}
.mgt10{ margin-top:10px; }
.mgt15{ margin-top:15px; }
.mgt20{ margin-top:20px; }
.mgt30{ margin-top:30px; }
.mgt40{ margin-top:40px; }
.mgt50{ margin-top:50px; }

.mgr5{margin-right: 5px;}
.mgr10{margin-right: 10px;}
.mgr15{margin-right: 15px;}
.mgr20{margin-right: 20px;}
.mgr30{margin-right: 30px;}
.mgr40{margin-right: 40px;}
.mgr50{margin-right: 50px;}

.mgl5{margin-left: 5px;}
.mgl10{margin-left: 10px;}
.mgl15{margin-left: 15px;}
.mgl20{margin-left: 20px;}
.mgl30{margin-left: 30px;}
.mgl40{margin-left: 40px;}
.mgl50{margin-left: 50px;}

.mgtb5{ margin:5px 0;}
.mgtb10{ margin:10px 0;}
.mgtb15{ margin:15px 0;}
.mgtb20{ margin:20px 0;}
.mgtb30{ margin:30px 0;}
.mgtb40{ margin:40px 0;}
.mgtb50{ margin:50px 0;}

.mglr5{ margin:0 5px;}
.mglr10{ margin:0 10px;}
.mglr15{ margin:0 15px;}
.mglr20{ margin:0 20px;}
.mglr30{ margin:0 30px;}
.mglr40{ margin:0 40px;}
.mglr50{ margin:0 50px;}

.mgb5{margin-bottom: 5px;}
.mgb10{ margin-bottom:10px; }
.mgb15{margin-bottom: 15px;}
.mgb20{margin-bottom: 20px; }
.mgb30{margin-bottom: 30px;}
.mgb40{margin-bottom: 40px;}
.mgb50{margin-bottom: 50px;}

/* Padding */
.pd10{padding:10px;}
.pd20{padding: 20px}
.pd25{padding: 25px;}
.pd30{padding: 30px;}
.pd40{padding: 40px;}

.pdlr10{padding:0 10px;}
.pdlr20{padding:0 20px;}
.pdlr30{padding:0 30px;}
.pdlr40{ padding:0 40px;}

.pdt5{ padding-top: 5px;}
.pdt10{ padding-top: 10px;}
.pdt15{ padding-top: 15px;}
.pdt20{padding-top: 20px;}
.pdt30{padding-top: 30px;}
.pdt40{padding-top: 40px;}
.pdt50{padding-top: 50px;}

.pdb5{ padding-bottom: 5px;}
.pdb10{padding-bottom: 10px;}
.pdb15{padding-bottom: 15px;}
.pdb20{padding-bottom: 20px;}
.pdb30{padding-bottom: 30px;}
.pdb40{padding-bottom: 40px;}
.pdb50{padding-bottom: 50px;}
.pdb80{padding-bottom: 80px;}

.pdl5{ padding-left: 5px;}
.pdl10{padding-left: 10px;}
.pdl20{padding-left: 20px;}
.pdl30{padding-left: 30px;}
.pdl40{padding-left: 40px;}
.pdl50{padding-left: 50px;}

.pdr5{ padding-right: 5px;}
.pdr10{padding-right: 10px;}
.pdr20{padding-right: 20px;}
.pdr30{padding-right: 30px;}
.pdr40{padding-right: 40px;}
.pdr50{padding-right: 50px;}

.pdtb10{padding:10px 0;}
.pdtb15{padding:15px 0;}
.pdtb20{padding:20px 0;}
.pdtb30{padding:30px 0;}

.arrowBtn{ position: absolute; width: 100%; top: 40%;z-index: 3;left: 0;}
.arrowBtn .btn{width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; background: #b5b5b6; color: #fff; font-size: 30px; cursor: pointer; }

/* 数量加减 */
.numBox{width: 92px;border:1px solid #dde0e6;margin: 0 auto;}
.numBox span{ height: 30px; text-align: center; box-sizing: border-box;display: block; float: left;}
.numBox .btn{width: 25px;line-height: 30rpx; font-size:38rpx;background-color: #f0f3f8;cursor: pointer;font-size: 16px;}
.numBox span.num{ width: 40px; color: #333;line-height: 30px; font-size: 14px;padding: 0 5px;background-color: #fff;cursor: initial;}
.numBox span.num input{max-width: 50px;text-align: center;}


/* 提交按钮 */
.submitbtn .btn{width: 80%; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #02B4A8; border-radius: 5px; font-size:15px; margin: 0 auto; display:block;}
.submitbtn button:after{border: 0;}
.submitbtn .Wbtn{width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #02b4a8; border-radius: 5px; font-size:15px; margin: 0 auto; display:block;}


/* 行数显示省略号 */
.avoidOverflow{overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.avoidOverflow2{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;word-break:break-all;-webkit-box-orient:vertical; -webkit-line-clamp:2;}
.avoidOverflow3{ overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  word-break: break-all; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.avoidOverflow4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; word-break: break-all;-webkit-box-orient: vertical; -webkit-line-clamp: 4; }


/* 页码 */
.all-pages{ padding:30px 0; text-align:center;}
.all-pages a,.all-pages span{ display:inline-block; margin:0 5px; padding:0 14px; height:32px; vertical-align:middle; white-space:nowrap; text-align:center; font-size:14px; line-height:32px; color:#333; font-family:arial; background:#fff; border:1px solid #e6e6e6; border-radius: 3px; cursor: pointer;}
.all-pages a,.all-pages span:hover{border:1px solid #FDBA13; color:#333;}
.all-pages .current{ background:#FDBA13; border:1px solid #FDBA13;}

/* 页码 */
.list-page p{display: inline-block;margin: 0 10px; font-size: 16px;}
.list-page p.on a{background-color: #02B4A8;border-color: #02B4A8;color: #fff;}
.list-page p a{display: inline-block;width: 41px;height: 41px;line-height: 40px;min-width: 20px;border: 1px solid #a6acba;border-radius: 50%;color: #696e80;}


/* 新页码 */
.pagination{display: flex;align-items: center;justify-content: center;height: auto!important;padding: 30px 4%;text-align: center;}
.pagination p:first-child{display: none;}
.pagination p:last-child{display: none;}
.pagination p{font-size: 12px!important;}
.pagination p,.pagination a{display: inline-block;width:auto!important;height: 41px!important;line-height: 40px!important;min-width: 40px!important;border: 1px solid #a6acba!important;border-radius: 5px!important;color: #696e80!important;cursor: pointer;font-size: 15px!important;padding: 0px 8px!important;margin-right: 15px!important;}
.pagination p:hover,.pagination a:hover{border-color: #02B4A8!important;color: #02B4A8!important}
.pagination .cur{background-color: #02B4A8!important;border-color: #02B4A8!important;color: #fff!important;}
.pagination .cur:hover{color: #fff!important;}
/* 禁止选中*/
div {
    -moz-user-select:none; /*火狐*/
    -webkit-user-select:none; /*webkit浏览器*/
    -ms-user-select:none; /*IE10*/
    -khtml-user-select:none; /*早期浏览器*/
    user-select:none;
}

.nodata{width: 300px;margin: 50px auto;}
.nodata img{width: 100%; height: auto;display: block;}