/** 
 * ====================================================================================================
 * css reset。
 * ====================================================================================================
 */
*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0px; padding: 0px; }
html{width: 100%;margin: 0 auto;overflow-y: auto;-webkit-overflow-scrolling:touch;}
body {font:16px/1.5 Helvetica Neue,Helvetica,PingFang SC,Arial,sans-serif;color:#333333;}
h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}
ul, ol, li { list-style: none;}
a { color: #333333 ;text-decoration: none;}
img {border: none;outline: none;vertical-align: middle;max-width: 100%;}
button, input, select, textarea { font-size: 16px; outline: none; border: none; color: #333333;-webkit-appearance:none;-moz-appearance:none;appearance:none; }
input::-webkit-input-placeholder {color: #cccccc;}
input:-moz-placeholder {color: #cccccc;}
::-moz-placeholder {color: #cccccc;}
input:-ms-input-placeholder {color: #cccccc;}
table { border-collapse: collapse; border-spacing: 0; }


/** 
 * ====================================================================================================
 * 辅助类。
 * ====================================================================================================
 */
.nowrap { -o-text-overflow: ellipsis; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.clear:before,.clear:after{content: '';display: block;clear: both;}
.fl{float: left;}
.fr{float: right;}
.hidden{display: none;}
.am3 { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.am5 { -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.bg-cover {background-repeat: no-repeat;background-position: center center;background-size: cover;}
.bg-100 {background-repeat: no-repeat;background-position: center top;background-size: 100% 100%;}
.layer{width: 100%;min-width: 1024px;max-width: 1380px;padding: 0 50px;margin: 0 auto;position: relative;}
.tc{text-align: center;}
.tr{text-align: right;}
.absolute{position: absolute;}
.relative{position: relative;}
.mango-center{left: 50%;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);}
.mango-middle{top: 50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}
.mango-center-middle{left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.uppercase{text-transform: uppercase;}
#white{width: 100%;height: 100%;background: #fff;position: fixed;left: 0;top:0;z-index: 10000;}