@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0)}50%{-webkit-transform:rotate(180deg)}to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes loadKey{0%,to{box-shadow:0 -.31rem 0 0 #38d7d5 ,.15rem -.27rem 0 0 rgba(56,215,213,.4),.27rem -.15rem 0 0 rgba(56,215,213,.4),.31rem 0 0 0 rgba(56,215,213,.4),.27rem .15rem 0 0 rgba(56,215,213,.4),.15rem .27rem 0 0 rgba(56,215,213,.4),0 .31rem 0 0 rgba(56,215,213,.4),-.15rem .27rem 0 0 rgba(56,215,213,.5),-.27rem .15rem 0 0 rgba(56,215,213,.6),-.31rem 0 0 0 rgba(56,215,213,.7),-.27rem -.15rem 0 0 rgba(56,215,213,.8),-.15rem -.27rem 0 0 rgba(56,215,213,.9)}8.33%{box-shadow:0 -.31rem 0 0 rgba(56,215,213,.9),.15rem -.27rem 0 0 #38d7d5 ,.27rem -.15rem 0 0 rgba(56,215,213,.4),.31rem 0 0 0 rgba(56,215,213,.4),.27rem .15rem 0 0 rgba(56,215,213,.4),.15rem .27rem 0 0 rgba(56,215,213,.4),0 .31rem 0 0 rgba(56,215,213,.4),-.15rem .27rem 0 0 rgba(56,215,213,.4),-.27rem .15rem 0 0 rgba(56,215,213,.5),-.31rem 0 0 0 rgba(56,215,213,.6),-.27rem -.15rem 0 0 rgba(56,215,213,.7),-.15rem -.27rem 0 0 rgba(56,215,213,.8)}16.66%{box-shadow:0 -.31rem 0 0 rgba(56,215,213,.8),.15rem -.27rem 0 0 rgba(56,215,213,.9),.27rem -.15rem 0 0 #38d7d5 ,.31rem 0 0 0 rgba(56,215,213,.4),.27rem .15rem 0 0 rgba(56,215,213,.4),.15rem .27rem 0 0 rgba(56,215,213,.4),0 .31rem 0 0 rgba(56,215,213,.4),-.15rem .27rem 0 0 rgba(56,215,213,.4),-.27rem .15rem 0 0 rgba(56,215,213,.4),-.31rem 0 0 0 rgba(56,215,213,.5),-.27rem -.15rem 0 0 rgba(56,215,213,.6),-.15rem -.27rem 0 0 rgba(56,215,213,.7)}24.99%{box-shadow:0 -.31rem 0 0 rgba(56,215,213,.7),.15rem -.27rem 0 0 rgba(56,215,213,.8),.27rem -.15rem 0 0 rgba(56,215,213,.9),.31rem 0 0 0 #38d7d5 ,.27rem .15rem 0 0 rgba(56,215,213,.4),.15rem .27rem 0 0 rgba(56,215,213,.4),0 .31rem 0 0 rgba(56,215,213,.4),-.15rem .27rem 0 0 rgba(56,215,213,.4),-.27rem .15rem 0 0 rgba(56,215,213,.4),-.31rem 0 0 0 rgba(56,215,213,.4),-.27rem -.15rem 0 0 rgba(56,215,213,.5),-.15rem -.27rem 0 0 rgba(56,215,213,.6)}33.32%{box-shadow:0 -.31rem 0 0 rgba(56,215,213,.6),.15rem -.27rem 0 0 rgba(56,215,213,.7),.27rem -.15rem 0 0 rgba(56,215,213,.8),.31rem 0 0 0 rgba(56,215,213,.9),.27rem .15rem 0 0 #38d7d5 ,.15rem .27rem 0 0 rgba(56,215,213,.4),0 .31rem 0 0 rgba(56,215,213,.4),-.15rem .27rem 0 0 rgba(56,215,213,.4),-.27rem .15rem 0 0 rgba(56,215,213,.4),-.31rem 0 0 0 rgba(56,215,213,.4),-.27rem -.15rem 0 0 rgba(56,215,213,.4),-.15rem -.27rem 0 0 rgba(56,215,213,.5)}41.65%{box-shadow:0 -.31rem 0 0 rgba(56,215,213,.5),.15rem -.27rem 0 0 rgba(56,215,213,.6),.27rem -.15rem 0 0 rgba(56,215,213,.7),.31rem 0 0 0 rgba(56,215,213,.8),.27rem .15rem 0 0 rgba(56,215,213,.9),.15rem .27rem 0 0 #38d7d5 ,0 .31rem 0 0 rgba(56,215,213,.4),-.15rem .27rem 0 0 rgba(56,215,213,.4),-.27rem .15rem 0 0 rgba(56,215,213,.4),-.31rem 0 0 0 rgba(56,215,213,.4),-.27rem -.15rem 0 0 rgba(56,215,213,.4),-.15rem -.27rem 0 0 rgba(56,215,213,.4)}49.98%{box-shadow:0 -.31rem 0 0 rgba(56,215,213,.4),.15rem -.27rem 0 0 rgba(56,215,213,.5),.27rem -.15rem 0 0 rgba(56,215,213,.6),.31rem 0 0 0 rgba(56,215,213,.7),.27rem .15rem 0 0 rgba(56,215,213,.8),.15rem .27rem 0 0 rgba(56,215,213,.9),0 .31rem 0 0 #38d7d5 ,-.15rem .27rem 0 0 rgba(56,215,213,.4),-.27rem .15rem 0 0 rgba(56,215,213,.4),-.31rem 0 0 0 rgba(56,215,213,.4),-.27rem -.15rem 0 0 rgba(56,215,213,.4),-.15rem -.27rem 0 0 rgba(56,215,213,.4)}58.31%{box-shadow:0 -.31rem 0 0 rgba(56,215,213,.4),.15rem -.27rem 0 0 rgba(56,215,213,.4),.27rem -.15rem 0 0 rgba(56,215,213,.5),.31rem 0 0 0 rgba(56,215,213,.6),.27rem .15rem 0 0 rgba(56,215,213,.7),.15rem .27rem 0 0 rgba(56,215,213,.8),0 .31rem 0 0 rgba(56,215,213,.9),-.15rem .27rem 0 0 #38d7d5 ,-.27rem .15rem 0 0 rgba(56,215,213,.4),-.31rem 0 0 0 rgba(56,215,213,.4),-.27rem -.15rem 0 0 rgba(56,215,213,.4),-.15rem -.27rem 0 0 rgba(56,215,213,.4)}66.64%{box-shadow:0 -.31rem 0 0 rgba(56,215,213,.4),.15rem -.27rem 0 0 rgba(56,215,213,.4),.27rem -.15rem 0 0 rgba(56,215,213,.4),.31rem 0 0 0 rgba(56,215,213,.5),.27rem .15rem 0 0 rgba(56,215,213,.6),.15rem .27rem 0 0 rgba(56,215,213,.7),0 .31rem 0 0 rgba(56,215,213,.8),-.15rem .27rem 0 0 rgba(56,215,213,.9),-.27rem .15rem 0 0 #38d7d5 ,-.31rem 0 0 0 rgba(56,215,213,.4),-.27rem -.15rem 0 0 rgba(56,215,213,.4),-.15rem -.27rem 0 0 rgba(56,215,213,.4)}74.97%{box-shadow:0 -.31rem 0 0 rgba(56,215,213,.4),.15rem -.27rem 0 0 rgba(56,215,213,.4),.27rem -.15rem 0 0 rgba(56,215,213,.4),.31rem 0 0 0 rgba(56,215,213,.4),.27rem .15rem 0 0 rgba(56,215,213,.5),.15rem .27rem 0 0 rgba(56,215,213,.6),0 .31rem 0 0 rgba(56,215,213,.7),-.15rem .27rem 0 0 rgba(56,215,213,.8),-.27rem .15rem 0 0 rgba(56,215,213,.9),-.31rem 0 0 0 #38d7d5 ,-.27rem -.15rem 0 0 rgba(56,215,213,.4),-.15rem -.27rem 0 0 rgba(56,215,213,.4)}83.3%{box-shadow:0 -.31rem 0 0 rgba(56,215,213,.4),.15rem -.27rem 0 0 rgba(56,215,213,.4),.27rem -.15rem 0 0 rgba(56,215,213,.4),.31rem 0 0 0 rgba(56,215,213,.4),.27rem .15rem 0 0 rgba(56,215,213,.4),.15rem .27rem 0 0 rgba(56,215,213,.5),0 .31rem 0 0 rgba(56,215,213,.6),-.15rem .27rem 0 0 rgba(56,215,213,.7),-.27rem .15rem 0 0 rgba(56,215,213,.8),-.31rem 0 0 0 rgba(56,215,213,.9),-.27rem -.15rem 0 0 #38d7d5 ,-.15rem -.27rem 0 0 rgba(56,215,213,.4)}91.63%{box-shadow:0 -.31rem 0 0 rgba(56,215,213,.4),.15rem -.27rem 0 0 rgba(56,215,213,.4),.27rem -.15rem 0 0 rgba(56,215,213,.4),.31rem 0 0 0 rgba(56,215,213,.4),.27rem .15rem 0 0 rgba(56,215,213,.4),.15rem .27rem 0 0 rgba(56,215,213,.4),0 .31rem 0 0 rgba(56,215,213,.5),-.15rem .27rem 0 0 rgba(56,215,213,.6),-.27rem .15rem 0 0 rgba(56,215,213,.7),-.31rem 0 0 0 rgba(56,215,213,.8),-.27rem -.15rem 0 0 rgba(56,215,213,.9),-.15rem -.27rem 0 0 #38d7d5}}body,html{height:100%}html{-webkit-text-size-adjust:none;word-wrap:break-word;font-size:66.6667px}body{padding:0}button,dd,dl,h2,h3,input,p,ul{margin:0;padding:0}button,h2,h3,input,textarea{font-size:100%}h1,h2,h3,h4,h5,h6,strong{font-weight:400}a,button,input,select,textarea{outline:0;-webkit-tap-highlight-color:transparent;border:0}button,input,textarea{vertical-align:middle;background:0 0}a,body{color:#363636}body,dialog{max-width:1080px}body{line-height:1;margin:0 auto;font-size:.36rem}ul{list-style:none}img{max-width:100%;vertical-align:top}a{text-decoration:none;vertical-align:baseline}table{border-spacing:0;width:100%}.empty,[data-empty]:before{background:url(//hdstatic.oppo.cn/common/img/null.png) top no-repeat}[data-empty]:before{content:attr(data-empty);width:3.3rem;padding-top:3.47rem;color:rgba(0,0,0,.2);letter-spacing:.0032rem;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);background-size:contain;font-size:.48rem}.empty{border-top:0;background-size:3.3rem;background-position:center;height:100%}#tip{padding:.24rem 0;font-size:.3rem;color:#999;text-align:center}#tip.loading:before{content:'';border-radius:100%;border:.02rem solid #999;border-bottom-color:transparent;height:.3rem;width:.3rem;margin-right:.2rem;box-sizing:border-box;display:inline-block;vertical-align:top;-webkit-animation:rotate .75s 0s linear infinite}dialog button,dialog input{font-size:.48rem}dialog{position:fixed;display:none;background:rgba(0,0,0,.5);z-index:999;width:100%;height:100%;top:0;left:0;padding:0;border:0;font-size:.45rem}dialog>.box{position:absolute}dialog .modal .head,dialog>.box>a,dialog>.box>button{display:flex;width:100%;align-items:center;justify-content:center;background-color:transparent;font-weight:700}dialog>.box>a,dialog>.box>button{color:#2ad181}dialog>.box>a:active,dialog>.box>button:active{background-color:rgba(0,0,0,.03)}dialog .modal .head,dialog .modal>button{height:1.74rem}dialog .modal{left:.6rem;right:.6rem;top:50%;-webkit-transform:translateY(-50%);background-image:linear-gradient(0deg,#fff 22%,#f7fffb 100%);box-shadow:0 .2rem .4rem 0 rgba(0,0,0,.05);border-radius:.36rem;overflow:hidden;padding:0}dialog .modal .head{font-size:.47rem}dialog .modal .body{padding:0 .9rem;line-height:.6rem;font-size:.42rem}dialog .modal>a:nth-last-child(2),dialog .modal>a:nth-last-child(2)+a,dialog .modal>a:nth-last-child(2)+button,dialog .modal>button:nth-last-child(2),dialog .modal>button:nth-last-child(2)+a,dialog .modal>button:nth-last-child(2)+button{width:50%;display:inline-block;vertical-align:top}dialog .modal>a:nth-last-child(2)+a,dialog .modal>a:nth-last-child(2)+button,dialog .modal>button:nth-last-child(2)+a,dialog .modal>button:nth-last-child(2)+button{position:relative}dialog .modal>a:nth-last-child(2)+a:after,dialog .modal>a:nth-last-child(2)+button:after,dialog .modal>button:nth-last-child(2)+a:after,dialog .modal>button:nth-last-child(2)+button:after{width:.02rem;height:.66rem;position:absolute;top:.54rem;left:-.01rem;content:'';background-color:rgba(0,0,0,.1)}dialog .sheet{left:0;right:0;bottom:0;background-image:linear-gradient(0deg,#fff 22%,#f7fffb 100%)}dialog .sheet .head{padding:.72rem .72rem .3rem;text-align:center;color:rgba(0,0,0,.5);line-height:.49rem}dialog .sheet>a,dialog .sheet>button{height:1.56rem}dialog .sheet>a:nth-last-child(2)+a,dialog .sheet>a:nth-last-child(2)+button,dialog .sheet>button:nth-last-child(2)+a,dialog .sheet>button:nth-last-child(2)+button{height:1.92rem;position:relative}dialog .sheet>a:nth-last-child(2)+a:after,dialog .sheet>a:nth-last-child(2)+button:after,dialog .sheet>button:nth-last-child(2)+a:after,dialog .sheet>button:nth-last-child(2)+button:after{width:9.36rem;height:.02rem;position:absolute;top:-.01rem;left:.72rem;content:'';background-color:rgba(0,0,0,.1)}dialog .red{color:#ea3447!important}dialog .green{color:#2ad181!important}#toast{position:fixed;z-index:1000;bottom:4.4em;left:50%;-webkit-transform:translateX(-50%);background-color:rgba(0,0,0,.9);border-radius:.05rem;font-size:.45rem;line-height:1rem;padding:0 .45rem;color:#fff;white-space:nowrap}.bottom{border-top:rgba(0,0,0,.1) 1px solid;background-color:#fff;padding:.3rem .72rem .48rem;bottom:0;left:0;right:0;z-index:2;position:fixed;display:none}.bottom+*{margin-bottom:3rem!important}dialog [data-load]{left:1.92rem;right:1.92rem;bottom:auto;height:3.54rem;z-index:inherit}dialog [data-load]:before{margin-top:.6rem}dialog [data-load]:after{color:#000;padding-top:0;padding-bottom:1.32rem;font-size:.48rem;line-height:.54rem}[data-load]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:999}[data-load]:after,[data-load]:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-load]:before{content:'';width:.1rem;height:.1rem;border-radius:50%;-webkit-animation:loadKey 1.1s infinite ease;margin-top:-.48rem}[data-load]:after{content:attr(data-load);font-size:.42rem;font-style:normal;white-space:nowrap;color:rgba(0,0,0,.3);padding-top:1.26rem}.button,.text,.text [type=text]{font-weight:700}.button,.text,.text [type=text]{width:100%;font-size:.42rem}.button,.text [type=text]{border-radius:.22rem;box-sizing:border-box}.text{height:1.29rem;margin-bottom:.72rem;position:relative;display:inline-block}.text [type=text],.text span{height:100%}.text [type=text]{border:solid .03rem rgba(0,0,0,.1);padding:0 .489rem;caret-color:#4bdbd9}.button,.text [type=text],.text [type=text]+span{transition:all .1s ease-in-out}.text [type=text]+span{position:absolute;top:.36rem;left:.489rem;height:.57rem;line-height:.57rem;color:rgba(0,0,0,.15)}.text [type=text]:focus{border-color:#38d7d5}.text [type=text]:focus+span{color:#38d7d5}.text [type=text]:focus+span,.text [type=text]:valid+span{top:-.22rem;font-size:.3rem;padding:0 .1rem;background:#fff}.button,.button-s{display:flex;align-items:center;justify-content:center}.button{background:#38d7d5;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center;height:1.32rem;color:#fff}.button:active{box-shadow:0 0 0 .045rem #38d7d5;border-radius:.25rem}.button[disabled]{background:#f5f6f7;color:#bbc0cb}.button-s{height:.72rem;font-size:.42rem;border-radius:.12rem;color:#38d7d5;background-color:rgba(56,215,213,.15);font-weight:700;padding:0 .21rem;min-width:1.44rem;margin:0 auto}.button-s:active{box-shadow:0 0 0 .045rem rgba(56,215,213,.15);border-radius:.19rem}.button-s[disabled]{background:#f0f0f0;color:#c2c6d0}[router]{display:none;overflow:hidden}#__vconsole{font-size:.39rem!important}@font-face{font-family:"OPPOSans-B";src:url(//hdstatic.oppo.cn/activity/1561021449881/static/font/OPPOSans-Bold.ttf);font-weight:lighter}@font-face{font-family:"OPPOSans-R";src:url(//hdstatic.oppo.cn/activity/1561021449881/static/font/OPPOSans-Medium.ttf);font-style:normal;font-weight:lighter}body,html{font-family:"OPPOSans-R","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";background-color:#eeedf5}.sec,.sec2 .main ul li{width:100%;float:left}.sec1 img,.sec2 .main li img{max-width:100%;display:inline-block}.main{width:9.95rem;margin:0 auto}.sec2 .hd{padding:1.8rem 0 1.2rem;text-align:center;position:relative}.sec2 .hd .title,.sec3 .hd span{position:relative;font-family:"OPPOSans-B","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.sec2 .hd .title{z-index:1;font-size:.9rem;color:#2d2d2d}.sec2 .hd:after{content:"";width:5.25rem;height:.25rem;background-color:#b5affd;position:absolute;top:2.53rem;left:50%;transform:translateX(-50%)}.sec2 .main ul li{margin-bottom:.45rem;position:relative}.sec2 .main ul li .txt{padding-left:.4rem;position:absolute;bottom:.35rem;left:0}.sec2 .main ul li .txt .title{font-size:.42rem;color:#fff;margin-bottom:.25rem;font-family:"OPPOSans-B","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.sec2 .main ul li .txt .detail{font-size:.32rem;color:#fff}.sec3 .hd{padding:2.2rem 0 .6rem;text-align:center}.sec3 .hd span{font-size:.48rem;color:#8d84f8}.sec3 .hd span:after,.sec3 .hd span:before{content:"";width:.13rem;height:.13rem;background-color:#8d84f8;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.sec3 .hd span:before{left:-.6rem}.sec3 .hd span:after{right:-.6rem}.sec3 .item,.sec3 .item .txt{height:1.4rem;line-height:1.4rem;background-color:#fff}.sec3 .item{padding:0 .5rem;border-radius:.6rem;margin-bottom:.5rem;font-size:.42rem;color:#858585;width:8.8rem}.sec3 .item .txt,.sec3 .item lable{font-size:.42rem;color:#858585;float:left}.sec3 .item .txt{width:6.7rem}.sec3 .item .user-name{width:7.53rem}.sec3 .txtrea-box{height:auto;padding-bottom:.4rem;margin-bottom:.25rem}.sec3 .txtrea-box lable{height:.9rem;line-height:1rem}.sec3 .txtrea{width:8.9rem;height:2.4rem;display:block;line-height:.65rem;font-size:.42rem;color:#858585;margin-left:-.05rem}textarea::-webkit-input-placeholder{color:#c1c1c1}textarea:-moz-placeholder,textarea::-moz-placeholder{color:#c1c1c1}textarea:-ms-input-placeholder{color:#c1c1c1}.rule-btn{font-size:.33rem;color:#8d84f8;text-decoration:underline}.btn-box{width:100%;text-align:center;padding-top:1.16rem;padding-bottom:2.9rem}.btn-box a{width:4.15rem;height:1.45rem;line-height:1.45rem;text-align:center;font-size:.54rem;color:#f7f7f7;border-radius:.7rem;display:inline-block;position:fixed;bottom:.3rem;left:50%;transform:translateX(-50%);margin-bottom:0;z-index:99}.btn-box .submit-btn-act{position:relative;left:0;transform:translateX(0)}.dialogs{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.46);display:none;z-index:999}.dialogs-inner{width:9.95rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:.2rem}.close-btn{width:.4rem;height:.4rem;position:absolute;top:.3rem;right:.5rem;display:block}.close-btn:before{width:.45rem;height:2px;background-color:#fff;border-radius:.6rem;top:50%;margin-top:-1px;margin-left:-.225rem;transform:rotate(45deg)}.close-btn:after,.close-btn:before,.rule-inner:after{content:"";position:absolute;left:50%}.close-btn:after{height:2px;background-color:#fff;border-radius:.6rem;top:50%;margin-top:-1px;margin-left:-.225rem;transform:rotate(-45deg);width:.45rem}.dialog-box .dialog-inner{height:5.74rem;padding-top:1rem;background:url(./img/dialog-bg.png) no-repeat center;background-size:cover;text-align:center}.dialog-box .title{font-size:.72rem;color:#fff;font-family:"OPPOSans-B","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.dialog-box p{font-size:.46rem;color:#636363;padding:1.75rem 0 .8rem}.dialog-box .return-home{width:3.5rem;height:1.15rem;line-height:1.15rem;font-size:.46rem;color:#f7f7f7;background-color:#8d84f8;text-align:center;border-radius:.6rem;display:inline-block}.btn-box a,.rule-box .close-btn:after,.rule-box .close-btn:before,.rule-box dl dt{background-color:#8d84f8}.rule-box .rule-inner{width:8.15rem;padding:.7rem .9rem 1.6rem;position:relative}.rule-box .title{text-align:center;font-size:.56rem;color:#8d84f8;padding-bottom:.75rem;font-family:"OPPOSans-B","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.rule-box dl{width:100%;float:left;margin-bottom:.6rem}.rule-box dl dt{width:.4rem;height:.4rem;line-height:.4rem;text-align:center;font-size:.24rem;color:#fff;border-radius:50%;float:left;margin-right:.25rem}.rule-box dl .detail strong,.rule-box dl dd{line-height:.6rem;font-size:.36rem;color:#2b2b2b}.rule-box dl dd{width:7.5rem;float:left;margin-top:-.06rem}.rule-box dl .detail strong,.rule-box dl dd,.sec2 .hd p{font-family:"OPPOSans-B","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.rule-box dl .detail strong{display:block}.rule-box dl .detail{font-family:"OPPOSans-R","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.rule-txt{height:10rem;overflow-y:auto}.rule-inner:after{width:.75rem;height:.32rem;background:url(./img/drow-down.png) no-repeat center;background-size:cover;bottom:.5rem;transform:translateX(-50%)}.sec2 .hd p{font-size:.45rem;color:#2d2d2d;margin-top:.5rem}