*{
  outline:0 none !important;
}
html{font-size: calc(100vw / 19.2);-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-overflow-scrolling: touch;scrollbar-width: thin;}
html.act{overflow: hidden;width: 100%;height: 100vh;}
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{ margin:0; padding:0;outline: none;}

@font-face {
  font-family: 'Montserrat-SemiBold';
  src: url("../fonts/Montserrat-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
  unicode-range: U+0020-FFFF;
}
@font-face {
  font-family: 'Montserrat-Medium';
  src: url("../fonts/Montserrat-Medium.otf") format("opentype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
  unicode-range: U+0020-FFFF;
}
@font-face {
  font-family: 'Montserrat-Regular';
  src: url("../fonts/Montserrat-Regular.otf") format("opentype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
  unicode-range: U+0020-FFFF;
}
@font-face {
  font-family: 'Montserrat-Light.otf';
  src: url("../fonts/Montserrat-Light.otf.otf") format("opentype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
  unicode-range: U+0020-FFFF;
}
.fw600{font-family: 'Montserrat-SemiBold';font-weight: 600;}
.fw500{font-family: 'Montserrat-Medium';font-weight: 500;}
.fw400{font-family: 'Montserrat-Regular';font-weight: 400;}
.fw300{font-family: 'Montserrat-Light';font-weight: 300;}

:root{
  --theme-color: #FF8E00;
  --text-color: #111;
  --text-color2: #333;
  --text-color3: #666;
  --linear-gradient:linear-gradient(96deg, #FDB808 0%, #FF8E00 100%);
  --imgwhite: brightness(0) invert(1);
  --imgblack: brightness(0);
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}
.jbwz{
  background: var(--linear-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

body {position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden;position: relative;padding: 0; width: 100%;color: var(--text-color);font-family: 'Montserrat-Regular', Arial,-apple-system, BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;font-size: 14px;line-height: 1.5;background: #F1F2ED;}
html.act{overflow: hidden;width: 100%;}
.ul,.ul .li,.ol .li,.tr .td,.dl,.dd{ list-style-type:none;margin:0;padding:0; }
.clearfix:after{content: "";display: block;height:0; clear:both; visibility: hidden;}
.clearfix {*zoom:1;}
a{display: inline-block; text-decoration:none!important; cursor:pointer;color: var(--text-color);transition: color 0.4s var(--ease);}
textarea,select{outline:none;color:#666;font-size: 14px;width:100%;font-family: 'Montserrat-Regular';font-weight: 400;}
textarea{resize:none;padding: 0;border: 0;font-family: 'Montserrat-Regular';font-weight: 400;}
img{border:none;max-width: 100%;display: block;width: 100%;}
img[src=""]{opacity: 0;}
i{font-style: normal;}

/* 编辑框样式清除 */
.edit * {
  all: revert;
}
.edit > *:not(ul):not(li):not(ol):not(dl) {
  margin: 0;
  padding: 0;
}

.edit img,.img_inline_block img {display:inline-block;height:auto;width: auto;max-width: 100%;}

.t_line1 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.t_line2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:2;-moz-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line3 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:3;-moz-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line4 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:4;-moz-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line5 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:5;-moz-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;box-orient:vertical;}
.place::-webkit-input-placeholder {color:var(--text-color3);}
.place:-moz-placeholder {color:var(--text-color3);}
.place::-moz-placeholder {color:var(--text-color3);}
.place:-ms-input-placeholder {color:var(--text-color3);}

.place2::-webkit-input-placeholder {color: #999;}
.place2:-moz-placeholder {color: #999;}
.place2::-moz-placeholder {color: #999;}
.place2:-ms-input-placeholder {color: #999;}

.swiper-button-disabled{cursor: not-allowed;}
.swiper-button-lock{opacity: 0;pointer-events: none;}

.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.text-justif {text-align:justify;}
.text-nowrap {white-space:nowrap;}
.text-lowercase {text-transform:lowercase;}
.text-uppercase {text-transform:uppercase;}
.text-capitalize {text-transform:capitalize;}
.text-bold {font-weight:bold;}
.imgTwo{position: relative;}
.imgTwo img:nth-child(2){position: absolute;inset: 0px;margin: auto;opacity: 0;}
.imghover:hover .imgTwo img:nth-child(1){opacity: 0;}
.imghover:hover .imgTwo img:nth-child(2){opacity: 1;}
.imgTwohover:hover img:nth-child(1){opacity: 0;}
.imgTwohover:hover img:nth-child(2){opacity: 1;}
.zId5 {z-index:5;}
.zId4 {z-index:4;}
.zId3 {z-index:3;}
.zId2 {z-index:2;}
.zId1 {z-index:1;}


/* 滚动条样式 */
.scroll{scrollbar-gutter: stable;}

.scroll1::-webkit-scrollbar {width:2px;height:1px;}
.scroll1::-webkit-scrollbar-thumb{ background:var(--theme-color);border-radius: 2px;}
.scroll1::-webkit-scrollbar-track{ background:transparent;}

/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 'Montserrat-Regular';font-weight: 400;outline: none;}
input[type="submit"]{background-color: transparent;cursor: pointer;}
input[type="button"], input[type="submit"], input[type="reset"] {appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select::-ms-expand { display: none; }

.alltime,.alltime:before,.alltime:after,.alltime *,.alltime *:before,.alltime *:after{-webkit-transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); transition: all .4s cubic-bezier(0.4, 0, 0.2, 1);}

.progress-div {
  will-change: transform, opacity;
  transform: translateZ(0);
}

input[type=text]:focus::placeholder {
  opacity: 0;
}

/* common */

.zz_tanchuang{
    display: table;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    width: 100%;
    z-index: 999;
}
.zz_tanchuang.one {
    animation: unfoldIn 1s cubic-bezier(.165, .84, .44, 1) forwards;
    -webkit-animation: unfoldIn 1s cubic-bezier(.165, .84, .44, 1) forwards;
    transform: scaleY(.01) scaleX(0);
    -webkit-transform: scaleY(.01) scaleX(0);
}
.zz_tanchuang .tbox {
    background: #000c;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.zz_tanchuang .tbox .modal {
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    max-height: 90%;
    max-width: 1200px;
    padding: 0;
    position: relative;
    width: 80%;
}
.zz_tanchuang.one .tbox .modal {
    animation: zoomIn .5s cubic-bezier(.165, .84, .44, 1) .8s forwards;
    -webkit-animation: zoomIn .5s cubic-bezier(.165, .84, .44, 1) .8s forwards;
    transform: scale(0);
    -webkit-transform: scale(0);
}
.zz_tanchuang .tbox .modal .out{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.824' height='8.824' viewBox='0 0 8.824 8.824'%3E%3Cg data-name='组 21240'%3E%3Cg fill='none' stroke='%23fff' data-name='组 20569'%3E%3Cpath d='M.353.353 8.47 8.47' data-name='直线 13431'/%3E%3Cpath d='M8.47.353.355 8.47' data-name='直线 13432'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;background-size:20px;border-radius:50%;color:#000;cursor:pointer;font-size:30px;height:40px;line-height:40px;opacity:.75;position:absolute;right:-55px;text-align:center;top:-40px;transition:all .5s;width:40px;}

.zz_tanchuang .tbox .modal .out:hover {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.zz_tanchuang .tbox .modal .img {
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    max-width: 1200px;
}
.zz_tanchuang .tbox .modal .img video {
    background-color: #000;
    display: block;
    max-height: 67vh;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}

@keyframes unfoldIn {
    0% {
        transform: scaleY(.005) scaleX(0)
    }

    50% {
        transform: scaleY(.005) scaleX(1)
    }

    to {
        transform: scaleY(1) scaleX(1)
    }
}

@keyframes zoomIn {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes zoomOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

@keyframes unfoldOut {
    0% {
        transform: scaleY(1) scaleX(1)
    }

    50% {
        transform: scaleY(.005) scaleX(1)
    }

    to {
        transform: scaleY(.005) scaleX(0)
    }
}

@media (min-width: 1025px) {
  .phbox{display: none;}
}

@media (min-width: 1900px) {
  .f_12 {
    font-size: 12px;
  }
  .f_14 {
    font-size: 14px;
  }
  .f_16 {
    font-size: 16px;
  }
  .f_18 {
    font-size: 18px;
  }
  .f_20 {
    font-size: 20px;
  }
  .f_22 {
    font-size: 22px;
  }
  .f_24 {
    font-size: 24px;
  }
  .f_26 {
    font-size: 26px;
  }
  .f_28 {
    font-size: 28px;
  }
  .f_29 {
    font-size: 29px;
  }
  .f_30 {
    font-size: 30px;
  }
  .f_32 {
    font-size: 32px;
  }
  .f_34 {
    font-size: 34px;
  }
  .f_36 {
    font-size: 36px;
  }
  .f_38 {
    font-size: 38px;
  }
  .f_40 {
    font-size: 40px;
  }
  .f_42 {
    font-size: 42px;
  }
  .f_44 {
    font-size: 44px;
  }
  .f_46 {
    font-size: 46px;
  }
  .f_48 {
    font-size: 46px;
  }
  .f_50 {
    font-size: 50px;
  }
  .f_52 {
    font-size: 52px;
  }
  .f_54 {
    font-size: 54px;
  }
  .f_56 {
    font-size: 56px;
  }
  .f_58 {
    font-size: 58px;
  }
  .f_60 {
    font-size: 60px;
  }
  .f_62 {
    font-size: 62px;
  }
  .f_64 {
    font-size: 64px;
  }
  .f_66 {
    font-size: 64px;
  }
  .f_68 {
    font-size: 68px;
  }
  .f_70 {
    font-size: 70px;
  }
  .f_72 {
    font-size: 72px;
  }
  .f_74 {
    font-size: 74px;
  }
  .f_76 {
    font-size: 76px;
  }
  .f_78 {
    font-size: 78px;
  }
  .f_80 {
    font-size: 80px;
  }
}

@media (min-width: 2200px) {
    .f_12 {
    font-size: 0.12rem;
  }
  .f_14 {
    font-size: 0.14rem;
  }
  .f_16 {
    font-size: 0.16rem;
  }
  .f_18 {
    font-size: 0.18rem;
  }
  .f_20 {
    font-size: 0.20rem;
  }
  .f_22 {
    font-size: 0.22rem;
  }
  .f_24 {
    font-size: 0.24rem;
  }
  .f_26 {
    font-size: 0.26rem;
  }
  .f_28 {
    font-size: 0.28rem;
  }
  .f_29 {
    font-size: 0.29rem;
  }
  .f_30 {
    font-size: 0.30rem;
  }
  .f_32 {
    font-size: 0.32rem;
  }
  .f_34 {
    font-size: 0.34rem;
  }
  .f_36 {
    font-size: 0.36rem;
  }
  .f_38 {
    font-size: 0.38rem;
  }
  .f_40 {
    font-size: 0.40rem;
  }
  .f_42 {
    font-size: 0.42rem;
  }
  .f_44 {
    font-size: 0.44rem;
  }
  .f_46 {
    font-size: 0.46rem;
  }
  .f_48 {
    font-size: 0.46rem;
  }
  .f_50 {
    font-size: 0.50rem;
  }
  .f_52 {
    font-size: 0.52rem;
  }
  .f_54 {
    font-size: 0.54rem;
  }
  .f_56 {
    font-size: 0.56rem;
  }
  .f_58 {
    font-size: 0.58rem;
  }
  .f_60 {
    font-size: 0.60rem;
  }
  .f_62 {
    font-size: 0.62rem;
  }
  .f_64 {
    font-size: 0.64rem;
  }
  .f_66 {
    font-size: 0.64rem;
  }
  .f_68 {
    font-size: 0.68rem;
  }
  .f_70 {
    font-size: 0.70rem;
  }
  .f_72 {
    font-size: 0.72rem;
  }
  .f_74 {
    font-size: 0.74rem;
  }
  .f_76 {
    font-size: 0.76rem;
  }
  .f_78 {
    font-size: 0.78rem;
  }
  .f_80 {
    font-size: 0.80rem;
  }
}


@media (max-width: 1680px) {
.f_16 {
    font-size: 14px;
  }
.f_18 {
    font-size: 14px;
  }
.f_20 {
    font-size: 17px;
  }
.f_22 {
    font-size: 19px;
  }
.f_24 {
    font-size: 22px;
  }
.f_26 {
    font-size: 24px;
  }
.f_28 {
    font-size: 26px;
  }
.f_29 {
    font-size: 27px;
  }
.f_30 {
    font-size: 28px;
  }
.f_32 {
    font-size: 28px;
  }
.f_34 {
    font-size: 32px;
  }
.f_36 {
    font-size: 34px;
  }
.f_38 {
    font-size: 36px;
  }
.f_40 {
    font-size: 32px;
  }
.f_42,
.f_44 {
    font-size: 36px;
  }
.f_46 {
    font-size: 36px;
  }
.f_48 {
    font-size: 36px;
  }
.f_50 {
    font-size: 40px;
  }
.f_52 {
    font-size: 40px;
  }
.f_54 {
    font-size: 46px;
  }
.f_56 {
    font-size: 48px;
  }
.f_58 {
    font-size: 48px;
  }
.f_60,
.f_62,
.f_64,
.f_66,
.f_68,
.f_70,
.f_72,
.f_74,
.f_76,
.f_78,
.f_80 {
    font-size: 52px;
  }
}
@media (max-width: 1560px) {
  .f_14 {font-size: 13px;}
  .f_58,
  .f_60,
  .f_62,
  .f_64,
  .f_66,
  .f_68,
  .f_70,
  .f_72,
  .f_74,
  .f_76,
  .f_80 {
      font-size: 48px;
  }
}
@media (max-width: 1440px) {
  .f_16 {
      font-size: 15px;
    }
  .f_18 {
      font-size: 14px;
    }
  .f_20 {
      font-size: 16px;
    }
  .f_22 {
      font-size: 18px;
    }
  .f_24 {
      font-size: 18px;
    }
  .f_26 {
      font-size: 22px;
    }
  .f_28 {
      font-size: 22px;
    }
  .f_29 {
      font-size: 23px;
    }
  .f_30 {
      font-size: 24px;
    }
  .f_32 {
      font-size: 24px;
    }
  .f_34 {
      font-size: 26px;
    }
  .f_36 {
      font-size: 28px;
    }
  .f_38 {
      font-size: 28px;
    }
  .f_40 {
      font-size: 30px;
    }
  .f_42,
  .f_44 {
      font-size: 32px;
    }
  .f_46 {
      font-size: 32px;
    }
  .f_48 {
      font-size: 34px;
    }
  .f_50 {
      font-size: 36px;
    }
  .f_52 {
      font-size: 34px;
    }
  .f_54 {
      font-size: 38px;
    }
  .f_56 {
      font-size: 40px;
    }
  .f_58 {
      font-size: 40px;
    }
  .f_60,
  .f_62,
  .f_64,
  .f_66,
  .f_68,
  .f_70,
  .f_72,
  .f_74,
  .f_76,
  .f_78,
  .f_80 {
      font-size: 44px;
    }
}
@media (max-width: 1280px) {
  .f_14 {
    font-size: 12px;
  }
  .f_16 {
    font-size: 13px;
  }
.f_18 {
    font-size: 14px;
  }
.f_20 {
    font-size: 15px;
  }
.f_22 {
    font-size: 16px;
  }
.f_24 {
    font-size: 16px;
  }
.f_26 {
    font-size: 20px;
  }
.f_28 {
    font-size: 20px;
  }
.f_29 {
    font-size: 20px;
  }
.f_30 {
    font-size: 20px;
  }
.f_32 {
    font-size: 22px;
  }
.f_34 {
    font-size: 23px;
  }
.f_36 {
    font-size: 25px;
  }
.f_38 {
    font-size: 26px;
  }
.f_40 {
    font-size: 30px;
  }
.f_42,
.f_44 {
    font-size: 32px;
  }
.f_46 {
    font-size: 30px;
  }
.f_48,
.f_50 {
    font-size: 34px;
  }
.f_52{
  font-size: 32px;
}
.f_54,
.f_56,
.f_58,
.f_60,
.f_62,
.f_64,
.f_66,
.f_68,
.f_70,
.f_72,
.f_74,
.f_76,
.f_78,
.f_80 {
    font-size: 40px;
  }
}


@media (max-width: 767px) {
  .zz_tanchuang .tbox .modal{width: 90%;}

  .zz_tanchuang .tbox .modal .out{width: 30px;right: 0;}
}