@charset "utf-8";
/* CSS Document */
*{
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important}
html{font-size: 80px;}
*,body{padding:0px; margin:0px;font-family: PingFang SC-Medium, PingFang SC;}
body{ background-size:cover;font-size: 14px;}
html,body{width: 100%;height:100%;position: relative;background: #fff;color: #333;}
li{ list-style-type:none;}
table{}
i{ margin:0px; padding:0px; text-indent:0px;}
img{ border:none; max-width: 100%;}
a{ text-decoration:none;}
a.active,a:focus{ outline:none!important; text-decoration:none;}
ol,ul,p,h1,h2,h3,h4,h5,h6{ padding:0; margin:0}
a:hover{ color:#333; text-decoration: none!important}
ul:after {   
    /*content:".";   */
    display:block;   
    clear:both;   
    height:0; 
}
ul, ol { list-style: none; }
.clearfix:after, .clearfix:before {
    display: table;
    content: " "
}
 .clearfix:after {
    clear: both
}
::-webkit-scrollbar {width:2px;height:2px;position:absolute}
::-webkit-scrollbar-thumb {background-color:#5bc0de}
::-webkit-scrollbar-track {background-color:#ddd}

.flex{display: flex;}
.flex-column{flex-direction:column }
.flex-1{flex:1;padding: 5px;}
.flex-2{flex:2;display: table;}
.flex-3{flex:3;display: table;}