.wrap{width:100%;position:relative}.inner{padding:0.6rem}.inner-row{padding-left:0.6rem;padding-right:0.6rem}.inner-col{padding-top:0.6rem;padding-bottom:0.6rem}.top-area{height:auto;overflow:hidden;padding:0.8rem;padding-bottom:2.4rem;background-image:linear-gradient(225deg, #626cdc 0%, #868ee9 100%);position:relative}ul.feature{font-size:0.28rem}ul.feature li{color:#ffffff;opacity:0.7;line-height:2;font-weight:bold;display:flex;align-items:center}ul.feature li::before{display:inline-block;margin-right:7px;width:5px;height:5px;border-radius:50%;border:2px solid rgba(255,255,255,0.7);content:""}.page-title{margin:0;padding-top:0.2rem;padding-bottom:0.6rem}.page-title img{width:100%}.waves{position:absolute;left:0;right:0;bottom:0;width:100%;height:2rem;margin-bottom:-7px}.parallax>use{animation:move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite}.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever{0%{transform:translate3d(-90px, 0, 0)}100%{transform:translate3d(85px, 0, 0)}}.upload-area{background:rgba(255,255,255,0.95);border:2px solid #121212;box-shadow:0 1px 10px 0 rgba(0,0,0,0.2);border-radius:8px;margin:0 0.2rem;display:flex;flex-direction:column;margin-top:-1.2rem;position:relative;overflow:hidden}.img-show .default-show{display:flex;justify-content:center;align-items:center;padding:0.8rem 0;border:2px solid #121212;border-radius:4px;margin:0.6rem;background:#F2F2F2}.img-show .default-show .icon{width:1.2rem;margin:0.2rem}.confirm-button{width:100%;background:#4d58ff;border-top:2px solid #121212;font-size:0.32rem;color:#ffffff;height:1rem;display:flex;align-items:center;justify-content:center;font-weight:bold}.showinfo{padding:0.4rem 0.3rem;box-sizing:border-box}.showinfo .si-photo{float:unset;width:unset}.showinfo .si-info{width:unset;float:unset}.subtit h3{font-size:0.32rem;font-weight:bold}.prohandler{border:none}.showinfo{margin-right:0}.showinfo,.showhandler{width:unset}.section-title{font-size:0.4rem;color:#121212;font-weight:bold;display:flex;align-items:center;justify-content:center;width:100%;padding:1rem 0}.section-title::before,.section-title::after{display:inline-block;background:url(../img/fly-left.svg) no-repeat center center;width:1rem;height:0.3rem;margin-right:0.24rem;content:""}.section-title::after{background:url(../img/fly-right.svg) no-repeat left top;margin-left:0.24rem;margin-right:0}.function-feature li{background:#f7f7f7;border-radius:0.08rem;display:flex;flex-direction:column;align-items:center;padding:1rem 0.6rem;margin-bottom:0.6rem}.function-feature li .icon{width:2rem;height:2rem;margin-bottom:0.4rem}.function-feature li .title{font-size:0.4rem;color:#121212;font-weight:bold;margin-bottom:0.72rem}.function-feature li .desc{font-size:0.28rem;color:rgba(18,18,18,0.6);line-height:0.48rem;font-weight:bold}.comments-inner{background-color:#f2f4f6;padding-top:0}@media screen and (min-width: 768px){.top-area{padding-bottom:1.6rem;padding-top:.4rem}.wrap{width:12rem;margin:0 auto}.waves{height:3rem}.page-title{width:12rem;margin:0 auto;padding-bottom:.3rem}.page-title img{width:6rem}ul.feature{width:12rem;margin:0 auto}.upload-area{margin-left:auto;margin-right:auto;width:14rem}.default-show{padding-top:2rem;padding-bottom:2rem}.upload-edit-area{flex-direction:row}.upload-edit-area .left{width:50%;float:left;background:#f9f9f9}.upload-edit-area .right{width:50%;float:right}.subtit h3{font-size:0.30rem}}
