html,body,div,ul,ol,li,span,p,a,b,i,img,h1,h2{ margin: 0; padding: 0; border: 0 }
html,body{ width: 100%; height: 100%;position: relative; font-family: "Source Han Sans CN";min-width: 1280px;margin: 0 auto;}
ul,ol,li{list-style: none;}
input,select,textarea,button{ outline: none}
a{text-decoration: none;-webkit-tap-highlight-color: transparent;}

.pop ::-webkit-scrollbar {/*滚动条整体样式*/
    width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/
}
.pop ::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
    background: #EA9161;
}


.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 8; background-color: rgba(0,0,0,.8); display: none;}

.header{position: relative;width: 100%;height: 1080px;background: url("img/index.jpg?716a3a80") no-repeat top center;}

.header .logo{position: absolute;top: 44px;left: 46px;transition: .5s;width: 240px}

.header .qrcode{position: absolute;width: 125px;right: 50%;margin-right: -617px;top: 50%;margin-top: -273px;}

.header .top_box{position: absolute;background: url("img/top_box.png?1ec98144") no-repeat top center;width: 289px;height: 36px;top: 44px;right: 150px;line-height: 36px;color: #554B4C}
.header .home{color: #D2614E;font-size: 16px;margin-left: 30px;}
.header .language_box{position: absolute;width: 100px;height: 36px;box-sizing: border-box;border-radius: 10px;background: rgba(139,64,35,.7);top: 44px;right: 20px;display: flex;justify-content: space-between;}
.header .language_box a{width: 100%;height: 100%;text-align: center;font-size: 16px;color: #FFFFFF;line-height: 36px;position: relative;}
.header .language_box a.cur{color: #FFC470;}
.header .language_box a:first-child:before{content: "";position: absolute;width: 1px;height: .4rem;background: #FFFFFF;right: 0;top: 50%;margin-top: -.2rem;}
.header .share{display: inline-block;font-size: 14px;margin: 0 20px 0 5px;}
.header .share a{display: inline-block;transition: .5s;vertical-align: middle;}
.header .share a:hover{transform: translateY(-5px)}
.header .share img{display: block;margin-top: -2px;}
.header .rule{font-size: 16px;text-decoration: underline;color: #554B4C;position: relative;}
.header .rule:hover{color: #D2614E}
.header .rule:before{content: "";position: absolute;width: 1px;height: 20px;background: #D0925C;left: -10px;top: 50%;margin-top: -10px;}

.pop{position: absolute;background: url("img/pop_rule.png?568dbc2c") no-repeat top center;width: 910px;height: 690px;background-size: 100% 100%;left: 50%;top: 50%;transform: translate(-50%,-60%);box-sizing: border-box;display: none;z-index: 9;}

.pop .close{position: absolute;width: 104px;right: -15px;top: 50px;transition: .5s;}
.pop .close img{display: block;width: 100%;}
.pop .close:hover{transform: rotate(180deg)}
.pop .pop_con{padding: 120px 80px 0;}
.pop .pop_con .h1{text-align: center;font-size: 40px;color: #EF7E2A;}
.pop .pop_con .rule_list{font-size: 18px;color: #7A451B;text-align: justify;line-height: 36px;height: 450px;overflow-y: auto;padding-right: 10px;}