a,body,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,img,input,label,lable,li,ol,p,select,table,tbody,td,textarea,tfoot,th,thead,tr,ul{margin:0;padding:0;border:0;outline:0;font-size:100%}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;height:100%}
body{font:14px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft yahei",arial,PingFangSC-Regular,sans-serif;height:100%;color:#333}
a{color:#333;text-decoration:none;background-color:transparent}
a:active,a:hover{outline:0}
b,strong{font-weight:bolder}
small{font-size:80%}
i{font-style:normal}
li,ul{list-style-type:none}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
button,input,optgroup,select,textarea{margin:0;line-height:1.15;font-family:inherit;font-size:100%}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important}
input[type=number]{-moz-appearance:textfield}
button,input{overflow:visible}
button,select{text-transform:none}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
input{line-height:normal;outline:0}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #fff inset;-webkit-text-fill-color:#333}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
textarea{overflow:auto;outline:0}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
.fl{float:left;display: inline;}
.fr{float:right;display: inline;}
::-webkit-input-placeholder{color:#ccc}
:-ms-input-placeholder{color:#ccc}
::placeholder{color:#ccc}
.clear{zoom:1}
.clear:after,.clear:before{display:block;clear:both;content:''}
.red{color:red}
.green{color:#2b2}
.orange{color:#f60}
.blue{color:#0ae}
.yellow{color:#ea5}
.pink{color:#f38}
.blue2{color:#33f}
.grey{color:#888}
.qing{color:#129a5c}
.bg-red{color:#fff;background:red}
.bg-green{color:#fff;background:#2b2}
.bg-blue{color:#fff;background:#0ae}
.bg-yellow{color:#fff;background:#ea5}
.bg-pink{color:#fff;background:#f38}
.bg-blue2{color:#fff;background:#33f}
em{font-style:normal;color:red}
.w100{width: 100px;}
.w120{width: 120px;}
.w150{width: 150px;}
.w200{width: 200px;}
.w300{width: 300px;}
.w400{width: 400px;}
.textl{text-align:left!important;}
.textc{text-align: center!important;}
.textr{text-align: right!important;}
.plr10{padding:0 10px!important;}
.plr15{padding:0 15px!important;}
.plr20{padding:0 20px!important;}
.ptb10{padding:10px 0!important;}
.ptb15{padding:15px 0!important;}
.ptb20{padding:20px 0!important;}
.pd0{padding:0!important;}
.pd15{padding:15px!important;}
.pd20{padding:20px!important;}
.pd30{padding:30px!important;}
.pr8{padding-right:8px!important;}
.pl7{padding-left:7px!important;}
.pb15{padding-bottom:15px!important;}
.pb55{padding-bottom:55px!important;}
.pb70{padding-bottom:70px!important;}
.mt10{margin-top:10px!important;}
.mtb10{margin:10px 0!important;}
.mtb15{margin:15px 0!important;}
.mtb20{margin:20px 0!important;}
.ml0{margin-left:0!important;}
.mlr15{margin:0 15px!important;}
.mlr20{margin:0 20px!important;}
.mb15{margin-bottom:15px!important;}
.mr50{margin-right:50px!important;}
.ml33{margin-left:38px!important;}
.ml45{margin-left:50px!important;}
.ml5{margin-left:5px!important;}
.mr5{margin-right:5px}
.ml20{margin-left: 20px!important;}
.mr10{margin-right:10px!important;}
.mr20{margin-right:20px!important;}
.ml0{margin-left:0!important;}
.mg10{margin:10px!important;}
.va0{vertical-align:0!important;}
.unselect{-moz-user-select:-moz-none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.ui-btn{display:inline-block;padding:8px 20px;text-align:center;border-radius:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.ui-btn.disabled{cursor:not-allowed}
.ui-btn-default{color:#333;background-color:#fff;border:1px solid #ddd}
.ui-btn-default:hover{color:#098df9;border:1px solid #098df9}
.ui-btn-primary{color:#fff;background-color:#098df9;border:1px solid #098df9}
.ui-btn-primary:hover{background-color:#0575d2;border:1px solid #0575d2}
.ui-btn-green{color:#fff;background-color:#59bf58;border:1px solid #59bf58}
.ui-btn-green:hover{background-color:#48a247;border:1px solid #48a247}
.ui-btn-red{color:#fff;background-color:#d73834;border:1px solid #d73834}
.ui-btn-red:hover{background-color:#a62825;border:1px solid #a62825}
.ui-btn-orange{color:#fff;background-color:#fa8121;border:1px solid #fa8121}
.ui-btn-orange:hover{background-color:#de680b;border:1px solid #de680b}
.ui-btn-golden{color:#fde0b0;background-color:#555;border:1px solid #555}
.ui-btn-golden:hover{background-color:#222;border:1px solid #222}
.ui-btn-sm{padding:2px 6px;font-size:12px}
.ui-btn-sf{font-size:12px}
.ui-btn>.fa{margin-right:5px}
.ui-link-blue{display:inline;cursor:pointer;color:#38f;margin-right:5px}
.ui-link-blue:hover{color:#37e}
.ui-link-red{display:inline;cursor:pointer;color:red}
.ui-link-red:hover{color:#c33}
.ui-text{padding:0 6px;height:40px;line-height:40px;color:#333;border:1px solid #eee;border-radius:4px;}
.ui-text:focus{border-color:#38f}
.ui-text.error{border:1px solid red}
.ui-text.disabled{background:#f9f9f9}
textarea.ui-text{padding:5px 6px;line-height:20px}
.ui-checkbox,.ui-radio{position:relative;margin-top:0;margin-bottom:0;cursor:pointer;padding-left:18px;font-weight:400;min-height:18px;height:auto!important;line-height:18px!important}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}
.ui-checkbox input,.ui-radio input{position:absolute;display:none}
.ui-checkbox span::before,.ui-radio span::before{content:'';position:absolute;display:inline-block;height:14px;width:14px;left:0;top:2px;border:2px solid #ebebeb;-webkit-transition:all .1s;-o-transition:all .1s;transition:all .1s}
.ui-checkbox span::after,.ui-radio span::after{content:'';position:absolute;display:none;width:5px;height:8px;left:5px;top:4px;border:solid #4d5259;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.ui-checkbox span,.ui-radio span{display:inline-block}
.ui-checkbox input:checked~span:after,.ui-radio input:checked~span:after{display:inline-block}
.ui-checkbox:hover span::before,.ui-radio:hover span::before{border-color:#ebebeb}
.ui-checkbox.checkbox-grey span::before,.ui-checkbox.radio-grey span::before,.ui-radio.checkbox-grey span::before,.ui-radio.radio-grey span::before{background-color:#ebebeb;border-color:#ebebeb}
.ui-checkbox input:disabled+span,.ui-radio input:disabled+span{cursor:not-allowed}
.ui-checkbox input:disabled+span::after,.ui-checkbox input:disabled+span::before,.ui-radio input:disabled+span::after,.ui-radio input:disabled+span::before{opacity:.4}
.checkbox-primary input:checked~span::before{background-color:#1e9fff;border-color:#1e9fff}
.checkbox-primary input:checked~span::after{border-color:#fff}
.checkbox-success input:checked~span::before{background-color:#15c377;border-color:#15c377}
.checkbox-success input:checked~span::after{border-color:#fff}
.checkbox-info input:checked~span::before{background-color:#09c;border-color:#09c}
.checkbox-info input:checked~span::after{border-color:#fff}
.checkbox-warning input:checked~span::before{background-color:#faa64b;border-color:#faa64b}
.checkbox-warning input:checked~span::after{border-color:#fff}
.checkbox-danger input:checked~span::before{background-color:#f96868;border-color:#f96868}
.checkbox-danger input:checked~span::after{border-color:#fff}
.checkbox-dark input:checked~span::before{background-color:#465161;border-color:#465161}
.checkbox-dark input:checked~span::after{border-color:#fff}
.checkbox-secondary input:checked~span::before{background-color:#e4e7ea;border-color:#e4e7ea}
.checkbox-secondary input:checked~span::after{border-color:#fff}
.checkbox-purple input:checked~span::before{background-color:#926dde;border-color:#926dde}
.checkbox-purple input:checked~span::after{border-color:#fff}
.checkbox-pink input:checked~span::before{background-color:#f96197;border-color:#f96197}
.checkbox-pink input:checked~span::after{border-color:#fff}
.checkbox-cyan input:checked~span::before{background-color:#57c7d4;border-color:#57c7d4}
.checkbox-cyan input:checked~span::after{border-color:#fff}
.checkbox-yellow input:checked~span::before{background-color:#fcc525;border-color:#fcc525}
.checkbox-yellow input:checked~span::after{border-color:#fff}
.checkbox-brown input:checked~span::before{background-color:#8d6658;border-color:#8d6658}
.checkbox-brown input:checked~span::after{border-color:#fff}
.ui-radio span::before{-webkit-border-radius:50%;border-radius:50%}
.ui-radio span::after{border:0;height:6px;left:4px;top:6px;width:6px;background:#4d5259;-webkit-border-radius:100%;border-radius:100%}
.radio-primary input:checked~span::before{background-color:#1e9fff;border-color:#1e9fff}
.radio-primary input:checked~span::after{background-color:#fff}
.radio-success input:checked~span::before{background-color:#15c377;border-color:#15c377}
.radio-success input:checked~span::after{background-color:#fff}
.radio-info input:checked~span::before{background-color:#09c;border-color:#09c}
.radio-info input:checked~span::after{background-color:#fff}
.radio-warning input:checked~span::before{background-color:#faa64b;border-color:#faa64b}
.radio-warning input:checked~span::after{background-color:#fff}
.radio-danger input:checked~span::before{background-color:#f96868;border-color:#f96868}
.radio-danger input:checked~span::after{background-color:#fff}
.radio-dark input:checked~span::before{background-color:#465161;border-color:#465161}
.radio-dark input:checked~span::after{background-color:#fff}
.radio-secondary input:checked~span::before{background-color:#e4e7ea;border-color:#e4e7ea}
.radio-secondary input:checked~span::after{background-color:#fff}
.radio-purple input:checked~span::before{background-color:#926dde;border-color:#926dde}
.radio-purple input:checked~span::after{background-color:#fff}
.radio-pink input:checked~span::before{background-color:#f96197;border-color:#f96197}
.radio-pink input:checked~span::after{background-color:#fff}
.radio-cyan input:checked~span::before{background-color:#57c7d4;border-color:#57c7d4}
.radio-cyan input:checked~span::after{background-color:#fff}
.radio-yellow input:checked~span::before{background-color:#fcc525;border-color:#fcc525}
.radio-yellow input:checked~span::after{background-color:#fff}
.radio-brown input:checked~span::before{background-color:#8d6658;border-color:#8d6658}
.radio-brown input:checked~span::after{background-color:#fff}
.checkbox-inline,.radio-inline{display:inline-block;margin-right:10px}
.ui-dropdown{display:inline-block;position:relative;margin-right:4px;min-width:110px;height:30px;line-height:30px;color:#555;border:1px solid #ddd;border-radius:4px;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}
.ui-dropdown:hover{border:1px solid #37e}
.ui-dropdown:hover>i{color:#37e}
.ui-dropdown.open{border:1px solid #37e;border-bottom-left-radius:0;border-bottom-right-radius:0}
.ui-dropdown.open.up{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.ui-dropdown.disabled{background-color:#eee}
.ui-dropdown.disabled:hover{border:1px solid #ddd}
.ui-dropdown>div{padding:0 8px}
.ui-dropdown>ul{position:absolute;left:-1px;right:-1px;top:30px;background-color:#fff;border:1px solid #37e;border-bottom-left-radius:4px;border-bottom-right-radius:4px;z-index:1200;display:none}
.ui-dropdown.up>ul{top:auto;bottom:30px;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:4px;border-top-right-radius:4px}
.ui-dropdown.open>ul{display:block}
.ui-dropdown>ul>li{padding:0 8px}
.ui-dropdown>ul>li.active,.ui-dropdown>ul>li.active:hover{color:#fff;background-color:#37e}
.ui-dropdown>ul>li:hover{color:#333;background-color:#eee;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.ui-dropdown:after{position:absolute;top:8px;right:8px;margin-top:5px;vertical-align:middle;border-top:5px solid;border-right:5px solid transparent;border-left:5px solid transparent;color:#888;content:""}
/*tip*/
.toast{z-index:999999;font-family:Lato,Tahoma,Arial;font-size:14px;padding:8px 10px 9px 0;background:#fff;top:40px;left:50%;position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-box-sizing:border-box;box-sizing:border-box;line-height:28px;-webkit-animation-duration:.5s;animation-duration:.5s;border-color:#fff;pointer-events:all;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:45px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);max-width:90%;margin:5px 0;border-radius:4px}
.toast.in{-webkit-animation-name:contentZoomIn;animation-name:contentZoomIn}
.toast .text{max-width:300px;font-size:14px;margin-left:40px;color:#303133;white-space:normal}
.toast .toast-icon{height:100%;position:absolute;left:0;top:50%;display:table;font-size:23px;line-height:24px;margin-top:-11px;margin-left:10px;color:#000;width:24px;height:24px}
.toast .ico-info{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU1NzcxMTk5MzYwIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEwODAzIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiAyOC40MTZjLTI2Ny40Njg4IDAtNDg0LjI0OTYgMjE2LjgzMi00ODQuMjQ5NiA0ODQuMjQ5NiAwIDI2Ny40MTc2IDIxNi44MzIgNDg0LjI0OTYgNDg0LjI0OTYgNDg0LjI0OTYgMjY3LjQxNzYgMCA0ODQuMzAwOC0yMTYuODMyIDQ4NC4zMDA4LTQ4NC4yNDk2Qzk5Ni4zMDA4IDI0NS4yNDggNzc5LjQxNzYgMjguNDE2IDUxMiAyOC40MTZ6TTQ1NS41MjY0IDI0NS4wOTQ0QzQ3MC4zMjMyIDIyOS44ODggNDkwLjcwMDggMjIxLjMzNzYgNTExLjc5NTIgMjIxLjY0NDhjMjEuMTk2OC0wLjIwNDggNDEuNzc5MiA4LjI0MzIgNTYuNTI0OCAyMy40NDk2IDE1LjAwMTYgMTQuNzk2OCAyMy4yOTYgMzUuMTIzMiAyMy4wOTEyIDU2LjExNTIgMC4yMDQ4IDIxLjE5NjgtOC4yOTQ0IDQxLjU3NDQtMjMuMzk4NCA1Ni4yMTc2LTE0LjY5NDQgMTQuNjk0NC0zNC43MTM2IDIzLjA0LTU1LjM5ODQgMjMuMDRMNTExLjc5NTIgMzgwLjQ2NzJjLTIwLjk5MiAwLjIwNDgtNDEuMzY5Ni04LjE0MDgtNTYuMDY0LTIzLjE0MjRDNDQwLjY3ODQgMzQyLjY4MTYgNDMyLjMzMjggMzIyLjMwNCA0MzIuNTM3NiAzMDEuMjA5NiA0MzIuMzMyOCAyODAuMjE3NiA0NDAuNjc4NCAyNTkuODkxMiA0NTUuNTI2NCAyNDUuMDk0NHpNNjI3LjYwOTYgNzY4LjE1MzZsMCAxMy40MTQ0IDAgMjIuMjIwOEwzOTYuMjg4IDgwMy43ODg4bDAtNTcuMTM5MiAyMS42MDY0LTAuNzY4YzEwLjI0LTAuNDYwOCAxNC41OTItMi43MTM2IDE2Ljk5ODQtNC43NjE2bDEuMjI4OC01LjQyNzJjMC45NzI4LTUuNTgwOCAxLjYzODQtMTQuNDM4NCAxLjU4NzItMjUuOTA3Mkw0MzcuNzA4OCA1MDcuOTA0YzAuMjU2LTE3Ljc2NjQtMi4zNTUyLTI5LjkwMDgtMy40ODE2LTMyLjU2MzJsMCAwTDQzMS42MTYgNDc0LjA2MDhDNDI4Ljg1MTIgNDczLjA4OCA0MjMuOTM2IDQ3Mi4wNjQgNDE3LjE3NzYgNDcxLjY1NDRMMzk2LjI4OCA0NzAuMzc0NCAzOTYuMjg4IDQxMy40OTEybDE4OS40OTEyIDAgMCAyOTYuMjk0NGMtMC4zMDcyIDE3LjcxNTIgMi40MDY0IDI5Ljc5ODQgMy40MzA0IDMyLjU2MzJsMC4wNTEyIDAgMi43MTM2IDEuMTc3NmMyLjgxNiAwLjk3MjggNy43ODI0IDEuOTk2OCAxNC42OTQ0IDIuMzU1MmwyMC44ODk2IDEuMjhMNjI3LjU1ODQgNzY4LjE1MzZ6IiBwLWlkPSIxMDgwNCIgZmlsbD0iIzQwOUVGRiI+PC9wYXRoPjwvc3ZnPg==) no-repeat 50% 50%;background-size:85%}
.toast .ico-warning{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU1NzcwODczNzUzIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjUxMTgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNNTEyLjAyMzI3MyAxMDI0Qzc5NC43NjM2MzYgMTAyNCAxMDI0IDc5NC43ODY5MDkgMTAyNCA1MTEuOTc2NzI3IDEwMjQgMjI5LjIzNjM2NCA3OTQuNzg2OTA5LTAuMDIzMjczIDUxMi4wMjMyNzMtMC4wMjMyNzNTMCAyMjkuMjEzMDkxIDAgNTExLjk3NjcyN0MwIDc5NC43ODY5MDkgMjI5LjIzNjM2NCAxMDI0IDUxMi4wMjMyNzMgMTAyNE00NjkuMzQxMDkxIDc2OGMwLTIzLjU1MiAxOC45MjA3MjctNDIuNjU4OTA5IDQyLjcwNTQ1NS00Mi42NTg5MDkgMjMuNTUyIDAgNDIuNjU4OTA5IDE4LjkyMDcyNyA0Mi42NTg5MDkgNDIuNjU4OTA5IDAgMjMuNTc1MjczLTE4LjkyMDcyNyA0Mi43MDU0NTUtNDIuNjU4OTA5IDQyLjcwNTQ1NUM0ODguNDcxMjczIDgxMC43MDU0NTUgNDY5LjM0MTA5MSA3OTEuNzM4MTgyIDQ2OS4zNDEwOTEgNzY4TTQ2OS4zNDEwOTEgMjU1LjgxMzgxOGMwLTIzLjQ1ODkwOSAxOC45MjA3MjctNDIuNDcyNzI3IDQyLjcwNTQ1NS00Mi40NzI3MjcgMjMuNTUyIDAgNDIuNjU4OTA5IDE5LjQzMjcyNyA0Mi42NTg5MDkgNDIuNDcyNzI3bDAgMzQxLjczNjcyN2MwIDIzLjQ1ODkwOS0xOC45MjA3MjcgNDIuNDcyNzI3LTQyLjY1ODkwOSA0Mi40NzI3MjctMjMuNTc1MjczIDAtNDIuNzA1NDU1LTE5LjQzMjcyNy00Mi43MDU0NTUtNDIuNDcyNzI3TDQ2OS4zNDEwOTEgMjU1LjgxMzgxOHoiIHAtaWQ9IjUxMTkiIGZpbGw9IiNmZjk5MDAiPjwvcGF0aD48L3N2Zz4=) no-repeat 50% 50%;background-size:85%}
.toast .ico-error{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU1NzcwNDI1NDkwIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEyNjUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNNTExLjk5NjQxOCAyMy41MjA2OTNjLTI2OS43NjcwNSAwLTQ4OC40NTQ3NDggMjE4LjY4ODcyMS00ODguNDU0NzQ4IDQ4OC40NTQ3NDggMCAyNjkuNzY4MDczIDIxOC42ODg3MjEgNDg4LjQ1MzcyNCA0ODguNDU0NzQ4IDQ4OC40NTM3MjQgMjY5Ljc2NjAyNyAwIDQ4OC40NTQ3NDgtMjE4LjY4NTY1MSA0ODguNDU0NzQ4LTQ4OC40NTM3MjRDMTAwMC40NTExNjYgMjQyLjIwOTQxNCA3ODEuNzYyNDQ1IDIzLjUyMDY5MyA1MTEuOTk2NDE4IDIzLjUyMDY5M3pNNzY5LjMzNDM5MSA3MTUuMTU1OTU2bC01NC4xNTY0MzQgNTQuMTU2NDM0TDUxMS45OTY0MTggNTY2LjEyOTgyOCAzMDguODEzODU2IDc2OS4zMTIzOWwtNTQuMTU1NDExLTU0LjE1NjQzNEw0NTcuODQxMDA4IDUxMS45NzU0NDEgMjU0LjY1ODQ0NiAzMDguNzkyODc4bDU0LjE1NTQxMS01NC4xNTU0MTFMNTExLjk5NjQxOCA0NTcuODIwMDNsMjAzLjE4MjU2Mi0yMDMuMTgyNTYyIDU0LjE1NjQzNCA1NC4xNTU0MTFMNTY2LjE1MTgyOSA1MTEuOTc1NDQxIDc2OS4zMzQzOTEgNzE1LjE1NTk1NnoiIHAtaWQ9IjEyNjYiIGZpbGw9IiNGNTZDNkMiPjwvcGF0aD48L3N2Zz4=) no-repeat 50% 50%;background-size:80%}
.toast .ico-success{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTU1NzcwNTI2MjA3IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ5NjUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNMTAyNCA1MTEuOTk5NTAyYzAgMjgyLjc3MDU1Ny0yMjkuMjI5OTQxIDUxMi4wMDA0OTgtNTExLjk5OTUwMiA1MTIuMDAwNDk4LTI4Mi43Njk1NjEgMC01MTIuMDAwNDk4LTIyOS4yMjk5NDEtNTEyLjAwMDQ5OC01MTIuMDAwNDk4IDAtMjgyLjc2ODU2NiAyMjkuMjMwOTM2LTUxMS45OTk1MDIgNTEyLjAwMDQ5OC01MTEuOTk5NTAyQzc5NC43NjkwNjQgMCAxMDI0IDIyOS4yMzA5MzYgMTAyNCA1MTEuOTk5NTAyek03OTYuNTc3MDgxIDM3OC4zMTc3MTNsLTQ4LjQ1OTA1MS00OC40NTkwNTEtMjk3LjA3ODM4NyAyOTcuMDc3MzkyTDI3Ny4yNjc4NTIgNDUzLjE2NTI1OGwtNDguNDU4MDU2IDQ4LjQ1ODA1NiAyMjIuMjI4ODUxIDIyMi4yMzA4NDJMNzk2LjU3NzA4MSAzNzguMzE3NzEzeiIgcC1pZD0iNDk2NiIgZmlsbD0iIzY3YzIzYSI+PC9wYXRoPjwvc3ZnPg==) no-repeat 50% 50%;background-size:85%}
.toast .ico-question{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEhFovxTxAAAEDklEQVRo3s2ZTWgTQRTHf03ipTRUqghNSgsRjHgQrFUQC6JgD1Kak3gQUUoPqRdBglf1oBehBws9Cn4cGk+1SOmh2upBxAYVoeJHrR9tgq0i1Cq0lqYeks7MbpPdmU00/c8hm9n33v/t7Nt5M2+qMEWQI0QIibZKRrQpHvLL2KI2wnQzzBKrDm2RIeKEy01dTYKUI7G1ZRknQXV5yP10kTYgly1NF/5S6duZ8ES+1iZodyaocrjXxE0OFeifYYgp0mRIkwFChAkRJsIxGgrIP+I0n82fvZW5dc/zkss0O2o1c5mX6/TmaDWl77RFe5YkUW3tKEmyFv0lOvXJ/fTYnmCEFuMRbGHEZqVHLyT9DFjUJmkzJl9DG5MWWwM6Llif/gF1nukB6nhgGwUXdFrE+wiURA8QoM9i0zEWWpXQW+ZsyeRrOMuyEo5Fv4gmy4dXPvqcC+pH2VRYaMwy+OWG+iLGCgm0W0Kv9HdvR8ASjmKCXpuK/bxiV/76A/v5UdDIZuKcJGjrnec5KZ7wwsWFOp6xPX/9mt2sqDe7FO+Kf/fXHBPPDWpdXGhTpLvUG9VKwh1xMDDjkvu+cNDFBTk7ptX1QkKZ850m3duu6fcrWxwdaFFyREJ2j4vOpKP6Du6z4uJCv8sYJIVkCnJBGGZaBONO3roY2EqNrSfIPi7SKP4fdXyNUd6I6wbSAHEl33tFLe+FlSsusnK90A0+oEPcuufZgXnOi+u9LrKSJQZQw6LwqBnv2CKsfHORbFbyQhA6xN/pEuihSdj56Co7LWRjPiKie6gkB2LiKuUqK5kiPkLiz1QJ9K1cNXBAMoUCigNpQ9IqDtMI1HKA4/jyvUsaoSyZLA5kjOjDPFZen8Ql5TsvBskUgjciIPSX3QAXC86DT7VWvlEh/xZ+ij9BDVWJ0QL0SbZq6QaFxoLPcXPmBLveLCc4wXdDK6s+6/vwhCSniFLPXW0NJe5UB8zKCsviqpc7vGPVQFcyZbyPwGD+d5ZnxmNWlhG4xSBZZjivjIWHEQgoDkSMjMwTo54569JSE5IpA7EyJSMTyGTUAUFlO1ZKOtaHTMeL1PhYYFTcihmY2cQ5+ullj7EDkiVfVez2sCTz8yiv84djhg7IJVk81xFWJlPdfHBG0flkRC/zQFZ+DSllNtfDdUsOMCliyGX5uOzU3ZhIXFDof4m1gDuKbEx0t2YS25gVGpcMnr/I1kx3c6piB8P8ZoqEwfMX3ZyCXynJTmq/U7NUXqfUzCbWL1wqVKBQUeESzQYoUlW8TAcVL1RCxUu1G6BYXfFyfQ4VPbDI4T8d2WzgQ6sc/vmxnTsqfHCZQzUJxm1h5dxS5Tu6lQgTZ0ipqRVqSwzTbbLHMt+c19iO76tsx/cLZub+Ali+tYC93olEAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjE3KzAyOjAwjKtfjgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxNyswMjowMP325zIAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:85%}
.toast .ico-load{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTQ1NTUyMzAyOTE3IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQyNDAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNNTEyIDY0YzI0Ny4yIDAgNDQ4IDIwMC44IDQ0OCA0NDhoLTY0YzAtMjEyLTE3Mi0zODQtMzg0LTM4NFY2NHogbTAgODMyYy0yMTIgMC0zODQtMTcyLTM4NC0zODRINjRjMCAyNDcuMiAyMDAuOCA0NDggNDQ4IDQ0OHYtNjR6IiBwLWlkPSI0MjQxIiBmaWxsPSIjMUU5RkZGIj48L3BhdGg+PC9zdmc+) no-repeat 50% 50%;background-size:85%;animation:toast-rotate 1.2s linear infinite}
.toast.in{-webkit-animation-name:contentZoomIn;animation-name:contentZoomIn}
.toast.out{-webkit-animation-name:contentZoomOut;animation-name:contentZoomOut}
@-webkit-keyframes toast-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}
@keyframes toast-rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@-webkit-keyframes contentZoomIn {
  0% {
    -webkit-transform: translate(-50%, -70%);
    transform: translate(-50%, -70%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}
@keyframes contentZoomIn {
  0% {
    -webkit-transform: translate(-50%, -70%);
    transform: translate(-50%, -70%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}

@-webkit-keyframes contentZoomOut {
  0% {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -70%);
    transform: translate(-50%, -70%);
    opacity: 0;
  }
}

@keyframes contentZoomOut {
  0% {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -70%);
    transform: translate(-50%, -70%);
    opacity: 0;
  }
}
/*面包屑*/
.layui-breadcrumb>*{font-size: 13px !important;}
.crumbs{font-size: 13px;color: #999;width: 1200px;margin: 20px auto;margin-bottom: 15px;}
.crumbs a{margin: 0;color: #999;}
.crumbs a:hover{color:#3B83FD}
.crumbs ul  a:after{content:'  >  ';}
.crumbs ul  a:last-child:after{ content:' ';}
/*header*/
.header{position:relative;height:60px;line-height:60px;background:#37e;z-index:200}
.header>.wd{position:relative;width: 1280px;margin: 0 auto;}
.header-logo{float:left}
.header-logo>a>img{display:block;margin:10px 0;height:40px}
.classify{margin-left:35px;max-width:920px;float:left}
.classify>li{position:relative;display:inline-block;padding:0 15px}
.classify>li>a{display:block;font-size:16px;color:#fff}
.classify>li>a>.fa-angle-down{margin-left:5px}
.classify>li:hover{background:#26e}
.classify>li:hover>.classify-box{display:block}
.classify-box{position:absolute;width:455px;padding:10px 10px 10px 30px;top:60px;left:0;background:#fff;border:1px solid #eee;border-radius:4px;box-shadow:0 4px 8px 0 rgba(0,0,0,.16);display:none}
.classify-box::after{position:absolute;left:38px;top:-9px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:9px solid #fff;content:' '}
.classify-box>li{width:110px;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;float:left}
.search{position:absolute;left:800px;right:120px}
.search>input{margin:12px 0;padding-left:10px;width:100%;height:36px;font-size:12px;color:#fff;border-radius:5px;background-color:#26d;box-sizing:border-box}
.search>i{position:absolute;padding:8px;right:3px;top:13px;color:#ccc;font-size:18px;cursor:pointer}
.search>i:hover{color:#fff}
.header-login{float:right}
.no-login-user>span{color:#fff;cursor:pointer;vertical-align:middle}
.no-login-user>span>img{display:inline-block;margin-top:-2px;margin-right:5px;padding:3px;width:13px;height:13px;border-radius:16px;background:#fff;vertical-align:middle}
.no-login-user>span>i{margin:0 4px;width:1px;height:10px;background:#fff}
.to-login-user{position:relative}
.to-login-user>a{display:block;color:#fff;width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.to-login-user>a>img{display:inline-block;margin-top:-1px;margin-right:5px;width:23px;height:23px;background:#fff;border-radius:23px;vertical-align:middle}
.to-login-user:hover>ul{display:block}
.to-login-user>ul{position:absolute;top:55px;padding:5px 0;background:#fff;border:1px solid #eee;border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.16);display:none}
.to-login-user>ul:after{position:absolute;left:39px;top:-9px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:9px solid #fff;content:' '}
.to-login-user>ul>li>a,.to-login-user>ul>li>span{display:block;padding:0 20px;height:30px;line-height:30px;cursor:pointer}
.to-login-user>ul>li:hover>a,.to-login-user>ul>li:hover>span{color:#fff;background:#37e}

/*页脚*/
/*.footer{width: 100%;background-color: #fff;}*/
.webfooter{margin-top: 60px;}
.footer-text{width: 100%;border-top:1px solid #e9e9e9;text-align: center;padding: 30px 0;margin-top:10px;color: #666}
.footer-text div:nth-of-type(1){line-height: 30px; font-size: 14px;}
.footer-text div:nth-of-type(2){line-height: 30px; font-size: 13px;}
.friendlink-box{max-width: 1200px;margin:0 auto;box-sizing: border-box;padding: 20px 0px;}
.friendlink-tips{line-height: 25px;height: 25px;vertical-align: bottom;padding-top: 10px;}
.friendlink-item span{display: inline-block;color: #777;font-size: 14px;margin-right:40px;margin-top:20px; }
.friendlink-box-nav{display: flex;flex-direction: row;align-items: center;}
.friendlink-box-nav h2{font-size: 24px;color: #333;font-weight: bold;margin-right: 10px;}
/*分页*/
.pageModel-1{text-align:center; margin-top:20px; height:25px; margin-bottom:10px;}
.pageModel-1 a{padding: 3px 8px;margin:0px 4px;line-height: 20px;background: #ffffff;border: 1px solid #dbdbdb;text-decoration: none;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;color: #333;}
.pageModel-1 a:hover{background-color: #3377ee;color: #fff;border: 1px solid #3377ee}
.pageModel-1 .current{background-color: #3377ee;color: #fff;border: 1px solid #3377ee;}
.pageModel-1 .disabled{border:#eee 1px solid;margin:2px;color:#ccc; background-color:#FFF;}
.pageModel-1 .disabled, .pageModel-1 .current{line-height:20px; padding:3px 8px; margin:0px 4px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;}
/*弹窗标题*/
.modal-title {
    padding: 20px;
    font-size: 16px;
    color: #555;
    text-align: left;
    font-weight: bold;
}
/*浮动客服*/
.sbcontact{position: fixed;right: 50px;bottom: 100px;z-index:999;}
@media screen and (max-width: 1210px) {
    .sbcontact{
        right: 0px;
    }
}
.sbcontact .sbcontact-content{position: relative;}
.sbcontact ul li{
    background-color: #3e3e3e;
    width: 55px;
    height: 55px;
    text-align: center;
    margin-bottom: 2px;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 18px;
    padding: 10px;
    position: relative;
}
.sbcontact ul li:hover,.sbcontact .gotoTop:hover{background-color: #4d8ff3;}
.sbcontact ul li a{font-size: 13px;color: #fff;}
.sbcontact .gotoTop{
    display: none;
    background-color: #3e3e3e;
    width: 55px;
    height: 55px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    margin-bottom:2px;
    line-height: 55px;
    color: #fff;
    font-size: 18px;
}
.sbcontact .sbcontact-content .telephone{
    background-color:#4d8ff3;
    height: 55px;
    line-height: 55px;
    font-size: 13px;
    color: #fff;
    padding: 0 10px;
    position: absolute;
    top:0;
    right: 55px;
    min-width: 100px;
}
.sbcontact .sbcontact-content .d_none{display: none;}
.sbcontact .sbcontact-content .wxewm{
    width:150px;
    height: 150px;
    background-color: #fff;
    position: absolute;
    top:0;
    right: 55px;
}
.sbcontact .sbcontact-content .wxewm img{width: 130px;margin: 10px 10px auto;}
.sbcontact .sbcontact-content .qq{
    height: 55px;
    line-height: 55px;
    background-color:#4d8ff3 ;
    font-size: 13px;
    color: #fff;
    padding: 0 10px;
    position: absolute;
    bottom:0;
    right: 55px;
}
/*tip 2021.09.20*/
.ui-tip {
    position: fixed;
    top: 80px;
    width: 100%;
    z-index: 1010;
    text-align: center;
    display: none;
}

.ui-tip-content {
    display: inline-block;
    padding: 10px 16px;
    color: #555;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
}

.ui-tip-content .fa-check-circle {
    margin-right: 5px;
    color: #4ebd18;
    font-size: 16px;
}

.ui-tip-content .fa-info-circle {
    margin-right: 5px;
    color: #f60;
    font-size: 16px;
}
/*ui-dialog*/
.ui-dialog {
    position: fixed;
    margin-top: -70px;
    top: 50%;
    width: 100%;
    z-index: 1009;
    text-align: center;
    display: none;
}

.ui-dialog-content {
    display: inline-block;
    padding: 20px;
    width: 240px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
}

.ui-dialog-body {
    margin-top: 20px;
    line-height: 25px;
}

.ui-dialog-footer {
    margin: 30px 0 10px 0;
}

.ui-dialog-footer span {
    margin: 0 15px;
}
/*ui-modal 2021.09.27*/
.ui-modal {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1001;
    text-align: center;
    display: none;
}

.ui-modal-content {
    display: inline-block;
    min-width: 300px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
}
.ui-modal-content .ui-modal-top{
	height: 45px;
    line-height: 45px;
    padding: 0 20px;
    position: relative;
}

.ui-modal-content .ui-modal-top > i {
    float: right;
    font-size: 15px;
    color: #999;
    cursor: pointer;
}
.ui-modal-content .ui-modal-top > i:hover {
    color: #f60;
}
.ui-modal-content .ui-modal-top > .title {
    font-size: 18px;
    color: #303133;
    float: left;
}


.ui-modal-body {
    text-align: initial;
}

/*admin-modal*/
.ui-modal-body > form {
    padding: 20px;
}

.ui-modal-body .title {
    height: 40px;
    line-height: 40px;
    font-weight: 700;
    font-size: 18px;
    color: #303133;
    padding: 10px 20px 10px 20px;
}

.ui-modal-body .footer {
    margin-top: 20px;
    margin-bottom: 5px;
    text-align: center;
}

.ui-modal-body .footer > span {
    margin: 0 15px;
}


/*对话框*/
.ui-modal-body .ui-text-group {
    padding-right: 20px;
}

.ui-modal-body .ui-text-group label {
    width: 85px;
}

.ui-cover {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1000;
}

.ui-cover.in {
    background-color: #000;
    opacity: .4;
    filter: alpha(opacity=40);
    z-index: 1000;
}
/*animated*/
.animated {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}