body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,fieldset,legend,input,select,textarea,button,th,td,img{margin:0;padding:0;}
body{box-sizing:border-box;color:#333;font-size:14px;font-family: "微软雅黑",arial;background:#f5f5f5;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
ul,dl,ol{list-style:none;}
img,fieldset{border:none;max-width: 100%;}

img{vertical-align:top;flex-shrink: 0;}
p{word-break:break-all;word-wrap:break-word;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#ccc;}
input:-moz-placeholder, textarea:-moz-placeholder{color:#ccc;}
input::-moz-placeholder, textarea::-moz-placeholder{color:#ccc;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#ccc;}

a{color:#333;text-decoration:none;}
a:hover{color:#000;}

input::-webkit-inner-spin-button {
        -webkit-appearance: none !important;
        margin: 0;
    }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance:none !important;
  margin: 0;
}
input[type='number']{
  -moz-appearance:textfield;
}
.wbu{word-break: unset;}
.artcle_content p{word-break: unset;}
.artcle_content td {
    border: 1px solid #DDD;
    width: 80px;
}

/*padding*/
.padding-df{padding:15px}
.padding-xs{padding:5px}
.padding-sm{padding:10px}
.padding-lg{padding:20px}
.padding-xl{padding:30px}
.padding-xxl{padding:40px}
.padding-top-df{padding-top:10px}
.padding-top-xs{padding-top:5px}
.padding-top-sm{padding-top:10px}
.padding-top-lg{padding-top:20px}
.padding-top-xl{padding-top:30px}
.padding-top-xxl{padding-top:40px}
.padding-bottom-df{padding-bottom:15px}
.padding-bottom-xs{padding-bottom:5px}
.padding-bottom-sm{padding-bottom:10px}
.padding-bottom-lg{padding-bottom:20px}
.padding-bottom-xl{padding-bottom:30px}
.padding-bottom-xxl{padding-bottom:40px}
.padding-left-df{padding-left:15px}
.padding-left-xs{padding-left:5px}
.padding-left-sm{padding-left:10px}
.padding-left-lg{padding-left:20px}
.padding-left-xl{padding-left:30px}
.padding-left-xxl{padding-left:40px}
.padding-right-df{padding-right:15px}
.padding-right-xs{padding-right:5px}
.padding-right-sm{padding-right:10px}
.padding-right-lg{padding-right:20px}
.padding-right-xl{padding-right:30px}
.padding-right-xxl{padding-right:40px}
.padding-tb-df{padding-top:15px;padding-bottom:15px;}
.padding-tb-xs{padding-top:5px;padding-bottom:5px;}
.padding-tb-sm{padding-top:10px;padding-bottom:10px;}
.padding-tb-lg{padding-top:20px;padding-bottom:20px;}
.padding-tb-xl{padding-top:30px;padding-bottom:30px;}
.padding-tb-xxl{padding-top:40px;padding-bottom:40px;}
.padding-lr-df{padding-left:15px;padding-right:15px;}
.padding-lr-xs{padding-left:5px;padding-right:5px;}
.padding-lr-sm{padding-left:10px;padding-right:10px;}
.padding-lr-lg{padding-left:20px;padding-right:20px;}
.padding-lr-xl{padding-left:30px;padding-right:30px;}
.padding-lr-xxl{padding-left:40px;padding-right:40px;}
/*margin*/
.margin-df{margin:15px}
.margin-xs{margin:5px}
.margin-sm{margin:10px}
.margin-lg{margin:20px}
.margin-xl{margin:30px}
.margin-xxl{margin:40px}
.margin-top-df{margin-top:15px}
.margin-top-xs{margin-top:5px}
.margin-top-sm{margin-top:10px}
.margin-top-lg{margin-top:20px}
.margin-top-xl{margin-top:30px}
.margin-top-xxl{margin-top:40px}
.margin-bottom-df{margin-bottom:15px}
.margin-bottom-xs{margin-bottom:5px}
.margin-bottom-sm{margin-bottom:10px}
.margin-bottom-lg{margin-bottom:20px}
.margin-bottom-xl{margin-bottom:30px}
.margin-bottom-xxl{margin-bottom:40px}
.margin-left-df{margin-left:15px}
.margin-left-xs{margin-left:5px}
.margin-left-sm{margin-left:10px}
.margin-left-lg{margin-left:20px}
.margin-left-xl{margin-left:30px}
.margin-left-xxl{margin-left:40px}
.margin-right-df{margin-right:15px}
.margin-right-xs{margin-right:5px}
.margin-right-sm{margin-right:10px}
.margin-right-lg{margin-right:20px}
.margin-right-xl{margin-right:30px}
.margin-right-xxl{margin-right:40px}
.margin-tb-df{margin-top:15px;margin-bottom:15px;}
.margin-tb-xs{margin-top:5px;margin-bottom:5px;}
.margin-tb-sm{margin-top:10px;margin-bottom:10px;}
.margin-tb-lg{margin-top:20px;margin-bottom:20px;}
.margin-tb-xl{margin-top:30px;margin-bottom:30px;}
.margin-tb-xxl{margin-top:40px;margin-bottom:40px;}
.margin-lr-df{margin-left:15px;margin-right:15px;}
.margin-lr-xs{margin-left:5px;margin-right:5px;}
.margin-lr-sm{margin-left:10px;margin-right:10px;}
.margin-lr-lg{margin-left:20px;margin-right:20px;}
.margin-lr-xl{margin-left:30px;margin-right:30px;}
.margin-lr-xxl{margin-left:40px;margin-right:40px;}
/*size*/
.fontsize-16{font-size: 16px;font-weight: 400;line-height: 1.5;}
.font-14 {
    font-size: 14px;
}
.font-16 {
    font-size: 16px;
}
.font-18 {
    font-size: 18px;
}
.font-36 {
    font-size: 36px;
}
.font-28 {
    font-size: 28px;
}
.font-20 {
    font-size: 20px;
}
.font-24 {
    font-size: 24px!important;
	line-height: 1.5!important;
	font-weight: 400 !important;
}
.font-19 {
    font-size: 19px;
}
.font-weight-700 {
    font-weight: 700 !important;
}
.font-weight-400 {
    font-weight: 400 !important;
}
.font-weight-600 {
    font-weight: 600 !important;
}
.text-df{font-size: 16px;}
.text-xs{font-size: 10px;}
.text-sm{font-size: 12px;}
.text-lg{font-size: 16px;}
.text-xl{font-size: 18px;}
.text-xxl{font-size: 20px;}
.text-big{font-size: 24px;}
.text-superbig{font-size: 28px;}
.text-sl{font-size: 36px;}
.text-six{ font-size: 60px;}


.fw-b{font-weight: bold;}

.text-downline{ text-decoration:underline;}

.wm100{width: 100%;}

/*common*/
.font-60 {
    font-size: 60px !important;
    font-family: 'navFonts' !important;
    margin-top: 50px;
    margin-bottom: 10px !important;
    font-weight: 600 !important;
}
.font-61 {
    font-size: 60px !important;
    font-family: 'navFonts' !important;
    margin-top: 10px;
    margin-bottom: 10px !important;
    font-weight: 600 !important;
}
.font-48 {
    font-size: 48px !important;
    font-family: 'navFonts' !important;
    margin-top: 10px;
    margin-bottom: 30px !important;
    font-weight: 600 !important;
}

.vs{color:#fff;margin:0 10px;font-family:arial;} /* 垂直分隔线 */
.hr{height:1px;margin:30px 0;background:#fff;overflow:hidden;} /* 水平分隔线 */
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.fl{float:left;}
.fr{float:right;}
.color-0070ff{ color:#0070ff;}
.color-wihte1{ color:#050505;}
a.color-wihte1:hover{ color:#07c160;}
.color-wihte{ color:#fff;}
a.color-wihte:hover{ color:#fff;}
.color-orange{ color:#ff7d0b;}
a.color-orange:hover{ color:#ff7d0b;}
.color-red{ color:#f33732;}
a.color-red:hover{ color:#f33732;}
.color-green{ color:#07c160;}
a.color-green:hover{ color:#07c160;}
.color-blue{ color: #5e94be;}
a.color-blue:hover{ color:#5e94be;}
.color-gray{color: #b2b2b2;}
a.color-gray:hover{color: #b2b2b2;}
.color-gray1{color: #b2b2b2;}
a.color-gray1:hover{color: #fff;}
.color-333{ color:#333;}
.color-666{ color:#666;}
.color-999{ color:#999;}
.ptr{ position: relative;}
.pta{ position: absolute;}
.bg-red{ background-color: #f33732;}
.bg-change{ background-color: #f33732; background-image: linear-gradient(to right,#ff6933, #f33732);}
.bg-wihte{ background-color: #fff;}
.bg-gray{ background-color: #f5f5f5;}
.bg-grey{ background-color: #999;}
.bg-yellow{background: #ffb914;}
.bg-black{background: #050505;}
.bg-black1{background: #333333;}
.bg-green{ background: #07c160;}
.eilptwo{ overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.eilpthree{ overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.eilpfour{ overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
/*border*/
.border-bottom-df{border-bottom: 1px solid #e6e6e6;}
.border-top-df{border-top: 1px solid #e6e6e6;}
.border-df{border: 1px solid #e6e6e6;}
.border-right-df{border-right: 1px solid #e6e6e6;}
.border-top-black{border-top: 1px solid #292929;}
.border-green{border: 1px solid #07c160;}
.border-radius-df{border-radius: 4px;overflow: hidden;}
.border-radius-half{border-radius: 50%;overflow: hidden;}
.border-radius-df-i{border-radius: 4px !important;}
.border-radius-half-i{border-radius: 50% !important;}
.border-bottom-none{border-bottom: none;}
.box-shadow1 {
	box-shadow: 0 3px 8px 0 rgba(54,57,73,.1);
	-moz-box-shadow: 0 3px 8px 0 rgba(54,57,73,.1);
	-webkit-box-shadow: 0 3px 8px 0 rgba(54,57,73,.1);
}

/* flex */
.flex{display: flex;}
.justify-start{justify-content: flex-start;}
.justify-end{justify-content: flex-end;}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between;}
.align-center{align-items: center;}
.align-start{align-items: flex-start;}
.align-end{align-items: flex-end;}
.align-baseline{ align-items: baseline;}
.flex-direction{ flex-direction: column;}
.flex-wrap{ flex-wrap: wrap;}
.flex-center{display: flex; justify-content: center; align-items: center;}
.flex-one{ flex: 1;}

/**
 * 评论样式
 */
 .user-feedback-list {
    box-shadow: 0 3px 8px 0 rgba(54, 57, 73, .3);
    -moz-box-shadow: 0 3px 8px 0 rgba(54, 57, 73, .3);
    -webkit-box-shadow: 0 3px 8px 0 rgba(54, 57, 73, .3);
    -ms-box-shadow: 0 3px 8px 0 rgba(54, 57, 73, .3);
    border-radius: 5px;
}
.max-width-980 {
    max-width: 980px;
}
.msgfeed{ margin-top: 40px;}
.msgfeed ul li{box-shadow: 0 3px 8px 0 rgba(54, 57, 73, .3); padding: 20px 30px; margin-bottom: 20px;}
.msgfeed-head{ width: 40px; height: 40px; overflow: hidden; margin-right: 25px;}
.msgfeed-reply{padding:20px 30px;}
.msgfeed.msg-box ul li{overflow:hidden;display:block;}
.msgfeed .text-df{white-space: pre-wrap; word-break: normal;word-wrap: break-word;}
.msgfeed.msg-box li .flex-one{padding-left:65px;}
.margin-lr-80{margin-left:80px;margin-right:80px;}
.margin-lr-60{margin-left:60px;margin-right:60px;}
.margin-lr-160{margin-left:160px;margin-right:160px;}

.avatar {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    color: #fff;
	line-height: 40px;
    box-sizing: border-box; /* 确保内边距和边框不影响尺寸 */
}
.avatar1{float: left;}


/*通用*/
body{ margin: 0 auto;}
.common-width-limit{max-width: 1400px; margin: 0 auto;}
.common-btn-green{width: 180px; height: 50px; border-radius: 5px; color: #07c160; border: 1px solid #07c160;}
a.common-btn-green:hover{ background: #07c160;}
.line-height-df{ line-height: 24px;}
.line-height-22{ line-height: 24px!important;}
.line-height-26{ line-height: 26px!important;}
.line-height-15{ line-height: 1.5!important;font-weight: 400!important;font-size: 18px!important; }
.line-height-ss{ line-height: 30px;}
.common-title{ font-weight: bold; font-size:16px;letter-spacing:-1px;transform: scale(1,1.2);-ms-transform: scale(1,1.2);-webkit-transform: scale(1,1.2);-moz-transform: scale(1,1.2);-o-transform: scale(1,1.2);}
.common-title-bar{ font-size: 54px; font-family: Arial; font-weight: bold; letter-spacing: -4px;}
.list-text-array{ bottom: 70px; width: 1400px; left: 50%; transform: translate3d(-50%,-50%,0);}
.common-pd{ padding: 20px 50px;}
.details-df{ font-size: 16px; line-height: 25px;}
.details-df img{ max-width: 100%;}
.content-padding{padding: 20px;}
.text-notes{ font-size: 18px;}
.bg-translucent{background: rgba(0,0,0,.5);}
.box-shadow-df{box-shadow: 2px 4px 8px rgba(0,0,0,0.06);}


.pointer{cursor: pointer;}
.pc-hide{ display: none;}
.hide{display: none;}

.rotate{ transform: rotate(180deg);}

.color-blue-lh{color:rgb(26, 115, 232)}
a.color-blue-lh:hover{color:rgb(26, 115, 232)}
.fn{float: none;}
.db{display: block;}
.margin-center2{margin: 0 auto;}

.details-explain_txt img{width: 100%;}
.layui-video{max-width: 100%;}

.orders_gec_num{
    position: absolute;
    height: 15px;
    width: 15px;
    background: red;
    right: 0;
    bottom: 10px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    line-height: 15px;
}
.mh42{
  min-height: 42px;
}
.ih20em{
  min-height: 20em;
}
.tac{text-align: center;}



/*页面布局*/
html, body{height: 100%;}
.common-flex{ position: relative; min-height: 100%;width: 100%; box-sizing: border-box;}
.main-content{width: 100%; height: 100%;  display: block; overflow: hidden; }


.news-info{ background: rgba(0,0,0,.5); height: 100%; color: #fff; font-size: 16px; top: 0; display: none; cursor: pointer;}
.share-page-ul li:hover .news-info{ display: flex; color: #fff;}

.news-info1{ background: rgba(0,0,0,.5); height: 40%; color: #fff; font-size: 16px; bottom: 0; display: none; cursor: pointer;}
.share-page-ul li:hover .news-info1{ display: flex; color: #fff;}
.news-info2{ background: rgba(0,0,0,.5); height: 40%; color: #fff; font-size: 16px; bottom: 0; display: none; cursor: pointer;}


/*icon*/
.smallIcon{ width: 22px; height: 22px; display: block\0;}
.btnIcon{ width: 30px; height: 30px; display: block\0;}
.subIcon{ width: 45px; height: 45px; display: block\0;}
.seeIcon{ width: 32px; height: 32px; display: block\0;}
.icon-search {background: url(../img/icon/icon-search.png) center center; background-size: 20px; background-repeat: no-repeat;}
.icon-shopping {background: url(../img/icon/icon-shopping.png) center center; background-size: 20px; background-repeat: no-repeat;}
.icon-user {background: url(../img/icon/icon-user.png) center center; background-size: 20px; background-repeat: no-repeat;}
.icon-camera {background: url(../img/icon/icon-camera.png) center center; background-size: 30px; background-repeat: no-repeat;}
.icon-f {background: url(../img/icon/icon-f.png) center center; background-size: 30px; background-repeat: no-repeat;}
.icon-brid {background: url(../img/icon/icon-brid.png) center center; background-size: 30px; background-repeat: no-repeat;}
.icon-stop{background: url(../img/icon/icon-stop.png) center center; background-size: 30px; background-repeat: no-repeat;}
.icon-index{background: url(../img/icon/icon-index.png) center center; background-size: 20px; background-repeat: no-repeat;}
.btn-left{background-image: url(../img/left.jpg) !important; background-size: 32px; background-repeat: no-repeat; background-position:  center center ;}
.btn-right{background-image: url(../img/right.jpg) !important; background-size: 32px; background-repeat: no-repeat; background-position:  center center ;}
.icon-question{background-image: url(../img/icon/icon-question.png) !important; background-size: 20px; background-repeat: no-repeat; background-position:  center center ;}
.icon-laugh{background-image: url(../img/icon/icon-laugh.png) !important; background-size: 30px; background-repeat: no-repeat; background-position:  center center ;}
.icon-address{background-image: url(../img/icon/icon-address.png) !important; background-size: 18px; background-repeat: no-repeat; background-position:  center center ;}
.icon-open{background-image: url(../img/stop.png); background-size: cover; background-repeat: no-repeat; background-position:  center center ;}

/*css3效果*/
.anim{ transition: all .3s;}
.animated{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.slideInDown {-webkit-animation-name: slideInDown;animation-name: slideInDown;}
.slideIn {-webkit-animation-name: slideIn;animation-name: slideIn;}
/*头部导航向下动画*/
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideIn {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideIn {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}



/* footer */
.header-bg{ height: 50px;}
.header{ height: 50px; position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 999; background: #ffffff;}
.slideInDown{ position: fixed;}
.header-logo{ height: 50px; width: 150px;display: block;}
.header-nav{ width: 840px; font-size: 16px; height: 50px;}
.header-nav ul li{ height: 50px; line-height: 50px; width: 25%; text-align: center;}
.header-nav ul li a{cursor: pointer;}
.header-nav ul li.active>a,
.header-nav ul li:hover>a{ color: #07c160;}
.header-info{height: 50px;}
.header-nav-seco{ z-index: 999; background: #f2f4f5; width: 210px; max-height: 0; opacity: 0; overflow: hidden; transition: all .3s; box-shadow: 0px 0px 5px rgba(0,0,0,.2);}
div.header-nav-seco:after{content: ''; position: absolute; top: -3px; left:50%; transform: translate3d(-50%,-50%,0); width: 0; height: 0; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom:8px solid #f2f4f5;}
.header-nav-seco a{ display: flex; padding: 15px; font-family: "微软雅黑"; font-weight: bold; font-size:18px;}
.header-nav-seco a span{ letter-spacing: -1px; flex:1; text-align: left;}
.header-nav-seco a font{ width: 40px; height: 40px; border-radius: 50%; overflow: hidden; color: #fff;font-size: 24px; display: flex; justify-content: center; align-items: center;}
.header-nav-seco a:hover{ background: #fff; color: #07c160;}
.header-nav ul li.active .header-nav-seco{ max-height: 500px; overflow: inherit; opacity: 1;}

.header2-nav{ width: 840px; font-size: 16px; height: 50px;position: relative;}
.header2-nav ul li{ height: 50px; line-height: 50px; width: 25%; text-align: center;position: relative;}
.header2-nav ul li a{cursor: pointer;}
.header2-nav ul li.active>a,
.header2-nav ul li:hover>a{ color: #07c160;}
.header-info{height: 50px;}
.header2-nav-seco{ z-index: 999; background: #fff; width: 100vw; max-height: 0; opacity: 0; overflow: hidden; transition: all .3s; box-shadow: 0px 0px 5px rgba(0,0,0,.2);position: fixed;top: 100%;left: 0;right: 0;}
/* div.header-nav-seco:after{content: ''; position: absolute; top: -3px; left:50%; transform: translate3d(-50%,-50%,0); width: 0; height: 0; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom:8px solid #f2f4f5;} */
/* .header-nav-seco a{ display: flex; padding: 15px; font-family: "微软雅黑"; font-weight: bold; font-size:18px;}
.header-nav-seco a span{ letter-spacing: -1px; flex:1; text-align: left;}
.header-nav-seco a font{ width: 40px; height: 40px; border-radius: 50%; overflow: hidden; color: #fff;font-size: 24px; display: flex; justify-content: center; align-items: center;}
.header-nav-seco a:hover{ background: #fff; color: #07c160;}
.header-nav ul li.active .header-nav-seco{ max-height: 500px; overflow: inherit; opacity: 1;} */
.header2-nav ul li:hover .header2-nav-seco {
    max-height: 500px;
    overflow: inherit;
    opacity: 1;
}

.font-long{ font-size: 14px; line-height: 20px;}
.header-bg-one{ background: #5ebb8a;}
.header-bg-two{ background: #9eb669;}
.header-bg-three{ background: #8083c7;}
.header-bg-four{ background: #53acae;}
.header-bg-five{ background: #4a463f;}

.header-bg-1{ background: #5ebb8a;}
.header-bg-2{ background: #9eb669;}
.header-bg-3{ background: #8083c7;}
.header-bg-4{ background: #53acae;}
.header-bg-5{ background: #4a463f;}
.header-bg-6{ background: #5ebb8a;}

/*20200910*/
.btnShowForm{ display: block; cursor: pointer; opacity: 1;}
.btnShowForm.on{width: 0; height: 0; opacity: 0;}
.home-search-form{ background: #07c160; height: 40px; width: 0; border-radius: 20px; overflow: hidden;}
.home-search-form.show{width: 100%;}
.btnHomeSearch{ width: 40px; height: 40px; border: none; cursor: pointer;}
.home-search-input{ height: 30px; padding: 5px 0 5px 10px; background: #07c160; border: none; border-radius: 20px; color: #fff; width: 100px;}
.icon-searchtwo {background: url(../img/icon/icon-searchtwo.png) center center; background-size: 20px; background-repeat: no-repeat;}
/*20200914*/
#headNav>div{ padding-left: 15px; padding-right: 15px;}



 /*适配移动端*/
.header-info div.btnHome{ display: none; width: 24px; height: 24px; position: relative;}
.header-info div.btnHome span{ display: block; height: 2px; width:24px; margin: 11px 0; background: #eaeaea;}
.header-info div.btnHome:after{content: ""; transition: all ease .35s; position: absolute; z-index: 1; top: 3px; left: 0; height: 2px; width: 24px; right: 0; background: #eaeaea;}
.header-info div.btnHome:before{content: ""; transition: all ease .35s; position: absolute; z-index: 1; left: 0; height: 2px; width: 24px; right: 0; bottom: 3px; background: #eaeaea;}
.header-info div.btnHome{ display: block;}
.header-info div.btnHome.btnOn span{display: none;}
.header-info div.btnHome.btnOn:after{transform: rotate(45deg);top: 11px;}
.header-info div.btnHome.btnOn:before{transform: rotate(-45deg); bottom: 11px;}

/*content*/
/*banner*/
.banner .swiper-pagination-bullet{ width: 14px; height: 14px;}

/* list-array */
.list-array ul li a span{ max-width: 900px; max-height: 500px;}
.list-array ul li a span img{/*height: 27vw;*/object-fit: cover;}
.list-array ul li a h2{max-width: 900px; height: 40px; line-height: 20px;}

.listmargin {
	margin-top: 27px;margin-right: 70px;margin-bottom: 27px;margin-left: 70px;
   }

.list-array1 {
    margin: 27px auto; /* 使用 auto 使元素居中 */
    padding: 0 70px; /* 使用 padding 保留内部空间 */
}

.list-array1 ul {
    display: flex;
    flex-wrap: wrap; /* 允许子元素换行 */
    list-style: none;
    padding: 0; /* 清除默认的内边距 */
    margin: 0; /* 清除默认的外边距 */
}

.list-array1 ul li {
    flex: 0 0 50%; /* 每个 li 占据 50% 的宽度 */
    box-sizing: border-box; /* 确保 padding 和 border 不增加元素的总宽度 */
    padding: 10px; /* 内边距 */
}

.list-array1 ul li a {
    display: block;
    width: 100%;
}

.list-array1 ul li a span {
    max-width: 100%;
    max-height: 396px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list-array1 ul li a span img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.list-array1 ul li a h2 {
    max-width: 100%;
    height: 70px;
    line-height: 30px;
}

.list-index-btn:hover::after {
	-webkit-transform: skewX(-12deg) translateX(0%);
	-ms-transform: skewX(-12deg) translateX(0%);
	transform: skewX(-12deg) translateX(0%);
	-webkit-transition: -webkit-transform 0.25s linear;
	transition: transform 0.25s linear;
}

.list-index-btn::after {
	background-color: #fff;
	width: 120%;
	left: -10%;
	-webkit-transform: skewX(-12deg) translateX(-120%);
	-ms-transform: skewX(-12deg) translateX(-120%);
	transform: skewX(-12deg) translateX(-120%);
	-webkit-transition: -webkit-transform 0.25s linear;
	transition: transform 0.25s linear;
}

.list-index-btn::before,.list-index-btn::after {
	border: 2px solid #fcfcfc;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -10%;
	width: 120%;
	height: 90%;
	z-index: -1;
}
.list-index-btn::before {
	border: 2px solid #fcfcfc;
	width: 100%;
	left: -10%;
	/* border-radius: 6px; */
}

.list-index-btn:hover {
	color: #07c160;
}

.list-index-btn::before {
	border: 2px solid #fcfcfc;
	width: 90%;
	left: 0;
	/* border-radius: 6px; */
}

.list-index {
    position: absolute;
    bottom: 30px; /* 距离图片底部 10px */
    left: 30px; /* 距离图片左边 10px */
    color: #fff;
    z-index: 1; /* 确保文字在图片上方 */
}

.list-index a {
    text-align: center;
    padding: 9px 21px;
    font-weight: 700;
    overflow: hidden;
    opacity: 1;
    background: rgba(0, 0, 0, 0.00);
    color: #fff;
    font-size: 18px;
    position: relative; /* 相对于 .product-miao 定位 */
}

.bg-bike-flex1{ background-color: #f1f1f1; background-position: center center; background-size: auto 100%; background-repeat: no-repeat; height: 500px;}
.bg-bike-flex{ background-color: #f1f1f1; background-position: center center; background-size: auto 100%; background-repeat: no-repeat; height: 700px;}
.news-list-time{ width: 100px;}
.news-list-text{ width: calc(100% - 120px);}
.news-list ul li{ margin-bottom: 110px;}
.news-list ul li:last-child{ margin-bottom: 0;}
.news-list-text a:hover,
.news-list ul li a:hover{ color: #07c160;}
.bg-news-flex{ background-color: #101010; background-position: center center; background-size: auto 100%; background-repeat: no-repeat; height: 180px;}
.search-news{ width: 520px;}
.search-input{ height: 40px;}
.over-hide{ overflow: hidden;}
.search-input input{ height: 40px; padding: 0 120px 0 15px; border: none;}
.btn-input-search{ width: 110px; height: 40px; border: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; top: 0; right: 0;}

/*指定高度*/
.specify-height-one{ height: calc(100vh - 160px); overflow-y: auto;}
.specify-height-two{ height: calc(100vh - 95px); overflow-y: auto;}
.specify-height-three{ height: calc(100vh - 210px); overflow-y: auto;}


/*footer*/
.footer{position: absolute; bottom: 0;}
.footer-logo{ width: 180px!important;margin: 0 auto;}
.footer-logo img{height: auto;}

/*shop-list*/
.menu{ width: 260px; margin-right: 30px;}
.menu-btn{ display: none;}
.menu-text{ height: 130px;}
.menu-title{ top: 0; left: 0; height: 130px; width: 260px; font-size: 30px;}
.menu-bar-list { padding-bottom: 5px; margin-bottom: 20px;}
.menu-bar-list p{font-size: 18px; position: relative; margin-bottom: 15px;}
.menu-bar-list p:after,.menu-bar-list p:before{position: absolute;content: '';width: 12px;height: 1px; background-color: #666;right: 0;top: 50%;transform-origin: center center;}
.menu-bar-list p:after {transform: rotate(0deg);transition: transform .25s linear;}
.menu-bar-list p:before {transform: rotate(-90deg);transition: transform .25s linear;}
.menu-bar-list.isShow p:after,.menu-bar-list.isShow p:before{transition: transform .25s linear;}
.menu-bar-list.isShow p:after {transform: rotate(45deg);}
.menu-bar-list.isShow p:before {transform: rotate(-45deg);}
.menu-bar-list ul{ display: none;}
.menu-bar-list ul li{ padding-bottom: 15px; cursor: pointer;}
.menu-bar-list ul li.active .layui-form-checkbox[lay-skin=primary] span{ color: #0070ff;}
.menu-bar-list li .layui-form-checkbox span{ font-size: 16px!important;color: #333!important}
/*layui*/
.menu-bar-list .layui-form-checkbox[lay-skin=primary] i{ border-radius: 4px;}
.menu-bar-list .layui-form-checked[lay-skin=primary] i {border-color: #0070ff!important;background-color: #0070ff;}


.list-shop ul li{ width: calc(100%/3 - 16px); margin-left: 8px; margin-right: 8px; margin-bottom: 15px;}
.list-shop ul li a.list-shop-img{ width: 100%;overflow:hidden;display:block;}
.list-shop ul li div.list-shop-info a:hover{ color: #07c160;}
.list-shop ul li div.list-shop-info a.list-shop-text{ display: none;}
.list-shop ul li div.list-shop-info{ padding:0 15px; transition: all .3s;}
.list-shop ul li div.list-shop-info i.list-shop-btn{transform: rotate(0deg); transform-origin: center center; padding: 5px;}
.list-shop ul li div.list-shop-info.on i.list-shop-btn{transform: rotate(180deg);transition: transform .3s linear;}
.list-share ul li{ width: calc(100%/4 - 16px);}


/*Page*/
.layui-table-page{ height: auto; padding: 15px 0;}
.listPage .layui-laypage a,
.listPage .layui-laypage span{ height: 40px; line-height: 40px; margin: 5px; padding: 0 20px;}
.listPage .layui-laypage a:hover {color: #07c160;}

/*shop-details*/
.shop-img{ padding: 0 70px;}
.shop-img-show{ max-width: 1220px; max-height: 770px; border: 1px solid #e6e6e6; overflow: hidden;}
.shop-img-bottom{ display: flex; justify-content: space-between; align-items: center; margin-top: 30px;}
.shop-img-small{width: 640px; box-sizing: border-box; margin: 0; overflow: hidden;}
.shop-img-small ul li{ width: 120px; height: 80px;}
.buy-nav-list span{ height: 50px; background: #f5f5f5; border:1px solid #f5f5f5; font-size: 20px; font-weight: bold;cursor: pointer; transition: all .3s;}
.buy-nav div.buy-nav-list span:hover{ border: 1px solid #07c160; color: #07c160;}
.buy-nav div.buy-nav-list.active span{color: #07c160;}
.buy-item ul li label{ font-size: 16px;}
.buy-item-select .layui-form-select dl dd.layui-this{ }
.shop-tips-details{min-height: 80px; line-height: 150%;}

.shop-add{ display: flex; justify-content: flex-end; align-items: center; font-size: 16px;}
.shop-add-btn{ margin-right:70px;}
.shop-add-to{margin: 0 80px;}
.shop-box-number{ height: 38px; border:1px solid #e5e5e5; width: 70px;}
.shop-input-num{ height: 100%; border: none; padding:0 5px;}
.btn-reduce,.btn-add{ right: 5px; font-size: 12px; cursor: pointer;height: 50%;line-height: 19px;}
.btn-reduce{bottom: 0px;}
.btn-add{top: 0px;}

.introduce-nav{ padding: 50px 0 30px;}
.introduce-nav ul li{ padding-left:50px; padding-right: 50px; cursor: pointer; transition: all .3s;}
.introduce-nav ul li:hover,
.introduce-nav ul li.active{color: #07c160;}
.introduce-info{padding: 40px;}
.introduce-info ul li{ display: none;}
.introduce-info ul li.isShow{ display: block;}
.introduce-info-title{ font-size: 16px;}
.introduce-info-details{ display: flex; justify-content: space-between; flex-wrap: wrap; margin: 6px 0;}
.introduce-info-details span{ background: #f5f5f5; width: calc(50% - 10px); padding: 10px 20px; box-sizing: border-box; margin: 6px 0;}

/*瀑布流*/
.box-img { margin-top: 40px;}
.box-img ul{ position: relative; overflow-y: auto;}
.box-img ul li{ position: absolute;overflow: hidden;}
.box-img ul li img{min-height: 100px;height: 100%;object-fit: cover;}
.box-img ul li a p{ bottom:0; left:0; right: 0;font-size: 15px; padding: 10px; justify-content: space-between; flex-wrap: wrap;}
.height-limit-one{min-height: 580px;}
.height-limit-two{min-height: 1000px;}

/*video*/
.btnOpenVideo{ position: absolute; z-index: 9999; bottom: 50px; left: 50px; height: 90px; width: 90px; overflow: hidden;}
.btnOpenVideo i{ width: 100%; height: 100%; cursor: pointer;}
.btnCloseVideo{position: absolute; z-index: 9999; top: 30px; right: 30px; height: 50px; width: 50px; overflow: hidden; background: rgba(250,250,250,.8);}
.btnCloseVideo i{ font-size: 40px; width: 100%; height: 100%; cursor: pointer;}
.isVideo{position: absolute; z-index: 9998; top: 0; left: 0; height: 100%; justify-content: center; align-items: center; background: #000;}
.isVideo video{ width: 100%; height: 100%;}


/*upload*/
.upload-input-flex{ display: flex; justify-content: space-between;}
.input-half-full{ width: calc(50% - 10px);}
.input-half-full label{width: 70px;}
.same-label label{font-size: 16px; }

.box-btn-upload{ border: 1px dashed #e6e6e6; width:100%; height: 210px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(0,0,0,0); cursor: pointer;}
.box-btn-upload i{display: flex; align-content: center; width: 64px; height: 64px;background-image: url(../img/camera.png); background-size: cover; background-repeat: no-repeat; background-position:  center center; margin-bottom: 15px;}
.comments{ border: 1px solid #e6e6e6; height: 150px; padding: 10px;}

/*message*/
.msg{ margin-top: 40px;}
.msg ul li{box-shadow: 2px 4px 8px rgba(0,0,0,0.06); padding: 20px 30px; margin-bottom: 20px;}
.msg-head{ width: 40px; height: 40px; overflow: hidden; margin-right: 25px;}
.msg-reply{padding:20px 30px;}
.msg.msg-box ul li{overflow:hidden;display:block;}
.msg .text-df{white-space: pre-wrap; word-break: normal;word-wrap: break-word;}
.msg.msg-box li .flex-one{padding-left:65px;}
/*newsletter*/
.wrapper{ width: 600px;margin: 0 auto 10px auto;text-align: left; padding-top: 75px;    line-height: 150%;font-family: Helvetica; font-weight: bold;}
.letter-form{ margin-top:30px;}
.letter-form label{ color: #5d5d5d; font-size: 16px; margin-top: 8px;}
.field-group{position: relative;margin: 3px 0 12px 0;background: transparent !important; padding-bottom: 6px;}
.field-group input, .field-group select, .field-group textarea{font-family: Helvetica;color: #5d5d5d; padding: 10px; background: #fff; width: 100%;border: 2px solid #d0d0d0;border-radius: 3px;-webkit-appearance: none;}
.field-group input:focus, .field-group textarea:focus, .field-group select:focus{ border-color: #5d5d5d !important;outline: none;}
.formEmailButton{background: #5d5d5d !important}
.field-group .layui-form-select dl dd.layui-this{ background: #5d5d5d;}
.mcheckbox li{ width: 100%; float: left; margin-top: 9px;}
.mcheckbox li .layui-form-checked[lay-skin=primary] i{ border-color: #5d5d5d!important;background-color: #5d5d5d;}
.mcheckbox li .layui-form-checkbox[lay-skin=primary]:hover i{border-color: #5d5d5d!important;}
.mcheckbox li .layui-form-checkbox span{ font-size: 16px;}
.mcheckbox li .layui-form-checkbox[lay-skin=primary] i{ width: 20px; height: 20px; line-height: 20px; top: 4px; font-size: 14px; border-radius: 4px;}
.mcheckbox li .layui-form-checkbox[lay-skin=primary]{ padding-top:6px; padding-bottom: 6px; padding-left: 38px; width: 100%;}
.mcheckbox li:hover{ background: #f2f2f2;}
.poweredWrapper {padding: 20px 0;width: 560px;margin: 0 auto; box-sizing: border-box; font-size: 16px;}
.field-group input.layui-form-danger{ border-color: #f33732;}

/*news*/
.news ul li{ width: 33.3333%; padding: 15px; box-sizing: border-box;}
.news-img{ height: 275px; overflow: hidden;}
.news-img img{ height: 100%;}
a.news-title{ height: 50px; overflow: hidden;}
a.news-title:hover{color: #07c160;}
.news-info{ background: rgba(0,0,0,.5); height: 100%; color: #fff; font-size: 16px; top: 0; display: none; cursor: pointer;}
.news ul li:hover .news-info{ display: flex; color: #fff;}

.send{ background: url(../img/bg-pic04.jpg) center center; background-repeat: no-repeat; background-size: cover; height: 430px;}
.submitInfo{ width: 100%; background: #07c160; height: 42px;}
.send-textarea{ height: 120px; padding: 5px 10px;}


/*user*/
.user{ display: flex; justify-content: space-between; min-height: calc(100vh - 410px);}
.user-other{ flex-direction: column; justify-content: flex-start;}
.user-nav{ width: 220px; padding: 20px 0;}
.user-nav ul{ border-right: 1px solid #e6e6e6;}
.user-nav ul li{ display: flex; padding: 20px;}
.user-nav ul li a{ font-size: 16px; font-weight: bold;}
.user-nav ul li.active a,
.user-nav ul li a:hover{ color: #07c160;}
.user-content{ flex:1; width: calc(100% - 220px);}
.user-padding{ padding: 30px 50px;}
.user-area{ border: 1px solid #e6e6e6; min-height: 150px; padding: 5px 10px;}

/*share*/
.factor-list{ display: flex; justify-content: space-between;}
.factor-list .factor-col{width: calc(100%/4 - 10px); box-sizing: border-box; margin: 0 10px;}
.factor-list .factor-contrast{width: calc(100%/3); box-sizing: border-box; margin: 10px;}

/*about*/
.about-padding{ padding: 40px 120px;}
.about-p{ padding-bottom: 40px;}
.about-list ul li{position: relative; margin-bottom: 25px;}
.about-list ul li div{ display: none;}
.about-list ul li div,
.about-list ul li .choice{margin-bottom: 25px;}
.about-list ul li .choice:before,
.about-list ul li .choice:after{position: absolute;content: '';width: 12px;height: 1px; background-color: #666;right: 0;top: 50%;transform-origin: center center;}
.about-list ul li .choice:after {transform: rotate(0deg);transition: transform .25s linear;}
.about-list ul li .choice:before {transform: rotate(-90deg);transition: transform .25s linear;}
.about-list ul li.isShow .choice{ color: #07c160;}
.about-list ul li.isShow .choice:after,.about-list ul li.isShow .choice:before{transition: transform .25s linear; background-color: #07c160;}
.about-list ul li.isShow .choice:after {transform: rotate(45deg);}
.about-list ul li.isShow .choice:before {transform: rotate(-45deg);}

/*user-orders*/
.table-max-height{max-height: 100% !important;}
.user-table{min-width: 1000px;}
.table-width-big{ width: 230px;}
.table-width-df{ width: 160px;}
.odd .table-width-big{ width: 250px;}
.odd .table-width-df{ width: 170px;}
.user-table-info{ min-height: 140px;}
.see-info{ z-index: 99; /* display: none; */ left: 75px; top: -10px; width: 290px; height: auto; box-sizing: border-box; background: #fff; box-shadow: 0 0 4px rgba(0,0,0,.2); border-radius: 4px; line-height: 24px;}
.see-info .interlayer{max-height: 300px;overflow-y: auto;padding: 10px;height: 100%;}
.see-info i{ left: -8px; top: 12px; width: 10px; height: 16px;background: url(../img/tri.png); background-position: center; background-repeat: no-repeat; background-size: 100%;}
.user-table-content ul li:last-child .see-info{bottom: -10px; top: auto;}
.user-table-content ul li:last-child .see-info i{ left: -8px; bottom: 12px; top: auto;}

.user-table-content ul li:first-child .see-info{bottom: auto;top: -10px;}
.user-table-content ul li:first-child .see-info i{ left: -8px; bottom: auto; top: 12px;}



/* div.see-hover:hover .see-info{ display: flex;} */
.user-orders-info p{ display: flex; justify-content: flex-start;}
.smallLabel{ height: 30px; line-height: 30px; border-radius: 4px;}
.btnCopy{ background: #379966; }
.btnLinks{border-radius: 4px; background: #07c160;}
.copy-input{border: none;}
.user-select .layui-input{ background: none; border: none;}

/*user-address*/
.edit-address ul li{border: 1px solid #e5e5e5; width: calc(50% - 10px); box-sizing: border-box; margin-bottom: 20px;}
.edit-address ul li.active .edit-set{ display: none;}
.close-site{ right: 5px; top: 0;}

.text-moblie{font-size: 14px;}

/*big img*/
.big_img{position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,0.9);width: 100%;height: 100%;top:0;left:0;}
.big_img .swiper-container2 {position: relative;width: 100%;height: 100%;}
.big_img .swiper-container2  .swiper-wrapper{width: 100%;height: 100%;}
.big_img .swiper-slide{width: 100%;height: 100%;display: table}
.big_img .swiper-slide .cell{width: 100%;;height: 100%;display: table-cell;vertical-align: middle;text-align: center;}
.big_img .swiper-slide img{max-width: 90%;max-height: 80%;margin:0 auto;}
.big_img .swiper-pagination2{position: absolute; top:0.2rem;text-align: center;width: 100%;}
.big_img .swiper-pagination2 span{margin:0 0.05rem;}

/*login*/
.login-flex{ height: 100vh;}
.login{display: flex; width: 600px; flex-direction: column; align-items: center; justify-content: center;}
.login-logo{ width: 200px; margin-bottom: 30px;}
.login-info{padding: 20px 100px; border-radius: 10px;}
.login-info h2{ margin-bottom: 70px;}
.login-info label{ font-size: 16px;}
.login-info .layui-input{ height: 42px;}
/*reg*/
.subcode{ right: 0; top: 0; height: 42px; width: 80px;}
.subcode input{ height: 42px; background: none; color: #07c160; border: none; cursor: pointer;}
.subcode input.layui-disabled{ color: #ccc !important;}

/*contrast*/
.contrast-checkbox ul li{ margin-right: 15px;}

.constrast-img{ height: 275px; width: 100%; display: flex; justify-content: center; align-items: center;}
.constrast-img img{max-width: 100%;max-height: 100%;}
.constrast-title{ margin-bottom: 10px; font-size: 16px; margin-top: 10px;}
.contrast-list ul { display: flex; justify-content: space-between;}
.contrast-list ul li{ width: calc(100%/3);}
.contrast-list ul li .contrast-info{ padding-right: 40px; border-right:1px solid #e6e6e6;}
.contrast-list ul li:nth-child(2) .contrast-info{ padding-left: 40px;}
.contrast-list ul li:last-child .contrast-info{ padding-right: 0;  padding-left: 40px; border-right:none;}

/*shopping*/
.shopping-box-number{ width: 120px;box-sizing: border-box;}
.shopping-box-number input{ height: 30px; width: 60px; box-sizing: border-box;}
.btn-reduce-two,.btn-add-two{display: flex; align-items: center; justify-content: center; height: 30px; width: 30px;background: #f7f7f7;}
.btn-reduce-two{ border-right: 1px solid #e6e6e6; }
.btn-add-two{ border-left: 1px solid #e6e6e6; }
.btnHover a:hover,
.btnHover span:hover{color: #07c160;}

.shopping-flex{ display: flex; justify-content: space-between;}
.shopping-box{ width: calc(50% - 10px);box-sizing: border-box;}
.shopping-box-list label{ height: 42px; left: 10px; line-height: 42px; z-index: 2;}
.shopping-box-list .shopping-box-input input{ height: 42px;}
.shopping-box-list .pl60{padding-left:60px;}
.shopping-box-list .pl160{padding-left:160px;}
.shopping-box-list .shopping-box-input .layui-form-select .layui-input{ padding-left: 70px;}

.shopping-menu{}
.shopping-menu-title{ height: 42px; line-height: 42px;}
p.pseudo{}
p.pseudo:before,
p.pseudo:after{position: absolute;content: '';width: 12px;height: 1px; background-color: #666;right: 15px;top: 50%;transform-origin: center center;}
p.pseudo:after {transform: rotate(0deg);transition: transform .25s linear;}
p.pseudo:before {transform: rotate(-90deg);transition: transform .25s linear;}
p.on.pseudo{padding: 10px 15px;}
p.on.pseudo:after,
p.on.pseudo:before{transition: transform .25s linear;}
p.on.pseudo:after {transform: rotate(45deg);}
p.on.pseudo:before {transform: rotate(-45deg);}

.shopping-menu-list{ display: none;}
.shopping-menu-list ul li{position: relative;padding:15px; border-top: 1px solid #e6e6e6;}
.shopping-menu-list ul li div{ display: none;}
.shopping-menu-list ul li p.pointer{padding:10px 0;}
.shopping-menu-list ul li p.pointer:before,
.shopping-menu-list ul li p.pointer:after{position: absolute;content: '';width: 12px;height: 1px; background-color: #666;right: 0;top: 50%;transform-origin: center center;}
.shopping-menu-list ul li p.pointer:after {transform: rotate(0deg);transition: transform .25s linear;}
.shopping-menu-list ul li p.pointer:before {transform: rotate(-90deg);transition: transform .25s linear;}
.shopping-menu-list ul li.isShow p.pointer{ color: #07c160;}
.shopping-menu-list ul li.isShow p.pointer:after,
.shopping-menu-list ul li.isShow p.pointer:before{transition: transform .25s linear; background-color: #07c160;}
.shopping-menu-list ul li.isShow p.pointer:after {transform: rotate(45deg);}
.shopping-menu-list ul li.isShow p.pointer:before {transform: rotate(-45deg);}

.btn-code{ padding: 10px 0;}
.t-position.isAllShow{ border-bottom: 10px solid #07c160; }
.apply-input{ max-width: 300px; width: 50%;}
.shopping-result{ margin-top: 8px;}
.shopping-result p{ padding: 14px 0;}
.apply-box{ display: none;}
.apply-box.isOn{display: flex;}

.btnName{border: 1px solid #07c160;}
/* .btnName.layui-btn:hover{color: #E0E0E0;} */

.big-padding{ padding: 20px 200px;}

/*20200912 img*/
.list-shop ul li a.list-shop-img{ /*height: 226px;*/}
.shop-img-small ul li,
.shop-img-show ul li{ display: flex; justify-content: center; align-items: center; height: auto !important;}
.shop-img-small ul li img,
.shop-img-show ul li img{ width: 100%;object-fit: cover;height: 100%;}
.table-width-big{max-height: 140px;}
.table-width-big img{ max-width: 100%;}
.list-shop ul li a.list-shop-img img{ width:auto;margin:0 auto; max-height: 100%;height:auto; display:block;}
.list-shop ul li div.list-shop-info .list-shop-text h2{word-wrap:break-word;}

.newNavs ul li:after{ content: ''; position: absolute; bottom: -10px; height: 2px; width: 110px;left: 50%; transform: translate3d(-50%,-50%,0);}
.newNavs ul li.active{ color: #07c160;}
.newNavs ul li.active:after{background: #07c160;}
.changeInfo>div{ min-height: 50vh;}

.btnName{border: 1px solid #ccc; color: #666;}
#defaultAddress .btnName{border: 1px solid #07c160; color: #07c160;}
.btnName:hover{border: 1px solid #07c160; color: #07c160;}

/*20200915*/
.user-table-info h2{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

/*layui*/
.layui-form-danger{border-color: #f33732;}
.layui-layer-btn .layui-layer-btn0 { border-color: #07c160 !important;background-color: #07c160 !important;}
.layui-form-select dl dd.layui-this{ }
.layui-form-radio>i:hover, .layui-form-radioed>i{ color: #07c160;}

/*swiper*/
.swiper-pagination-bullet { opacity: 1 !important; border:none; background: rgba(250,250,250,.5) !important;}
.swiper-pagination-bullet-active{ background: rgba(7,193,96,1) !important;}
.gallery-thumbs .swiper-slide {height: 100%; opacity: 1; border: 1px solid rgba(7,193,96,0);}
.gallery-thumbs .swiper-slide-active,
.gallery-thumbs .swiper-slide-thumb-active { border: 1px solid rgba(7,193,96,1);}
.swiper-button-next, .swiper-button-prev{outline: none;}


.footer-nav ul li{font-size: 16px;}
.guanbi{position: absolute;top: 0;right: 0;height: 1.2em;line-height: 1.2em;padding: 0.3em 0.6em;border-radius: 50%;}


.head2navdisplay{ display: block;}
.head1navdisplay{ display: none;}
.index2navdisplay{ display: block;}
.index1navdisplay{ display: none;}
@media screen and (max-width: 1400px){
	.head2navdisplay{ display: none;}
	.head1navdisplay{ display: block;}	
	.common-width-limit{ width: 100%; box-sizing: border-box;}
	.common-title-bar{ font-size: 40px; letter-spacing: 0; padding-left: 15px; padding-right: 15px;}
    .list-text-array{ bottom: 50px; width: 100%; left: 0; transform: translate3d(0,0,0);}  
    
    .list-share ul li{ width: calc(100%/4 - 16px);}
    .list-share ul li p{ padding: 10px 5px;}
    
    .menu{ width: 220px; margin-right: 15px;}
    .menu-text{ height: 110px;}
    .menu-title{ width: 220px; height: 110px; font-size: 24px;}
    
	.news-img{ height: 250px;}
	
	
	.common-pd{ padding: 20px 30px;}
	.scrollBox{overflow-x: scroll;}

/* .border-radius-df-i .scrollBox{overflow-x: unset;} */
	
    .shop-img{ padding: 0 50px;}
    .shop-img-show img{ width: 100%;}
    
     .big-padding{ padding: 20px;}


  .btnOpenVideo{bottom: 40px; left: 40px; height: 80px; width: 80px;}
  .btnCloseVideo{top: 25px; right: 25px; height: 45px; width: 45px;}
  .btnCloseVideo i{ font-size: 38px;}
  
  /*20200912*/
  .list-shop ul li a.list-shop-img{ /*height: 164px;*/}   
  
  /*20200914*/
 .header-nav{ width: 620px;}
 div.header-nav-seco:after{ left: 80px;}    
}

@media screen and (max-width: 1024px){
	.header-nav{ position: fixed; top: 50px; right:0; width: 0; z-index: 998; height: calc(100vh - 50px); overflow: hidden; background: #050505; transition: all .5s;}
	.header-nav.show{ width: 180px;}
	.header-nav ul{ flex-direction: column;}
	.header-nav ul li{width: 100%; font-size: 14px; height: auto; box-sizing: border-box; border-bottom: 1px solid #292929;}
	.header-nav-seco{ width: 100%; position: relative;}
	.header-nav-seco a{ padding: 10px 15px; font-size:16px; border-bottom: 1px solid #e5e5e5;}
	.header-nav-seco a font{ width: 30px; height: 30px; font-size: 20px;}
	.font-long{ font-size: 12px; line-height: 15px;}
	
	.header-logo{ height: 40px; width: 120px;}
	.news-list-time{ width: 60px;}
	.news-list-text{ width: calc(100% - 80px);}
	.layui-col-xs6.padding-lr-xxl{ padding-left: 15px; padding-right: 15px;}
	.news-list ul li{ margin-bottom: 30px;}
	.bg-bike-flex{ height: 350px;}
	.pc-hide{display: flex;}
	
	.banner .swiper-pagination-bullet{ width: 8px; height: 8px;}
	
	.text-sl{font-size: 20px;}
	.text-lg{ font-size: 12px;}
	
	.menu-btn{display: flex; justify-content: center; align-items: center; position: fixed; z-index: 997; bottom: 25px; right: 15px; background: #07c160; color: #fff; width: 40px; height: 40px; overflow: hidden;}
	.menu-btn i{ font-size: 20px;transition: transform .3s linear;transform: rotate(0deg);}
	.menu-btn.on i{transform: rotate(45deg);}
	.menu{ position: fixed; right: 0; top: 50px; margin-right: 0; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.1); width: 0; opacity: 0; z-index: -1; height: calc(100vh - 50px); overflow: hidden; transition: all .3s;}
	.menu.isShow{ width: 50%; z-index: 996; opacity: 1; overflow-y:auto;}
	.menu-text{ border-radius: 0;}
	
	.news-img{ height: 220px;}
	a.news-title{ height: 48px; font-size: 16px;}
	.news ul li:hover .news-info{ display: none;}
	
	.common-pd{ padding: 20px;}
	.details-df{ font-size: 14px; line-height: 24px;}
	
	
	
/*   div.see-hover:hover .see-info{ display: none;} */
    
    .shop-img{ padding: 0 20px;}
    .btn-right{ right: -10px;}
    .btn-left{ left: -10px;}
    .shop-img-bottom{ margin-top: 20px; flex-direction: column;}
    .shop-img-small{ width: 100%;}
    
    .list-shop{ padding: 0 15px;}
    
    .details-df{ padding: 20px 0;}
    
   
    .constrast-img{ height: 200px;}
    .constrast-img img{ max-height: 100%;}
	.constrast-title{ margin-bottom: 60px;}
	.contrast-list ul li .contrast-info{ padding-right: 30px;}
	.contrast-list ul li:nth-child(2) .contrast-info{ padding-left: 30px;}
	.contrast-list ul li:last-child .contrast-info{padding-left: 30px;}

  .btnOpenVideo{bottom: 35px; left: 35px; height: 70px; width: 70px;}
  .btnCloseVideo{top: 20px; right: 20px; height: 40px; width: 40px;}
  .btnCloseVideo i{ font-size: 32px;}    
  
   /*20200914*/
  .header-nav-seco{box-shadow: none;}
   div.header-nav-seco:after{ left: 50%;}   
}

@media screen and (max-width: 992px){
	.footer-mobile{ flex-direction: column;}
	.footer-nav{ padding: 20px 40px; margin-top: 10px;}
	
	.news ul li{ width: 50%;}
	.news-img{ height: 275px;}
	
	.edit-address ul li{ width:100%; margin-bottom: 15px;}
	
	.box-img ul li a p{ font-size: 12px;}
	.box-img ul li a p strong{ font-weight: 400;}
	
	.main-content{padding-bottom: 480px;}
	.list-share ul li{ width: calc(100%/2 - 16px);}
	.list-share ul li p{ padding: 10px;}
}

@media screen and (max-width: 768px){
	.index2navdisplay{ display: none;}
	.index1navdisplay{ display: block;}	
	.touch-hide{display: none;}
	.common-btn-green{ width: 120px; height: 36px;}
	.search-news{ width: 100%; padding: 0 20px;}
	.padding-lr-xxl.mobile-limit{ padding-left:15px; padding-right: 15px;}
	.mobile-limit .text-xxl{ font-size: 16px;}
	.mobile-limit .text-xl{ font-size: 16px;}
	.mobile-limit .text-df{ font-size: 12px;}
	
	.footer-nav{ padding: 10px 20px;}
	.footer-logo{ display: none;}
	.footer1-logo{ display: none;}
	
	
	.common-title-bar{ font-size: 20px;}
    .list-text-array{ bottom: 20px; }
    
    .list-shop ul li{width: 100%; margin-left: 0; margin-right: 0;}
    .list-shop ul li div.list-shop-info a.list-shop-text{ font-size: 14px;}   
    .list-share ul li{ width: calc(100%/2 - 16px); margin-left: 8px; margin-right: 8px;}
    
    /*分页*/
	.layui-table-page{padding: 5px 0;}
	.listPage .layui-laypage a,
	.listPage .layui-laypage span{ height: 32px; line-height: 32px; padding: 0 15px;}
	
	.tips-width{ width: 300px;}
	
	.news ul li{ padding: 10px;}
	.news-img{ height: 220px;}
	a.news-title{ height: 44px; font-size: 14px;}
    
    .common-pd{ padding: 15px;}
    .content-padding{padding: 15px;}
    .details-df{ font-size: 12px; line-height: 22px;}
    .details-df .text-big{ font-size: 16px;}
    
    .send{ padding: 15px;}
    
    .user{ justify-content: space-between; flex-direction: column; min-height: auto;}
	.user-nav{ width: 100%; padding: 0;}
	.user-nav ul{ border-bottom: 1px solid #e6e6e6; border-right: none; display: flex;}
	.user-nav ul li{padding: 15px;}
	.user-nav ul li a{ font-size: 16px;}
	.user-content{width: calc(100% - 30px);}
	.user-padding{ padding: 15px;}
	.user-area{ border: 1px solid #e6e6e6; min-height: 150px; padding: 5px 10px;}
	
	.edit-address ul li{width: calc(50% - 5px); margin-bottom: 10px;}
	
	.msg{ margin-top: 20px;}
	.msg ul li{box-shadow: 0 3px 6px rgba(0,0,0,0.06); padding: 15px 20px; margin-bottom: 15px;}
	.msg-head{ width: 40px; height: 40px; overflow: hidden; margin-right: 20px;}
	.msg-reply{padding:15px 20px;}
	.msg .margin-tb-lg {margin-top: 15px;margin-bottom: 15px;}
	
	.introduce-nav{padding: 30px 0 20px;}
	.introduce-nav ul li{ padding: 0 30px;}
	.text-big {font-size: 18px;}
	.introduce-info{padding: 30px 0;}
	
	.padding-xxl.buy-now{ padding: 30px 0;}
	.buy-nav-list span{ font-size: 18px; height: 42px;}
	.shop-add-btn{ margin-right: 0;}
	.shop-add-to{ margin: 0 40px;}
	.text-notes,
	.shop-add{ font-size: 14px;}
	
	.btn-left,.btn-right{ display: none;}
	.shop-img{ margin-top: 20px; margin-bottom: 20px; padding: 0;}
	.shop-img-small ul li{ overflow: hidden;}
    .shop-img-small ul li img{width: 100%;}
    
    .main-content{padding-bottom: 420px;}
    
    .factor-list{ flex-wrap: wrap;}
    .factor-list .factor-col{width: calc(50% - 10px);}
    
    
    .box-img{ margin-top: 30px;}
    
    .upload-input-flex{justify-content: flex-start; flex-direction: column;}
    .input-half-full{ width: 100%;}
    .same-label label{font-size: 14px; }
    
    .login{width: calc(100% - 30px);}
	.login-logo{ width: 160px; margin-bottom: 20px;}
	.login-info{padding: 40px 60px; border-radius: 5px;}
	.login-info h2{ margin-bottom: 40px;}
	.login-info label{ font-size: 14px;}
	
	.shopping-flex{ flex-direction: column; justify-content: center; align-items: center;}
	.shopping-box{ width: calc(100% - 20px);}
	
	.contrast-checkbox ul li{ margin-right: 10px;}
    .constrast-img{ height: 180px;}
	.constrast-title{ margin-bottom: 40px;}
	.contrast-list ul li .contrast-info{ padding-right: 20px;}
	.contrast-list ul li:nth-child(2) .contrast-info{ padding-left: 20px;}
	.contrast-list ul li:last-child .contrast-info{padding-left: 20px;}	

  .btnOpenVideo{bottom: 25px; left: 25px; height: 50px; width: 50px;}
  .btnCloseVideo{top: 15px; right: 15px; height: 36px; width: 36px;}
  .btnCloseVideo i{ font-size: 28px;}

  .shop-img .btn-left,.shop-img .btn-right{
    display: none;
  }
  
  /*20200912*/
  .list-shop ul li a.list-shop-img{ /*height: 164px;*/}
  .msg-box ul li{padding:0 !important; overflow:hidde;}
  .msg-box ul li .msg-head{ /*display:none !important;*/ float:none; }
  .msg-box .flex-one{width:100%;padding-left:0 !important;}
  
  .msg-box .btnReply strong{ margin-bottom: 15px;display:block;overflow:hidden;border: 1px solid #666; color:#666; border-radius: 3px;padding: 2px 5px;font-weight: 100;}
  .msg-box .msg-form-box{margin-bottom:15px;}
}

@media screen and (max-width: 640px){
	
	.footer-mobile .btnIcon{width: 24px; height: 24px; background-size: 24px;}
	.footer-nav{ border-top: 1px solid #292929; padding:10px 0;}
	.footer-nav>div { width: 100%;}
	.footer-nav>div ul{ display: none;}
	.footer-nav>div ul li{line-height: 30px;}
	.footer-nav>div p{ font-size: 16px; border-bottom: 1px solid #292929; position: relative;}
	.footer-nav>div p:after,.footer-nav>div p:before{position: absolute;content: '';width: 14px;height: 1px; background-color: #fff;right: 0;top: 50%;transform-origin: center center;}
    .footer-nav>div p:after {transform: rotate(0deg);transition: transform .25s linear;}
    .footer-nav>div p:before {transform: rotate(-90deg);transition: transform .25s linear;}
    .footer-nav>div.isShow p:after,.footer-nav>div.isShow p:before{transition: transform .25s linear;}
    .footer-nav>div.isShow p:after {transform: rotate(45deg);}
    .footer-nav>div.isShow p:before {transform: rotate(-45deg);}
    
    .text-superbig-xs{ font-size: 24px;}
    
    .news ul li{ width: 100%;}
	.news-img{ height: auto;}
	a.news-title{ height: 40px;}
	.news-info{ font-size: 12px;}
	
	.main-content{padding-bottom: 0;}
	.footer{position: relative;}
	
	.user-nav ul li{padding: 10px;}	
	.edit-address ul li{width:100%;}	
	.text-moblie{font-size: 12px;}	
	
    .introduce-nav{padding: 20px 0 15px;}
	.introduce-nav ul li{ padding: 0 20px;}
	.text-big {font-size: 16px;}
	.introduce-info{padding: 20px 0;}
	.introduce-info-details span{ width: 100%;}
	
	.shop-add{ flex-direction: column; justify-content: flex-end; align-items: flex-end;}
	.shop-add span{ margin-bottom: 10px;}
	
	.login-logo{ width: 120px; margin-bottom: 15px;}
	.login-info{padding: 20px 30px; border-radius: 4px;}
	.login-info h2{ margin-bottom: 20px;}

	.constrast-title{ margin-bottom: 20px;}
	.constrast-img{ height: auto;}
	.contrast-list ul{ flex-direction: column;}
	.contrast-list ul li{ width: 100%; margin-bottom: 20px;}
	.contrast-list ul li .contrast-info{ padding-right: 0; border-right: none;}
	.contrast-list ul li:nth-child(2) .contrast-info{ padding-left: 0;}
	.contrast-list ul li:last-child .contrast-info{padding-left: 0;}	
	
	.menu-bar-list p{ font-size: 18px;}
}

@media screen and (max-width: 600px){
	/*newsletter*/
	.wrapper{ width: 100%; box-sizing: border-box; padding: 15px;}
	.poweredWrapper {padding: 15px 0;width: 100%;font-size: 12px;}
	
	.text-superbig-xs{ font-size: 22px;}
	
	.user-nav{overflow-x: scroll;}
	.user-nav ul{ width: 520px;}
	.user-nav ul li{ padding: 15px;}
	.user-nav ul li a{ font-size: 14px;}
	
	.list-shop ul li a.list-shop-img{/* height: 160px;*/}

}

@media screen and (max-width: 540px){
	
	.user-table-info{ min-height: 120px;}
	.table-width-big{ width: 200px;}
	.user-table-content{ font-size: 12px;}
	.user-table-content h2{ font-size: 14px;}
	
	.msg{ margin-top: 15px;}
	.msg ul li{ padding: 15px;}
	.msg-head{ width: 32px; height: 32px; margin-right: 15px;}
	.msg-reply{padding:15px;}
	.text-notes,
	.msg .text-df{ font-size: 12px;}
	.msg .text-lg{ font-size: 14px;}
	.msg .margin-tb-df{ margin-top: 10px; margin-bottom: 10px;}
	
	.shop-add-to{ margin: 0 20px;}
	
	.box-img{ margin-top: 20px;}
	.box-img ul li a p{ font-size: 10px;}
	.list-share ul li{ width: 100%;}
	.list-shop ul li a.list-shop-img{ height: auto;}
	
	.contrast-checkbox ul li{ margin-bottom: 10px;}
	.contrast-checkbox ul li .layui-form-radio div{ font-size: 12px;}
	
	/*20200912*/
	.newNavs ul li.common-title{ font-weight: 400; font-size:14px;}
	.newNavs ul li:after{ height: 1px; width: 60px;}
}

@media screen and (max-width: 441px){
	.news ul li{padding: 0 10px; margin-bottom: 15px;}
	
	.user-table-info{ min-height: 120px;}
	.table-width-big{ width: 200px;}
	
	.box-img ul li a p{ padding: 5px;}
	
	.factor-list{padding: 0;}
	.factor-list .factor-col{ margin-bottom:10px; margin-top: 0;}
	
	.about-p{ padding-bottom: 20px;}
	.about-list ul li div, .about-list ul li p,
	.about-list ul li{ margin-bottom: 15px;}
	
	.shopping-width-limit.shopping-box-list .pl160{ padding-left: 15px; padding-top: 30px;}

  .btnOpenVideo{bottom: 15px; left: 15px; height: 40px; width: 40px;}
  .btnCloseVideo{top: 10px; right: 10px; height: 28px; width: 28px;}
  .btnCloseVideo i{ font-size: 24px;}


  /*20200910*/
  .header .padding-lr-df{ padding-left: 10px; padding-right: 10px;}
  .header-logo{ height: 30px; width: 90px;}
  .header-info .margin-right-df{ margin-right: 5px;}
  .home-search-input{width: 100px;}
  .home-search-form{ height: 30px; border-radius: 15px;}
  .btnHomeSearch{ width: 30px; height: 30px;}
  .btnHomeSearch i{ background-size: 16px;}
  .home-search-input{ height: 24px; padding: 3px 0 3px 10px;border-radius: 15px;}
  
  /*20200912*/
  .newNavs ul li{ padding: 0 10px;}
  /*20200914*/
  #headNav>div{ padding-left: 10px; padding-right: 10px;}
  
  /*20200913*/
 .login .margin-top-xxl{ margin-top: 10px;}
 .login .margin-bottom-lg{ margin-bottom: 10px;}
 .login .margin-top-lg{ margin-top: 10px;}
 .login .margin-bottom-df{ margin-bottom: 5px;}
 .login-info h2{ margin-bottom: 10px;}
 .login-logo{ margin-bottom: 5px; width: 100px;}
}

@media screen and (max-width: 360px){
	.header-logo{ height: 30px; width: 90px;}
	
	.common-title-bar{ font-size: 16px;}
	
	.text-superbig-xs{ font-size: 20px;}
	
	.common-pd{ padding: 10px;}
	.content-padding{padding: 10px;}
	.details-df{ font-size: 11px; line-height: 20px;}
	.text-big{ font-size: 14px;}
	
	.box-img{ margin-top: 15px;}
	
	.msg{ margin-top: 10px;}
	.msg ul li{ padding: 10px;}
	.msg-head{ width: 32px; height: 32px; margin-right: 10px;}
	.msg-reply{padding:10px;}
	.msg .margin-tb-lg {margin-top: 10px;margin-bottom: 10px;}
	
	.introduce-nav ul li{padding: 0 10px;}
	.introduce-info{ padding: 10px 0;}
	
	.shop-add-to{ margin: 0 10px 0 0;}
	
	.factor-list .factor-col{ margin-bottom:5px; width: 100%;}
	
	.user-orders-info>div{ padding: 0; margin-top: 15px;}
	.user-orders-info p{ font-size: 12px;}
	
	.login-info{padding: 15px;}
	.contrast-checkbox ul li{ margin-right: 0;}
	.contrast-checkbox ul li .layui-form-radio{ margin-right: 0;}

    .btnOpenVideo{bottom: 10px; left: 10px; height: 36px; width: 36px;}
    .btnCloseVideo{top: 5px; right: 5px; height: 24px; width: 24px;}
    .btnCloseVideo i{ font-size: 20px;}
	

    /*20200910*/
    .home-search-input{ width: 60px;}
  
	/*20200914*/
	#headNav .pc-hide.margin-left-df{ margin-left: 5px;}
	.header-info div.btnHome:before,.header-info div.btnHome:after,.header-info div.btnHome,#headNav .btnIcon,
	.header-info div.btnHome span{ width: 20px;}
	.icon-user,
	.icon-search{ background-size: 18px;}
	
}

/*ie*/
.margin-center{margin: 0 auto\0;}
.block{display: block\0;}
.header-nav,.header-nav ul li,
.header-logo{ float: left;}
.header-info{ float:right;box-sizing: border-box;}
.header-info>form,.header-info>a,.header-info>div{ padding: 10px 0; float: left;}
.banner{ height: 900px\0; overflow: hidden;}
.search-news{ margin: 40px auto;}
.list-shop ul li{ float: left;}
.header-nav ul li a{ width: 100%; display: block\0; box-sizing: border-box; float: left;}
.header-nav-seco a font{ display: block\0; line-height: 40px;}
.header-nav-seco a font,.header-nav-seco a span{ float: left;}
.header-nav ul li.active .header-nav-seco{top: 50px;}
div.header-nav-seco::after{ left: 46%; top: -3px\0;}
.menu-title{ line-height: 130px; text-align: center;}
.menu{ float: left;}
.list-shop{ width: 100%\0;}
.list-shop ul li a.list-shop-img{ display: block\0;}
.shop-img-small ul li, .shop-img-show ul li{ float: left;}
.shop-img-small{ float: left;}
.buy-nav-list span{ width: 100%; text-align: center; line-height: 50px; display: block\0;}
.introduce-nav ul{width: 600px\0; margin: 0 auto;}
.introduce-nav ul li{ float: left;}
.introduce-info-details span{display: block\0; float: left; margin-left: 5px\0; margin-right: 5px\0;}
.factor-list .factor-col{ float: left; width: calc(100%/4 - 20px);}
.flys{ width: 200px\0;}
.bg-bike-flex{ padding-top: 200px\0; box-sizing: border-box;}
.common-btn-green{display: inline-block\0; margin: 0 auto; line-height: 50px; margin-top: 15px\0;text-align: center;}
.shop-add{line-height: 40px; padding-left: 45%\0;}
.msg ul li,.user-table ul li,.user-table-info>div,.shopping-box,.user-nav,.user-content,.edit-address ul li,
.msg-head{ float: left;}
.msg ul li{ width: 100%;box-sizing: border-box;}
.user-content{box-sizing: border-box;}
.edit-address ul li{ margin-right:10px\0;margin-bottom: 0\0; margin-top: 20px\0;}
.login-flex{ display: block\0;}
.login{ margin: 100px auto\0;margin-bottom: 0\0;}
.login-logo{ width: 100%\0; display: block\0;}
.login-logo a{ display: block\0; width: 200px; margin: 0 auto;}
.bg-news-flex{display: block\0;}
.user-table .layui-col-xs12.bg-gray ul li{line-height: 38px\0;}
.home-search-input{min-width: 100px\0;}
.header-nav-seco a span.font-long{width:130px\0;}