@charset "utf-8";
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
body {font-family: STHeiti, Microsoft YaHei, Helvetica, Arial, sans-serif;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-text-size-adjust: none}
body {
    width: 100%;
    min-height: 100vh;
    vertical-align: baseline;
    word-wrap: break-word;
    color: #282a2d;
    background: #f9f9f9;
    transition: background-color .3s
}
a {
    color: #282a2d;
    outline: 0!important;
    text-decoration: none;
}
a:hover{
    color: #0085ff !important;
}
a, body, div, form, ul {margin: 0;padding: 0;border: 0}
h1, li, p{margin: 5px;padding: 0;border: 0}
a, a:active, a:focus, a:hover, a:visited {text-decoration: none}
.search input{margin: 0;padding: 0;border: 0}
.search button, .search input {
    overflow: visible;outline: none;
}
a, img {-webkit-touch-callout: none}
li, ul {list-style: none}
.top{ margin:0 auto; width:1200px;}
.header{ padding:5px 0;background: rgba(255,255,255,1);position: sticky; top:0; z-index:5;}
.top{display: flex;}
.logo{width:200px;}
.logo img{ max-width:200px;}
.navlist{ width:1000px; margin:10px 20px}
.navlist ul{display: flex; flex-direction: row-reverse;}
.navlist ul li{margin:0 10px; position: relative;}
.navlist ul li a{font-size: 16px; display:block; line-height:40px;}
.navlist ul li a:before{display: block;content: '';position: absolute;left: 0;right:0; bottom:0; margin:0 auto; width:0; height:3px;background: #0085ff;transition:0.5s;}
.navlist ul li a:hover:before{ width:100%;transition:0.5s;}
.search{width:240px; position:relative;}
.search .input_search{height:40px;border: 0;border-radius: 3px;background-color: rgba(126,126,126,.1);border: 1px solid rgba(255,255,255,.05);color: #6d6e74;display: block;width:96%; padding:0 2%;}
.search button{position: absolute; right:0;top:0; border:0; background:none; width:40px;height:40px; cursor:pointer;}
.footer{ margin-top:20px;text-align:center;color: #6c757d; font-size:14px;}
.footer p{ margin-bottom:5px;}
.footlink a{display: inline-block; padding:0 10px; position:relative;line-height:30px;}
.footlink a:after{content:'';position:absolute; width:1px; height:14px; right:0; top:8px; background:#6c757d;}
.footlink a:last-child:after{width:0px;}
.pc{display:none;}
.go-top {
	position: fixed;
    bottom: 20px;
    right: 20px;
	z-index: 2;
    color: #666;
    background: rgba(210,210,210,.5);
    width: 40px;
    height: 40px;
    font-size: 1rem;
    text-align: center;
    line-height: 40px;
    padding: unset;
    display: block;
    border: unset;
	border-radius: 50%!important;
	cursor: pointer;
}
@media screen and (max-width:1028px) {
	.top{width:100%;}
	.top{flex: 1 1 auto;}
	.header{padding:10px; min-height:40px;}
	.mobile{display:none;}
	.pc{display:block;}
	.navlist{position:fixed;right:-220px; top:60px; width:200px; height:100%;background: rgba(0,133,255,0.9);z-index: 4;webkit-transition: all 0.25s ease;
	    -moz-transition: all 0.25s ease;
	    transition: all 0.25s ease;
	    -webkit-transform: translateZ(0);}
	.navlist ul{display:block; }
	.navlist ul li{ padding:10px 0; margin:0 auto; width:100px;}
	.navlist ul li a{text-align:center; color:#fff !important;}
	.navlist ul li a:before{background:#fff}	
	.search{width:100%;top:0px; background:#fff;}
	.btns{width:100%;display: flex;}
	.btns .back{ width:40px; line-height:40px;}
	.top_icon{position:absolute;right:0px;line-height:40px;display: flex;}	
	.top_icon .iconfont{display:block;font-size:20px; width:40px;color: #0085ff;}
	
}