/*
 * 重置样式
 * author: wangbing
 * qq: 564642790
 * update: 2017-07-24
 */
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.5 "PingFang SC", "Microsoft YaHei", Helvetica, Arial, sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ol,ul{list-style:none}
a{text-decoration:none}
a:hover{text-decoration:underline}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}

.clearfix{zoom: 1;}
.clearfix:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}

.fl{float: left;}
.fr{float: right;}

.tc{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}

.transition{-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}

.line-center{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

.space-between{display: -webkit-flex;display: flex;justify-content: space-between;align-items: center;}
.space-between .flex{flex: 1;}

.box-sizing{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.oh{overflow: hidden;}
.oa{overflow: auto;}
.oys{overflow-y: scroll;}

.dn{display: none;}
.db{display: block}
.dib{display: inline-block;}
.dt{display: table;}
.dtc{display: table-cell;}

.vat{vertical-align: top;}
.vam{vertical-align: middle;}

.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed!important;}

.fs10{font-size: 10px;}
.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs24{font-size: 24px;}

.ellipsis{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@-moz-document url-prefix() { .ellipsis{line-height: 1.4;} }    /* 以下用于修复兼容问题：ff、safari 下会字体底部横向会被截短 */

.mask{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0,0,0,0.8);z-index: 101;}

/*动画*/
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
    0% {opacity: 0;-webkit-transform: translate3d(0, -3000px, 0);transform: translate3d(0, -3000px, 0);}
    60% {opacity: 1;-webkit-transform: translate3d(0, 25px, 0);transform: translate3d(0, 25px, 0);}
    75% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
    90% {-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0);}
    to {-webkit-transform: none;transform: none;}
}
@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
    0% {opacity: 0;-webkit-transform: translate3d(0, -3000px, 0);transform: translate3d(0, -3000px, 0);}
    60% {opacity: 1;-webkit-transform: translate3d(0, 25px, 0);transform: translate3d(0, 25px, 0);}
    75% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
    90% {-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0);}
    to {-webkit-transform: none;transform: none;}
}
.bounceInDown {-webkit-animation-name: bounceInDown;animation-name: bounceInDown;}

@-webkit-keyframes bounceOutUp {
    20% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
    40%, 45% {opacity: 1;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);}
    to {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}
}
@keyframes bounceOutUp {
    20% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
    40%, 45% {opacity: 1;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);}
    to {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}
}
.bounceOutUp {-webkit-animation-name: bounceOutUp;animation-name: bounceOutUp;}

/*loading*/

/* 顶部进度条 */
.loading{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: transparent;z-index: 999;}

.loading .top-progress { top: 0; height: 2px; width: 0; background-color:rgba(228, 195, 148, 1);z-index: 999;}
.loading.finished .top-progress {width: 100%;}
.loading.animating .top-progress {animation: loading 1s; -moz-animation: loading 1s;  -webkit-animation: loading 1s; -o-animation: loading 1s; animation-fill-mode:forwards;}
@-webkit-keyframes loading { 0% {width: 1%} 100% {width: 98%} } 
@keyframes loading { 0% {width: 1%} 100% {width: 98%} } 

/* 全凭遮罩动画，暂时不需要用 */
/* .loading{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0,0,0,0.5);z-index: 999;}
.loading.fixed{position: fixed;}
.loading .spinner {width: 50px;height: 60px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}
.loading .spinner > div {background-color: #fff;height: 100%;width: 6px;display: inline-block;margin: 0 2px;-webkit-animation: stretchdelay 1.2s infinite ease-in-out;animation: stretchdelay 1.2s infinite ease-in-out;}
.loading .spinner .rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.loading .spinner .rect3 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.loading .spinner .rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.loading .spinner .rect5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
@-webkit-keyframes stretchdelay {0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) }}
@keyframes stretchdelay {0%, 40%, 100% {transform: scaleY(0.4);-webkit-transform: scaleY(0.4);}  20% {transform: scaleY(1.0);-webkit-transform: scaleY(1.0);}} */