html,body {
    font-family: 'PingFangSC-Regular',sans-serif,Helvetica,Arial;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    padding: 0;
}

/*禁止长按手势*/
body.disable-default-action {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

html {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}

html::-webkit-scrollbar {
    width: 0;
}

html::-webkit-scrollbar {
    display: none;
}
body{
    width: 100%;
    margin: 0 auto;
    background: #FAFAFA;
}
a {
    text-decoration: none;
}

input,button,div {
    outline: 0;
}

a,img,button,input,textarea,div {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
}

input,textarea {
    -webkit-appearance: none;
}

ul li{
    list-style: none;
}

#hasNetwork{
    text-align: center;
    margin: 55px auto;
    width: 80px;
    height: 80px;
}

#hasNetwork > img{
    width: 100%;
    height: 100%;
    display: block;
}

#hasNetwork > p{
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #888888;
    letter-spacing: 0;
    text-align: center;
}

.container{
    width: 100%;
    height: auto;
    position: relative;
    /* z-index: 998; */
}

.container > div > .imgBox{
    width: 100%;
    /* height: 80px;
    background: url('../img/banner2.png') no-repeat center top;
    background-size: 667px 80px; */
    overflow: hidden;
}

.imgBox > img {
    width: 100%;
    height: 100%;
    display: block;
}

.meetingDesc{
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #B39A7C;
    letter-spacing: 0;
    text-align: center;
    margin: 30px 0 30px 0;
}

.desc1{
    width: 100%;
    text-align: center;
    font-family: PingFangSC-Light;
    font-size: 14px;
    color: #B1997B;
    letter-spacing: -0.1px;
    margin: 57.5px 0 70px 0;
    position: relative;
}


.desc2{
    margin: 50px 0 30px 0;
}

.desc1.desc2 > p{
    margin: 0;
    padding: 0;
}

img{
    width: 85.3%;
    height: 100%;
    display: block;
    margin: 0 auto;
}

.swiper-slide-duplicate .swiper-slide-active{
    background: #F7F7F7;
}

.igShow{
    opacity: 1;
    transition: opacity .5s; 
}

.imgHide{
    opacity: 0;
    transition: opacity .5s; 
}

.showOpacity{
    position: relative;
    top: 0;
    width: 100%;
    padding-top: 30%;
}

.showOpacity > li{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.showOpacity > li > img{
    display: block;
    width: 227px;
    height: 128px;
}

.showOpacity > li >p{
    margin: 0;
}

#photos img{
	width: 500px;
	height: 375px;
	float: left;
}

#photos{
	position: absolute;
	width: calc(500px * 6);
}

.play{
	animation: leftMove 10s ease-out infinite; /*无限循环这个过程*/
}

@keyframes leftMove{
	0%{margin-left: 0;}
	33%{margin-left: -500px;}
	66%{margin-left: -1000px;}
	99%{margin-left: -1500px;}
}


/* 圈圈 */

.section_img {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.section2_img_all {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.section2_img_ul {
    position: relative;
    top: 0;
    width: 400%;
    animation: section2_img_ul 8s infinite ease;
    left: 0;
    padding: 0;
    margin: 0;
    transition: animation ease;
}

.section2_img_ul li {
    width: 25%;
    float: left
}

@keyframes section2_img_ul {
    0% {
        left: 0
    }

    40% {
        left: 0
    }

    50% {
        left: -100%
    }

    90% {
        left: -100%
    }

    100% {
        left: -200%
    }
}

@keyframes section2_img_ul2 {
    0% {
        left: 0
    }

    20%{
        left: -0%;
    }
    
    33%{
        left: -100%;
    }

    53%{
        left: -100%;
    }

    66% {
        left: -200%
    }

    86% {
        left: -200%;
    }

    100% {
        left: -300%;
    }
}

.section_img2_anmt {
    position: relative;
    width: 100%;
    margin: 0 auto
}

.section_img_mobile {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 0
}

*html .clearfix {
    zoom:1}

*:first-child+html .clearfix {
    zoom:1
}

.circle1 {
    position: absolute;
    z-index: 4;
    left: 67.15781922525107%;
    top: 50.55195681511471%;
    width: 10.043041606886657%;
    height: 9%
}

.circle2 {
    position: absolute;
    z-index: 2;
    left: 42.54375896700143%;
    top: 23.07017543859649%;
    width: 15.566714490674318%;
    height: 12.851551956815115%
}

.circle3 {
    position: absolute;
    z-index: 4;
    left: 81.50932568149211%;
    top: 57.21997300944669%;
    width: 3%;
    height: 13.796221322537113%
}

.circle4 {
    position: absolute;
    z-index: 4;
    left: 45.9%;
    top: 77.5%;
    width: 6.164992826398852%;
    height: 6.2%
}

.circle2 .circleleft,.circle3 .circleleft,.circle4 .circleleft {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 0;
    background: #f00;
    animation: circleleft 8s 0.5s infinite
}

.circle2 .circlebottom,.circle3 .circlebottom,.circle4 .circlebottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #f00;
    animation: circlebottom 8s 0.5s infinite
}

.circle2 .circleright,.circle3 .circleright,.circle4 .circleright {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 0;
    background: #f00;
    animation: circleright 8s 0.5s infinite
}

.circle2 .circletop,.circle3 .circletop,.circle4 .circletop {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 1px;
    background: #f00;
    animation: circletop 8s 0.5s infinite
}

.circleleft {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 0;
    background: #f00;
    animation: circleleft 8s infinite
}

.circlebottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #f00;
    animation: circlebottom 8s infinite
}

