/* @media screen and (min-width: 320px) {    html {font-size: 14px;}} 
@media screen and (min-width: 360px) {    html {font-size: 16px;}} 
@media screen and (min-width: 400px) {    html {font-size: 18px;}} 
@media screen and (min-width: 440px) {    html {font-size: 20px;}} 
@media screen and (min-width: 480px) {    html {font-size: 22px;}} 
@media screen and (min-width: 640px) {    html {font-size: 28px;}} */

html{opacity:0;}
body{background-image: linear-gradient(180deg, #d6ddba 6%, #8bcec0 94%);overflow:auto;-webkit-overflow-scrolling: touch;}
.banner{width:100%;}
.video{width:100%;}
.video::-webkit-media-controls{display:none !important;}
.banner-img{display:none;width:100%;}
.banner-bot{padding-bottom:9vw;/*background-image:url(../img/bg.jpg);background-size:cover;*/}
.vm{overflow:auto;position:relative;}
.fix-bg {
    width:100vw;height:100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    text-align: center;
    background:url(../img/fixed-bg.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;
}
.fix-bg .fix-bg-img{position: absolute;
    min-width:100%;height:100%;
    top: 50vh;
    left: 50vw;
    transform: translate(-50.5%, -50%);
}
.tab-bar-box{height:.9rem;background-image:linear-gradient(90deg, transparent, rgba(247, 228, 190, 1) 60%, transparent);
    text-align:center;margin-top: -3px;margin-bottom:.6rem;}
.tab-bar{display:inline-block;}
.el-tabs__nav-wrap::after{display:none;}
.el-tabs__header{margin:0;}
.el-tabs__item{min-width:1.4rem;height:100%;padding:.25rem .2rem;text-align:center;font-size:.24rem;color:#40160C;outline:none !important;-webkit-appearance: none;line-height:.4rem;}
.el-tabs__item:hover{color:#63BB65}
.el-tabs__item.is-active{font-weight:bold;color:#40160C;}
.el-tabs__active-bar{background-color:#63BB65;height:0.04rem;width:1.2rem !important;}
.el-tabs__nav{}
.section{max-width:1200px;margin:0 auto;}

.sec-box{width:100%;padding:50px 40px;margin:.3rem 0 .7rem 0;position:relative;} 
.sec-box-yq .font-box{text-align:left;}
.index-title1{margin:.4rem auto .3rem auto;text-align:center;height:.36rem;}
.index-title{height:.9rem;margin-left:.3rem;z-index:1;}
.index-title1-out{text-align:center;}
.index-title-out{position:absolute;width:100%;left:0;top:-0.4rem;text-align: center;}
.font-box{text-align:center;line-height:1.8;color:#676968;position: relative;z-index:1;font-size:.2rem;margin-top:20px;}
.index-bg{position:absolute !important;width:100%;height:100%;top:0;left:0;z-index:0;}
.bg1{border-radius:30px;background-color:rgba(255,255,255,.62);padding:.24rem;box-shadow: 4px 7px 2px 0px rgba(75, 120, 0, 0.2);}
.bg2{border-radius:25px;background-color:rgba(255,255,255,1);padding:40px 20px 50px 20px;position:relative;overflow: hidden;}
.bg1-first{position: relative;}
.bg1-first::before{content:'';width:100%;height:50%;background-color:#2cbb7a;position:absolute;left:0;top:-8px;z-index:0;border-radius:30px;
    border-top:2px solid #fff;
    /*box-shadow: 0px -2px 1px 1px rgba(255,255,255,1);*/}
.bg1-first.bg1{background-color:rgba(255,255,255,1);margin-top:30px;}
.bg1-first .font-box{line-height:2.4;margin:10px 0;margin-bottom:.5rem;}
.bg1-first .index-bg{border-radius:30px;background:#fff;}
.s-black-box{position: relative;}
.s-black-innerbox{-webkit-flex:1;flex:1;width:25%;padding:0 20px;position: relative;}
.s-black1{background: #39AA74;border: 4px solid #FFD08E;border-radius: 10px;height:.7rem;color:#F6FF83;font-size:.24rem;margin-bottom:.1rem;}
.s-black2{min-height:1.1rem;font-size:.18rem;color:#676968;background:rgba(57, 170, 116, .1);
    border: 4px solid rgba(255, 208, 142, .05);border-radius: 10px;text-align:center;
    font-weight:600;line-height:1.8;padding:.1rem .15rem;}
.s-black1-icon{height:.35rem;margin-right:.2rem;margin-left:.3rem;}
.s-black2-font2{font-size:.14rem;color:#676968;font-weight:400;}
.s-block1-line{position:absolute;top:.36rem;border-top:#39AA74 dashed 1px;width:90%;height:0;left:5%;z-index:-1px;}

.yq-font-row{position: relative;line-height:2.2;}
.yq-font-row::before{content:'';position:absolute;width:.2rem;
    height:.2rem;left:-0.07rem;top:0.1rem;
    background: linear-gradient(114deg, #43EA80 0%, #38F8D4 100%);
    opacity: 0.2;border-radius: 50%;}

.p-main-box{margin-top:130px;padding-bottom:30px;}
.p-main{margin-top:100px;padding:0 30px;}
.p-black-box{margin:0 -30px 30px -30px;}
.p-black-innerbox{width:33.333%;padding:0 30px;position: relative;position:relative;}
.p-black-item{background:#fff;border-radius: 30px;padding:20px;text-align:center;height:275px;}
.price-box{position:relative;width:100%;left:0;text-align:center;}
.prize-img-box{height:164px;margin-top:-80px;}
.prize-img{height:132px;display:block !important;}
.prize2-img{position:relative;top:15px;}
.prize3-img{position:relative;top:15px;}
.prize1-img{height:164px;}
.prize-font{height:38px;margin-top:20px;margin-bottom:20px;display:block !important;}
.price-desc{font-size:18px;font-family: Source Han Sans CN;font-weight: bold;}
.p-black-item4{height:auto;border-radius:20px;padding: 34px 0;}
.p-black-item4 .prize-font{display:inline-block !important;margin:0 15px 0 0;}
.p-black-item4 .price-desc{display:inline-block;margin-top:0;vertical-align:10px;}

.ly-pop {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    visibility: hidden;
    opacity: 0;
    display: none;
}

.ly-pop.show {
    visibility: visible;
    opacity: 1;
    display: block;
}

.ly-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    width: 398px;
    height: 182px;
}


.ly-cont-top {
    background-color: #f5f5f5;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border-bottom: 1px solid #efefef;
}

.ly-cont-top .labels {
    padding-left: 28px;
    background: url(/app/resource/image/ly-01.png) 0 center no-repeat;
}

.ly-close {
    cursor: pointer;
    width: 20px;
    height: 20px;
    float: right;
    margin-top: 10px;
    background: url(/app/resource/image/ly-close.png) 0 0 no-repeat;
}

.ly-cont-wrap i {
    color: #ed6a11;
}

.ly-cont-wrap .t {
    color: #383838;
}

.ly-cont-wrap {
    line-height: 22px;
    margin-top: 31px;
    padding: 0 10px 0 130px;
    min-height: 81px;
    background: url(/app/resource/image/ly-02.png) 20px center no-repeat;
}



.p-main-h5{display:none;}
.p2-row{overflow: hidden;}
.p2-row-l{width:122px;height:100px;float:left;margin-right:15px;}
.p2-row-r{overflow: hidden;}
.p2-row-r-img{height:28px;margin-bottom:5px;margin-top:20px;}
.p2-row-r-font{font-size:18px;font-family: Source Han Sans CN;font-weight: bold;margin-left:20px;}

.sendCodeInput{position:relative;}
.sendCodeInput .el-input__inner{padding-right:130px;}
.sendCodeBtn{position:absolute;right:0px;top:1px;width:120px;text-align:center;font-size:16px;white-space:nowrap;height:48px;line-height:48px;cursor:pointer;}
.sendCodeBtn::before{content:'';position:absolute;left:0;top:12px;height:26px;width:1px;background:#ddd;}
.sendCodeBtn.countDonwIng{color:#999;cursor:auto;}
.f-sec{padding:10px 10px;}
.submit-form{padding:20px 20px;font-size:16px;margin-top:30px;}
.submit-form .el-input__inner{height:50px;line-height:50px;font-size:16px;border-radius:9px;}
.submit-form .el-button--primary{background-color:#FF9946;border-color: #FF9946;padding: 17px 20px;font-size:16px;border-radius:9px;}
.submit-form .el-checkbox__input.is-checked .el-checkbox__inner{background-color: #FF9946;border-color: #FF9946;width:16px;height:16px;}
.submit-form .el-input__inner:focus{border-color:#2cbb7a;}
.el-checkbox__inner{width:16px;height:16px;}
.el-checkbox__inner:hover{border:1px solid #FF9946;}
.el-checkbox__inner::after{width: 4px;}
.submit-form .el-checkbox__input.is-focus .el-checkbox__inner{border:1px solid #FF9946;}
.checkFont{font-size:14px;color:#676968;}
.xieyiFont{color:#FF9946;font-size:14px;}
.xieyiFont:hover{text-decoration:underline;cursor:pointer;}
.submit-form .el-form-item{margin-bottom:30px !important;}
.submit-row-pc{display:block;}
.submit-row-h5{display:none;}
.yzm-ele{margin-bottom:30px;}

.shuoming{color:#3E3E3E;margin-bottom:20px;padding-bottom:20px;margin-top:0px !important;padding-top:0px;position: relative;z-index:2;}
.shuoming-title{font-size:.24rem;font-weight:bold;margin-bottom:15px;}  
.shuoming-box{font-size:.18rem;line-height:2;}
.sec-box-sign{margin-bottom:40px;position: relative;z-index:10;}

.foot{position:absolute;bottom:0;left:0;width:100%;}
.foot-img{width:100%;height:18.2vw;display:block;}

.prize-sec{margin-bottom:30px;position: relative;z-index:1;}
.prize-title{text-align:center;text-align:center;margin-bottom:20px;margin-top:40px;}
.prize-title-img{height:.9rem;width:2.6rem;}
.works{}
.works-box{width:100%;overflow:hidden;text-align:center;}
.works-item{width:285px;background-color:#fff;border-radius:.2rem;overflow:hidden;margin:5px 6px 20px 6px;display:inline-block;float:left;cursor: pointer;overflow:hidden;
    position: relative;-webkit-transition: all 0.3s linear;    -o-transition: all 0.3s linear;    transition: all 0.3s linear;}
.works-img{width:100%;height:2.2rem;}
.works-info{padding:.14rem .1rem .16rem .1rem;}
.works-user{border-radius:50%;width:.22rem;height:.22rem;min-width:.22rem;background-color:#ebebeb;border:1px solid #ddd;margin-right:10px;
    text-overflow: ellipsis;white-space: nowrap;}
.works-name{font-size:.18rem;overflow: hidden;margin-bottom:.09rem;;
    text-align: left;text-overflow: ellipsis;white-space: nowrap;color: #292A31;}
.works-info .works-user{color:#9A9A9A;font-size:.16rem;}
.works-info .words-see{background: url(../img/v2_bot_i2.png) no-repeat 0 50%;-webkit-background-size:.16rem auto;-moz-background-size:.16rem auto;background-size:.16rem auto;text-indent:.18rem;color: #9fb0bd;font-size:.14rem;
    margin-left:auto;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;max-width:.9rem;}
.words-auth{color:#9A9A9A;text-overflow: ellipsis;white-space: nowrap;max-width:1.6rem;overflow:hidden;}
.works-name-bot{overflow:hidden;}
.pagetion-box{margin-top:20px;text-align:center;}
.el-pagination.is-background .el-pager li:not(.disabled):hover{color: #F99A69;}
.el-pagination.is-background .el-pager li:not(.disabled).active{background-color: #F99A69;color:#fff;}
.el-pagination.is-background .el-pager li{margin: 3px 5px;}
.el-pagination.is-background .btn-prev{margin:3px 5px;}
.el-pagination.is-background .btn-next{margin:3px 5px;}
.el-pagination{white-space:normal;}
.works-box1{overflow: hidden;text-align:center;}
.works-box1 .works-item{display:inline-block;margin:5px 8px;float:none;}
.works-img::after{content:'';background: rgba(0,0,0,.5) url(../img/v2_s1.svg) no-repeat 50% 50%;visibility:hidden;opacity:0;
    -webkit-background-size: 50px auto;-moz-background-size: 50px auto;background-size: 50px auto;position:absolute;width:100%;left:0;height:100%;top:0;
    -webkit-transition: all 0.4s linear;-ms-transition: all 0.4s linear;transition: all 0.4s linear;}
.works-img img{-webkit-transition: all 0.6s linear;-ms-transition: all 0.6s linear;transition: all 0.6s linear;}
.works-item:hover{-ms-transform: translate(0,-1px);-webkit-transform: translate(0,-1px);transform: translate(0,-1px);
    /*-webkit-animation-name:none !important;animation-name:none !important;*/}
.works-item:hover .works-img img{-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
.works-item:hover .works-img::after{content:'';visibility:visible;opacity:1;}

.xieyiBox{word-break:break-all;white-space:pre-wrap;font-size:14px;color:#404040;line-height:2;height:64vh;padding-bottom:46px;position: relative;}
.xieyi-st{font-weight:bold;}
.xieyi-bold{font-weight:bold;display:inline-block}
.el-dialog{width:82%;max-width:900px;}
.agreement_log .el-dialog{border-radius: 10px;}
.el-dialog__header{padding: 20px 20px 10px;}
.agreement_log .el-dialog__body {
    padding: 10px 20px 20px;
}
.xieyi-innerbox{height:100%;overflow:auto;overflow-x:hidden;}
.xieyi-btn{position:absolute;left:0;width:100%;bottom:0;}
.xieyiBox .el-button--primary{background-color:#FF9946;border-color: #FF9946;}

.top-icon{height:14px;}
.foot-font{font-size:.16rem;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #465854;
    line-height: 62px;position:absolute;bottom:5.2vw;right:24vw;}

.yellow-font{color:#F2B243;}
.yellow1-font{color:#816a4f;}


.yzm-t{color:#676968;font-size:.26rem;text-align:center;margin-bottom:.2rem;display:none;}
.yzm-ele{width:310px;}
.notransform{-webkit-animation:none !important;animation:none !important;-ms-animation:none !important;}
.el-message{min-width:300px;word-break: break-all;margin-top:50px;}
.el-backtop{z-index:300;}

/*适配h5*/
@media screen and (max-width:1200px) {
    .section{margin:0 .15rem;}
    .s-black-box{display:block;}
    .s-black-innerbox{width:100%;overflow: hidden;padding:0;}
    .s-black1{width:1.56rem;height:.62rem;float:left;margin-right:.15rem;font-size:.2rem;border-width:2px;}
    .s-black1-icon{margin:0 0 0 0.1rem;height:.28rem;width:.36rem;}
    .s-black2{overflow: hidden;min-height:.62rem;margin-bottom:.15rem;font-size:.2rem;padding:.1rem .1rem;border-width:2px;line-height:1.6;}
    .font-block{display: inline;}
    .works-item{float:none;}
    .s-block1-line{display:none}
    .banner-bot{padding-bottom:1.2rem;}
    .foot-img{height:1.8rem}
    .bg1{padding:.22rem .2rem;}
}
@media screen and (max-width:900px) {
    .p-main{display:none;}
    .p-main-h5{display:block;padding: 0 .2rem;}
    .f-row{display:block;}
    .f-sec{padding:0}
    .submit-row-pc{display:none;}
    .submit-row-h5{display:block;}
    .video{display:none;}
    .banner-img{display:block;}
    .bg1-first.bg1{margin-top:-10px;}
    .index-title1-out{text-align:center;}
    .bg1-first .font-box{text-align:center;}
    .p2-row-l{width:.9rem;min-width:.9rem;margin-right:.34rem;height:1.1rem;}
    .p2-row-l0{-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
    .p-main-box{margin-top:.6rem;padding-bottom:10px;}
    .p2-row{margin:.15rem 0;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}
    .p2-row-r-img{margin-top:0;height:.36rem;}
    .p2-row-r-font{font-size:.23rem;margin-left:0;}
}
@media screen and (max-width:750px) {
    .works-box .works-item{
        margin: 2% 2%;float: left;
    }
    .works-item{width:46%;}
    
    .shuoming.sec-box{padding: 10px 20px;margin:20px 0 40px 0;}
    .fix-bg {
        background:url(../img/fixed-bg-h5.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;
    }
    .bg1-first .font-box{margin-bottom:.3rem;}
    .index-title1{margin:.3rem auto .2rem auto;}
    .submit-form{padding:.2rem .12rem;}

    .yzm-ele{width:100%;}
    .yzm-ele-box{background:rgba(0,0,0,.48);position:fixed;top:0;left:0;width:100vw;height:100vh;right:0;bottom:0;z-index:100;padding:0 .3rem;}
    .yzm-ele-innerbox{position:absolute;padding:.3rem 3vw;background-color:#fff;border-radius:.2rem;top:30%;left:3vw;right:3vw;
        /*-ms-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%);*/}
    .yzm-t{display:block;}
    .bg1{border-radius:.24rem;}
    .bg2{border-radius:.2rem;}
    .bg1-first::before{content:'';border-radius:20px;top: -6.4px;}
    .bg1-first .index-bg{border-radius:20px;}
    .el-message{min-width:82%;min-width:82vw;}
}
@media screen and (max-width:640px) {
    .yzm-ele{width:100%;}
    .yzm-ele+canvas{width:100% !important;}
    /* .s-black-innerbox{margin-bottom:15px;}
    .s-black-innerbox:last-child{margin-bottom:0;}
    .s-black1{float:none;margin:0 auto 10px auto;} */
    .bg2{padding:20px;}
}