/* === common.css === */
@charset "utf-8";/* reset */
html { font-size:  10px;}
body {min-height:100%;background:#fff;overflow-x:clip;}
body {_height:100%;}
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,iframe,pre,code,fieldset,legend,form,input,select,textarea,button,p,blockquote,th,td,figure {margin:0;padding:0;}
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,iframe,pre,code,fieldset,legend,form,p,blockquote,figure,header,footer,nav,article,section,aside,address,figcaption {*zoom:1;}
li {list-style-type:none;}
iframe,frame,fieldset,img {border:0 none;}
img {vertical-align:top;}
input[type="button"],input[type="submit"],input[type="reset"] {cursor:pointer;}
button {cursor:pointer;}
input,textarea,button {-webkit-border-radius:0;-webkit-appearance:none;background:#fff;}
input[type="radio"] {-webkit-border-radius:100%;-webkit-appearance:radio;}
input[type="checkbox"] {-webkit-appearance:checkbox;}
input[type="search"] {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;}
textarea {overflow:auto;resize:none;background:#fff;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:"";content:none;}
table {border-collapse:collapse;border-spacing:0;}
caption,th {text-align:left;}
th {font-weight:normal;}
em,cite,address,i {font-style:normal;}

body, input, select, button, textarea {color:#333; font-size: 1.4rem; font-family:"Microsoft YaHei", "微软雅黑", "PingFang SC", Arial, sans-serif; }
h1,h2,h3,h4,h5,h6 {font-size:inherit;font-weight:normal;}
body {line-height:1.5;}
.demo-song {font-family:"\5b8b\4f53";}
a:hover {text-decoration:none;color:#003399;}
a:link,a:visited,a:active,a {text-decoration:none;}
a:focus {outline:none !important;}
/*所有后台编辑器区域都要引用 edit_con_original 类名*/
.demo-edit_con_original {line-height:1.8;padding:0 0;color:#333;text-align:justify;}
.demo-edit_con_original ul {margin:inherit;padding:inherit;}
.demo-edit_con_original ul li {list-style-type:disc;margin:auto;padding:inherit;}
.demo-edit_con_original ol {margin:inherit;padding:inherit;}
.demo-edit_con_original ol li {list-style-type:decimal;margin:auto;padding:inherit;}
.demo-edit_con_original h1 {font-size:2em;font-weight:bold;}
.demo-edit_con_original h2 {font-size:1.5em;font-weight:bold;}
.demo-edit_con_original h3 {font-size:1.17em;font-weight:bold;}
.demo-edit_con_original h4 {font-size:1em;font-weight:bold;}
.demo-edit_con_original h5 {font-size:0.83em;font-weight:bold;}
.demo-edit_con_original h6 {font-size:0.67em;font-weight:bold;}
.demo-edit_con_original em {font-style:italic;}
.demo-edit_con_original cite {font-style:italic;}
.demo-edit_con_original address {font-style:italic;}
.demo-edit_con_original i {font-style:italic;}
.demo-edit_con_original table {border-collapse:collapse;width:100%;}
.demo-edit_con_original img {max-width:100%;height:auto;}
input::-webkit-search-cancel-button {display:none;}
.demo-edit_con_original p{ margin-bottom: 1em;}
/* clear 页头，页脚，内容区都不用再加清除样式 */.demo-cf:before {content:"";display:table;}
.demo-cf:after {content:"";display:table;clear:both;}
.demo-cf {*zoom:1;}
.demo-clear,.demo-cl {display:block !important;float:none !important;clear:both;width:auto !important;max-width:none !important;min-width:0 !important;max-height:none !important;min-height:0 !important;overflow:hidden;margin:0 !important;padding:0 !important;border:0 none !important;font-size:0 !important;line-height:0 !important;}
a,a:active,a:focus,input:focus,a:hover,a.music-toggle-btn:active,a.music-toggle-btn:focus,input:focus,a.music-toggle-btn:hover,img,img:active,img:focus,li:active,li:focus,li:focus,div,div:active,div:focus,div:hover,textarea,textarea:active,textarea:focus,textarea:hover button,button:active,button:focus,button:hover {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plainteeet-only;outline:none;-webkit-tap-highlight-color:transparent;}
/*公用样式end*/.fl {float:left;}
.fr {float:right;}
.oh {overflow:hidden;}
.center {text-align:center;}
.demo-f-left {text-align:left;}
.demo-f-right {text-align:right;}
.demo-bank5 {height:0.5rem;display:block;}
.demo-bank10 {height:1rem;display:block;}
.demo-bank15 {height:1.5rem;display:block;}
.demo-bank20 {height:2rem;display:block;}
.demo-bank30 {height:3rem;display:block;}
.demo-bank40 {height:4rem;display:block;}
.demo-bank50 {height:5rem;display:block;}
.demo-bank60 {height:6rem;display:block;}
.demo-bank100 {height:10rem;display:block;}
body .demo-bon-blank,body .demo-bon-blank2,body .demo-bon-blue,body .demo-bon-black,body .demo-bon-red,body .demo-bon-orange,body .demo-bon-orange2,body .demo-bon-gray {background:#ff9500;border:1px solid #ff9500;color:#fff;border-radius:2em;padding:0 1em;line-height:2.5;color:#fff;text-align:center;display:inline-block;min-width:4em;}
body .demo-bon-blue {background:#205bbe;border:1px solid #205bbe;}
body .demo-bon-black {background:#646464;border:1px solid #646464;}
body .demo-bon-orange {background:#ff7700;border:1px solid #ff7700;}
body .demo-bon-orange2 {background:#ff9500;border:1px solid #ff9500;}
body .demo-bon-red {background:#e92c2c;border:1px solid #e92c2c;}
body .demo-bon-blank {background:none;color:#205bbe;}
body .demo-bon-blank2 {background:none;border:1px solid #ddd;color:#545454;}
body .demo-bon-gray {background:#999;border:1px solid #999;}
body .demo-cfff {color:#fff;}
body .demo-red {color:#b31e23;}
body .demo-orange {color:#bda87f;}
body .demo-blue {color:#003399;}
body .demo-black {color:#000;}
body .demo-gray {color:#999;}
body .demo-gray2 {color:#666;}
body .demo-green {color:#5d9731;}
body .demo-green2 {color:#0ebe98;}
.demo-fff{ color: #fff;}
.demo-cc4 {color:#c4c4c4;}
.demo-c000 {color:#000;}
.demo-c333 {color:#333333;}
.demo-c795 {color:#795f52;}
.demo-c6c5 {color:#6c5a45;}
.demo-c5a4 {color:#5a4968;}
.demo-c777 {color:#777777;}
.demo-c34 {color:#343434;}
.demo-c855 {color:#8551a6;}
.demo-c333 {color:#333333;}
.demo-c666 {color:#666666;}
.demo-c999 {color:#999999;}
body .demo-text-d {text-decoration:underline;}
.demo-text-d {text-decoration:underline;}
.demo-pr {position:relative;}
.demo-pa {position:absolute;}
.demo-bg-000 {background:#000;}
.demo-bg-333 {background:#545454;}
.demo-bg-f3 {background:#f3f3f3;}
.demo-bg-fa {background:#fafafa;}
.demo-bg-fff {background:#fff;}
.demo-bg-k {background:url(../images/n1_07.jpg);background-attachment:fixed;}
.demo-bg-f8 {background:#f8f8f8;}
.demo-bg-855 {background:#8551a6;}
body .demo-bon-blank.disabled,body .demo-bon-blue.disabled,body .demo-bon-black.disabled,body .demo-bon-red.disabled,body .demo-bon-orange.disabled {opacity:0.6;filter:alpha(opacity=60);cursor:no-drop;}
body .demo-bon-blank img,body .demo-bon-blue img,body .demo-bon-black img,body .demo-bon-red img,body .demo-bon-orange img {vertical-align:middle;position:relative;}
.demo-f-b {font-weight:bold;}
.demo-f-10 {font-size:1.0rem;}
.demo-f-12 {font-size:1.2rem;}
.demo-f-14 {font-size:1.4rem;}
.demo-f-16 {font-size:1.6rem;}
.demo-f-18 {font-size:1.8rem;}
.demo-f-20 {font-size:2.0rem;}
.demo-f-22 {font-size:2.2rem;}
.demo-f-24 {font-size:2.4rem;}
.demo-f-26 {font-size:2.6rem;}
.demo-f-28 {font-size:2.8rem;}
.demo-f-30 {font-size:3.0rem;}
.demo-f-32 {font-size:3.2rem;}
.demo-f-34 {font-size:3.4rem;}
.demo-f-36 {font-size:3.6rem;}
.demo-f-38 {font-size:3.8rem;}
.demo-f-40 {font-size:4.0rem;}
.demo-f-42 {font-size:4.2rem;}
.demo-f-45 {font-size:4.5rem;}
.demo-f-48 {font-size:4.8rem;}
.demo-f-50 {font-size:5.0rem;}
.demo-f-56 {font-size:5.6rem;}
.demo-f-60 {font-size:6.0rem;}
.demo-f-62 {font-size:6.2rem;}
.demo-f-64{font-size:6.4rem;}
.demo-f-66{font-size:6.6rem;}
.demo-f-68 {font-size:6.8rem;}
.demo-f-72 {font-size:7.2rem;}
.demo-f-96{ font-size: 9.6rem;}
.demo-f-100{ font-size: 10rem;}
.demo-f-108 {font-size:10.8rem;}
.demo-h1,h1 {font-weight:normal;}
.demo-h2,h2 {font-weight:normal;}
.demo-h3,h3 {font-weight:normal;}
.demo-h4,h4 {font-weight:normal;}
.demo-h5,h5 {font-weight:normal;}
.demo-h6,h6 {font-weight:normal;}
.demo-bgcover{ background-size: cover;}
.demo-uppercase {text-transform:uppercase;}
.demo-imghover { overflow: hidden;}
.demo-imghover img{ transition: 0.5s;}
.demo-imghover:hover img{ transform: scale(1.05);}
.demo-img_ratio {position:relative;display:block;}
.demo-img_ratio img {position:absolute;width:100%;left:0;top:0;height:100%;object-fit:cover;}
.demo-ellipsis {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.demo-ellipsis-2 {overflow:hidden;line-height:1.5;height:3em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.demo-ellipsis-3 {overflow:hidden;line-height:1.5;height:4.5em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}
.demo-ellipsis-4 {overflow:hidden;line-height:1.5;height:6em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;}
.demo-ellipsis-5 {overflow:hidden;line-height:1.5;height:7.5em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;}
.demo-ellipsis-6 {overflow:hidden;line-height:1.5;height:9em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;}
.demo-ellipsis-7 {overflow:hidden;line-height:1.5;height:10.5em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;line-clamp:7;-webkit-box-orient:vertical;}
.demo-ellipsis-8 {overflow:hidden;line-height:1.5;height:12em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:8;line-clamp:8;-webkit-box-orient:vertical;}
.demo-ellipsis-9 {overflow:hidden;line-height:1.5;height:13.5em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:9;line-clamp:9;-webkit-box-orient:vertical;}
.demo-line-000 {height:1px;background:#000;}
.demo-line-333 {height:1px;background:#545454;}
.demo-line-666 {height:1px;background:#666;}
.demo-line-999 {height:1px;background:#999;}
.demo-line-aaa {height:1px;background:#aaa;}
.demo-line-ccc {height:1px;background:#ccc;}
.demo-line-ddd {height:1px;background:#ddd;}
.demo-line-eee {height:1px;background:#eee;}
.demo-line-fff {height:1px;background:#fff;}
.demo-line-bd {height:1px;background:#bdaa87;}
.demo-line-15 {line-height:1.5rem;}
.demo-line-20 {line-height:2rem;}
.demo-line-25 {line-height:2.5rem;}
.demo-line-30 {line-height:3rem;}
.demo-line-35 {line-height:3.5rem;}
.demo-line-40 {line-height:4rem;}
.demo-line-45 {line-height:4.5rem;}
.demo-line-50 {line-height:5rem;}
.demo-pad-1 {padding:0.1rem;}
.demo-pad-2 {padding:0.2rem;}
.demo-pad-3 {padding:0.3rem;}
.demo-pad-4 {padding:0.4rem;}
.demo-pad-5 {padding:0.5rem;}
.demo-pad-6 {padding:0.6rem;}
.demo-pad-7 {padding:0.7rem;}
.demo-pad-8 {padding:0.8rem;}
.demo-pad-9 {padding:0.9rem;}
.demo-pad-10 {padding:1rem;}
.demo-pad-15 {padding:1.5rem;}
.demo-pad-20 {padding:2rem;}
.demo-pad-30 {padding:3rem;}
.demo-pad-40 {padding:4rem;}
.demo-pad-50 {padding:5rem;}
.demo-pad-b-5 {padding-bottom:0.5rem;}
.demo-pad-b-10 {padding-bottom:1rem;}
.demo-pad-b-15 {padding-bottom:1.5rem;}
.demo-pad-b-20 {padding-bottom:2rem;}
.demo-pad-b-30 {padding-bottom:3rem;}
.demo-pad-b-40 {padding-bottom:4rem;}
.demo-pad-b-50 {padding-bottom:5rem;}
.demo-pad-t-5 {padding-top:0.5rem;}
.demo-pad-t-10 {padding-top:1rem;}
.demo-pad-t-15 {padding-top:1.5rem;}
.demo-pad-t-20 {padding-top:2rem;}
.demo-pad-t-30 {padding-top:3rem;}
.demo-pad-t-40 {padding-top:4rem;}
.demo-pad-t-50 {padding-top:5rem;}
.demo-pad-r-5 {padding-right:0.5rem;}
.demo-pad-r-10 {padding-right:1rem;}
.demo-pad-r-15 {padding-right:1.5rem;}
.demo-pad-r-20 {padding-right:2rem;}
.demo-pad-r-30 {padding-right:3rem;}
.demo-pad-r-40 {padding-right:4rem;}
.demo-pad-r-50 {padding-right:5rem;}
.demo-pad-l-5 {padding-left:0.5rem;}
.demo-pad-l-10 {padding-left:1rem;}
.demo-pad-l-15 {padding-left:1.5rem;}
.demo-pad-l-20 {padding-left:2rem;}
.demo-pad-l-30 {padding-left:3rem;}
.demo-pad-l-40 {padding-left:4rem;}
.demo-pad-l-50 {padding-left:5rem;}
.demo-mag-5 {margin:0.5rem;}
.demo-mag-10 {margin:1rem;}
.demo-mag-15 {margin:1.5rem;}
.demo-mag-20 {margin:2rem;}
.demo-mag-30 {margin:3rem;}
.demo-mag-40 {margin:4rem;}
.demo-mag-50 {margin:5rem;}
.demo-mag-b-5 {margin-bottom:0.5rem;}
.demo-mag-b-10 {margin-bottom:1rem;}
.demo-mag-b-15 {margin-bottom:1.5rem;}
.demo-mag-b-20 {margin-bottom:2rem;}
.demo-mag-b-25 {margin-bottom:2.5rem;}
.demo-mag-b-30 {margin-bottom:3rem;}
.demo-mag-b-40 {margin-bottom:4rem;}
.demo-mag-b-50 {margin-bottom:5rem;}
.demo-mag-b-60 {margin-bottom:6rem;}
.demo-mag-t-5 {margin-top:0.5rem;}
.demo-mag-t-10 {margin-top:1rem;}
.demo-mag-t-15 {margin-top:1.5rem;}
.demo-mag-t-20 {margin-top:2rem;}
.demo-mag-t-30 {margin-top:3rem;}
.demo-mag-t-40 {margin-top:4rem;}
.demo-mag-t-50 {margin-top:5rem;}
.demo-mag-r-5 {margin-right:0.5rem;}
.demo-mag-r-10 {margin-right:1rem;}
.demo-mag-r-15 {margin-right:1.5rem;}
.demo-mag-r-20 {margin-right:2rem;}
.demo-mag-r-30 {margin-right:3rem;}
.demo-mag-r-40 {margin-right:4rem;}
.demo-mag-r-50 {margin-right:5rem;}
.demo-mag-l-5 {margin-left:0.5rem;}
.demo-mag-l-10 {margin-left:1rem;}
.demo-mag-l-15 {margin-left:1.5rem;}
.demo-mag-l-20 {margin-left:2rem;}
.demo-mag-l-30 {margin-left:3rem;}
.demo-mag-l-40 {margin-left:4rem;}
.demo-mag-l-50 {margin-left:5rem;}
.demo-col-sm-1,.demo-col-sm-10,.demo-col-sm-11,.demo-col-sm-12,.demo-col-sm-2,.demo-col-sm-3,.demo-col-sm-4,.demo-col-sm-5,.demo-col-sm-6,.demo-col-sm-7,.demo-col-sm-8,.demo-col-sm-9 {float:left;*margin-left:-1px;}
.demo-col-sm-12 {width:100%;}
.demo-col-sm-11 {width:91.66666667%;}
.demo-col-sm-10 {width:83.33333333%;}
.demo-col-sm-9 {width:75%;}
.demo-col-sm-8 {width:66.66666667%;}
.demo-col-sm-7 {width:58.33333333%;}
.demo-col-sm-6 {width:50%;}
.demo-col-sm-5 {width:41.66666667%;}
.demo-col-sm-4 {width:33.33333333%;}
.demo-col-sm-3 {width:25%;}
.demo-col-sm-2 {width:16.66666667%;}
.demo-col-sm-1 {width:8.33333333%;}
.demo-flex {display:flex;}
.demo-flex-c {justify-content:center;}
.demo-flex-b {justify-content:space-between;}
.demo-flex-e {justify-content:flex-end;}
.demo-flex-d-c {flex-direction:column;}
.demo-flex-a-c {align-items:center;}
.demo-flex-a-b {align-items:baseline;}
.demo-flex-wrap {flex-wrap:wrap;}
.demo-flex1 {flex:1;}
.demo-flex2 {flex:2;}
.demo-flex3 {flex:3;}
.demo-flex4 {flex:4;}
.demo-flex5 {flex:5;}
.demo-flex6 {flex:6;}
.demo-flex7 {flex:7;}
.demo-flex8 {flex:8;}
.demo-flex9 {flex:9;}
.demo-flex10 {flex:10;}




@media only screen and (max-width:1080px) {
    .demo-f-66 { font-size:  5rem;}
}
@media only screen and (max-width:900px) {
    .demo-f-66 { font-size:  4rem;  }
}

@media only screen and (max-width:750px) {
    .demo-edit_con_original {font-size:1.4rem;}
    body,input,select,button,textarea {font-size:1.4rem;}
    .demo-f-10 {font-size:0.9rem;}
    .demo-f-12 {font-size:1.1rem;}
    .demo-f-14 {font-size:1.3rem;}
    .demo-f-16 {font-size:1.4rem;}
    .demo-f-18 {font-size:1.5rem;}
    .demo-f-20 {font-size:1.65rem;}
    .demo-f-22 {font-size:1.6rem;}
    .demo-f-24 {font-size:1.75rem;}
    .demo-f-26 {font-size:1.8rem;}
    .demo-f-28 {font-size:1.95rem;}
    .demo-f-30 {font-size:1.9rem;}
    .demo-f-32 {font-size:2.0rem;}
    .demo-f-34 {font-size:2.1rem;}
    .demo-f-36 {font-size:2.2rem;}
    .demo-f-38 {font-size:2.5rem;}
    .demo-f-40 {font-size:2.55rem;}
    .demo-f-42 {font-size:2.6rem;}
    .demo-f-45 {font-size:2.62rem;}
    .demo-f-48 {font-size:2.65rem;}
    .demo-f-50 {font-size:2.7rem;}
    .demo-f-56 {font-size:2.75rem;}
    .demo-f-62 {font-size:2.8rem;}
    .demo-f-64 {font-size:2.9rem;}
    .demo-f-60 {font-size:2.95rem;}
    .demo-f-66 { font-size: 3rem;}
    .demo-f-68 {font-size:3.4rem;}
    .demo-f-72 {font-size:3.8rem;}
    .demo-f-96{ font-size: 4rem;}
    .demo-bank5 {height:0.3em;}
    .demo-bank10 {height:0.7em;}
    .demo-bank15 {height:1em;}
    .demo-bank20 {height:1.5em;}
    .demo-bank30 {height:2.2em;}
    .demo-bank40 {height:3em;}
    .demo-bank50 {height:3.5em;}
    .demo-bank60 {height:3.8em;}
    .demo-f-108 {font-size:5.0rem;}
    .demo-f-100 { font-size: 6.0rem;}
    }

    @media only screen and (max-width: 750px){html { font-size:20.00px;}} 
    @media only screen and (max-width: 740px){html { font-size:19.73px;}} 
    @media only screen and (max-width: 730px){html { font-size:19.47px;}} 
    @media only screen and (max-width: 720px){html { font-size:19.20px;}} 
    @media only screen and (max-width: 710px){html { font-size:18.93px;}} 
    @media only screen and (max-width: 700px){html { font-size:18.67px;}} 
    @media only screen and (max-width: 690px){html { font-size:18.40px;}} 
    @media only screen and (max-width: 680px){html { font-size:18.13px;}} 
    @media only screen and (max-width: 670px){html { font-size:17.87px;}} 
    @media only screen and (max-width: 660px){html { font-size:17.60px;}} 
    @media only screen and (max-width: 650px){html { font-size:17.33px;}} 
    @media only screen and (max-width: 640px){html { font-size:17.07px;}} 
    @media only screen and (max-width: 630px){html { font-size:16.80px;}} 
    @media only screen and (max-width: 620px){html { font-size:16.53px;}} 
    @media only screen and (max-width: 610px){html { font-size:16.27px;}} 
    @media only screen and (max-width: 600px){html { font-size:16.00px;}} 
    @media only screen and (max-width: 590px){html { font-size:15.73px;}} 
    @media only screen and (max-width: 580px){html { font-size:15.47px;}} 
    @media only screen and (max-width: 570px){html { font-size:15.20px;}} 
    @media only screen and (max-width: 560px){html { font-size:14.93px;}} 
    @media only screen and (max-width: 550px){html { font-size:14.67px;}} 
    @media only screen and (max-width: 540px){html { font-size:14.40px;}} 
    @media only screen and (max-width: 530px){html { font-size:14.13px;}} 
    @media only screen and (max-width: 520px){html { font-size:13.87px;}} 
    @media only screen and (max-width: 510px){html { font-size:13.60px;}} 
    @media only screen and (max-width: 500px){html { font-size:13.33px;}} 
    @media only screen and (max-width: 490px){html { font-size:13.07px;}} 
    @media only screen and (max-width: 480px){html { font-size:12.80px;}} 
    @media only screen and (max-width: 470px){html { font-size:12.53px;}} 
    @media only screen and (max-width: 460px){html { font-size:12.27px;}} 
    @media only screen and (max-width: 450px){html { font-size:12.00px;}} 
    @media only screen and (max-width: 440px){html { font-size:11.73px;}} 
    @media only screen and (max-width: 430px){html { font-size:11.47px;}} 
    @media only screen and (max-width: 420px){html { font-size:11.20px;}} 
    @media only screen and (max-width: 410px){html { font-size:10.93px;}} 
    @media only screen and (max-width: 400px){html { font-size:10.67px;}} 
    @media only screen and (max-width: 390px){html { font-size:10.40px;}} 
    @media only screen and (max-width: 380px){html { font-size:10.13px;}} 
    @media only screen and (max-width: 370px){html { font-size:9.87px;}} 
    @media only screen and (max-width: 360px){html { font-size:9.60px;}} 
    @media only screen and (max-width: 350px){html { font-size:9.33px;}} 
    @media only screen and (max-width: 340px){html { font-size:9.07px;}} 
    @media only screen and (max-width: 330px){html { font-size:8.80px;}} 
    @media only screen and (max-width: 320px){html { font-size:8.53px;}}
/* === template.css === */
body img{ vertical-align: top;}
.demo-menu-ph{ cursor: pointer; background: rgba(0,0,0,0); position: relative; width:22px; height: 22px; padding: 10px; display: none;  }
.demo-menu-ph span{ position: absolute; width: 22px; left: 10px; top: 50%; height: 2px; background: #003399; transition: 0.4s all; z-index: 1000;}
.demo-menu-ph span.c1{ transform: translate(0,-8px);  }
.demo-menu-ph span.c3{ transform: translate(0,8px);}
.demo-menu-ph span.c2{ transform: translate(0,0); }
.demo-open-menu{ overflow: hidden;}
.demo-open-menu .demo-menu-ph span.c2{ opacity: 0; width: 0; }
.demo-open-menu .demo-menu-ph span.c1{ transform: rotate(45deg);}
.demo-open-menu .demo-menu-ph span.c3{ transform: rotate(-45deg); }

.demo-header{ z-index: 100; position: fixed; left: 0; top: 0; right: 0; background:#fff ; transition: 0.5s all; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.demo-header-wrap{ padding: 0 40px;  position: relative; z-index: 2; }
.demo-header-wrap .demo-right img{ width: 18px; height: 18px;}
.demo-header-wrap .demo-right a,
.demo-header-wrap .demo-menu .demo-a{height: 90px; line-height: 90px;    }
.demo-header-wrap .demo-menu li{ padding: 0 1em;}
.demo-header-wrap .demo-menu .demo-a{  color: #333; display: block; position: relative;}
.demo-header-wrap .demo-menu .demo-a::after{ content: ' '; position: absolute; left: 50%; bottom: 0; height: 3px; background: #003399; transition: 0.5s all; transform: translateX(-50%); width: 0;}
.demo-header-wrap .demo-right a{ padding: 0 1em; color: #333;}
.demo-header-wrap .demo-right .demo-lang img{ margin-right: 0.5em;}
.demo-header .demo-i1{ display: none;}

.demo-home-body .demo-header{background:rgba(255,255,255,0.0); color: #fff;box-shadow:none;}
.demo-home-body .demo-header-wrap .demo-menu .demo-a,
.demo-home-body .demo-header-wrap .demo-right a{ color: #fff;}
.demo-home-body .demo-header .demo-i1{ display: block;}
.demo-home-body .demo-header .demo-i2{ display: none;}

.demo-scrollbody .demo-header{ background: #fff; color: #333; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.demo-scrollbody .demo-header-wrap .demo-menu .demo-a,
.demo-scrollbody .demo-header-wrap .demo-right a{ color: #333;}
.demo-scrollbody .demo-header .demo-i2{ display: block;}
.demo-scrollbody .demo-header .demo-i1{ display: none;}

.demo-openheader.demo-header{ background: #fff; color: #333; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.demo-openheader .demo-header-wrap .demo-menu .demo-a,
.demo-openheader .demo-header-wrap .demo-right a{ color: #333;}
.demo-openheader.demo-header .demo-i2{ display: block;}
.demo-openheader.demo-header .demo-i1{ display: none;}


.demo-menu-child-box{ position: fixed; left: 0; top: 90px; right: 0; z-index: 1;  }
.demo-menu-child-box .demo-child { visibility: hidden; opacity: 0; background: #fff; transform: translateY(-5px); transition: 0.5s all; position: absolute; left: 0; right: 0; }

.demo-m2 .demo-child2,
.demo-m3 .demo-child3,
.demo-m4 .demo-child4,
.demo-m5 .demo-child5,
.demo-m6 .demo-child6,
.demo-m7 .demo-child7,
.demo-m_search .demo-child_s,
.demo-m_lang .demo-child_l{   visibility: visible; opacity: 1; transform: translateY(0); box-shadow: 2px 2px 5px rgba(0,0,0,0.1);}

.demo-menu li.cur .demo-a{ color: #003399;}
.demo-m1 .demo-menu li:nth-child(1) .demo-a{ color: #003399;}
.demo-m2 .demo-menu li:nth-child(2) .demo-a{ color: #003399;}
.demo-m3 .demo-menu li:nth-child(3) .demo-a{ color: #003399;}
.demo-m4 .demo-menu li:nth-child(3) .demo-a{ color: #003399;}
.demo-m5 .demo-menu li:nth-child(4) .demo-a{ color: #003399;}
.demo-m6 .demo-menu li:nth-child(5) .demo-a{ color: #003399;}
.demo-m1 .demo-menu li:nth-child(1) .demo-a::after,
.demo-m2 .demo-menu li:nth-child(2) .demo-a::after,
.demo-m3 .demo-menu li:nth-child(3) .demo-a::after,
.demo-m4 .demo-menu li:nth-child(3) .demo-a::after,
.demo-m5 .demo-menu li:nth-child(4) .demo-a::after,
.demo-m6 .demo-menu li:nth-child(5) .demo-a::after,
.demo-menu li.cur .demo-a::after{ width: 100%;}

.demo-m_search .demo-sear,
.demo-m_lang .demo-lang{ background: #003399; color: #fff !important;}
.demo-m_search .demo-sear .demo-i2,
.demo-m_lang .demo-lang .demo-i2{ display: none;}
.demo-m_search .demo-sear .demo-i1,
.demo-m_lang .demo-lang .demo-i1{ display: block;}

.demo-child-ul{ padding: 3em 0;}
.demo-child-ul li a{ width: 10vw; height: 9vw; display: block;  text-align: center; background: #fff; border-radius: 10px; margin: 0 5px; overflow: hidden; box-shadow: 2px 2px 4px rgba(0,0,0,0.05);}
.demo-child-ul li a .demo-img{ padding-top: 15%;}
.demo-child-ul li a img:nth-child(2){ display: none;}
.demo-child-ul li a img{ width: 70%; height: auto; margin: 0 auto;}
.demo-child-ul li a:hover{ color: #fff;background: url(../images/m1bg.png); background-size: 100% 100%;}
.demo-child-ul li a:hover img:nth-child(1) { display: none;}
.demo-child-ul li a:hover img:nth-child(2){ display: block;}

.demo-menu-product{ background: #f4f7fb;}
.demo-menu-product .demo-left{ width:30%;}
.demo-menu-product .demo-left ul{ padding: 1em 0;}
.demo-menu-product .demo-left li span{ flex: 1;}
.demo-menu-product .demo-left a{ padding: 10px 1.5em; margin: 0.5em 0;}
.demo-menu-product .demo-left li .demo-img{ height: 17.5px;}
.demo-menu-product .demo-left li img{ width: 16.5px; height: 17.5px;}
.demo-menu-product .demo-left li img:nth-child(2){ display: none;}
.demo-menu-product .demo-left li.cur{ background: #fff;}
.demo-menu-product .demo-left li.cur img:nth-child(2){ display: block;}
.demo-menu-product .demo-left li.cur img:nth-child(1){ display: none;}
.demo-menu-product .demo-left .fr{ width: 220px;}
.demo-menu-product .demo-left .demo-left2 { padding: 1em 0 2em; border-top: 1px solid #ccc;}

.demo-menu-product .demo-left .demo-left2 a span{ flex: 1;}
.demo-menu-product .demo-left .demo-left2 a img{ width: 20px; height: 20px;}
.demo-menu-product .demo-right{ background: #fff; padding: 2em 0; padding-left: 5%;}
.demo-menu-product .demo-right ul{ margin-right: 6em;}
.demo-menu-product .demo-right dt{ margin-bottom: 1em; padding-top: 0.5em;}
.demo-menu-product .demo-right dd li{ margin-top: 0.8em;}

.demo-child-search{ width: 40vw; margin: 5em auto; border: 1px solid #003399; border-radius: 5px; background: #fff; overflow: hidden;  }
.demo-child-search img { width: 18px; height: 18px; margin: 0 1em;}
.demo-child-search input{ background: none;border:0;}
.demo-child-search button{ height: 48px; background: #003399; border: 0; padding: 0 3em; color: #fff;}

.demo-child-lang{ padding: 5em 0;}
.demo-child-lang a{ margin: 0 3.5em;}

.demo-home-banner .demo-img_ratio{ padding-top: 100vh; position: relative; overflow: hidden;}
.demo-home-banner .demo-wangge{ background: url(../images/d.png); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; opacity: 0.5; }
.demo-home-banner .demo-video{position: absolute; left: -1px; top: -1px; width: 101%; height: 101%; margin: 0px auto; display: block; object-fit: cover;}
html{ width: 100%; height: 100%; }
body{ width: 100%;  }



.demo-home-html{ width: 100%; overflow: hidden;}
.demo-banner1{  position: fixed; left: 0; top: 0;  width: 100%; height: 100vh; transform: translateZ(0);-webkit-transform: translateZ(0); z-index: 1;}
.demo-banner3{ height: 120vh;}
.demo-banner2{ height: 100vh;}
.demo-home-box{ position: relative; z-index: 10; background: #fff;}
.demo-footer{ position: relative; z-index: 8;}

.demo-home-1{ position: fixed; left: 0; width: 100%; top: 0; height: 100vh; transform: translateZ(0);-webkit-transform: translateZ(0); z-index: 0;  overflow: hidden;}
.demo-home-1 .demo-txtc{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1;}
.demo-home-1 .demo-txtc img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-47%);}
.demo-home-1 .demo-box-11{ height: 100vh;}

.demo-banner1 .demo-ww{ position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%;}
.demo-banner1 .demo-ww .demo-txt{  flex: 1; padding-left: 10%; opacity: 0;  transition: 1.2s all;  transition-delay: 0.5s; transform:translateX(200px);}
.demo-banner1 .swiper-slide-active .demo-ww .demo-txt{ opacity: 1; transform:translateX(0); }
.demo-banner1 .demo-ww .demo-txt .demo-art{ margin: 1.5em 0 3em;}
.demo-banner1 .demo-ww .demo-txt .demo-mr{ color: #fff;}
.demo-banner1 .demo-ww .demo-txt .demo-mr:hover img{ transform: rotateX(180deg); margin-right: 20px;}
.demo-banner1 .demo-ww .demo-txt .demo-mr img{ width: 23px; height: 22px; margin-right: 10px; transition: 0.4s all;}
.demo-banner1 .swiper-bon1 a{ position: absolute; left: 20px; margin-top: -30px; top: 50%; z-index: 11; opacity: 0.5; transition: 0.5s all;}
.demo-banner1 .swiper-bon1 a img{ width: 60px; height: 60px; transition: 0.6s all;}
.demo-banner1 .swiper-bon1 a.demo-next{ left: auto; right: 20px; transform:rotateY(180deg);}
.demo-banner1 .swiper-bon1 a:hover{ opacity: 1;}
.demo-banner1 .swiper-bon1 a:hover img{ transform: rotateX(180deg) scale(1.1);}
.demo-banner1 .swiper-menu{ position: absolute; left: 0; bottom: 50px; right: 0; z-index: 100; display: none;}
.demo-banner1 .swiper-menu:before{content: ''; position: absolute; right: 0%; top: 50%; width: 100vw;   height: 1px; background: rgba(255,255,255,0.5);}
.demo-banner1 .swiper-menu li{ position: relative; margin-left: 10em; cursor: pointer; width: 10px; height:10px;}
.demo-banner1 .swiper-menu li .demo-i1{ position: absolute; width: 8px; height: 8px; border-radius: 100%; background: #fff; left: 50%; top: 50%; margin-top: -4px; margin-left: -4px; pointer-events:none;}
.demo-banner1 .swiper-menu li p{ border: 1px solid rgba(255,255,255,0.5); border-radius: 20px; text-align: center;  opacity: 0; color: #fff; position: relative; line-height: 1.8; display: none;}
.demo-banner1 .swiper-menu  li p::after{ content: ''; position: absolute; left: 101%; top: 50%; width: 100vw; height: 1px; background: rgba(255,255,255,0.5);}
.demo-banner1 .swiper-menu  li p::before{ content: ''; position: absolute; right: 101%; top: 50%; width: 100vw;   height: 1px; background: rgba(255,255,255,0.5);}
.demo-banner1 .swiper-menu li.cur{}
.demo-banner1 .swiper-menu li.cur .demo-i1{ opacity: 1; background:#003399;}
.demo-banner1 .swiper-menu li.cur .demo-i1:before{ content:''; left:-2px; top:-2px; right:-2px; bottom:-2px; position:absolute; border:1px solid #fff; border-radius:100%;}
.demo-banner1 .swiper-menu li.cur p{ opacity: 1; display: none;}
.demo-banner1 .demo-mouse{ position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); z-index: 11; transition: 0.5s all;}
.demo-banner1 .demo-mouse img{ width: 18px; height: 25px;}
.demo-scrollbody .demo-banner1 .demo-mouse{ opacity: 0;}

.demo-wrap{ max-width: 1280px; margin: 0 auto;}
.demo-home-news-swp{  margin: 2em 0; height: 5em; overflow: hidden; }
.demo-home-news-swp .demo-lg{ margin: 0 0 15px; font-size:1.5em; font-weight:bold;}
.demo-home-news-swp .demo-ww{height: 5em; padding: 3px 0; overflow: hidden; }


.demo-home-1 .demo-box{ padding-top: 45vh;}
.demo-home-1 .demo-txt0{ display: none;}
.demo-home-1 .demo-txt0 img{max-width: 720px; height: auto; width: 100%;}
.demo-home-1 .demo-wrap{ position:relative; z-index: 3;}

.demo-home-1 .demo-more .demo-img{ border: 1px solid rgba(0,140,214,0.5); border-radius: 1000px; padding: 5px; margin-right: 1em;}
.demo-home-1 .demo-more img{ width: 25px; height: 25px;} 
.demo-home-2{ background: #f5f9fd; padding: 5em 0;}
.demo-home-2 li{ float: left; width: 837px; }
.demo-home-2 li .demo-w{ display: block; margin-bottom: 15px;  border-radius: 10px; overflow: hidden; position:relative; z-index:100;}
.demo-home-2 li .demo-w .demo-bon{ position:absolute; right:20px; bottom:20px; border-radius:4px;  color:#fff; padding:10px; z-index:99; }
.demo-home-2 li .demo-w .demo-bon img{ width:20px; margin-right:10px;}

/*.demo-home-2 li:nth-child(1) .demo-w .demo-bon{ left:auto; right:20px}*/
/*.demo-home-2 li:nth-child(2) .demo-w .demo-bon{ left:30px; top:50%}*/
/*.demo-home-2 li:nth-child(3) .demo-w .demo-bon{ left:30px; top:70%}*/
/*.demo-home-2 li:nth-child(4) .demo-w .demo-bon{ left:30px; top:70%}*/
/*.demo-home-2 li:nth-child(5) .demo-w .demo-bon{  left:30px; top:50%}*/




.demo-home-2 li .demo-img_ratio{ padding-top:51.25448028673835%;}
.demo-home-2 li .demo-w img{ transition: 0.5s all;}
.demo-home-2 li .demo-w:hover img{ transform: scale(1.02);}
.demo-home-2 li:nth-child(2),
.demo-home-2 li:nth-child(5){width: 428px; margin-left: 15px; }
.demo-home-2 li:nth-child(2) .demo-img_ratio,
.demo-home-2 li:nth-child(5) .demo-img_ratio{ padding-top: 100.5%;}

.demo-home-2 li:nth-child(3){width: 428px; }
.demo-home-2 li:nth-child(3) .demo-img_ratio{ padding-top: 100%;}
.demo-home-2 li:nth-child(4){width: 409px;  }
.demo-home-2 li:nth-child(4) .demo-img_ratio{ padding-top: 105%;}
.demo-home-3 .demo-tit{ padding-top: 2em;}
.demo-home3-box{ position: relative;  margin-bottom: 100px;}

.demo-home3-banner{ width: 62.5%; margin: 0 auto; border-radius: 10px;}
.demo-home3-banner .demo-img_ratio{ padding-top:52%;}
.demo-home3-banner .demo-w{ position: relative; display: block;}
.demo-home3-banner .demo-ww{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; }
.demo-home3-banner .demo-txt{ width: 40%; margin-left: 7%; margin-bottom: 5%;}
.demo-home3-banner .demo-txt > img{ width: 100px; height: 100px;}
.demo-home3-banner .demo-txt h2{ margin-top: 0.5em;}
.demo-home3-banner .demo-txt article{ margin: 1em 0 2em; opacity: 0.95; }
.demo-home3-banner .demo-txt .demo-mr{ color: #fff;}
.demo-home3-banner .demo-txt .demo-mr img{ width: 22px; height: 21px; margin-right: 10px; transition: 0.5s all;}
.demo-home3-banner .demo-txt .demo-mr span{ transition: 0.5s all;}
.demo-home3-banner .demo-w:hover .demo-mr img{ transform: rotateX(180deg);}
.demo-home3-banner .demo-w:hover .demo-mr span{ transform: translateX(10px);}
.demo-home3-banner-left,
.demo-home3-banner-right{ width: 50%; position: absolute; left: -33%; top:50%; transform: translate(0,-50%);}
.demo-home3-banner-right{ left: auto; right: -33%;}
.demo-home3-banner-left .demo-txt,
.demo-home3-banner-right .demo-txt{ transform: scale(0.8);}

.demo-home3-box .demo-bont a{ position:absolute; top:0; width:18%; height:100%; z-index:10;}
.demo-home3-box .demo-bont a.left{ left:0;}
.demo-home3-box .demo-bont a.right{ right:0;}

.demo-home3-bon { margin: 4em 0 3em;}
.demo-home3-bon a{ display: inline-block; margin: 0 2em; position: relative;}
.demo-home3-bon a.cur{ color: #003399;}
.demo-home3-bon a::after{ content: ''; position: absolute; left: 50%; bottom: -8px; right: 50%; height: 2px ; background: #003399; opacity: 0; transition: 0.4s all;}
.demo-home3-bon a:hover::after,
.demo-home3-bon a.cur::after{ left: 5px; right: 5px; opacity: 1;}
html{ overflow-x: hidden; }
.demo-home-4{ overflow: hidden; padding-bottom: 5em;}
.demo-home4-box{ overflow: hidden; transform: translate(0,0); position: relative; width: 100%;}
.demo-home4-box .demo-wrap{ position: relative;}
.demo-home4-box .demo-left-mask{ position: absolute; background: #fff; right: 101%; z-index: 2; width: 50%; top: -5px; bottom: -5px;}
.demo-home-4 .demo-tit{ padding-top: 3em;}
.demo-home4-swi{ width: 138%;}
.demo-home4-swi{ margin: 2em -20px;}
.demo-home4-swi .demo-img_ratio{ padding-top:65.5%; overflow: hidden;}
.demo-home4-swi .demo-w{ display: block; margin: 0 20px; border-radius: 10px; box-shadow: 0 1px 5px rgba(0,0,0,0.05); overflow: hidden;}
.demo-home4-swi .demo-w:hover{ box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.demo-home4-swi .demo-w img{ transition: 0.5s all;}
.demo-home4-swi .demo-w:hover img{ transform: scale(1.02);}
.demo-home4-swi .demo-txt{ padding: 2em 2em 5em;}
.demo-home4-swi .demo-lab{ color: #003399;}
.demo-home4-swi h2{ margin: 0.5em 0;}
.demo-home4-swi .demo-d{ color: #999;}
.demo-home4-bon{ margin-top: 1em;}
.demo-home4-bon .demo-l{ padding: 5px ;}
.demo-home4-bon .demo-l a{ padding: 5px; border-radius: 100%; display: inline-block; border: 1px solid rgba(0,140,214,0.3); transition: 0.5s all;}
.demo-home4-bon .demo-l img{ width: 25px; height: 25px; transition: 0.5s all;}
.demo-home4-bon .demo-l a:hover img{ transform: rotateX(180deg);}
.demo-home4-bon .demo-l a:hover{ transform: scale(1.1); border-color: #0079D6;}
.demo-home4-bon .demo-l a:hover.left{ transform: scale(1.1) rotateY(180deg);}
.demo-home4-bon .demo-l .demo-left{ transform: rotateY(180deg); margin-right: 2em;} 
.demo-home4-bon .demo-l .swiper-button-disabled{ cursor: default; opacity: 0.9;}
.demo-home4-bon .demo-r a{ color: #003399; position: relative;}
.demo-home4-bon .demo-r a::after{ content: ''; bottom: -2px; position: absolute; left: 50%; right:50%; height: 1px; background: #007dd8; opacity: 0; transition: 0.5s all;}
.demo-home4-bon .demo-r a:hover:after{left: 0; right: 0; opacity: 1;}

.demo-footer{ background: #eeeeee;}
.demo-footer_top{ padding: 4em 0;}
.demo-footer_top article{ margin: 2em 0; line-height: 2;}
.demo-footer_top .demo-left{ margin-right: 10%;max-width: 330px;}
.demo-footer_top .demo-left dl{ width: 110px; text-align: center;}
.demo-footer_top .demo-left dt img{ width: 100%; height: auto;}
.demo-footer_top .demo-left dd{ margin-top: 5px;}
.demo-footer_top .demo-right ul{ justify-content: space-between;}
.demo-footer_top .demo-right ul dt{ padding-bottom: 0.5em; font-weight:bold;}
.demo-footer_top .demo-right ul dd p{ margin-top: 0.8em;}
.demo-footer_bottom{ background: #666666; color: #fefefe; padding: 1.5em 0;}
.demo-footer_bottom a{ color: #fefefe;}
.demo-footer_bottom a:hover{ color: #003399;}
.demo-footer_bottom .demo-left .demo-p1{ margin-bottom: 1em;}
.demo-footer_bottom .demo-left .demo-p1 a{ display: block; float: left; margin-right: 1em; padding-right: 1em; position: relative; color: #fff;}
.demo-footer_bottom .demo-left .demo-p1 a::after{ content: " "; position: absolute; right: 0; top: 50%;  width: 1px; background: rgba(255,255,255,0.5); transform: translateY(-50%); height: 1em;} 
.demo-footer_bottom .demo-left .demo-p1 a::before{ content: ''; bottom: -1px; position: absolute; left: 50%; right:50%; height: 1px; background: #fff; opacity: 0; transition: 0.4s all;}
.demo-footer_bottom .demo-left .demo-p1 a:hover:before{left: 0; right: 1em; opacity: 1;}


.demo-footer_bottom .demo-left .demo-p1 a:last-child::after{ display: none;}
.demo-footer .demo-shear a{ display: inline-block; position: relative; 
     padding: 4px 5px; border-radius: 5px; margin-left: 15px;}
.demo-footer .demo-shear a .demo-child{ position: absolute; bottom:110%; left: 50%; transform: translate(-50%,0); background: #fff;  text-align: center;  border-radius: 2px; transition: 0.5s all;  height: 0; overflow: hidden;  }
.demo-footer .demo-shear a .demo-child .demo-xx{padding:10px;}
.demo-footer .demo-shear a:hover { background: #474747;}
.demo-footer .demo-shear a:hover .demo-child{ height: 140px; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.demo-footer .demo-shear a .demo-child img{ width: 100px; height: 100px;}
.demo-footer .demo-shear a .demo-a1{ width: 25px; height: 25px;}


.demo-right-bon{ position: fixed; right: 20px; bottom: 10%; z-index: 99;} 
.demo-right-bon a{ display: flex; align-items: center; justify-content: center; margin: 0 0 0 auto; width: 42px; height: 42px; text-align: center; margin-top: 5px; background: #fff; border: 1px solid rgba(0,140,214,0.3); border-radius: 10px; position: relative;}
.demo-right-bon a:hover{ background: #eaf5ff;}
.demo-right-bon .demo-a1:hover,
.demo-right-bon .demo-a1{ background: url(../images/r112.png); background-size: 100% 100%; width: 60px; height: 135px; border: 0; border-radius: 0;}
.demo-right-bon .demo-a1 span{ position: absolute; width: 1em; left: 31px; top: 60px; line-height: 1.1; color: #fff;}
.demo-right-bon img{ width: 32px; height: 32px;}
.demo-right-bon a .demo-child{ position: absolute; width: 150px; text-align: center; top: 50%; right: 150%; transform: translate(0,-50%); padding-right: 10px; opacity: 0; visibility: hidden; transition: 0.5s all; }
.demo-right-bon a .demo-child dl{ border-radius: 5px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1); border: 1px solid rgba(0,140,214,0.3); border-radius: 10px; padding: 5px 5px 10px; position: relative;}
.demo-right-bon a .demo-child dl::after{ content: ' '; position: absolute; right: -10px; top: 50%; width: 0; height: 0; border: 5px solid rgba(0,0,0,0); border-left-color: #003399; z-index: 2; transform: translate(0,-50%);}
.demo-right-bon a:hover .demo-child{ opacity: 1; visibility: visible; right: 100%;}
.demo-right-bon a .demo-child dl img{ width: 100%; height: auto;}
.demo-right-bon #sctop{ visibility: hidden; opacity: 0; transition: 0.5s all; transform: translateY(20px);}
.demo-scrollbody .demo-right-bon #sctop{ visibility: visible; opacity: 1; transform: translateY(0px);}

.demo-banner1 .demo-ww .demo-txt .demo-art{transition:0.5s all; }
.demo-scrollbody .demo-banner1 .demo-ww .demo-txt .demo-art{ opacity:0; }

.demo-other_banner{ position: relative;}
.demo-other_banner .demo-img_ratio{ padding-top: 30%;}
.demo-other_banner .demo-txt{ position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); z-index: 10; color: #fff; width: 90%; text-transform: uppercase;}
.demo-other_banner .demo-txt h3{ margin-bottom: 0.5em;}
.demo-other_banner .demo-txt article{ max-width: 40%;}
.demo-other_banner .demo-bottom{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; border-top: 1px solid rgba(255,255,255,0.2);}
.demo-other_banner .demo-bottom .demo-crumbs a{ color: #fff;}
.demo-other_banner .demo-bottom .demo-crumbs span{ color: #fff;}

.demo-news_banner .demo-top,
.demo-other_banner_down .demo-top{ position: absolute; left: 0; right: 0; top: 0; z-index: 10; }
.demo-other_banner_down .demo-img_ratio{ padding-top: 21%;}

.demo-news_banner::after{ content: ''; position: absolute; z-index: 1; left: 0; top: 0; right: 0; height: 6em; background: linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0.4),rgba(0,0,0,0));}

.demo-other_banner_2 .demo-txt{ top: auto; bottom: 90px; transform: translate(-50%,0);}
.demo-other_banner_2 .demo-txt h3{ text-transform: uppercase;}

.demo-news_banner .demo-img_ratio{ padding-top: 30%;}
.demo-other_banner .demo-txt2 { background: linear-gradient(to right,rgba(0,140,241,1),rgba(0,140,241,0)); top: auto; bottom: 0; transform: translate(0,0); left: 0; right: 0; width: auto; padding: 2em 0;}
.demo-other_banner .demo-txt2 h1{ /*width: 50%;*/ margin-bottom: 0.2em;}

.demo-crumbs{ padding: 1.5em 0;}
.demo-crumbs a{ position: relative; margin-right: 1em; padding-right: 1em;}
.demo-crumbs a::before{ content: "/"; position: absolute; right: -2px; top: 50%; transform: translateY(-52%);}
.demo-crumbs img{ width: 20px; height: 20px; position: relative; top: -1px;}
.demo-crumbs-fff .demo-crumbs a{ color: #fff;}
.demo-crumbs-fff .demo-crumbs span{ color: #fff;}

.demo-about-1{ position: relative;  background:#f7f7f7;}
.demo-about-1 .demo-wrap{ position: relative; z-index: 2;}
.demo-about-1 .demo-bg{ position: absolute; left: 0; z-index: 1; top: 0; width: 100%; height: 100%; overflow: hidden;}
.demo-about-1 .demo-bg img,
.demo-about-1 .demo-bg video{position: absolute; left: -1px; top: -1px; width: 101%; height: 101%; margin: 0px auto; display: block; object-fit: cover;}

.demo-about-1 .demo-tab-head{ text-align: center; padding:5em 0;}
.demo-about-1 .demo-tab-head a{ display: inline-block; margin: 0 2em;}
.demo-about-1 .demo-tab-head a.cur{ color: #003399; position: relative;}
.demo-about-1 .demo-tab-head a.cur::before{ content: ''; position: absolute; left: 0; right: 0; bottom: -5px; height: 2px; background: #003399;}
.demo-about-1-box{ padding-bottom: 5em;}
.demo-about-1-box .demo-tab-b{ display: none;}
.demo-about-1-box .demo-tab-b.cur{ display: block;}
.demo-about-1-box .demo-tab-b h2{ margin: 0.5em 0 1em;}
.demo-about-1-box .demo-tab-body{ width: 35%; margin-right: 12%; position:relative;}
.demo-about-1-box .demo-tab-body:hover .demo-bon1{ opacity:1;}
.demo-about-1-box .demo-tab-body .demo-bon1{ opacity:0; transition:0.5s all;}
.demo-about-1-box .demo-tab-body .demo-bon1 a{ position:absolute; width:30%; justify-content:center; top:0; display:flex; height:100%; align-items:center;}
.demo-about-1-box .demo-tab-body .demo-bon1 a.left1{ right:100%; transform:rotateY(180deg);}
.demo-about-1-box .demo-tab-body .demo-bon1 a.right1{ left:100%;}
.demo-about-1-box .demo-tab-body .demo-bon1 a img{ transform:scale(0.6);}

.demo-about-1-box .demo-right{ }
.demo-about-1-box .demo-right img{ width: 100%; height: auto;}

.demo-mr2 {  color: #003399;}
.demo-mr2 .demo-img{width: 25px; margin-right: 10px; padding: 6px; border-radius: 100%; border: 1px solid rgba(0,140,214,0.3); transition: 0.5s all;}
.demo-mr2 span{transition: 0.5s all;}
.demo-mr2  img{  height: 25px;}
.demo-mr2:hover .demo-img{ transform: rotateX(180deg); }
.demo-mr2:hover span{transform: translateX(6px);}


.demo-mr3 {  color: #003399;}
.demo-mr3 .demo-img{width: 22px; margin-right: 8px; padding: 6px;  transition: 0.5s all;}
.demo-mr3 span{transition: 0.5s all;}
.demo-mr3  img{  height: 22px;}
.demo-mr3:hover .demo-img{ transform: rotateX(180deg); }
.demo-mr3:hover span{transform: translateX(6px);}

.demo-about-2{ background: #fff; }
.demo-about-2 .demo-box{padding: 5% 0;}
.demo-about-2 .demo-art{ width: 50%; margin: 1em auto 2.5em; line-height: 2;}
.demo-about-2 ul{ margin: 0 -15px 3em;}
.demo-about-2 li{ float: left; width: 25%;}
.demo-about-2 li .demo-w{ display: block; position: relative; margin: 0 15px 19px; border-radius: 10px; overflow: hidden;}
.demo-about-2 li .demo-img_ratio{ padding-top: 63%; overflow: hidden;}
.demo-about-2 li .demo-p{ position: absolute; padding:2em 0.7em 0.7em; left: 0; bottom: 0; right: 0; background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.6)); color: #fff; z-index: 10;}
.demo-about-2 li:first-child{ width: 75%; font-size: 1.25em;}
.demo-about-2 li .demo-img_ratio img{ transition: 0.5s all;}
.demo-about-2 li .demo-w:hover .demo-img_ratio img{ transform: scale(1.05);}

.demo-about-3{ background: #fafafa; }
.demo-about-3 .demo-box{padding: 5% 0;}
.demo-about-3 li{ float: left; width: 33.33%;}
.demo-about-3 ul{ margin: 4em -20px 4em;}
.demo-about-3 .demo-img_ratio{ padding-top:65.5%; overflow: hidden;}
.demo-about-3 .demo-w{ display: block; margin: 0 20px; border-radius: 10px; box-shadow: 0 1px 5px rgba(0,0,0,0.05); overflow: hidden; background: #fff;}
.demo-about-3 .demo-w:hover{ box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.demo-about-3 .demo-w img{ transition: 0.5s all;}
.demo-about-3 .demo-w:hover img{ transform: scale(1.02);}
.demo-about-3 .demo-txt .demo-d{ margin-bottom: 1em;}
.demo-about-3 .demo-txt{ padding: 2em 2em 4em;}


/*.demo-pro-art-1 .demo-left .demo-a{ display: inline-block; padding: 8px 2em; border: 1px solid #ddd; border-radius: 5px; margin-top: 2em; transition: 0.3s all;}
.demo-pro-art-1 .demo-left .demo-a:hover{ background: #003399; color: #fff; border-color: #003399;}*/
.demo-pro-art-1 .demo-left .demo-a1{ transition: 0.3s all; display: inline-block; height: 2.8em; line-height: 2.8em; background: #003399; border: 1px solid #003399; color: #fff; border-radius: 10px; padding: 0 3em; margin-right: 2em;margin-top: 2em;}
.demo-pro-art-1 .demo-left .demo-a1:hover{ background: #fff; color: #003399;}
.demo-pro-art-1 .demo-right{ width: 60%;}
.demo-pro-art-1 .demo-right img{ width: 100%; height: auto;}


.demo-pro-art-2{ background: #f8f8f8; padding: 4em 0;}
.demo-pro-art-2 article{ line-height: 1.8;}

.demo-pro-art-3{ padding-bottom: 5em;}
.demo-pro-art-3 .demo-item{ padding: 4em 0 0;}
.demo-pro-art-3 .demo-item dt{ margin-bottom: 1em;}
.demo-pro-art-3 .demo-item ul{ margin: 0 -10px;}
.demo-pro-art-3 .demo-item li{ float: left; width: 20%;}
.demo-pro-art-3 .demo-item .demo-w{ margin: 0 10px 20px; min-height: 8.5em; border: 1px solid #e9e9e9; padding: 1em;}
.demo-pro-art-3 .demo-item .demo-w .demo-p2{ line-height:1.5; height:4.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}
.demo-pro-art-3 .demo-item .demo-w .demo-p22{
    height:6em; -webkit-line-clamp:4;line-clamp:4;
}
.demo-pro-art-3 .demo-item .demo-w:hover { border-color: #003399;}
.demo-pro-art-3 .demo-item .demo-w .demo-p1{ color: #666; margin-bottom: 10px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.demo-pro-art-3 .demo-bon{ padding: 3em 0 4em;}
.demo-pro-art-3 .demo-bon .demo-a1{ transition: 0.3s all; display: inline-block; height: 2.8em; line-height: 2.8em; background: #003399; border: 1px solid #003399; color: #fff; border-radius: 10px; padding: 0 3em; margin-right: 2em;}
.demo-pro-art-3 .demo-bon .demo-a1:hover{ background: #fff; color: #003399;}
.demo-pro-art-3 .demo-bon .demo-a2{ transition: 0.3s all; height: 2.8em;  color: #333; background: #fff; border: 1px solid #ddd; border-radius: 10px; padding: 0 3em;}
.demo-pro-art-3 .demo-bon .demo-a2 img{ margin-right: 1em;}
.demo-pro-art-3 .demo-bon .demo-a2:hover{ border-color: #003399; color: #003399;}

.demo-pro-art-3 .demo-shear a{ display: inline-block; position: relative; 
    padding: 2px 3px; margin-left: 20px;}
    .demo-pro-art-3 .demo-shear a .demo-child{ position: absolute; bottom:110%; left: 50%; transform: translate(-50%,0); background: #fff;  text-align: center;  border-radius: 2px; transition: 0.5s all;  height: 0; overflow: hidden;  }
.demo-pro-art-3 .demo-shear .demo-t{ opacity: 0.5; color: #666;}
.demo-pro-art-3 .demo-shear a .demo-child .demo-xx{padding:10px;}
.demo-pro-art-3 .demo-shear a:hover .demo-child{ height: 140px; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.demo-pro-art-3 .demo-shear a .demo-child img{ width: 100px; height: 100px;}
.demo-pro-art-3 .demo-shear a .demo-a1{ width: 30px; height: 30px;}
.demo-pro-art-3 .demo-shear a:hover .demo-a1{ opacity: 0.8;}

.demo-pro-art-4{ background: #f8f8f8; padding: 4em 0;}
.demo-pro4-swi{ margin: 0 0 0;}
.demo-pro4-box{ padding: 3em 0; position: relative;}
.demo-pro4-swi .demo-img_ratio{ padding-top:92%; }
.demo-pro4-swi .swiper-slide{ padding: 10px 0;}
.demo-pro4-swi .demo-w{ margin: 0 15px 0; background: #fff; display: block; padding: 1em; border-radius: 10px; box-shadow: 2px 2px 5px rgba(0,0,0,0.1);} 
.demo-pro4-swi .demo-w .demo-txt{ padding: 1em;}
.demo-pro4-swi .demo-w:hover{box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}
.demo-pro4-bon a{ position: absolute; left: -60px; top: 50%; margin-top: -20px; padding: 7px; border-radius: 100%; border: 1px solid #ddd; transition: 0.5s all; }
.demo-pro4-bon a.left{ transform: rotateY(180deg);}
.demo-pro4-bon a.right{ right: -60px; left: auto;}
.demo-pro4-bon a:hover{ border-color: #003399; }
.demo-pro4-bon a:hover img{transform: rotateX(180deg);}
.demo-pro4-bon a img{width: 35px; height: 35px; transition: 0.5s all;}

.demo-pro-art-5{ background: #fff; padding: 4em 0;}
.demo-pro-art-5 ul{ margin: 3em -10px 0;}
.demo-pro-art-5 li{ float: left; width: 33.33%;}
.demo-pro-art-5 li .demo-img_ratio{ padding-top:100%; }
.demo-pro-art-5 li dl{ border-radius: 10px; overflow: hidden; border: 1px solid #ddd; padding: 12px; margin: 0 10px 30px;}
.demo-pro-art-5 li a:hover dl{ border-color: #003399;}
.demo-pro-art-5 li dt{ float: left; width: 110px; margin-right: 20px;}
.demo-pro-art-5 li dd{ overflow: hidden;}
.demo-pro-art-5 li dd h2{ line-height: 1.8; height: 3.6em; }
.demo-pro-art-5 li dd .demo-d{ color: #999; margin-top: 1em; font-size: 0.8em;}


.demo-join-1 .demo-t{ padding: 10% 0 5%;}
.demo-join-1 .demo-box{ padding-bottom: 5%;}
.demo-join-1 .demo-left{ width: 52%; margin-right: 5%; }
.demo-join-1 .demo-left .demo-edit_con_original{line-height: 2;}
.demo-join-1 .demo-right img{ width: 100%; height: auto; border-radius: 10px; overflow: hidden;}

.demo-join-2{ background: #fafafa;}
.demo-join-2 .demo-tab-head{ padding: 3% 0 2%;}
.demo-join-2 .demo-tab-head a{ display: inline-block; padding: 0.5em 0; margin: 0 3em; color: #666;}
.demo-join-2 .demo-tab-head a.cur{ color: #003399; position: relative;}
.demo-join-2 .demo-tab-head a.cur::after{ content:''; position: absolute; height: 2px; width: 100%; bottom: 0; left: 0; background: #003399;}
.demo-join-2 .demo-t{ padding-top: 5%;}
.demo-join-2 .demo-tab-box{ padding-bottom: 5%;}
.demo-join-2 .demo-tab-box .demo-tab-b{ display: none;}
.demo-join-2 .demo-tab-box .demo-tab-b.cur{ display: block;}
.demo-join-2 ul{ margin: 0 -20px;}
.demo-join-2 li{ float: left; width:33.33%;}
.demo-join-2 li .demo-w{ display: block; margin: 40px 20px 0;}
.demo-join-2 li .demo-img_ratio{ padding-top: 50%; border-radius: 10px;}
.demo-join-2 li a{ color: #333;}
.demo-join-2 li .demo-lab{ margin:0.7em 0 0.3em;}
.demo-join-2 li h2{ color: #999;}

.demo-join-3{ background-size: 100% auto; background-repeat: no-repeat; background-position: center bottom;}

.demo-tit-b{ padding: 5% 0 0; width: 80%; margin: 0 auto; }
.demo-tit-b dd{ margin-top:3%; color: #666; line-height: 2;}

.demo-join-3 .demo-box{ padding: 12% 0 12%; }
.demo-join-3 .demo-box .demo-w{ width: 580px; margin:0 auto ;  position: relative;}
.demo-join-3 .demo-box .demo-w .demo-c{ width: 100%; height: 580px;}
.demo-join-3 .demo-box .demo-w li{ position: absolute; }
.demo-join-3 .demo-box .demo-w li::after{ content: ''; position: absolute; width:12px; height: 12px; background:#003399;}
.demo-join-3 .demo-box .demo-w li.c1{ text-align: center; left: 0; right: 0; top: -3em;}
.demo-join-3 .demo-box .demo-w li.c1::after{ left: 50%; bottom: -18px; margin-left: -6px;}
.demo-join-3 .demo-box .demo-w li.c2{ text-align: center; left: 100%; top: 24%; white-space:nowrap; }
.demo-join-3 .demo-box .demo-w li.c2::after{ left:-20px; top: 50%; margin-top: -6px;}
.demo-join-3 .demo-box .demo-w li.c3{ text-align: center; left: 100%; top: 72%; white-space:nowrap; }
.demo-join-3 .demo-box .demo-w li.c3::after{ left:-20px; top: 50%; margin-top: -6px;}
.demo-join-3 .demo-box .demo-w li.c4{ text-align: center; left: 0; right: 0; bottom: -3.5em;}
.demo-join-3 .demo-box .demo-w li.c4::after{ left: 50%; top: -18px; margin-left: -6px;}
.demo-join-3 .demo-box .demo-w li.c5{ text-align: center; right: 100%; top: 24%; white-space:nowrap; }
.demo-join-3 .demo-box .demo-w li.c5::after{ right:-20px; top: 50%; margin-top: -6px;}
.demo-join-3 .demo-box .demo-w li.c6{ text-align: center; right: 100%; top: 72%; white-space:nowrap; }
.demo-join-3 .demo-box .demo-w li.c6::after{ right:-20px; top: 50%; margin-top: -6px;}

.demo-join-4-box{width: 650px; margin: 0 auto;}
.demo-join-4-box ul{ padding-top: 70%; position: relative; margin: 30% 0 20%;}
.demo-join-4-box .demo-w{ background: #fff; border-radius: 20px; padding: 2em; box-shadow: 0 0 5px rgba(0,0,0,0.05); }
.demo-join-4-box li{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.demo-join-4-box li .demo-bt{ position: absolute; background: #E0F1FA; padding: 1em; text-align: center; border-radius: 1em; cursor: pointer;}
.demo-join-4-box li.c1 .demo-bt{ left: 0; top: 0; border-bottom-right-radius: 0; transform: translate(-130%,-50%);}
.demo-join-4-box li.c2 .demo-bt{ right: 0; top: 0; border-bottom-left-radius: 0; transform: translate(130%,-20%);}
.demo-join-4-box li.c3 .demo-bt{ left: 0; bottom: 0; border-top-right-radius: 0; transform: translate(-125%,0);}
.demo-join-4-box li.c4 .demo-bt{ right: 0; bottom: 0; border-top-left-radius: 0; transform: translate(150%,-50%);}
.demo-join-4-box li.cur .demo-w{ display: block; position: relative; z-index: 2;}
.demo-join-4-box li .demo-w{ display: none;}
.demo-join-4-box li.cur .demo-bt{ background: #003399; color: #fff;}
.demo-join-4-box li .demo-w dt{ border-bottom: 1px solid #eee; padding: 0 0 0.5em; color:#003399;}
.demo-join-4-box li .demo-w dt img{ margin-right: 1em;}
.demo-join-4-box li .demo-w dd{ padding:2em 2em 1em;}
.demo-join-4-box li .demo-w dd p{ display: inline-block; margin: 0 1% 1em; color: #333; min-width: 30%;}

.demo-join-5{ overflow: hidden;}
.demo-join-5 .demo-img_ratio{ padding-top: 50%;}
.demo-join-5 .swiper-container{ overflow: visible;}
.demo-join5box{ width: 60%; margin: 0 auto; padding: 6em 0 10em;}
.demo-join5box .demo-w{ border-radius: 10px; overflow: hidden; position: relative; box-shadow: 0 0 5px rgba(0,0,0,0.05);}
.demo-join5box .demo-txt{ color: #fff; position: absolute; left: 0; bottom: 0; right: 0; z-index: 10; padding: 4em 3em 3em; background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5));}
.demo-join5box .demo-txt h2{ margin-bottom: 0.5em;}
.demo-join5box .demo-txt p{ opacity: 0.8;}

.demo-join-6{ background: #FAFAFA;}
.demo-join-6 ul{ padding: 12% 0 10%; margin: 0 -15px;}  
.demo-join-6 li{ float: left;}
.demo-join-6 li a{ display: block; margin: 0 15px 30px; overflow: hidden; border-radius: 10px; position: relative;}
.demo-join-6 li .demo-img_ratio{ padding-top: 50%; }
.demo-join-6 li .demo-txt{  color: #fff; position: absolute; z-index: 2; left: 0; bottom: 0; right: 0; padding: 4em 2em 1em; background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.7));}
.demo-join-6 li .demo-txt p{ text-transform:uppercase; opacity: 0.5; margin-top: 0.5em;}
.demo-join-6 li.c1{ width: 33%;}
.demo-join-6 li.c1 .demo-img_ratio{ padding-top: 171%; }
.demo-join-6 li.c1 .demo-txt{ bottom: auto; top: 0; padding: 2em 2em 4em; background: linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,0.7));}
.demo-join-6 li.c5,
.demo-join-6 li.c2{ width: 40%;}
.demo-join-6 li.c5 .demo-img_ratio,
.demo-join-6 li.c2 .demo-img_ratio{ padding-top: 66.3%; }
.demo-join-6 li.c3,
.demo-join-6 li.c4{ width: 27%;}
.demo-join-6 li.c3 .demo-img_ratio,
.demo-join-6 li.c4 .demo-img_ratio{ padding-top: 101.9%; }

.demo-liaojie-1{ min-height: calc(100vh - 80px); background-position: center;}
.demo-liaojie-1 .demo-box .demo-txt{ width: 52%; margin: 15% auto 10%;}
.demo-liaojie-1 .demo-txt img{ width: 100%; height: auto;}
.demo-liaojie-1 .demo-txt dd{ text-align:justify; color: #fff; margin: 5em 0 2em; line-height: 2;}
.demo-liaojie-1 .demo-ul{ padding-bottom: 5%; margin: 0 10%; text-align: center;}
.demo-liaojie-1 li{ float: left; width: 33.33%; color: #fff;}
.demo-liaojie-1 li dt{ align-items: flex-end; line-height: 1; justify-content: center; margin-bottom: 1em;}
.demo-liaojie-1 li dt .demo-w{ position: relative;}
.demo-liaojie-1 li dt .demo-w p{ font-weight: bold;}
.demo-liaojie-1 li dt em{ white-space: nowrap; margin-bottom: 0.5em; margin-left: 1em; position: absolute; left: 100%; bottom: 0; }

.demo-liaojie-2 .demo-t{ padding: 10% 0 5%;}
.demo-liaojie-2 .demo-box{ padding: 0 0 5%;}
.demo-liaojie-2 .demo-left{ width: 55%; margin-right: 5%;}
.demo-liaojie-2 .demo-right{ flex: 1;}
.demo-liaojie-2 .demo-video-play{ position: relative; display: block; border-radius: 10px; overflow: hidden;}
.demo-liaojie-2 .demo-video-play .demo-play{ position: absolute; z-index: 3; border: 1px solid #fff; border-radius: 10px; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 10px 2em;}
.demo-liaojie-2 .demo-video-play .demo-play img{ width: 26px; height: auto;}
.demo-liaojie-2 .demo-right .demo-img_ratio{ padding-top: 82%;}

.demo-liaojie-3{ background: #fafafa;}
.demo-liaojie-3 .demo-box{ padding: 12% 0;}
.demo-liaojie-3 .demo-box .demo-left{ width: 45%; margin-right: 5%;}
.demo-liaojie-3 .demo-left ul{ margin: 0 -20px;}
.demo-liaojie-3 .demo-left li{ float: left; width: 50%;}
.demo-liaojie-3 .demo-left li .demo-w{ margin: 0 20px;}
.demo-liaojie-3 .demo-left li .demo-img_ratio{ padding-top: 133%;}
.demo-liaojie-3 .demo-left li .demo-txt{ background:url(../images/a1/b1.jpg) #003399 right top ; background-size: auto 100%; background-repeat: no-repeat; color: #fff; padding: 1em 1.5em;}

.demo-liaojie-3 .demo-box .demo-left1{ width: 25%; margin-right: 5%;}
.demo-liaojie-3 .demo-left1 ul{ margin: 0 -20px;}
.demo-liaojie-3 .demo-left1 li{ float: left; width: 100%;}
.demo-liaojie-3 .demo-left1 li .demo-w{ margin: 0 20px;}
.demo-liaojie-3 .demo-left1 li .demo-img_ratio{ padding-top: 133%;}
.demo-liaojie-3 .demo-left1 li .demo-txt{ background:url(../images/a1/b1.jpg) #003399 right top ; background-size: auto 100%; background-repeat: no-repeat; color: #fff; padding: 1em 1.5em;}

.demo-liaojie-3 .demo-right .demo-t5 img{ width: 165px; height: auto;}
.demo-liaojie-3 .demo-right .demo-t2{ margin: 0.2em 0 0.6em; }
.demo-liaojie-3 .demo-right .demo-t3{ line-height:2; height: 8em; overflow: hidden;}
.demo-liaojie-3 .demo-right.open .demo-t3 {height: auto; }
.demo-liaojie-3 .demo-right .demo-c2{ display: none;}
.demo-liaojie-3 .demo-right.open .demo-c1{ display: none;}
.demo-liaojie-3 .demo-right.open .demo-c2{ display: block;}
.demo-liaojie-3 .demo-right .demo-t4{ padding: 3em 0;}

.demo-liaojie-4{ background-color: #f8fcfe; background-size: 100% auto; background-position: bottom center; background-repeat: no-repeat;}
.demo-liaojie-4 .demo-tab-box{ padding: 5% 0;}
.demo-liaojie-4 .demo-left{ width: 35%;}
.demo-liaojie-4 .demo-left .demo-tit{ line-height: 1.2;}
.demo-liaojie-4 .demo-left .demo-tab-head { position: relative; margin-top: 1em; margin-left: 10px; padding: 1em 0 0.5em; width: 6em;}
.demo-liaojie-4 .demo-left .demo-tab-head::after{ position: absolute; content: ''; left: 6px; top: 0; bottom: 0; width: 1px; background: #cacaca; z-index: 0;}
.demo-liaojie-4  .demo-tab-head li{ position: relative; z-index: 2; padding-left: 1.5em; margin-bottom: 0.5em; cursor:pointer;}
.demo-liaojie-4  .demo-tab-head li span{ display: inline-block;}
.demo-liaojie-4  .demo-tab-head li::after{ content: ''; position: absolute; left: 0; top: 50%; border: 1px solid #cacaca; background: #fff; transform: translate(0,-50%); width: 10px; height: 10px; border-radius: 100%;}
.demo-liaojie-4  .demo-tab-head li.cur::after{ transform:translate(0,-50%) scale(1.5); border-color: #003399;}
.demo-liaojie-4  .demo-tab-head li.cur span{ transform: scale(1.5); transform-origin: left center; color: #003399;}
.demo-liaojie-4 .demo-right{ flex: 1;}
.demo-liaojie-4 .demo-right .demo-t{margin-bottom: 10px;}
.demo-liaojie-4 .demo-right li{ margin-bottom: 1em;}
.demo-liaojie-4 .demo-right dt{ float: left; width: 200px; border-radius: 1em; background: #e1f2fa; display: block; margin-right: 2em; color: #5fa4c9;}
.demo-liaojie-4 .demo-right dt .demo-box{padding-top: 60%;  position: relative;  border-radius: 1em; overflow: hidden;}
.demo-liaojie-4 .demo-right dd{ overflow: hidden;}
.demo-liaojie-4 .demo-right dt .demo-img_ratio{ width: 100%; position: absolute; height: 100%;} 
.demo-liaojie-4 .demo-right dt .demo-w{ position: absolute; width: 100%; height: 100%; justify-content: center;  left: 0; top: 0;}
.demo-liaojie-4 .demo-right dd{ line-height: 2; color: #666;}
.demo-liaojie-4 .demo-right dd .demo-p1{ margin-bottom: 0.5em;}

.demo-liaojie-5 .demo-t{ padding: 5% 0 0%;}
.demo-liaojie-5 ul{ padding: 5% 0 8%; margin: 0 -30px;}
.demo-liaojie-5 li{ float: left; width: 50%;  text-align: center;}
.demo-liaojie-5 li:nth-child(1) dl,
.demo-liaojie-5 li:nth-child(2) dl{ border-top: 1px solid #ddd;}
.demo-liaojie-5 li dl{ margin: 0 30px 0; padding: 2em 1em 2em; border-bottom: 1px solid #dddddd;  cursor: pointer; position: relative;}
.demo-liaojie-5 li dl::after{ content: ''; position: absolute; top: 50%; transform: translateY(-50%) rotateX(0);  right: 1em; text-align: center; background: url(../images/j4.png); background-size: 100% 100%; width: 24px; height: 24px; transition: 0.5s all; }
.demo-liaojie-5 li dl:hover::after{ transform:translateY(-50%) rotateX(180deg); }
.demo-liaojie-5 li dl:hover{ box-shadow: 3px 3px 10px rgba(0,0,0,0.1); border-radius: 10px;}
.demo-liaojie-5 li dd { display: flex; align-items: center;}
.demo-liaojie-5 li dd .demo-p1{ font-size: 1.6em; margin-right: 1em;}
.demo-liaojie-5 li dd .demo-p2{ color: #003399;}             
.demo-liaojie-5 li dd article{ display: none;}

body .demo-liaojie{ border-radius: 20px;}
body .demo-liaojie .layui-layer-title{ display: none;}
body .demo-liaojie2 .layui-layer-title{ display: block;}
.demo-liaojie .demo-dlbox{ padding:2em 2em 10px;}
.demo-liaojie .demo-dlbox2{line-height:2; }
.demo-liaojie .layui-layer-setwin { right: 20px; top: 20px;}
.demo-liaojie .layui-layer-setwin a::after{ position: absolute; content: ''; border: 2px solid #666; border-radius: 100%; left: -8px; top:-8px; right: -6px; bottom: -6px;}
.demo-liaojie .layui-layer-setwin a{ margin-left: 0;}
.demo-liaojie .demo-p1{ font-size: 1.8em;}
.demo-liaojie .demo-p2{ color: #007dd8; margin: 0.5em 0 1em;}
.demo-liaojie .demo-art{ line-height: 2;}

.demo-liaojie-6{ color: #fff;}
.demo-liaojie-6 .demo-box{ padding: 5% 0 7%;}
.demo-liaojie-6 .demo-t3{ display: flex;}
.demo-liaojie-6 .demo-t3 .demo-img{ border: 1px solid rgba(255,255,255,0.2); border-radius: 100%;}
.demo-liaojie-6 .demo-t3 a{ color: #fff; margin-right: 3em;}
.demo-liaojie-6 .demo-t2{ max-width: 420px; margin: 0 0 2em;}
.demo-liaojie-6 ul{ margin: 8% 0 5%;}
.demo-liaojie-6 li{ float: left; text-align: center; margin-right: 5%; }
.demo-liaojie-6 li .demo-w .demo-p1{ font-weight: bold;}

.demo-brand-1 .demo-box{ padding: 10% 0;}
.demo-brand-1 .demo-art{ line-height: 1.8;}
.demo-brand-1 .demo-img{ margin: 5% 0 2%;}
.demo-brand-1 .demo-img img{ max-width: 100%; height: auto;}

.demo-brand-2 { background-position: center;}
.demo-brand-2 .demo-box{ padding: 5% 0;}
.demo-brand-2 h2{ margin-bottom: 5%; text-align: center;}
.demo-brand-2 .demo-right{  justify-content: space-between;}
.demo-brand-2 .demo-right .demo-item{ width: 48%; box-sizing: border-box; border-radius: 10px; margin-bottom: 2em; padding:1em 2em; color: #fff;}
.demo-brand-2 .demo-right .demo-item dt{ margin-bottom: 0.5em;}
.demo-brand-2 .demo-right .demo-item dd{ min-height: 12em; transform: scale(0.8); transform-origin:left top;}

.demo-brand-3 .demo-box{ padding: 5% 0;}
.demo-brand-3 .demo-box .demo-left li{ float: left; width: 20%;}
.demo-brand-3 .demo-box .demo-left li dl{ margin-right:20px; height: 260px; box-sizing: border-box; padding: 1em 1.5em; color: #fff; border-radius: 10px;}
.demo-brand-3 .demo-box .demo-left li dt{ padding: 0.5em 0 1em;}
.demo-brand-3 .demo-box .demo-left li dd{ white-space:nowrap; transform: scale(0.8); transform-origin:left top;}
.demo-brand-3 .demo-box .demo-t1 .demo-right{ width: 380px; border-radius: 10px; overflow: hidden;}
.demo-brand-3 .demo-box .demo-t1 .demo-right img{ height: 260px;}
.demo-brand-3 .demo-txt{ padding-bottom: 5%;}
.demo-brand-3 .demo-txt dt{ text-align: center;}

.demo-brand-4{ background-position: center;}
.demo-brand-4 .demo-box{ padding: 8% 0;}
.demo-brand-4 .demo-left{ float: left; width: 50%; margin-right: 5%;}
.demo-brand-4 .demo-left img{ width: 100%; height: auto;}
.demo-brand-4 .demo-right article{  width: 80%;}

.demo-culture-art .demo-img_ratio{padding-top: 57.5%; border-radius: 10px; overflow: hidden; box-sizing: 0 0 5px rgba(0,0,0,0.5);}
.demo-culture-art{ overflow: hidden; padding: 5% 0;}
.demo-culture-art .demo-culture-swiper{ width: 60%; margin: 0 auto;}
.demo-culture-art .swiper-container{ overflow: visible;}
.demo-culture-art .demo-bont { padding: 5% 0 0; color: #003399;}
.demo-culture-art .demo-bont span{ margin: 0 1em;}
.demo-culture-art .demo-bont img{ width: 25px; height: 25px; vertical-align: top;}
.demo-culture-art .demo-bont a{ width: 25px; height: 25px; padding: 5px; border: 1px solid #003399; border-radius: 100%; display: block;}
.demo-culture-art .demo-bont a.left{ transform: rotateY(180deg);}
.demo-culture-art .demo-bont a img{ transition: 0.5s all;}
.demo-culture-art .demo-bont a:hover img{ transform: rotateX(180deg);}

.demo-honor-1 .demo-box{ padding:5% 0;}
.demo-honor-1 .demo-t2{ text-align: center; padding: 2% 0 4%;}
.demo-honor-1 .demo-t2 a{ display: inline-block; margin: 0 3em; padding: 0.5em 0; position: relative;}
.demo-honor-1 .demo-t2 a.cur{ color: #003399;}
.demo-honor-1 .demo-t2 a.cur::before{ content: ' '; position: absolute; left:10px; right: 10px; bottom: 0; height: 2px;  background: #003399; }
.demo-honor-1 .demo-gallery{ overflow: hidden; margin: 0 -10px;}
.demo-honor-1 .demo-gallery a{ float: left; width:25% ;}
.demo-honor-1 .demo-gallery .demo-img_ratio{ padding-top: 60%;}
.demo-honor-1 .demo-gallery .demo-w{ margin: 0 10px 30px;  overflow: hidden; border-radius: 10px; border:1px solid #eee;}
.demo-honor-1 .demo-gallery .demo-txt{ padding: 1.5em 1.5em;}
.demo-honor-1 .demo-gallery .demo-txt article{ line-height: 1.8; height: 7.2em;}
.demo-honor-1 .demo-gallery .demo-txt .demo-d{ margin-bottom: 0.5em;}
.demo-honor-1 .demo-gallery a:hover .demo-w{ box-shadow: 2px 2px 8px rgba(0,0,0,0.05);}

.demo-status-1 .demo-box{ padding: 5% 0;}
.demo-status-1 .demo-t{ margin-bottom: 3%;}
.demo-status-1 ul{ margin: 0 -20px;}
.demo-status-1 li{ float: left; width:33.33%;}
.demo-status-1 li dl{ border: 1px solid #eee; box-shadow: 0 1px 1px rgba(0,0,0,0.05); border-radius: 8px; margin: 0 20px 40px; overflow: hidden;     align-items: flex-start;
    height: 200px;
    justify-content: center;
    flex-flow: column;position:relative;}
.demo-status-1 li dt{  width: 140px; position:absolute;right:0px;bottom:10px;}
.demo-status-1 li dd{ }
.demo-status-1 li dd .demo-w{padding:1em 1em 1em 2em;}
.demo-status-1 li dd{ overflow:hidden; }
.demo-status-1 li dd h3{ color: #003399; margin-top: 0.5em;}
.demo-status-1 li dt .demo-img_ratio{ padding-top: 70%;}
.demo-status-1 li:hover dl{ box-shadow:2px 2px 5px rgba(0,0,0,0.1) ;}

.demo-society-1{ background-position: center;}
.demo-society-1 .demo-box{ padding: 10% 0 10%;}
.demo-society-1 .demo-left{ width: 480px; margin-right: 100px;}
.demo-society-1 .demo-left .demo-img_ratio{ padding-top: 135%;  border-radius: 10px; overflow: hidden;}
.demo-society-1 .demo-right{ flex: 1;}
.demo-society-1 .demo-right .demo-t2{ margin: 3em 0 2em; line-height: 1.8;}
.demo-society-1 .demo-right ul{ width: 90%; margin: 0 -15px;}
.demo-society-1 .demo-right li{ float: left; width: 33.33%; text-align: left; }
.demo-society-1 .demo-right li .demo-w{ display: block; margin: 0 15px 40px; color: #1A93D8;}
.demo-society-1 .demo-right li .demo-w:hover{ color: #006aa3;}
.demo-society-1 .demo-right li .demo-w .demo-img_ratio{ padding-top: 43%; border-radius: 10px; margin-bottom: 0.5em;}
.demo-society-1 .demo-right li .demo-w p{ margin-top: 0.5em;}
.demo-society-1 .demo-right li .demo-img{ height: 16px; margin-left: 0.3em;}
.demo-society-1 .demo-right li .demo-img img{ width: 16px; height: 16px;}
.demo-society-1 .demo-right li .demo-w:hover .demo-img img{ transform: rotateX(180deg) translateX(5px);}

.demo-society-2 .demo-box{ padding: 6% 0 9%;}
.demo-society-2 ul{ margin: 0 -14px;}
.demo-society-2 li{ float: left; width: 25%;}
.demo-society-2 li a{ display: block; border: 1px solid #eee; margin: 0 14px 28px; border-radius: 10px; overflow: hidden; position: relative;}
.demo-society-2 li .demo-img_ratio{ padding-top: 135%;}
.demo-society-2 li .demo-txt{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 2; background: rgba(0,121,214,0.8); opacity: 0; transition: 0.5s all;}
.demo-society-2 li .demo-txt img{ display: block; margin: 0 auto 2em; width: 26px; height: auto;}
.demo-society-2 li .demo-txt span{ display: inline-block; border: 1px solid #fff; border-radius: 10px; padding: 5px 2em; color: #fff;}
.demo-society-2 li a .demo-txt span:hover{ background: #fff; color: #003399;}
.demo-society-2 li a:hover .demo-txt{ opacity: 1;}

.demo-society_art{ padding: 5% 0;}
.demo-society_art .demo-t1{ margin-bottom: 2%;}

.demo-culture-list .demo-box{ padding: 5% 0;}
.demo-culture-list .demo-t2{ text-align: center; padding: 0 0 4%;}
.demo-culture-list .demo-t2 a{ display: inline-block; margin: 0 3em; padding: 0.5em 0; position: relative;}
.demo-culture-list .demo-t2 a.cur{ color: #003399;}
.demo-culture-list .demo-t2 a.cur::before{ content: ' '; position: absolute; left:10px; right: 10px; bottom: 0; height: 2px;  background: #003399; }
.demo-culture-list ul{ overflow: hidden; margin: 0 -20px;}
.demo-culture-list ul li{ float: left; width:33.33% ;}
.demo-culture-list ul .demo-img_ratio{ padding-top: 65.5%;}
.demo-culture-list ul .demo-w{ display: block; margin: 0 20px 40px;  overflow: hidden; border-radius: 10px; border:1px solid #eee;}
.demo-culture-list ul .demo-txt{ padding: 1.5em 1.5em;}
.demo-culture-list ul .demo-txt article{ line-height: 1.8; height: 5.4em;}
.demo-culture-list ul .demo-txt .demo-d{ margin-bottom: 0.5em;}
.demo-culture-list ul a:hover { box-shadow: 2px 2px 8px rgba(0,0,0,0.05); background: #fbfcff;}

.demo-news-1 .demo-box{ padding: 5% 0;}
.demo-news-1 .demo-box2 { margin: 3% 0 3%;}
.demo-news-1 .demo-left{ width: 55%; margin-right: 30px; border-radius: 12px; overflow: hidden; background: #F7F7F7; }
.demo-news-1 .demo-left .demo-txt{ padding:1.5em 2em;}
.demo-news-1 .demo-left .demo-img_ratio{ padding-top: 63%; }
.demo-news-1 .demo-box2 .demo-ellipsis-2{ line-height: 1.8; height: 3.6em;}
.demo-news-1 .demo-right{ flex: 1;}
.demo-news-1 .demo-right dt{ float:left; width: 190px; margin-right: 20px;}
.demo-news-1 .demo-right dd{ flex: 1;}
.demo-news-1 .demo-right .demo-img_ratio{ padding-top: 66%; border-radius: 10px; }
.demo-news-1 .demo-d{ margin-bottom: 0.8em;}
.demo-news-1 .demo-right li{ margin-bottom: 30px;}
.demo-news-1 .demo-right li:last-child{ margin: 0;}

.demo-news-2{ background: #fafafa;}
.demo-news-2 .demo-box{ padding: 5% 0;}
.demo-news-2 .demo-img_ratio{ padding-top: 48%;}
.demo-news-2 .swiper{overflow: hidden; border-radius: 10px;}
.demo-news-2 .demo-w{  position: relative; display: block; }
.demo-news-2 .demo-w .demo-d{ margin-top: 1em;}
.demo-news-2 .demo-txt{ z-index: 3; color: #fff; position: absolute; left: 0; bottom: 0; right: 0; padding: 4em 2em 2em; background: linear-gradient(to bottom,rgba(0,140,214,0),rgba(0,140,214,0.8));}
.demo-news-2 .demo-swi-box{ position: relative; margin: 2% 0;}
.demo-news-2 .demo-swi-box .demo-bon a{ position: absolute; top: 50%; margin-top:-30px; padding: 10px; border: 1px solid rgba(0,140,214,0.2);  border-radius: 100%; transition: 0.5s all;}
.demo-news-2 .demo-swi-box .demo-bon a.left{ left: -70px; transform: rotateY(180deg);}
.demo-news-2 .demo-swi-box .demo-bon a.right{right: -70px;}
.demo-news-2 .demo-swi-box .demo-bon a img{ width: 25px; height: 25px; position: relative; transition: 0.5s all;}
.demo-news-2 .demo-swi-box .demo-bon a:hover img{ transform: rotateX(180deg);}
.demo-news-2 .demo-swi-box .demo-bon a:hover{ border-color: #003399;}

.demo-news-3 .demo-box{ padding: 5% 0 3%;}
.demo-news-3 ul{  margin: 4% -20px;}
.demo-news-3 ul li{ float: left; width:33.33% ;}
.demo-news-3 ul .demo-img_ratio{ padding-top: 56%;}
.demo-news-3 ul a{ display: block; margin: 0 20px 40px;  overflow: hidden; border-radius: 10px; border:1px solid #eee;}
.demo-news-3 ul .demo-txt{ padding: 1.5em 1.5em;}
.demo-news-3 ul .demo-txt article{ line-height: 1.8; height: 3.6em;}
.demo-news-3 ul .demo-txt .demo-d{ margin-bottom: 0.5em;}
.demo-news-3 ul .demo-img{ position: relative;}
.demo-news-3 ul a:hover{ box-shadow: 2px 2px 8px rgba(0,0,0,0.05);}
.demo-news-3 ul a:hover .demo-play{ background-color: rgba(0,121,214,0.5);}
.demo-news-3 ul .demo-play{ position: absolute; z-index: 3; border: 1px solid #fff; border-radius: 10px; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 10px 2.5em; background: rgba(51,51,51,0.2);}
.demo-news-3 ul .demo-play img{ width: 26px; height: auto;}

body .demo-pages{ padding: 2% 0 2%;}
body .demo-pages a,
body .demo-pages span{ padding: 0; min-width: 40px; text-align: center; margin: 0 4px; height: 40px !important; line-height: 40px !important;}
body .demo-pages .layui-laypage-prev,
body .demo-pages .layui-laypage-next{ padding: 0 1em;}
body .demo-pages a:hover,
body .demo-pages span:hover{ color: #003399;}
body .layui-laypage input:focus{ border-color: #003399 !important;}
body .layui-laypage .layui-laypage-curr .layui-laypage-em{ background: #003399;}
body .layui-laypage input,
body .layui-laypage button{ height: 40px; line-height: 40px;}

.demo-news-list .demo-box{ padding: 5% 0;}
.demo-news-list-ul{ padding: 5% 0 0%; margin: 0 -20px;}
.demo-news-list-ul li{ float: left; width:33.33% ;}
.demo-news-list-ul .demo-img_ratio{ padding-top: 56%;}
.demo-news-list-ul a{ display: block; margin: 0 20px 40px;  overflow: hidden; border-radius: 10px; border:1px solid #eee;}
.demo-news-list-ul .demo-txt{ padding: 1.5em 1.5em;}
.demo-news-list-ul .demo-txt article{ line-height: 1.8; height: 5.4em;}
.demo-news-list-ul .demo-txt .demo-d{ margin-bottom: 0.5em;}
.demo-news-list-ul .demo-img{ position: relative;}
.demo-news-list-ul a:hover{ box-shadow: 2px 2px 8px rgba(0,0,0,0.05);}

.demo-news-list2-ul{ padding: 3% 0 0;}
.demo-news-list2-ul li{ background: #FAFAFA; border-radius: 10px; margin-bottom:36px; overflow: hidden;}
.demo-news-list2-ul li .demo-item{ display: block;}
.demo-news-list2-ul li .demo-img_ratio{ padding-top: 50%;}
.demo-news-list2-ul li .demo-img2{ float: left; width:48%; border-radius: 10px; overflow: hidden;}
.demo-news-list2-ul li .demo-txt{ overflow: hidden; padding: 3em 3em 1em;}
.demo-news-list2-ul li .demo-art{ margin: 1.8em 0;}
.demo-news-list2-ul li .demo-art .oh{ color: #999;}
.demo-news-list2-ul li .demo-art p{ margin-bottom: 0.5em;}


.demo-network{ background: #007dd8; color: #fff;}
.demo-network .demo-edit_con_original{ color: #fff;}

.demo-network-1 .demo-box{ padding: 5% 0 10%;}
.demo-network-1 .demo-tit{ margin-bottom: 1em;}
.demo-network-2 .demo-tab-a{ display: inline-block; margin: 0 2em; border-radius: 8px; border: 1px solid #fff; padding: 0.3em 1.5em; cursor: pointer; min-width: 4em; text-align: center; color: #fff;}
.demo-network-2 .demo-tab-a.cur{ color: #007dd8; background: #fff;}
.demo-network-2 .demo-tab-b{ display: none; text-align: center;}
.demo-network-2 .demo-tab-b img{max-width: 100%; height: auto;}
.demo-network-2 .demo-tab-b.cur{ display: block;}
.demo-network-3 ul{ padding: 5% 0 10%; max-width: 60%; margin:0 auto; justify-content: space-between;}
.demo-network-3 ul dt{ margin-bottom: 1em;}
.demo-network-3 ul dt img{ width: 60px; height: 60px;}
.demo-download-1 .demo-box{ padding: 6% 0 0%;}
.demo-download-1 ul{ margin:0 -15px;}
.demo-download-1 li{ float: left; width: 25%;}
.demo-download-1 li{ float: left; width:25% ;}
.demo-download-1 li .demo-img_ratio{ padding-top: 60%;}
.demo-download-1 li .demo-w{ margin: 0 15px 30px;  overflow: hidden; border-radius: 10px; border:1px solid #eee;}
.demo-download-1 li .demo-txt{ padding: 1em 1.5em;}
.demo-download-1 li .demo-txt .demo-d{ margin: 0.8em 0; justify-content: space-between;}
.demo-download-1 li .demo-txt .demo-p{ width: 90%; margin: 0 auto; padding: 1em 0; justify-content: space-between;}
.demo-download-1 li .demo-txt .demo-p a{ width:5em; text-align: center; padding: 0.3em 1em; border-radius: 20px; border: 1px solid #003399; color: #003399;}
.demo-download-1 li .demo-txt .demo-p a:hover{ background-color: #fafafa; }
.demo-download-1 li .demo-txt .demo-p a.a2{ color: #fff; background: #007dd8;}
.demo-download-1 li .demo-txt .demo-p a.a2:hover{ background: #006aa3; border-color: #006aa3;}

.demo-download-1 li:hover .demo-w{ box-shadow: 2px 2px 8px rgba(0,0,0,0.05);}

.demo-download-2 .demo-box{ padding: 6% 0 9%;}
.demo-download-2 ul{ margin: 0 -14px;}
.demo-download-2 li{ float: left; width: 25%;}
.demo-download-2 li a{ display: block; border: 1px solid #eee; margin: 0 14px 28px; border-radius: 10px; overflow: hidden; position: relative;}
.demo-download-2 li .demo-img_ratio{ padding-top: 135%;}
.demo-download-2 li .demo-txt{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 2; background: rgba(0,121,214,0.8); opacity: 0; transition: 0.5s all;}
.demo-download-2 li .demo-txt img{ display: block; margin: 0 auto 2em; width: 26px; height: auto;}
.demo-download-2 li .demo-txt span{ display: inline-block; border: 1px solid #fff; border-radius: 10px; padding: 5px 2em; color: #fff;}
.demo-download-2 li a .demo-txt span:hover{ background: #fff; color: #003399;}
.demo-download-2 li a:hover .demo-txt{ opacity: 1;}

.demo-pro-2{ position: relative; overflow: hidden;  color: #fff; margin: 5% 0 0; background: linear-gradient(90deg, #0079D6 0%, #019CEE 100%);}
.demo-pro-2 .demo-wrap{ position: relative;}
.demo-pro-2 .demo-box{ position: absolute; left: 0; transform: translateY(-50%); top: 50%; max-width: 720px; bottom: 0;}
.demo-pro-2 .demo-bg{ float: right; margin-right: -10%;}
.demo-pro-2 .demo-mr3{ color: #fff;}
.demo-pro-2 .demo-mr3 .demo-img{ border: 1px solid rgba(255,255,255,0.4); padding: 8px; border-radius: 100%;}
.demo-pro-2 ul{ justify-content:space-between; margin: 3em 0; }
.demo-pro-2 ul li{ text-align: center; line-height: 1.8;}
.demo-pro-2 ul li dt{ margin-bottom: 0.5em;}
.demo-pro-2 .demo-t2{ max-width: 70%; line-height: 2; margin-top: 1em;}

.demo-pro-3 .demo-box{ padding: 5% 0;}
.demo-pro-3 .demo-left{ margin-right: 10%; max-width: 50%;}
.demo-pro-3 .demo-left img{ width: 100%; height: auto;}
.demo-pro-3 .demo-right{color: #474747;}

.demo-pro-3 h3{ text-transform:uppercase; margin:1em 0 2em;}

.demo-prolist-1 .demo-box{ padding: 9% 0;}
.demo-prolist-1 .demo-left { width: 41%; margin-right:5%;}
.demo-prolist-1 .demo-left .demo-img_ratio{ padding-top: 81%; }
.demo-prolist-1 .demo-right .demo-t1{ margin:0 0 0.8em;}
.demo-prolist-1 .demo-right article{ max-height: 17.2em; overflow: hidden; margin-bottom: 1em;}
.demo-prolist-1 .demo-right.open article{ max-height:none;}
.demo-prolist-1 .demo-right .demo-c2{ display: none;}
.demo-prolist-1 .demo-right.open .demo-c1{ display: none;}
.demo-prolist-1 .demo-right.open .demo-c2{ display: block;}

.demo-prolist-2 { background: #F4F4F4;}
.demo-prolist-2 .demo-box{ padding: 5% 0;}
.demo-prolist-2 ul{ margin: 3% -12px 0;}
.demo-prolist-2 li{ float:left; width: 33.33%;}
.demo-prolist-2 li a{ padding: 1em 1em; display: block; margin: 0 12px 24px; background: #fff; border: 1px solid #E5E5E5;}
.demo-prolist-2 li a:hover{box-shadow: 0px 0px 15px 1px rgba(146,146,146,0.2);}

.demo-prolist-3 { background: #fff;}

.demo-prolist-art-1{ position: relative; z-index: 3; background: #F8F8F8;}
.demo-prolist-art-1 .demo-top{ position: relative; background: #fff; padding:2em 2em 1em; border-radius: 10px; top: -7em;}
.demo-prolist-art-1 li{ display:inline-block; min-width: 24%; margin-bottom: 1em; }
.demo-prolist-art-1 li.cur a{ color: #007dd8; text-decoration: underline;}
.demo-prolist-art-1 .demo-box{ position: relative;top: -4em;}
.demo-prolist-art-1 .demo-box article{ line-height: 1.8; margin-top: 2em; text-indent: 2em;}

.demo-prolist-art-2 .demo-wrap{ position: relative;}
.demo-prolist-art-2 .demo-box{ padding: 3% 0 0;}
.demo-prolist-art-2 .demo-item{ padding-bottom: 4%;}
.demo-prolist-art-2 .demo-tit h3{  text-transform: uppercase;}
.demo-prolist-art-2 .demo-tit h3::before{ content: ''; width: 35px; height: 15px;  background: linear-gradient(90deg, #0F89E4 0%, #FFFFFF 100%);}
.demo-prolist-art-2  .demo-img_ratio{ padding-top:92%; }
.demo-prolist-art-2  .demo-img_ratio img{ object-fit:contain}
.demo-prolist-art-2 .demo-box  ul{ margin: 0 -15px;}
.demo-prolist-art-2 .demo-box  li{  float: left; width:25% ; padding-bottom:8px;}
.demo-prolist-art-2 .demo-w{ margin: 17px 12px 0; background: #fff; display: block; padding: 1em; position:relative; border-radius: 10px; box-shadow: 1px 1px 5px rgba(0,0,0,0.15); } 
.demo-prolist-art-2  .demo-w .demo-txt{ padding: 1em;}
.demo-prolist-art-2 li:hover  .demo-w{box-shadow: 2px 2px 10px rgba(0,0,0,0.2);}


@media only screen and (min-width:1100px) {
    
.demo-pro4-swi .swiper-slide{position: relative; overflow:hidden;}

   .demo-prolist-art-2 .demo-box li{ position: relative; overflow:hidden;}
     /*.demo-prolist-art-2 .demo-box li:hover::after{ content: ''; position: absolute; left: 50%; top: 35%; margin: -10px 0 0 -5px; border: 5px solid rgba(0,0,0,0); border-bottom-color: rgba(0,0,0,0.5);}*/
     .demo-pro4-swi .swiper-slide:before,
  .demo-prolist-art-2 .demo-box li:before { content: attr(data-content); position: absolute; border-radius: 10px; z-index: 10; bottom:8px; top: 17px; right: 12px; left: 12px; background: rgba(0,0,0,0.77); color: #fff; padding: 1.5em; opacity:0; visibility:hidden; transition:0.5s all;   pointer-events: none; overflow:hidden;  transform:translateY(105%); text-align: justify;}
   .demo-pro4-swi .swiper-slide:hover:before,
  .demo-prolist-art-2 .demo-box li:hover:before{opacity:1; visibility:visible; transform:translateY(0)}
.demo-pro4-swi .swiper-slide:before{bottom:10px; top: 10px; right: 15px; left: 15px;}

}

.demo-pro-right-menu{ position: absolute; left:102%; top: 0; white-space: nowrap; padding-bottom: 2em; }
.demo-pro-right-menu ul{ padding-top:3em ; position: relative; min-height: 50vh;}
.demo-pro-right-menu ul::after{ content: ''; position: absolute; left: 4px; top: 0; width: 1px; height: 100%; background: #eee; z-index: 1;}
.demo-pro-right-menu li{ cursor: pointer; z-index: 2; position: relative; padding-left: 1.5em; margin-top: 1em;}
.demo-pro-right-menu li::after{ content: ''; width: 10px;  height: 10px;  background: #E5E5E5;  border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -5px;}
.demo-pro-right-menu li.cur { color: #0079D6;}
.demo-pro-right-menu li.cur::after{ background-color: #0079D6;}

.demo-pro-right-menu.fex ul{ position: fixed; top: 80px;}

.demo-setmap li{ padding: 3% 0;}
.demo-setmap li:nth-child(2n){ background: #FAFAFA;}
.demo-setmap li dt{min-width: 8em; margin-right: 1em; position: relative; }
.demo-setmap li dt a{ position: relative;}
.demo-setmap li dt a::after{ content: ''; position: absolute; left: 0; bottom: -6px; height: 2px; width: 1.5em; background: #003399; transition: 0.5s all;}
.demo-setmap li dt a:hover::after{ width: 100%;}
.demo-setmap li dd{ flex: 1; margin: 0 -10px;}
.demo-setmap li dd p{ float: left; width: 33.33%;}
.demo-setmap li dd p a{ padding: 0.8em 1em; border: 1px solid #e5e5e5; margin: 12px 12px ;}
.demo-setmap li dd p a span{ flex: 1;}
.demo-setmap li dd p a:hover{ background: #0079D6; border-color: #0079D6; color: #fff;}

.demo-contact .demo-box{ padding: 2% 0;}
.demo-contact li{ padding: 5% 0; border-bottom: 1px solid #D8D8D8;}
.demo-contact li:last-child{  border-bottom: 0;}
.demo-contact li .demo-left{ width: 46%; margin-right: 5%;}
.demo-contact li .demo-img_ratio{ padding-top: 50%; border-radius: 10px; overflow: hidden;}
.demo-contact li .demo-right .demo-t1{ color: #007dd8;}
.demo-contact li .demo-right article{ margin: 1em 0;}
.demo-contact li .demo-right article p{ margin-bottom: 0.5em;}
.demo-contact li .demo-right article p:last-child{ margin-bottom: 0;}

.demo-contact22{ background: #fbfbfb;}
.demo-contact22 .demo-box{ padding: 2% 0;}
.demo-contact22 ul{ margin: 0 -30px 0;}
.demo-contact22 li{ padding: 0 0;  float: left; width: 50%; }
.demo-contact22 li .demo-ww{ background: #fff; padding:2em 3em; border-radius: 10px; box-shadow: 3px 3px 10px rgba(0,0,0,0.05); margin: 0 30px 60px; min-height: 220px;}
.demo-contact22 li .demo-right .demo-t1{ color: #007dd8;}
.demo-contact22 li .demo-left{ width: 46%; margin-right: 5%;}
.demo-contact22 li .demo-img_ratio{ padding-top: 50%; border-radius: 10px; overflow: hidden;}
.demo-contact22 li .demo-right article{ margin: 1em 0;}
.demo-contact22 li .demo-right article p{ margin-bottom: 0.5em;}
.demo-contact22 li .demo-right article p:last-child{ margin-bottom: 0;}

.demo-cont-tt{ padding: 4% 0 4%;}

.demo-contact-art .demo-box{ padding: 5% 0;}
.demo-contact-art .demo-top { padding-bottom: 5%;}
.demo-contact-art .demo-top .demo-item2{ margin: 0 30px;}
.demo-contact-art .demo-top .demo-item3 a{ height: 38px; background: #003399; padding: 0 2em; border-radius: 5px; color: #fff;}
.demo-contact-art .demo-top .demo-item3 a img{ margin-right: 10px;}
body .layui-form-select dl dd.layui-this{ background: #007dd8;}

.demo-contact-art .demo-table table{ width: 100%;}
.demo-contact-art .demo-table thead td{ background: #f6f9fe; text-align: center; padding:1.2em 0;}
.demo-contact-art .demo-table td{ padding: 1.5em 1em; border-bottom: 1px solid #ddd;}
.demo-contact-art .demo-table tbody tr:nth-child(2n){ background: #fcfcfc;}
.demo-contact-art .demo-table tbody tr:last-child td{ border: 0;}

.demo-other-art .demo-box{ padding: 5% 0;}
.demo-other-art .demo-tit{ margin-bottom: 5%;}

.demo-news-details .demo-box{ padding: 5% 0 2%;}
.demo-news-details .demo-bottom{ padding-top: 5%;}
.demo-news-details .demo-bottom .demo-left a{ display: inline-block; color: #666;}
.demo-news-details .demo-bottom .demo-left a:hover{ color: #003399;}
.demo-news-details-2{ background: #fff; border-top: 1px solid #eee;}
.demo-shear22{  color: #808080;}
.demo-shear22 a{ display: inline-block; position: relative; background: #fff; border-radius: 4px; padding: 2px 3px; margin-right: 5px;}
.demo-shear22 a:hover{ background: #eee;}
.demo-shear22 a .demo-child{ position: absolute; bottom:110%; left: 50%; transform: translate(-50%,0); background: #fff;  text-align: center;  border-radius: 2px; transition: 0.5s all;  height: 0; overflow: hidden; }
.demo-shear22 a .demo-child .demo-xx{padding:5px 5px 10px;}
.demo-shear22 a:hover .demo-child{ height: 140px; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.demo-shear22 a .demo-child img{ width: 100px; height: 100px;}
.demo-shear22 a .demo-a1{ width: 25px; height: 25px;}

.demo-video video{ vertical-align: top; width: 100%; height: 100%; background: #000; }


.demo-txt_animate{ opacity: 0; line-height: 1.1;}
.demo-txt_animate span{ position: relative; display: inline-block; overflow: hidden;}
.demo-txt_animate span i{ display: inline-block; position: relative; transform: translateY(1em); opacity: 0; transition: 0.5s all;}
.demo-txt_animate.animated{ opacity: 1;}
.demo-txt_animate.animated span i{ opacity: 1; transform: translateY(0); }

.demo-search-tt{ background: #f8f8f8;}
.demo-search-title{  padding: 0 0 0;}
.demo-search-title .demo-t1 { margin: 1% auto 2%; background: #fff; align-items:center; width: 50%;  border-radius: 10px; padding-right: 10px; border: 1px solid #007dd8; overflow: hidden;  position: relative;}
.demo-search-title .demo-t1 input{ border: 0; padding: 10px 10px 10px 20px; width: 100%; padding-left: 2.5em; background: url(../images/s22.png) no-repeat 10px center; background-size: 21px 21px;}
.demo-search-title .demo-t1 input::placeholder{ color: #aaa;}
.demo-search-title .demo-t1 button{ background: #007dd8; width: 6em; text-align: center; color: #fff; border: 0; position: absolute; top: 0; bottom: 0; right: 0; z-index: 2;}


.demo-search-top { padding: 5% 0 3%;}
.demo-search-top a{ margin:0  1em 0; position: relative; padding: 0.2em 2em;  border: 1px solid #ddd; border-radius: 10px;}
.demo-search-top a.cur{ color: #fff; border-color: #003399; background: #003399; }


.demo-search-box1 .demo-tab-b{ display: none;}
.demo-search-box1 .demo-tab-b.cur{ display: block;}
.demo-search-box1{ padding-bottom: 2%;}
.demo-search-box1 .demo-prolist-art-2{ padding-bottom: 2%;}
.demo-search-title .demo-t2{ padding: 1em 1em;  background: #fafafa; border-radius: 10px; position: relative; padding-left: 2em; }
.demo-search-title .demo-t2::after{ content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1.5em; height: 1em; background: linear-gradient(to right,rgba(0,120,215,1),rgba(0,120,215,0));}

.demo-bor-bottom{ border-bottom: 1px solid #eee;}
.demo-search-list{ padding: 2% 0 5%;}
.demo-search-list ul{ padding-bottom: 2%;}
.demo-search-list li{ border-bottom: 1px solid #eee; padding: 2% 1%;}

.demo-investor-box .demo-box{ padding: 5% 0 6%; display: flex;}
.demo-investor-box .demo-left{ width: 65%; margin-right: 5%; }
.demo-investor-box .demo-t{ margin-bottom: 1em;}
.demo-investor-box .demo-right{ flex: 1;}
.demo-inv-1 ul{ margin: 0 -10px 2em;}
.demo-inv-1 li{ float: left; width: 50%;}
.demo-inv-1 li .demo-w{ display: block; margin: 0 10px 3em; border-radius: 6px; box-shadow: 0 0 5px rgba(0,0,0,0.08); padding: 1.5em 1.5em 2em; }
.demo-inv-1 li .demo-w .demo-img_ratio{ padding-top: 55%; margin: 1em 0; overflow: hidden; }
.demo-inv-1 li .demo-w .demo-img_ratio img{ transition: 0.5s all;}
.demo-inv-1 li .demo-w:hover .demo-img_ratio img{ transform: scale(1.1);}
.demo-inv-1 li .demo-w:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.1); }

.demo-inv-2-box{ display: flex; align-items: center;}
.demo-inv-2-left{ flex: 1; margin-right: 2%;}
.demo-inv-2-left li{ padding: 0.7em 0;}
.demo-inv-2-left li img{ margin-right: 10px;}
.demo-inv-2-right{ width: 48%; border-radius: 10px; overflow: hidden;}
.demo-inv-2-right .demo-maps{ height:260px;}

.demo-inv-3 .demo-t{ padding-left: 0.8em;}
.demo-inv-3 { margin-bottom: 4em;}
.demo-inv-3 .demo-w{ border-radius: 10px; overflow: hidden; background: url(../images/ins/5.png); background-size: cover; padding: 2em;}
.demo-inv-3 .demo-w > div{ padding:0 1em;}
.demo-inv-3 .demo-w .demo-t1 p:first-child{ margin-bottom: 0.2em;}
.demo-inv-3 .demo-w .demo-t2{ border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 10% 1em; margin: 10% 0;}
.demo-inv-3 .demo-w .demo-t2 > div:first-child{ margin-bottom: 1em;}
.demo-inv-3 .demo-w .demo-t2 em{ margin-right: 2em;}
.demo-inv-3 .demo-w .demo-t3{ opacity: 0.7;}

.demo-inv-4{padding-left: 2em;}
.demo-inv-4 ul{ margin: -1em 0 3em; }
.demo-inv-4 li{ border-bottom: 1px solid #e5e5e5; padding: 1em 0;}
.demo-inv-4 li .demo-w{ overflow: hidden; display: block;}
.demo-inv-4 li .demo-w img{ float: left; margin-right: 18px;}
.demo-inv-4 li .demo-w .demo-d{ color: #999; margin-top: 5px;}

.demo-shares-1 .demo-box{ padding: 5% 0;}
.demo-shares-1 ul{ margin: 5% 0; overflow: hidden; border-top: 1px solid #eee; border-right: 1px solid #eee;}
.demo-shares-1 li{ float: left; width: 33.33%;}
.demo-shares-1 li .demo-w{  padding: 0 0; align-items: center; border-bottom: 1px solid #eee;}
.demo-shares-1 .demo-img{ justify-content:space-between;}
.demo-shares-1 .demo-img img{ max-width: 100%; height: auto;}
.demo-shares-1 .demo-l{border-left: 1px solid #eee; height: 4em; width: 6em; align-items: center; padding: 0 1em; background: #f6f9fe;}
.demo-shares-1 .demo-r{ padding: 0 1em; flex: 1;}
.demo-shares-1 li:nth-child(6n),
.demo-shares-1 li:nth-child(6n-1),
.demo-shares-1 li:nth-child(6n-2){ background: #fcfcfc;}

.demo-shares-2{ background: #fafafa;}
.demo-shares-2 .demo-box{ padding: 5% 0 8%;}
.demo-shares-2 .demo-t2{ width: 200px; margin: 2% auto 3%;}
.demo-shares-2 .demo-t3{ text-align: center; background: #fff;}
.demo-comtable thead td{ background: #f6f9fe; padding:1.8em 2em;}
.demo-comtable table{ width: 100%; border: 1px solid #f4f4f4; border-bottom: 0;  background: #fff;}
.demo-comtable tbody td{ border-bottom: 1px solid #f4f4f4; padding: 1.5em 2em; text-align: left;}
.demo-comtable tbody tr:nth-child(2n){  background: #fcfcfc;}

.demo-finance-1 .demo-box{ padding: 6% 0 8%;}
.demo-finance-1 .demo-t{ margin-bottom: 4%;}
.demo-finance-2{ background: #fafafa;}

.demo-notice-1 .demo-top a{ margin-right: 3em; position: relative;}
.demo-notice-1 .demo-top a.cur{ color: #003399;}
.demo-notice-1 .demo-top a.cur::after{ content: ''; position: absolute; left: 0; right: 0; bottom: -0.5em; height: 2px;  background: #003399; }

.demo-notice-1 .demo-box{ padding: 5% 0; }
.demo-notice-list{ padding: 3% 0 0;}
.demo-notice-list ul{ margin-bottom: 2%;}
.demo-notice-list li{ border-bottom: 1px solid #eee; }
.demo-notice-list .demo-w{ padding:2em 1em; display: block; overflow: hidden;}
.demo-notice-list li:hover{ background: #fcfcfc;}
.demo-notice-list .demo-w img{ float: left; margin-right: 15px; margin-top: 4px; }
.demo-notice-list .demo-w .demo-d{ color: #999; margin-top: 0.5em;}
.demo-notice-list .demo-w { color: #003399;}
.demo-notice-list .demo-right{ display: flex; padding-right: 1em;}
.demo-notice-list .demo-right a{ margin-left: 1em; padding: 0.5em; border-radius: 100%; border: 1px solid #eee; height:20px; }
.demo-notice-list .demo-right a img{ vertical-align: top;}
.demo-notice-list .demo-right a:hover{ background: #fff; border-color: #003399;}

.demo-government-1 .demo-box{ padding: 5% 0;}
.demo-government-1 .demo-top{ padding-bottom: 5%;}
.demo-government-1 .demo-top a{ margin:0  2em; position: relative;}
.demo-government-1 .demo-top a.cur{ color: #003399;}
.demo-government-1 .demo-top a.cur::after{ content: ''; position: absolute; left: 0; right: 0; bottom: -0.5em; height: 2px;  background: #003399; }

.demo-government-2{ background: #fafafa;}
.demo-government-2 .demo-box{ padding: 5% 0 8%;}
.demo-government-2 dt{ cursor: pointer; padding: 2% 0; }
.demo-government-2 dt .demo-flex1{ display: flex; align-items: center;}
.demo-government-2 dt span:first-child{ min-width: 4em; margin-right: 1em; padding-bottom: 0.2em;}
.demo-government-2 dd{ padding: 0 0 2em; display: none; line-height: 2;}
.demo-government-2 li{ border-bottom: 1px solid #eee;width:50%;display: inline-block;}
.demo-government-2 li.open dt{ color: #007dd8;}
.demo-government-2 li.open dt .demo-right{ transform: rotateX(180deg);}
.demo-government-2 li dt .demo-right{ transition: 0.3s all;}


@media only screen and (max-width:1700px) {
    .demo-pro-right-menu{ left: auto; right: -50px;}
    .demo-prolist-art-2 .demo-box{ padding-right: 10em;}
}

@media only screen and (max-width:1600px) {
.demo-home3-banner .demo-txt{ width:55%;}
}

@media only screen and (max-width:1400px) {
    .demo-header-wrap .demo-menu li{ padding: 0 1.5em;}
    .demo-wrap{ margin: 0 100px;}
    .demo-home-2 li:nth-child(1){width: 65%; }
    .demo-home-2 li:nth-child(2){width: 33.4%; margin-left: 1.6%; }
    .demo-home-2 li:nth-child(3){width: 33.3%; }
    .demo-home-2 li:nth-child(4){width: 31.7%; }
    .demo-home-2 li:nth-child(5){width: 33.4%; margin-left: 1.6%;}
    
    .demo-brand-3 .demo-box .demo-left li dd{    transform: scale(0.6);}
}
@media only screen and (max-width:1300px) {
        .demo-header-wrap .demo-menu li{ padding: 0 1.0em;}
     .demo-brand-3 .demo-box .demo-left li dl{ padding:1em 0.8em;}
     .demo-brand-3 .demo-box .demo-left li dd{    transform: scale(0.5);}
}
@media only screen and (max-width:1100px) {
    .demo-wrap{ margin: 0 30px;}
    
}

.demo-main{ padding-top: 80px;}
.demo-phone-menu{ display: none;}
.demo-menux-bg{ position: fixed; z-index: 9; background:rgba(0,0,0,0.6); left: 0; top: 60px; width: 100%; bottom: 0; opacity: 0; visibility: hidden; transition: 0.5s all;}


@media only screen and (max-width:1025px) {
    .demo-menu-ph{ display: block;}
   .demo-header-menu .demo-menu-ph{ display: block;}
   .demo-header-wrap{ z-index:12;}
    .demo-open-menu{ overflow: hidden;}
    .demo-open-menu .demo-menux{ transform: translateX(0);}
    .demo-open-menu .demo-menux-bg{ opacity: 1; visibility: visible;}

    .demo-phone-menu{ border-top: 1px solid #ddd; display: block; position: fixed; left: 50%; top: 60px; width: 50%; background: #fff;  height:0; transition: 0.6s all; height:calc(100vh - 60px); overflow: auto; transform: translate(100%,0); z-index: 11;}
    .demo-phone-menu li:first-child{ padding-top: 2em;}
    .demo-phone-menu li{ border-bottom: 1px solid #eee;}
    .demo-phone-menu li dt{padding: 0 1em; align-items: center; position: relative; display: flex;}
    .demo-phone-menu li dt .demo-up{ transition: 0.6s all;}
    .demo-phone-menu li dt span{padding: 10px 0; flex: 1; text-align: right;  }
    .demo-phone-menu li dd{ background: #f3f3f3; display: none; padding: 1em 2em; }
    .demo-phone-menu li dd p a{ display: block; padding: 5px 0;}
    .demo-phone-menu li.open dt .demo-up{ transform: rotateX(180deg);}
    .demo-open-menu .demo-phone-menu{transform: translate(0,0);}

    .demo-header-wrap .demo-menu{ display: none;}
    .demo-header-wrap{ padding: 0 10px;}
    .demo-home-main{ padding-top: 60px;}

    .demo-home-body .demo-header{ background: #fff; color: #333; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
    .demo-home-body .demo-header-wrap .demo-menu .demo-a,
    .demo-home-body .demo-header-wrap .demo-right a{ color: #333;}
    .demo-home-body .demo-header .demo-i2{ display: block;}
    .demo-home-body .demo-header .demo-i1{ display: none;}

    .demo-main{ padding-top: 60px;}
    .demo-header-wrap .demo-logo img{ height: 50px; width: auto;}
    .demo-header-wrap .demo-right a,
     .demo-header-wrap .demo-menu .demo-a{ height: 60px; line-height: 60px;}
     .demo-header-menu .demo-menu-ph{ float: right;}
     .demo-header-wrap .demo-right{ flex: 1; justify-content:flex-end;}
     .demo-header-wrap .demo-right .demo-lang span{ display: none;}
     .demo-header-wrap .demo-right .demo-lang img{ margin: 0;}
     .demo-menu-child-box{ top: 60px;}
     .demo-child-search{ width: 80%; margin: 2em auto;}
     .demo-child-search button{ padding: 0 1em;}
     .demo-child-lang{ padding: 2em 0;}

    
     .demo-banner1 .demo-ww .demo-txt h2{ font-size: 2em;}
    .demo-wrap{ margin: 0 30px;}


    .demo-home-1 .demo-box-11,
   .demo-home-1,
   .demo-banner1 { position: relative; height: auto;}
   .demo-right-bon{ right: 10px; transform-origin: right bottom; transform: scale(0.7); bottom: 5%;}

   .demo-home-1 .demo-txtc,
   .demo-banner3,
   .demo-banner2{ display: none;}
   .demo-home-1 .demo-box{ padding: 20% 0;}
   .demo-home-1 .demo-txt0{ display: block; width: 90%; margin: 0 auto;}

   .demo-home-2 ul{ position: relative; }
   .demo-home-2 li:nth-child(1){ width:100%}
 
   .demo-home-2 li:nth-child(2),
   .demo-home-2 li:nth-child(3),
   .demo-home-2 li:nth-child(4),
   .demo-home-2 li:nth-child(5){  width: 49%; margin:0 0 0; }
  .demo-home-2 li:nth-child(2),
   .demo-home-2 li:nth-child(4){margin:0 2% 0 0;}


.demo-home-2 li:nth-child(2) .demo-img_ratio,
.demo-home-2 li:nth-child(3) .demo-img_ratio,
.demo-home-2 li:nth-child(4) .demo-img_ratio,
.demo-home-2 li:nth-child(5) .demo-img_ratio{ padding-top:100%}

   .demo-home3-banner .demo-txt{ width: 80%;}
   .demo-home3-banner .demo-txt > img{ width: 50px; height: 50px;}
   .demo-banner1 .swiper-menu li{ margin-left: 2em;}
   .demo-home-banner .demo-img_ratio{ padding-top: 60%;}

   

}
.demo-ph-cbox{ display: none;}

.demo-nowebm .demo-ph-cbox{ display: block;}
.demo-nowebm .demo-pc-cbox{ display: none;}

@media only screen and (max-width:1000px) {
    .demo-status-1 li dd .demo-w{
        padding-right: 80px;
    }
    .demo-status-1 li dt{
        width: 60px;
        height: 60px;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    }
    .demo-liaojie-1 .demo-box .demo-txt{ width: 80%;}
    .demo-liaojie-1 .demo-ul{ margin: 0;}

    .demo-brand-3 .demo-box .demo-t1{ display: block; position: relative;}
    .demo-brand-3 .demo-box .demo-left ul{ margin: 0 -5px;}
    .demo-brand-3 .demo-box .demo-left li{ width: 50%;}
    .demo-brand-3 .demo-box .demo-left li dl{ margin: 0 5px 10px;}
    .demo-brand-3 .demo-box .demo-t1 .demo-right{ width:50%; margin-top: 2em; position: absolute; bottom: 10px; right: 0; text-align: right; }
    .demo-brand-3 .demo-txt{ width: auto;}
    .demo-brand-3 .demo-box .demo-left li dl,
    .demo-brand-3 .demo-box .demo-t1 .demo-right img{ height: 150px;  border-radius: 10px; overflow: hidden;}
    .demo-brand-3 .demo-box .demo-t1 .demo-right img{ max-width: 100%; width: 100%; margin: 0 5px;}
    .demo-brand-4 .demo-box{ display: block;}
    .demo-brand-4 .demo-left{ width: auto; margin: 0 0 5%;}
    .demo-brand-4 .demo-right article{ width: auto;}
    

    .demo-ph-cbox{ display: block;}
    .demo-pc-cbox{ display: none;}
    .demo-wrap{ margin: 0 20px;}
    .demo-header-wrap .demo-logo img{ height: 40px;}
   .demo-home-banner .demo-img_ratio{ padding-top: 75%;}
   .demo-banner1 .demo-mouse{ display: none;}
   .swiper-bon1{ display: none;}
   .demo-banner1 .swiper-menu ul{ justify-content: center;}
   .demo-banner1 .swiper-menu li.cur p{ display: none;}
   .demo-banner1 .swiper-menu li.cur{ width: 10px;}
   .demo-banner1 .swiper-menu li.cur .demo-i1{ opacity: 1; }
   .demo-banner1 .swiper-menu li.cur .demo-i1::after{ position: absolute; content: ''; border-radius: 100%; border: 1px solid #fff; left: -3px; top: -3px; bottom: -3px; right: -3px;}
   .demo-banner1 .swiper-menu li{ margin:0 0.5em;}
   .demo-banner1 .swiper-menu{ bottom: 15px;}
   .demo-banner1 .demo-ww .demo-txt h2{ margin: 0.3em 0;}
   .demo-banner1 .demo-ww .demo-txt{ margin-bottom: 20px;}
   
   .demo-banner1 .demo-ww .demo-txt .demo-art{ margin: 1em 0;}

   

   .demo-home3-bon { font-size: 1.2rem; display: flex; justify-content: space-between; width: 90%; margin: 3em auto;}
   .demo-home3-bon a{ margin: 0 0px;}
   .demo-home3-banner{ width: 86%;}
   .demo-home3-banner-left, .demo-home3-banner-right{ width: 60%;}
   .demo-home3-banner-right{ right: -55%;}
   .demo-home3-banner-left{ left: -55%;}
 
   .demo-home3-banner .demo-txt article{ display: none;}
   .demo-home3-banner .demo-txt h2{ margin-bottom: 0.5em;}
 
   .demo-home4-swi{ width: 80%; margin: 2em -5px;}
   .demo-home4-swi .demo-w{ margin: 0 5px;}
   .demo-home4-swi .demo-txt{ padding: 1.5em 1.5em 2em;}
   .demo-home-1 .demo-txt{ width: auto; height: auto; opacity: 1;}
   .demo-home-1 .demo-txt .demo-t1{ height: 20.2vw; width: auto; position: relative; opacity: 1; transform: scale(1.01);}
 
   .demo-home-news-swp{ font-size: 1.6rem;}
   .demo-home-news-swp .demo-lg{ margin-bottom: 10px; }
   .demo-home-2{ padding: 1em 0;}

   .demo-footer_top .demo-left .demo-logo2{ display: block; margin-top: 2em;}
   .demo-footer_top{ padding: 2em 0;}
   .demo-footer_top .demo-left{ margin: 0; flex: 1; position: relative;}
   .demo-footer_top .demo-left dl{position: absolute;
    right: 0;
    top: 0;}
    .demo-footer_top article{ margin: 4em 0 0;}
   .demo-footer_bottom{ padding: 3em 0;}
   .demo-footer_bottom  .demo-right,
   .demo-footer_top .demo-right{ display: none;}
   .demo-footer_bottom .demo-left .demo-p1 a{ float: none; display: inline-block; margin-right: 5px; padding-right: 10px;}
   .demo-footer_bottom .demo-left{ text-align: center;}
   .demo-footer_bottom .demo-left .demo-p2 a{ display: inline-block;}

   .demo-other_banner .demo-img_ratio{ padding-top: 50%;}
   .demo-other_banner .demo-f-45{ font-size: 2rem;}
   .demo-crumbs{ padding: 0.8em 0;}
   .demo-about-1 .demo-bg{ display: none;}
   .demo-about-1 .demo-tab-head{ white-space: nowrap; overflow:auto;}
   .demo-about-1 .demo-tab-head a{ margin: 0 10px;}
   .demo-about-1 .demo-tab-head{ margin: 2em 0 1em; padding:20px 0;}
   .demo-about-1-box{ display: block; width: 90%; margin: 0 auto;}
   .demo-about-1-box .demo-tab-body{ width: auto; margin: 0 0 10%;}
   .demo-about-1-box .demo-right{ opacity: 1; width: 80%; margin: 0 auto;}
   .demo-about-2 .demo-art{ width: 100%; text-align: justify;}

   .demo-about-2 ul{ margin: 0 -5px 2em;}
   .demo-about-2 li{ width: 50%;}
   .demo-about-2 li:first-child{ width:50%;  font-size: inherit;}
   .demo-about-2 li .demo-w{ margin: 0 5px 10px;}
   .demo-about-2 li .demo-p span{ display: block; overflow:hidden;line-height:1.5;height:3em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}

   .demo-about-3 ul{ margin: 2em 0;}
   .demo-about-3 li{ width: auto; float: none; margin-bottom: 2em;}
   .demo-about-3 .demo-w{ display: flex; align-items: center; margin: 0;}
   .demo-about-3 .demo-w .demo-m{ width: 50%;}
   .demo-about-3 .demo-w .demo-txt{ flex: 1; padding: 0 1em;}

   .demo-crumbs{ overflow: auto; white-space: nowrap;}
    .demo-pro-art-1 .demo-box{ display: block;}
    .demo-pro-art-1 .demo-left{ padding: 2em;}
    .demo-pro-art-1 .demo-right{ width: auto;}
    .demo-pro-art-3 .demo-item li{ width: 50%;}
    .demo-pro-art-3 .demo-bon{ padding: 2em 0;}
    .demo-pro-art-3 .demo-bon{ display: block;}
    .demo-pro-art-3 .demo-bon .demo-a1{ display: block; margin: 0 0 1em ; text-align: center;}
    .demo-pro-art-3 .demo-bon a{ display: flex; flex: 1; margin-bottom: 1em;}
    .demo-pro-art-3{ padding-bottom: 2em;}
    .demo-pro-art-4{ padding: 2em 0;}
    .demo-pro4-box{ margin: 0 20px;}
    .demo-pro4-swi .demo-w{ margin: 0 5px 0;}
    .demo-pro4-swi .demo-w .demo-txt{ padding:10px 0;}
    .demo-pro4-bon a.left{ left: -40px; z-index: 10; transform:rotateY(180deg) scale(0.5); background: #fff;}
    .demo-pro4-bon a.right{ right: -40px; z-index: 10; transform: scale(0.5); background: #fff;}
    .demo-pro-art-5 ul{ margin: 1em 0;}
    .demo-pro-art-5 li{ width: 100%;}
    .demo-pro-art-5 li dl{ margin: 0 0 1em;}


    .demo-liaojie-1 .demo-box .demo-txt{ width: 90%;}
    .demo-liaojie-1 li dt{ margin-bottom: 0.5em;}
    .demo-liaojie-1 li{ float: none; width: 49%; display: inline-block; margin-bottom: 4em; }
    .demo-liaojie-1 li dt em{ margin-left: 5px;}

    .demo-liaojie-2 .demo-t{ font-size:2rem}
    .demo-liaojie-2 .demo-box{ flex-direction: column-reverse;}
    .demo-liaojie-2 .demo-left{ width: 100%; margin: 10% 0 0;}

    .demo-liaojie-3 .demo-box{ display: block;}
    .demo-liaojie-3 .demo-box .demo-left{ display: block; width: 100%; margin: 0 0 5%;}
    .demo-liaojie-3 .demo-right{ position: relative;}
    .demo-liaojie-3 .demo-right .demo-t5{ position: absolute; bottom: 0; right: 0;}

    .demo-liaojie-4 .demo-right dt{ float: none; width: auto; margin: 0 0 5%;}
    .demo-liaojie-4 .demo-right dt .demo-box{ padding-top: 50%; border-radius: 10px; overflow: hidden;}

    .demo-liaojie-5 li{ width: auto; float: none;}
    .demo-liaojie-5 li:nth-child(2) dl{ border-top: 0;}
    .demo-mr2 .demo-img,
    .demo-mr2 img,
    .demo-mr3 .demo-img,
    .demo-mr3 img{ height:16px; width: 16px;}
    .demo-liaojie-6 { background-position: 80% center;}
    .demo-liaojie-6 .demo-box{ padding: 20% 0;}
    
    .demo-brand-1 .demo-img{ padding: 10% 0 5%;}
    .demo-brand-1 .demo-art{ font-size: 1.4rem;}

    .demo-brand-2 .demo-box{ flex-direction: column-reverse;}
    .demo-brand-2 .demo-right{ display: flex; justify-content: space-between;}
    .demo-brand-2 .demo-right .demo-item{width: 48%; box-sizing: border-box; margin: 0;}
    .demo-brand-2 .demo-left{ width: auto; margin: 5% 0 0;}



 
    .demo-status-1 ul{ margin: 0;}
    .demo-status-1 li dl{ height: auto; margin: 0 0 20px; }
    .demo-status-1 li{ float: none; width: auto;}

    .demo-honor-1 .demo-t2 a{ margin: 0 0.5em;}
    .demo-honor-1 .demo-gallery a{ width: 50%;}
    .demo-honor-1 .demo-gallery .demo-txt{ padding: 1em;}

    .demo-society-1 .demo-box{ display: block;}
    .demo-society-1 .demo-left{ width: 50%; margin:0 auto 5%;  }
    .demo-society-1 .demo-right ul{ width: 100%; margin: 0 auto;}
    .demo-society-1 .demo-right .demo-t2{ margin: 1em 0 2em;}
    .demo-society-1 .demo-right li .demo-w{ margin: 0 10px 20px;}
    .demo-society-2 li{ width: 50%;}
    .demo-society-2 li a{ margin-bottom: 30px;}

    .demo-news-1 .demo-box2{ display: block;}
    .demo-news-1 .demo-left{ width: auto; margin: 0 0 5%;}
    .demo-news-1 .demo-right dt{ width: 40%;}
    .demo-news-2 .demo-txt{ padding: 2em 1em 1em;}
    .demo-news-3 ul{ margin: 10% -10px;}
    .demo-news-3 ul li{ width: 50%;}
    .demo-news-3 ul li:nth-child(3){ display: none;}
    .demo-news-3 ul a{ margin: 0 10px 0;}

    .demo-news-list-ul { margin: 0 -5px;}
    .demo-news-list-ul li{ width: 50%;}
    .demo-news-list-ul a{ margin: 0 5px 10px;}
    .demo-news-list-ul .demo-txt{ padding: 1em;}

    body .demo-pages .layui-laypage-prev, 
    body .demo-pages .layui-laypage-next,
    body .demo-pages .layui-laypage-skip{ display: none;}
    body .demo-pages a, 
    body .demo-pages span{ line-height: 2em !important; height: 2em !important; min-width: 2em;}

    .demo-news-list2-ul li .demo-img2{ float: none; width: auto;}
    .demo-news-list2-ul li .demo-txt{ padding: 1em;}
    .demo-other_banner .demo-txt2 h1{ width: 100%;}
    .demo-other_banner .demo-txt2{ padding: 1em 0;}
    .demo-about-3 ul{ margin-bottom: 0;}
    .demo-other_banner .demo-txt article{ max-width: none; max-height: 6em; overflow: hidden; margin-bottom: 2em;}
    .demo-prolist-1 .demo-box{ display: block;}
    .demo-prolist-1 .demo-left{ width: auto; margin: 0 0 5%;}
    .demo-prolist-2 li{ width: 100%;}
    .demo-prolist-2 li a{ margin-bottom: 10px;}
    .demo-prolist-art-1 .demo-top{  top:-4em}
    .demo-prolist-art-1 .demo-box{ top: -2em;}
    .demo-prolist-art-1 li{ min-width: 49%;}
    .demo-prolist-art-2 .demo-box li{ width: 50%;}
 
    .demo-pro-right-menu{ display: none;}
    .demo-prolist-art-2 .demo-box ul{ margin: 0 -10px;}
    .demo-prolist-art-2 .demo-w .demo-txt{ padding: 0;}
    .demo-prolist-art-2 .demo-box{ padding-bottom: 5%;}

    .demo-join-1 .demo-box{ display: block;}
    .demo-join-2 .demo-tab-head a{ margin: 0 1em;}
    .demo-join-1 .demo-box .demo-left{ width: auto; margin: 0 0 5%;}
    .demo-join-2 li{ width: 50%;}
    .demo-join-3 .demo-box .demo-w{ width: auto; }
    .demo-join-3 .demo-box .demo-w .demo-c{height:40vw ; width: 40vw; display: block; margin: 0 auto;}


    .demo-join-3 .demo-box .demo-w ul{ width: 80%; margin: 0 auto;}
    .demo-join-3 .demo-box .demo-w li{ position: relative; left: 0 !important; top: 0 !important; text-align: left !important; padding-left: 2em !important; margin-bottom: 1em;}
    .demo-join-3 .demo-box .demo-w li::after{ left: 0 !important; top: 0.4em !important; margin: 0 !important;}

    .demo-join5box{ width: 90%;  padding: 3em 0;}
    .demo-join-6 li.c1{ width: 50%;}
    .demo-join-6 li.c2, 
    .demo-join-6 li.c3,
    .demo-join-6 li.c4,
    .demo-join-6 li.c5{ width: 50%;}
    .demo-join-6 li.c3 .demo-img_ratio, 
    .demo-join-6 li.c2 .demo-img_ratio{ padding-top: 77.5%;}
    .demo-join-6 li.c4 .demo-img_ratio, 
    .demo-join-6 li.c5 .demo-img_ratio{ padding-top: 70%;}

    .demo-tit-b{ width: 90%; text-align: justify;}
    .demo-tit-b dt{ text-align: center;}

    .demo-join-4-box{ width: 90%; padding: 10% 0;}
    .demo-join-4-box ul{ margin: 0; padding-top: 5.5em;}
    .demo-join-4-box li .demo-w{ padding: 1em;}
    .demo-join-4-box li{ position:unset;}
    .demo-join-4-box li .demo-w dt img{ width: 2em; height: 2em;}
    .demo-join-4-box li .demo-w dd{ padding: 2em 0;}
    .demo-join-4-box li .demo-bt{ padding: 1em; min-width: 3em; border-radius: 1em !important; border-bottom-right-radius: 0 !important; font-size: 1em; }
    .demo-join-4-box li.c1 .demo-bt{ left: 0; top: 0; right: auto; bottom: auto; transform: none; }
    .demo-join-4-box li.c2 .demo-bt{ left: 5.5em; top: 0; right: auto;  bottom: auto;transform: none; }
    .demo-join-4-box li.c3 .demo-bt{ left: 11em; top: 0; right: auto;  bottom: auto;transform: none; }
    .demo-join-4-box li.c4 .demo-bt{ left: 16.5em; top: 0; right: auto;  bottom: auto;transform: none; }


    .demo-setmap li dl{ display: block;}
    .demo-setmap li dt{ margin: 10px;}
    .demo-setmap li dd p{ width: 50%;}
    .demo-contact22 li{ float: none; width: auto; min-height:auto; margin-bottom: 10%;}
    .demo-contact22 li .demo-ww{ display: block;}
    .demo-contact22 li .demo-left{ width: auto; margin: 0 0 5%;}

    .demo-contact li .demo-ww{ display: block;}
    .demo-contact li .demo-left{ width: auto; margin: 0 0 5%;}
    .demo-contact-art .demo-top .demo-item2{ margin: 0 10px;}
    .demo-contact-art .demo-top .demo-item3 a{ padding: 0 10px; white-space: nowrap;}

    .demo-contact-art .demo-table thead{ display: none;}
    .demo-contact-art .demo-table tbody tr:nth-child(2n){ background: #fff;}
    .demo-contact-art .demo-table tr{ display: block; border: 1px solid #eee; margin-bottom: 2em;}
    .demo-contact-art .demo-table td{ display: block; position: relative; border: 0; }
    .demo-contact-art .demo-table td::before{ content: attr(data-t) " :"; margin-right: 1em; color: #aaa; }
    .demo-contact-art .demo-table td:nth-child(2n){ background: #fafafa;}

    .demo-other_banner_2 .demo-txt{ bottom: 50px;}

    .demo-download-1 li{ width: 100%;}
    .demo-download-2 li{ width: 50%;}

    .demo-network-3 ul{ max-width: none;}
    .demo-network-3 ul dt img{ width: 30px; height: 30px;}

    .demo-pro-2 .demo-box{ padding: 8% 0; position: relative; max-width: none; transform: none; top: 0;}
    .demo-pro-2 ul li dt img{width: 30px; height: 30px;}
    .demo-pro-2 ul{ margin: 2em 0;}

    .demo-pro-2 .demo-bg{ width: 100%; margin: 0;}
    
    .demo-pro-3 .demo-box{ padding: 10% 0;}
    .demo-pro-3 h3{ margin-bottom: 0.5em;}
    .demo-pro-3 .demo-left{ margin-right: 0; }


    .demo-investor-box .demo-box{ display: block;}
    .demo-investor-box .demo-left{ width: auto; margin: 0 0 10%;}
    .demo-inv-1 li .demo-w{ padding: 10px;}
    .demo-inv-2-box{ display: block;}
    .demo-inv-3 .demo-t{ padding-left: 0;}
    .demo-inv-2-right{ width: auto; margin: 5% 0 0;}
    .demo-inv-4{ padding-left: 0; padding-bottom: 10%;}

    .demo-shares-1 li{ float: none; width: auto;}
    .demo-shares-1 .demo-img{ display: block; text-align: center;}
    .demo-shares-1 .demo-img .demo-item{ margin-bottom: 5%;}
    .demo-comtable{ overflow:auto;}
    .demo-comtable table{ min-width: 1000px;}
    .demo-comtable::-webkit-scrollbar {
        width: 10px;     
        height: 3px;
    }
    .demo-search-title .demo-t1{ width: 90%;}
    .demo-search-title .demo-t1 button{ width: 4em;}
    .demo-comtable::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background: #007dd8;
    }
    .demo-notice-1 .demo-top{ display: block;}
    .demo-notice-1 .demo-top .demo-left{ margin-bottom: 5%;}
    .demo-government-1 .demo-art{ padding: 5% 0 10%;}
    .demo-government-1 .demo-top .demo-flex{ width: 80%; margin: 0 auto; justify-content: space-between;}
    .demo-government-1 .demo-top a{ margin: 0 0;}
    
    .demo-notice-list li > div{ display:block;}
    .demo-notice-list .demo-w{ padding-bottom:5px;}
    .demo-notice-list li .demo-right{ padding-bottom:1em; justify-content:flex-end;}
    
    .demo-search-title .demo-t2{ font-size:1rem;}
    .demo-prolist-art-2 .demo-box{ padding-right:0;}
    
    .demo-home-2 li .demo-w .demo-bon{ display:none;}
    
} 


/*英文css*/
.demo-en_body .demo-menu-product .demo-left a{font-size:1.4rem;}
.demo-en_body .demo-header-wrap .demo-menu li{ padding:0 1.5em; font-size:1.4rem;}
.demo-en_body .demo-child-ul li a{font-size:1.4rem;}
.demo-en_body .demo-footer_top .demo-right ul dt{ font-size:1.6rem}
.demo-en_body .demo-footer_top .demo-right ul dd{ font-size:1.2rem}
.demo-en_body .demo-footer_top .demo-left{ font-size:1.4rem}



@media only screen and (max-width:1360px) {
    .demo-en_body .demo-menu-product .demo-left a{font-size:1.3rem;}
    .demo-en_body .demo-header-wrap .demo-menu li{ padding:0 1em; font-size:1.3rem;}
    .demo-en_body .demo-child-ul li a{font-size:1.3rem;}
    .demo-en_body .demo-menu-product .demo-right dd li{font-size:1.2rem;}
}
@media only screen and (max-width:1000px) {
    .demo-en_body .demo-phone-menu li dt,
    .demo-en_body .demo-phone-menu li dd{font-size:1.2rem;}
}

/*end英文css*/








/* === font-awesome.min.css === */
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('fontawesome-webfont.eot?v=4.7.0');src:url('fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('fontawesome-webfont.woff?v=4.7.0') format('woff'),url('fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

/* === swiper.min.css === */
/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
/* === viewer.min.css === */
/*!
 * Viewer.js v0.3.1
 * https://github.com/fengyuanchen/viewerjs
 *
 * Copyright (c) 2015-2016 Fengyuan Chen
 * Released under the MIT license
 *
 * Date: 2016-02-02T11:35:36.273Z
 */.demo-viewer-container,.demo-viewer-navbar{background-color:#000;overflow:hidden}.demo-viewer-canvas,.demo-viewer-container,.demo-viewer-footer,.demo-viewer-player{right:0;bottom:0;left:0}.demo-viewer-button,.demo-viewer-canvas,.demo-viewer-container,.demo-viewer-footer,.demo-viewer-list,.demo-viewer-navbar,.demo-viewer-open,.demo-viewer-title,.demo-viewer-toolbar,.demo-viewer-toolbar>li{overflow:hidden}.demo-viewer-close:before,.demo-viewer-flip-horizontal:before,.demo-viewer-flip-vertical:before,.demo-viewer-fullscreen-exit:before,.demo-viewer-fullscreen:before,.demo-viewer-next:before,.demo-viewer-one-to-one:before,.demo-viewer-play:before,.demo-viewer-prev:before,.demo-viewer-reset:before,.demo-viewer-rotate-left:before,.demo-viewer-rotate-right:before,.demo-viewer-zoom-in:before,.demo-viewer-zoom-out:before{font-size:0;line-height:0;display:block;width:20px;height:20px;color:transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC);background-repeat:no-repeat}.demo-viewer-zoom-in:before{content:'Zoom In';background-position:0 0}.demo-viewer-zoom-out:before{content:'Zoom Out';background-position:-20px 0}.demo-viewer-one-to-one:before{content:'One to One';background-position:-40px 0}.demo-viewer-reset:before{content:'Reset';background-position:-60px 0}.demo-viewer-prev:before{content:'Previous';background-position:-80px 0}.demo-viewer-play:before{content:'Play';background-position:-100px 0}.demo-viewer-next:before{content:'Next';background-position:-120px 0}.demo-viewer-rotate-left:before{content:'Rotate Left';background-position:-140px 0}.demo-viewer-rotate-right:before{content:'Rotate Right';background-position:-160px 0}.demo-viewer-flip-horizontal:before{content:'Flip Horizontal';background-position:-180px 0}.demo-viewer-flip-vertical:before{content:'Flip Vertical';background-position:-200px 0}.demo-viewer-fullscreen:before{content:'Enter Full Screen';background-position:-220px 0}.demo-viewer-fullscreen-exit:before{content:'Exit Full Screen';background-position:-240px 0}.demo-viewer-close:before{content:'Close';background-position:-260px 0}.demo-viewer-container{font-size:0;line-height:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(0,0,0,.5);direction:ltr!important;-ms-touch-action:none;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.demo-viewer-container ::-moz-selection,.demo-viewer-container::-moz-selection{background-color:transparent}.demo-viewer-container ::selection,.demo-viewer-container::selection{background-color:transparent}.demo-viewer-container img{display:block;width:100%;min-width:0!important;max-width:none!important;height:auto;min-height:0!important;max-height:none!important}.demo-viewer-player,.demo-viewer-tooltip{display:none;position:absolute}.demo-viewer-canvas{position:absolute;top:0}.demo-viewer-canvas>img{width:auto;max-width:90%!important;height:auto;margin:15px auto}.demo-viewer-footer{position:absolute;text-align:center}.demo-viewer-navbar{background-color:rgba(0,0,0,.5)}.demo-viewer-list{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:50px;margin:0;padding:1px 0}.demo-viewer-list>li{font-size:0;line-height:0;float:left;overflow:hidden;width:30px;height:50px;cursor:pointer;opacity:.5;color:transparent;filter:alpha(opacity=50)}.demo-viewer-list>li+li{margin-left:1px}.demo-viewer-list>.demo-viewer-active{opacity:1;filter:alpha(opacity=100)}.demo-viewer-player{top:0;cursor:none;background-color:#000}.demo-viewer-player>img{position:absolute;top:0;left:0}.demo-viewer-toolbar{width:280px;margin:0 auto 5px;padding:3px 0}.demo-viewer-toolbar>li{float:left;width:24px;height:24px;cursor:pointer;border-radius:50%;background-color:#000;background-color:rgba(0,0,0,.5)}.demo-viewer-toolbar>li:hover{background-color:#000;background-color:rgba(0,0,0,.8)}.demo-viewer-toolbar>li:before{margin:2px}.demo-viewer-toolbar>li+li{margin-left:1px}.demo-viewer-toolbar>.demo-viewer-play{width:30px;height:30px;margin-top:-3px;margin-bottom:-3px}.demo-viewer-toolbar>.demo-viewer-play:before{margin:5px}.demo-viewer-tooltip{font-size:12px;line-height:20px;top:50%;left:50%;width:50px;height:20px;margin-top:-10px;margin-left:-25px;text-align:center;color:#fff;border-radius:10px;background-color:#000;background-color:rgba(0,0,0,.8)}.demo-viewer-title{font-size:12px;line-height:1;display:inline-block;max-width:90%;margin:0 5% 5px;white-space:nowrap;text-overflow:ellipsis;opacity:.8;color:#ccc;filter:alpha(opacity=80)}.demo-viewer-title:hover{opacity:1;filter:alpha(opacity=100)}.demo-viewer-button{position:absolute;top:-40px;right:-40px;width:80px;height:80px;cursor:pointer;border-radius:50%;background-color:#000;background-color:rgba(0,0,0,.5)}.demo-viewer-button:before{position:absolute;bottom:15px;left:15px}.demo-viewer-fixed{position:fixed}.demo-viewer-show{display:block}.demo-viewer-hide{display:none}.demo-viewer-invisible{visibility:hidden}.demo-viewer-move{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.demo-viewer-fade{opacity:0;filter:alpha(opacity=0)}.demo-viewer-in{opacity:1;filter:alpha(opacity=100)}.demo-viewer-transition{-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}@media (max-width:767px){.demo-viewer-hide-xs-down{display:none}}@media (max-width:991px){.demo-viewer-hide-sm-down{display:none}}@media (max-width:1199px){.demo-viewer-hide-md-down{display:none}}
/* === animate.min.css === */
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%,
  100%,
  20%,
  53%,
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  0%,
  100%,
  20%,
  53%,
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

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

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceIn {
  0%,
  100%,
  20%,
  40%,
  60%,
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%,
  100%,
  20%,
  40%,
  60%,
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

@-webkit-keyframes bounceInDown {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInLeft {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInRight {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInUp {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 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);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 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);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

@-webkit-keyframes bounceOutDown {
  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);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
  }
}

@keyframes bounceOutDown {
  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);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
  }
}

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

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0);
  }
}

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

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(80px, 0, 0);
    transform: translate3d(80px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(80px, 0, 0);
    transform: translate3d(80px, 0, 0);
  }
}

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

@-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);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 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);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0);
  }
}

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

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(80px, 0, 0);
    transform: translate3d(80px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(80px, 0, 0);
    transform: translate3d(80px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

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

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

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

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
  }
}

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

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(80px, 0, 0);
    transform: translate3d(80px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(80px, 0, 0);
    transform: translate3d(80px, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

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

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0);
  }
}

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

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

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

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

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

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  100% {
    opacity: 0;
  }
}

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

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 80px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 80px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 80px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 80px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-80px, 0, 0);
    transform: scale(0.1) translate3d(-80px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-80px, 0, 0);
    transform: scale(0.1) translate3d(-80px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

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

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(80px, 0, 0);
    transform: scale(0.1) translate3d(80px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(80px, 0, 0);
    transform: scale(0.1) translate3d(80px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

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

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -80px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -80px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -80px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -80px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    visibility: visible;
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    visibility: visible;
    opacity: 0;

  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;

  }
}

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

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    visibility: visible;
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    visibility: visible;
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

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

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    visibility: visible;
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;

  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    visibility: visible;
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

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


@-webkit-keyframes slideInUp2 {
  0% {
    -webkit-transform: translateY(40px) scale(0.8);
    transform: translateY(40px) scale(0.8);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
   opacity: 1;
  }
}

@keyframes slideInUp2 {
  0% {
    -webkit-transform: translateY(40px) scale(0.8);
    transform: translateY(40px) scale(0.8);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    opacity: 1;
   
  }
}

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

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

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

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

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

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

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

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

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

/* === layui.css === */
.layui-inline,img{display:inline-block;vertical-align:middle}h1,h2,h3,h4,h5,h6{font-weight:400}a,body{color:#333}.layui-edge,.layui-header,.layui-inline,.layui-main{position:relative}.layui-edge,hr{height:0;overflow:hidden}.layui-layout-body,.layui-side,.layui-side-scroll{overflow-x:hidden}.layui-edge,.layui-elip,hr{overflow:hidden}.layui-btn,.layui-edge,.layui-inline,img{vertical-align:middle}.layui-btn,.layui-disabled,.layui-icon,.layui-unselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}img{border:none}li{list-style:none}table{border-collapse:collapse;border-spacing:0}h4,h5,h6{font-size:100%}button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}hr{line-height:0;margin:10px 0;padding:0;border:none!important;border-bottom:1px solid #eee!important;clear:both;background:0 0}a{text-decoration:none}a cite{font-style:normal;*cursor:pointer}.layui-border-box,.layui-border-box *{box-sizing:border-box}.layui-box,.layui-box *{box-sizing:content-box}.layui-clear{clear:both;*zoom:1}.layui-clear:after{content:'\20';clear:both;*zoom:1;display:block;height:0}.layui-inline{*display:inline;*zoom:1}.layui-btn,.layui-btn-group,.layui-edge{display:inline-block}.layui-edge{width:0;border-width:6px;border-style:dashed;border-color:transparent}.layui-edge-top{top:-4px;border-bottom-color:#999;border-bottom-style:solid}.layui-edge-right{border-left-color:#999;border-left-style:solid}.layui-edge-bottom{top:2px;border-top-color:#999;border-top-style:solid}.layui-edge-left{border-right-color:#999;border-right-style:solid}.layui-elip{text-overflow:ellipsis;white-space:nowrap}.layui-disabled,.layui-disabled:hover{color:#d2d2d2!important;cursor:not-allowed!important}.layui-circle{border-radius:100%}.layui-show{display:block!important}.layui-hide{display:none!important}.layui-show-v{visibility:visible!important}.layui-hide-v{visibility:hidden!important}@font-face{font-family:layui-icon;src:url(../font/iconfont.eot?v=256);src:url(../font/iconfont.eot?v=256#iefix) format('embedded-opentype'),url(../font/iconfont.woff2?v=256) format('woff2'),url(../font/iconfont.woff?v=256) format('woff'),url(../font/iconfont.ttf?v=256) format('truetype'),url(../font/iconfont.svg?v=256#layui-icon) format('svg')}.layui-icon{font-family:layui-icon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layui-icon-reply-fill:before{content:"\e611"}.layui-icon-set-fill:before{content:"\e614"}.layui-icon-menu-fill:before{content:"\e60f"}.layui-icon-search:before{content:"\e615"}.layui-icon-share:before{content:"\e641"}.layui-icon-set-sm:before{content:"\e620"}.layui-icon-engine:before{content:"\e628"}.layui-icon-close:before{content:"\1006"}.layui-icon-close-fill:before{content:"\1007"}.layui-icon-chart-screen:before{content:"\e629"}.layui-icon-star:before{content:"\e600"}.layui-icon-circle-dot:before{content:"\e617"}.layui-icon-chat:before{content:"\e606"}.layui-icon-release:before{content:"\e609"}.layui-icon-list:before{content:"\e60a"}.layui-icon-chart:before{content:"\e62c"}.layui-icon-ok-circle:before{content:"\1005"}.layui-icon-layim-theme:before{content:"\e61b"}.layui-icon-table:before{content:"\e62d"}.layui-icon-right:before{content:"\e602"}.layui-icon-left:before{content:"\e603"}.layui-icon-cart-simple:before{content:"\e698"}.layui-icon-face-cry:before{content:"\e69c"}.layui-icon-face-smile:before{content:"\e6af"}.layui-icon-survey:before{content:"\e6b2"}.layui-icon-tree:before{content:"\e62e"}.layui-icon-ie:before{content:"\e7bb"}.layui-icon-upload-circle:before{content:"\e62f"}.layui-icon-add-circle:before{content:"\e61f"}.layui-icon-download-circle:before{content:"\e601"}.layui-icon-templeate-1:before{content:"\e630"}.layui-icon-util:before{content:"\e631"}.layui-icon-face-surprised:before{content:"\e664"}.layui-icon-edit:before{content:"\e642"}.layui-icon-speaker:before{content:"\e645"}.layui-icon-down:before{content:"\e61a"}.layui-icon-file:before{content:"\e621"}.layui-icon-layouts:before{content:"\e632"}.layui-icon-rate-half:before{content:"\e6c9"}.layui-icon-add-circle-fine:before{content:"\e608"}.layui-icon-prev-circle:before{content:"\e633"}.layui-icon-read:before{content:"\e705"}.layui-icon-404:before{content:"\e61c"}.layui-icon-carousel:before{content:"\e634"}.layui-icon-help:before{content:"\e607"}.layui-icon-code-circle:before{content:"\e635"}.layui-icon-windows:before{content:"\e67f"}.layui-icon-water:before{content:"\e636"}.layui-icon-username:before{content:"\e66f"}.layui-icon-find-fill:before{content:"\e670"}.layui-icon-about:before{content:"\e60b"}.layui-icon-location:before{content:"\e715"}.layui-icon-up:before{content:"\e619"}.layui-icon-pause:before{content:"\e651"}.layui-icon-date:before{content:"\e637"}.layui-icon-layim-uploadfile:before{content:"\e61d"}.layui-icon-delete:before{content:"\e640"}.layui-icon-play:before{content:"\e652"}.layui-icon-top:before{content:"\e604"}.layui-icon-firefox:before{content:"\e686"}.layui-icon-friends:before{content:"\e612"}.layui-icon-refresh-3:before{content:"\e9aa"}.layui-icon-ok:before{content:"\e605"}.layui-icon-layer:before{content:"\e638"}.layui-icon-face-smile-fine:before{content:"\e60c"}.layui-icon-dollar:before{content:"\e659"}.layui-icon-group:before{content:"\e613"}.layui-icon-layim-download:before{content:"\e61e"}.layui-icon-picture-fine:before{content:"\e60d"}.layui-icon-link:before{content:"\e64c"}.layui-icon-diamond:before{content:"\e735"}.layui-icon-log:before{content:"\e60e"}.layui-icon-key:before{content:"\e683"}.layui-icon-rate-solid:before{content:"\e67a"}.layui-icon-fonts-del:before{content:"\e64f"}.layui-icon-unlink:before{content:"\e64d"}.layui-icon-fonts-clear:before{content:"\e639"}.layui-icon-triangle-r:before{content:"\e623"}.layui-icon-circle:before{content:"\e63f"}.layui-icon-radio:before{content:"\e643"}.layui-icon-align-center:before{content:"\e647"}.layui-icon-align-right:before{content:"\e648"}.layui-icon-align-left:before{content:"\e649"}.layui-icon-loading-1:before{content:"\e63e"}.layui-icon-return:before{content:"\e65c"}.layui-icon-fonts-strong:before{content:"\e62b"}.layui-icon-upload:before{content:"\e67c"}.layui-icon-dialogue:before{content:"\e63a"}.layui-icon-video:before{content:"\e6ed"}.layui-icon-headset:before{content:"\e6fc"}.layui-icon-cellphone-fine:before{content:"\e63b"}.layui-icon-add-1:before{content:"\e654"}.layui-icon-face-smile-b:before{content:"\e650"}.layui-icon-fonts-html:before{content:"\e64b"}.layui-icon-screen-full:before{content:"\e622"}.layui-icon-form:before{content:"\e63c"}.layui-icon-cart:before{content:"\e657"}.layui-icon-camera-fill:before{content:"\e65d"}.layui-icon-tabs:before{content:"\e62a"}.layui-icon-heart-fill:before{content:"\e68f"}.layui-icon-fonts-code:before{content:"\e64e"}.layui-icon-ios:before{content:"\e680"}.layui-icon-at:before{content:"\e687"}.layui-icon-fire:before{content:"\e756"}.layui-icon-set:before{content:"\e716"}.layui-icon-fonts-u:before{content:"\e646"}.layui-icon-triangle-d:before{content:"\e625"}.layui-icon-tips:before{content:"\e702"}.layui-icon-picture:before{content:"\e64a"}.layui-icon-more-vertical:before{content:"\e671"}.layui-icon-bluetooth:before{content:"\e689"}.layui-icon-flag:before{content:"\e66c"}.layui-icon-loading:before{content:"\e63d"}.layui-icon-fonts-i:before{content:"\e644"}.layui-icon-refresh-1:before{content:"\e666"}.layui-icon-rmb:before{content:"\e65e"}.layui-icon-addition:before{content:"\e624"}.layui-icon-home:before{content:"\e68e"}.layui-icon-time:before{content:"\e68d"}.layui-icon-user:before{content:"\e770"}.layui-icon-notice:before{content:"\e667"}.layui-icon-chrome:before{content:"\e68a"}.layui-icon-edge:before{content:"\e68b"}.layui-icon-login-weibo:before{content:"\e675"}.layui-icon-voice:before{content:"\e688"}.layui-icon-upload-drag:before{content:"\e681"}.layui-icon-login-qq:before{content:"\e676"}.layui-icon-snowflake:before{content:"\e6b1"}.layui-icon-heart:before{content:"\e68c"}.layui-icon-logout:before{content:"\e682"}.layui-icon-file-b:before{content:"\e655"}.layui-icon-template:before{content:"\e663"}.layui-icon-transfer:before{content:"\e691"}.layui-icon-auz:before{content:"\e672"}.layui-icon-console:before{content:"\e665"}.layui-icon-app:before{content:"\e653"}.layui-icon-prev:before{content:"\e65a"}.layui-icon-website:before{content:"\e7ae"}.layui-icon-next:before{content:"\e65b"}.layui-icon-component:before{content:"\e857"}.layui-icon-android:before{content:"\e684"}.layui-icon-more:before{content:"\e65f"}.layui-icon-login-wechat:before{content:"\e677"}.layui-icon-shrink-right:before{content:"\e668"}.layui-icon-spread-left:before{content:"\e66b"}.layui-icon-camera:before{content:"\e660"}.layui-icon-note:before{content:"\e66e"}.layui-icon-refresh:before{content:"\e669"}.layui-icon-female:before{content:"\e661"}.layui-icon-male:before{content:"\e662"}.layui-icon-screen-restore:before{content:"\e758"}.layui-icon-password:before{content:"\e673"}.layui-icon-senior:before{content:"\e674"}.layui-icon-theme:before{content:"\e66a"}.layui-icon-tread:before{content:"\e6c5"}.layui-icon-praise:before{content:"\e6c6"}.layui-icon-star-fill:before{content:"\e658"}.layui-icon-rate:before{content:"\e67b"}.layui-icon-template-1:before{content:"\e656"}.layui-icon-vercode:before{content:"\e679"}.layui-icon-service:before{content:"\e626"}.layui-icon-cellphone:before{content:"\e678"}.layui-icon-print:before{content:"\e66d"}.layui-icon-cols:before{content:"\e610"}.layui-icon-wifi:before{content:"\e7e0"}.layui-icon-export:before{content:"\e67d"}.layui-icon-rss:before{content:"\e808"}.layui-icon-slider:before{content:"\e714"}.layui-icon-email:before{content:"\e618"}.layui-icon-subtraction:before{content:"\e67e"}.layui-icon-mike:before{content:"\e6dc"}.layui-icon-light:before{content:"\e748"}.layui-icon-gift:before{content:"\e627"}.layui-icon-mute:before{content:"\e685"}.layui-icon-reduce-circle:before{content:"\e616"}.layui-icon-music:before{content:"\e690"}.layui-main{width:1140px;margin:0 auto}.layui-header{z-index:1000;height:60px}.layui-header a:hover{transition:all .5s;-webkit-transition:all .5s}.layui-side{position:fixed;left:0;top:0;bottom:0;z-index:999;width:200px}.layui-side-scroll{position:relative;width:220px;height:100%}.layui-body{position:relative;left:200px;right:0;top:0;bottom:0;z-index:900;width:auto;box-sizing:border-box}.layui-layout-admin .layui-header{position:fixed;top:0;left:0;right:0;background-color:#23262E}.layui-layout-admin .layui-side{top:60px;width:200px;overflow-x:hidden}.layui-layout-admin .layui-body{position:absolute;top:60px;padding-bottom:44px}.layui-layout-admin .layui-main{width:auto;margin:0 15px}.layui-layout-admin .layui-footer{position:fixed;left:200px;right:0;bottom:0;z-index:990;height:44px;line-height:44px;padding:0 15px;box-shadow:-1px 0 4px rgb(0 0 0 / 12%);background-color:#FAFAFA}.layui-layout-admin .layui-logo{position:absolute;left:0;top:0;width:200px;height:100%;line-height:60px;text-align:center;color:#009688;font-size:16px;box-shadow:0 1px 2px 0 rgb(0 0 0 / 15%)}.layui-layout-admin .layui-header .layui-nav{background:0 0}.layui-layout-left{position:absolute!important;left:200px;top:0}.layui-layout-right{position:absolute!important;right:0;top:0}.layui-container{position:relative;margin:0 auto;padding:0 15px;box-sizing:border-box}.layui-fluid{position:relative;margin:0 auto;padding:0 15px}.layui-row:after,.layui-row:before{content:"";display:block;clear:both}.layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9,.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9,.layui-col-sm1,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9,.layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9{position:relative;display:block;box-sizing:border-box}.layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9{float:left}.layui-col-xs1{width:8.33333333%}.layui-col-xs2{width:16.66666667%}.layui-col-xs3{width:25%}.layui-col-xs4{width:33.33333333%}.layui-col-xs5{width:41.66666667%}.layui-col-xs6{width:50%}.layui-col-xs7{width:58.33333333%}.layui-col-xs8{width:66.66666667%}.layui-col-xs9{width:75%}.layui-col-xs10{width:83.33333333%}.layui-col-xs11{width:91.66666667%}.layui-col-xs12{width:100%}.layui-col-xs-offset1{margin-left:8.33333333%}.layui-col-xs-offset2{margin-left:16.66666667%}.layui-col-xs-offset3{margin-left:25%}.layui-col-xs-offset4{margin-left:33.33333333%}.layui-col-xs-offset5{margin-left:41.66666667%}.layui-col-xs-offset6{margin-left:50%}.layui-col-xs-offset7{margin-left:58.33333333%}.layui-col-xs-offset8{margin-left:66.66666667%}.layui-col-xs-offset9{margin-left:75%}.layui-col-xs-offset10{margin-left:83.33333333%}.layui-col-xs-offset11{margin-left:91.66666667%}.layui-col-xs-offset12{margin-left:100%}@media screen and (max-width:768px){.layui-hide-xs{display:none!important}.layui-show-xs-block{display:block!important}.layui-show-xs-inline{display:inline!important}.layui-show-xs-inline-block{display:inline-block!important}}@media screen and (min-width:768px){.layui-container{width:750px}.layui-hide-sm{display:none!important}.layui-show-sm-block{display:block!important}.layui-show-sm-inline{display:inline!important}.layui-show-sm-inline-block{display:inline-block!important}.layui-col-sm1,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9{float:left}.layui-col-sm1{width:8.33333333%}.layui-col-sm2{width:16.66666667%}.layui-col-sm3{width:25%}.layui-col-sm4{width:33.33333333%}.layui-col-sm5{width:41.66666667%}.layui-col-sm6{width:50%}.layui-col-sm7{width:58.33333333%}.layui-col-sm8{width:66.66666667%}.layui-col-sm9{width:75%}.layui-col-sm10{width:83.33333333%}.layui-col-sm11{width:91.66666667%}.layui-col-sm12{width:100%}.layui-col-sm-offset1{margin-left:8.33333333%}.layui-col-sm-offset2{margin-left:16.66666667%}.layui-col-sm-offset3{margin-left:25%}.layui-col-sm-offset4{margin-left:33.33333333%}.layui-col-sm-offset5{margin-left:41.66666667%}.layui-col-sm-offset6{margin-left:50%}.layui-col-sm-offset7{margin-left:58.33333333%}.layui-col-sm-offset8{margin-left:66.66666667%}.layui-col-sm-offset9{margin-left:75%}.layui-col-sm-offset10{margin-left:83.33333333%}.layui-col-sm-offset11{margin-left:91.66666667%}.layui-col-sm-offset12{margin-left:100%}}@media screen and (min-width:992px){.layui-container{width:970px}.layui-hide-md{display:none!important}.layui-show-md-block{display:block!important}.layui-show-md-inline{display:inline!important}.layui-show-md-inline-block{display:inline-block!important}.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9{float:left}.layui-col-md1{width:8.33333333%}.layui-col-md2{width:16.66666667%}.layui-col-md3{width:25%}.layui-col-md4{width:33.33333333%}.layui-col-md5{width:41.66666667%}.layui-col-md6{width:50%}.layui-col-md7{width:58.33333333%}.layui-col-md8{width:66.66666667%}.layui-col-md9{width:75%}.layui-col-md10{width:83.33333333%}.layui-col-md11{width:91.66666667%}.layui-col-md12{width:100%}.layui-col-md-offset1{margin-left:8.33333333%}.layui-col-md-offset2{margin-left:16.66666667%}.layui-col-md-offset3{margin-left:25%}.layui-col-md-offset4{margin-left:33.33333333%}.layui-col-md-offset5{margin-left:41.66666667%}.layui-col-md-offset6{margin-left:50%}.layui-col-md-offset7{margin-left:58.33333333%}.layui-col-md-offset8{margin-left:66.66666667%}.layui-col-md-offset9{margin-left:75%}.layui-col-md-offset10{margin-left:83.33333333%}.layui-col-md-offset11{margin-left:91.66666667%}.layui-col-md-offset12{margin-left:100%}}@media screen and (min-width:1200px){.layui-container{width:1170px}.layui-hide-lg{display:none!important}.layui-show-lg-block{display:block!important}.layui-show-lg-inline{display:inline!important}.layui-show-lg-inline-block{display:inline-block!important}.layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9{float:left}.layui-col-lg1{width:8.33333333%}.layui-col-lg2{width:16.66666667%}.layui-col-lg3{width:25%}.layui-col-lg4{width:33.33333333%}.layui-col-lg5{width:41.66666667%}.layui-col-lg6{width:50%}.layui-col-lg7{width:58.33333333%}.layui-col-lg8{width:66.66666667%}.layui-col-lg9{width:75%}.layui-col-lg10{width:83.33333333%}.layui-col-lg11{width:91.66666667%}.layui-col-lg12{width:100%}.layui-col-lg-offset1{margin-left:8.33333333%}.layui-col-lg-offset2{margin-left:16.66666667%}.layui-col-lg-offset3{margin-left:25%}.layui-col-lg-offset4{margin-left:33.33333333%}.layui-col-lg-offset5{margin-left:41.66666667%}.layui-col-lg-offset6{margin-left:50%}.layui-col-lg-offset7{margin-left:58.33333333%}.layui-col-lg-offset8{margin-left:66.66666667%}.layui-col-lg-offset9{margin-left:75%}.layui-col-lg-offset10{margin-left:83.33333333%}.layui-col-lg-offset11{margin-left:91.66666667%}.layui-col-lg-offset12{margin-left:100%}}.layui-col-space1{margin:-.5px}.layui-col-space1>*{padding:.5px}.layui-col-space2{margin:-1px}.layui-col-space2>*{padding:1px}.layui-col-space4{margin:-2px}.layui-col-space4>*{padding:2px}.layui-col-space5{margin:-2.5px}.layui-col-space5>*{padding:2.5px}.layui-col-space6{margin:-3px}.layui-col-space6>*{padding:3px}.layui-col-space8{margin:-4px}.layui-col-space8>*{padding:4px}.layui-col-space10{margin:-5px}.layui-col-space10>*{padding:5px}.layui-col-space12{margin:-6px}.layui-col-space12>*{padding:6px}.layui-col-space14{margin:-7px}.layui-col-space14>*{padding:7px}.layui-col-space15{margin:-7.5px}.layui-col-space15>*{padding:7.5px}.layui-col-space16{margin:-8px}.layui-col-space16>*{padding:8px}.layui-col-space18{margin:-9px}.layui-col-space18>*{padding:9px}.layui-col-space20{margin:-10px}.layui-col-space20>*{padding:10px}.layui-col-space22{margin:-11px}.layui-col-space22>*{padding:11px}.layui-col-space24{margin:-12px}.layui-col-space24>*{padding:12px}.layui-col-space25{margin:-12.5px}.layui-col-space25>*{padding:12.5px}.layui-col-space26{margin:-13px}.layui-col-space26>*{padding:13px}.layui-col-space28{margin:-14px}.layui-col-space28>*{padding:14px}.layui-col-space30{margin:-15px}.layui-col-space30>*{padding:15px}.layui-btn,.layui-input,.layui-select,.layui-textarea,.layui-upload-button{outline:0;-webkit-appearance:none;transition:all .3s;-webkit-transition:all .3s;box-sizing:border-box}.layui-elem-quote{margin-bottom:10px;padding:15px;line-height:1.6;border-left:5px solid #5FB878;border-radius:0 2px 2px 0;background-color:#FAFAFA}.layui-quote-nm{border-style:solid;border-width:1px 1px 1px 5px;background:0 0}.layui-elem-field{margin-bottom:10px;padding:0;border-width:1px;border-style:solid}.layui-elem-field legend{margin-left:20px;padding:0 10px;font-size:20px;font-weight:300}.layui-field-title{margin:10px 0 20px;border-width:1px 0 0}.layui-field-box{padding:15px}.layui-field-title .layui-field-box{padding:10px 0}.layui-progress{position:relative;height:6px;border-radius:20px;background-color:#eee}.layui-progress-bar{position:absolute;left:0;top:0;width:0;max-width:100%;height:6px;border-radius:20px;text-align:right;background-color:#5FB878;transition:all .3s;-webkit-transition:all .3s}.layui-progress-big,.layui-progress-big .layui-progress-bar{height:18px;line-height:18px}.layui-progress-text{position:relative;top:-20px;line-height:18px;font-size:12px;color:#666}.layui-progress-big .layui-progress-text{position:static;padding:0 10px;color:#fff}.layui-collapse{border-width:1px;border-style:solid;border-radius:2px}.layui-colla-content,.layui-colla-item{border-top-width:1px;border-top-style:solid}.layui-colla-item:first-child{border-top:none}.layui-colla-title{position:relative;height:42px;line-height:42px;padding:0 15px 0 35px;color:#333;background-color:#FAFAFA;cursor:pointer;font-size:14px;overflow:hidden}.layui-colla-content{display:none;padding:10px 15px;line-height:1.6;color:#666}.layui-colla-icon{position:absolute;left:15px;top:0;font-size:14px}.layui-card-body,.layui-card-header,.layui-form-label,.layui-form-mid,.layui-form-select,.layui-input-block,.layui-input-inline,.layui-panel,.layui-textarea{position:relative}.layui-card{margin-bottom:15px;border-radius:2px;background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.layui-form-select dl,.layui-panel{box-shadow:1px 1px 4px rgb(0 0 0 / 8%)}.layui-card:last-child{margin-bottom:0}.layui-card-header{height:42px;line-height:42px;padding:0 15px;border-bottom:1px solid #f6f6f6;color:#333;border-radius:2px 2px 0 0;font-size:14px}.layui-card-body{padding:10px 15px;line-height:24px}.layui-card-body[pad15]{padding:15px}.layui-card-body[pad20]{padding:20px}.layui-card-body .layui-table{margin:5px 0}.layui-card .layui-tab{margin:0}.layui-panel{border-width:1px;border-style:solid;border-radius:2px;background-color:#fff;color:#666}.layui-bg-black,.layui-bg-blue,.layui-bg-cyan,.layui-bg-green,.layui-bg-orange,.layui-bg-red{color:#fff!important}.layui-panel-window{position:relative;padding:15px;border-radius:0;border-top:5px solid #eee;background-color:#fff}.layui-border,.layui-border-black,.layui-border-blue,.layui-border-cyan,.layui-border-green,.layui-border-orange,.layui-border-red{border-width:1px;border-style:solid}.layui-auxiliar-moving{position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:0 0;z-index:9999999999}.layui-bg-red{background-color:#FF5722!important}.layui-bg-orange{background-color:#FFB800!important}.layui-bg-green{background-color:#009688!important}.layui-bg-cyan{background-color:#2F4056!important}.layui-bg-blue{background-color:#1E9FFF!important}.layui-bg-black{background-color:#393D49!important}.layui-bg-gray{background-color:#FAFAFA!important;color:#666!important}.layui-badge-rim,.layui-border,.layui-colla-content,.layui-colla-item,.layui-collapse,.layui-elem-field,.layui-form-pane .layui-form-item[pane],.layui-form-pane .layui-form-label,.layui-input,.layui-layedit,.layui-layedit-tool,.layui-panel,.layui-quote-nm,.layui-select,.layui-tab-bar,.layui-tab-card,.layui-tab-title,.layui-tab-title .layui-this:after,.layui-textarea{border-color:#eee}.layui-border{color:#666!important}.layui-border-red{border-color:#FF5722!important;color:#FF5722!important}.layui-border-orange{border-color:#FFB800!important;color:#FFB800!important}.layui-border-green{border-color:#009688!important;color:#009688!important}.layui-border-cyan{border-color:#2F4056!important;color:#2F4056!important}.layui-border-blue{border-color:#1E9FFF!important;color:#1E9FFF!important}.layui-border-black{border-color:#393D49!important;color:#393D49!important}.layui-timeline-item:before{background-color:#eee}.layui-text{line-height:1.6;font-size:14px;color:#666}.layui-text h1,.layui-text h2,.layui-text h3{font-weight:500;color:#333}.layui-text h1{font-size:30px}.layui-text h2{font-size:24px}.layui-text h3{font-size:18px}.layui-text a:not(.layui-btn){color:#01AAED}.layui-text a:not(.layui-btn):hover{text-decoration:underline}.layui-text ul{padding:5px 0 5px 15px}.layui-text ul li{margin-top:5px;list-style-type:disc}.layui-text em,.layui-word-aux{color:#999!important;padding-left:5px!important;padding-right:5px!important}.layui-text p{margin:10px 0}.layui-text p:first-child{margin-top:0}.layui-font-12{font-size:12px!important}.layui-font-14{font-size:14px!important}.layui-font-16{font-size:16px!important}.layui-font-18{font-size:18px!important}.layui-font-20{font-size:20px!important}.layui-font-red{color:#FF5722!important}.layui-font-orange{color:#FFB800!important}.layui-font-green{color:#009688!important}.layui-font-cyan{color:#2F4056!important}.layui-font-blue{color:#01AAED!important}.layui-font-black{color:#000!important}.layui-font-gray{color:#c2c2c2!important}.layui-btn{height:38px;line-height:38px;border:1px solid transparent;padding:0 18px;background-color:#009688;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border-radius:2px;cursor:pointer}.layui-btn:hover{opacity:.8;filter:alpha(opacity=80);color:#fff}.layui-btn:active{opacity:1;filter:alpha(opacity=100)}.layui-btn+.layui-btn{margin-left:10px}.layui-btn-container{font-size:0}.layui-btn-container .layui-btn{margin-right:10px;margin-bottom:10px}.layui-btn-container .layui-btn+.layui-btn{margin-left:0}.layui-table .layui-btn-container .layui-btn{margin-bottom:9px}.layui-btn-radius{border-radius:100px}.layui-btn .layui-icon{padding:0 2px;vertical-align:middle\9;vertical-align:bottom}.layui-btn-primary{border-color:#d2d2d2;background:0 0;color:#666}.layui-btn-primary:hover{border-color:#009688;color:#333}.layui-btn-normal{background-color:#1E9FFF}.layui-btn-warm{background-color:#FFB800}.layui-btn-danger{background-color:#FF5722}.layui-btn-checked{background-color:#5FB878}.layui-btn-disabled,.layui-btn-disabled:active,.layui-btn-disabled:hover{border-color:#eee!important;background-color:#FBFBFB!important;color:#d2d2d2!important;cursor:not-allowed!important;opacity:1}.layui-btn-lg{height:44px;line-height:44px;padding:0 25px;font-size:16px}.layui-btn-sm{height:30px;line-height:30px;padding:0 10px;font-size:12px}.layui-btn-xs{height:22px;line-height:22px;padding:0 5px;font-size:12px}.layui-btn-xs i{font-size:12px!important}.layui-btn-group{vertical-align:middle;font-size:0}.layui-btn-group .layui-btn{margin-left:0!important;margin-right:0!important;border-left:1px solid rgba(255,255,255,.5);border-radius:0}.layui-btn-group .layui-btn-primary{border-left:none}.layui-btn-group .layui-btn-primary:hover{border-color:#d2d2d2;color:#009688}.layui-btn-group .layui-btn:first-child{border-left:none;border-radius:2px 0 0 2px}.layui-btn-group .layui-btn-primary:first-child{border-left:1px solid #d2d2d2}.layui-btn-group .layui-btn:last-child{border-radius:0 2px 2px 0}.layui-btn-group .layui-btn+.layui-btn{margin-left:0}.layui-btn-group+.layui-btn-group{margin-left:10px}.layui-btn-fluid{width:100%}.layui-input,.layui-select,.layui-textarea{height:38px;line-height:1.3;line-height:38px\9;border-width:1px;border-style:solid;background-color:#fff;color:rgba(0,0,0,.85);border-radius:2px}.layui-input::-webkit-input-placeholder,.layui-select::-webkit-input-placeholder,.layui-textarea::-webkit-input-placeholder{line-height:1.3}.layui-input,.layui-textarea{display:block;width:100%;padding-left:10px}.layui-input:hover,.layui-textarea:hover{border-color:#eee!important}.layui-input:focus,.layui-textarea:focus{border-color:#d2d2d2!important}.layui-textarea{min-height:100px;height:auto;line-height:20px;padding:6px 10px;resize:vertical}.layui-select{padding:0 10px}.layui-form input[type=checkbox],.layui-form input[type=radio],.layui-form select{display:none}.layui-form [lay-ignore]{display:initial}.layui-form-item{margin-bottom:15px;clear:both;*zoom:1}.layui-form-item:after{content:'\20';clear:both;*zoom:1;display:block;height:0}.layui-form-label{float:left;display:block;padding:9px 15px;width:80px;font-weight:400;line-height:20px;text-align:right}.layui-form-label-col{display:block;float:none;padding:9px 0;line-height:20px;text-align:left}.layui-form-item .layui-inline{margin-bottom:5px;margin-right:10px}.layui-input-block{margin-left:110px;min-height:36px}.layui-input-inline{display:inline-block;vertical-align:middle}.layui-form-item .layui-input-inline{float:left;width:190px;margin-right:10px}.layui-form-text .layui-input-inline{width:auto}.layui-form-mid{float:left;display:block;padding:9px 0!important;line-height:20px;margin-right:10px}.layui-form-danger+.layui-form-select .layui-input,.layui-form-danger:focus{border-color:#FF5722!important}.layui-form-select .layui-input{padding-right:30px;cursor:pointer}.layui-form-select .layui-edge{position:absolute;right:10px;top:50%;margin-top:-3px;cursor:pointer;border-width:6px;border-top-color:#c2c2c2;border-top-style:solid;transition:all .3s;-webkit-transition:all .3s}.layui-form-select dl{display:none;position:absolute;left:0;top:42px;padding:5px 0;z-index:899;min-width:100%;border:1px solid #eee;max-height:300px;overflow-y:auto;background-color:#fff;border-radius:2px;box-sizing:border-box}.layui-form-select dl dd,.layui-form-select dl dt{padding:0 10px;line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layui-form-select dl dt{font-size:12px;color:#999}.layui-form-select dl dd{cursor:pointer}.layui-form-select dl dd:hover{background-color:#F6F6F6;-webkit-transition:.5s all;transition:.5s all}.layui-form-select .layui-select-group dd{padding-left:20px}.layui-form-select dl dd.layui-select-tips{padding-left:10px!important;color:#999}.layui-form-select dl dd.layui-this{background-color:#5FB878;color:#fff}.layui-form-checkbox,.layui-form-select dl dd.layui-disabled{background-color:#fff}.layui-form-selected dl{display:block}.layui-form-checkbox,.layui-form-checkbox *,.layui-form-switch{display:inline-block;vertical-align:middle}.layui-form-selected .layui-edge{margin-top:-9px;-webkit-transform:rotate(180deg);transform:rotate(180deg);margin-top:-3px\9}:root .layui-form-selected .layui-edge{margin-top:-9px\0/IE9}.layui-form-selectup dl{top:auto;bottom:42px}.layui-select-none{margin:5px 0;text-align:center;color:#999}.layui-select-disabled .layui-disabled{border-color:#eee!important}.layui-select-disabled .layui-edge{border-top-color:#d2d2d2}.layui-form-checkbox{position:relative;height:30px;line-height:30px;margin-right:10px;padding-right:30px;cursor:pointer;font-size:0;-webkit-transition:.1s linear;transition:.1s linear;box-sizing:border-box}.layui-form-checkbox span{padding:0 10px;height:100%;font-size:14px;border-radius:2px 0 0 2px;background-color:#d2d2d2;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.layui-form-checkbox:hover span{background-color:#c2c2c2}.layui-form-checkbox i{position:absolute;right:0;top:0;width:30px;height:28px;border:1px solid #d2d2d2;border-left:none;border-radius:0 2px 2px 0;color:#fff;font-size:20px;text-align:center}.layui-form-checkbox:hover i{border-color:#c2c2c2;color:#c2c2c2}.layui-form-checked,.layui-form-checked:hover{border-color:#5FB878}.layui-form-checked span,.layui-form-checked:hover span{background-color:#5FB878}.layui-form-checked i,.layui-form-checked:hover i{color:#5FB878}.layui-form-item .layui-form-checkbox{margin-top:4px}.layui-form-checkbox[lay-skin=primary]{height:auto!important;line-height:normal!important;min-width:18px;min-height:18px;border:none!important;margin-right:0;padding-left:28px;padding-right:0;background:0 0}.layui-form-checkbox[lay-skin=primary] span{padding-left:0;padding-right:15px;line-height:18px;background:0 0;color:#666}.layui-form-checkbox[lay-skin=primary] i{right:auto;left:0;width:16px;height:16px;line-height:16px;border:1px solid #d2d2d2;font-size:12px;border-radius:2px;background-color:#fff;-webkit-transition:.1s linear;transition:.1s linear}.layui-form-checkbox[lay-skin=primary]:hover i{border-color:#5FB878;color:#fff}.layui-form-checked[lay-skin=primary] i{border-color:#5FB878!important;background-color:#5FB878;color:#fff}.layui-checkbox-disabled[lay-skin=primary] span{background:0 0!important;color:#c2c2c2!important}.layui-checkbox-disabled[lay-skin=primary]:hover i{border-color:#d2d2d2}.layui-form-item .layui-form-checkbox[lay-skin=primary]{margin-top:10px}.layui-form-switch{position:relative;height:22px;line-height:22px;min-width:35px;padding:0 5px;margin-top:8px;border:1px solid #d2d2d2;border-radius:20px;cursor:pointer;background-color:#fff;-webkit-transition:.1s linear;transition:.1s linear}.layui-form-switch i{position:absolute;left:5px;top:3px;width:16px;height:16px;border-radius:20px;background-color:#d2d2d2;-webkit-transition:.1s linear;transition:.1s linear}.layui-form-switch em{position:relative;top:0;width:25px;margin-left:21px;padding:0!important;text-align:center!important;color:#999!important;font-style:normal!important;font-size:12px}.layui-form-onswitch{border-color:#5FB878;background-color:#5FB878}.layui-checkbox-disabled,.layui-checkbox-disabled i{border-color:#eee!important}.layui-form-onswitch i{left:100%;margin-left:-21px;background-color:#fff}.layui-form-onswitch em{margin-left:5px;margin-right:21px;color:#fff!important}.layui-checkbox-disabled span{background-color:#eee!important}.layui-checkbox-disabled em{color:#d2d2d2!important}.layui-checkbox-disabled:hover i{color:#fff!important}[lay-radio]{display:none}.layui-form-radio,.layui-form-radio *{display:inline-block;vertical-align:middle}.layui-form-radio{line-height:28px;margin:6px 10px 0 0;padding-right:10px;cursor:pointer;font-size:0}.layui-form-radio *{font-size:14px}.layui-form-radio>i{margin-right:8px;font-size:22px;color:#c2c2c2}.layui-form-radio:hover *,.layui-form-radioed,.layui-form-radioed>i{color:#5FB878}.layui-radio-disabled>i{color:#eee!important}.layui-radio-disabled *{color:#c2c2c2!important}.layui-form-pane .layui-form-label{width:110px;padding:8px 15px;height:38px;line-height:20px;border-width:1px;border-style:solid;border-radius:2px 0 0 2px;text-align:center;background-color:#FAFAFA;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box}.layui-form-pane .layui-input-inline{margin-left:-1px}.layui-form-pane .layui-input-block{margin-left:110px;left:-1px}.layui-form-pane .layui-input{border-radius:0 2px 2px 0}.layui-form-pane .layui-form-text .layui-form-label{float:none;width:100%;border-radius:2px;box-sizing:border-box;text-align:left}.layui-form-pane .layui-form-text .layui-input-inline{display:block;margin:0;top:-1px;clear:both}.layui-form-pane .layui-form-text .layui-input-block{margin:0;left:0;top:-1px}.layui-form-pane .layui-form-text .layui-textarea{min-height:100px;border-radius:0 0 2px 2px}.layui-form-pane .layui-form-checkbox{margin:4px 0 4px 10px}.layui-form-pane .layui-form-radio,.layui-form-pane .layui-form-switch{margin-top:6px;margin-left:10px}.layui-form-pane .layui-form-item[pane]{position:relative;border-width:1px;border-style:solid}.layui-form-pane .layui-form-item[pane] .layui-form-label{position:absolute;left:0;top:0;height:100%;border-width:0 1px 0 0}.layui-form-pane .layui-form-item[pane] .layui-input-inline{margin-left:110px}@media screen and (max-width:450px){.layui-form-item .layui-form-label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-form-item .layui-inline{display:block;margin-right:0;margin-bottom:20px;clear:both}.layui-form-item .layui-inline:after{content:'\20';clear:both;display:block;height:0}.layui-form-item .layui-input-inline{display:block;float:none;left:-3px;width:auto!important;margin:0 0 10px 112px}.layui-form-item .layui-input-inline+.layui-form-mid{margin-left:110px;top:-5px;padding:0}.layui-form-item .layui-form-checkbox{margin-right:5px;margin-bottom:5px}}.layui-layedit{border-width:1px;border-style:solid;border-radius:2px}.layui-layedit-tool{padding:3px 5px;border-bottom-width:1px;border-bottom-style:solid;font-size:0}.layedit-tool-fixed{position:fixed;top:0;border-top:1px solid #eee}.layui-layedit-tool .layedit-tool-mid,.layui-layedit-tool .layui-icon{display:inline-block;vertical-align:middle;text-align:center;font-size:14px}.layui-layedit-tool .layui-icon{position:relative;width:32px;height:30px;line-height:30px;margin:3px 5px;color:#777;cursor:pointer;border-radius:2px}.layui-layedit-tool .layui-icon:hover{color:#393D49}.layui-layedit-tool .layui-icon:active{color:#000}.layui-layedit-tool .layedit-tool-active{background-color:#eee;color:#000}.layui-layedit-tool .layui-disabled,.layui-layedit-tool .layui-disabled:hover{color:#d2d2d2;cursor:not-allowed}.layui-layedit-tool .layedit-tool-mid{width:1px;height:18px;margin:0 10px;background-color:#d2d2d2}.layedit-tool-html{width:50px!important;font-size:30px!important}.layedit-tool-b,.layedit-tool-code,.layedit-tool-help{font-size:16px!important}.layedit-tool-d,.layedit-tool-face,.layedit-tool-image,.layedit-tool-unlink{font-size:18px!important}.layedit-tool-image input{position:absolute;font-size:0;left:0;top:0;width:100%;height:100%;opacity:.01;filter:Alpha(opacity=1);cursor:pointer}.layui-layedit-iframe iframe{display:block;width:100%}#LAY_layedit_code{overflow:hidden}.layui-laypage{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;margin:10px 0;font-size:0}.layui-laypage>a:first-child,.layui-laypage>a:first-child em{border-radius:2px 0 0 2px}.layui-laypage>a:last-child,.layui-laypage>a:last-child em{border-radius:0 2px 2px 0}.layui-laypage>:first-child{margin-left:0!important}.layui-laypage>:last-child{margin-right:0!important}.layui-laypage a,.layui-laypage button,.layui-laypage input,.layui-laypage select,.layui-laypage span{border:1px solid #eee}.layui-laypage a,.layui-laypage span{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding:0 15px;height:28px;line-height:28px;margin:0 -1px 5px 0;background-color:#fff;color:#333;font-size:12px}.layui-flow-more a *,.layui-laypage input,.layui-table-view select[lay-ignore]{display:inline-block}.layui-laypage a:hover{color:#009688}.layui-laypage em{font-style:normal}.layui-laypage .layui-laypage-spr{color:#999;font-weight:700}.layui-laypage a{text-decoration:none}.layui-laypage .layui-laypage-curr{position:relative}.layui-laypage .layui-laypage-curr em{position:relative;color:#fff}.layui-laypage .layui-laypage-curr .layui-laypage-em{position:absolute;left:-1px;top:-1px;padding:1px;width:100%;height:100%;background-color:#009688}.layui-laypage-em{border-radius:2px}.layui-laypage-next em,.layui-laypage-prev em{font-family:Sim sun;font-size:16px}.layui-laypage .layui-laypage-count,.layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-refresh,.layui-laypage .layui-laypage-skip{margin-left:10px;margin-right:10px;padding:0;border:none}.layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-refresh{vertical-align:top}.layui-laypage .layui-laypage-refresh i{font-size:18px;cursor:pointer}.layui-laypage select{height:22px;padding:3px;border-radius:2px;cursor:pointer}.layui-laypage .layui-laypage-skip{height:30px;line-height:30px;color:#999}.layui-laypage button,.layui-laypage input{height:30px;line-height:30px;border-radius:2px;vertical-align:top;background-color:#fff;box-sizing:border-box}.layui-laypage input{width:40px;margin:0 10px;padding:0 3px;text-align:center}.layui-laypage input:focus,.layui-laypage select:focus{border-color:#009688!important}.layui-laypage button{margin-left:10px;padding:0 10px;cursor:pointer}.layui-table,.layui-table-view{margin:10px 0}.layui-flow-more{margin:10px 0;text-align:center;color:#999;font-size:14px}.layui-flow-more a{height:32px;line-height:32px}.layui-flow-more a *{vertical-align:top}.layui-flow-more a cite{padding:0 20px;border-radius:3px;background-color:#eee;color:#333;font-style:normal}.layui-flow-more a cite:hover{opacity:.8}.layui-flow-more a i{font-size:30px;color:#737383}.layui-table{width:100%;background-color:#fff;color:#666}.layui-table tr{transition:all .3s;-webkit-transition:all .3s}.layui-table th{text-align:left;font-weight:400}.layui-table tbody tr:hover,.layui-table thead tr,.layui-table-click,.layui-table-header,.layui-table-hover,.layui-table-mend,.layui-table-patch,.layui-table-tool,.layui-table-total,.layui-table-total tr,.layui-table[lay-even] tr:nth-child(even){background-color:#FAFAFA}.layui-table td,.layui-table th,.layui-table-col-set,.layui-table-fixed-r,.layui-table-grid-down,.layui-table-header,.layui-table-page,.layui-table-tips-main,.layui-table-tool,.layui-table-total,.layui-table-view,.layui-table[lay-skin=line],.layui-table[lay-skin=row]{border-width:1px;border-style:solid;border-color:#eee}.layui-table td,.layui-table th{position:relative;padding:9px 15px;min-height:20px;line-height:20px;font-size:14px}.layui-table[lay-skin=line] td,.layui-table[lay-skin=line] th{border-width:0 0 1px}.layui-table[lay-skin=row] td,.layui-table[lay-skin=row] th{border-width:0 1px 0 0}.layui-table[lay-skin=nob] td,.layui-table[lay-skin=nob] th{border:none}.layui-table img{max-width:100px}.layui-table[lay-size=lg] td,.layui-table[lay-size=lg] th{padding:15px 30px}.layui-table-view .layui-table[lay-size=lg] .layui-table-cell{height:40px;line-height:40px}.layui-table[lay-size=sm] td,.layui-table[lay-size=sm] th{font-size:12px;padding:5px 10px}.layui-table-view .layui-table[lay-size=sm] .layui-table-cell{height:20px;line-height:20px}.layui-table[lay-data]{display:none}.layui-table-box{position:relative;overflow:hidden}.layui-table-view .layui-table{position:relative;width:auto;margin:0}.layui-table-view .layui-table[lay-skin=line]{border-width:0 1px 0 0}.layui-table-view .layui-table[lay-skin=row]{border-width:0 0 1px}.layui-table-view .layui-table td,.layui-table-view .layui-table th{padding:5px 0;border-top:none;border-left:none}.layui-table-view .layui-table th.layui-unselect .layui-table-cell span{cursor:pointer}.layui-table-view .layui-table td{cursor:default}.layui-table-view .layui-table td[data-edit=text]{cursor:text}.layui-table-view .layui-form-checkbox[lay-skin=primary] i{width:18px;height:18px}.layui-table-view .layui-form-radio{line-height:0;padding:0}.layui-table-view .layui-form-radio>i{margin:0;font-size:20px}.layui-table-init{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;z-index:110}.layui-table-init .layui-icon{position:absolute;left:50%;top:50%;margin:-15px 0 0 -15px;font-size:30px;color:#c2c2c2}.layui-table-header{border-width:0 0 1px;overflow:hidden}.layui-table-header .layui-table{margin-bottom:-1px}.layui-table-tool .layui-inline[lay-event]{position:relative;width:26px;height:26px;padding:5px;line-height:16px;margin-right:10px;text-align:center;color:#333;border:1px solid #ccc;cursor:pointer;-webkit-transition:.5s all;transition:.5s all}.layui-table-tool .layui-inline[lay-event]:hover{border:1px solid #999}.layui-table-tool-temp{padding-right:120px}.layui-table-tool-self{position:absolute;right:17px;top:10px}.layui-table-tool .layui-table-tool-self .layui-inline[lay-event]{margin:0 0 0 10px}.layui-table-tool-panel{position:absolute;top:29px;left:-1px;padding:5px 0;min-width:150px;min-height:40px;border:1px solid #d2d2d2;text-align:left;overflow-y:auto;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12)}.layui-table-cell,.layui-table-tool-panel li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layui-table-tool-panel li{padding:0 10px;line-height:30px;-webkit-transition:.5s all;transition:.5s all}.layui-menu li,.layui-menu-body-title a:hover,.layui-menu-body-title>.layui-icon:hover{transition:all .3s}.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary]{width:100%;padding-left:28px}.layui-table-tool-panel li:hover{background-color:#F6F6F6}.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] i{position:absolute;left:0;top:0}.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] span{padding:0}.layui-table-tool .layui-table-tool-self .layui-table-tool-panel{left:auto;right:-1px}.layui-table-col-set{position:absolute;right:0;top:0;width:20px;height:100%;border-width:0 0 0 1px;background-color:#fff}.layui-table-sort{width:10px;height:20px;margin-left:5px;cursor:pointer!important}.layui-table-sort .layui-edge{position:absolute;left:5px;border-width:5px}.layui-table-sort .layui-table-sort-asc{top:3px;border-top:none;border-bottom-style:solid;border-bottom-color:#b2b2b2}.layui-table-sort .layui-table-sort-asc:hover{border-bottom-color:#666}.layui-table-sort .layui-table-sort-desc{bottom:5px;border-bottom:none;border-top-style:solid;border-top-color:#b2b2b2}.layui-table-sort .layui-table-sort-desc:hover{border-top-color:#666}.layui-table-sort[lay-sort=asc] .layui-table-sort-asc{border-bottom-color:#000}.layui-table-sort[lay-sort=desc] .layui-table-sort-desc{border-top-color:#000}.layui-table-cell{height:28px;line-height:28px;padding:0 15px;position:relative;box-sizing:border-box}.layui-table-cell .layui-form-checkbox[lay-skin=primary]{top:-1px;padding:0}.layui-table-cell .layui-table-link{color:#01AAED}.laytable-cell-checkbox,.laytable-cell-numbers,.laytable-cell-radio,.laytable-cell-space{padding:0;text-align:center}.layui-table-body{position:relative;overflow:auto;margin-right:-1px;margin-bottom:-1px}.layui-table-body .layui-none{line-height:26px;padding:30px 15px;text-align:center;color:#999}.layui-table-fixed{position:absolute;left:0;top:0;z-index:101}.layui-table-fixed .layui-table-body{overflow:hidden}.layui-table-fixed-l{box-shadow:1px 0 8px rgba(0,0,0,.08)}.layui-table-fixed-r{left:auto;right:-1px;border-width:0 0 0 1px;box-shadow:-1px 0 8px rgba(0,0,0,.08)}.layui-table-fixed-r .layui-table-header{position:relative;overflow:visible}.layui-table-mend{position:absolute;right:-49px;top:0;height:100%;width:50px}.layui-table-tool{position:relative;z-index:890;width:100%;min-height:50px;line-height:30px;padding:10px 15px;border-width:0 0 1px}.layui-table-tool .layui-btn-container{margin-bottom:-10px}.layui-table-page,.layui-table-total{border-width:1px 0 0;margin-bottom:-1px;overflow:hidden}.layui-table-page{position:relative;width:100%;padding:7px 7px 0;height:41px;font-size:12px;white-space:nowrap}.layui-table-page>div{height:26px}.layui-table-page .layui-laypage{margin:0}.layui-table-page .layui-laypage a,.layui-table-page .layui-laypage span{height:26px;line-height:26px;margin-bottom:10px;border:none;background:0 0}.layui-table-page .layui-laypage a,.layui-table-page .layui-laypage span.layui-laypage-curr{padding:0 12px}.layui-table-page .layui-laypage span{margin-left:0;padding:0}.layui-table-page .layui-laypage .layui-laypage-prev{margin-left:-7px!important}.layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em{left:0;top:0;padding:0}.layui-table-page .layui-laypage button,.layui-table-page .layui-laypage input{height:26px;line-height:26px}.layui-table-page .layui-laypage input{width:40px}.layui-table-page .layui-laypage button{padding:0 10px}.layui-table-page select{height:18px}.layui-table-patch .layui-table-cell{padding:0;width:30px}.layui-table-edit{position:absolute;left:0;top:0;width:100%;height:100%;padding:0 14px 1px;border-radius:0;box-shadow:1px 1px 20px rgba(0,0,0,.15)}.layui-table-edit:focus{border-color:#5FB878!important}select.layui-table-edit{padding:0 0 0 10px;border-color:#d2d2d2}.layui-table-view .layui-form-checkbox,.layui-table-view .layui-form-radio,.layui-table-view .layui-form-switch{top:0;margin:0;box-sizing:content-box}.layui-colorpicker-alpha-slider,.layui-colorpicker-side-slider,.layui-menu,.layui-menu *,.layui-nav{box-sizing:border-box}.layui-table-view .layui-form-checkbox{top:-1px;height:26px;line-height:26px}.layui-table-view .layui-form-checkbox i{height:26px}.layui-table-grid .layui-table-cell{overflow:visible}.layui-table-grid-down{position:absolute;top:0;right:0;width:26px;height:100%;padding:5px 0;border-width:0 0 0 1px;text-align:center;background-color:#fff;color:#999;cursor:pointer}.layui-table-grid-down .layui-icon{position:absolute;top:50%;left:50%;margin:-8px 0 0 -8px}.layui-table-grid-down:hover{background-color:#fbfbfb}body .layui-table-tips .layui-layer-content{background:0 0;padding:0;box-shadow:0 1px 6px rgba(0,0,0,.12)}.layui-table-tips-main{margin:-44px 0 0 -1px;max-height:150px;padding:8px 15px;font-size:14px;overflow-y:scroll;background-color:#fff;color:#666}.layui-table-tips-c{position:absolute;right:-3px;top:-13px;width:20px;height:20px;padding:3px;cursor:pointer;background-color:#666;border-radius:50%;color:#fff}.layui-table-tips-c:hover{background-color:#777}.layui-table-tips-c:before{position:relative;right:-2px}.layui-upload-file{display:none!important;opacity:.01;filter:Alpha(opacity=1)}.layui-upload-drag,.layui-upload-form,.layui-upload-wrap{display:inline-block}.layui-upload-list{margin:10px 0}.layui-upload-choose{max-width:200px;padding:0 10px;color:#999;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-upload-drag{position:relative;padding:30px;border:1px dashed #e2e2e2;background-color:#fff;text-align:center;cursor:pointer;color:#999}.layui-upload-drag .layui-icon{font-size:50px;color:#009688}.layui-upload-drag[lay-over]{border-color:#009688}.layui-upload-iframe{position:absolute;width:0;height:0;border:0;visibility:hidden}.layui-upload-wrap{position:relative;vertical-align:middle}.layui-upload-wrap .layui-upload-file{display:block!important;position:absolute;left:0;top:0;z-index:10;font-size:100px;width:100%;height:100%;opacity:.01;filter:Alpha(opacity=1);cursor:pointer}.layui-btn-container .layui-upload-choose{padding-left:0}.layui-menu{position:relative;margin:5px 0;background-color:#fff}.layui-menu li,.layui-menu-body-title a{padding:5px 15px}.layui-menu li{position:relative;margin:1px 0;width:calc(100% + 1px);line-height:26px;color:rgba(0,0,0,.8);font-size:14px;white-space:nowrap;cursor:pointer}.layui-menu li:hover{background-color:#F6F6F6}.layui-menu-item-parent:hover>.layui-menu-body-panel{display:block;animation-name:layui-fadein;animation-duration:.3s;animation-fill-mode:both;animation-delay:.2s}.layui-menu-item-group .layui-menu-body-title,.layui-menu-item-parent .layui-menu-body-title{padding-right:25px}.layui-menu .layui-menu-item-divider:hover,.layui-menu .layui-menu-item-group:hover,.layui-menu .layui-menu-item-none:hover{background:0 0;cursor:default}.layui-menu .layui-menu-item-group>ul{margin:5px 0 -5px}.layui-menu .layui-menu-item-group>.layui-menu-body-title{color:rgba(0,0,0,.35);user-select:none}.layui-menu .layui-menu-item-none{color:rgba(0,0,0,.35);cursor:default;text-align:center}.layui-menu .layui-menu-item-divider{margin:5px 0;padding:0;height:0;line-height:0;border-bottom:1px solid #eee;overflow:hidden}.layui-menu .layui-menu-item-down:hover,.layui-menu .layui-menu-item-up:hover{cursor:pointer}.layui-menu .layui-menu-item-up>.layui-menu-body-title{color:rgba(0,0,0,.8)}.layui-menu .layui-menu-item-up>ul{visibility:hidden;height:0;overflow:hidden}.layui-menu .layui-menu-item-down:hover>.layui-menu-body-title>.layui-icon,.layui-menu .layui-menu-item-up>.layui-menu-body-title:hover>.layui-icon{color:rgba(0,0,0,1)}.layui-menu .layui-menu-item-down>ul{visibility:visible;height:auto}.layui-breadcrumb,.layui-tree-btnGroup{visibility:hidden}.layui-menu .layui-menu-item-checked,.layui-menu .layui-menu-item-checked2{background-color:#F6F6F6!important;color:#5FB878}.layui-menu .layui-menu-item-checked a,.layui-menu .layui-menu-item-checked2 a{color:#5FB878}.layui-menu .layui-menu-item-checked:after{position:absolute;right:0;top:0;bottom:0;border-right:3px solid #5FB878;content:""}.layui-menu-body-title{position:relative;overflow:hidden;text-overflow:ellipsis}.layui-menu-body-title a{display:block;margin:-5px -15px;color:rgba(0,0,0,.8)}.layui-menu-body-title>.layui-icon{position:absolute;right:0;top:0;font-size:14px}.layui-menu-body-title>.layui-icon-right{right:-1px}.layui-menu-body-panel{display:none;position:absolute;top:-7px;left:100%;z-index:1000;margin-left:13px;padding:5px 0}.layui-menu-body-panel:before{content:"";position:absolute;width:20px;left:-16px;top:0;bottom:0}.layui-menu-body-panel-left{left:auto;right:100%;margin:0 13px}.layui-menu-body-panel-left:before{left:auto;right:-16px}.layui-menu-lg li{line-height:32px}.layui-menu-lg .layui-menu-body-title a:hover,.layui-menu-lg li:hover{background:0 0;color:#5FB878}.layui-menu-lg li .layui-menu-body-panel{margin-left:14px}.layui-menu-lg li .layui-menu-body-panel-left{margin:0 15px}.layui-dropdown{position:absolute;left:-999999px;top:-999999px;z-index:66666666;margin:5px 0;min-width:100px}.layui-dropdown:before{content:"";position:absolute;width:100%;height:6px;left:0;top:-6px}.layui-nav{position:relative;padding:0 20px;background-color:#393D49;color:#fff;border-radius:2px;font-size:0}.layui-nav *{font-size:14px}.layui-nav .layui-nav-item{position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;line-height:60px}.layui-nav .layui-nav-item a{display:block;padding:0 20px;color:#fff;color:rgba(255,255,255,.7);transition:all .3s;-webkit-transition:all .3s}.layui-nav .layui-this:after,.layui-nav-bar{content:"";position:absolute;left:0;top:0;width:0;height:5px;background-color:#5FB878;transition:all .2s;-webkit-transition:all .2s;pointer-events:none}.layui-nav-bar{z-index:1000}.layui-nav[lay-bar=disabled] .layui-nav-bar{display:none}.layui-nav .layui-nav-item a:hover,.layui-nav .layui-this a{color:#fff}.layui-nav .layui-this:after{top:auto;bottom:0;width:100%}.layui-nav-img{width:30px;height:30px;margin-right:10px;border-radius:50%}.layui-nav .layui-nav-more{position:absolute;top:0;right:3px;left:auto!important;margin-top:0;font-size:12px;cursor:pointer;transition:all .2s;-webkit-transition:all .2s}.layui-nav .layui-nav-mored,.layui-nav-itemed>a .layui-nav-more{transform:rotate(180deg)}.layui-nav-child{display:none;position:absolute;left:0;top:65px;min-width:100%;line-height:36px;padding:5px 0;box-shadow:0 2px 4px rgba(0,0,0,.12);border:1px solid #eee;background-color:#fff;z-index:100;border-radius:2px;white-space:nowrap}.layui-nav .layui-nav-child a{color:#666;color:rgba(0,0,0,.8)}.layui-nav .layui-nav-child a:hover{background-color:#F6F6F6;color:rgba(0,0,0,.8)}.layui-nav-child dd{margin:1px 0;position:relative}.layui-nav-child dd.layui-this{background-color:#F6F6F6;color:#000}.layui-nav-child dd.layui-this:after{display:none}.layui-nav-child-r{left:auto;right:0}.layui-nav-child-c{text-align:center}.layui-nav-tree{width:200px;padding:0}.layui-nav-tree .layui-nav-item{display:block;width:100%;line-height:40px}.layui-nav-tree .layui-nav-item a{position:relative;height:40px;line-height:40px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-nav-tree .layui-nav-item>a{padding-top:5px;padding-bottom:5px}.layui-nav-tree .layui-nav-more{right:15px}.layui-nav-tree .layui-nav-item>a .layui-nav-more{padding:5px 0}.layui-nav-tree .layui-nav-bar{width:5px;height:0;background-color:#009688}.layui-side .layui-nav-tree .layui-nav-bar{width:2px}.layui-nav-tree .layui-nav-child dd.layui-this,.layui-nav-tree .layui-nav-child dd.layui-this a,.layui-nav-tree .layui-this,.layui-nav-tree .layui-this>a,.layui-nav-tree .layui-this>a:hover{background-color:#009688;color:#fff}.layui-nav-tree .layui-this:after{display:none}.layui-nav-itemed>a,.layui-nav-tree .layui-nav-title a,.layui-nav-tree .layui-nav-title a:hover{color:#fff!important}.layui-nav-tree .layui-nav-child{position:relative;z-index:0;top:0;border:none;box-shadow:none}.layui-nav-tree .layui-nav-child dd{margin:0}.layui-nav-tree .layui-nav-child a{color:#fff;color:rgba(255,255,255,.7)}.layui-nav-tree .layui-nav-child,.layui-nav-tree .layui-nav-child a:hover{background:0 0;color:#fff}.layui-nav-itemed>.layui-nav-child{display:block;background-color:rgba(0,0,0,.3)!important}.layui-nav-itemed>.layui-nav-child>.layui-this>.layui-nav-child{display:block}.layui-nav-side{position:fixed;top:0;bottom:0;left:0;overflow-x:hidden;z-index:999}.layui-breadcrumb{font-size:0}.layui-breadcrumb>*{font-size:14px}.layui-breadcrumb a{color:#999!important}.layui-breadcrumb a:hover{color:#5FB878!important}.layui-breadcrumb a cite{color:#666;font-style:normal}.layui-breadcrumb span[lay-separator]{margin:0 10px;color:#999}.layui-tab{margin:10px 0;text-align:left!important}.layui-tab[overflow]>.layui-tab-title{overflow:hidden}.layui-tab-title{position:relative;left:0;height:40px;white-space:nowrap;font-size:0;border-bottom-width:1px;border-bottom-style:solid;transition:all .2s;-webkit-transition:all .2s}.layui-tab-title li{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;font-size:14px;transition:all .2s;-webkit-transition:all .2s;position:relative;line-height:40px;min-width:65px;padding:0 15px;text-align:center;cursor:pointer}.layui-tab-title li a{display:block;padding:0 15px;margin:0 -15px}.layui-tab-title .layui-this{color:#000}.layui-tab-title .layui-this:after{position:absolute;left:0;top:0;content:"";width:100%;height:41px;border-width:1px;border-style:solid;border-bottom-color:#fff;border-radius:2px 2px 0 0;box-sizing:border-box;pointer-events:none}.layui-tab-bar{position:absolute;right:0;top:0;z-index:10;width:30px;height:39px;line-height:39px;border-width:1px;border-style:solid;border-radius:2px;text-align:center;background-color:#fff;cursor:pointer}.layui-tab-bar .layui-icon{position:relative;display:inline-block;top:3px;transition:all .3s;-webkit-transition:all .3s}.layui-tab-item{display:none}.layui-tab-more{padding-right:30px;height:auto!important;white-space:normal!important}.layui-tab-more li.layui-this:after{border-bottom-color:#eee;border-radius:2px}.layui-tab-more .layui-tab-bar .layui-icon{top:-2px;top:3px\9;-webkit-transform:rotate(180deg);transform:rotate(180deg)}:root .layui-tab-more .layui-tab-bar .layui-icon{top:-2px\0/IE9}.layui-tab-content{padding:15px 0}.layui-tab-title li .layui-tab-close{position:relative;display:inline-block;width:18px;height:18px;line-height:20px;margin-left:8px;top:1px;text-align:center;font-size:14px;color:#c2c2c2;transition:all .2s;-webkit-transition:all .2s}.layui-tab-title li .layui-tab-close:hover{border-radius:2px;background-color:#FF5722;color:#fff}.layui-tab-brief>.layui-tab-title .layui-this{color:#009688}.layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after{border:none;border-radius:0;border-bottom:2px solid #5FB878}.layui-tab-brief[overflow]>.layui-tab-title .layui-this:after{top:-1px}.layui-tab-card{border-width:1px;border-style:solid;border-radius:2px;box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.layui-tab-card>.layui-tab-title{background-color:#FAFAFA}.layui-tab-card>.layui-tab-title li{margin-right:-1px;margin-left:-1px}.layui-tab-card>.layui-tab-title .layui-this{background-color:#fff}.layui-tab-card>.layui-tab-title .layui-this:after{border-top:none;border-width:1px;border-bottom-color:#fff}.layui-tab-card>.layui-tab-title .layui-tab-bar{height:40px;line-height:40px;border-radius:0;border-top:none;border-right:none}.layui-tab-card>.layui-tab-more .layui-this{background:0 0;color:#5FB878}.layui-tab-card>.layui-tab-more .layui-this:after{border:none}.layui-timeline{padding-left:5px}.layui-timeline-item{position:relative;padding-bottom:20px}.layui-timeline-axis{position:absolute;left:-5px;top:0;z-index:10;width:20px;height:20px;line-height:20px;background-color:#fff;color:#5FB878;border-radius:50%;text-align:center;cursor:pointer}.layui-timeline-axis:hover{color:#FF5722}.layui-timeline-item:before{content:"";position:absolute;left:5px;top:0;z-index:0;width:1px;height:100%}.layui-timeline-item:first-child:before{display:block}.layui-timeline-item:last-child:before{display:none}.layui-timeline-content{padding-left:25px}.layui-timeline-title{position:relative;margin-bottom:10px;line-height:22px}.layui-badge,.layui-badge-dot,.layui-badge-rim{position:relative;display:inline-block;padding:0 6px;font-size:12px;text-align:center;background-color:#FF5722;color:#fff;border-radius:2px}.layui-badge{height:18px;line-height:18px}.layui-badge-dot{width:8px;height:8px;padding:0;border-radius:50%}.layui-badge-rim{height:18px;line-height:18px;border-width:1px;border-style:solid;background-color:#fff;color:#666}.layui-btn .layui-badge,.layui-btn .layui-badge-dot{margin-left:5px}.layui-nav .layui-badge,.layui-nav .layui-badge-dot{position:absolute;top:50%;margin:-5px 6px 0}.layui-nav .layui-badge{margin-top:-10px}.layui-tab-title .layui-badge,.layui-tab-title .layui-badge-dot{left:5px;top:-2px}.layui-carousel{position:relative;left:0;top:0;background-color:#f8f8f8}.layui-carousel>[carousel-item]{position:relative;width:100%;height:100%;overflow:hidden}.layui-carousel>[carousel-item]:before{position:absolute;content:'\e63d';left:50%;top:50%;width:100px;line-height:20px;margin:-10px 0 0 -50px;text-align:center;color:#c2c2c2;font-family:layui-icon!important;font-size:30px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layui-carousel>[carousel-item]>*{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f8f8f8;transition-duration:.3s;-webkit-transition-duration:.3s}.layui-carousel-updown>*{-webkit-transition:.3s ease-in-out up;transition:.3s ease-in-out up}.layui-carousel-arrow{display:none\9;opacity:0;position:absolute;left:10px;top:50%;margin-top:-18px;width:36px;height:36px;line-height:36px;text-align:center;font-size:20px;border:0;border-radius:50%;background-color:rgba(0,0,0,.2);color:#fff;-webkit-transition-duration:.3s;transition-duration:.3s;cursor:pointer}.layui-carousel-arrow[lay-type=add]{left:auto!important;right:10px}.layui-carousel:hover .layui-carousel-arrow[lay-type=add],.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{right:20px}.layui-carousel[lay-arrow=always] .layui-carousel-arrow{opacity:1;left:20px}.layui-carousel[lay-arrow=none] .layui-carousel-arrow{display:none}.layui-carousel-arrow:hover,.layui-carousel-ind ul:hover{background-color:rgba(0,0,0,.35)}.layui-carousel:hover .layui-carousel-arrow{display:block\9;opacity:1;left:20px}.layui-carousel-ind{position:relative;top:-35px;width:100%;line-height:0!important;text-align:center;font-size:0}.layui-carousel[lay-indicator=outside]{margin-bottom:30px}.layui-carousel[lay-indicator=outside] .layui-carousel-ind{top:10px}.layui-carousel[lay-indicator=outside] .layui-carousel-ind ul{background-color:rgba(0,0,0,.5)}.layui-carousel[lay-indicator=none] .layui-carousel-ind{display:none}.layui-carousel-ind ul{display:inline-block;padding:5px;background-color:rgba(0,0,0,.2);border-radius:10px;-webkit-transition-duration:.3s;transition-duration:.3s}.layui-carousel-ind li{display:inline-block;width:10px;height:10px;margin:0 3px;font-size:14px;background-color:#eee;background-color:rgba(255,255,255,.5);border-radius:50%;cursor:pointer;-webkit-transition-duration:.3s;transition-duration:.3s}.layui-carousel-ind li:hover{background-color:rgba(255,255,255,.7)}.layui-carousel-ind li.layui-this{background-color:#fff}.layui-carousel>[carousel-item]>.layui-carousel-next,.layui-carousel>[carousel-item]>.layui-carousel-prev,.layui-carousel>[carousel-item]>.layui-this{display:block}.layui-carousel>[carousel-item]>.layui-this{left:0}.layui-carousel>[carousel-item]>.layui-carousel-prev{left:-100%}.layui-carousel>[carousel-item]>.layui-carousel-next{left:100%}.layui-carousel>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel>[carousel-item]>.layui-carousel-prev.layui-carousel-right{left:0}.layui-carousel>[carousel-item]>.layui-this.layui-carousel-left{left:-100%}.layui-carousel>[carousel-item]>.layui-this.layui-carousel-right{left:100%}.layui-carousel[lay-anim=updown] .layui-carousel-arrow{left:50%!important;top:20px;margin:0 0 0 -18px}.layui-carousel[lay-anim=updown]>[carousel-item]>*,.layui-carousel[lay-anim=fade]>[carousel-item]>*{left:0!important}.layui-carousel[lay-anim=updown] .layui-carousel-arrow[lay-type=add]{top:auto!important;bottom:20px}.layui-carousel[lay-anim=updown] .layui-carousel-ind{position:absolute;top:50%;right:20px;width:auto;height:auto}.layui-carousel[lay-anim=updown] .layui-carousel-ind ul{padding:3px 5px}.layui-carousel[lay-anim=updown] .layui-carousel-ind li{display:block;margin:6px 0}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this{top:0}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev{top:-100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next{top:100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev.layui-carousel-right{top:0}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-left{top:-100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-right{top:100%}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev{opacity:0}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev.layui-carousel-right{opacity:1}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-left,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-right{opacity:0}.layui-fixbar{position:fixed;right:15px;bottom:15px;z-index:999999}.layui-fixbar li{width:50px;height:50px;line-height:50px;margin-bottom:1px;text-align:center;cursor:pointer;font-size:30px;background-color:#9F9F9F;color:#fff;border-radius:2px;opacity:.95}.layui-fixbar li:hover{opacity:.85}.layui-fixbar li:active{opacity:1}.layui-fixbar .layui-fixbar-top{display:none;font-size:40px}body .layui-util-face{border:none;background:0 0}body .layui-util-face .layui-layer-content{padding:0;background-color:#fff;color:#666;box-shadow:none}.layui-util-face .layui-layer-TipsG{display:none}.layui-transfer-active,.layui-transfer-box{display:inline-block;vertical-align:middle}.layui-util-face ul{position:relative;width:372px;padding:10px;border:1px solid #D9D9D9;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.2)}.layui-util-face ul li{cursor:pointer;float:left;border:1px solid #e8e8e8;height:22px;width:26px;overflow:hidden;margin:-1px 0 0 -1px;padding:4px 2px;text-align:center}.layui-util-face ul li:hover{position:relative;z-index:2;border:1px solid #eb7350;background:#fff9ec}.layui-code{position:relative;margin:10px 0;padding:15px;line-height:20px;border:1px solid #eee;border-left-width:6px;background-color:#FAFAFA;color:#333;font-family:Courier New;font-size:12px}.layui-transfer-box,.layui-transfer-header,.layui-transfer-search{border-width:0;border-style:solid;border-color:#eee}.layui-transfer-box{position:relative;border-width:1px;width:200px;height:360px;border-radius:2px;background-color:#fff}.layui-transfer-box .layui-form-checkbox{width:100%;margin:0!important}.layui-transfer-header{height:38px;line-height:38px;padding:0 10px;border-bottom-width:1px}.layui-transfer-search{position:relative;padding:10px;border-bottom-width:1px}.layui-transfer-search .layui-input{height:32px;padding-left:30px;font-size:12px}.layui-transfer-search .layui-icon-search{position:absolute;left:20px;top:50%;margin-top:-8px;color:#666}.layui-transfer-active{margin:0 15px}.layui-transfer-active .layui-btn{display:block;margin:0;padding:0 15px;background-color:#5FB878;border-color:#5FB878;color:#fff}.layui-transfer-active .layui-btn-disabled{background-color:#FBFBFB;border-color:#eee;color:#d2d2d2}.layui-transfer-active .layui-btn:first-child{margin-bottom:15px}.layui-transfer-active .layui-btn .layui-icon{margin:0;font-size:14px!important}.layui-transfer-data{padding:5px 0;overflow:auto}.layui-transfer-data li{height:32px;line-height:32px;padding:0 10px}.layui-transfer-data li:hover{background-color:#F6F6F6;transition:.5s all}.layui-transfer-data .layui-none{padding:15px 10px;text-align:center;color:#999}.layui-rate,.layui-rate *{display:inline-block;vertical-align:middle}.layui-rate{padding:10px 5px 10px 0;font-size:0}.layui-rate li i.layui-icon{font-size:20px;color:#FFB800;margin-right:5px;transition:all .3s;-webkit-transition:all .3s}.layui-rate li i:hover{cursor:pointer;transform:scale(1.12);-webkit-transform:scale(1.12)}.layui-rate[readonly] li i:hover{cursor:default;transform:scale(1)}.layui-colorpicker{width:26px;height:26px;border:1px solid #eee;padding:5px;border-radius:2px;line-height:24px;display:inline-block;cursor:pointer;transition:all .3s;-webkit-transition:all .3s}.layui-colorpicker:hover{border-color:#d2d2d2}.layui-colorpicker.layui-colorpicker-lg{width:34px;height:34px;line-height:32px}.layui-colorpicker.layui-colorpicker-sm{width:24px;height:24px;line-height:22px}.layui-colorpicker.layui-colorpicker-xs{width:22px;height:22px;line-height:20px}.layui-colorpicker-trigger-bgcolor{display:block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);border-radius:2px}.layui-colorpicker-trigger-span{display:block;height:100%;box-sizing:border-box;border:1px solid rgba(0,0,0,.15);border-radius:2px;text-align:center}.layui-colorpicker-trigger-i{display:inline-block;color:#FFF;font-size:12px}.layui-colorpicker-trigger-i.layui-icon-close{color:#999}.layui-colorpicker-main{position:absolute;left:-999999px;top:-999999px;z-index:66666666;width:280px;margin:5px 0;padding:7px;background:#FFF;border:1px solid #d2d2d2;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.12)}.layui-colorpicker-main-wrapper{height:180px;position:relative}.layui-colorpicker-basis{width:260px;height:100%;position:relative}.layui-colorpicker-basis-white{width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(90deg,#FFF,hsla(0,0%,100%,0))}.layui-colorpicker-basis-black{width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(0deg,#000,transparent)}.layui-colorpicker-basis-cursor{width:10px;height:10px;border:1px solid #FFF;border-radius:50%;position:absolute;top:-3px;right:-3px;cursor:pointer}.layui-colorpicker-side{position:absolute;top:0;right:0;width:12px;height:100%;background:linear-gradient(red,#FF0,#0F0,#0FF,#00F,#F0F,red)}.layui-colorpicker-side-slider{width:100%;height:5px;box-shadow:0 0 1px #888;background:#FFF;border-radius:1px;border:1px solid #f0f0f0;cursor:pointer;position:absolute;left:0}.layui-colorpicker-main-alpha{display:none;height:12px;margin-top:7px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.layui-colorpicker-alpha-bgcolor{height:100%;position:relative}.layui-colorpicker-alpha-slider{width:5px;height:100%;box-shadow:0 0 1px #888;background:#FFF;border-radius:1px;border:1px solid #f0f0f0;cursor:pointer;position:absolute;top:0}.layui-colorpicker-main-pre{padding-top:7px;font-size:0}.layui-colorpicker-pre{width:20px;height:20px;border-radius:2px;display:inline-block;margin-left:6px;margin-bottom:7px;cursor:pointer}.layui-colorpicker-pre:nth-child(11n+1){margin-left:0}.layui-colorpicker-pre-isalpha{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.layui-colorpicker-pre.layui-this{box-shadow:0 0 3px 2px rgba(0,0,0,.15)}.layui-colorpicker-pre>div{height:100%;border-radius:2px}.layui-colorpicker-main-input{text-align:right;padding-top:7px}.layui-colorpicker-main-input .layui-btn-container .layui-btn{margin:0 0 0 10px}.layui-colorpicker-main-input div.layui-inline{float:left;margin-right:10px;font-size:14px}.layui-colorpicker-main-input input.layui-input{width:150px;height:30px;color:#666}.layui-slider{height:4px;background:#eee;border-radius:3px;position:relative;cursor:pointer}.layui-slider-bar{border-radius:3px;position:absolute;height:100%}.layui-slider-step{position:absolute;top:0;width:4px;height:4px;border-radius:50%;background:#FFF;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.layui-slider-wrap{width:36px;height:36px;position:absolute;top:-16px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10;text-align:center}.layui-slider-wrap-btn{width:12px;height:12px;border-radius:50%;background:#FFF;display:inline-block;vertical-align:middle;cursor:pointer;transition:.3s}.layui-slider-wrap:after{content:"";height:100%;display:inline-block;vertical-align:middle}.layui-slider-wrap-btn.layui-slider-hover,.layui-slider-wrap-btn:hover{transform:scale(1.2)}.layui-slider-wrap-btn.layui-disabled:hover{transform:scale(1)!important}.layui-slider-tips{position:absolute;top:-42px;z-index:66666666;white-space:nowrap;display:none;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#FFF;background:#000;border-radius:3px;height:25px;line-height:25px;padding:0 10px}.layui-slider-tips:after{content:"";position:absolute;bottom:-12px;left:50%;margin-left:-6px;width:0;height:0;border-width:6px;border-style:solid;border-color:#000 transparent transparent}.layui-slider-input{width:70px;height:32px;border:1px solid #eee;border-radius:3px;font-size:16px;line-height:32px;position:absolute;right:0;top:-14px}.layui-slider-input-btn{position:absolute;top:0;right:0;width:20px;height:100%;border-left:1px solid #eee}.layui-slider-input-btn i{cursor:pointer;position:absolute;right:0;bottom:0;width:20px;height:50%;font-size:12px;line-height:16px;text-align:center;color:#999}.layui-slider-input-btn i:first-child{top:0;border-bottom:1px solid #eee}.layui-slider-input-txt{height:100%;font-size:14px}.layui-slider-input-txt input{height:100%;border:none}.layui-slider-input-btn i:hover{color:#009688}.layui-slider-vertical{width:4px;margin-left:33px}.layui-slider-vertical .layui-slider-bar{width:4px}.layui-slider-vertical .layui-slider-step{top:auto;left:0;-webkit-transform:translateY(50%);transform:translateY(50%)}.layui-slider-vertical .layui-slider-wrap{top:auto;left:-16px;-webkit-transform:translateY(50%);transform:translateY(50%)}.layui-slider-vertical .layui-slider-tips{top:auto;left:2px}@media \0screen{.layui-slider-wrap-btn{margin-left:-20px}.layui-slider-vertical .layui-slider-wrap-btn{margin-left:0;margin-bottom:-20px}.layui-slider-vertical .layui-slider-tips{margin-left:-8px}.layui-slider>span{margin-left:8px}}.layui-tree{line-height:22px}.layui-tree .layui-form-checkbox{margin:0!important}.layui-tree-set{width:100%;position:relative}.layui-tree-pack{display:none;padding-left:20px;position:relative}.layui-tree-iconClick,.layui-tree-main{display:inline-block;vertical-align:middle}.layui-tree-line .layui-tree-pack{padding-left:27px}.layui-tree-line .layui-tree-set .layui-tree-set:after{content:"";position:absolute;top:14px;left:-9px;width:17px;height:0;border-top:1px dotted #c0c4cc}.layui-tree-entry{position:relative;padding:3px 0;height:20px;white-space:nowrap}.layui-tree-entry:hover{background-color:#eee}.layui-tree-line .layui-tree-entry:hover{background-color:rgba(0,0,0,0)}.layui-tree-line .layui-tree-entry:hover .layui-tree-txt{color:#999;text-decoration:underline;transition:.3s}.layui-tree-main{cursor:pointer;padding-right:10px}.layui-tree-line .layui-tree-set:before{content:"";position:absolute;top:0;left:-9px;width:0;height:100%;border-left:1px dotted #c0c4cc}.layui-tree-line .layui-tree-set.layui-tree-setLineShort:before{height:13px}.layui-tree-line .layui-tree-set.layui-tree-setHide:before{height:0}.layui-tree-iconClick{position:relative;height:20px;line-height:20px;margin:0 10px;color:#c0c4cc}.layui-tree-icon{height:12px;line-height:12px;width:12px;text-align:center;border:1px solid #c0c4cc}.layui-tree-iconClick .layui-icon{font-size:18px}.layui-tree-icon .layui-icon{font-size:12px;color:#666}.layui-tree-iconArrow{padding:0 5px}.layui-tree-iconArrow:after{content:"";position:absolute;left:4px;top:3px;z-index:100;width:0;height:0;border-width:5px;border-style:solid;border-color:transparent transparent transparent #c0c4cc;transition:.5s}.layui-tree-btnGroup,.layui-tree-editInput{position:relative;vertical-align:middle;display:inline-block}.layui-tree-spread>.layui-tree-entry>.layui-tree-iconClick>.layui-tree-iconArrow:after{transform:rotate(90deg) translate(3px,4px)}.layui-tree-txt{display:inline-block;vertical-align:middle;color:#555}.layui-tree-search{margin-bottom:15px;color:#666}.layui-tree-btnGroup .layui-icon{display:inline-block;vertical-align:middle;padding:0 2px;cursor:pointer}.layui-tree-btnGroup .layui-icon:hover{color:#999;transition:.3s}.layui-tree-entry:hover .layui-tree-btnGroup{visibility:visible}.layui-tree-editInput{height:20px;line-height:20px;padding:0 3px;border:none;background-color:rgba(0,0,0,.05)}.layui-tree-emptyText{text-align:center;color:#999}.layui-anim{-webkit-animation-duration:.3s;-webkit-animation-fill-mode:both;animation-duration:.3s;animation-fill-mode:both}.layui-anim.layui-icon{display:inline-block}.layui-anim-loop{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.layui-trans,.layui-trans a{transition:all .2s;-webkit-transition:all .2s}@-webkit-keyframes layui-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes layui-rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.layui-anim-rotate{-webkit-animation-name:layui-rotate;animation-name:layui-rotate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes layui-up{from{-webkit-transform:translate3d(0,100%,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);opacity:1}}@keyframes layui-up{from{transform:translate3d(0,100%,0);opacity:.3}to{transform:translate3d(0,0,0);opacity:1}}.layui-anim-up{-webkit-animation-name:layui-up;animation-name:layui-up}@-webkit-keyframes layui-upbit{from{-webkit-transform:translate3d(0,15px,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);opacity:1}}@keyframes layui-upbit{from{transform:translate3d(0,15px,0);opacity:.3}to{transform:translate3d(0,0,0);opacity:1}}.layui-anim-upbit{-webkit-animation-name:layui-upbit;animation-name:layui-upbit}@keyframes layui-down{0%{opacity:.3;transform:translate3d(0,-100%,0)}100%{opacity:1;transform:translate3d(0,0,0)}}.layui-anim-down{animation-name:layui-down}@keyframes layui-downbit{0%{opacity:.3;transform:translate3d(0,-5px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}.layui-anim-downbit{animation-name:layui-downbit}@-webkit-keyframes layui-scale{0%{opacity:.3;-webkit-transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes layui-scale{0%{opacity:.3;-ms-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-ms-transform:scale(1);transform:scale(1)}}.layui-anim-scale{-webkit-animation-name:layui-scale;animation-name:layui-scale}@-webkit-keyframes layui-scale-spring{0%{opacity:.5;-webkit-transform:scale(.5)}80%{opacity:.8;-webkit-transform:scale(1.1)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes layui-scale-spring{0%{opacity:.5;transform:scale(.5)}80%{opacity:.8;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}.layui-anim-scaleSpring{-webkit-animation-name:layui-scale-spring;animation-name:layui-scale-spring}@keyframes layui-scalesmall{0%{opacity:.3;transform:scale(1.5)}100%{opacity:1;transform:scale(1)}}.layui-anim-scalesmall{animation-name:layui-scalesmall}@keyframes layui-scalesmall-spring{0%{opacity:.3;transform:scale(1.5)}80%{opacity:.8;transform:scale(.9)}100%{opacity:1;transform:scale(1)}}.layui-anim-scalesmall-spring{animation-name:layui-scalesmall-spring}@-webkit-keyframes layui-fadein{0%{opacity:0}100%{opacity:1}}@keyframes layui-fadein{0%{opacity:0}100%{opacity:1}}.layui-anim-fadein{-webkit-animation-name:layui-fadein;animation-name:layui-fadein}@-webkit-keyframes layui-fadeout{0%{opacity:1}100%{opacity:0}}@keyframes layui-fadeout{0%{opacity:1}100%{opacity:0}}.layui-anim-fadeout{-webkit-animation-name:layui-fadeout;animation-name:layui-fadeout}
/* === laydate.css === */
.laydate-set-ym,.layui-laydate,.layui-laydate *,.layui-laydate-list{box-sizing:border-box}html #layuicss-laydate{display:none;position:absolute;width:1989px}.layui-laydate *{margin:0;padding:0}.layui-laydate{position:absolute;z-index:66666666;margin:5px 0;border-radius:2px;font-size:14px;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-name:laydate-downbit}.layui-laydate-main{width:272px}.layui-laydate-content td,.layui-laydate-header *,.layui-laydate-list li{transition-duration:.3s;-webkit-transition-duration:.3s}@keyframes laydate-downbit{0%{opacity:.3;transform:translate3d(0,-5px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}.layui-laydate-static{position:relative;z-index:0;display:inline-block;margin:0;-webkit-animation:none;animation:none}.laydate-ym-show .laydate-next-m,.laydate-ym-show .laydate-prev-m{display:none!important}.laydate-ym-show .laydate-next-y,.laydate-ym-show .laydate-prev-y{display:inline-block!important}.laydate-time-show .laydate-set-ym span[lay-type=month],.laydate-time-show .laydate-set-ym span[lay-type=year],.laydate-time-show .layui-laydate-header .layui-icon,.laydate-ym-show .laydate-set-ym span[lay-type=month]{display:none!important}.layui-laydate-header{position:relative;line-height:30px;padding:10px 70px 5px}.layui-laydate-header *{display:inline-block;vertical-align:bottom}.layui-laydate-header i{position:absolute;top:10px;padding:0 5px;color:#999;font-size:18px;cursor:pointer}.layui-laydate-header i.laydate-prev-y{left:15px}.layui-laydate-header i.laydate-prev-m{left:45px}.layui-laydate-header i.laydate-next-y{right:15px}.layui-laydate-header i.laydate-next-m{right:45px}.laydate-set-ym{width:100%;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.laydate-set-ym span{padding:0 10px;cursor:pointer}.laydate-time-text{cursor:default!important}.layui-laydate-content{position:relative;padding:10px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.layui-laydate-content table{border-collapse:collapse;border-spacing:0}.layui-laydate-content td,.layui-laydate-content th{width:36px;height:30px;padding:5px;text-align:center}.layui-laydate-content td{position:relative;cursor:pointer}.laydate-day-mark{position:absolute;left:0;top:0;width:100%;line-height:30px;font-size:12px;overflow:hidden}.laydate-day-mark::after{position:absolute;content:'';right:2px;top:2px;width:5px;height:5px;border-radius:50%}.layui-laydate-footer{position:relative;height:46px;line-height:26px;padding:10px}.layui-laydate-footer span{display:inline-block;vertical-align:top;height:26px;line-height:24px;padding:0 10px;border:1px solid #C9C9C9;border-radius:2px;background-color:#fff;font-size:12px;cursor:pointer;white-space:nowrap;transition:all .3s}.layui-laydate-list>li,.layui-laydate-range .layui-laydate-main{display:inline-block;vertical-align:middle}.layui-laydate-footer span:hover{color:#5FB878}.layui-laydate-footer span.layui-laydate-preview{cursor:default;border-color:transparent!important}.layui-laydate-footer span.layui-laydate-preview:hover{color:#666}.layui-laydate-footer span:first-child.layui-laydate-preview{padding-left:0}.laydate-footer-btns{position:absolute;right:10px;top:10px}.laydate-footer-btns span{margin:0 0 0 -1px}.layui-laydate-list{position:absolute;left:0;top:0;width:100%;height:100%;padding:10px;background-color:#fff}.layui-laydate-list>li{position:relative;width:33.3%;height:36px;line-height:36px;margin:3px 0;text-align:center;cursor:pointer}.laydate-month-list>li{width:25%;margin:17px 0}.laydate-time-list>li{height:100%;margin:0;line-height:normal;cursor:default}.laydate-time-list p{position:relative;top:-4px;line-height:29px}.laydate-time-list ol{height:181px;overflow:hidden}.laydate-time-list>li:hover ol{overflow-y:auto}.laydate-time-list ol li{width:130%;padding-left:33px;height:30px;line-height:30px;text-align:left;cursor:pointer}.layui-laydate-hint{position:absolute;top:115px;left:50%;width:250px;margin-left:-125px;line-height:20px;padding:15px;text-align:center;font-size:12px}.layui-laydate-range{width:546px}.layui-laydate-range .laydate-main-list-1 .layui-laydate-content,.layui-laydate-range .laydate-main-list-1 .layui-laydate-header{border-left:1px solid #e2e2e2}.layui-laydate,.layui-laydate-hint{border:1px solid #d2d2d2;box-shadow:0 2px 4px rgba(0,0,0,.12);background-color:#fff;color:#666}.layui-laydate-header{border-bottom:1px solid #e2e2e2}.layui-laydate-header i:hover,.layui-laydate-header span:hover{color:#5FB878}.layui-laydate-content{border-top:none 0;border-bottom:none 0}.layui-laydate-content th{font-weight:400;color:#333}.layui-laydate-content td{color:#666}.layui-laydate-content td.laydate-selected{background-color:#B5FFF8}.laydate-selected:hover{background-color:#00F7DE!important}.layui-laydate-content td:hover,.layui-laydate-list li:hover{background-color:#eee;color:#333}.laydate-time-list li ol{margin:0;padding:0;border:1px solid #e2e2e2;border-left-width:0}.laydate-time-list li:first-child ol{border-left-width:1px}.laydate-time-list>li:hover{background:0 0}.layui-laydate-content .laydate-day-next,.layui-laydate-content .laydate-day-prev{color:#d2d2d2}.laydate-selected.laydate-day-next,.laydate-selected.laydate-day-prev{background-color:#f8f8f8!important}.layui-laydate-footer{border-top:1px solid #e2e2e2}.layui-laydate-hint{color:#FF5722}.laydate-day-mark::after{background-color:#5FB878}.layui-laydate-content td.layui-this .laydate-day-mark::after{display:none}.layui-laydate-footer span[lay-type=date]{color:#5FB878}.layui-laydate .layui-this{background-color:#009688!important;color:#fff!important}.layui-laydate .laydate-disabled,.layui-laydate .laydate-disabled:hover{background:0 0!important;color:#d2d2d2!important;cursor:not-allowed!important;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.laydate-theme-molv{border:none}.laydate-theme-molv.layui-laydate-range{width:548px}.laydate-theme-molv .layui-laydate-main{width:274px}.laydate-theme-molv .layui-laydate-header{border:none;background-color:#009688}.laydate-theme-molv .layui-laydate-header i,.laydate-theme-molv .layui-laydate-header span{color:#f6f6f6}.laydate-theme-molv .layui-laydate-header i:hover,.laydate-theme-molv .layui-laydate-header span:hover{color:#fff}.laydate-theme-molv .layui-laydate-content{border:1px solid #e2e2e2;border-top:none;border-bottom:none}.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content{border-left:none}.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li,.laydate-theme-grid .layui-laydate-content td,.laydate-theme-grid .layui-laydate-content thead,.laydate-theme-molv .layui-laydate-footer{border:1px solid #e2e2e2}.laydate-theme-grid .laydate-selected,.laydate-theme-grid .laydate-selected:hover{background-color:#f2f2f2!important;color:#009688!important}.laydate-theme-grid .laydate-selected.laydate-day-next,.laydate-theme-grid .laydate-selected.laydate-day-prev{color:#d2d2d2!important}.laydate-theme-grid .laydate-month-list,.laydate-theme-grid .laydate-year-list{margin:1px 0 0 1px}.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li{margin:0 -1px -1px 0}.laydate-theme-grid .laydate-year-list>li{height:43px;line-height:43px}.laydate-theme-grid .laydate-month-list>li{height:71px;line-height:71px}
/* === layer.css === */
.layui-layer-imgbar,.layui-layer-imgtit a,.layui-layer-tab .layui-layer-title span,.layui-layer-title{text-overflow:ellipsis;white-space:nowrap}html #layuicss-layer{display:none;position:absolute;width:1989px}.layui-layer,.layui-layer-shade{position:fixed;_position:absolute;pointer-events:auto}.layui-layer-shade{top:0;left:0;width:100%;height:100%;_height:expression(document.body.offsetHeight+"px")}.layui-layer{-webkit-overflow-scrolling:touch;top:150px;left:0;margin:0;padding:0;background-color:#fff;-webkit-background-clip:content;border-radius:2px;box-shadow:1px 1px 50px rgba(0,0,0,.3)}.layui-layer-close{position:absolute}.layui-layer-content{position:relative}.layui-layer-border{border:1px solid #B2B2B2;border:1px solid rgba(0,0,0,.1);box-shadow:1px 1px 5px rgba(0,0,0,.2)}.layui-layer-load{background:url(loading-1.gif) center center no-repeat #eee}.layui-layer-ico{background:url(icon.png) no-repeat}.layui-layer-btn a,.layui-layer-dialog .layui-layer-ico,.layui-layer-setwin a{display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-move{display:none;position:fixed;*position:absolute;left:0;top:0;width:100%;height:100%;cursor:move;opacity:0;filter:alpha(opacity=0);background-color:#fff;z-index:2147483647}.layui-layer-resize{position:absolute;width:15px;height:15px;right:0;bottom:0;cursor:se-resize}.layer-anim{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;animation-duration:.3s}@-webkit-keyframes layer-bounceIn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layer-bounceIn{0%{opacity:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim-00{-webkit-animation-name:layer-bounceIn;animation-name:layer-bounceIn}@-webkit-keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-01{-webkit-animation-name:layer-zoomInDown;animation-name:layer-zoomInDown}@-webkit-keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.layer-anim-02{-webkit-animation-name:layer-fadeInUpBig;animation-name:layer-fadeInUpBig}@-webkit-keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-03{-webkit-animation-name:layer-zoomInLeft;animation-name:layer-zoomInLeft}@-webkit-keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}@keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}.layer-anim-04{-webkit-animation-name:layer-rollIn;animation-name:layer-rollIn}@keyframes layer-fadeIn{0%{opacity:0}100%{opacity:1}}.layer-anim-05{-webkit-animation-name:layer-fadeIn;animation-name:layer-fadeIn}@-webkit-keyframes layer-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes layer-shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.layer-anim-06{-webkit-animation-name:layer-shake;animation-name:layer-shake}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.layui-layer-title{padding:0 80px 0 20px;height:50px;line-height:50px;border-bottom:1px solid #F0F0F0;font-size:14px;color:#333;overflow:hidden;border-radius:2px 2px 0 0}.layui-layer-setwin{position:absolute;right:15px;*right:0;top:17px;font-size:0;line-height:initial}.layui-layer-setwin a{position:relative;width:16px;height:16px;margin-left:10px;font-size:12px;_overflow:hidden}.layui-layer-setwin .layui-layer-min cite{position:absolute;width:14px;height:2px;left:0;top:50%;margin-top:-1px;background-color:#2E2D3C;cursor:pointer;_overflow:hidden}.layui-layer-setwin .layui-layer-min:hover cite{background-color:#2D93CA}.layui-layer-setwin .layui-layer-max{background-position:-32px -40px}.layui-layer-setwin .layui-layer-max:hover{background-position:-16px -40px}.layui-layer-setwin .layui-layer-maxmin{background-position:-65px -40px}.layui-layer-setwin .layui-layer-maxmin:hover{background-position:-49px -40px}.layui-layer-setwin .layui-layer-close1{background-position:1px -40px;cursor:pointer}.layui-layer-setwin .layui-layer-close1:hover{opacity:.7}.layui-layer-setwin .layui-layer-close2{position:absolute;right:-28px;top:-28px;width:30px;height:30px;margin-left:0;background-position:-149px -31px;*right:-18px;_display:none}.layui-layer-setwin .layui-layer-close2:hover{background-position:-180px -31px}.layui-layer-btn{text-align:right;padding:0 15px 12px;pointer-events:auto;user-select:none;-webkit-user-select:none}.layui-layer-btn a{height:28px;line-height:28px;margin:5px 5px 0;padding:0 15px;border:1px solid #dedede;background-color:#fff;color:#333;border-radius:2px;font-weight:400;cursor:pointer;text-decoration:none}.layui-layer-btn a:hover{opacity:.9;text-decoration:none}.layui-layer-btn a:active{opacity:.8}.layui-layer-btn .layui-layer-btn0{border-color:#1E9FFF;background-color:#1E9FFF;color:#fff}.layui-layer-btn-l{text-align:left}.layui-layer-btn-c{text-align:center}.layui-layer-dialog{min-width:300px}.layui-layer-dialog .layui-layer-content{position:relative;padding:20px;line-height:24px;word-break:break-all;overflow:hidden;font-size:14px;overflow-x:hidden;overflow-y:auto}.layui-layer-dialog .layui-layer-content .layui-layer-ico{position:absolute;top:16px;left:15px;_left:-40px;width:30px;height:30px}.layui-layer-ico1{background-position:-30px 0}.layui-layer-ico2{background-position:-60px 0}.layui-layer-ico3{background-position:-90px 0}.layui-layer-ico4{background-position:-120px 0}.layui-layer-ico5{background-position:-150px 0}.layui-layer-ico6{background-position:-180px 0}.layui-layer-rim{border:6px solid #8D8D8D;border:6px solid rgba(0,0,0,.3);border-radius:5px;box-shadow:none}.layui-layer-msg{min-width:180px;border:1px solid #D3D4D3;box-shadow:none}.layui-layer-hui{min-width:100px;background-color:#000;filter:alpha(opacity=60);background-color:rgba(0,0,0,.6);color:#fff;border:none}.layui-layer-hui .layui-layer-content{padding:12px 25px;text-align:center}.layui-layer-dialog .layui-layer-padding{padding:20px 20px 20px 55px;text-align:left}.layui-layer-page .layui-layer-content{position:relative;overflow:auto}.layui-layer-iframe .layui-layer-btn,.layui-layer-page .layui-layer-btn{padding-top:10px}.layui-layer-nobg{background:0 0}.layui-layer-iframe iframe{display:block;width:100%}.layui-layer-loading{border-radius:100%;background:0 0;box-shadow:none;border:none}.layui-layer-loading .layui-layer-content{width:60px;height:24px;background:url(loading-0.gif) no-repeat}.layui-layer-loading .layui-layer-loading1{width:37px;height:37px;background:url(loading-1.gif) no-repeat}.layui-layer-ico16,.layui-layer-loading .layui-layer-loading2{width:32px;height:32px;background:url(loading-2.gif) no-repeat}.layui-layer-tips{background:0 0;box-shadow:none;border:none}.layui-layer-tips .layui-layer-content{position:relative;line-height:22px;min-width:12px;padding:8px 15px;font-size:12px;_float:left;border-radius:2px;box-shadow:1px 1px 3px rgba(0,0,0,.2);background-color:#000;color:#fff}.layui-layer-tips .layui-layer-close{right:-2px;top:-1px}.layui-layer-tips i.layui-layer-TipsG{position:absolute;width:0;height:0;border-width:8px;border-color:transparent;border-style:dashed;*overflow:hidden}.layui-layer-tips i.layui-layer-TipsB,.layui-layer-tips i.layui-layer-TipsT{left:5px;border-right-style:solid;border-right-color:#000}.layui-layer-tips i.layui-layer-TipsT{bottom:-8px}.layui-layer-tips i.layui-layer-TipsB{top:-8px}.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR{top:5px;border-bottom-style:solid;border-bottom-color:#000}.layui-layer-tips i.layui-layer-TipsR{left:-8px}.layui-layer-tips i.layui-layer-TipsL{right:-8px}.layui-layer-lan[type=dialog]{min-width:280px}.layui-layer-lan .layui-layer-title{background:#4476A7;color:#fff;border:none}.layui-layer-lan .layui-layer-btn{padding:5px 10px 10px;text-align:right;border-top:1px solid #E9E7E7}.layui-layer-lan .layui-layer-btn a{background:#fff;border-color:#E9E7E7;color:#333}.layui-layer-lan .layui-layer-btn .layui-layer-btn1{background:#C9C5C5}.layui-layer-molv .layui-layer-title{background:#009f95;color:#fff;border:none}.layui-layer-molv .layui-layer-btn a{background:#009f95;border-color:#009f95}.layui-layer-molv .layui-layer-btn .layui-layer-btn1{background:#92B8B1}.layui-layer-iconext{background:url(icon-ext.png) no-repeat}.layui-layer-prompt .layui-layer-input{display:block;width:260px;height:36px;margin:0 auto;line-height:30px;padding-left:10px;border:1px solid #e6e6e6;color:#333}.layui-layer-prompt textarea.layui-layer-input{width:300px;height:100px;line-height:20px;padding:6px 10px}.layui-layer-prompt .layui-layer-content{padding:20px}.layui-layer-prompt .layui-layer-btn{padding-top:0}.layui-layer-tab{box-shadow:1px 1px 50px rgba(0,0,0,.4)}.layui-layer-tab .layui-layer-title{padding-left:0;overflow:visible}.layui-layer-tab .layui-layer-title span{position:relative;float:left;min-width:80px;max-width:300px;padding:0 20px;text-align:center;overflow:hidden;cursor:pointer}.layui-layer-tab .layui-layer-title span.layui-this{height:51px;border-left:1px solid #eee;border-right:1px solid #eee;background-color:#fff;z-index:10}.layui-layer-tab .layui-layer-title span:first-child{border-left:none}.layui-layer-tabmain{line-height:24px;clear:both}.layui-layer-tabmain .layui-layer-tabli{display:none}.layui-layer-tabmain .layui-layer-tabli.layui-this{display:block}.layui-layer-photos{background:0 0;box-shadow:none}.layui-layer-photos .layui-layer-content{overflow:hidden;text-align:center}.layui-layer-photos .layui-layer-phimg img{position:relative;width:100%;display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-imgnext,.layui-layer-imgprev{position:fixed;top:50%;width:27px;_width:44px;height:44px;margin-top:-22px;outline:0;blr:expression(this.onFocus=this.blur())}.layui-layer-imgprev{left:30px;background-position:-5px -5px;_background-position:-70px -5px}.layui-layer-imgprev:hover{background-position:-33px -5px;_background-position:-120px -5px}.layui-layer-imgnext{right:30px;_right:8px;background-position:-5px -50px;_background-position:-70px -50px}.layui-layer-imgnext:hover{background-position:-33px -50px;_background-position:-120px -50px}.layui-layer-imgbar{position:fixed;left:0;right:0;bottom:0;width:100%;height:40px;line-height:40px;background-color:#000\9;filter:Alpha(opacity=60);background-color:rgba(2,0,0,.35);color:#fff;overflow:hidden;font-size:0}.layui-layer-imgtit *{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px}.layui-layer-imgtit a{max-width:65%;overflow:hidden;color:#fff}.layui-layer-imgtit a:hover{color:#fff;text-decoration:underline}.layui-layer-imgtit em{padding-left:10px;font-style:normal}@-webkit-keyframes layer-bounceOut{100%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes layer-bounceOut{100%{opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim-close{-webkit-animation-name:layer-bounceOut;animation-name:layer-bounceOut;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@media screen and (max-width:1100px){.layui-layer-iframe{overflow-y:auto;-webkit-overflow-scrolling:touch}}
/* === code.css === */
html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.demo-layui-code-h3,.demo-layui-code-view{position:relative;font-size:12px}.demo-layui-code-view{display:block;margin:10px 0;padding:0;border:1px solid #eee;border-left-width:6px;background-color:#FAFAFA;color:#333;font-family:Courier New}.demo-layui-code-h3{padding:0 10px;height:40px;line-height:40px;border-bottom:1px solid #eee}.demo-layui-code-h3 a{position:absolute;right:10px;top:0;color:#999}.demo-layui-code-view .demo-layui-code-ol{position:relative;overflow:auto}.demo-layui-code-view .demo-layui-code-ol li{position:relative;margin-left:45px;line-height:20px;padding:0 10px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.demo-layui-code-view .demo-layui-code-ol li:first-child{padding-top:10px}.demo-layui-code-view .demo-layui-code-ol li:last-child{padding-bottom:10px}.demo-layui-code-view pre{margin:0}.demo-layui-code-notepad{border:1px solid #0C0C0C;border-left-color:#3F3F3F;background-color:#0C0C0C;color:#C2BE9E}.demo-layui-code-notepad .demo-layui-code-h3{border-bottom:none}.demo-layui-code-notepad .demo-layui-code-ol li{background-color:#3F3F3F;border-left:none}.demo-layui-code-demo .layui-code{visibility:visible!important;margin:-15px;border-top:none;border-right:none;border-bottom:none}.demo-layui-code-demo .layui-tab-content{padding:15px;border-top:none}