.circleright {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 0;
    background: #f00;
    animation: circleright 8s infinite
}

.circletop {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 1px;
    background: #f00;
    animation: circletop 8s infinite
}

.hideLine{
    position: absolute;
    width: 60px;
    height: 10px;
    background: #000000;
    left: 50%;
    margin-left: -3.6px;
    z-index: 10;
    top: 16px;
}

@keyframes circleleft {
    0% {
        height: 0
    }

    50% {
        height: 0
    }

    53% {
        height: 100%
    }

    100% {
        height: 100%
    }
}

@keyframes circlebottom {
    0% {
        width: 0
    }

    53% {
        width: 0
    }

    56% {
        width: 100%
    }

    100% {
        width: 100%
    }
}

@keyframes circleright {
    0% {
        height: 0
    }

    56% {
        height: 0
    }

    59% {
        height: 100%
    }

    100% {
        height: 100%
    }
}

@keyframes circletop {
    0% {
        width: 0
    }

    59% {
        width: 0
    }

    62% {
        width: 100%
    }

    100% {
        width: 100%
    }
}





/* 圈圈 */

.imgBox.pic1{
    margin-bottom: 60px;
}

.imgBox2{
    background: #F7F7F7;
    border: 1px solid transparent;
}

.imgBox2 > .desc1.desc2{
    margin-top: 35px;
}

.imgBox2 > img{
    margin-bottom: 41px;
}

.imgBox3{
    width: 100%;
    height: auto;
}


.desc3{
    font-family: PingFangSC-Light;
    font-size: 14px;
    color: #B1997B;
    letter-spacing: 0;
    text-align: center;
    margin: 40px 0 30px 0;  
}

.desc3 > p{
    margin: 0;
    padding: 0;
}

.title{
    font-family: PingFangSC-Semibold;
    font-size: 27px;
    color: #B1997B;
    letter-spacing: -1.5px;
    text-align: center;
}

.title > span{
    display: block;
}

.aboutMore{
    text-align: center;
    font-family: PingFangSC-Light;
    font-size: 14px;
    letter-spacing: 0;
    margin: 30.5px 0 30px 0;  
}

.aboutMore > button{
    color: #B1997B;
    text-decoration: underline;
    border: none;
    background: transparent;
}

.box{
    border: 1px solid transparent;
    text-align: center;
    transition: height 1s linear;
    padding-bottom: 30px;
    width: 100%;
}

.fixed{
    position: fixed;
    bottom: 10%;
    left: 50%;
    margin-left: -125px;
}

.box > .desc1{
    margin: 30px 0 30px 0;
}

.box > .btn{
    width: 200px;
    height: 40px;
    border: none;
    background: #B39A7C;
    box-shadow: 0 0 20px 0 rgba(179,154,124,0.30);
    border-radius: 20px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    z-index: 1211;
    line-height: 40px;
    display: block;
    margin: 0 auto;
}

.footer{
    font-family: PingFangSC-Light;
    font-size: 12px;
    color: #B39A7C;
    letter-spacing: 0;
    text-align: center;
}

.footer > .desc1{
    margin: 30px 0 40px 0;
}

.mask{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: #000000;
    opacity: 0.4;
    z-index: 1200;
}

.desc{
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff;
    width: 77.3%;
    height: 62.8%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    margin: 60px auto;
    background: #FFFFFF;
    border-radius: 20px;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 1211;
    -webkit-overflow-scrolling: touch;
}

