@charset "utf-8";
/* CSS Document */

/****** 1. 公共样式 *****/
*,*:before,*:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
*{margin:0; padding:0; list-style:none;}
html {height:100%; -webkit-text-size-adjust: none;}
body {font-size:16px;line-height:1.5; background:#fff; color:#888; -webkit-font-smoothing: antialiased; min-height: 100%; width:100%; position: relative; font-family: Inter,sans-serif,"微软雅黑";}
a, a:hover, a:visited, a:active, a:link {cursor: pointer;text-decoration:none; -webkit-font-smoothing: antialiased; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;text-shadow: rgba(0,0,0,.01) 0 0 1px;}
a:hover{text-decoration:none; }
.form-control{color: #000;}
section{display: block;position: relative;box-sizing: border-box;}
.clear::after{clear: both;}
.clear{zoom: 1;}
.left{float: left;}
.right {float: right;}
table{border-collapse:collapse;}
ol, ul{margin-bottom: 0;}
button,input[type=button],input[type=submit]{cursor: pointer;}
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background-color:#eee;}
::-webkit-scrollbar-thumb{background-color:#ccc; border-radius: 5px;}
.center-box{width:100%; min-height:100%;margin:0 auto; background: #f3f3f3;}
.title{background: #121212; color: #fff; font: bold 30px/30px '';padding:15px; text-align: center; }
.tit2{font:bold 24px/30px "Arial"; margin: 40px 30px 5px 30px; color: #000;}
.txt{color: #000; margin: 0 30px; padding-bottom: 10px;}
.txt a{color: #888;}
.txt a:hover{color: #000; text-decoration: underline;}
.button{font:100px/100px ""; color:#121212; width: 200px; padding: 30px 0;
    margin:40px auto 60px auto;  border: 3px solid #ccc;text-align: center;  border-radius: 15px;cursor: pointer;}
.button:hover{background: #fff;border: 3px solid #121212;transition: ease-in-out .2s all;}
.button .text{font:20px/20px "Arial"; color: #888; text-align:center; margin-top: 20px;}
.op{margin: -50px auto 0 auto; width: 200px; text-align: center; font-size: 16px; cursor: pointer; position: relative;}
.op:hover{color:#000;}
#tip{width:100%; position:absolute;top:-150px;left: 0; background: rgba(0,0,0,.5); color: #fff; padding: 30px; border-radius: 10px; }
.container{width:100%;height: calc(100vh - 400px); overflow: hidden; overflow-y: auto;}
.container .article{width:95%;max-width: 1000px; margin: 0 auto;}
footer{text-align: center;font:16px/20px "Arial"; padding: 30px 0; width: 100%; }
footer a{margin-left:20px; color: #888;}
footer a:hover{color: #000; text-decoration: underline;}
.fenxiang{text-align: center; padding-top: 23px;}
.fenxiang div{width: 330px; margin: 0 auto;}
.fenxiang img {
    transition: transform 0.2s;
}

.fenxiang img:hover {
    transform: scale(1.1);
}
@media only screen and (max-width: 768px){
    .txt{margin:0;}
    .container .article{width:100%;padding: 0 20px;}

}