/*

* Prefixed by https://autoprefixer.github.io

* PostCSS: v8.3.6,

* Autoprefixer: v10.3.1

* Browsers: last 4 version

*/



@charset "utf-8";

/* usually */

html{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;color: #727171;}

body {font-size: 14px;}

body,div,h1,h2,h3,h4,h5,h6,hr,p,span,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,a,:after,:before{margin:0;padding:0;box-sizing: border-box;}

ul,ol,li{list-style:none;}

a{text-decoration: none;color: #727171;}

.auto{margin-left:auto;margin-right:auto;}

.l{float:left;}.r{float:right;}.ti2{text-indent: 2em;}

.db{display:block;}.dn{display:none;}.dib{display: inline-block;}

.ovh{overflow:hidden;}.rel{position:relative;}.abs{position:absolute;}

.fix:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}

.fix-web:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}

.fix-phone:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}

.rel{position:relative;}.abs{position:absolute;}

.img-responsive{max-width: 100%; height: auto; display: block;}

.ellipsis{-o-text-overflow: ellipsis;text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap;}

.ellipsis1{-o-text-overflow: ellipsis;text-overflow: ellipsis; overflow: hidden; display: inline-block; white-space: nowrap;}

img {border:none;display: inline-block;height: auto;max-width: 100%;}

/*margin*/

.m0{margin: 0px;}

.m1{margin: 1px;}.ml1{margin-left: 1px;}.mt1{margin-top: 1px;}.mr1{margin-right: 1px;}.mb1{margin-bottom: 1px;}

.m2{margin: 2px;}.ml2{margin-left: 2px;}.mt2{margin-top: 2px;}.mr2{margin-right: 2px;}.mb2{margin-bottom: 2px;}

.m5{margin: 5px;}.ml5{margin-left: 5px;}.mt5{margin-top: 5px;}.mr5{margin-right: 5px;}.mb5{margin-bottom: 5px;}

.m10{margin: 10px;}.ml10{margin-left: 10px;}.mt10{margin-top: 10px;}.mr10{margin-right: 10px;}.mb10{margin-bottom: 10px;}

.m15{margin: 15px;}.ml15{margin-left: 15px;}.mt15{margin-top: 15px;}.mr15{margin-right: 15px;}.mb15{margin-bottom: 15px;}

.m20{margin: 20px;}.ml20{margin-left: 20px;}.mt20{margin-top: 20px;}.mr20{margin-right: 20px;}.mb20{margin-bottom: 20px;}

.mr25 {margin-right: 25px;} .pb40 {padding-bottom: 40px;}

/*padding*/

.p0{padding: 0px;}

.p1{padding: 1px;}.pl1{padding-left: 1px;}.pt1{padding-top: 1px;}.pr1{padding-right: 1px;}.pb1{padding-bottom: 1px;}

.p2{padding: 2px;}.pl2{padding-left: 2px;}.pt2{padding-top: 2px;}.pr2{padding-right: 2px;}.pb2{padding-bottom: 2px;}

.p5{padding: 5px;}.pl5{padding-left: 5px;}.pt5{padding-top: 5px;}.pr5{padding-right: 5px;}.pb5{padding-bottom: 5px;}

.p10{padding: 10px;}.pl10{padding-left: 10px;}.pt10{padding-top: 10px;}.pr10{padding-right: 10px;}.pb10{padding-bottom: 10px;}

.p15{padding: 15px;}.pl15{padding-left: 15px;}.pt15{padding-top: 15px;}.pr15{padding-right: 15px;}.pb15{padding-bottom: 15px;}

.p20{padding: 20px;}.pl20{padding-left: 20px;}.pt20{padding-top: 20px;}.pr20{padding-right: 20px;}.pb20{padding-bottom: 20px;}

