*{ padding:0; margin:0; box-sizing: border-box; }
a,a:link,a:valid,a:active,a:hover{ color: #454545; text-decoration: none;}
img{object-fit: cover;font-size: 0;}
body{
    overflow: auto;
    padding-top: 1.11rem;
}
input::placeholder{
    font-size: 0.26rem;
    color: #A9A9A9;
}
input:-ms-placeholder{
    font-size: 0.26rem;
    color: #A9A9A9;
    
}
input:-moz-placeholder{
    font-size: 0.26rem;
    color: #A9A9A9;
    
}
input::-moz-placeholder{
    font-size: 0.26rem;
    color: #A9A9A9;
    
}
input::-webkit-input-placeholder{
    font-size: 0.26rem;
    color: #A9A9A9;
    
}
button:focus,
input:focus{
    outline:none;
}
.scroll::-webkit-scrollbar {
    /* display: none; */
    height: 3px;
}
.scroll::-webkit-scrollbar-track {
    background: rgba(133, 133, 133, 0.1);
    border-radius: 2px;
}
.scroll::-webkit-scrollbar-thumb {
    background: rgba(136, 136, 136,.1);
    border-radius: 2px;
}
.scroll::-webkit-scrollbar-thumb:hover {
    background: rgb(100, 100, 100);
    border-radius: 2px;
}
.scroll::-webkit-scrollbar-thumb:active {
    background: rgb(68, 68, 68);
    border-radius: 2px;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.banner img{
    width: 100%;
    max-height: 9.63rem;
}
.swiper-button-next,.swiper-button-prev{
    width: 1.11rem;
    height: 1.11rem;
    background: rgba(137, 137, 137, .4);
    border-radius: 50%;
    background-image: url("../img/next.png");
    background-size: 0.31rem 0.56rem;
    background-position: center;
    background-repeat: no-repeat;
    right: 1.37rem;
}
.swiper-button-prev{
    background-image: url("../img/prev.png");
    right: auto;
    left: 1.37rem;
}
.swiper-pagination-bullet{
    width: 0.13rem;
    height: 0.13rem;
    background: #FFFFFF;
    opacity: 0.8;
    border-radius: 0.06rem;
}
.swiper-pagination-bullet-active{
    width: 0.67rem;
    height: 0.13rem;
    opacity: 1;
}
header{
    width: 100%;
    height: 1.11rem;
    background: #F2E725;
    position: fixed;
    z-index: 999;
    top:0;
    box-shadow: -1px 2px 5px 0px rgba(143,143,143,0.38);
}
header>div{
    width: 22.22rem;
    margin: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:0 1px;
}
header .logo{
    width: 3.13rem;
    min-width:3.13rem;
}
header ul{
    flex: 1;
    height: 100%;
    margin:0 1.13rem;
    white-space: nowrap;
}
header li{
    width: 1.67rem;
    min-width: max-content;
    height: 100%;
    line-height: 1.11rem;
    font-size: 0.3rem;
    text-align: center;
    color: #454545;
    float: left;
    list-style: none;
    padding:0 .2rem;
    cursor: pointer;
}
header li.active{
    color:#000;
    background: #FFFFFF;
}
header input{
    width: 4.22rem;
    height: 0.72rem;
    background: #F6F6F6;
    border-radius: 0.36rem;
    padding: 0 0.67rem 0 .28rem;
    line-height: 0.72rem;
    outline: none;
    border:none;
    background: #F6F6F6;
    font-size: 0.26rem;
}
header .search{
    width: 0.39rem;
    height: 100%;
    margin-left: -0.67rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../img/srarch.png");
    cursor: pointer;
}
header.white{
    background-color: #FFFFFF;
    transition: backgroundColor .3s;
}
header.white .active{
    background-color: #F4E827
}
.successToast{
    display: none;
    position: fixed;
    width:100vw;
    height: 100vh;
    top:0;
    left:0;
    z-index: 9999;
    background: rgba(148, 148, 148,.5);
}
.successToast .box{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    padding: .8rem .4rem;
    background: #FFFFFF;
    border-radius: 0.19rem;
    font-size: .3rem;
}
.successToast .close{
    display: inline-block;
    width:.56rem;
    height:.56rem;
    background-image: url("../img/close.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top:-.3rem;
    right:-.65rem;
    cursor: pointer;
}

footer{
    border:1px solid #F2F2F2;
    background: #F2F2F2;
}
footer .logo{
    width:5.65rem;
    display: block;
    margin:.57rem auto .52rem;
}
footer from{
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 22.22rem;
    min-width: max-content;
    background: #FFFFFF;
    border-radius: 0.09rem;
    margin:.57rem auto .52rem;
    font-size: 0.3rem;
    font-weight: bold;
    color: #6D6B6B;
    line-height: 0.78rem;
    padding:.65rem .83rem;
}
footer from>p{
    min-width: max-content;
    min-height: 30px;
    width: 3.86rem;
    min-width: 3.86rem;
    height: 0.78rem;
    background: #F2F2F2;
    border-radius: 0.09rem;
    padding:0 .2rem;
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-right: .43rem;
}
footer from .sendMassage{
    height: 0.6rem;
    max-height: 30px;
    border-radius: 30px;
    border:none;
    cursor: pointer;
}
footer from p.mobile,
footer from p.long{
    width: 8.13rem;
}
footer from p.mobile{
    min-width: 270px;
}
footer from input{
    width:1rem;
    height: .6rem;
    min-height: 30px;
    flex-grow: 1;
    flex-shrink: 1;
    padding-left: .2rem;
    border: none;
    background: #F2F2F2;
    outline: none;
}
footer from .select {
    position: relative;
}
footer from .option {
    display: none;
    width: 100%;
    position: absolute;
    top: .8rem;
    right: 0;
    font-size: .24rem;
    text-align: center;
    background: #ffffff;
    font-weight: 500;
    border-radius: 0.09rem;
}
footer from .option .active {
    color:#00141b;
    background: #b0ebff;
}
footer from .code{
    height: 80%;
}
footer from button{
    white-space: nowrap;
    height: 0.74rem;
    min-width: min-content;
    min-height: 30px;
    background: #FFFFFF;
    border: .05rem solid #34C9FA;
    font-size: 0.3rem;
    font-weight: bold;
    color: #34C9FA;
    padding: 0 .2rem;
}
footer hr{
    width: 22.22rem;
    border:none;
    margin: .54rem auto;
    border-bottom:  0.02rem solid #E2E2E2;
}
footer .box{
    width: 22.22rem;
    margin: .88rem auto 0;
    padding:0 1.54rem 0 .65rem;
    display: flex;
    justify-content: space-between;
    font-size: 0.26rem;
    color: #A3A3A3;
    line-height: 1.5;
    margin-bottom: .85rem;
}
footer .box>div{
    flex-grow: 1;
    flex-shrink: 1;
}
footer .title{
    color: #434343;
}
footer p{
    cursor: pointer;
}
footer .box img{
    width: 2.02rem;
    height: 2.02rem;
    background: #FAF2CC;
}
footer .bold{
    font-weight: bold;
}
footer .center{
    text-align: center;
}
footer .records{
    text-align: center;
    font-size: 0.22rem;
    color: #666666;
    line-height: 1.5;
    margin-bottom: .98rem;
}
footer a,footer a:link,footer a:valid,footer a:active,footer a:hover{
    color: #A3A3A3;
}
footer .license{
    width: 30px;
    margin-bottom: -11px;
    border: 1px solid #ffffff;
    border-radius: 50%;
}
.container{
    margin:auto
}
.activeMask{
    position: fixed;
    width:100vw;
    height: 100vh;
    top:0;
    left:0;
    z-index: 9999;
    background: rgba(148, 148, 148,.5);
}
.activeMask .box{
    position: relative;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: max-content;
    border-radius: 0.37rem;
}

.activeMask .activePopup{
    width:16.28rem;
    margin-right:-1.8rem;
}
.activeMask .close{
    position: absolute;
    transform: translate(-50%,-50%);
    display: inline-block;
    right:-2rem;
    width: 1.26rem;
    height: 1.26rem;
    background-image: url("../img/anniversary/close.png");
    background-size: contain;
    background-position: center;
}
.activeMask button{
    position: absolute;
    width: 5rem;
    height: 1rem;
    background: #FF5933;
    border-radius: 0.89rem;
    left:50%;
    bottom:.4rem;
    border:none;
    transform: translateX(-50%);
    font-size: .5rem;
    font-weight: bold;
    color:#ffffff;
    border:4px solid #FFEA31;
    border-radius: 1rem;
    cursor: pointer;
}
@media screen and (max-width: 1200px)  {
    .container{
        /* width:100% !important; */
        padding-left:.3rem;
        padding-right:.3rem;
    }
    .team .content::before,
    .team .content::after{
        display: none !important;
    }
}