article,body,dd,dl,footer,form,h1,h2,h3,h4,h5,h6,header,ol,p,section,td,th,ul{margin:0;padding:0}
body,button,input,select,textarea{font:.12rem/1.5 tahoma,sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
b,em{font-style:normal}
a{text-decoration:none}
img{border:0}
button,input,select,textarea{font-size:100%;outline:0;-webkit-appearance:none}
table{border-collapse:collapse;border-spacing:0}
li,ul{list-style:none}
*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
a:focus,div:focus,input:focus,p:focus{-webkit-tap-highlight-color:transparent;outline:0}
body{-webkit-tap-highlight-color:transparent}
.back_wrap{display:flex;display:-webkit-flex}
.title1,.title2,.title3,.title4{background-image:url(//game.gtimg.cn/images/tgclub/act/a20220701graderules/sprites.png);background-size:4.42rem 1.31rem;background-repeat:no-repeat}
.title1{background-position:0 0;width:4.42rem;height:.53rem}
.title2{background-position:0 -.58rem;width:2.86rem;height:.34rem}
.title3{background-position:0 -.97rem;width:1.05rem;height:.34rem}
.title4{background-position:-2.91rem -.58rem;width:1.41rem;height:.33rem}
.app{width:100vw;min-height:100vh;background:#f7f9fa;overflow-x:hidden;padding-bottom:2.13rem}
.app h4{margin:0 auto;text-align:center}
.app .title2,.app .title3,.app .title4{display:inline-block;position:relative}
.app .title2::before,.app .title3::before,.app .title4::before{position:absolute;top:50%;left:-1.7rem;content:"";width:1.48rem;height:.01rem;background:#d7b386}
.app .title2::after,.app .title3::after,.app .title4::after{position:absolute;top:50%;right:-1.7rem;content:"";width:1.48rem;height:.01rem;background:#d7b386}
.app .sub_title{color:#242424;font-weight:500;font-size:.28rem}
.app .light_txt{color:#b68950;font-weight:500;font-size:.28rem}
.app .light_txt a{color:#b68950}
.app .desc{color:#242424;font-weight:400;font-size:.28rem}
.app .desc span{color:#d7b386}
.app .mt56{margin-top:.56rem}
.app .mtb16{margin:.16rem auto}
.app .mt16{margin-top:.16rem}
.app .mt70{margin-top:.7rem}
.back_wrap{padding:.2rem .28rem .2rem .42rem;justify-content:center;align-items:center}
.back_wrap .con_txt{font-weight:400;font-size:.32rem;color:#242424}
.part1 .logo{width:100%;height:5rem;background:url(//game.gtimg.cn/images/tgclub/act/a20220701graderules/logo.png) no-repeat;background-size:100%;margin:-1rem auto}
.part1 .desc{font-weight:400;font-size:.24rem;color:#242424;padding:0 .32rem;margin-top:.28rem}
.part2{padding:0 .32rem;margin-top:.8rem}
.part2 .grade_desc{width:6.93rem;height:1.89rem;background:url(//game.gtimg.cn/images/tgclub/act/a20220701graderules/grade_desc.png) no-repeat;background-size:cover;margin:.56rem auto}
.part2 .progress_bar{width:6.91rem;height:1.82rem;margin:.4rem auto .56rem;background:url(//game.gtimg.cn/images/tgclub/act/a20220701graderules/progress_bar.png) no-repeat;background-size:cover}
.part2 .grade_value{width:6.86rem;height:3.04rem;background:url(//game.gtimg.cn/images/tgclub/act/a20220701graderules/grade_value.png) no-repeat;margin:.56rem auto;background-size:cover}
.part2 .grade_value_desc{width:6.86rem;height:2.28rem;background:url(//game.gtimg.cn/images/tgclub/act/a20220701graderules/grade_value_desc.png) no-repeat;background-size:cover;margin:auto;margin-top:.56rem}
.part3{padding:0 .32rem;margin-top:.8rem}
.part3 .grade_smart_img{width:6.9rem;height:3.07rem;background:url(//game.gtimg.cn/images/tgclub/act/a20220701graderules/grade_smart_img.png) no-repeat;background-size:cover}
.part4{margin-top:.8rem;padding:0 .32rem}
.part4 .q_a_wrap{width:6.9rem;background:rgba(215,179,134,.08);border-radius:.08rem;position:relative;color:#242424;font-weight:500;font-size:.28rem;padding:.1rem 0;padding-left:1.22rem}
.part4 .q_a_wrap .mark{position:absolute;top:-.36rem;left:.16rem;color:#d7b386;font-weight:600;font-size:.64rem}