/*公共*/
.header{position: fixed;top:0;left:0;width:100%;z-index: 998;transition: .5s;}
.header::after{content:'';width: 100%;height: 1px;background: rgba(255,255,255,.2);opacity: 0;transition: .5s;position: absolute;left: 0;bottom: 0;}
.header .width{display: flex;align-items: center;}
.header .logo{width: 1.15rem;height: .72rem;}
.header .con{flex:1;display: flex;justify-content: flex-end;}
.header ul{display: flex;}
.header li{margin-right: .65rem;position: relative;}
.header li::after{content:'';position: absolute;bottom: 0;left: 0;width: 100%;background: linear-gradient(to right,#2bb9e4,#8fd776);height: .03rem;transition: .3s;opacity: 0;}
.header li.active::after{opacity: 1;}
.header li>a{font-size: .16rem;line-height: 1rem;text-transform: uppercase;}
.header .child{position: absolute;width: 2.4rem;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);display: none;background: rgba(0,0,0,.7);text-align: center;padding-top:.3rem}
.header .child>a{font-size: .16rem;margin-bottom: .3rem;text-decoration: underline;display: block;text-transform: uppercase}
.header .icon{width: .22rem;height: 1rem;}
.header .user{background: url(../images/user.png) no-repeat center center/100%;}
.header .lang{background: url(../images/lang.png) no-repeat center center/100%;margin: 0 .3rem;}
.header .search{background: url(../images/search.png) no-repeat center center/100%;}
.header-space{height:1rem;display: none;}
.header.active{background: #000;}
.header.active::after{opacity: 1;}

.more{width: 2rem;line-height: .6rem;background:linear-gradient(to right,#2bb9e4,#8fd776);position: relative;display: block;}
.more::before{content:'';width:0;height:100%;background:linear-gradient(to right,#8fd776,#2bb9e4);position: absolute;top:0;left:0;transition: .3s;}
.more>span{position: relative;background: url(../images/arrow1-w.png) no-repeat right center/.16rem;padding:0 .3rem;font-size: .16rem;}

.footer{padding:.8rem 0 .35rem}
.footer1{display: flex;justify-content: space-between;align-items: center;}
.footer1 .logo{width: 1.65rem;height: 1.04rem;}
.footer1 .more{width: 3rem;}
.footer1 .more>span{padding:0 1.35rem 0 .3rem}
.footer2{display: flex;border-top: 1px solid #33373a;border-bottom: 1px solid #33373a;padding:.5rem 0;margin:.5rem 0 .3rem}
.footer2 ul{width: 74%;display: flex;justify-content: space-between;padding-right: .5rem;}
.footer2 li{padding-right: .3rem;}
.footer2 li>a{font-size: .18rem;line-height: .26rem;margin-bottom: .15rem;text-transform: uppercase}
.footer2 .child>a{display: block;line-height: .22rem;color: #999;margin-bottom: .15rem;text-transform: uppercase}
.footer2 .info{flex:1;border-left: 1px solid #33373a;padding: 0 0 .2rem .8rem;}
.footer2 .info>p{font-size: .18rem;margin-bottom: .15rem;}
.footer2 .info>p:nth-of-type(2){margin:.4rem 0 .2rem}
.footer2 .info>span{line-height: .3rem;color:#999;display: block;}
.footer2 .media{display: flex;flex-wrap: wrap;}
.footer2 .media>a{width: .4rem;height: .4rem;border-radius: 50%;background: rgba(255,255,255,.12);margin: 0 .1rem .1rem 0;position:relative}
.footer2 .media>a>img{max-width: 50%;max-height: 50%;}
.footer2 .media>a .img-div{display:none;position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);width:1.5rem;height:1.5rem}
.footer3{display: flex;align-items: center;}
.footer3>p{width: 50%;color:#999;line-height: .22rem;}
.footer3 .link{flex:1;display: flex;justify-content: flex-end;}
.footer3 .link>a{color:#999;line-height: .12rem;}
.footer3 .link>a:first-child{padding-right: .15rem;margin-right: .15rem;border-right: 1px solid #33373a;}

.jb{background-image:linear-gradient(to right,#2bb9e4,#8fd776);-webkit-background-clip:text;color:transparent;display:inline-block;}

.arrow{position: absolute;top: 1.6rem;right:-.8rem;width: .5rem;height: .5rem;border: 1px rgba(255,255,255,.2) solid;cursor: pointer}
.arrow::before{content:'';width: 100%;height: 100%;background: url(../images/arrow-w.svg) no-repeat center center/.12rem;top: 0;left: 0;z-index: 2;position: absolute;}
.arrow::after{content:'';width: calc(100% + 2px);height: calc(100% + 2px);position: absolute;top: -1px;left: -1px;background: linear-gradient(to right,#2bb9e4,#8fd776);transition: .3s;opacity: 0;}
.arrow.prev{right:auto;left: -.8rem;}
.arrow.prev::before{transform: rotate(180deg);}

.tip{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.4);z-index: 999;display: none;}
.tip .con{position: absolute;width: 6rem;height: 2rem;margin-top: -1rem;margin-left: -3rem;top: 50%;left: 50%;}
.tip .con::after{content:'';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(to right,#2bb9e4,#8fd776);border-radius: .1rem;opacity: .8;}
.tip .close{border-radius: 50%;width: .35rem;height: .35rem;background: #fff url(../images/close-m.png) no-repeat center center/.12rem;position: absolute;top: .2rem;right: .2rem;z-index: 2;cursor: pointer;}
.tip .con>p{font-size: .3rem;line-height: .48rem;text-align: center;position: relative;z-index: 2;margin-top: .5rem;}

@media (any-hover:hover){
    .header li:hover::after{opacity: 1;}
    .header .child>a:hover{color: #23B75E;}

    .footer2 li>a:hover{color:#23B75E}
    .footer2 .child>a:hover{color:#23B75E}
    .footer3 .link>a:hover{color:#23B75E}

    .more:hover::before{width:100%}

    .arrow:hover::after{opacity: 1;}
}

/* 首页 */
.index-page .tit{font-size: .36rem;line-height: .48rem;}

.index-page .box1 .img{height:9.6rem}
.index-page .box1 .m{display: none;}
.index-page .box1 .width{position: absolute;top: 38%;left: 50%;transform: translateX(-50%);}
.index-page .box1 .width>p:nth-of-type(1){font-size: .6rem;line-height: .7rem;}
.index-page .box1 .width>p:nth-of-type(2){font-size: .18rem;line-height: .28rem;margin:.1rem 0 .6rem}
.index-page .box1 .swiper-pagination{bottom:.4rem}
.index-page .box1 .swiper-pagination-bullet{background:#fff;border-radius:50%;opacity:1;margin:0 .2rem !important;width:.08rem;height:.08rem}
.index-page .box1 .swiper-pagination-bullet-active{position:relative;}
.index-page .box1 .swiper-pagination-bullet-active:after{border-radius:50%;content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:.14rem;border:1px #fff solid}

.index-page .box2{margin:.5rem 0 .8rem}
.index-page .box2 .img-div{width: 2rem;height:1.1rem;background: rgba(255,255,255,.1);}
.index-page .box2 .img-div>img{max-width: 60%;max-height: 60%;}

.index-page .box3{max-width: 15.6rem;padding:.7rem 0 .75rem .8rem;margin: 0 auto 1rem;}
.index-page .box3 .con{width: 45%;}
.index-page .box3 .con>p{line-height: .24rem;opacity: .6;margin:.3rem 0}
.index-page .box3 ul{padding-bottom: .15rem;}
.index-page .box3 li{margin-bottom: .25rem;}
.index-page .box3 li>p:nth-of-type(1){font-size: .18rem;line-height: .28rem;margin-bottom: .1rem;}
.index-page .box3 li>p:nth-of-type(2){line-height: .24rem;opacity: .6;}

.index-page .box4{background: #1a1a1a;padding:1rem 0 .6rem}
.index-page .box4 .tit-box{display: flex;align-items: center;margin-bottom: .45rem;}
.index-page .box4 .tit-box>div{flex:1;padding-right: .5rem;}
.index-page .box4 ul{display: flex;flex-wrap: wrap;}
.index-page .box4 li{width: calc(50% - .2rem);margin-bottom: .4rem;position: relative;height: 4.2rem;}
.index-page .box4 li:nth-child(2n+1){margin-right: .4rem;}
.index-page .box4 li>p{position: absolute;top:0;left: 0;width: 100%;transition: .3s;height:100%;font-size: .36rem;line-height:.46rem;display:flex;align-items:center;justify-content:center}

.index-page .box5{padding:1rem 0 .9rem}
.index-page .box5 .tit-box{display: flex;align-items: center;margin-bottom: .5rem;}
.index-page .box5 .tit-box>div{flex:1;padding-right: .5rem;}
.index-page .box5 .con{position: relative;}
.index-page .box5 .img-bg{height: 3.7rem;}
.index-page .box5 .swiper-slide>p:nth-of-type(1){font-size: .2rem;margin: .25rem 0 .1rem;}
.index-page .box5 .country{display: flex;align-items: center;}
.index-page .box5 .img-div{width: .4rem;height: .25rem;margin-right: .1rem;}
.index-page .box5 .country>p{opacity: .6;flex:1}
.index-page .box5 .swiper-slide>p:nth-of-type(2){line-height: .2rem;color:#23B75E;position: relative;padding-top: .25rem;}
.index-page .box5 .swiper-slide>p:nth-of-type(2)::before{content:'';width:.4rem;height:2px;background:linear-gradient(to right,#2bb9e4,#8fd776);position: absolute;top:.15rem;left: 0;}

.index-page .box6{background: #1a1a1a;padding:1rem 0 .9rem}
.index-page .box6 .tit-box{display: flex;align-items: center;margin-bottom: .5rem;}
.index-page .box6 .tit-box>div{flex:1;padding-right: .5rem;}
.index-page .box6 .con{position: relative;}
.index-page .box6 .swiper-slide{background: rgba(255,255,255,.06);height: auto;}
.index-page .box6 .img-bg{height: 2.4rem;}
.index-page .box6 .info{padding: .5rem .4rem;}
.index-page .box6 .country{display: flex;align-items: center;margin-bottom: .2rem;}
.index-page .box6 .img-div{width: .4rem;height: .25rem;margin-right: .1rem;}
.index-page .box6 .country>p{color:#999;flex:1}
.index-page .box6 .info>p:nth-of-type(1){font-size: .2rem;}
.index-page .box6 .info>p:nth-of-type(2){line-height: .2rem;opacity: .6;margin:.25rem 0 .4rem;}
.index-page .box6 .info>p:nth-of-type(3){color:#23B75E;position: relative;padding-bottom: .05rem;display: inline-block;}
.index-page .box6 .info>p:nth-of-type(3)::after{content:'';width: 100%;left: 0;bottom: 0;background: #23B75E;height: 1px;position: absolute;}
.index-page .box6 .arrow{top: 2.3rem;}

@media (any-hover:hover){
    .index-page .box5 .swiper-slide:hover .img{transform: scale(1.1);}
    .index-page .box5 .swiper-slide:hover>p:nth-of-type(1){color:#23B75E}

    .index-page .box6 .swiper-slide:hover .img{transform: scale(1.1);}
    .index-page .box6 .swiper-slide:hover .info>p:nth-of-type(1){color:#23B75E}
}

/* 关于 */
.about-page .tit{font-size: .36rem;line-height: .46rem;}
.about-page .tit.center{text-align: center;}

.about-page .box1{position: relative;}
.about-page .box1 .img{width: 100%;}
.about-page .box1 .m{display: none;}
.about-page .box1 .width{position: absolute;top: 50%;left: 50%;transform: translateX(-50%);display: flex;justify-content: flex-end;margin-top: -1.55rem;}
.about-page .box1 .countdown{width: 4.5rem;height: 3.1rem;position: relative;padding:.35rem .4rem 0}
.about-page .box1 .countdown::before{content:'';width: .04rem;height: 100%;background: linear-gradient(to bottom,#2bb9e4,#8fd776);position: absolute;top: 0;left: 0;}
.about-page .box1 .countdown>p:nth-of-type(1){font-size: .2rem;margin-bottom: .1rem;}
.about-page .box1 ul{border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);margin:.25rem 0 .3rem;display: flex;padding:.2rem 0 .2rem .1rem;justify-content: space-between;}
.about-page .box1 li{position: relative;}
.about-page .box1 li::after{content:':';position: absolute;top:.01rem;right:-.3rem;font-size: .2rem;font-weight: 'ms-b';}
.about-page .box1 li:first-child::after{content:'';width: 1px;height: .35rem;position: absolute;top:.05rem;right:-.3rem;background: rgba(255,255,255,.3);}
.about-page .box1 li:last-child::after{display: none;}
.about-page .box1 li>p:nth-of-type(1){font-size: .24rem;}
.about-page .box1 li>p:nth-of-type(2){font-size: .12rem;}
.about-page .box1 .more{width: 1.8rem;line-height: .48rem;}
.about-page .box1 .more>span{font-size: .12rem;padding:0 .3rem 0 .25rem;background-size: .12rem;background-position: right .02rem;}

.about-page .box2{display: flex;padding:1rem 0;justify-content: space-between;}
.about-page .box2 .con{width: 40.7%;padding-top: .25rem;}
.about-page .box2 .con>p:nth-of-type(1){font-size: .2rem;line-height: .3rem;margin: .2rem 0 .25rem;}
.about-page .box2 .con>p:nth-of-type(2){font-size: .16rem;line-height: .3rem;color:#fff;opacity: .6;margin-bottom: .45rem;}
.about-page .box2 .more{width: 2.2rem;}
.about-page .box2 .img{width: 47.85%;height: 4.7rem;}

.about-page .box3{background: #1a1a1a;padding: .9rem 0;}
.about-page .box3 .width{display: flex;justify-content: space-between;}
.about-page .box3 .tit{width: 30%;}
.about-page .box3 .width>p{width: 67.85%;font-size: .16rem;line-height: .3rem;color:#fff;opacity: .6;}

.about-page .box4{display: flex;padding: 1.4rem 0 1.35rem;position: relative;min-height: 7.53rem;}
.about-page .box4 .con{width: 29.8%;}
.about-page .box4 .con ul{margin-top: .6rem;}
.about-page .box4 .con li{margin-bottom: .55rem;}
.about-page .box4 .con li>p:nth-of-type(1){font-size: .36rem;}
.about-page .box4 .con li>p:nth-of-type(2){font-size: .16rem;line-height: .26rem;color:#fff;opacity: .6;}
.about-page .box4 .map{position: absolute;top: 1rem;right: -.5rem;width: 82.07%;}
.about-page .box4 .map>img{width: 100%;}
.about-page .box4 .map ul{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.about-page .box4 .map li{position: absolute;width: .12rem;height: .12rem;border-radius: 50%;background: #58ce87;}
.about-page .box4 .map li::after{content:'';background: #58ce87;width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);animation: about-box4-play 1s linear infinite;border-radius: 50%;}
.about-page .box4 .map li>p{position: absolute;width: max-content;}
.about-page .box4 .map li.top>p{left: 50%;transform: translateX(-50%);bottom: 100%;padding-bottom: .1rem;}
.about-page .box4 .map li.bottom>p{left: 50%;transform: translateX(-50%);top: 100%;padding-top: .1rem;}
.about-page .box4 .map li.left>p{right: 100%;padding-right: .15rem;top: 50%;transform: translateY(-50%)}
.about-page .box4 .map li.right>p{left: 100%;padding-left: .15rem;top: 50%;transform: translateY(-50%)}
.about-page .box4 .popup-box{position: absolute;width: max-content;display: none;z-index: 2;}
.about-page .box4 .map li.top .popup-box{left: 50%;transform: translateX(-50%);bottom: 100%;padding-bottom: .28rem;}
.about-page .box4 .map li.bottom .popup-box{left: 50%;transform: translateX(-50%);top: 100%;padding-top: .28rem;}
.about-page .box4 .map li.left .popup-box{right: 100%;padding-right: .28rem;top: 50%;transform: translateY(-50%)}
.about-page .box4 .map li.right .popup-box{left: 100%;padding-left: .28rem;top: 50%;transform: translateY(-50%)}
.about-page .box4 .popup-box::before{content:'';position: absolute;border-width: .15rem;border-style: solid;}
.about-page .box4 .map li.top .popup-box::before{border-color:#545454 transparent transparent transparent;left: 50%;transform: translateX(-50%);bottom: 0;}
.about-page .box4 .map li.bottom .popup-box::before{border-color: transparent transparent #545454 transparent;left: 50%;transform: translateX(-50%);top: 0;}
.about-page .box4 .map li.left .popup-box::before{border-color:transparent transparent transparent #545454;top: 50%;transform: translateY(-50%);right: 0;}
.about-page .box4 .map li.right .popup-box::before{border-color:transparent #545454 transparent transparent ;top: 50%;transform: translateY(-50%);left: 0;}
.about-page .box4 .popup{background: #545454;display: flex;padding:.2rem .3rem .2rem .2rem;align-items: center;}
.about-page .box4 .img-div{width: .54rem;height: .37rem;margin-right: .2rem;}
.about-page .box4 .info>p:nth-of-type(1){font-size: .16rem;margin-bottom: .03rem;}
.about-page .box4 .info>p:nth-of-type(2){color:#58ce87}
@keyframes about-box4-play {
    to{opacity: 0;transform: translate(-50%,-50%) scale(3);}
}

.about-page .box5{background: #1a1a1a;padding: .9rem 0;}
.about-page .box5 .con{position: relative;margin-top: .45rem;}
.about-page .box5 .img-bg{height: 2.15rem;margin: .65rem 0 .25rem;}
.about-page .box5 .swiper-slide>p:nth-of-type(1){font-size: .22rem;text-align: center;position: relative;}
.about-page .box5 .swiper-slide>p:nth-of-type(1)::before{content:'';width: .18rem;height: .18rem;border-radius: 50%;background: #fff;position: absolute;top: .4rem;left: 50%;transform: translateX(-50%);}
.about-page .box5 .swiper-slide>p:nth-of-type(1)::after{content:'';width: .08rem;height: .08rem;border-radius: 50%;background: #58ce87;position: absolute;top: .45rem;left: 50%;transform: translateX(-50%);}
.about-page .box5 .swiper-slide>p:nth-of-type(2){font-size: .18rem;line-height: .24rem;margin-bottom: .1rem;}
.about-page .box5 .swiper-slide>p:nth-of-type(3){line-height: .2rem;opacity: .6;}
.about-page .box5 .line{background: #fff;opacity: .2;position: absolute;top: .48rem;left: 0;width: 100%;height: 1px;}
.about-page .box5 .arrow{top: 1.7rem;}

.about-page .box6{padding: .9rem 0 .7rem;}
.about-page .box6 ul{display: flex;flex-wrap: wrap;margin-top: .45rem;}
.about-page .box6 li{width: calc(100% / 3 - .2rem);margin-right: .3rem;margin-bottom: .3rem;background: rgba(255,255,255,.06);padding: .5rem .5rem .4rem;transition: .3s;}
.about-page .box6 li:nth-child(3n){margin-right: 0;}
.about-page .box6 .img-div{width: .43rem;height: .4rem;}
.about-page .box6 li>p:nth-of-type(1){font-size: .2rem;line-height: .24rem;margin: .2rem 0 .15rem;}
.about-page .box6 li>p:nth-of-type(2){line-height: .2rem;opacity: .6;}

.about-page .box7{background: #1a1a1a;padding: .9rem 0 .75rem;}
.about-page .box7 .con{position:relative;margin-top: .45rem;}
.about-page .box7 .img-div{height: 2.2rem;background: rgba(255,255,255,.06);margin-bottom: .15rem;}
.about-page .box7 .img-div>img{max-width: 80%;max-height: 80%;}
.about-page .box7 .swiper-slide>p{font-size: .2rem;line-height: .3rem;}
.about-page .box7 .arrow{top: .85rem;}

.about-page .box8{height: 3rem;}
.about-page .box8 .tit{margin: .6rem 0 .05rem;}
.about-page .box8 .width>p{margin-bottom: .35rem;font-size: .16rem;line-height: .24rem;}

@media (any-hover:hover){
    .about-page .box4 .map li:hover{background: #2bb9e4;}
    .about-page .box4 .map li:hover::after{background: #2bb9e4;}
    .about-page .box4 .map li:hover>p{display: none;}

    .about-page .box6 li:hover{transform: translateY(-.05rem);}
}

/* 规则 */
.rules-page .tit.center{text-align: center;}
.rules-page .tit>p:nth-of-type(1){font-size: .36rem;line-height: .46rem;}
.rules-page .tit>p:nth-of-type(2){font-size: .16rem;line-height: .26rem;opacity: .6;max-width: 11rem;margin:.05rem auto 0}

.rules-page .box1{display: flex;justify-content: space-between;padding:.9rem 0 1rem}
.rules-page .box1 .con{width: 42.85%;}
.rules-page .box1 .con>p{font-size: .16rem;line-height: .3rem;opacity: .6;margin:.2rem 0 .4rem}
.rules-page .box1 .more{width: 2.2rem;}
.rules-page .box1 .img-bg{width: 56%;height: 4.57rem;}

.rules-page .box2{background: #1a1a1a;padding:.9rem 0 .5rem}
.rules-page .box2 ul{display: flex;flex-wrap: wrap;margin-top: .4rem;}
.rules-page .box2 li{width: calc(100% / 3 - 1.06rem);margin-right: 1.59rem;margin-bottom: .5rem;background: rgba(255,255,255,.06);transition: .3s;display: flex;padding:.3rem .3rem .3rem .4rem;position: relative;}
.rules-page .box2 li:nth-child(3n){margin-right: 0;}
.rules-page .box2 li::after{content:'';width: .41rem;height: .26rem;background: url(../images/3.png) no-repeat center center/100%;position: absolute;top: 50%;transform: translateY(-50%);right: -1rem;}
.rules-page .box2 li:nth-child(3n)::after{display: none;}
.rules-page .box2 .img-div{width: .36rem;height: .34rem;margin-top: .1rem;}
.rules-page .box2 .info{flex:1;padding-left: .3rem;}
.rules-page .box2 .info>p:nth-of-type(1){font-size: .28rem;color:#58ce87}
.rules-page .box2 .info>p:nth-of-type(2){font-size: .2rem;line-height: .28rem;margin: .15rem 0 .05rem;}
.rules-page .box2 .info>p:nth-of-type(3){font-size: .16rem;line-height: .22rem;opacity: .6;}

.rules-page .box3{padding:.9rem 0 1rem}
.rules-page .box3 .con{position: relative;margin-top: .45rem;}
.rules-page .box3 .swiper-container{padding-bottom: 1px;}
.rules-page .box3 .swiper-slide>p{font-size: .18rem;text-align: center;position: relative;margin-bottom: .7rem;}
.rules-page .box3 .swiper-slide>p::before{content:'';width: .18rem;height: .18rem;border-radius: 50%;background: #fff;position: absolute;top: .4rem;left: 50%;transform: translateX(-50%);}
.rules-page .box3 .swiper-slide>p::after{content:'';width: .08rem;height: .08rem;border-radius: 50%;background: #58ce87;position: absolute;top: .45rem;left: 50%;transform: translateX(-50%);}
.rules-page .box3 .info{border:1px solid rgba(255,255,255,.2);text-align: center;height: .9rem;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;}
.rules-page .box3 .info::before{content:'';border-width:.15rem;border-style:solid;border-color:transparent transparent #58ce87 transparent;position: absolute;top: calc(-.3rem + 1px);left: 50%;transform: translateX(-50%);}
.rules-page .box3 .info>p:nth-of-type(1){font-size: .18rem;line-height: .26rem;}
.rules-page .box3 .info>p:nth-of-type(2){color:#999}
.rules-page .box3 .info>p:nth-of-type(2)>span{font-size: .17rem;color:#58ce87}
.rules-page .box3 .line{background: rgba(255,255,255,.2);position: absolute;top: .48rem;left: 0;width: 100%;height: 1px;}
.rules-page .box3-arrow{position: absolute;right: -.15rem;top: .28rem;width: .4rem;height: .4rem;background: url(../images/arrow-m.svg) no-repeat center center/.2rem;cursor: pointer;z-index: 2;}
.rules-page .box3-arrow.prev{right: auto;left: -.15rem;transform: rotate(180deg);}

.rules-page .box4{background: #1a1a1a;padding: .9rem 0 .6rem;}
.rules-page .box4 ul{display: flex;flex-wrap: wrap;margin-top: .5rem;}
.rules-page .box4 li{width: calc(100% / 3 - .26rem);margin-right: .39rem;margin-bottom: .4rem;background: rgba(255,255,255,.06);padding: .5rem .35rem .3rem .5rem;transition: .3s;}
.rules-page .box4 li:nth-child(3n-1){margin-right: 0;}
.rules-page .box4 li:nth-child(1),.rules-page .box4 li:nth-child(2){width: calc(50% - .2rem);}
.rules-page .box4 .img-div{width: .48rem;height: .41rem;}
.rules-page .box4 li>p{font-size: .24rem;line-height: .34rem;margin: .2rem 0 .15rem;}
.rules-page .box4 .note>p{line-height: .2rem;color:#aaa;padding-left: .12rem;position: relative;margin-bottom: .1rem;}
.rules-page .box4 .note>p::before{content:'';position: absolute;top: .04rem;left: 0;width: 2px;height: calc(100% - .1rem);background: #58ce87;}

.rules-page .box5{padding: .9rem 0 .6rem;}
.rules-page .box5 ul{margin-top: .45rem;}
.rules-page .box5 li{border: 1px solid rgba(255,255,255,.5);margin-bottom: .4rem;transition: .3s;}
.rules-page .box5 li>p{font-size: .24rem;line-height: .32rem;padding: .25rem 1rem .25rem .3rem;position: relative;cursor: pointer;}
.rules-page .box5 li>p::after{content:'';position: absolute;right: .4rem;width: .18rem;height: .18rem;background: url(../images/arrow-w.svg) no-repeat center center/100%;top: 50%;transform: translateY(-50%);transition: .3s;}
.rules-page .box5 .items-box{display: none;}
.rules-page .box5 .items{display: flex;flex-wrap: wrap;padding: .3rem .3rem .2rem;border: 1px solid rgba(255,255,255,.2);}
.rules-page .box5 .item{width: calc(25% - .15rem);margin-right: .2rem;margin-bottom: .4rem;}
.rules-page .box5 .item:nth-child(4n){margin-right: 0;}
.rules-page .box5 .img-bg{height: 2.2rem;margin-bottom: .25rem;}
.rules-page .box5 .item>p{font-size: .2rem;line-height: .28rem;}
.rules-page .box5 li.active{border-color: #58ce87;}
.rules-page .box5 li.active>p{color:#58ce87}
.rules-page .box5 li.active>p::after{transform: translateY(-50%) rotate(-90deg);}

.rules-page .box6{background: #1a1a1a;padding: .4rem 0 .6rem;}
.rules-page .box6 .tit{padding:.5rem 0 .45rem}
.rules-page .box6 .width>a{border: 1px solid rgba(255,255,255,.5);margin-bottom: .4rem;font-size: .24rem;line-height: .32rem;padding: .25rem 1rem .25rem .3rem;background: url(../images/arrow-w.svg) no-repeat calc(100% - .4rem) center/.16rem;display: block;color:#58ce87}

.rules-page .box7{padding:.9rem 0 1rem}
.rules-page .box7 .tit{margin-bottom: .4rem;}
.rules-page .box7 table{border-collapse: collapse;width: 100%;text-align: center;table-layout: fixed}
.rules-page .box7 tr:last-child td{border-bottom: 0;}
.rules-page .box7 table:last-child tr:last-child td{border-bottom: 1px solid rgba(255,255,255,.4);}
.rules-page .box7 td{font-size:.16rem;line-height:.26rem;border: 1px solid rgba(255,255,255,.4);padding: .2rem .25rem;}
.rules-page .box7 td.b{font-size: .2rem;}
.rules-page .box7 td.m{color:#58ce87}

.rules-page .box8{background: #1a1a1a;padding:.9rem 0 .4rem}
.rules-page .box8 .con{margin-top: .45rem;}
.rules-page .box8 .item{margin-bottom: .6rem;border: 1px solid rgba(255,255,255,.4);}
.rules-page .box8 .item>p{font-size: .2rem;line-height: .3rem;color:#58ce87;border-bottom: 1px solid rgba(255,255,255,.4);padding: .25rem .3rem;}
.rules-page .box8 ul{padding: .1rem .3rem .5rem;}
.rules-page .box8 li{border-bottom: 1px solid rgba(255,255,255,.2);padding: .25rem 0;}
.rules-page .box8 li>p:nth-of-type(1){font-size: .16rem;line-height: .26rem;cursor: pointer;position: relative;}
.rules-page .box8 li>p:nth-of-type(1)::after{content:'';position: absolute;right: 0;width: .14rem;height: .14rem;background: url(../images/arrow-w.svg) no-repeat center center/100%;top: 50%;transform: translateY(-50%) rotate(90deg);transition: .3s;}
.rules-page .box8 li>p:nth-of-type(2){line-height: .24rem;opacity: .6;padding: .1rem .7rem 0 0;display: none;}
.rules-page .box8 li.active>p:nth-of-type(1)::after{transform: translateY(-50%) rotate(-90deg)}

.rules-page .box9{height: 3.5rem;position: relative;}
.rules-page .box9::after{content:'';width: 100%;height: 100%;background: rgba(0,0,0,.7);top: 0;left: 0;position: absolute;}
.rules-page .box9 .countdown{width: 4rem;margin: 0 auto;position: relative;z-index: 2;}
.rules-page .box9 .countdown>p{text-align: center;}
.rules-page .box9 .countdown>p:nth-of-type(1){font-size: .22rem;padding:.5rem 0 .1rem;}
.rules-page .box9 ul{border-bottom:1px solid rgba(255,255,255,.3);margin:.35rem 0 .3rem;display: flex;padding-bottom:.2rem;justify-content: space-between;}
.rules-page .box9 li{position: relative;}
.rules-page .box9 li::after{content:':';position: absolute;top:.01rem;right:-.3rem;font-size: .2rem;font-weight: 'ms-b';}
.rules-page .box9 li:first-child::after{content:'';width: 1px;height: .35rem;position: absolute;top:.05rem;right:-.3rem;background: rgba(255,255,255,.3);}
.rules-page .box9 li:last-child::after{display: none;}
.rules-page .box9 li>p:nth-of-type(1){font-size: .24rem;}
.rules-page .box9 li>p:nth-of-type(2){font-size: .12rem;opacity: .6;}
.rules-page .box9 .more{width: 1.9rem;line-height: .48rem;margin: 0 auto;display: block;}
.rules-page .box9 .more>span{font-size: .12rem;padding:0 .45rem 0 .25rem;background-size: .12rem;background-position: right .02rem;}

.rules-page .box10{padding: .9rem 0 1rem;}
.rules-page .box10 .tit>p:nth-of-type(2){max-width: 100%;text-align: left;}
.rules-page .box10 table{border-collapse: collapse;width: 100%;text-align: center;table-layout: fixed;margin-top: .45rem;}
.rules-page .box10 td{font-size:.16rem;line-height:.26rem;border: 1px solid rgba(255,255,255,.4);padding: .2rem .2rem;}
.rules-page .box10 .b>td{font-size: .2rem;line-height:.3rem;padding:.1rem;}
.rules-page .box10 td>span{display: block;line-height: .2rem;opacity: .6;font-size: .14rem}
.rules-page .box10 .b>td>span{color:#23b75e;font-size: .24rem;line-height: .24rem;opacity: 1}
.rules-page .box10 .success{background: url(../images/4.png) no-repeat center center/.36rem;}
.rules-page .box10 .fail{background: url(../images/5.png) no-repeat center center/.36rem;}

.rules-page .box11{background: #1a1a1a;padding: 1rem 0;}
.rules-page .box11 ul{position: relative;}
.rules-page .box11 ul::before{content:'';width: 100%;height: 2px;background: linear-gradient(to right,#2bb9e4,#8fd776);position: absolute;top: 0;left: 0;}
.rules-page .box11 li{min-height: calc(3rem + 2px);position: relative;padding: .4rem 0;display: flex;align-items: center;}
.rules-page .box11 li::after{content:'';width: 100%;height: 2px;background: linear-gradient(to right,#2bb9e4,#8fd776);position: absolute;bottom: 0;left: 0;}
.rules-page .box11 .img-bg{position: absolute;right:0;top: .4rem;width: 25.71%;height: 2.2rem;}
.rules-page .box11 .info{width: 42%;}
.rules-page .box11 .info>p:nth-of-type(1){font-size: .24rem;line-height: .34rem;margin-bottom: .1rem;}
.rules-page .box11 .info>p:nth-of-type(2){line-height: .24rem;opacity: .6;}

@media (any-hover:hover){
    .rules-page .box2 li:hover{transform: translateY(-.05rem);}
    
    .rules-page .box4 li:hover{transform: translateY(-.05rem);}

    .rules-page .box5 li:hover{border-color: #58ce87;}
    
    .rules-page .box6 .width>a:hover{border-color: #58ce87;}
}

/* 评审 */
.jury-page .tit.center{text-align: center;}
.jury-page .tit>p:nth-of-type(1){font-size: .36rem;line-height: .46rem;}
.jury-page .tit>p:nth-of-type(2){line-height: .24rem;opacity: .6;max-width: 10.7rem;margin:.2rem auto 0}

.jury-page .box1{background:#1a1a1a;padding:.9rem 0 .3rem}
.jury-page .box1 ul{display: flex;flex-wrap: wrap;margin-top: .45rem;}
.jury-page .box1 li{width: calc(25% - .21rem);margin-right: .28rem;position: relative;margin-bottom: .65rem;}
.jury-page .box1 li:nth-child(4n){margin-right: 0;}
.jury-page .box1 .img-bg{height: 3.7rem;}
.jury-page .box1 li>p:nth-of-type(1){font-size: .2rem;margin: .25rem 0 .1rem;}
.jury-page .box1 .country{display: flex;align-items: center;}
.jury-page .box1 .img-div{width: .4rem;height: .25rem;margin-right: .1rem;}
.jury-page .box1 .country>p{opacity: .6;flex:1}
.jury-page .box1 li>p:nth-of-type(2){line-height: .2rem;color:#23B75E;position: relative;padding-top: .25rem;}
.jury-page .box1 li>p:nth-of-type(2)::before{content:'';width:.4rem;height:2px;background:linear-gradient(to right,#2bb9e4,#8fd776);position: absolute;top:.15rem;left: 0;}
.jury-page .box1 .page{padding-bottom: .7rem;}

.jury-page .box2{display: flex;align-items: flex-start;padding:1rem 0}
.jury-page .box2 .img-bg{width: 34.28%;height: 5.3rem;}
.jury-page .box2 .con{flex:1;padding: .6rem 0 0 1rem;}
.jury-page .box2 .con>p:nth-of-type(1){font-size: .3rem;line-height: .4rem;}
.jury-page .box2 .country{display: flex;align-items: center;margin:.2rem 0 .1rem}
.jury-page .box2 .country .img-div{width: .4rem;height: .25rem;margin-right: .1rem;}
.jury-page .box2 .country>p{opacity: .6;flex:1}
.jury-page .box2 .con>p:nth-of-type(2){line-height: .24rem;color:#23B75E;position: relative;padding-bottom: .45rem;}
.jury-page .box2 .con>p:nth-of-type(2)::after{content:'';width:.4rem;height:2px;background:linear-gradient(to right,#2bb9e4,#8fd776);position: absolute;bottom:.35rem;left: 0;}
.jury-page .box2 .link{display: flex;margin-bottom: .25rem;}
.jury-page .box2 .link>a{width: .4rem;height: .4rem;margin-right: .1rem;}
.jury-page .box2 .con>p:nth-of-type(3){line-height: .24rem;opacity: .6;word-wrap:break-word}

.jury-page .box3{background: #1a1a1a;padding: .9rem 0;}
.jury-page .box3 ul{display: flex;margin-top: .45rem;}
.jury-page .box3 li{width: calc(25% - .21rem);margin-right: .28rem;position: relative;}
.jury-page .box3 li:nth-child(4n){margin-right: 0;}
.jury-page .box3 .img-bg{height: 3.7rem;}
.jury-page .box3 li>p:nth-of-type(1){font-size: .2rem;margin: .25rem 0 .1rem;}
.jury-page .box3 .country{display: flex;align-items: center;}
.jury-page .box3 .img-div{width: .4rem;height: .25rem;margin-right: .1rem;}
.jury-page .box3 .country>p{opacity: .6;flex:1}
.jury-page .box3 li>p:nth-of-type(2){line-height: .2rem;color:#23B75E;position: relative;padding-top: .25rem;}
.jury-page .box3 li>p:nth-of-type(2)::before{content:'';width:.4rem;height:2px;background:linear-gradient(to right,#2bb9e4,#8fd776);position: absolute;top:.15rem;left: 0;}

@media (any-hover:hover){
    .jury-page .box1 li:hover .img{transform: scale(1.1);}
    .jury-page .box1 li:hover>p:nth-of-type(1){color:#23B75E}
    
    .jury-page .box3 li:hover .img{transform: scale(1.1);}
    .jury-page .box3 li:hover>p:nth-of-type(1){color:#23B75E}
}

/* 获奖 */
.winner-page .tit.center{text-align: center;}
.winner-page .tit>p{font-size: .36rem;line-height: .46rem;}

.winner-page .box1{padding:.9rem 0 .55rem;background: #1a1a1a;}
.winner-page .box1 .choose{display: flex;padding: .5rem 0 .4rem;border-bottom: 1px rgba(255,255,255,.2) solid;margin-bottom: .4rem;}
.winner-page .box1 .select{margin-right: .25rem;}
.winner-page .box1 .select>select{width: 3.3rem;height: .5rem;}
.winner-page .box1 .input{position: relative;}
.winner-page .box1 .input>input{width: 3.3rem;height: .5rem;}
.winner-page .box1 .btn{width: .5rem;height: .5rem;background: url(../images/search.png) no-repeat center center/.16rem;position: absolute;right: 0;top: 0;cursor: pointer;}
.winner-page .box1 ul{display: flex;flex-wrap: wrap;}
.winner-page .box1 li{width: calc(25% - .21rem);margin-right: .28rem;margin-bottom: .45rem;position: relative;}
.winner-page .box1 li:nth-child(4n){margin-right: 0;}
.winner-page .box1 .img-bg{height: 3rem;position: relative;}
.winner-page .box1 .tag{position: absolute;left: 0;width: 100%;bottom: 0;display: flex;align-items: flex-end;justify-content: center;}
.winner-page .box1 .tag::after{content:'';position: absolute;background: rgba(0,0,0,.7);bottom: 0;left: 0;width: 100%;height: calc(100% - .15rem);}
.winner-page .box1 .img-div{width: .29rem;height: .56rem;position: relative;z-index: 2;margin-right: .15rem;}
.winner-page .box1 .tag>p{line-height: .2rem;padding-bottom: .08rem;position: relative;z-index: 2;max-width: calc(100% - .7rem);}
.winner-page .box1 .cate{display: flex;flex-wrap: wrap;border:1px #58ce87 solid;border-bottom: 0;margin: .3rem 0 .2rem;}
.winner-page .box1 .cate>p{width: 50%;color:#58ce87;text-align: center;padding: .08rem;font-size: .12rem;border-bottom:1px #58ce87 solid;}
.winner-page .box1 .cate>p:nth-child(2n+1){border-right: 1px solid #58ce87;}
.winner-page .box1 .cate>p.w100{border-right: 0;width: 100%;}
.winner-page .box1 li>p:nth-of-type(1){font-size: .2rem;line-height: .3rem;margin-bottom: .2rem;}
.winner-page .box1 li>p:nth-of-type(2){opacity: .6;}
.winner-page .box1 .page{padding: .1rem 0 .45rem;}

.winner-page .box2{padding: 1rem 0;display: flex;align-items: flex-start;justify-content: space-between;}
.winner-page .box2 .pic{width: 35.71%;}
.winner-page .box2 .big{margin-bottom: .1rem;position: relative;}
.winner-page .box2 .big .swiper-slide{height: 4.5rem;}
.winner-page .box2 .arrow{right: .2rem;z-index: 2;width: .45rem;height: .45rem;top: 2.02rem;}
.winner-page .box2 .prev{left: .2rem;}
.winner-page .box2 .thumb{padding-right: 1px;}
.winner-page .box2 .thumb .swiper-slide{height: 1.05rem;cursor: pointer;}
.winner-page .box2 .thumb .swiper-slide.active{border: 2px solid #58ce87;}
.winner-page .box2 .con{width: 58.8%;}
.winner-page .box2 .name{display: flex;align-items: center;border-bottom: 1px solid rgba(255,255,255,.3);padding-bottom: .3rem;}
.winner-page .box2 .img-div{width: .17rem;height: .5rem;margin-right: .2rem;}
.winner-page .box2 .name>p{font-size: .2rem;line-height: .3rem;flex:1}
.winner-page .box2 ul{margin: .25rem 0 0;}
.winner-page .box2 li{display: flex;margin-bottom: .15rem;}
.winner-page .box2 li.align-item{align-items: center;}
.winner-page .box2 li>p{line-height: .24rem;}
.winner-page .box2 li>p:nth-of-type(1){width: 1.4rem;opacity: .6;}
.winner-page .box2 li>p:nth-of-type(2){flex:1}
.winner-page .box2 .cate{display: flex;width: calc(50% - 1.4rem);}
.winner-page .box2 .cate>span{padding:.03rem .2rem;color:#58ce87;border: 1px solid #58ce87;border-right: 0;font-size: .12rem;width: 25%;text-align: center;}
.winner-page .box2 .cate>span:last-child{border-right: 1px #58ce87 solid;}
.winner-page .box2 .con>p:nth-of-type(1){opacity: .6;margin: .15rem 0 .1rem;}
.winner-page .box2 .con>p:nth-of-type(2){line-height: .24rem;}

.winner-page .box3{background: #1a1a1a;padding: .9rem 0 1rem;}
.winner-page .box3 ul{display: flex;margin-top: .45rem;}
.winner-page .box3 li{width: calc(25% - .21rem);margin-right: .28rem;position: relative;}
.winner-page .box3 li:nth-child(4n){margin-right: 0;}
.winner-page .box3 .img-bg{height: 3rem;position: relative;}
.winner-page .box3 .tag{position: absolute;left: 0;width: 100%;bottom: 0;display: flex;align-items: flex-end;justify-content: center;}
.winner-page .box3 .tag::after{content:'';position: absolute;background: rgba(0,0,0,.7);bottom: 0;left: 0;width: 100%;height: calc(100% - .15rem);}
.winner-page .box3 .img-div{width: .29rem;height: .56rem;position: relative;z-index: 2;margin-right: .15rem;}
.winner-page .box3 .tag>p{line-height: .2rem;padding-bottom: .08rem;position: relative;z-index: 2;max-width: calc(100% - .7rem);}
.winner-page .box3 .cate{display: flex;flex-wrap: wrap;border:1px #58ce87 solid;border-bottom: 0;margin: .3rem 0 .2rem;}
.winner-page .box3 .cate>p{width: 50%;color:#58ce87;text-align: center;padding: .08rem;font-size: .12rem;border-bottom:1px #58ce87 solid;}
.winner-page .box3 .cate>p:nth-child(2n+1){border-right: 1px solid #58ce87;}
.winner-page .box3 .cate>p.w100{border-right: 0;width: 100%;}
.winner-page .box3 li>p:nth-of-type(1){font-size: .2rem;line-height: .3rem;margin-bottom: .2rem;}
.winner-page .box3 li>p:nth-of-type(2){opacity: .6;}

@media (any-hover:hover){
    .winner-page .box1 li:hover .img{transform: scale(1.1);}
    .winner-page .box1 li:hover>p:nth-of-type(1){color:#58ce87}

    .winner-page .box3 li:hover .img{transform: scale(1.1);}
    .winner-page .box3 li:hover>p:nth-of-type(1){color:#58ce87}
}

/* 新闻 */
.news-page .tit.center{text-align: center;}
.news-page .tit>p{font-size: .36rem;line-height: .46rem;}

.news-page .box1{padding: .9rem 0 .6rem;background: #1a1a1a;}
.news-page .box1 ul{margin-top: .45rem;}
.news-page .box1 li{display: flex;background: #262626;margin-bottom: .4rem;align-items: center;}
.news-page .box1 .img-bg{height: 4.2rem;width: 50%;}
.news-page .box1 .info{width: 50%;padding: 0 .3rem 0 .6rem;}
.news-page .box1 .country{display: flex;align-items: center;}
.news-page .box1 .img-div{width: .43rem;height: .28rem;margin-right: .1rem;}
.news-page .box1 .country>p{opacity: .6;}
.news-page .box1 .info>a:nth-of-type(1){font-size: .24rem;margin:.2rem 0 .25rem}
.news-page .box1 .info>p{line-height: .24rem;opacity: .6;margin-bottom: .45rem;}
.news-page .box1 .page{padding: .2rem 0 .4rem;}

.news-page .box2{background: #fff;padding: .9rem 0 1rem;}
.news-page .box2 .width>p{font-size: .36rem;line-height: .46rem;color:#000}
.news-page .box2 .country{display: flex;align-items: center;margin-top: .15rem;}
.news-page .box2 .img-div{width: .43rem;height: .28rem;margin-right: .1rem;}
.news-page .box2 .country>p{color:#666;opacity: .6;}
.news-page .box2 .content{border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;margin:.2rem 0 .5rem;padding:.3rem 0 .5rem}
.news-page .box2 .content img{max-width: 100%;margin:0 auto;display: block;height: auto !important;}
.news-page .box2 .content a{display: inline-block;}
.news-page .box2 .content p{font-size: .16rem;line-height: .3rem;color:#666}
.news-page .box2 .content strong{font-size: .18rem;line-height: .32rem;color:#333;font-family: 'ms-b';}
.news-page .box2 .jump{display: flex;align-items: center;justify-content: space-between;}
.news-page .box2 .info{width: calc(100% - 3rem);}
.news-page .box2 .info>a{font-size: .16rem;line-height: .32rem;color:#666}
.news-page .box2 .jump>a{width: 2.2rem;}

.news-page .box3{background: #f7f7f7;padding:.9rem 0}
.news-page .box3 ul{display: flex;margin-top: .45rem;}
.news-page .box3 li{width: calc(100% / 3 - .2rem);margin-right: .3rem;position: relative;}
.news-page .box3 li:last-child{margin-right: 0;}
.news-page .box3 .img-bg{height: 2.7rem;}
.news-page .box3 .country{display: flex;align-items: center;margin-top: .2rem;}
.news-page .box3 .img-div{width: .4rem;height: .25rem;margin-right: .1rem;}
.news-page .box3 .country>p{color:#666;flex:1}
.news-page .box3 li>p:nth-of-type(1){font-size: .18rem;color:#000;margin: .1rem 0 .15rem;}
.news-page .box3 li>p:nth-of-type(2){line-height: .24rem;color:#666}

@media (any-hover:hover){
    .news-page .box1 li:hover .info>a:nth-of-type(1){color:#58ce87}

    .news-page .box2 .info>a.dot:hover{color:#58ce87}

    .news-page .box3 li:hover .img{transform: scale(1.1);}
    .news-page .box3 li:hover>p:nth-of-type(1){color:#23B75E}
}

/* 联系 */
.contact-page{background: #f5f5f5;padding:1rem 0}
.contact-page .width{background:#fff;padding:.9rem 1.15rem 1rem}
.contact-page .width>div:nth-of-type(1){text-align: center;font-size: .36rem;}
.contact-page .width>p:nth-of-type(1){text-align: center;font-size: .16rem;color:#333;margin:.05rem 0 .4rem}
.contact-page .width>p:nth-of-type(2){font-size: .16rem;color:#999;}
.contact-page ul{display: flex;flex-wrap: wrap;}
.contact-page li{width: calc(50% - .35rem);margin-bottom: .25rem;}
.contact-page li:nth-child(2n+1){margin-right: .7rem;}
.contact-page li.w100{width: 100%;margin-right: 0;}
.contact-page li>p{font-size: .16rem;color:#333;margin-bottom: .15rem;}
.contact-page li>input{height: .6rem;background: #fafafa;border: 1px solid #eee;width: 100%;padding: 0 .25rem;font-size: .16rem;}
.contact-page li>input:focus{border-color: #58ce87;}
.contact-page li>textarea{height: 2rem;background: #fafafa;border: 1px solid #eee;width: 100%;padding: .2rem .25rem;}
.contact-page li>textarea:focus{border-color: #58ce87;}
.contact-page .select>select{background: #fafafa;border: 1px solid #eee;height: .6rem;padding: 0 .5rem 0 .25rem;}
.contact-page .select>select:focus{border-color: #58ce87;}
.contact-page .select:after{background-image: url(../images/arrow.svg);}
.contact-page .more{margin: .5rem auto 0;cursor: pointer;}
.contact-page .more>span{background: none;text-align: center;display: block;}

/* 用户 */
.user-page{background: #f5f5f5;color:#333;padding:.5rem 0 .6rem}
.user-page a{color:#333}
.user-page .more{color:#fff}
.user-page .flex{display: flex;justify-content: space-between;align-items: flex-start}
.user-page .box{background: #fff;}
.user-page .tit{text-align: center;}
.user-page .tit>p:nth-of-type(1){font-size: .36rem;line-height: .46rem;margin-bottom: .05rem;}
.user-page .tit>p:nth-of-type(2){font-size: .16rem;line-height: .26rem}
.user-page .tit>p:nth-of-type(2)>a{color:#58ce87;text-decoration: underline;margin: 0 .05rem;}

.user-left{width: 16%;background: #fff;padding-bottom: .6rem;position: sticky;top: 1.3rem;left: 0;}
.user-left>p{line-height: .6rem;background: linear-gradient(to right,#2bb9e4,#8fd776);text-align: center;color:#fff;font-size: .2rem;}
.user-left>a{display: block;border-bottom: 1px #eee solid;line-height: .55rem;padding-left: .5rem;font-size: .16rem;color:#999;position: relative;}
.user-left>a::before{content:'';width: .05rem;height: .05rem;border-radius: 50%;background: #999;position: absolute;top: .24rem;left: .35rem;}
.user-left>a.active{color:#58ce87}
.user-left>a.active::before{background: #58ce87;}
.user-right{width: 81.4%;}

/* 注册 */
.user-page.reg{padding:1rem 0}
.user-page.reg .step1{padding:.9rem 1.1rem 1rem}
.user-page.reg .step1 ul{display: flex;flex-wrap: wrap;margin-top: .4rem;}
.user-page.reg .step1 li{width: calc(50% - .35rem);margin-bottom: .25rem;display:flex;flex-wrap:wrap}
.user-page.reg .step1 li:nth-child(2n+1){margin-right: .7rem;}
.user-page.reg .step1 li>p{font-size: .16rem;margin-bottom: .15rem;width:100%}
.user-page.reg .step1 li>input{background: #fafafa;border-color:#eee;width:100%;height: .6rem;padding: 0 .2rem;font-size: .16rem;}
.user-page.reg .step1 .quhao{width:1.5rem;margin-right:.1rem}
.user-page.reg .step1 .phone{width:calc(100% - 1.6rem)}
.user-page.reg .step1 li>input::placeholder{font-size: .16rem;}
.user-page.reg .step1 li>input:focus{border-color:#58ce87}
.user-page.reg .step1 .select>select{background: #fafafa;border-color:#eee;width:100%;height: .6rem;padding: 0 .6rem 0 .2rem;font-size: .16rem;}
.user-page.reg .step1 .select:after{background-image: url(../images/arrow.svg);width: .6rem;height: .6rem;}
.user-page.reg .step1 .select>select:focus{border-color:#58ce87}
.user-page.reg .step1>label{color:#666;display: flex;align-items: center;margin-bottom: .5rem;cursor: pointer;}
.user-page.reg .step1>label>input{width: .2rem;height: .2rem;padding: 0;}
.user-page.reg .step1>label>input:focus::before{border-color:#58ce87}
.user-page.reg .step1>label>a{color:#58ce87;text-decoration: underline;margin: 0 .05rem;}
.user-page.reg .step1 .more{width: 3.2rem;}

.user-page.reg .step2{display: none;padding:.9rem 0 1rem}
.user-page.reg .step2 .tit>p:nth-of-type(2){max-width: 6rem;margin: 0 auto;}
.user-page.reg .step2 .codes{display: flex;justify-content: center;margin:.3rem 0 .7rem;}
.user-page.reg .step2 .code{width: 1rem;margin-right: .5rem}
.user-page.reg .step2 .code:last-child{margin-right: 0;}
.user-page.reg .step2 .code_input{padding: 0;width:100%;border-bottom: 1px solid #999;font-size: .36rem;text-align: center;color:#000;font-family:'ms-b';}
.user-page.reg .step2 .more{width: 2.8rem;margin: 0 auto;}

/* 登录 */
.user-page.login{padding:1rem 0}
.user-page.login .box{padding:.9rem 16% 1rem}
.user-page.login ul{margin-top: .4rem}
.user-page.login li{margin-bottom: .4rem;}
.user-page.login li>p{font-size: .16rem;margin-bottom: .15rem;}
.user-page.login li>input{background: #fafafa;border-color:#eee;width:100%;height: .6rem;padding: 0 .2rem;font-size: .16rem;}
.user-page.login li>input::placeholder{font-size: .16rem;}
.user-page.login li>input:focus{border-color:#58ce87}
.user-page.login .info{display:flex;justify-content: space-between;}
.user-page.login .info>label{color:#666;display: flex;align-items: center;margin-bottom: .5rem;cursor: pointer;}
.user-page.login .info>label>input{width: .2rem;height: .2rem;padding: 0;}
.user-page.login .info>label>input:focus::before{border-color:#58ce87}
.user-page.login .info>label>a{color:#58ce87;text-decoration: underline;margin: 0 .05rem;}
.user-page.login .info>a{color:#58ce87;text-decoration: underline;}
.user-page.login .more{width: 1.8rem;}
.user-page.login .more>span{padding: 0 .4rem;}

/* 忘记密码 */
.user-page.forget{padding:1rem 0}
.user-page.forget .step1{padding:.9rem 21% 1rem;}
.user-page.forget .step1 ul{margin: .5rem 0 .4rem}
.user-page.forget .step1 li>p{font-size: .16rem;margin-bottom: .15rem;}
.user-page.forget .step1 li>input{background: #fafafa;border-color:#eee;width:100%;height: .6rem;padding: 0 .2rem;font-size: .16rem;}
.user-page.forget .step1 li>input::placeholder{font-size: .16rem;}
.user-page.forget .step1 li>input:focus{border-color:#58ce87}
.user-page.forget .step1 .more{width: 3.2rem;}

.user-page.forget .step2{display: none;padding:.9rem 0 1rem}
.user-page.forget .step2 .tit>p:nth-of-type(2){max-width: 6rem;margin: 0 auto;}
.user-page.forget .step2 .codes{display: flex;justify-content: center;margin:.3rem 0 .7rem;}
.user-page.forget .step2 .code{width: 1rem;margin-right: .5rem}
.user-page.forget .step2 .code:last-child{margin-right: 0;}
.user-page.forget .step2 .code_input{padding: 0;width:100%;border-bottom: 1px solid #999;font-size: .36rem;text-align: center;color:#000;font-family:'ms-b';}
.user-page.forget .step2 .more{width: 1.8rem;margin: 0 auto;}

.user-page.forget .step3{display: none;padding:.9rem 21% 1rem;}
.user-page.forget .step3 .tit>p:nth-of-type(2){max-width: 6rem;margin: 0 auto;}
.user-page.forget .step3 ul{margin-top: .4rem}
.user-page.forget .step3 li{margin-bottom: .4rem;}
.user-page.forget .step3 li>p{font-size: .16rem;margin-bottom: .15rem;}
.user-page.forget .step3 li>input{background: #fafafa;border-color:#eee;width:100%;height: .6rem;padding: 0 .2rem;font-size: .16rem;}
.user-page.forget .step3 li>input::placeholder{font-size: .16rem;}
.user-page.forget .step3 li>input:focus{border-color:#58ce87}
.user-page.forget .step3 .more{width: 3rem}

/* 个人信息 */
.user-page.account .box{padding: .35rem .4rem 0;}
.user-page.account .img{height: 4rem;}
.user-page.account .arrow{width:.4rem;height:.4rem;border-color:rgba(255,255,255,.4);top:45%;right:.3rem;z-index:2}
.user-page.account .prev{right:auto;left:.3rem;}
.user-page.account .swiper-pagination-bullet{background:#fff}
.user-page.account .note{font-size:.16rem;line-height:.3rem;color:#666;margin:.3rem 0 .55rem}
.user-page.account .box>p{font-size: .2rem;color:#000;border-bottom: 1px #eee solid;padding-bottom: .15rem}
.user-page.account ul{margin: .4rem;}
.user-page.account li{display: flex;align-items: center;margin-bottom: .2rem;}
.user-page.account li>p:nth-of-type(1){font-size: .16rem;width: 1.8rem;}
.user-page.account li>p:nth-of-type(2){font-size: .16rem;color:#999;flex:1}
.user-page.account li>input{width:calc(100% - 1.8rem);height: .5rem;border: 1px #eee solid;padding: 0 .2rem;color:#333}
.user-page.account .quhao{width:1.5rem;margin-right:.1rem}
.user-page.account .phone{width:calc(100% - 3.4rem)}
.user-page.account li>input:focus{border-color:#58ce87}
.user-page.account .select{flex:1;}
.user-page.account .select>select{border-color:#eee;height: .5rem;padding: 0 .6rem 0 .2rem;}
.user-page.account .select:after{background-image: url(../images/arrow.svg);width: .5rem;height: .5rem;}
.user-page.account .select>select:focus{border-color:#58ce87}
.user-page.account .more{margin: 0 0 .8rem .4rem;line-height: .5rem;width: 1.2rem;text-align: center;}
.user-page.account .pwds{width: 2.4rem;}
.user-page.account .more>span{background: none;padding: 0;}

/* 操作作品 */
.user-page.save-work .box{padding: .8rem 1rem;}
.user-page.save-work .btn{display: flex;justify-content: space-between;}
.user-page.save-work .more{text-align: center;}
.user-page.save-work .more>span{background: none;padding:0;}
.user-page.save-work .step1 ul{padding-bottom: .1rem;}
.user-page.save-work .step1 li{display: flex;align-items: center;margin-bottom: .3rem;}
.user-page.save-work .step1 li.column{display: block;}
.user-page.save-work .step1 li>p:nth-of-type(1){font-size: .16rem;width: 1.8rem;}
.user-page.save-work .step1 li>p:nth-of-type(2){line-height: .2rem;color:#666;margin: .1rem 0 .2rem;}
.user-page.save-work .step1 li>input{width:calc(100% - 1.8rem);height: .5rem;border: 1px #eee solid;padding: 0 .2rem;color:#333}
.user-page.save-work .step1 li>input.designer{width:calc(100% - 2.15rem)}
.user-page.save-work .step1 li>input:focus{border-color:#58ce87}
.user-page.save-work .step1 .select{flex:1;}
.user-page.save-work .step1 .select:nth-of-type(1){margin-right: .2rem;}
.user-page.save-work .step1 .select>select{border-color:#eee;height: .5rem;padding: 0 .6rem 0 .2rem;}
.user-page.save-work .step1 .select:after{background-image: url(../images/arrow.svg);width: .5rem;height: .5rem;}
.user-page.save-work .step1 .select>select:focus{border-color:#58ce87}
.user-page.save-work .step1 li>textarea{flex:1;height: 2.15rem;border: 1px #eee solid;padding: .15rem .2rem;color:#333;width:100%}
.user-page.save-work .step1 li>textarea:focus{border-color:#58ce87}
.user-page.save-work .step1 .add{width:.25rem;height:.25rem;cursor:pointer;background:url(../images/20.png) no-repeat center center/100%;margin-left:.1rem}

.user-page.save-work .step2{display: none;}
.user-page.save-work .step2>p{font-size: .2rem;color:#000}
.user-page.save-work .step2>p.small{font-size: .14rem;color:#666;line-height: .24rem;margin: .15rem 0 .25rem;}
.user-page.save-work .step2 .imgs{display: flex;flex-wrap: wrap;border-bottom: 1px #eee solid;padding-bottom: .15rem;margin-bottom: .35rem;}
.user-page.save-work .step2 .files{border-bottom: 1px #eee solid;padding-bottom:.25rem;margin-bottom: .35rem}
.user-page.save-work .step2 .videos{border-bottom: 1px #eee solid;padding-bottom:.25rem;margin-bottom: .5rem}
.user-page.save-work .step2 .img-div{width: calc(100% / 3 - .15rem);margin-right: .225rem;margin-bottom: .225rem;background: #f5f5f5;height: 2rem;position: relative;}
.user-page.save-work .step2 .img-div:nth-child(3n){margin-right: 0;}
.user-page.save-work .step2 .default{padding-top: 1.32rem;font-size: .16rem;color:#000;text-align: center;display: block;cursor: pointer;}
.user-page.save-work .step2 .close{position: absolute;top: 0;right: 0;width: .3rem;height: .3rem;background: #58ce87 url(../images/close-w.svg) no-repeat center center/.14rem;cursor: pointer;}
.user-page.save-work .step2 .imgs .default{background:#f5f5f5 url(../images/12.png) no-repeat center .5rem/.7rem;}
.user-page.save-work .step2 .files .default{background:#f5f5f5 url(../images/13.png) no-repeat center .45rem/.56rem;}
.user-page.save-work .step2 .videos .default{background:#f5f5f5 url(../images/14.png) no-repeat center .5rem/.63rem;}
.user-page.save-work .step2 input[type='file']{display: none;}
.user-page.save-work .step2 .progress{line-height:.2rem;background:#58ce87;display:block;position:absolute;bottom:0;left:0;text-align:center;color:#fff;font-size:.12rem}

.user-page.save-work .step3{display: none;}
.user-page.save-work .step3 .info{display: flex;flex-wrap: wrap;border-bottom: 1px #eee solid;}
.user-page.save-work .step3 .info li{width: calc(100% / 3 - .2rem);margin-right: .3rem;margin-bottom: .5rem;}
.user-page.save-work .step3 .info li:nth-child(3n){margin-right: 0;}
.user-page.save-work .step3 .info li>p{font-size: .16rem;color:#000;line-height: .26rem;}
.user-page.save-work .step3 .info li>p:nth-of-type(1){color:#999;margin-bottom: .05rem;}
.user-page.save-work .step3 .note{border-bottom: 1px #eee solid;padding: .4rem 0 .1rem;}
.user-page.save-work .step3 .note li{margin-bottom: .3rem;}
.user-page.save-work .step3 .note li>p{font-size: .16rem;line-height: .3rem;}
.user-page.save-work .step3 .note li>p:nth-of-type(1){color:#999;margin-bottom: .05rem;}
.user-page.save-work .step3 .img{border-bottom: 1px #eee solid;padding: .45rem 0 .3rem;}
.user-page.save-work .step3 .img>p{font-size: .2rem;color:#000;margin-bottom: .3rem;}
.user-page.save-work .step3 .img ul{display: flex;flex-wrap: wrap;}
.user-page.save-work .step3 .img li{width: calc(100% / 3 - .14rem);margin-right: .21rem;margin-bottom: .2rem;height: 2rem;}
.user-page.save-work .step3 .img li:nth-child(3n){margin-right: 0;}
.user-page.save-work .step3 .file{border-bottom: 1px #eee solid;padding: .45rem 0 .5rem;}
.user-page.save-work .step3 .file>p{font-size: .2rem;color:#000;margin-bottom: .3rem;}
.user-page.save-work .step3 .file>a{width: calc(100% / 3 - .14rem);height: 2rem;background: #f5f5f5 url(../images/15.png) no-repeat center .5rem/.56rem;font-size: .18rem;text-align: center;padding-top: 1.3rem;}
.user-page.save-work .step3 .video{border-bottom: 1px #eee solid;padding: .45rem 0 .5rem;}
.user-page.save-work .step3 .video>p{font-size: .2rem;color:#000;margin-bottom: .3rem;}
.user-page.save-work .step3 .video>a{width: calc(100% / 3 - .14rem);height: 2rem;background: #f5f5f5 url(../images/16.png) no-repeat center .6rem/.44rem;font-size: .18rem;text-align: center;padding-top: 1.2rem;}
.user-page.save-work .step3 .btn{margin-top: .5rem;}

.user-page.save-work .step4{display:none}

/* 作品列表 */
.user-page.work .box{padding:.5rem .4rem .4rem}
.user-page.work .box>p{font-size: .16rem;text-align: center;color:#999}
.user-page.work .status{display:flex;border-bottom:1px solid #eee;padding-bottom:.15rem;margin-bottom:.3rem}
.user-page.work .status>a{font-size:.18rem;color:#999;margin-right:.4rem;padding:0 .15rem;position:relative}
.user-page.work .status>a.active{color:#333}
.user-page.work .status>a.active::after{content:'';width:100%;height:.02rem;background:linear-gradient(to right,#2bb9e4,#8fd776);position:absolute;left:0;bottom:-.16rem}
.user-page.work li{margin-bottom: .2rem;}
.user-page.work .tab{display: flex;background:#ededed;height:.6rem;align-items:center}
.user-page.work li.award .tab{background:linear-gradient(to right,#1e87c9,#0fb4b8);color:#fff}
.user-page.work .tab>p:nth-of-type(1){width: 5%;}
.user-page.work .tab>p:nth-of-type(2){width: 9.4%;}
.user-page.work .tab>p:nth-of-type(3){width: 15%;text-align:center}
.user-page.work .tab>p:nth-of-type(4){width: 19.8%;padding:0 .2rem 0 .4rem}
.user-page.work .tab>p:nth-of-type(5){width: 14.6%;}
.user-page.work .tab>p:nth-of-type(6){width: 15.5%;}
.user-page.work .tab>p:nth-of-type(7){width: 11.29%;}
.user-page.work .tab>p:nth-of-type(8){width: 9.68%;}
.user-page.work .info{display: flex;align-items: center;background:#f5f5f5;padding:.25rem 0}
.user-page.work .item{position: relative;line-height: .24rem;padding-right: .2rem;}
.user-page.work .item:nth-of-type(1){width: 5%;padding:.05rem 0 0 .2rem;}
.user-page.work .item:nth-of-type(2){width: 9.4%;}
.user-page.work .item:nth-of-type(3){width: 15%;height: 1.1rem;margin:0 auto;padding-right:0}
.user-page.work .item:nth-of-type(4){width: 19.8%;padding:0 .2rem 0 .4rem}
.user-page.work .item:nth-of-type(5){width: 14.6%;}
.user-page.work .item:nth-of-type(6){width: 15.5%;}
.user-page.work li.award .item:nth-of-type(6){padding-left:.3rem;background:url(../images/21.png) no-repeat left center/.24rem;color:#0fb4b8}
.user-page.work .item:nth-of-type(7){width: 11.29%;}
.user-page.work .item:nth-of-type(8){width: 9.68%;padding-right: 0;background: url(../images/17.png) no-repeat 15% center/auto 100%;height: .4rem;cursor: pointer;}
.user-page.work .item:nth-of-type(1)>input{width: .2rem;height: .2rem}
.user-page.work .item .popup{position: absolute;width: 2rem;background: #fff;padding: .15rem 0;top: calc(100% - .2rem);left:0;z-index: 2;display: none;}
.user-page.work .item .popup>a{display: block;line-height: .35rem;color:#666;padding-left:.6rem}
.user-page.work .item .preview{background:url(../images/24.png) no-repeat .3rem center/.17rem}
.user-page.work .item .edit{background:url(../images/25.png) no-repeat .3rem center/.16rem}
.user-page.work .item .del{background:url(../images/26.png) no-repeat .3rem center/.18rem}
.user-page.work .item .invoice{background:url(../images/27.png) no-repeat .3rem center/.18rem}
.user-page.work .item .equity{background:url(../images/28.png) no-repeat .3rem center/.2rem}
.user-page.work .item .view{background:url(../images/29.png) no-repeat .3rem center/.21rem}
.user-page.work .total{background: #f5f5f5;padding: .25rem .3rem .25rem .2rem;display:flex;justify-content: space-between;align-items: center;}
.user-page.work .total label{display: flex;align-items: center;cursor: pointer;}
.user-page.work input[type="checkbox"]{width: .2rem;height:.2rem;margin-right:0}
.user-page.work input[type="checkbox"]::before{border-color:#58ce87;background-color:transparent}
.user-page.work input[type="checkbox"]:checked::before{background-color:#58ce87}
.user-page.work .more{width: 2.3rem;line-height: .5rem;}
.user-page.work .more>span{font-size: .14rem;background:none;}
.user-page.work .more>span::after{content:'';width: .12rem;height: 100%;background: url(../images/arrow-w.svg) no-repeat center center/100%;position: absolute;top: 0;right: 0;transform: rotate(90deg);transition: .3s;}
.user-page.work .more.active>span::after{transform: rotate(-90deg);}
.user-page.work .more .popup{position: absolute;top: 100%;left: 0;width: 100%;background: #fff;padding: .2rem 0;display: none;}
.user-page.work .more .popup>p{color:#333;line-height: .36rem;font-family: 'ms';color:#666;padding-left:.6rem}
.user-page.work .more .popup>p:nth-of-type(1){background:url(../images/22.png) no-repeat .3rem center/.19rem}
.user-page.work .more .popup>p:nth-of-type(2){background:url(../images/23.png) no-repeat .3rem center/.19rem}

/* 预览作品 */
.user-page.preview-work .box{padding: .8rem 1rem;}
.user-page.preview-work .info{display: flex;flex-wrap: wrap;border-bottom: 1px #eee solid;}
.user-page.preview-work .info li{width: calc(100% / 3 - .2rem);margin-right: .3rem;margin-bottom: .5rem;}
.user-page.preview-work .info li:nth-child(3n){margin-right: 0;}
.user-page.preview-work .info li>p{font-size: .16rem;color:#000;line-height: .26rem;}
.user-page.preview-work .info li>p:nth-of-type(1){color:#999;margin-bottom: .05rem;}
.user-page.preview-work .note{border-bottom: 1px #eee solid;padding: .4rem 0 .1rem;}
.user-page.preview-work .note li{margin-bottom: .3rem;}
.user-page.preview-work .note li>p{font-size: .16rem;line-height: .3rem;}
.user-page.preview-work .note li>p:nth-of-type(1){color:#999;margin-bottom: .05rem;}
.user-page.preview-work .img{border-bottom: 1px #eee solid;padding: .45rem 0 .3rem;}
.user-page.preview-work .img>p{font-size: .2rem;color:#000;margin-bottom: .3rem;}
.user-page.preview-work .img ul{display: flex;flex-wrap: wrap;}
.user-page.preview-work .img li{width: calc(100% / 3 - .14rem);margin-right: .21rem;margin-bottom: .2rem;height: 2rem;}
.user-page.preview-work .img li:nth-child(3n){margin-right: 0;}
.user-page.preview-work .file{border-bottom: 1px #eee solid;padding: .45rem 0 .5rem;}
.user-page.preview-work .file>p{font-size: .2rem;color:#000;margin-bottom: .3rem;}
.user-page.preview-work .file>a{width: calc(100% / 3 - .14rem);height: 2rem;background: #f5f5f5 url(../images/15.png) no-repeat center .5rem/.56rem;font-size: .18rem;text-align: center;padding-top: 1.3rem;}
.user-page.preview-work .video{border-bottom: 1px #eee solid;padding: .45rem 0 .5rem;}
.user-page.preview-work .video>p{font-size: .2rem;color:#000;margin-bottom: .3rem;}
.user-page.preview-work .video>a{width: calc(100% / 3 - .14rem);height: 2rem;background: #f5f5f5 url(../images/16.png) no-repeat center .6rem/.44rem;font-size: .18rem;text-align: center;padding-top: 1.2rem;}
.user-page.preview-work .btn{margin-top: .5rem;display: flex;justify-content: flex-end;}

/* 发票 */
.user-page.invoice .box{padding:.4rem}
.user-page.invoice .box>p{font-size: .16rem;text-align: center;color:#999}
.user-page.invoice .tab{display: flex;margin-bottom: .2rem;background: #ededed;padding: 0 .4rem;height: .6rem;align-items: center;}
.user-page.invoice .tab>p:nth-of-type(1){width: 19.4%;}
.user-page.invoice .tab>p:nth-of-type(2){width: 16.3%;text-align: center}
.user-page.invoice .tab>p:nth-of-type(3){width:26.5%;padding-left:.6rem}
.user-page.invoice .tab>p:nth-of-type(4){width: 17.3%;}
.user-page.invoice .tab>p:nth-of-type(5){width: 20.5%;text-align: center;}
.user-page.invoice li{background: #f5f5f5;padding: .25rem .4rem .25rem .5rem;margin-bottom: .15rem;display: flex;align-items: center;}
.user-page.invoice .item{padding-right: .2rem;line-height: .24rem;}
.user-page.invoice .item:nth-of-type(1){width: 19.4%;}
.user-page.invoice .item:nth-of-type(2){width: 16.3%;padding-right: 0;}
.user-page.invoice .item:nth-of-type(3){width:26.5%;padding:0 .2rem 0 .6rem}
.user-page.invoice .item:nth-of-type(4){width: 17.3%;}
.user-page.invoice .item:nth-of-type(5){width: 20.5%;padding-right: 0;background: url(../images/18.png) no-repeat left center/.16rem;padding-left: .3rem;}

/* 权益 */
.user-page.equity ul{padding: .65rem .5rem .2rem .7rem;}
.user-page.equity ul>p:nth-of-type(1){font-size:.3rem;color:#000}
.user-page.equity ul>p:nth-of-type(2){font-size:.16rem;color:#666;line-height:.3rem;margin:.2rem 0 .5rem}
.user-page.equity li{margin-bottom: .6rem;}
.user-page.equity li>p{font-size: .24rem;margin-bottom: .3rem;}
.user-page.equity .con{display: flex;align-items: center;}
.user-page.equity .img-div{width: 50%;}
.user-page.equity .info{flex:1;padding-left: .6rem;}
.user-page.equity .info>p{padding-right: .2rem;}
.user-page.equity .info>p:nth-of-type(1){font-size: .18rem;line-height: .28rem;}
.user-page.equity .info>p:nth-of-type(2){line-height: .24rem;color:#666;max-height: 1.92rem;margin: .1rem 0 .3rem;}
.user-page.equity .more{line-height: .5rem;}
.user-page.equity .more>span{font-size: .14rem;background: url(../images/18-w.png) no-repeat .25rem center/.16rem;padding: 0 0 0 .55rem;}

/* 指南 */
.user-page.guide ul{padding: 1.15rem .85rem .85rem;display: flex;flex-wrap: wrap;}
.user-page.guide li{width: calc(50% - .15rem);margin-bottom: .3rem;border: 1px solid #e5e5e5;display: flex;padding: .5rem .4rem .5rem .5rem;}
.user-page.guide li:nth-child(2n+1){margin-right: .3rem;}
.user-page.guide .img-div{width: .65rem;height: .76rem;}
.user-page.guide .con{flex:1;padding-left: .3rem;}
.user-page.guide .con>p{font-size: .2rem;line-height: .28rem;margin-bottom: .25rem;}
.user-page.guide .more{line-height: .4rem;width: 1.6rem;background:none;border:1px solid #e5e5e5}
.user-page.guide .more>span{font-size: .14rem;background: url(../images/18.png) no-repeat .2rem center/.14rem;padding: 0 0 0 .45rem;color:#666}

.user-page.guide .more:hover{border-color:transparent}
.user-page.guide .more:hover>span{background-image:url(../images/18-w.png);color:#fff;}

/* 条款 */
.user-page.term .box{padding: .5rem .6rem .6rem;}
.user-page.term .box>p{font-size: .24rem;line-height: .34rem;text-align: center;margin-bottom: .3rem;}
.user-page.term .content p{font-size: .16rem;line-height: .3rem;color:#666}
.user-page.term .content strong{font-family: 'ms-b';font-size: .18rem;color:#333}

@media (any-hover:hover){
    .user-left>a:hover{color:#58ce87}
    .user-left>a:hover::before{background: #58ce87;}

    .user-page.work .status>a:hover{color:#58ce87}
    .user-page.work .item .popup>a:hover{color:#58ce87}
    .user-page.work .item .preview:hover{background-image:url(../images/24-h.png)}
    .user-page.work .item .edit:hover{background-image:url(../images/25-h.png)}
    .user-page.work .item .del:hover{background-image:url(../images/26-h.png)}
    .user-page.work .item .invoice:hover{background-image:url(../images/27-h.png)}
    .user-page.work .item .equity:hover{background-image:url(../images/28-h.png)}
    .user-page.work .item .view:hover{background-image:url(../images/29-h.png)}
    .user-page.work .more .popup>p:hover{color:#58ce87}
    .user-page.work .more .popup>p:nth-of-type(1):hover{background-image:url(../images/22-h.png)}
    .user-page.work .more .popup>p:nth-of-type(2):hover{background-image:url(../images/23-h.png)}

    .user-page.invoice .item:nth-of-type(5):hover{background-image: url(../images/18-h.png);}
    .user-page.invoice .item:nth-of-type(5):hover>a{color:#58ce87}
}