.user_btn {display:inline-block;height:40px;line-height:40px;padding:0 20px;border:1px solid #6c6765}

.pages {

  text-align: right;

  padding: 60px 0;

}

.pages li {

  display: inline-block;

  font-size: 24px;

  margin-right: 0.5%;

  /* border: 1px solid #dcdcdc; */

  color: #666666;

  /* border-radius: 4px; */

}

.pages li .iconfont::before {font-size: 24px;font-weight: 600;}

.pages li a {

  padding: 6px 18px;

  display: inline-block;

  color: #666666;

}

.pages li span {

  padding: 6px 18px;

  display: inline-block;

}

.pages-select {

  -webkit-appearance: none;

  appearance:none;

  -moz-appearance: none;

  -webkit-appearance: none;

  background: url(../img/arrow-down-fill.png) no-repeat 96% center;

  /* background-size: auto 100%; */



  border:1px solid #dadada;

  outline: none;

  font-size: 14px;

  border-radius: 4px;

  padding: 5px;

  padding-right: 16px;

}

.pages-select option {color: #333;}



.pages li.thisclass {

  background:#717171;

  border-color: #717171;

}

.pages li.thisclass a {

  color: #fff;

}

.pages li.noborder {border: none;background-color: transparent;padding: 0;}

.pages li .turn-input {color: #666666;padding: 8px 12px 7px;background-color: #fff;width: 48px;}

input[type="text"],textarea,button,input[type="number"],input[type="password"],input[type="email"] {

  border: none;

  outline: none;

  background-color: transparent;

}

input[type="text"] {

  -webkit-appearance: none;

}

/* ::-webkit-input-placeholder{}

:-moz-placeholder{}

::-moz-placeholder{}

:-ms-input-placeholder{}  */

.flex-row-inline {

  display:-webkit-inline-box;

  display:-ms-inline-flexbox;

  display:inline-flex

}

.flex-row {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

      -ms-flex-direction: row;

          flex-direction: row;

}

.flex-reverse {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: reverse;

      -ms-flex-direction: row-reverse;

          flex-direction: row-reverse;

}

.flex-column {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}

.flex-wrap {

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.align-center {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.flex-reverse {

  flex-direction: row-reverse;

}

.align-start {

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

}

.align-end {

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

}

.space-between {

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.space-around {

  -ms-flex-pack: distribute;

      justify-content: space-around;

}

.flex-end {

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

}



.just-end {

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

}

.flex1 {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

}

.just-center {

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}



.no {

  -webkit-tap-highlight-color: rgba(0,0,0,0);

}



.abs-center {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%,-50%);

      -ms-transform: translate(-50%,-50%);

          transform: translate(-50%,-50%);

}



.menu {

  display: none;

  margin-left: 8px;

}

.menu .iconfont::before {font-size: 32px;}

.hide-pc {display: none;}

.menu i {

  display: block;

  width: 24px;

  height: 2px;

  background-color: #717171;

  margin-top:6px;

  -webkit-transform-origin: left center;

      -ms-transform-origin: left center;

          transform-origin: left center;

  -webkit-transition:-webkit-transform 0.3s;

  transition:-webkit-transform 0.3s;

  -o-transition:transform 0.3s;

  transition:transform 0.3s;

  transition:transform 0.3s, -webkit-transform 0.3s;

}

.menu i:first-child {

  margin-top: 0;

}

.menu.rotate i:nth-of-type(1) {

  -webkit-transform: rotate(42.5deg);

      -ms-transform: rotate(42.5deg);

          transform: rotate(42.5deg);

}

.menu.rotate i:nth-of-type(2){

  opacity: 0;

}



.menu.rotate i:nth-of-type(3){

  -webkit-transform: rotate(-42.5deg);

      -ms-transform: rotate(-42.5deg);

          transform: rotate(-42.5deg);

}



.banner {position: relative;}

.banner-i {

  width: 100%;

  display: block;

}



/* .menu,.mobile-img {

  display: none;

} */



.center-box {

  margin-left: auto;

  margin-right: auto;

  max-width: 1335px;

}

[class*=btn] {cursor: pointer;}



.marks {position: fixed;width: 100%;height: 100%;background-color: rgba(107,107,107,.8);left: 0;top: 0;z-index: 999;display: none;}



.alert-video {width: 884px;height: 586px;}



.gx {

  vertical-align: middle;

  position: relative;

  width: 18px;

  height: 18px;

  background: transparent;

  border: none;

  outline: none;

}

.gx:checked::after {

  background: #717171 url(../img/gx.png) no-repeat 0px 0px;

  background-size: 100%;

  border: 1px solid #717171;

}



.gx:after {

  content: "";

  width: 130%;

  height: 130%;

  background-color: #fff;

  border: 1px solid #717171;

  border-radius: 2px;

  left: 50%;

  top: 50%;

  transform: translate(-50%,-50%);

  position: absolute;

  border-radius: 50%;

}

.gx_ {

  vertical-align: middle;

  position: relative;

  top: -2px;

  width: 20px;

  height: 20px;

  background: transparent;

  border: none;

  /* border: 1px solid #6c6765; */

  outline: none;

}

.gx_::before {

  content: "";

  width: 130%;

  height: 130%;

  background-color: #fff;

  border: 1px solid #6c6765;

  left: 50%;

  top: 50%;

  transform: translate(-50%,-50%);

  position: absolute;

}



.gx_:checked::after {

  content: "";

  width: 80%;

  height: 80%;

  border-radius: 50%;

  background-color: #717171;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%,-50%);

  position: absolute;

}





.normal-select {

  -webkit-appearance: none;

  appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

  background: url(../img/arrow-down-fill.png) no-repeat 96% center;

  padding-right: 16px;

  border: none;

  outline: none;

}



.normal-place ::-webkit-input-placeholder{

  font-size: 18px;

  color: #abaaaa;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;;

}

.normal-place :-moz-placeholder{

  font-size: 18px;

  color: #abaaaa;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;;

}

.normal-place ::-moz-placeholder{

  font-size: 18px;

  color: #abaaaa;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;;

}

.normal-place :-ms-input-placeholder{

  font-size: 18px;

  color: #abaaaa;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;;

}



.normal-place1 ::-webkit-input-placeholder{

  font-size: 17px;

  color: #727171;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;;

}

.normal-place1 :-moz-placeholder{

  font-size: 17px;

  color: #727171;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;;

}

.normal-place1 ::-moz-placeholder{

  font-size: 17px;

  color: #727171;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;;

}

.normal-place1 :-ms-input-placeholder{

  font-size: 17px;

  color: #727171;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;;

}



@keyframes hideIndex{

  0%{ padding-top:30px}

  100%{padding-top:20px}

}



.swiper-banner .swiper-pagination-bullet {

  transition: all .3s ease-in;

  width: 16px;

  height: 16px;

  background-color: #ffffff;

  border: 1px solid #717171;

  opacity: 1;

}

.swiper-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {

  /* width: 36px;

  border-radius: 10px; */

  background-color: #717171;

  border-color: #717171;

}



.swiper-banner .swiper-slide{position: relative;height: auto;}

@-webkit-keyframes circleMove {

  from {

    -webkit-transform: rotateZ(0deg);

            transform: rotateZ(0deg);

  }

  to {

    -webkit-transform: rotateZ(360deg);

            transform: rotateZ(360deg);

  }

}

@keyframes circleMove {

  from {

    -webkit-transform: rotateZ(0deg);

            transform: rotateZ(0deg);

  }

  to {

    -webkit-transform: rotateZ(360deg);

            transform: rotateZ(360deg);

  }

}



.lg_sfdh {

  animation: play_btn 0.5s infinite alternate;

}



@keyframes play_btn{

  0%{transform:scale(1.0)}

  100%{transform:scale(1.1)}

}



.theme {

  color: #c81920;

}



@keyframes btn01_border_02 {

  from {

    height: 0;

    top:  0;

  }

  100% {

    height: 100%;

    top:  0;

  }

}
.drop-cont.show {
    display: block;
    animation: hideIndex .3s;
}
.drop-hover:hover .drop-cont{
        display: block;
        animation: hideIndex .3s;
    }

.show-head .head-tit {display:none}

@media (min-width:992px) {
    

  .method-ul {margin-top: 55px;}

  .news-list {margin-top: -20px;}

  .el-ly-dl>dt {line-height: 60px;}

}

.method-item {display: none;}

.method-item:first-child {display: block;}

.works-logo {max-width: 74px;}

.logo-img {max-width: 92px;}

.footer-logo {max-width: 75px;}

.head {padding: 40px 0 15px;position:sticky;position: -webkit-sticky;top: 0;z-index: 999;background-color: #fff;box-shadow: 0px 1px 1px rgba(221,176,158,0.2);}

.head-tit {font-size: 48px;color: #221815;}

.logo {margin-right: 24px;}

.search-box{width: 170px;height: 55px;line-height: 55px;border-radius: 32px;border: 2px solid #969190;;padding: 0 24px;}

.s-val {font-size: 18px;width: 100%;flex: 1;}

.search-box .icon-sousuo {font-weight: 600;}

.search-box .icon-sousuo::before {font-size: 24px;}

.cate_menu {display: block;width: 50px;height: 50px;display: flex;flex-direction: column;align-items: center;justify-content: center;border: 2px solid #717171;margin-left: 24px;}

.cate_menu i{display: block;width: 72%;height: 3px;background-color: #717171;}

.cate_menu i + i{margin-top: 18%;}



.head-right {

  padding-right: 5%;

  position: absolute;

  right: 0;

  top: 0;

  height: 100%;

}

.head-mid {

  padding-right: 5%;

}

.head-hide-mid {display: none;}

.show-head {justify-content: space-between;}

.show-head .head-right {position: static;}

.show-head .head-hide-mid {display: block;}

.show-head .head-mid {padding-right: 0;padding-left: 5%;}

.show-head .n-img {height: 30px;}

.zw:before {content: "";}

.n-img-on {display:none}
.top_nav-ul>li:hover .n-img-on{display:inline-block}
.top_nav-ul>li:hover .n-im-normal {display:none}
.head_nav-ul>li + li {margin-left: 60px;}

.notice{background-color: #ddb09e;position: fixed;width: 100%;z-index:30}

.swiper-notice {height: 50px;line-height: 50px;}

.swiper-notice .swiper-slide,.swiper-notice .swiper-slide a {color: #fff;font-size: 20px;}

.n-img {height: 40px;width: auto;}

.top_nav-ul>li{text-align: center;}

.top_nav-ul>li + li{margin-left: 86px;}

.nva_text {font-size: 18px;margin-top: 15px;}

.categry-ul {padding: 0 64px;}

.categry-ul>li {width: 25.93%;margin-left: 11.09%;text-align: center;margin-top: 36px;}

.categry-ul>li:hover .c-img{transform: scale(1.2);}

.categry-ul>li:hover .cate-marks {opacity: 1;visibility: visible;}

.categry-ul>li:nth-of-type(3n+1) {margin-left: 0;}

.top_nav {padding: 80px 0 0;}

.banner {padding-top: 50px;}

.normal-tit-group {padding-top: 60px;}

.normal-tit {font-size: 48px;font-weight: 600;color: #595757;}

.normal-en {font-size: 32px;font-weight: 300;}

.cate-top {position: relative;overflow: hidden;}

.c-img {display: block;width: 100%;transition: all .3s ease-in;}

.cate-marks {position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);top: 0;left: 0;display: flex;align-items: center;justify-content: center;color: #ffffff;font-size: 32px;opacity: 0;visibility: hidden;transition: all .3s ease-in;}

.cate-bott {font-size: 24px;padding: 36px 15px;}

.swiper-cloth-outer {max-width: 1010px;margin-left: auto;margin-right: auto;margin-top: 78px;}

.h-img {display: block;width: 100%;}

.swiper-cloth-prev:after,.swiper-cloth-next:after {content: "";}

.swiper-cloth-prev,.swiper-cloth-next {width: 36px;height: 152px;margin: 0;}

.swiper-cloth-prev {background: url(../img/arrow-left.png) no-repeat center;background-size: 100% 100%;left: -65px;transform: translate(-100%,-50%);}

.swiper-cloth-next {background: url(../img/arrow-right.png) no-repeat center;background-size: 100% 100%;right: -65px;transform: translate(100%,-50%);}

.cloth-tit {font-size: 18px;}

.cloth-flag {margin: 12px 0 15px;text-align: right;}

.cloth-price {font-weight: 600;font-size: 18px;text-align: right;}

.cloth-bot {padding-top: 15px;}

.swiper-cloth-pagination {position: static;}

.swiper-pagination-box {padding: 50px 0 80px;}

.swiper-cloth-pagination .swiper-pagination-bullet {width: 16px;height: 16px;border: 1px solid #817e7d;background-color: #fff;opacity: 1;}

.swiper-cloth-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #717171;border-color: #717171;}

.works-btn {display: inline-block;width: 290px;height: 55px;line-height: 55px;background-color: #707071;border-radius: 32px;text-align: center;font-size: 18px;color: #fff;}

.works-top {padding: 47px 70px 24px;}

.works-bj {background-color: #dcdddd;}

.works-tit {font-size: 24px;}

.works-t-right {padding-left: 80px;}

.works-bott {background-repeat: no-repeat;background-position:right top;background-size: 100% auto;padding: 40px 36px;}

.works-box{width: 736px;height: 55px;line-height: 55px;border: 1px solid #898685;padding: 0 48px;border-radius: 32px;font-size: 18px;max-width: 100%;}

.works-img {display: block;}

.works-box .iconfont::before {font-size: 18px;}

.works-span{margin-right: 25px;}

.works-show-ul {border-left: 2px solid #7f7c7b;border-bottom: 1px solid #717171;}

.works-show-ul>li {padding: 10px 30px 30px;width:33.33%}

.works-show {margin-top: 20px;}

.media-links {padding: 0 12px;}

.media-box {padding-top: 36px;}

.works {padding-bottom: 68px;}

.footer {color: #dcdddd;padding: 60px 0 16px;}

.footer a {color: #dcdddd;}

.footer {background-color: #4c4b4c;}

.footer-ul>li+li{margin-left: 40px;}

.footer-ul>li:first-child {font-weight: 600;}

.footer-pd {padding: 0 60px;}

.footer-top-right {padding-right: 45px;}

.footer-bul>li {font-size: 12px;position: relative;padding: 0 16px;}

.footer-bul>li:before {content: "";display: block;width: 1px;height: 90%;background-color: #cac8c7;position: absolute;top: 50%;left: 0;transform: translate(0,-50%);}

.footer-bott {padding-top: 50px;}

.footer-bul>li:first-child::before {display: none;}

.nav-position {font-size: 17px;color: #221815;font-weight: 300;padding: 40px 0;}

.under-line {text-decoration: underline;}

.el-login-val {width: 100%;flex: 1;}

.el-login-box {width: 100%;height: 72px;line-height: 72px;border: 2px solid #807d7d;padding: 0 20px;}

.login-form {width: 700px;margin-left: auto;margin-right: auto;max-width: 100%;}

.el-login-val {font-size: 17px;color: #727171;}

.el-login-row {margin-top: 28px;}

.login-logo{padding:60px 0 40px;}

.el-login-label {font-size: 21px;}

.el-login-btn {display: inline-block;width: 100%;height: 60px;line-height: 60px;border:2px solid #757474;border-radius: 32px;text-align: center;font-size: 23px;}

.el-login-btn.on {background-color: #717171;border-color: #717171;color: #fff;}

.hover-under:hover {text-decoration: underline;opacity: 0.8;}
.hover-show {cursor:pointer}

.hover-show:hover {opacity: 0.8;}

.re-sub {font-size: 21px;}

.login-box {padding-bottom: 170px;}

.normal-table {width: 100%;border-collapse: collapse;}

.page-table {margin: 70px 0;word-break: break-all;}

.page-table th,.page-table td {padding: 20px 25px;border: 2px solid #7e7b7a;}

.page-table th {background-color: #dcdddd;font-size: 21px;}

.page-table td {font-size: 18px;}

.my-page-pd {padding: 0 64px;}

.page-btn {display: inline-block;width: 308px;height: 60px;line-height: 60px;text-align: center;font-size: 21px;border: 1px solid #747272;border-radius: 32px;}

.page-btn.on {background-color: #717171;color: #fff;}

.page-btn + .page-btn {margin-left: 40px;}

.history-table {font-size: 21px;word-break: break-all;}

.cart-table {font-size: 21px;}

.history-table th:first-child {width: 50%;}

.history-table th {background-color: #dcdddd;font-weight: 400;padding: 20px 0;}

.cart-table th {

  background-color: #dcdddd;

  font-weight: 400;

  padding: 20px 0;

}

/* .cart-price {font-size: 24px;} */

.nun-dw {margin: 0 5px;display: inline-block;font-size: 24px;}

.num-input {width: 92px;height: 46px;border: 1px solid #aba4a2!important;font-size: 21px;color: #727171;text-align: center;}



.icon-x::before {font-size: 21px;}

.history-table tr {border: 1px solid #717171;}

.history-table td {padding: 30px 20px;text-align: center;}

.cart-table td {

  padding: 10px;text-align: center;

}

.cart-table tr {border-bottom: 1px solid #888482;}

.cart-bott-info {padding-top: 30px;}

.pro-name {font-size: 26px;font-weight: 600;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;}

.tl {text-align: left;}

.tr {text-align: right;}

.pro-text-box {padding:30px 0 30px 30px;}

.history-outer {padding: 66px 0 200px;}

.oper-pro-btn {padding-right: 20px;}

.cart-table-out {margin: 90px 0 118px;}

.cart-notice {font-size: 20px;}

.cart-total {margin: 78px 0 36px;font-size: 32px;font-weight: 600;padding-right: 40px;}

.cart-total>small {font-size: 23px;margin-right: 40px;font-weight: 400;}

.cart-agree {font-size: 21px;}

.cart-agree a {color: #221815;}

.page-btn-width {width: 260px;}



.method-cont {padding-bottom: 150px;}

.method-ul>li {width: 31.04%;margin-left: 3.43%;font-size: 23px;border: 1px solid #747373;height: 70px;line-height: 70px;text-align: center;margin-top: 45px;transition:background-color .3s ease-in;border-color .3s ease-in;}

.method-ul>li:hover {background-color: #717171;border-color: #717171;color: #fff;}
.method-ul>li:hover a {color:#fff}
.method-ul>li.on {background-color: #717171;border-color: #717171;color: #fff;}

.method-ul>li.on a {color: #fff;}

.method-ul>li a {display: block;}

.method-ul>li:nth-of-type(3n+1) {margin-left: 0;}

.method-tit {font-size: 34px;text-align: center;margin: 56px 0;}

.method-show{font-size: 23px;color: #595757;line-height: 1.6em;}

.cate-left {width: 370px;}

.cate-right {width: 100%;flex: 1;}

.cate-box {margin: 60px 0 100px;}

.cate-drop {font-size: 21px;font-weight: 600;padding: 15px 60px 15px 30px;border-top: 2px solid #817e7d;border-bottom: 2px solid #817e7d;}

.cate-drop .iconfont::before {font-size: 23px;}

.cate-drop-ul>li a {display: block;}

.cate-drop-ul>li {padding: 15px 0 15px 60px;margin-top: 15px;font-size: 18px;}

/* .cate-drop-ul>li:hover {background-color: #717171;color: #fff;} */

/* .cate-drop-ul>li:hover a {color: #fff;} */

.cate-drop-ul>li.on {background-color: #717171;color: #ffffff;}

.cate-drop-ul>li.on a {color: #fff;}

/* .cate-drop-ul {padding-bottom: 30px;} */

.cate-cont {display: none;}

.cate_ul>li + li {margin-top: 20px;}

.cate-pro-ul>li {width: 27.75%;margin-left: 8.36%;}

.cate-pro-ul>li:nth-of-type(3n+1) {margin-left: 0;}

.cate-right {padding-left: 70px;}

.cate-pro-name {flex: 1;display: -webkit-box;-webkit-line-clamp: 1;overflow: hidden;-webkit-box-orient: vertical;font-size: 17px;}

.cate-pro-bott {padding: 17px 0 20px;}

.cate-pro-item {display: inline-block;width: 60px;height: 30px;line-height: 30px;border: 1px solid #989291;text-align: center;cursor: pointer;}

.coll-item.active .iconfont{color: #717171;}

.cart-item {background-color: #717171;border-color: #717171;color: #fff;}

/* .method-show p {margin: 36px 0;} */

.marks-inner{padding: 80px 32px;max-width: 96%;width: 1160px;height: 1510px;max-height: 90vh;background-color: #fff;overflow-y: auto;z-index:99}

.icon_close {font-style:normal;font-size: 43px;font-weight: 600;position: absolute;right: 76px;top: 42px;cursor: pointer;}

.marks-tit {font-size: 28px;font-weight: 600;}

.marks-top {padding-top: 10px;border-bottom: 4px solid #717171;}

.marks-dl>dt .col-red {font-size: 17px;}

.marks-dl>dt {width: 300px;font-size: 20px;line-height: 55px;}

.marks-dl>dd {width: 100%;flex: 1;}

.col-red {color: #a04646;}

.label-pd {padding-left: 31px;}

.marks-input-box {height: 60px;line-height: 56px;border: 2px solid #5f5b5a;padding: 0 16px;width: 100%;color: #727171;}

.marks-input-box1 {height: 112px;border: 2px solid #bababb;}

.marks-input-width {max-width: 670px;;}

.marks-add-box {width: 220px;height: 220px;border: 2px solid #5f5b5a;position: relative;}

.append-inner {width: 220px;height: 220px;margin-right: 10px;margin-bottom: 10px;background-repeat: no-repeat;background-position: center;background-size: cover;}

.marks-add-box:after,.marks-add-box:before {content: "";display: block;width: 40%;height: 40%;height: 4px;background-color: #5f5b5a;position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;}

.marks-add-box:after {transform: translate(-50%,-50%) rotate(90deg);}

.upload-file {position: absolute;width: 100%;height: 100%;opacity: 0;z-index: 1;left: 0;top: 0;cursor: pointer;}

.warnint-tit {font-size: 24px;margin: 50px 0 40px;}

.warning-text {height: 300px;overflow-y: auto;font-size: 16px;line-height: 1.8em;border: 2px solid #a4a3a3;padding: 20px 25px;overflow-y:auto}

.marks-dl {margin-top: 30px;}

.marks-logo {max-width: 96px;}

.aggreement {margin: 40px 0 36px;font-size: 21px;}

.marks-sub-btn {display: inline-block;width: 764px;max-width: 100%;height: 65px;line-height: 65px;background-color: #a4a3a3;color: #fff;font-size: 24px;}

pre {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;color: #727171;}

.coll-top {position: relative;}

.coll-posi {position: absolute;width: 55px;height: 55px;border-radius: 50%;background-color: #fff;box-shadow: 0px 0px 12px rgba(0,0,0,.5);top: 15px;right: 15px;line-height: 55px;text-align: center;cursor: pointer;}

.coll-posi .iconfont::before {font-size: 30px;}

.coll-tit {font-size: 23px;margin-top: 10px;}

.coll-desc {font-size: 17px;margin: 5px 0 15px;}

.coll-btn {height: 48px;line-height: 48px;background-color: #717171;border-radius: 24px;color: #fff;text-align: center;font-size: 17px;}

.el-cancel {

  width: 20px;

  height: 20px;

  background-color: #d70707;

  border-radius: 50%;

  display: inline-block;

  position: absolute;

  right: 10px;

  top: 10px;

  transform: translate(-100%,0);

  cursor: pointer;

}

.el-cancel:after {

  content: "";

  position: absolute;

  width: 10px;

  height: 2px;

  background-color: #fff;

  border-radius: 4px;

  left: 50%;

  top: 50%;

  transform: translate(-50%,-50%);

  z-index: 2;

}

.details-left {width: 51.27%;}

.details-right {width: 48.72%;}

.marks-val {width: 100%;font-size: 17px;color: #727171;}

.mySwiper .swiper-slide {border: 2px solid transparent;opacity: 0.5;cursor: pointer;}

.mySwiper .swiper-slide.swiper-slide-thumb-active {border-color: #221815;opacity: 1;}

.details-right {padding-left: 50px;padding-right: 50px;}

.details-tit {font-size: 32px;}

.details-desc {font-size: 18px;margin: 24px 0 60px;}

.detials-flag {font-size: 24px;margin-bottom: 25px;}

.details-price {font-size: 32px;}

.details-dl>dt {width: 80px;font-size: 21px;}

.details-dl>dd{flex: 1;width: calc(100% - 80px);width: 100%;}

.details-dl {margin-top: 50px;}

.details-inner-box {height: 60px;line-height: 60px;border: 1px solid #878382;border-radius: 32px;width: 100%;overflow: hidden;color: #fff;max-width: 387px;}

.details-inner-box .iconfont::before {font-size: 24px;}

.details-btn {display: inline-block;width: 92px;height: 60px;line-height: 60px;background-color: #717171;text-align: center;}

.details-coll-btn {width: 100%;height: 66px;line-height: 66px;border: 1px solid #837f7e;border-radius: 32px;font-size: 21px;text-align: center;max-width: 387px;}

.details-coll-btn.on {background-color: #717171;text-align: center;color: #fff;}

.details-coll-btn .iconfont::before {font-size: 24px;}

.detils-show-box {padding:30px 90px 90px;background-color: #dcdddd;margin: 47px 0 100px;}

.detilas-table {width: 800px;margin-left: auto;margin-right: auto;max-width: 100%;}

.details-show-top {width: 800px;margin-left: auto;margin-right: auto;max-width: 100%;}

.details-show-div {border-top: 2px solid #878382;}

.detilas-table tr {border-bottom:2px solid #5a5756;}

.detilas-table td,.detilas-table th {padding: 47px 10px 10px;width: 50%;}

.detilas-table td {font-size: 17px;}

.detilas-table th {text-align: left;}

.detilas-table {font-size: 20px;color: #727171;}

.details-show-dl>dd {width: 100%;flex: 1;padding-top: 15px;}

.details-show-dl>dt {font-size: 23px;width: 102px;}

.details-show-span {font-size: 14px;position: relative;display: inline-block;padding-top: 16px;text-align: center;min-width: 68px}

.details-show-span.on:after {content: "";display: block;width: 68px;height: 12px;background-color: #717171;top: 0;transform: translate(0,-50%);position: absolute;}

.details-show-dl {margin-top: 60px;}

.details-tab {margin-top: 40px;}

.details-tab>li {width: 50%;font-size: 21px;border-bottom: 1px solid #7a7877;padding: 20px;text-align: center;cursor: pointer;}

.details-tab>li.on {border:1px solid #7a7877;border-bottom: none;font-weight: 600;}

.details-item {display: none;}

.details-item:first-child {display: block;}

.coll-box {max-width: 900px;margin-left: auto;margin-right: auto;}

.coll-ul>li {width: 27.44%;margin-left: 8.82%;margin-top: 60px;}

.coll-ul>li:nth-of-type(3n+1) {margin-left: 0;}

.forget-info {font-size: 24px;text-align: center;margin: 80px 0;line-height: 2.46em;}

.info-dl-box {width: 738px;margin-left: auto;margin-right: auto;max-width: 100%;}

.info-dl {margin-top: 30px;font-size: 21px;}

.info-dl>dt {width: 320px;font-weight: 600;}

.info-dl>dd {flex: 1;width: 100%;}

.noborder {border-color: transparent;}

.marks-input-box.normal-select {font-size: 16px;}

.confirm-tit {font-size: 24px;background-color: #515150;padding: 20px;color: #fff;}

.confirm-left {width: 64.80%;}

.confirm-right {width: 33.80%;}

.user-name {font-size: 20px;padding: 20px;border-bottom: 1px solid #515150;}

.user-info-item  {font-size: 18px;line-height: 2.2em;}

.user-info {padding: 20px 20px 0;}

.pay-border {border: 2px solid #515150;padding: 25px 25px 30px;}

.pay-top {font-size: 21px;font-weight: 600;}

.marks-text {height: 100%;resize: none;padding: 15px;}

.pay-warning {font-size: 18px;color: #9fa0a0;margin: 10px 0 50px;}

.pay-label {margin-top: 30px;font-size: 16px;font-weight: 600;}

.marks-width {width: 440px;}

.pay-border + .pay-border {margin-top: 60px;}

.el-ly-dl {font-size: 21px;}



.pay-img {max-width: calc(100% - 60px);}

.el-ly-dl>dt {width: 350px;font-weight: 600;}

.el-ly-dl>dt .col-red {font-size: 17px;}

.el-ly-dl>dd {width: 100%;flex: 1;}

.el-ly-dl2>dt {padding-left: 20px;width: 240px;}

.pay-style-box{padding: 30px 0;}

.el-ly-dl {margin-top: 40px;}

.marks-width1 {width: 320px;}

.ques-icon {display: inline-block;width:32px;height: 32px;background: #717171; no-repeat center center;background-size: 100%;border-radius:50%;font-style:normal;text-align:center;line-height:32px;color:#fff;font-size:20px;cursor:pointer}
.ques-icon:hover {background:#ddb09e}

.pay-style-label {font-size: 21px;padding:  0 15px;}

.confirm-r-ul>li {font-size: 20px;}

.confirm-r-ul>li + li {margin-top: 30px;}

.pay-r-total {font-size: 26px;font-weight: 600;text-align: right;margin: 40px 0 30px;}

.pay-r-btn {width: 40%;height: 46px;line-height: 42px;border: 2px solid #515150;border-radius: 32px;text-align: center;display: block;font-size: 18px;}

.pay-r-btn.on {width: 58%;background-color: #515150;color: #fff;}

.confirm-item {padding-bottom: 30px;}

.confirm-btn {display: inline-block;width: 260px;height: 60px;line-height: 60px;border-radius: 32px;background-color: #515150;text-align: center;color: #fff;font-size: 23px;}

.register-box {display: flex;justify-content: center;flex-direction: column;align-items: center;margin-bottom: 62px;}

.marks-width3 {width: 610px;max-width: 100%;}

.marks-width4 {width: 360px;max-width: 100%;}

.marks-width5 {width: 33.33%;max-width: 100%;}

.marks-width6 {width: 210px;max-width: 100%;}

.marks-date {transform: translate(45px,0);}

.info-table {margin: 20px 0 70px;}

.info-table th,.info-table td{padding: 46px 10px 10px;}

.info-table tr {border-bottom: 2px solid #5b5958;}

.info-table {width: 1140px;margin-left: auto;margin-right: auto;max-width: 100%;}

.info-table th {text-align: left;font-size: 21px;width: 36%;}

.info-table td {font-size: 17px;width: 64%;}

.info-change-btn {width: 242px;height: 60px;line-height: 60px;background-color: #717171;text-align: center;color: #fff;border-radius: 32px;font-size: 23px;margin-top: 15px;}

.el-ly-btn{width: 242px;height: 60px;line-height: 60px;background-color: #717171;border-radius: 32px;color: #fff;text-align: center;margin-top: 58px;font-size: 23px;}

.info-btn {display: inline-block;width: 242px;height: 60px;line-height: 60px;border: 1px solid #6f6967;border-radius: 32px;text-align: center;font-size: 23px;color: #727171;}

.confirm-bott {margin-bottom: 140px;}

.info-btn.on {background-color: #727171;color: #fff;}

.info-btn-div +.info-btn-div {margin-top: 30px;}

.info-btn-box {margin-bottom: 83px;}

.date-span {margin: 0 15px;display: inline-block;font-weight: 600;}

.sex-label  {margin-right: 20px;font-weight: 600;}

.rtprice {margin-left: 46px;}

.bold {font-weight: 600;}

.agree-text{font-size: 21px;}

.confirm-box {margin-top: 36px;}

.num-ml {margin-left: 160px;}

.info-pd {padding-left: 20px;}

.details-drop {position: absolute;width: 100%;bottom: 0; transform: translate(0,100%);padding-top: 10px;z-index: 99;display: none;max-width: 387px;}

.details-drop-ul {background-color: #fff;border-radius: 8px;box-shadow: 0px 0px 5px rgba(0,0,0,.5);padding: 10px 0 20px;}

.details-drop-ul>li {font-size: 18px;margin-top: 20px;text-align: center;cursor: pointer;}

.news-list>li {width: 32%;margin-left: 1.995%;background: white;

  padding: 15px;

  margin-top: 45px;

  box-shadow: 0px 0px 1px 0px rgb(7 14 39 / 50%);

  border-radius: 5px;

  transition: box-shadow .5s ease;

}

.news-details-tit{

  font-weight: bold;

  font-size: 32px;

  color: #000;

  padding: 20px 0;

  border-bottom: 1px solid rgba(7, 14, 39, 0.1);

}

.news-details-box {width: 80%;margin-left: auto;margin-right: auto;margin-bottom: 120px;}

.news-details-show {

  font-size: 16px;

  color: #000;

  line-height: 1.875em;

}

.news-details-show p {

  margin: 30px 0;

}

.news-list>li:hover {

  box-shadow: 0px 20px 50px 0px rgb(7 14 39 / 7%);

}

.news-tit {margin: 20px 0;font-size: 16px;

  font-weight: 700;

  color: #222222;}

  .news-list-bott {padding: 10px 15px;}

  .news-list-info {color: #747070;}

.col-pink {color: #f68590;}

.news-list>li:nth-of-type(3n+1) {margin-left: 0;}

.news-list-info>span {margin-right: 20px;}

.news-more {

  font-size: 16px;

    font-weight: 600;

    color: #363167;

}
/*#up-btn {position:fixed;right:20%;bottom:10%;z-index:99999}*/
.marks-text1 {width: 100%;height: 100%;resize: none;}

.marks-text-box {height: 265px;padding: 16px;}

.cont-confirm {

  font-size: 26px;

  color: #3B383A;

  text-align: center;

  font-weight: 600;

}

.block {

  display: block;

  width: 100%;

}

.with100 {width: 100%;}

.tc {text-align: center;}

.webkit {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.line2 {

  -webkit-line-clamp: 2;

}

.col-000 {

  color: #000;

}

.col-333 {

  color: #333;

}

.col-666 {

  color: #666;

}

.col-999 {

  color: #999;

}

.fs12 {

  font-size: 12px;

}

.fs14 {

  font-size: 14px;

}

.fs16 {

  font-size: 16px;

}

.col-fff {

  color: #fff;

}
/*.nav-ul-box {pointer-events: none;}*/
.drop-cont {
    position: absolute;
    width: 200px;
    padding-top: 20px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,100%);
    display: none;
    z-index: 99;
}
.drop-ul {
    background-color: #fff;
    text-align: center;
    padding: 20px 0;
    box-shadow: 0px 0px 3px rgba(0,0,0,.3);
}
.drop-inner-cont {max-height:150px;overflow-y:auto;display:none}
.drop-inner-cont>li {line-height:30px}
.drop-ul>li {line-height:40px;font-size:16px}
.drop-ul-tab .icon-arrow-down2 {position:absolute;right:15px;top:50%;transform:translate(0,-50%)}
.drop-ul-tab {position:relative}
.drop-ul-tab a {display:block}
.drop-ul-tab:hover a {color:#ddb09e}
.bgfff {

  background-color: #fff;

}
/*.coll-top img{max-height:248px;width:auto;max-width: 248px;margin: 0 auto;}*/

.pro-img-box img{max-height:248px;/* width:auto; */max-width: 248px;margin: 0 auto;}


/*.mySwiper2  img{max-height:800px;width:100%;max-width: 800px;margin: 0 auto;}*/

/*.mySwiper   img{max-height:163px;width:auto;max-width: 163px;margin: 0 auto;}*/