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:#333;}
*{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:#333;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;}

/* 公共 标题 */
.pubtit{padding: 50px 0 35px 0;}
.pubtit .title{ font-size: 28px;line-height: 32px;text-transform: uppercase;font-weight: bold;}
.pubtit .xian{width: 60px;line-height: 30px;margin:14px auto;position: relative;font-size: 24px;color: #666;}
.pubtit .xian::before,.pubtit .xian::after{content: '';width: 80px;height: 1px;background: #d2d3d5;position: absolute;top: 50%;right: 100%;}
.pubtit .xian::after{left: 100%;right: auto;}
.pubtit .text2{text-transform: uppercase;font-size: 15px;color: #666;font-weight: normal;}

.heightAuto{height: auto!important;}


.banner_two{width: 100%;height: auto;min-height: 300px; }
.banner_two img{width: 100%;height: auto;display: block;}


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


/*浮动*/
.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: #215ba5;}
.red{color: #ff6600;}
.white{color: #FFF;}
.color2{color:#222;}
.color3{color: #333;}
.color6{color: #666;}
.color9{color: #999;}
.color5{color: #555;}
.price{color: #ff6600;}
/* .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: 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; 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;}


.seeMoreBtn{width: 120px;height: 40px;line-height: 40px;border-radius: 5px;text-align: center;border: 1px solid #215ba5;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;}
.fs26{font-size: 26px;}
.fs28{font-size: 28px;}
.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;}

/* 提交按钮 */
.submitbtn .btn{width: 80%; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #215ba5; border-radius: 5px; font-size:16px; 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: #215ba5; border-radius: 5px; font-size:16px; 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; }

/* 页码 */
.list-page li{display: inline-block;font-size: 15px;}
.list-page li span{margin: 5px 10px; height: 30px;line-height: 30px;display: inline-block; cursor: pointer;position: relative;}
.list-page li span.on{color: #215ba5;}
.list-page li span.on::after{content: '';width: 15px; height: 2px;background: #215ba5;position: absolute; bottom: -3px;left: 50%;transform: translateX(-42%);}
.list-page li span:hover{color: #215ba5;}

/* 页面详情 */
.xqinfor p{padding-bottom: 15px;text-indent: 2em;}
.xqinfor h1{padding: 15px 0 10px 0;}
.xqinfor img{max-width: 100%;height: auto;display: block;margin: 20px auto;}