/* 2024-1-2加 */ 
.ketom .determine .divem .dit{font-weight: bold;}
.ketom{background-color: #000 !important;}
.ketom .determine .divem .dit{color: #fff !important;}
.ketom .determine .divem .comdm .comr .riem .rt{color: #fff !important;}
.ketom .determine .divem .comdm .comr .riem.on .rt{color: #0f65bc !important;}
.ketom .determine .divem .comdm .comr .riem .repm .rip{color: #fff !important;}
.modular .mitop .mit{color: #fff !important;}
.modular .mitop .mip {color: #fff !important;}
.modular .mitop .mip p{color: #fff !important;}
.ketom .taste .radio .label .cm{color: #fff !important;}
.ketom .taste .radio .label .ic img:first-child{filter: grayscale(100%) brightness(500%);}

.ketom.gray{background-color: #fff !important;}
.ketom.gray   .mitop .mit{ color: #333 !important;}
@media (min-width: 750px) {
  .ketom{min-height: calc(100vh - 50px);display: flex;align-items: center;}
}

.wa-a{width: 100%;position: relative;padding-top: calc(940/1920*100%);}
.wa-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.wa-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.wa-img:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.wa-video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.wa-video video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.wa-video:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.wa-top{position: absolute;top: 0;left: 0;width: 100%;text-align: center;padding: 1.95rem .3rem .3rem;}
.wa-text{width: 100%;min-height: 2.3rem;padding-bottom: .25rem;}
.wa-titles{width: 100%;margin-bottom: .28rem;color: #ffffff;line-height: 1.2;font-weight: bold;}
.wa-intro{width: 100%;color: #dddddd;line-height: 1.5;font-weight: bold;}
.wa-play{display: block;margin: 0 auto;cursor: pointer;width: .66rem;}
.wa-play img{width: 100%;}
.wa-bottom{position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;padding: 0 .3rem 1.7rem;}
.wa-trial{display: inline-block;padding: 0 .39rem;line-height: .4rem;color: #ffffff;background-color: rgba(255,255,255,.2);border-radius: .2rem;border: solid .02rem #ffffff;}
.wa-trial:hover{background-color: #035db9;border: solid .02rem #035db9;}

.wa-intro{font-size: calc(30 * 1rem / 100) !important;} 
@media (max-width: 1113px) {
  .wa-intro{font-size: 17.4px !important;}
 }
.wa-titles{font-size: calc(70 * 1rem / 100) !important;} 
@media (max-width: 806px) {
  .wa-titles{font-size: 29.4px !important; } 
}

@media (min-width: 750px) {
  .wa-a{ height:100vh;}
}
@media (max-width: 750px) {
  .wa-a{padding-top: calc(750/750*100%);}
  .wa-bottom{padding-bottom: 1rem;}
  .wa-titles{font-size: .38rem !important;}
  .wa-intro{font-size: .26rem !important;}
}

.wb-a{width: 100%;padding: 1.2rem .3rem 1.1rem;background-color: #000;}
.wb-form{width: 100%;}
.wb-main{width: 100%;max-width: 13.5rem;margin: 0 auto;}
.wb-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.wb-left{width:48.75%;padding: .45rem .3rem .3rem;background-color: rgba(255,255,255,.3);border-radius: .2rem;margin-bottom: .3rem;}
.wb-top{width: 100%;}
.wb-titles{width: 100%;text-align: center;margin-bottom: .15rem;color: #fff;font-weight: bold;line-height: 1.2;}
.wb-intro{width: 100%;margin-bottom: .2rem; color: #fff;line-height: 1.6;}
.wb-buttom{width: 100%;}
.wb-subtitle{width: 100%;margin-bottom: .1rem;text-align: center;color: #fff;line-height: 1.3;}
.wb-list{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.wb-one{display: block;width: calc(50% - .1rem);margin-bottom: .2rem;}
.wb-input{display: block;width: 100%;padding: 0 .2rem;color: #000;height: .4rem;background-color: #fff;}
.wb-buttom{width: 100%;text-align: center;padding-top: .2rem;}
.wb-submit{display: inline-block;cursor: pointer;border: none;padding: 0 .55rem;height: .4rem;line-height: .4rem;background-color: #035db9;color: #ffffff;border-radius: .2rem !important;}

.wb-right{width: calc(51.25% - .45rem);}
.wb-itembox{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.wb-item{display: block;position: relative; width: calc(50% - .15rem);margin-bottom: .3rem;}
.wb-img{width: 100%;padding-top: calc(180/270*100%);position: relative;overflow: hidden;border-radius: .2rem;}
.wb-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wb-img:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('');background-size: 100% auto;background-position: bottom center;background-repeat: no-repeat;}
.wb-text{position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;padding: .25rem .15rem;}
.wb-name{width: 100%;color: #ffffff;line-height: 1.5;}
.wb-item:hover .wb-img img{transform: scale(1.05);} 


@media (min-width: 750px) {
  .wb-a{min-height: calc(100vh - 50px);display: flex;align-items: center;}
}
@media (max-width: 750px) {
  .wb-a{padding: .8rem .3rem;}
  .wb-left{width: 100%;padding: .4rem .3rem;}
  .wb-one{width: 100%;}
  .wb-input{height: .6rem;}
  .wb-submit{height: .6rem;line-height: .6rem;border-radius: .3rem !important;}
  .wb-right{width: 100%;}
}

.wc-a{width: 100%;padding: .95rem .3rem 1.2rem;background-color: #000;}
.wc-main{width: 100%;max-width: 12rem;margin: 0 auto;}
.wc-item{width: 100%;margin-bottom: .35rem;color: #fff;text-align: center;line-height: 1.18;}
.wc-item span{font-size: 1.66em;font-weight: bold;}

@media (min-width: 750px) {
  .wc-a{min-height: calc(100vh - 50px);display: flex;align-items: center;}
}


.wd-a{width: 100%;padding: 1.15rem .3rem .8rem; background-color: #fff;}
.wd-main{width: 100%;max-width: 12rem;margin: 0 auto;}
.wd-titles{width: 100%;margin-bottom: .75rem;text-align: center;color: #333333;font-weight: bold;line-height: 1.2;}
.wd-cont{width: 100%;font-size: 0;}
.wd-item{display: inline-block;vertical-align: top;width: 31.66%;margin-right: 2.5%;margin-bottom: .5rem;}
.wd-item:nth-child(3n){margin-right: 0;}
.wd-img{width: 100%;padding-top: calc(210/380*100%);position: relative;overflow: hidden;border-radius: .2rem;}
.wd-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wd-text{width: 100%;padding-top: .25rem;}
.wd-name{width: 100%;margin-bottom: .15rem;color: #333333;line-height: 1.4;}
.wd-intro{width: 100%;color: #666666;line-height: 1.87;}
.wd-item:hover .wd-img img{transform: scale(1.05);} 

@media (min-width: 750px) {
  .wd-a{min-height: calc(100vh - 50px);display: flex;align-items: center;}
}

@media (max-width: 750px) {
  .wd-item{width: 100%;margin-right: 0;}
}

.we-a{width: 100%;padding: 1.15rem .3rem 1.4rem; background-color: #fff;}
.we-main{width: 100%;max-width: 12rem;margin: 0 auto;}
.we-titles{width: 100%;margin-bottom: .75rem;text-align: center;color: #333333;font-weight: bold;line-height: 1.2;}
.we-cont{width: 100%;position: relative;border-radius: .2rem;overflow: hidden;}
.we-cont:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.we-item{display: block;width: 7rem;position: relative;}
.we-img{width: 100%;padding-top: calc(730/800*100%);position: relative;overflow: hidden;}
.we-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.we-sub{position: absolute;top: 0;left: 0;width: 100%;max-height: 100%;overflow: auto;}
.we-text{position: relative;z-index: 38; display: inline-block;max-width: 4.7rem;padding: .4rem;}
.we-name{width: 100%;margin-bottom: .2rem;color: #ffffff;line-height: 1.4;}
.we-textbox{width: 100%;color: #ffffff;line-height: 1.2;}
.we-textbox *{line-height: inherit;}

@media (min-width: 750px) {
  .we-a{min-height: calc(100vh - 50px);display: flex;align-items: center;}

  .we-item:nth-child(2){position: absolute;top: 0;right: 0;text-align: right;}
  .we-item:nth-child(2) .we-sub{top: auto;left: auto;right: 0;bottom: 0;}
  .we-item:nth-child(2) .we-text{text-align: left;}
  .we-item:nth-child(2) .we-img img{ mask-size: 100% 100%;-webkit-mask-size: 100% 100%;max-width: none;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-image: url(../../../../uploads/assets/picture/wa5.png);mask-image: url(../../../../uploads/assets/picture/wa5.png);}
}

@media (max-width: 750px) {
  .we-text{padding: .15rem .3rem;}
}

.wf-a{width: 100%;padding: 1.05rem .3rem   .9rem; background-color: #f9f9f9;}
.wf-main{width: 100%;max-width: 12rem;margin: 0 auto;}
.wf-titles{width: 100%;margin-bottom: .75rem;text-align: center;color: #333333;font-weight: bold;line-height: 1.2;}
.wf-cont{width: 100%;}
.wf-item{width: 100%;margin-bottom: .4rem;}
.wf-top{display: block;cursor: pointer;width: 100%;margin-bottom: .1rem;display: flex;flex-wrap: wrap;}
.wf-lt{display: flex;align-items: center;height: 1.5em;width: .45rem;}
.wf-icon{display: block;width: .2rem;}
.wf-icon img{width: 100%;}
.wf-rt{flex: 1;}
.wf-question{width: 100%;color: #333333;font-weight: bold;line-height: 1.5;}

.wf-sub{display: none;width: 100%;}
.wf-bottom{ width: 100%;display: flex;flex-wrap: wrap;}
.wf-left{display: flex;align-items: center;height: 1.5em;width: .45rem;} 
.wf-right{flex: 1;}
.wf-answer{width: 100%;color: #666666;line-height: 1.5;}