@font-face{font-family:' GT America';src:url(../font/GT-America-Extended-Light.OTF)}
@font-face{font-family:'GT America-r';src:url(../font/GT-America-Extended-Regular.OTF);}

:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box}
*:focus {outline: inherit}
html {-webkit-tap-highlight-color: transparent;font-size: unset !important;}
body,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,p,td,th {margin: 0;padding: 0;border: 0}
body{font-family: "Arial", "Microsoft YaHei"}
li,ol,ul {margin: 0;padding: 0;list-style-type: none}
table {border-collapse: collapse;border-spacing: 0}
a {color: #000;outline: none;text-decoration: none;background: transparent}
a:hover {color: #333}
a,em,i,span {display: inline-block}
b,em,i {font-style: normal}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 14px}
button {padding: 0}
button,input,optgroup,select,textarea {outline: 0;border: 0;vertical-align: middle;}
input[type=radio],input[type=checkbox] {vertical-align: -2px}
button,html input[type=button],input[type=reset],input[type=submit],input[type=text] {outline: 0;border: 0;border-radius: 0;cursor: pointer;-webkit-appearance: button}
textarea {resize: none;font-size: 14px}
textarea,.select {appearance: none;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none}
.select::-ms-expand {display: none}
.clearfix::after,.mauto::after,.row::after,.hsms::after {display: table;content: ""}
.clearfix:after,.mauto:after,.row:after,.hsms:after,.clear {clear: both}
/* 图片缩放 */
.img-scale {overflow: hidde}
.img-scale img {transform: scale(1);-webkit-transform: scale(1);transition: all .8s;-webkit-transition: all .8s}
.img-scale:hover img {transform: scale(1.1);-webkit-transform: scale(1.1)}
.ov {overflow: hidden}
.l2,.l3,.l4,.l5 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical}
.l2 {-webkit-line-clamp: 2}
.l3 {-webkit-line-clamp: 3}
.l4 {-webkit-line-clamp: 4}
.l5 {-webkit-line-clamp: 5}
.l1 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}




/* flex */
.flex-row{flex-direction: row-reverse;}
.flex-wrap{flex-wrap: wrap}
.flex{display:flex}
.justify-start{justify-content: flex-start;}
.justify-end{justify-content: flex-end;}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between;}
.align-content{align-content: space-between;}
.align-end{align-items:end;}
.float-right{float:right}
.float-left{float:left}
.block{display: block;}
.inline-block{display: inline-block}
.fixed{position: fixed}
.abs{position: absolute}
.rel{position: relative;}
.box-border{box-sizing: border-box}
.font-bold{font-weight:bold}
.text-center{text-align: center}
.text-right{text-align: right;}
.text-justify{text-align: justify}
.content-center{align-content: center}
.align-center{align-items:center}


/* 手机头部 */
.mob-nav {opacity: 0;width: 40px;height: 40px;margin-top: 5px;border-radius: 50%;margin-left: 10px;background-size: auto 40%;position: relative;left:0px}
.mob-nav:before {content: '';position: absolute;left: 50%;top: 50%;height: 2px;width: 26px;margin-left: -13px;margin-top: -8px;background: #333;transition: all 0.5s ease}
.mob-nav:after {content: '';position: absolute;left: 50%;top: 50%;height: 2px;width: 26px;margin-left: -13px;margin-top: 6px;background: #333;transition: all 0.5s ease}
.mob-nav span {position: absolute;left: 50%;top: 50%;height: 2px;width: 26px;margin-left: -13px;margin-top: -1px;background: #333;transition: all 0.5s ease}
.mob-nav.on {transition: all 0.5s ease}
.mob-nav.on:before {margin-top: -1px;transform: rotate(45deg);transition: all 0.5s ease}
.mob-nav.on:after {margin-top: -1px;transform: rotate(-45deg);transition: all 0.5s ease}
.mob-nav.on span {width: 0;transition: all 0.5s ease}
.auto {height: 100%;overflow: hidden}

.mob{display:none}