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;max-width: 640px;margin: 0 auto;}
*{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, button,textarea{ 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;}

/* swiper当前点 */
.swiper-pagination-bullet{opacity: 1!important;border: 1px solid #02B4A8!important;background-color:initial!important;}
.swiper-pagination-bullet-active{background-color: #02B4A8!important;}

.xian_tit{position: relative;padding-left: 10px!important;}
.xian_tit::before{content: '';width: 4px;height:20px;border-radius: 3px;background-color: #02B4A8;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

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

.heightAuto{height: auto!important;}


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

.bordGary{border: 1px solid #b3b9c7;}
.borderB1{border-bottom: 1px solid #e9eaec;}
.border_t1{border-top: 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;}

/* 小标签 */
.sm-tags span{float: left;margin:15px 15px 0 0;border-radius: 5px;font-size: 12px;border: 1px solid #eee;padding: 0 10px;line-height: 22px;text-align: center;}
.sm-tags span:last-child{margin-right: 0;}
.sm-tags span .iconfont{font-size: 14px;}

/*浮动*/
.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 3%;}
.mglr4{margin: 0 3%;}
.boxShaow{box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.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}


.sm-tags span{float: left;margin:10px 8px 0 0;border-radius: 5px;font-size: 12px;border: 1px solid #eee;padding: 0 10px;line-height: 20px;text-align: center;}
.sm-tags span:last-child{margin-right: 0;}
.sm-tags span .iconfont{font-size: 14px;}
/* 7个标签颜色 */
.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;}

.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: 40;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; bottom: -50px; left: 50%;transform: translateX(-50%); width: 40px;border-radius: 50%; font-size: 30px; color: #eee; line-height: 22px; text-align: center;line-height: 30px;}
.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;}
.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;}
.fs32{font-size: 32px;}
.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: 24px;line-height: 24px; text-align: center; box-sizing: border-box;display: block; float: left;}
.numBox .btn{width: 25px;line-height: 24px;background-color: #f0f3f8;cursor: pointer;font-size: 16px;}
.numBox span.num{ min-width: 40px; color: #333;font-size: 14px;padding: 0 5px;background-color: #fff;cursor: initial;}
.numBox span.num input{max-width: 40px;text-align: center;}

/* 提交按钮 */
.submitbtn .btn{width: 80%; height: 40px; line-height:40px; 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: 40px; line-height: 40px; 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; }

/* 弹性盒子 */
.flex{display:flex;align-items:center;}
.flexCenter{display:flex;align-items:center;justify-content:center;}
.flexRowAround{display:flex;flex-direction:row;	justify-content: space-around;align-items:center;}
.flexRowBetween{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.flexEnd{ display: flex; justify-content: flex-end; align-items: center;}
.flexColumn{display: flex; flex-direction: column; align-items: center;}

/* 页码 */
.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;}


.page_title{font-size: 16px;line-height: 44px;height: 44px;text-align: center;position: fixed;width: 100%;left: 0;top: 0;right: 0;z-index: 26;background-color: #fff;}
.page_title.mainColor{background-color: #02B4A8;color: #fff;}
.page_title .back{padding: 0 10px;position: absolute;left: 5px;top: 0;font-size: 16px;}
.page_titleH{height: 44px;}

.xq_infor p{margin-bottom: 10px;line-height: 24px;}
.xq_infor img{width: 100%;height: auto;display: block;margin: 10px auto;}

/* 星星评分 */
.star_list .star{width: 12px;height: 12px;display: block;float: left;margin-right: 4px;}
.star_list .star:last-child{margin-right: 0;}

/* 页面右侧固定按钮 */
.page-Rfiexd{width: 45px;position: fixed;bottom: 18%;right: 2px;z-index: 20;}
.page-Rfiexd .item{width: 36px;height: 36px;line-height:36px;border-radius: 50%;background-color:rgba(0,0,0,0.5); margin:8px auto; display: block;text-align: center;color: #fff;font-size: 20px;box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);}
.page-Rfiexd .item svg{width: 18px;height: 18px;margin: 8px auto 3px auto;}
.page-Rfiexd .item svg path{fill: #FFFFFF;-weblit-fill:#ffffff;-moz-fill:#ffffff;-ms-fill:#ffffff;-o-fill:#ffffff;}
.page-Rfiexd .item.to_top svg{width: 22px;height: 22px;} 
.page-Rfiexd .item.to_back svg{width: 20px;height: 20px;}


/* 行数显示省略号 */
.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:70%;margin: 80px auto;}
.nodata img{width: 100%;display: block;}