.spots{
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -44px;
}

#imgBox{
    /* width: 319.875px; */
    width: 350px;
    /*height: 35.4%;*/
    height: 250px;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: #FFFFFF;
    border-radius: 20px;
    overflow: scroll;
    z-index: 1211;
}

@media screen and (orientation: portrait) {
    #imgBox {
        height: 220px !important;
    }
}

#imgBox > p{
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #B39A7C;
    letter-spacing: 0;
    text-align: center;
}

#confirm {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -87.5px;
    background: rgba(179,154,124,0.35);
    border-radius: 40px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    border: none;
    width: 175px;
    height: 40px;
}

#submit{
    background: rgba(179,154,124,0.35);
    border-radius: 20px;
    width: 175px;
    height: 40px;
    position: absolute;
    bottom: 3%;
    border: none;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    left: 50%;
    margin-left: -87.5px;
}

#tryAgain{
    width: 175px;
    height: 40px;
    background: #B39A7C;
    border-radius: 20px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    border: none;
    display: block;
    margin: 0 auto;
}

#showActive > .btns{
    margin: 10px 0 0 0;
}

.desc > .title2 , #actived > .title2 , #showActive > .title2{
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #B39A7C;
    letter-spacing: 0;
    text-align: center;
}

.desc > .content , #actived > .content , .btns > p , #showActive > .content{
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #B39A7C;
    letter-spacing: 0;
    text-align: justify;
    width: 80%;
    margin: 0 auto;
}

#showActive > .content{
    margin: 20px auto;
}

.btns > p{
    font-size: 12px;
    margin: 10px auto;
    text-align: center;
}
#loading ,#expireTime{
    width: 295px;
    height: 250px;
    text-align: center;
    background: #FFFFFF;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 20px;
    overflow: scroll;
    z-index: 1211;
    border: 5px solid transparent;
}

#expireTime{ 
    height: 240px;
}

#checkCode{
    width: 100px;
    height: 50px;
    text-align: center;
    background: #FFFFFF;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 20px;
    z-index: 1211;
}

#networkFailed , #noRemains{
    width: 295px;
    height: 240px;
    text-align: center;
    background: #FFFFFF;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 20px;
    z-index: 1211;
    display: block;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #A7A7A7;
    letter-spacing: -0.68px;
}


#networkFailed > img , #noRemains > img{
    width: 60px;
    height: 60px;
    display: block;
    margin: 30px auto;
}

@media screen and (orientation: landscape) {
    #loading{
        height: 200px;
    }
    #networkFailed , #noRemains{
        height: 210px;
    }
    #networkFailed > img , #noRemains > img{
        width: 60px;
        height: 60px;
        display: block;
        margin: 20px auto;
    }
}
#networkFailed > p , #noRemains > p{
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #B39A7C;
    letter-spacing: 0;
    text-align: center;
    margin: 30px 0 30px 0;
}

#loading > #applying{
    width: 100%;
    margin: 25px 0 0 0;
}

#loading > #applying > img{
    width: 29px;
    height: 29px;
    display: block;
}

#loading > #applying > span , #checkCode > div > span{
    display: block;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #B39A7C;
    letter-spacing: -0.68px;
    margin-top: 15px;
}

#loading > #applying > span {
    margin: 0 0 51px 0;
}

#checkCode > div > span{
    font-size: 16px;
    color: black;
}

#expireTime{
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #B39A7C;
    letter-spacing: 0;
    text-align: center;
    border: 0 solid transparent;
    overflow: hidden;
}

#successActived{
    width: 100%;
    height: 100%;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #B39A7C;
    letter-spacing: 0;
    text-align: center;
    border: 0 solid transparent;
    overflow: scroll;
}

#successActived > img , #expireTime > img{
    width: 65px;
    height: 65px;
    display: block;
    margin: 3px auto;
}

@media screen and (orientation: landscape) {
    #expireTime{ 
        height: 220px;
    }
    #successActived > img , #expireTime > img{
        width: 40px;
        height: 40px;
    }
}

#successActived > img {
    margin-top: 16px;
}

#expireTime > img {
    margin-top: 20px;
    margin-bottom: 15px;
}

#successActived > p ,  #expireTime > p{
    color: #B39A7C;
}

#expireTime > p {
    margin: 0;
    margin-bottom: 8px;
}

#successActived > button , #expireTime > button{
    color: #FFFFFF;
    border: none;
    width: 175px;
    height: 40px;
    background: #B39A7C;
    border-radius: 20px;
    padding: 0;
    display: block;
    margin: 10px auto;
}

