/*by:clanlan 2020-12-10*/
*,*:before,*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
*{margin:0; padding:0; list-style:none;}
html {overflow-y: scroll;font-size:62.5%; min-height: 100%;}
body {
    background:#251e1e;
    -webkit-font-smoothing: antialiased;
    min-height: 100%;
    width: 100%;
    margin: 0;
    -webkit-text-size-adjust: 100%;
    color:#888;
    -webkit-appearance: none;
    font-size: 1.4rem;
    line-height:1.6;
    font-family: "微软雅黑";
}

.clear {zoom: 1}
.clear:after{content: "";display: block;clear: both;}
i,em{font-style:normal;}
input,select,textarea,button{outline:medium; padding:0; margin:0; border:none; }
input[type="button"],input[type="submit"], input[type="reset"],button{ cursor: pointer; -webkit-appearance: none; }
textarea{resize: none;overflow: auto;}
textarea:focus,input:focus{outline: none;}
a{text-decoration: none;color: #333; cursor: pointer;}
a:hover,a:active,a:visited{text-decoration: none;}
img{border:none;vertical-align: top; max-width: 100%;}
.left{float: left;}
.right{float: right;}
.cent{display: flex; align-items: center; justify-content: center;}
.t_cent{text-align: center;}
.container{padding: 0 45px;}

.top_img{position: relative;height:42vh;}
.top_img img{height:100%;width:100%;}
.list_box{margin:2vh 0; position: relative; }
.list_box>ul{margin-bottom:2vh ; }
.list_box>ul>li{ margin-bottom:2vh; overflow: hidden;}
.list_box>ul>li>div{float: left;width:70%; border:2px solid #4c3437; border-radius: 10px; background: #251e1e;  line-height:4.5vh; font-size:28px; color: #e8c18a; text-align: center; }
.list_box>ul>li>a,.btn_jc{float: right; width:28%; background: linear-gradient(to right,#d9b669,#fff9bb,#d9b669); border:2px solid #4c3437; text-align: center;font-size:26px;
    color: #4b1a16; font-weight: bold; line-height:4.8vh;  border-radius: 10px;}
.btn_jc:hover,.btn_jc:visited,.list_box>ul>li>a:hover{background: linear-gradient(to bottom,#fcef90,#c59240); color: #80160e; }
.list_box .iconfont{font-size: 40px;color: #f0d5ae; margin: 0 5px; line-height:4.5vh;}
.list_box li em{color: #f6c500;}
.list_box li:hover em{color:red;}
.list_box a.btn_jc{float: none; width: 60%; margin:0 auto; border-radius:20px; line-height:5vh; display: block; background: rgba(3,2,0,.6); color: #debf74; font-size: 32px;}
.list_box a.btn_jc .iconfont{font-weight: normal; font-size: 36px;}
a:hover img,.btn a:hover{opacity: .7;}
.container{ position:relative; padding-top:2.5vh;}
.kefu{position:absolute;top:-150px; right:20px;}
.btn{overflow:hidden; text-align:center; position:absolute;top:-3vh;left:0; width:100%; }
.btn a{display:inline-block;width:274px; height:11vh; background-size:100% 100%; margin:0 20px; padding-left:30px; letter-spacing:3px; text-align:center; color:#6e170f; font:bold 30px/60px ""; background:url("../image/butbg.png") no-repeat 0 0;position:relative;}
.btn a img{position:absolute;left:25px;top:15px;}

footer{border-top:2px solid #f0ce69;border-bottom:2px solid #f0ce69;padding:5px 0; height:10vh;position:fixed; bottom:0; left:0; text-align:center;width:100%;}
footer img{max-height:100%;}


.hAuto .top_img{height:auto;}
.hAuto .list_box>ul{margin-bottom:30px ; }
.hAuto .list_box>ul>li{ margin-bottom:30px;}
.hAuto .list_box>ul>li>div{line-height:60px; }
.hAuto .list_box>ul>li>a,.hAuto .btn_jc{line-height:64px;}
.hAuto .list_box .iconfont{line-height:60px;}
.hAuto .list_box a.btn_jc{line-height:66px;}
.hAuto .container{padding-top:40px;}
.hAuto .btn{top:-50px; }
.hAuto .btn a{ height:74px;}
.hAuto footer{height:auto;position:static; margin-top:30px;}