/*reset*/
*{margin: 0; padding: 0; list-style: none;}
body{font: 14px/1.6 "PingFang SC", "Helvetica Neue", "Arial", "Hiragino Sans GB", "WenQuanYi Micro Hei", "Microsoft YaHei", "sans-serif";}
.agreement-page{height: 100vh;}
.agreement-page{display: flex; flex-direction: column;}
.agreement-wrap{width: 1200px; margin: 0 auto;box-sizing: border-box; }
.agreement-top{box-sizing: border-box; height: 48px; padding: 10px 0 0 0; background: #ffffff; box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%); color: #fff}
.agreement-top img{width: 128px;height: 32px;display: inline-block; vertical-align: middle; margin: 0 10px 0 8px}
.agreement-detail{flex: 1; overflow: auto;}
.agreement-detail .agreement-wrap{ padding: 45px 98px;}
.agreement-detail .footer{min-width: 1200px;}
.agreement-h1{margin-bottom: 40px; text-align: center; font-size: 24px; font-weight: bold;}
.agreement-p{margin-bottom: 20px; line-height: 2; text-indent: 2em; word-break: break-all;}
.agreement-p1{margin-bottom: 20px; line-height: 2;}
.agreement-h2{margin-top: 26px; margin-bottom: 26px; font-size: 18px; font-weight: bold;}
.agreement-h3{margin-bottom: 15px; font-size: 16px; font-weight: bold;}
.agreement-h2+.agreement-h3{margin-top: -9px}
.agreement-ul{margin: -14px 0 0 0; text-indent: 2em; line-height: 2;}
.agreement-p+.agreement-ul{margin-top: 0}
.agreement-ul li{margin-bottom: 15px}
.agreement-page a{text-decoration: none;color: inherit;}
.agreement-p.color-null a{color: inherit;}
.b{font-weight: 700}
.dian:before{content: ""; display: inline-block; width: 5px; height: 5px; background: #333; border-radius: 50%; vertical-align: middle; margin-top: -3px; margin-right: 5px;}
.blu{color: #3594FF}
.agreement-d{color: #FF9000;}
.table{border: 1px solid #333;}
.tanle-tilte{text-align: center; border-bottom: 1px solid #333;}
.tab-dl{display: inline-block; border-right: 1px solid #333;}
.tab-dl:last-child{border-right: none;}
.tab-dl dt{border-bottom: 1px solid #333; text-align: center;}
dd{border-bottom: 1px solid #333;}
dd:last-child{border-bottom: none}
.dl1{width: 120px;}
.dl2{width: 140px;}
.dl3{width: 200px;}
.dl4{width: 250px;}
.dl5{width: 250px;}
.dd1{height: 40px; line-height: 40px; display: block}
.table-box{margin-bottom: 20px; word-break: break-word;}
.table-box table{table-layout: fixed; border-collapse: collapse;}
.table-box th,
.table-box td{padding: 12px 8px; line-height: 1.4;}
.table-box th:first-of-type,
.table-box td:first-of-type{width: 50px; padding: 12px 0; text-align: center;}
.table-box a,.agreement-p .a-link{color: #1A5EFF;}
.table-box a:hover,.agreement-p .a-link:hover{color: #154BCC;}
.table-box2 td:last-of-type{min-width: 50px;}
.table-box3 table{width: 100%;}
.table-box3 th:nth-of-type(4){width: 20%;}
.text_r{text-align: right; margin-bottom: 8px;}
@media only screen and (max-width:1240px){
    .wrap,
    .agreement-top .agreement-wrap{width: 100%;}
}
@media only screen and (max-width:768px){
    .agreement-top, .footer{display: none} 
    .agreement-detail .agreement-wrap,
    .agreement-wrap{width: auto; padding: 45px 20px;} 
    .agreement-h1{margin-bottom: 20px;}
    .table-box3 th:nth-of-type(4){width: 10%;}
    .table-box th, .table-box td{padding: 0;} 
    .table-box th:first-of-type, 
    .table-box td:first-of-type{width: 25px;}
}