*{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: "Microsoft Yahei", "微软雅黑"; 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}
.txt_justify{text-align:justify}
.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: 0.4rem;top: 0.4rem;width: 2.6rem;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}
.main{position:relative;  padding: 22.25rem 0 1.5rem; overflow:hidden; background:url("../images/bg1.jpg") #e8a254 no-repeat top center; background-size: 100% auto;}
.ad{ position: absolute; top: 21rem; right: 0.5rem; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 1.375rem; height: 0.8rem; font-size: 0.45rem; color: rgba(255, 255, 255, 0.7); border-radius: 0.175rem; background-color: rgba(0,0,0,0.2); text-align: center; }
.btn{ display: block; margin: 1rem auto 0; width: 8.6rem; }
.detail-area{ margin: 0 auto 0.5rem; padding: 0.075rem 0.075rem; width: 16.975rem; border-radius: 1.35rem; background: linear-gradient(0deg,rgba(207, 32, 22, 1) 0%, rgba(255, 124, 8, 1) 72%); }
.detail-body{ padding: 1rem 0; margin: 0 auto; border-radius: 1.275rem; background: linear-gradient(0deg,rgba(255, 247, 179, 1) 15%, rgba(255, 255, 255, 1) 55%); }
.detail-title{ margin: 0 auto; width: 10.2rem; }
.detail-content{ position: relative; margin:0 auto 0; padding: 0.25rem 0 0; }
.detail-content img{ margin: 0.125rem auto 0; width: 14.625rem; }
.detail-content .text1{ margin: 0 0 0.25rem; line-height: 1.75; font-size: 0.65rem; color: #070707; text-align: center; }
.detail-content .text2{ margin: 0.375rem 1.15rem 0; line-height: 1.75; font-size: 0.65rem; color: #070707; }
.detail-content .text2 strong{ color: #ff1500; }
.detail-desc{ margin: 0 0 0 0.75rem; font-size: 0.4625rem; color: #725413; }
.desc{ margin: 0.5rem auto 0; font-size: 0.6rem; color: #877b9b; text-align: center; }
.btn-rule{ position: fixed; top: 10.5rem; right: -0.025rem; display: flex; justify-content: center; align-items: center;width: 1.35rem; height: 3.25rem; line-height: 1.2; border-top-left-radius: 0.325rem; border-bottom-left-radius: 0.375rem; background: #ff5a00;z-index: 20;}
.btn-rule span{ display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 0.6rem; color: #fff; line-height: 1; font-weight: 400; }

.mask.show { visibility: visible; }
.rule_ct { background: #fff; width: 17.75rem; max-height: 85%; border-radius: 0.4rem; display: -webkit-box; -webkit-box-orient: vertical; position: relative; }
.rule_ct .btn_close { position: absolute; bottom: -2.625rem; right: 0; left: 0; margin: auto; width: 1.45rem; height: 1.425rem; background: url(../images/btn_close.png); background-size: 100% 100%; margin-bottom: 0.375rem; }
.rule_ct .rule_title { margin: 1rem auto 0; font-weight: bold; text-align: center;  background-clip: text; color: #343434; }
.rule_ct .scroll_ct { -webkit-box-flex: 1; display: -webkit-box; -webkit-box-orient: vertical; margin: 0 0.5rem 0.75rem; background-color: #fff; border-radius: 0.5rem; }
.rule_ct .border { height: 0.7rem; }
.rule_ct .scroll_detail { position: relative; -webkit-box-flex: 1; overflow-y: auto; padding: 0 0.875rem; margin: 0.5rem auto; }
.rule_ct .scroll_detail p { font-size: 0.6rem; color: #071211;  text-align: justify; margin-top:0.5rem;line-height:1.75;}
.rule_ct .scroll_detail .txt-bold{ font-weight: bold; }
.rule_ct .scroll_detail .p1 {font-size: 0.8rem; text-align:  center; font-weight: bold; color: #464949; margin: 0.5rem auto;}
.rule_ct .scroll_detail .ptc { text-align: center; }
.rule_ct .scroll_detail  a{ color: #343434; font-weight: bold; }
.rule_ct .tb1 { width: 100%; margin-top: 0.25rem; text-align: center; }
.rule_ct .tb1 th { border: 1px solid #D7D7D7; font-size: 0.5rem; color: #333; font-weight: bold; padding: 0.25rem 0.05rem; }
.rule_ct .tb1 td { border: 1px solid #D7D7D7; font-size: 0.5rem; color: #333; padding: 0.25rem; }
.rule_ct .scroll{margin: auto; text-align: center;}
.rule_ct .btn_detail{display:box;display:-webkit-flex;display:-ms-flex;display:-ms-box;display:-webkit-box;display:-moz-box;display:-moz-flex;display:flex;justify-content:flex-start;align-content:flex-start; justify-content: center;-webkit-box-pack: center;-ms-justify-content: center;-moz-justify-content: center;-o-justify-content: center;-webkit-justify-content: center; font-size: 0.65rem; color: #343434; font-weight: bold; margin: 0.25rem auto 0.75rem; width: max-content; border-bottom: 1px solid #343434;text-align: center;}
.rule_ct .rule_bottom {font-size: .5rem;line-height: 1.5;color: #000;text-align: center;padding: 0 1rem 0.5rem;}