@font-face {
    font-family: 'bebas-regular';
    src: url('../fonts/Bebas-Regular.ttf');
}
*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-overflow-scrolling:touch}
img{border:none;vertical-align:middle}
li{list-style:none}
a{text-decoration:none}
.f_r{float:right}
.f_l{float:left}
html { font-family: "Arial","方正兰亭黑简体","Tahoma",sans-serif; position: relative; }
body{background-color:#fff;position:relative}
table{border-collapse:collapse;border-spacing:0}
.white{color:#fff}
.black{color:#000}
.red{color:Red}
.bold{font-weight:bold}
.txt_center{text-align:center}
.txt_right{text-align:right}
.txt_left{text-align:left}
.ab{position:absolute}
.re{position:relative}
.hide{display:none}
.thide{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
input[type="submit"],input[type="reset"],input[type="button"],input[type="tel"],input[type="text"],input[type="password"],button{-webkit-appearance:none;border-radius:0}
select{-webkit-appearance:none}
audio{position:absolute;top:-5000px;left:-5000px;width:1px;height:1px}
.vm{display:inline-block;height:100%;width:1px;margin-left:-1px;vertical-align:middle}
.share{position: absolute;right: 1.2rem;top: 1.4rem;width:2.5rem;z-index:9}
.share img{width: 100%;display: block;}
#__bs_notify__{display:none !important}
.p100{position:absolute;top:0;left:0;width:100%;height:100%}
.w100{display:block;width:100%}
.mask{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:50}
.pcenter{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);width:100%}
.oh{overflow:hidden}
.txt-bebas{ font-family: 'bebas-regular'; }
.rule_ct{background:#ed6f6e;width: 24.8rem; max-height:85%;border-radius:0.9rem;display:-webkit-box;-webkit-box-orient:vertical;position:relative;}
.rule_ct .btn_close{position:absolute;top:0.75rem;right:1.25rem;width: 1.525rem;height: 1.525rem;background:url("../images/btn_close.png") no-repeat top center;background-size:100% 100%;margin:auto}
.rule_ct .rule_title{font-size: 0.9rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin: 1.275rem auto 1rem;color:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:bold}
.rule_ct .rule_title i{display:inline-block;width: 2.5rem;height:0.05rem;background-color:#fff;margin-top:0.125rem}
.rule_ct .rule_title i:first-child{margin-right:0.5rem}
.rule_ct .rule_title i:last-child{margin-left:0.5rem}
.rule_ct .rule_title img{ width: auto; height: 1.15rem; }
.rule_ct .scroll_ct{-webkit-box-flex:1;display:-webkit-box;-webkit-box-orient:vertical;margin:0;background:#fff;border-radius: 0.65rem; }
.rule_ct .border{height: 0.75rem;}
.rule_ct .scroll_detail{-webkit-box-flex:1;overflow-y:auto;padding:0 1.25rem}
.rule_ct section{ margin: 1.5rem auto 1rem; }
.rule_ct p{ margin-bottom: 0.625rem; font-size: 0.85rem;color:#333;text-align:left;line-height: 1.75;}
.rule_ct p span{color:#333;font-weight:bold}
.rule_ct p b{color:#333;}
.rule_ct p.ptc{ text-align: center;}
.rule_ct p a{ color:#d14248; font-weight: bold; }
.rule_ct .tb{ margin: 0.25rem auto;width:100%;text-align:center}
.rule_ct .tb th{border:1px solid #202020;font-size:0.85rem;color:#333;font-weight:700;padding:.25rem .05rem; background-color: #F2F2F2; }
.rule_ct .tb td{border:1px solid #202020;font-size:0.85rem;color:#333;padding:.25rem;min-width:50px; }
.rule_ct .tb td:first-child{ min-width: 60px; }
.txt-color1 { color: #333; }
.txt-color2 { color: #666; }
.txt-color3 { color: #fb547e; }
.transform-reverse { transform: scale(-1, 1); }
.tracking-0{letter-spacing: -1px; }

.main{position:relative;  padding: 27.175rem 0 2rem; overflow:hidden; background: url('../images/bg.jpg') #e7e5f9 no-repeat top; background-size: 100% auto; }
.btn-rule{ position: fixed; top: 11rem; right: -0.025rem; display: flex; justify-content: center; align-items: center; padding: 0.375rem 0.45rem; font-size: 0.9rem; color: #fff; line-height: 1.1; border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; background: #97BCE2; z-index: 20; }
.ad{ position: absolute; top: 25.7rem; right: 1.575rem; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 1.5rem; height: 0.75rem; font-size: 0.6rem; color: rgb(255, 255, 255,0.7); border-radius: 0.15rem; background-color: rgba(0,0,0,0.2); }
.detail-area{ position: relative; margin: 0 auto 1.5rem; width: 100%; }
.detail-body{ background-repeat: no-repeat; background-size: 100% auto; background-position: top center; }
.detail-body-1{ margin-top: 0.25rem; width: 100%; height: 16.75rem; background-image: url('../images/i1.png'); }
.detail-body-2{ margin-top: 0.25rem; width: 100%; height: 28.175rem; background-image: url('../images/i2.png'); }
.detail-body-3{ margin-top: 0.75rem; width: 100%; height: 45.475rem; background-image: url('../images/i3.png'); }
.detail-content{ padding: 5.25rem 2rem 0; }
.detail-content2{padding: 4.75rem 2rem 0; }
.detail-title{ width: 13.125rem; margin: 0 auto 0.5rem; }
.detail-title2{ margin-top: 0.875rem; }
.detail-subtit{ margin: 1.5rem auto 0.75rem; width: 11.575rem; }
.detail-row{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
.detail-row-img{ width: 4.35rem; }
.detail-row-txt{ margin-left: 0.5rem; font-size: 1.05rem; color: #333; text-align: center; color: #4d4549; }
.detail-row-txt strong{ color: #E43241; }
.detail-row-txt span{ font-size: 1.2rem; }
.detail-txt{ margin-top: 0.5rem; font-size: 0.8rem; color: #4d4549; line-height: 1.5; }
.detail-txt strong{ color: #E43241; }
.detail-btn{ position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; width: 17.05rem; height: 3.25rem; font-size: 1.25rem; border-radius: 1.625rem; color: #42250a; text-align: center; background: linear-gradient(90deg,rgba(255, 241, 119, 1) 0%, rgba(255, 210, 93, 1) 100%); }
.detail-desc{ margin-top: 1.875rem; font-size: 0.7rem; color: #788084; text-align: center; }
.detail-desc2{ margin-top: 1.5rem; }
.detail-list{ position: relative; display: grid; grid-template-columns: 1fr 1fr;  grid-template-rows: 1fr 1fr; gap: 0.875rem 1.5rem; padding-bottom: 0.75rem; }
.detail-list::after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 22.775rem; height: 0.075rem; background: url('../images/i8.png') no-repeat top; background-size: 100% auto;}
.detail-list .detail-item{ display: flex; flex-direction: column; justify-content: center; align-items: center; }
.detail-list .detail-item-img{ width: 6.525rem; }
.detail-list .detail-item-txt{ margin-top: -0.25rem; font-size: 0.8rem; color: #4d4549; text-align: center; line-height: 1.5;}
.detail-list .detail-item-txt strong{ padding: 0 0.075rem; font-size: 0.85rem; }
.detail-list-sm{ grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; padding-bottom: 0.45rem; }
.detail-list-sm::after{ display: none; }
.detail-list-sm .detail-item-img{ width: 3.5rem; }
.detail-list-sm .detail-item-txt{ margin-top: 0.125rem; line-height: 1.25; }
.detail-rule{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0.5rem auto 0; }
.detail-rule span{ display: flex; justify-content: center; align-items: center; color: #4d4549; font-size: 0.825rem; border-bottom: 1px solid #4d4549; padding-bottom: 0.25rem; }
.detail-footer{ margin: -2.25rem 1.5rem 0; font-size: 0.7rem; color: #788084; text-align: justify; line-height: 1.5; }