.page-rule{background-color:rgba(0,0,0,.4);height:100vh;justify-content:center;align-items:center}.page-rule,.page-rule .rule-inner{display:flex;box-sizing:border-box;position:relative}.page-rule .rule-inner{width:82.8704vw;flex-direction:column;background-color:#fff9f9;padding:14.8148vw 0 4.6296vw;max-height:80vh;border-radius:2.7778vw;border:2px solid #ec85a1;box-shadow:inset 0 0 2.7778vw #f1b3c4}.page-rule .rule-title{width:69.4444vw;position:absolute;top:-2.037vw;left:50%;transform:translateX(-50%)}.page-rule .rule-container{overflow-y:scroll;height:100%;padding:0 4.6296vw}.page-rule .rule-content{color:#000;font-size:2.7778vw;box-sizing:border-box;line-height:1.6}.page-record{height:100vh;padding-top:14.8148vw;box-sizing:border-box;overflow-y:scroll;background-color:rgba(0,0,0,.4)}.page-record .record-inner{position:relative}.page-record .record-title{width:39.8148vw;margin:0 auto 8.1481vw}.page-record .record-list{overflow:hidden}.page-record .record-item{width:82.8704vw;margin:0 auto 7.8704vw;border-radius:2.7778vw;border:2px solid #ec85a1;box-shadow:inset 0 0 2.7778vw #f1b3c4;padding:4.6296vw;box-sizing:border-box;background-color:#fff9f9}.page-record .record-item .time{font-size:2.963vw;color:#cb395e;line-height:1.5;margin-bottom:2.7778vw}.page-record .record-item .text{font-size:3.3333vw;color:#000;line-height:1.4;display:flex}.page-record .record-item .text .intro{flex:1}.page-record .record-item .code .get-code{width:35.6481vw;margin:5.5556vw auto;display:block;cursor:pointer}.page-record .record-item .code p{font-size:2.7778vw;color:#cb395e;line-height:1.8;margin:3.2407vw 0;font-weight:700}.page-record .record-item .code p img{width:18.7963vw;vertical-align:middle;cursor:pointer;margin:0 .463vw;display:inline-block}.page-record .record-empty{font-size:4.1667vw;line-height:1.5;color:#fff;height:55.5556vw;display:flex;align-items:center;justify-content:center}