#expireTime > button{
    font-size: 14px;
    margin: 0 auto;
    margin-bottom: 5px;
}

#successActived > span , #expireTime > span{
    font-size: 10px;
    color: #A7A7A7;
    letter-spacing: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    display: block;
    margin: 10px 0 0 0;
}

#expireTime > span{
    margin: 0 auto;
    display: block;
    width: 100%;
    margin-bottom: 4px;
}

#expireTimeSpan{
    margin-top: 5px;
    margin-bottom: 10px;
}

.close1{
    position: fixed;
    left: 50%;
    margin-left: -15px;
    bottom: 50%;
    margin-bottom: -130px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    z-index: 1211;
    text-align: center;
}
.close1 > span{
    width: 10px;
    height: 10px;
    font-size: 32px;
    color: #FFFFFF;
    background: transparent;
    border: none;
    line-height: 100%;
    text-align: center;
    display: block;
}

.close1 > img{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

#actived{
    width: 77.3%;
    height: 65%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 60px auto;
    background: #FFFFFF;
    border-radius: 20px;
    overflow: scroll;
    z-index: 1211;
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff;
}

.msg{
    position: absolute;
    bottom: 0%;
    font-family: PingFangSC-Regular;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #B39A7C;
    letter-spacing: 0
}

#actived > .content , #showActive > .content{
     width: 100%;
     text-align: center;
}

#actived > .title2 > p{
    margin-bottom: 0;
}

#actived > .content > p{
    margin: 8px 0 0 0; 
}

/* 图片 */
.swiper-container {
    width: 100%;
    height: 40%;
    position: absolute;
    left: 50%;
    margin-left: -50%;
    border: none;
    border-radius: 10px; 
    background: #F7F7F7;
  }
  
.swiper-slide {
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
    width: 100%;
    height: 80%;
    text-align: center;
    font-size: 18px;
    background: #F7F7F7;;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 10px;
    -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}

.swiper-slide > img{
    width: 227px;
    height: 128px;
    display: block;
}

.swiper-button-next{
    background-image: url("data:image/png;base64,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")
}

.swiper-button-prev{
    background-image: url("data:image/png;base64,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");
}

.swiper-button-prev , .swiper-button-next{
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
}

.btns{
    width: 100%;
} 

#tryOut , #shares{
    display: block;
    width: 200px;
    height: 40px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    border: none;
    margin: 12px auto;
}

#tryOut{
    background: #B39A7C;
    border-radius: 40px;
}

#shares{
    border: 1px solid #DBDBDB;
    border-radius: 88px;
    color: #696969;
}


@media screen and (min-device-width : 600px){
    .container{
        width: 500px;
        height: auto;
        margin: 0 auto;
    }
    .container > div > .imgBox{
        width: 100%;
        /* height: 80px;
        background: url('../img/banner.png') no-repeat;
        background-size: 100%; */
        overflow: hidden;
    }
    .desc{
        width: 386.5px;
        height: 400px;
        margin: auto;
    }
    #imgBox{
        width: 350px;
    }
    #actived{
        width: 386.5px;
        height: 400px;
        margin: auto;
    }
    #actived > .content{
        height: 50%;
    }
    .swiper-container{
        height: 50%;
    }
    .desc > .title2{
        font-size: 24px;
    }
    .desc > .content{
        font-size: 18px;
    }
    .close1 > button {
        font-size: 43px;
    }
    .close1 {
        margin-left: -15px;
        margin-bottom: -130px;
        width: 30px;
        height: 30px;
    }
    .close1 > span {
        width: 30px;
        font-size: 50px;
    }
    .swiper-slide > img{
      width: 220px;
      height: 123px;
    }
    .hideLine{
        top: 22px;
    }
}

@media screen and (min-device-height : 700px) and (max-device-height: 820px){
    .close1{
        margin-bottom: -170px;
    }
    
}

@media screen and (min-device-width : 600px){
    .close1{
        margin-bottom: -135px;
    }
}


@media screen and (min-device-width : 300px) and (max-device-width : 500px){
    #loading , #expireTime{
        width: 295px;
        height: 250px;
    }

    #expireTime {
        height: 240px;
    }

    .close1{
        margin-bottom: -170px;
    }
    .hideLine{
        margin-left: -3px;
        top: 20px;
    }
}

@media screen and (max-device-width : 374px){
    #imgBox{
        width: 290px;
    }
}