@import url(//at.alicdn.com/t/font_1617609_33dnuf4hq2t.css);
html{ -ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;font-size:62.5%;}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input { margin:0;padding:0;font-family:"microsoft yahei",Arial;}
body { height:100%;margin:auto;-webkit-overflow-scrolling:touch;color:#333;background-color:#fff;overflow-x:hidden;font-size:12px;}
body, body a { -webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
a,a:hover { text-decoration:none;outline:none;-webkit-tap-highlight-color:transparent;}
a:focus { outline:none;} 

a:link { color:#333;}
a:visited { color:#666;}
a:hover { color:#0cb46a;}
a:active { color:#333;}

a.lancss { color:#0189e0;}
a.lancss:hover { color:#0189e0;}

a.huicss { color:#666;}
a.huicss:hover { color:#0cb46a;}

li { list-style:none }
img { border:none }
input, select, textarea { border:none;outline:none;background:none;font-size:14px;-webkit-tap-highlight-color:rgba(0,0,0,0);padding:0;}
input:focus,textarea:focus { border:none;outline:none;}

textarea { resize:none }
em,i { font-style:normal }
strong, h1, h2, h3, h4, h5, h6 { font-weight:normal }
.clear:after { content:"";display:block;clear:both;}
.clear{clear:both;height:0;overflow:hidden;display:block}
.clearfix{*zoom:1}
.clearfix:after{clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:"."}

.fl { float:left }
.fr { float:right }
.bkfff { background-color:#fff;padding:0;margin:0;}
.bkf0f { background-color:#f0f3f6;}
.w1200 { width:1200px; margin:auto; }
.w860 { width:860px; }
.w680 { width:680px; }
.w500 { width:500px; }
.w340 { width:340px; }
.w310 { width:310px; }
.mb5 { margin-bottom:5px; }
.mb15 { margin-bottom:15px; }
.pdtb20 { padding:20px 0; }
.cl1{color:#ffbb2a;}
.cl2{color:#70b21f;}
.cl3{color:#7e89f2;}
.cl4{color:#ff5283;}
.cl5{color:#2bb2a3;}
.cl6{color:#fe8824;}
.cl7{color:#ed6849;}
.cl8{color:#65cced;}
.bk20 { height:20px; overflow: hidden; }
input.intcss { border:1px solid #ddd; padding:5px; height:25px; border-radius:4px; }
textarea.inttext { border:1px solid #ddd; padding:5px; border-radius:4px; }
input.intcss:focus,textarea.inttext:focus { border:1px solid #f30;outline:none;}
input.intcss { border:1px solid #ddd; padding:5px; height:25px; border-radius:4px; }
input.butcode { width:120px; height:37px; border-radius:4px; background-color:#499b39; color:#fff; }
input.readonly { background-color:#999; }
select.slscss { border:1px solid #ddd; padding:5px; border-radius:4px; height:35px; }

.btncss {background:#fd532d;vertical-align:middle;padding:0 50px;border-radius: 4px;color: #fff;margin-right:25px;font-size:16px;line-height:50px;cursor:pointer;outline:none; border: none;}

.mheader { position:relative; padding:0; }
.oheader { position:relative; padding:0 0 10px; }
.oheader:before{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #ddd;color:#ddd;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5); }

.aheader { position:relative; padding:0; }
.aheader:before{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #ddd;color:#ddd;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5); }
.hdlink li { float: left; font-size:16px; font-weight:500; line-height:80px; margin-left:50px; }

.headerlink { line-height:40px; height:40px; }
.headerlink a { color:#888; }

.headernav { height:24px; overflow:hidden; padding:10px 0; line-height:24px; color:#999; font-size:14px;border-bottom:1px solid #eee; }
.headernav em { background:url(../images/dian.gif) repeat-y center; padding:0 10px; height:18px; line-height:18px; }
.headernav em,.headernav a,.headernav span,.headernav i { display:inline-block; }
.headernav a { padding:0 8px; color:#666; }
.headernav a:hover { color:#0cb46a; }
.headernav span { color:#f30; }
.headernav span i { padding-right:5px; vertical-align:middle; font-size:14px; }

ul.toplink { text-align:right; }
ul.toplink li { display:inline-block; padding-left:20px; }

.headerss { padding:10px 0; width:1200px; margin:auto; }
.mylogo { display:block; height:80px; width:530px; background:url(../images/slogo.jpg) no-repeat;}
.mlogo { display:block; height:80px; width:530px; background:url(../images/slogo.jpg) no-repeat;}
.mylogo i,.mlogo i { position:absolute; left:-9999px; }
.hdsearch { padding:17px 0; height:46px; width:500px;display:flex; overflow:hidden;}
.hdsearch input { line-height:44px; height:44px; }
.hh-input { width:380px; border:1px solid #0cb46a; border-radius:46px 0 0 46px; padding:0 0 0 25px;}
.hh-btn { background-color:#0cb46a; text-align:center; width:118px; border-radius:0 46px 46px 0; line-height:46px; }
.hh-btn input { color:#fff; font-size:18px; font-weight:400px; }

.tlogin { line-height:50px;position:relative; padding:15px 25px 5px;font-weight:400; font-size:18px;}
.tlogin:before{content:" ";position:absolute;left:0; bottom:0;right:0;height:1px;border-bottom:1px solid #ccc;color:#ccc;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5); }

.position { width:1200px; margin:0 auto 20px; line-height:30px; padding:15px 0 10px;color:#999; border-bottom:1px solid #e9e9e9; }
.nobottom { border-bottom:none;}
.position span { display: inline-block; width:30px; text-align: center; font-size:14px; }
.position a { color:#999; }
.position a:hover { color:#0cb46a; }

#nav-header a,#nav-header a:link,#nav-header a:visited {color:#fff;font-size:18px;font-weight:400;display:block;}
#nav-header.fixed{position:fixed;top:0;left:0;width:100%;z-index:999;box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-box-shadow: 0 10px 15px rgba(0,0,0,.1);-moz-box-shadow: 0 10px 15px rgba(0,0,0,.1);background:rgba(20,180,106,0.8); }

#nav-header li {width:150px;float:left;cursor:pointer;position:relative;text-align: center;}
#nav-header li:hover {color:#ff0;background-color:#04ca6d;}
#nav-header li:hover .slide-submeu {display:block;}

#nav-header {background-color:#0cb46a; height:60px;line-height:60px;}
#nav-header .navlink {width:1200px;margin:auto;}
#nav-header .slide-submeu {position:absolute;text-align:left;left:0;top:60px;z-index:1000;width:120px;padding:10px 35px;background:#fff;box-shadow:-1px 3px 5px rgba(000, 000, 000, 0.3);border-radius:0 0 5px 5px;display:none;}
#nav-header .slide-submeu a { font-size:16px; line-height:40px; color:#333; }
#nav-header .slide-submeu a:hover { color:#0cb46a; }

.uheader { position:relative; padding:15px 0; border-bottom:1px solid #e9e9e9; }
.uheader .fl a { display: block; position: relative; height:45px; padding:0 0 0 85px; }
.uheader img { display:block; border-radius:5px; position: absolute; left:10px; top:0; height:45px; }
.uheader i { font-size:18px; font-weight:600; line-height:45px; }

.uheader ul { font-size:14px; line-height:20px; padding:15px 0; height:20px; }
.uheader ul li { display:block; padding:0 10px; height:20px;float:left;}
.uheader ul li span { font-weight:600; color:#04ca6d; }

li.uline { background:url(../images/dian.gif) repeat-y center; width:10px; padding:0;  }

.myfooter { background-color:#1f1f1f;color:#83888a;line-height:30px;}
.myfooter a { color:#666; }

.footercode { padding:25px 0; width:120px; text-align:center;margin-left:25px;}
.footercode img { width:100%; display:block; }
.footerinfo { padding:25px 0;}
.footerinfo li { display:inline-block; padding-right:25px; font-size:14px; }
.footerinfo li a { color:#eee; }
.footerinfo p { padding:10px 0 5px; }

.nobottom { border-bottom:none; }

/* 内外边距 */

.margin-0{margin:0}
.margin-xs{margin:5px}
.margin-sm{margin:10px}
.margin{margin:15px}
.margin-lg{margin:20px}
.margin-xl{margin:25px}
.margin-xxl{margin:30px}
.margin-top-xs{margin-top:5px}
.margin-top-sm{margin-top:10px}
.margin-top{margin-top:15px}
.margin-top-lg{margin-top:20px}
.margin-top-xl{margin-top:25px}
.margin-top-xxl{margin-top:30px}
.margin-right-xs{margin-right:5px}
.margin-right-sm{margin-right:10px}
.margin-right{margin-right:15px}
.margin-right-lg{margin-right:20px}
.margin-right-xl{margin-right:25px}
.margin-right-xxl{margin-right:30px}
.margin-bottom-xs{margin-bottom:5px}
.margin-bottom-sm{margin-bottom:10px}
.margin-bottom{margin-bottom:15px}
.margin-bottom-lg{margin-bottom:20px}
.margin-bottom-xl{margin-bottom:25px}
.margin-bottom-xxl{margin-bottom:30px}
.margin-left-xs{margin-left:5px}
.margin-left-sm{margin-left:10px}
.margin-left{margin-left:15px}
.margin-left-lg{margin-left:20px}
.margin-left-xl{margin-left:25px}
.margin-left-xxl{margin-left:30px}
.margin-lr-xs{margin-left:5px;margin-right:5px}
.margin-lr-sm{margin-left:10px;margin-right:10px}
.margin-lr{margin-left:15px;margin-right:15px}
.margin-lr-lg{margin-left:20px;margin-right:20px}
.margin-lr-xl{margin-left:25px;margin-right:25px}
.margin-lr-xxl{margin-left:30px;margin-right:30px}
.margin-tb-xs{margin-top:5px;margin-bottom:5px}
.margin-tb-sm{margin-top:10px;margin-bottom:10px}
.margin-tb{margin-top:15px;margin-bottom:15px}
.margin-tb-lg{margin-top:20px;margin-bottom:20px}
.margin-tb-xl{margin-top:25px;margin-bottom:25px}
.margin-tb-xxl{margin-top:30px;margin-bottom:30px}
.padding-0{padding:0}
.padding-xs{padding:5px}
.padding-sm{padding:10px}
.padding{padding:15px}
.padding-lg{padding:20px}
.padding-xl{padding:25px}
.padding-xxl{padding:30px}
.padding-top-xs{padding-top:5px}
.padding-top-sm{padding-top:10px}
.padding-top{padding-top:15px}
.padding-top-lg{padding-top:20px}
.padding-top-xl{padding-top:25px}
.padding-top-xxl{padding-top:32px}
.padding-top-sl{padding-top:42px}
.padding-right-xs{padding-right:5px}
.padding-right-sm{padding-right:10px}
.padding-right{padding-right:15px}
.padding-right-lg{padding-right:20px}
.padding-right-xl{padding-right:25px}
.padding-bottom-xs{padding-bottom:5px}
.padding-bottom-sm{padding-bottom:10px}
.padding-bottom{padding-bottom:15px}
.padding-bottom-lg{padding-bottom:20px}
.padding-bottom-xl{padding-bottom:25px}
.padding-bottom-xxl{padding-bottom:30px}
.padding-left-xs{padding-left:5px}
.padding-left-sm{padding-left:10px}
.padding-left{padding-left:15px}
.padding-left-lg{padding-left:20px}
.padding-left-xl{padding-left:25px}
.padding-left-xxl{padding-left:30px}
.padding-lr-xs{padding-left:5px;padding-right:5px}
.padding-lr-sm{padding-left:10px;padding-right:10px}
.padding-lr{padding-left:15px;padding-right:15px}
.padding-lr-lg{padding-left:20px;padding-right:20px}
.padding-lr-xl{padding-left:25px;padding-right:25px}
.padding-lr-xxl{padding-left:25px;padding-right:25px}
.padding-tb-xs{padding-top:5px;padding-bottom:5px}
.padding-tb-sm{padding-top:10px;padding-bottom:10px}
.padding-tb{padding-top:15px;padding-bottom:15px}
.padding-tb-lg{padding-top:20px;padding-bottom:20px}
.padding-tb-xl{padding-top:25px;padding-bottom:25px}
.padding-tb-xxl{padding-top:25px;padding-bottom:25px}

/* flex布局 */
.flex{display:flex}
.basis-xs{flex-basis:20%}
.basis-sm{flex-basis:40%}
.basis-df{flex-basis:50%}
.basis-lg{flex-basis:60%}
.basis-xl{flex-basis:80%}
.basis-xxl{flex-basis:100%}
.flex-sub{flex:1}
.flex-twice{flex:2}
.flex-treble{flex:3}
.flex-column{flex-direction:column}
.flex-row{flex-direction:row}
.flex-wrap{flex-wrap:wrap}
.align-start{align-items:flex-start}
.align-end{align-items:flex-end}
.align-center{align-items:center}
.align-stretch{align-items:stretch}
.self-start{align-self:flex-start}
.self-end{align-self:flex-end}
.self-stretch{align-self:stretch}
.align-stretch{align-items:stretch}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.justify-around{justify-content:space-around}
.flex.flex-spacing>div{margin-right:20px;}
.flex.flex-spacing>div:last-child{margin-right:0}

/* grid布局 */
.grid{display:flex;flex-wrap:wrap}
.grid.grid-square{overflow:hidden}
.grid.grid-square .cu-tag{position:absolute;right:0;top:0;border-bottom-left-radius:3px;padding:3px 6px;height:auto;background-color:rgba(0,0,0,.5)}
.grid.grid-square>div>text[class*=cuIcon-]{font-size:26px;position:absolute;color:#8799a3;margin:auto;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;flex-direction:column}
.grid.grid-square>div,.grid.grid-square>a{margin-right:15px;margin-bottom:15px;position:relative;overflow:hidden}
.grid.grid-square>div.bg-img image{width:100%;height:100%;position:absolute}
.grid.col-1.grid-square>div,.grid.col-1.grid-square>a{margin-right:0}
.grid.col-2.grid-square>div,.grid.col-2.grid-square>a{width:calc((100% - 15px)/ 2)}
.grid.col-3.grid-square>div,.grid.col-3.grid-square>a{width:calc((100% - 30px)/ 3)}
.grid.col-4.grid-square>div,.grid.col-4.grid-square>a{width:calc((100% - 45px)/ 4)}
.grid.col-5.grid-square>div,.grid.col-5.grid-square>a{width:calc((100% - 60px)/ 5)}
.grid.col-2.grid-square>div:nth-child(2n),.grid.col-3.grid-square>div:nth-child(3n),.grid.col-4.grid-square>div:nth-child(4n),.grid.col-5.grid-square>div:nth-child(5n){margin-right:0}
.grid.col-2.grid-square>a:nth-child(2n),.grid.col-3.grid-square>a:nth-child(3n),.grid.col-4.grid-square>a:nth-child(4n),.grid.col-5.grid-square>a:nth-child(5n){margin-right:0}
.grid.col-1>div{width:100%}
.grid.col-2>div{width:50%}
.grid.col-3>div{width:33.33%}
.grid.col-4>div{width:25%}
.grid.col-5>div{width:20%}

/* float布局 */

.cf::after,.cf::before{content:" ";display:table}
.cf::after{clear:both}
.fl{float:left}
.fr{float:right}

/* ==================
    基础样式-边框
 ==================== */

/* -- 圆角 -- */
.radius {border-radius: 8px;}
.radius-top {border-radius: 8px 8px 0 0}
.radius-bottom {border-radius: 0 0 8px 8px;}
.radius-xs {border-radius: 4px;}
.radius-xs-top {border-radius: 4px 4px 0 0;}
.radius-xs-bottom {border-radius: 0 0 4px 4px;}
.radius-lg {border-radius: 16px;}
.radius-lg-top {border-radius: 16px 16px 0 0;}
.radius-lg-bottom {border-radius: 0 0 16px 16px;}
.radius-xl {border-radius: 20px;}
.radius-xxl {border-radius: 26px;}


/* -- 实线 -- */
.border{border:1px solid #F0F3F7}
.border-top{border-top:1px solid #F0F3F7}
.border-right{border-right:1px solid #F0F3F7}
.border-bottom{border-bottom:1px solid #F0F3F7}
.border-left{border-left:1px solid #F0F3F7}


/* -- 虚线 -- */

.dashed{border:3px dashed #ddd;}
.dashed-top{border-top:3px dashed #ddd;}
.dashed-right{border-right:3px dashed #ddd;}
.dashed-bottom{border-bottom:3px dashed #ddd;}
.dashed-left{border-left:3px dashed #ddd;}

/*--- 基础样式-文本 ----*/
.text-xs{font-size:10px;}
.text-sm{font-size:12px;}
.text-df{font-size:14px;}
.text-lg{font-size:16px;}
.text-xl{font-size:18px;}
.text-xxl{font-size:24px;}
.text-xxxl{font-size:28px;}
.text-sl{font-size:36px;}
.text-xsl{font-size:40px;}
.text-bold{font-weight:700;}
.text-light{font-weight:lighter;}
.text-center{text-align:center;}
.text-content{line-height:1.6;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-Abc{text-transform:Capitalize}
.text-ABC{text-transform:Uppercase}
.text-abc{text-transform:Lowercase}
.text-price::before{content:"¥";font-size:80%;margin-right:2px}
.text-cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.text-cut-1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.text-cut-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all}
.text-white{color: #FFFFFF;}
.text-gray{color: #999999;}

.bg-white{background: #FFFFFF;}
.bg-gray{background: #F5F5F5;}
.bg-green{background: #24C77C}
.bg-green.light {background-color: #EBFCF5;}

.display-block{display: block;}
.height-full{height: 100%;}

.img-full{width: 100%;height: 100%;object-fit: cover;}
.video-box{position: relative;cursor: pointer;}
.video-box span {display: block;position: absolute;left: calc(50% - 30px);width: 60px;height: 60px;top: calc(50% - 30px);text-align: center;line-height: 60px;color: #fff;font-size: 60px;z-index: 1;}
.bg-mask {background-color: #333;position: relative;}
.bg-mask::after {content: "";border-radius: inherit;width: 100%;height: 100%;display: block;background-color: rgba(0, 0, 0, .4);position: absolute;left: 0;right: 0;bottom: 0;top: 0;}