html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
}

.flex {display: -webkit-box;display: -webkit-flex;display: flex;}
.flex1 {flex-grow: 1;flex-shrink: 1;}
.flex-row {display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-orient: horizontal;-webkit-flex-direction: row;flex-direction: row;}
.flex-col{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;-webkit-flex-direction: column;flex-direction: column;}
.flex-x-center{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-y-center{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;-ms-grid-row-align: center;align-items: center;}
.flex-y-bottom{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;-ms-grid-row-align: flex-end;align-items: flex-end;}
.pointer{ cursor: pointer;}


*{box-sizing: border-box;}
ul,li,p{list-style: none;margin: 0;padding: 0;}
a:hover, a:visited, a:active, a:focus {text-decoration: none;outline: 0;}
a{background-color: transparent;text-decoration: none;}
/*顶部导航*/
.toptab{width:100%;z-index: 1000; position: fixed;box-shadow: 0 4px 4px 0 rgba(0,0,0,.04);height:80px;background-color:#FFFFFF;font-size:16px;display:flex;color:#000}
.toptab .content{width: 1200px;margin: 0 auto;height:80px;line-height:80px;display:flex;align-items: center;justify-content: space-between;}
.mobile-only{ display: none;}
.toptab .logo{color: #fff;font-size: 28px;display:flex;align-items: center;}
.toptab .logo img{height:65px;margin-right:10px}
.toptab .content .menu{ display: flex; align-items: center;}
.toptab .content.mobile-only { display: none;}
.toptab .item{flex:1;justify-content:flex-end;margin-left:100px}
.toptab .item a{color:#000;margin:0 20px}
.toptab .item a.on{ color: #FF6900;}
.toptab .line{margin-left:20px;border-left: 1px solid #ccc;height: 20px;display: inline-block;padding-left: 30px;vertical-align: middle;}
.toptab .zixun{cursor:pointer;width:88px;height:32px;border-radius:2px;line-height:32px;text-align:center;font-size:13px;color:#fff;background: linear-gradient(90deg, #358BFF 0%, #36A4FF 100%);}
.toptab .reg{cursor:pointer;margin-left:16px;width:88px;height:32px;border-radius:2px;line-height:32px;text-align:center;font-size:13px;color:#fff;background: linear-gradient(90deg, #FF8B35 0%, #FFA436 100%);}
.toptab .login{cursor:pointer;margin-left:16px;width:88px;height:32px;border-radius:2px;line-height:32px;text-align:center;font-size:13px;color:#FF6900;border:1px solid #FF6900;}
/*顶部导航结束*/

.bottombox{width:100%;background:#151C29;padding:30px 0}
.bottombox .itembox{ width: 1200px; margin: 20px auto; display: flex; justify-content: space-between; border-bottom:1px solid #1F2937; padding-bottom:50px;}
.bottombox .itembox .left{ display: flex;}
.bottombox .itembox .left .imgbox .qrcode img{ width: 100px; height: 100px; margin-top: 10px;}
.bottombox .itembox .left .imgbox .t1{font-size: 13px;color: #9CA3AF; text-align: center; margin-top: 10px;} 
.bottombox .itembox .left .f2 { margin-left: 40px;color: #FFFFFF; display: flex; flex-direction: column; justify-content: space-around;}
.bottombox .itembox .left .f2 .t1{font-size: 16px; }
.bottombox .itembox .left .f2 .t2{ font-size: 14px;}
.bottombox .itembox .left .f2 .t3{ font-size: 14px; color: #FFFFFF;background: #FF6900;padding: 8px 28px;border-radius: 4px; text-align: center;} 
.bottombox .itembox .menu{ display: flex; width: 50%; justify-content:space-around;}
.toptab .content .menu.pc-only { display: flex;}
.bottombox .itembox .menu .menutitle{font-size: 18px;font-weight: bold;color: #FFFFFF; padding: 20px 0; }
.bottombox .itembox .menu .t1{ display: block; color: #9CA3AF; line-height: 24px;font-size: 14px;} 
.bottombox .itembox .menu.mobile-only{ display: none;}
.bottombox .itembox .right .title{ font-size: 18px;font-weight: bold;color: #FFFFFF; padding: 20px 0;}
.bottombox .itembox .right .t1{ font-size: 16px;line-height: 24px;color: #9CA3AF;}
.bottombox .copyright{display:flex;align-items:center;justify-content:center;color:#6B798E;font-size:12px;margin-top:20px;}

.downloadbox .item.mobile-only { display: none;}

/* 平板设备适配 (768px - 1024px) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .toptab .item{ margin-left: 0px;}
    .bottombox .itembox{ max-width: 800px;}
}
/* 移动端适配 */
@media screen and (max-width: 768px) {
    /* 顶部导航 */
    .pc-only{ display: none;}
    .toptab {  height: auto; padding: 0;}
    .toptab .item{ margin-left: 0px;}
    .toptab .item a{ margin: 0;}
    .toptab .content.pc-only { display: none;}
    .toptab .logo img{ width: 150px; height: 50px;}
    .toptab .content.mobile-only { display: flex;}
    .toptab .content.mobile-only .reg{ width: 70px; height: 30px; margin-left: 0;}
    .toptab .content.mobile-only .login{ width: 70px; height: 30px; margin:0 10px;}
    /*底部区域*/
    .bottombox{ padding:0}
    .bottombox .itembox{ width: 100%; flex-wrap: wrap; margin-top: 0; padding-bottom: 20px; justify-content: space-between;}
    .bottombox .itembox .menu.mobile-only{ display: flex; width: 100%; margin-top: 20px;}
    .bottombox .itembox .menu .t1{ width: 33.33%; display: flex; justify-content: center;}
    .bottombox .itembox .right.pc-only{ display: none;}
    .bottombox .itembox .menu.pc-only{ display: none;}
    .bottombox .itembox .left.pc-only{ display: none;}
    .bottombox .copyright{ padding-bottom: 20px; text-align: center; flex-direction: column; align-items: center; justify-content: center;}

	.downloadbox .item.pc-only{ display: none;}
    .downloadbox .item.mobile-only { display: flex;}
    .bannerbox .btn1.mobile-only { display: block;}
}