@media only screen and (max-width:1300px){html{font-size:90px}}
@media only screen and (min-width:1300px){html{font-size:100px}}

*,:after,:before{-webkit-tap-highlight-color:transparent}
body{margin: 0; padding: 0; font-size: .14rem; line-height: 1.6; word-break: break-all; color: #666}
body,input,select,textarea{font-family: Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;}
img{max-width: 100%}
a{text-decoration: none; color: #666}

::-webkit-scrollbar{width:4px; height:4px}
::-webkit-scrollbar-thumb{border-radius:1em;background-color:rgba(50,50,50,0.3)}
::-webkit-scrollbar-thumb:hover{background-color:rgba(50,50,50,0.6)}
::-webkit-scrollbar-track {border-radius: 1em;background-color:rgba(50,50,50,0.1)}
::-webkit-scrollbar-track:hover{background-color: rgba(50,50,50,0.2)}
::selection{background:#444;/* Safari */color:#FFF;text-shadow:1px 1px 0px rgba(0,0,0,0.3)}
::-moz-selection{background: #444;/* Mozilla */color:#FFF;text-shadow:1px 1px 0px rgba(0,0,0,0.3)}

/* 弹性布局 */
.j-flex{display: flex; display: -webkit-flex; display: -webkit-box;}
.j-flex-vtc{-webkit-box-orient: vertical; -webkit-flex-flow: column}
.j-flex .flex .fc{position: absolute}
.j-flex .flex{flex: 1; -webkit-flex:1; -webkit-box-flex:1; position: relative}
.j-flex .flex-2{flex: 2; -webkit-flex:2; -webkit-box-flex:2; position: relative}
.j-flex .flex-3{flex: 3; -webkit-flex:3; -webkit-box-flex:3; position: relative}
.j-flex .fix{width: 1px}
.j-flex-center{-webkit-box-align: center; -webkit-align-items: center; align-items: center}