/*css reset*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;padding: 0; margin: 0;}
html,body{ padding: 0; margin: 0; font-family:"MiSans","思源黑体","Source Han Sans CN","微软雅黑","Microsoft YaHei"; line-height: 1;}
ol, ul {list-style: none; padding: 0; margin: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0;}
th,td { vertical-align: middle;padding: 0;}
a{text-decoration:none; outline: none;hlbr:expression(this.onFocus=this.blur());}
input, select,textarea {vertical-align: middle;padding: 0;border: 0 none;margin: 0;font-family: inherit;}
img, iframe {border: none; text-decoration:none;}
img{vertical-align: top;}
strong {font-weight: bold;}
h1,h2,h3,h4,h5,h6{padding: 0; margin: 0;font-size: inherit}
:focus {outline: 0;}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
}
sup{
    font-size: 0.5em;
}
/*css common*/
.clearfix:after{content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;font-size:0;}
.clearfix{*zoom:1;}
a{
color: inherit;
font-size: inherit;
border:none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
outline:none；
}
html.ie select::-ms-expand { display: none; }
html.ie input::-ms-clear { display: none; }
/*
    *:not(input,textarea){
    -webkit-touch-callout:none;
    -webkit-user-select:none;
}*/
.mobile{
    display: none;
}
.web{
    display: inline-block;
}
.bg{
    width: 100%;
}
html {
    height: 100%;
    scroll-behavior: smooth;
    font-size: calc(100vw * 16 / 1920);
}
body{
    position: relative;
    height: 100%;
    margin: 0 auto;
    -webkit-text-size-adjust: 100% !important;
    scroll-behavior: smooth;
    overflow-x: hidden;
    background-color: #3d3d3d;
    padding: 4.6875% 0;
}
.inner{
    max-width: 92%;
    margin: 0 auto;
}
.inner.w1600{
    width: 100em;
}
.inner.w1360{
    width: 85em;
}
#nav{
    padding-bottom: 2.5%;
    margin-bottom: 2.5%;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
	scrollbar-width: none;
    
}
#nav::-webkit-scrollbar{
	display: none;
}
#nav a{
    font-size: 1.125em;
    color: #fff;
    font-weight: bold;
    margin-right: 1em;
    transition: color 0.5s;
}
#nav a:hover,#nav a.active{
    color: #ed023f;
}
#nav a:last-child{
    margin-right: 0;
}
#nav span{
    display: inline-block;
    vertical-align: middle;
}
h1{
    font-size: 2.25em;
    color: #fff;
    font-weight: bold;
    margin-bottom: 5%;
}
.list-box{
    display: none;
    align-self: stretch;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}
.list-box.active{
    display: flex;
}
.list-box li{
    background-color: #fff;
    border-radius: 0.1875em;
    padding: 1.5em 1.5em 1.875em;
    transition: background-color 0.5s;
    width: 21.875em;
    margin-right: 1em;
    margin-bottom: 1em;
}
.list-box li:hover{
    background-color: #eee;
}
.list-box h3{
    font-size: 1.125em;
    color: #3d3d3d;
    font-weight: bold;
}
.list-box .line{
    height: 1px;
    background-color: #cccccc;
    margin: 0.875em 0 1.25em;
}
.list-box a{
    font-size: 0.875em;
    color: #3d3d3d;
    transition: color 0.5s;
    display: block;
    line-height: 1.5;
    margin-bottom: 0.5em;
}
.list-box a:last-child{
    margin-bottom: 0;
}
.list-box a:hover{
    color: #ed023f;
}

#password{
    width: 20em;
    height: 3em;
    padding: 0 1em;
    appearance:none;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 0.25em;
    background-color: transparent;
    margin-bottom: 5%;
}
.submit{
    width: 10em;
    height: 2.5em;
    line-height: 2.5;
    display: block;
    margin: 0 auto;
    background-color: #ed023f;
    color: #fff; 
    border-radius: 0.25em;
}

@media only screen and (max-width:1024px){
    html { 
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        -o-text-size-adjust: 100%;
        text-size-adjust: 100%;
        font-size: calc(100vw * 16 / 375);
        padding: 12.5% 0;
    }
    body.noscroll{
        overflow: hidden;
    }
    .mobile{
        display: inline-block;
    }
    .web{
        display: none;
    }
    h1{
        font-size: 1.5em;
        margin-bottom: 10%;
    }
    .list-box li{
        margin-right: 0;
        width: 100%;
    }

}