body,div, h1, h2, h3, h4, h5, h6, hr, p, span,a, blockquote,dl, dt, dd, ul, ol, li,pre,fieldset, lengend, button, input, select, textarea, th, td{padding: 0; margin: 0; border: 0; box-sizing: border-box;-webkit-box-sizing: border-box;}
body, button, input, select, textarea {font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);  }
h1, h2, h3, h4, h5, h6{font-weight: normal;}
html{min-height: 100%; border: none; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body{word-wrap: break-word; word-break: break-all; -webkit-font-smoothing: antialiased;}
/*html, body {-webkit-user-select: none;user-select: none;}*/
ul, ol{list-style-type: none;}
button, input, select, textarea{outline: none;}
button, input, select{vertical-align: middle;}
button, input[type="button"], input[type="submit"]{cursor: pointer; -webkit-appearance: none;}
textarea{resize: none; outline: none;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{padding: 0; border: none;}
table{border-collapse: separate; border-spacing: 0;}
th, td{text-align: left;}
address, cite, dfn, em, var{font-style: normal;}
/*a,img {-webkit-touch-callout: none;}*/
img{border: none; vertical-align: middle; width: 100%;}
i{line-height: 0;}
a{outline: none;}
a:link, a:visited{text-decoration: none; outline: none;}
a:hover, a:active{outline: none;}
iframe{vertical-align: top;}
.clearfix{*zoom: 1}
.clearfix:after{content: '\20'; display: block; clear: both; height: 0; overflow: hidden;}
/*显示隐藏*/
.hide{display: none;}
.block{display: block;}
/*文本位置*/
.ta-l{text-align: left;}
.ta-c{text-align: center;}
.ta-r{text-align: right;}
/*浮动*/
.l{float: left; display: inline;}
.r{float: right; display: inline;}
/* 块状元素水平居中 */
.auto{margin-left:auto; margin-right:auto;}
/*滚动条*/
.scroll{width:100%; height:100%;overflow: auto; -webkit-overflow-scrolling: touch;}
.scroll-x{width:100%; height:100%;overflow-x:auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;white-space: nowrap;}
.scroll-y{width:100%; height:100%;overflow-x:hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
/* 文字溢出虚点显示*/
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ells{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
/*文本两端对齐*/
.just{text-align: justify;text-align-last: justify;}
.just:after{display: inline-block; width: 100%; height: 0; line-height: 0; content: "";}
/*文本竖向*/
.write{-webkit-writing-mode: vertical-lr;-ms-writing-mode: tb-lr;writing-mode: vertical-lr;-webkit-writing-mode: tb-lr;-ms-writing-mode: tb-lr;writing-mode: tb-lr;}
/* 文本选中 */
::-webkit-selection{color: #000;background: transparent;}
::-moz-selection{color: #000;background: transparent;}
::selection{color: #000;background: transparent;}
/*弹性布局*/
.flex{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: -moz-flex; display: flex;}
.flex.column{-webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.flex.row-reverse{-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}
.flex-1{-webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1;}
.flex.center{-webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center;}
.flex.end{-webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -moz-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end;}
.flex.jc{-webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -moz-justify-content: center; -ms-flex-pack: center; justify-content: center;}
.flex.justify{-webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
.flex.flow{-webkit-flex-wrap: wrap; -webkit-box-lines: multiple; -moz-flex-wrap: wrap; flex-wrap: wrap;}
.flex.hide{display: none;}
/*定位居中*/
.ps-center{position: absolute; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
/*高性能css3动画*/
.hack{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;}

html{font-size: calc( 100vw / 7.5);}
body{font-size: .24rem; width: 100%; max-width: 7.5rem; margin: 0 auto; background: #fff;}
.hint{position: fixed; top:0; left: 50%; z-index: 999; width: 100%; height: 100%; background: #000 url(../images/lanscape.gif) no-repeat center; background-size: 4.44rem auto;-webkit-transform: translateX(-50%);transform: translateX(-50%); display: none;}
.landscape .hint{display: block;}