/*
Author: Sam
E-mail: yiroon@qq.com
不支持IE9以下
 */

 html{font-size:16px;}
 *{padding:0;margin:0;font-family:arial,sans-serif,'Microsoft Yahei';  list-style: none;box-sizing:border-box;}
 body{color:#333;font-size:1rem;line-height: 1.5;}
 table{border-collapse:collapse; border-spacing:0;}
 hr{border:0;height:1rem;background:#F1F1F1;margin:1rem 0;}
 img{border:0;}
 
 a{color:#333;}
 a:hover{text-decoration:underline;}
 
 .in{margin:0 1rem;}
 
 .table-border td,.table-border th{border:solid 1px #E1E1E1;padding:0.5rem;}
 .table-border-bottom td,.table-border-bottom th{border-bottom:solid 1px #E1E1E1;padding:0.5rem;}
 .table-border-bottom th{border-bottom-width: 2px;}
 
 .contain-box{position:relative;display:block;overflow:hidden;}
 .contain-box>*{left:0;right:0;margin:auto;top:0;bottom:0;min-width:100%;min-height:100%;width:100%;position:absolute;}
 
 .for-td-pd-s td{padding:0.5rem;}
 .for-td-pd-1 td{padding:1rem;}
 .for-td-pd-2 td{padding:2rem;}
 .for-td-pd-3 td{padding:3rem;}
 .for-td-pd-4 td{padding:4rem;}
 .for-th-pd-1 th{padding:1rem;}
 .for-th-pd-2 th{padding:2rem;}
 .for-th-pd-3 th{padding:3rem;}
 .for-th-pd-4 th{padding:4rem;}
 
 /* 文字大小 */
 h1{font-size:2.5rem;}
 h2{font-size:2rem;}
 h3{font-size:1.75rem;}
 h4{font-size:1.5rem;}
 h5{font-size:1.25rem;}
 h6{font-size:1rem;}
 
 .color-primary{color:#007bff!important;}
 .color-secondary{color:#6c757d!important;}
 .color-success{color:#28a745!important;}
 .color-danger{color:#dc3545!important;}
 .color-warning{color:#ffc107!important;}
 .color-info{color:#17a2b8!important;}
 
 .bg-blank{background-color:transparent!important;}
 .bg-color-white{background-color:#FFF!important;}
 .bg-color-primary{background-color:#007bff!important;}
 .bg-color-secondary{background-color:#6c757d!important;}
 .bg-color-success{background-color:#28a745!important;}
 .bg-color-danger{background-color:#dc3545!important;}
 .bg-color-warning{background-color:#ffc107!important;}
 .bg-color-info{background-color:#17a2b8!important;}
 
 .bg-color-mask{background-color:rgba(0,0,0,0.95);}
 .image-cover{background-size: cover;background-position: center center;background-repeat: no-repeat;}
 .image-contain{background-size: contain;background-position: center center;background-repeat: no-repeat;}
 
 .border-color-primary{border-color:#007bff!important;}
 .border-color-secondary{border-color:#6c757d!important;}
 .border-color-success{border-color:#28a745!important;}
 .border-color-danger{border-color:#dc3545!important;}
 .border-color-warning{border-color:#ffc107!important;}
 .border-color-info{border-color:#17a2b8!important;}
 
 .border{border:1px solid #E1E1E1;}
 .border-left{border-left:1px solid #E1E1E1;}
 .border-right{border-right:1px solid #E1E1E1;}
 .border-top{border-top:1px solid #E1E1E1;}
 .border-bottom{border-bottom:1px solid #E1E1E1;}
 
 .fs-large{font-size:3rem;}
 .fs-9{font-size:2.25rem;}
 .fs-8{font-size:2rem;}
 .fs-7{font-size:1.75rem;}
 .fs-6{font-size:1.5rem;}
 .fs-5{font-size:1.25rem;}
 .fs-4{font-size:1rem;}
 .fs-14{font-size:0.875rem;}
 .fs-18{font-size:1.125rem;}
 .fs-3{font-size:0.75rem;}
 
 .s0x0:after,.s4x3:after,.s1x1:after,.s3x4:after,.s16x9:after,.s9x16:after{content:'';display:block;}
 .s4x3:after{padding-top: 75%!important;}
 .s1x1:after{padding-top: 100%!important;}
 .s3x4:after{padding-top: 133.33%!important;}
 .s16x9:after{padding-top: 56.25%!important;}
 .s9x16:after{padding-top: 177.77%!important;}
 .s0x0:after{padding-top: 100%!important;}
 .s0x0{border-radius:50%!important;overflow: hidden;}
 
 /* 颜色 */
 .color-white{color:#FFF;}
 .color-black{color:#000;}
 .color-light{color:#F1F1F1;}
 .color-dark{color:#333;}
 .color-medium{color:#666;}
 
 .bg-color-light{background-color:#F1F1F1;}
 .bg-color-dark{background-color:#333;}
 .bg-color-medium{background-color:#666;}
 
 .bg-size-cover{background-size:cover;}
 .bg-size-contain{background-size:contain;}
 .bg-position-center{background-position:center center;}
 .bg-position-left-top{background-position:left top;}
 .bg-position-right-top{background-position:right top;}
 .bg-position-left-bottom{background-position:left bottom;}
 .bg-position-right-bottom{background-position:right bottom;}
 .bg-position-center-top{background-position:center top;}
 .bg-position-center-bottom{background-position:center bottom;}
 .bg-position-left-center{background-position:left center;}
 .bg-position-right-center{background-position:right center;}
 
 /* 简类 */
 .overflow-hidden{overflow: hidden;}
 .overflow-x-hidden{overflow-x: hidden;}
 .overflow-y-hidden{overflow-y: hidden;}
 .overflow-x-auto{overflow-x: auto;}
 .overflow-y-auto{overflow-y: auto;}
 .overflow-visible{overflow: visible;}
 
 .bold{font-weight: bold;}
 .weight-1{font-weight:100;}
 .weight-2{font-weight:200;}
 .weight-3{font-weight:300;}
 .weight-4{font-weight:400;}
 .weight-5{font-weight:500;}
 .weight-6{font-weight:600;}
 .weight-7{font-weight:700;}
 .weight-8{font-weight:800;}
 .weight-9{font-weight:900;}
 .lighter{font-weight:lighter;font-family: 'Microsoft Yahei'!important;}
 .show{display:block;}
 .show-table{display:table;}
 .show-inlineblock{display:inline-block;}
 .display-inline-block{display:inline-block;}
 .display-inline{display:inline;}
 .display-block{display:block;}
 .display-flex{display:flex;}
 .hide{display:none;}
 .hidden{visibility: hidden;}
 .float-left{float:left;}
 .float-right{float:right;}
 .left{left:0;}
 .right{right:0;}
 .top{top:0;}
 .bottom{bottom:0;}
 .h-auto{height:auto;}
 .w-auto{width:auto;}
 
 .mg-left-auto{margin-left:auto;display: block;}
 .mg-auto{margin:auto;}
 .mg-0{margin:0;}.mg-s{margin:0.5rem;}.mg-1{margin:1rem;}.mg-2{margin:2rem;}.mg-3{margin:3rem;}.mg-4{margin:4rem;}.mg-5{margin:5rem;}.mg-6{margin:6rem;}.mg-7{margin:7rem;}.mg-8{margin:8rem;}.mg-9{margin:9rem;}
 .mg-x-0{margin-left:0;margin-right:0;}.mg-x-s{margin-left:0.5rem;margin-right:0.5rem;}.mg-x-1{margin-left:1rem;margin-right:1rem;}.mg-x-2{margin-left:2rem;margin-right:2rem;}.mg-x-3{margin-left:3rem;margin-right:3rem;}.mg-x-4{margin-left:4rem;margin-right:4rem;}.mg-x-5{margin-left:5rem;margin-right:5rem;}.mg-x-6{margin-left:6rem;margin-right:6rem;}.mg-x-7{margin-left:7rem;margin-right:7rem;}.mg-x-8{margin-left:8rem;margin-right:8rem;}.mg-x-9{margin-left:9rem;margin-right:9rem;}
 .mg-y-0{margin-top:0;margin-bottom:0;}.mg-y-s{margin-top:0.5rem;margin-bottom:0.5rem;}.mg-y-1{margin-top:1rem;margin-bottom:1rem;}.mg-y-2{margin-top:2rem;margin-bottom:2rem;}.mg-y-3{margin-top:3rem;margin-bottom:3rem;}.mg-y-4{margin-top:4rem;margin-bottom:4rem;}.mg-y-5{margin-top:5rem;margin-bottom:5rem;}.mg-y-6{margin-top:6rem;margin-bottom:6rem;}.mg-y-7{margin-top:7rem;margin-bottom:7rem;}.mg-y-8{margin-top:8rem;margin-bottom:8rem;}.mg-y-9{margin-top:9rem;margin-bottom:9rem;}
 .mg-left-0{margin-left:0;}.mg-left-s{margin-left:0.5rem;}.mg-left-1{margin-left:1rem;}.mg-left-2{margin-left:2rem;}.mg-left-3{margin-left:3rem;}.mg-left-4{margin-left:4rem;}.mg-left-5{margin-left:5rem;}.mg-left-6{margin-left:6rem;}.mg-left-7{margin-left:7rem;}.mg-left-8{margin-left:8rem;}.mg-left-9{margin-left:9rem;}
 .mg-right-0{margin-right:0;}.mg-right-s{margin-right:0.5rem;}.mg-right-1{margin-right:1rem;} .mg-right-2{margin-right:2rem;} .mg-right-3{margin-right:3rem;} .mg-right-4{margin-right:4rem;} .mg-right-5{margin-right:5rem;} .mg-right-6{margin-right:6rem;} .mg-right-7{margin-right:7rem;} .mg-right-8{margin-right:8rem;} .mg-right-9{margin-right:9rem;}
 .mg-top-0{margin-top:0;}.mg-top-s{margin-top:0.5rem;}.mg-top-1{margin-top:1rem;} .mg-top-2{margin-top:2rem;} .mg-top-3{margin-top:3rem;} .mg-top-4{margin-top:4rem;} .mg-top-5{margin-top:5rem;} .mg-top-6{margin-top:6rem;} .mg-top-7{margin-top:7rem;} .mg-top-8{margin-top:8rem;} .mg-top-9{margin-top:9rem;}
 .mg-bottom-0{margin-bottom:0;}.mg-bottom-s{margin-bottom:0.5rem;}.mg-bottom-1{margin-bottom:1rem;} .mg-bottom-2{margin-bottom:2rem;} .mg-bottom-3{margin-bottom:3rem;} .mg-bottom-4{margin-bottom:4rem;} .mg-bottom-5{margin-bottom:5rem;} .mg-bottom-6{margin-bottom:6rem;} .mg-bottom-7{margin-bottom:7rem;} .mg-bottom-8{margin-bottom:8rem;} .mg-bottom-9{margin-bottom:9rem;}
 .pd-0{padding:0;}.pd-s{padding:0.5rem;}.pd-1{padding:1rem;}.pd-2{padding:2rem;}.pd-3{padding:3rem;}.pd-4{padding:4rem;}.pd-5{padding:5rem;}.pd-6{padding:6rem;}.pd-7{padding:7rem;}.pd-8{padding:8rem;}.pd-9{padding:9rem;}
 .pd-x-0{padding-left:0;padding-right:0;}.pd-x-s{padding-left:0.5rem;padding-right:0.5rem;}.pd-x-1{padding-left:1rem;padding-right:1rem;}.pd-x-2{padding-left:2rem;padding-right:2rem;}.pd-x-3{padding-left:3rem;padding-right:3rem;}.pd-x-4{padding-left:4rem;padding-right:4rem;}.pd-x-5{padding-left:5rem;padding-right:5rem;}.pd-x-6{padding-left:6rem;padding-right:6rem;}.pd-x-7{padding-left:7rem;padding-right:7rem;}.pd-x-8{padding-left:8rem;padding-right:8rem;}.pd-x-9{padding-left:9rem;padding-right:9rem;}
 .pd-y-0{padding-top:0;padding-bottom:0;}.pd-y-s{padding-top:0.5rem;padding-bottom:0.5rem;}.pd-y-1{padding-top:1rem;padding-bottom:1rem;}.pd-y-2{padding-top:2rem;padding-bottom:2rem;}.pd-y-3{padding-top:3rem;padding-bottom:3rem;}.pd-y-4{padding-top:4rem;padding-bottom:4rem;}.pd-y-5{padding-top:5rem;padding-bottom:5rem;}.pd-y-6{padding-top:6rem;padding-bottom:6rem;}.pd-y-7{padding-top:7rem;padding-bottom:7rem;}.pd-y-8{padding-top:8rem;padding-bottom:8rem;}.pd-y-9{padding-top:9rem;padding-bottom:9rem;}
 .pd-left-0{padding-left:0;}.pd-left-s{padding-left:0.5rem;}.pd-left-1{padding-left:1rem;}.pd-left-2{padding-left:2rem;}.pd-left-3{padding-left:3rem;}.pd-left-4{padding-left:4rem;}.pd-left-5{padding-left:5rem;}.pd-left-6{padding-left:6rem;}.pd-left-7{padding-left:7rem;}.pd-left-8{padding-left:8rem;}.pd-left-9{padding-left:9rem;}
 .pd-right-0{padding-right:0;}.pd-right-s{padding-right:0.5rem;}.pd-right-1{padding-right:1rem;} .pd-right-2{padding-right:2rem;} .pd-right-3{padding-right:3rem;} .pd-right-4{padding-right:4rem;} .pd-right-5{padding-right:5rem;} .pd-right-6{padding-right:6rem;} .pd-right-7{padding-right:7rem;} .pd-right-8{padding-right:8rem;} .pd-right-9{padding-right:9rem;}
 .pd-top-0{padding-top:0;}.pd-top-s{padding-top:0.5rem;} .pd-top-1{padding-top:1rem;} .pd-top-2{padding-top:2rem;} .pd-top-3{padding-top:3rem;} .pd-top-4{padding-top:4rem;} .pd-top-5{padding-top:5rem;} .pd-top-6{padding-top:6rem;} .pd-top-7{padding-top:7rem;} .pd-top-8{padding-top:8rem;} .pd-top-9{padding-top:9rem;}
 .pd-bottom-0{padding-bottom:0;}.pd-bottom-s{padding-bottom:0.5rem;}.pd-bottom-1{padding-bottom:1rem;} .pd-bottom-2{padding-bottom:2rem;} .pd-bottom-3{padding-bottom:3rem;} .pd-bottom-4{padding-bottom:4rem;} .pd-bottom-5{padding-bottom:5rem;} .pd-bottom-6{padding-bottom:6rem;} .pd-bottom-7{padding-bottom:7rem;} .pd-bottom-8{padding-bottom:8rem;} .pd-bottom-9{padding-bottom:9rem;}
 
 .no-events{pointer-events: none;}
 .no-drag{-webkit-user-drag:none;}
 .no-select{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
 .no-bold{font-weight: normal;}
 .no-border{border:none;}
 .no-float{float:none;}
 .no-first-border>*:first-child{border:0;}
 .no-last-border>*:last-child{border:0;}
 .no-bg{background-color:transparent!important;background-image:none!important;}
 .no-wrap{white-space: nowrap;}
 
 .absolute{position: absolute;}
 .fixed{position: fixed;}
 .relative{position: relative;}
 
 /* 行高 */
 .lh-1{line-height: 1;}
 .lh-15{line-height: 1.5;}
 .lh-2{line-height: 2;}
 .lh-25{line-height: 2.5;}
 .lh-3{line-height: 3;}
 .lh-35{line-height: 3.5;}
 
 .text-center{text-align: center;}
 .text-left{text-align: left;}
 .text-right{text-align: right;}
 .vmiddle{vertical-align:middle;}
 .vtop{vertical-align: top;}
 .vbottom{vertical-align: bottom;}
 
.line-1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
 .line-2,.line-3,.line-4,.line-5,.line-6,.line-7,.line-8{overflow:hidden;display:block;display: -webkit-box;-webkit-box-orient: vertical;}
 .line-2{-webkit-line-clamp:2;}
 .line-3{-webkit-line-clamp:3;}
 .line-4{-webkit-line-clamp:4;}
 .line-5{-webkit-line-clamp:5;}
 .line-6{-webkit-line-clamp:6;}
 .line-7{-webkit-line-clamp:7;}
 .line-8{-webkit-line-clamp:8;}
 
 /* list */
 .list-style-disc{list-style-type: disc;padding-left:1rem;}
 .list-style-circle{list-style-type: circle;padding-left:1rem;}
 .list-style-decimal{list-style-type: decimal;padding-left:1rem;}
 .list-style-disc li,.list-style-circle li,.list-style-decimal li{display:list-item;list-style-type: inherit;}
 
 
 .clearfloat:after{content:'';display: block;clear: both;}
 .arrow-top,.arrow-right,.arrow-bottom,.arrow-left{position:relative;overflow:visible!important;}
 .arrow-top:before{content:'';display:block;border:0.5rem solid transparent;border-top:0;position:absolute;left:0.5rem;bottom:100%;border-bottom-color:rgba(0,0,0,0.1);filter:blur(2px); -ms-filter: blur(2px); margin-bottom:2px;}
 .arrow-top:after{content:'';display:block;border:0.5rem solid transparent;border-top:0;position:absolute;left:0.5rem;bottom:100%;border-bottom-color:#FFF;}
 
 .arrow-bottom:before{content:'';display:block;border:0.5rem solid transparent;border-bottom:0;position:absolute;left:0.5rem;top:100%;border-top-color:rgba(0,0,0,0.1);filter:blur(2px);-ms-filter: blur(2px); margin-top:2px;}
 .arrow-bottom:after{content:'';display:block;border:0.5rem solid transparent;border-bottom:0;position:absolute;left:0.5rem;top:100%;border-top-color:#FFF;}
 
 .arrow-left:before{content:'';display:block;border:0.5rem solid transparent;border-left:0;position:absolute;top:0.5rem;right:100%;border-right-color:rgba(0,0,0,0.1);filter:blur(2px);-ms-filter: blur(2px); margin-right:2px;}
 .arrow-left:after{content:'';display:block;border:0.5rem solid transparent;border-left:0;position:absolute;top:0.5rem;right:100%;border-right-color:#FFF;}
 
 .arrow-right:before{content:'';display:block;border:0.5rem solid transparent;border-right:0;position:absolute;top:0.5rem;left:100%;border-left-color:rgba(0,0,0,0.1);filter:blur(2px);-ms-filter: blur(2px); margin-left:2px;}
 .arrow-right:after{content:'';display:block;border:0.5rem solid transparent;border-right:0;position:absolute;top:0.5rem;left:100%;border-left-color:#FFF;}
 
 .arrow-border-top,.arrow-border-bottom,.arrow-border-left,.arrow-border-right{position:relative;background-color:#FFF;}
 
 .arrow-border-top:before,.arrow-border-bottom:before,.arrow-border-left:before,.arrow-border-right:before{content:'';display:block;width:0.8rem;height:0.8rem;transform:rotate(45deg);background-color:inherit;box-shadow:inherit;border:inherit;position:absolute;}
 .arrow-border-top:before{bottom:100%;left:50%;margin-left:-0.4rem;margin-bottom:-0.4rem;border:inherit;border-right:none;border-bottom:none;}
 .arrow-border-bottom:before{top:100%;left:50%;margin-left:-0.4rem;bottom:auto;margin-bottom:auto;margin-top:-0.4rem;border:inherit;border-left:none;border-top:none;}
 .arrow-border-left:before{top:50%;margin-top:-0.4rem;right:100%;margin-right:-0.4rem;border:inherit;border-right:none;border-top:none;}
 .arrow-border-right:before{top:50%;margin-top:-0.4rem;left:100%;margin-left:-0.4rem;border:inherit;border-left:none;border-bottom:none;}
 
 
 /* List */
 .l-1:after,.l-2:after,.l-3:after,.l-4:after,.l-5:after,.l-6:after,.l-7:after,.l-8:after,.l-9:after,.l-10:after{content:'';width:100%;display:block;clear: both;}
 .l-1>*,.l-2>*,.l-3>*,.l-4>*,.l-5>*,.l-6>*,.l-7>*,.l-8>*,.l-9>*,.l-10>*{float:left}
 .l-1>*{width:100%;}
 .l-2>*{width:50%;}
 .l-3>*{width:33.33%;}
 .l-4>*{width:25%;}
 .l-5>*{width:20%;}
 .l-6>*{width:16.66%;}
 .l-7>*{width:14.28%;}
 .l-8>*{width:12.5%;}
 .l-9>*{width:11.11%;}
 .l-10>*{width:10%;}
 
 
 [class*="flex"]{display:flex;display:-webkit-flex;}
 .flex-1{flex:1;}
 .self-full{flex:1;-ms-flex:1;}
 .flex{ flex-wrap:wrap;align-items:stretch;-webkit-align-items: stretch;}
 .flex-i{display:flex!important;}
 .flex-inline{display:inline-flex;display:-webkit-inline-flex;}
 /* flex 方向 */
 .flex-direction-row{flex-direction:row;} /* 水平，左起 */
 .flex-direction-row-reverse{flex-direction:row-reverse;} /* 水平，左起 */
 .flex-direction-column{flex-direction:column;} /* 垂直，上起 */
 .flex-direction-column-reverse{flex-direction:column-reverse;} /* 垂直，下起 */
 /* flex 换行 */
 .flex-wrap{flex-wrap:wrap;}
 .flex-nowrap{flex-wrap:nowrap;}
 .flex-wrap-reverse{flex-wrap:wrap-reverse;}
 /* flex */
 .for-no-flex-shrink>*{flex-shrink:0;} /*flex子元素不自动收缩*/
 .no-flex-shrink{flex-shrink:0;}
 /* flex 水平对齐方式 */
 .flex-left{justify-content:flex-start;}
 .flex-right{justify-content:flex-end;}
 .flex-center{justify-content:center;}
 .flex-x-between{justify-content:space-between;}
 .flex-x-around{justify-content:space-around;}/*分布对齐，如有空隙，包括始端与末端*/
 /* flex 垂直对齐方式 */
 .flex-top{align-items:flex-start;}
 .flex-bottom{align-items:flex-end;}
 .flex-middle{align-items:center;}
 .flex-baseline{align-items:baseline;}/*第一行文字的基线对齐。*/
 .flex-stretch{align-items:stretch;}/*（默认值）：如果项目未设置高度或设为auto，将占满整个容器的高度。*/
 /* flex align-content */
 .flex-align-start{align-content:flex-start;}
 .flex-align-end{align-content:flex-end;}
 .flex-align-center{align-content:flex-center;}
 .flex-align-between{align-content:space-between;}
 .flex-align-around{align-content:space-around;}
 .flex-align-stretch{align-content:stretch;}
 /* 单项对齐 */
 
 /* 单项 对齐方式 */
 [class*="flex"]>.item-top{align-self:flex-start;}
 [class*="flex"]>.item-middle{align-self:center;}
 [class*="flex"]>.item-bottom{align-self:flex-end;}
 [class*="flex"]>.item-baseline{align-self:baseline;}
 [class*="flex"]>.item-stretch{align-self:stretch;}
 [class*="flex"]>.item-auto{align-self:auto;}
 
 .for-full>*{display:flex;display:-webkit-flex;align-items:stretch;;-webkit-align-items: stretch;}
 .for-full>*>.box{width:100%;}
 /*.for-full>*>.box{flex:1;-webkit-flex: 1;}*/
 
 .box:after{content:'';display:block;clear:both;}
 .box-left{float:left;}
 .width-1{width:1rem!important;}
 .width-2{width:2rem!important;}
 .width-3{width:3rem!important;}
 .width-4{width:4rem!important;}
 .width-5{width:5rem!important;}
 .width-6{width:6rem!important;}
 .width-7{width:7rem!important;}
 .width-8{width:8rem!important;}
 .width-9{width:9rem!important;}
 
 /*focus*/
 .focus-inline-block,.focus-block,.focus-inline,.focus-flex,.focus-inline-flex{display:none;}
 .focus-backer:focus .focus-inline-block{display:inline-block;}
 .focus-backer:focus .focus-block{display:block;}
 .focus-backer:focus .focus-inline{display:inline;}
 .focus-backer:focus .focus-flex{display:flex;display:-webkit-flex;}
 .focus-backer:focus .focus-inline-flex{display:inline-flex;display:flex;display:-webkit-inline-flex;}
 
 /* hover */
 .hv-shadow,.hv-shadow-bottom,.hv-shadow-top,.hv-shadow-left,.hv-shadow-right{transition:box-shadow 0.3s;}
 .hv-shadow:hover{box-shadow:0 0 1rem rgba(0,0,0,0.1);}
 .hv-shadow-bottom:hover{box-shadow:0 0.5rem 1rem rgba(0,0,0,0.1);}
 .hv-shadow-top:hover{box-shadow:0 -0.5rem 1rem rgba(0,0,0,0.1);}
 .hv-shadow-left:hover{box-shadow:-0.5rem 0 1rem rgba(0,0,0,0.1);}
 .hv-shadow-right:hover{box-shadow:0.5rem 0 1rem rgba(0,0,0,0.1);}
 .hv-shadow-left-top:hover{box-shadow:-0.5rem -0.5rem 1rem rgba(0,0,0,0.1);}
 .hv-shadow-right-top:hover{box-shadow:0.5rem -0.5rem 1rem rgba(0,0,0,0.1);}
 .hv-shadow-left-bottom:hover{box-shadow:-0.5rem 0.5rem 1rem rgba(0,0,0,0.1);}
 .hv-shadow-right-bottom:hover{box-shadow:0.5rem 0.5rem 1rem rgba(0,0,0,0.1);}
 
 .hv-table-light tr td {transition:all 0.5s;}
 .hv-table-light tr:hover td{background-color:#f2f8ff;}
 
 .hv-show{display:none;}
 .hv-backer:hover .hv-show{display:block;}
 .hv-visible{visibility: hidden;}
 .hv-backer:hover .hv-visible{visibility:visible;}
 
 .for-hv-shadow>*,.for-hv-shadow-bottom>*,.for-hv-shadow-top>*,.for-hv-shadow-left>*,.for-hv-shadow-right>*{transition:box-shadow 0.3s;}
 .for-hv-shadow>*:hover{box-shadow:0 0 1rem rgba(0,0,0,0.1);}
 .for-hv-shadow-bottom>*:hover{box-shadow:0 0.5rem 1rem rgba(0,0,0,0.1);}
 .for-hv-shadow-top>*:hover{box-shadow:0 -0.5rem 1rem rgba(0,0,0,0.1);}
 .for-hv-shadow-left>*:hover{box-shadow:-0.5rem 0 1rem rgba(0,0,0,0.1);}
 .for-hv-shadow-right>*:hover{box-shadow:0.5rem 0 1rem rgba(0,0,0,0.1);}
 .for-hv-shadow-left-top>*:hover{box-shadow:-0.5rem -0.5rem 1rem rgba(0,0,0,0.1);}
 .for-hv-shadow-right-top>*:hover{box-shadow:0.5rem -0.5rem 1rem rgba(0,0,0,0.1);}
 .for-hv-shadow-left-bottom>*:hover{box-shadow:-0.5rem 0.5rem 1rem rgba(0,0,0,0.1);}
 .for-hv-shadow-right-bottom>*:hover{box-shadow:0.5rem 0.5rem 1rem rgba(0,0,0,0.1);}
 
 .for-hv-box-shadow>*>.box,.for-hv-box-shadow-bottom>*>.box,.for-hv-box-shadow-top>*>.box,.for-hv-box-shadow-left>*>.box,.for-hv-box-shadow-right>*>.box{transition:box-shadow 0.3s;}
 .for-hv-box-shadow>*>.box:hover{box-shadow:0 0 1rem rgba(0,0,0,0.1);}
 .for-hv-box-shadow-bottom>*>.box:hover{box-shadow:0 0.5rem 1rem rgba(0,0,0,0.1);}
 .for-hv-box-shadow-top>*>.box:hover{box-shadow:0 -0.5rem 1rem rgba(0,0,0,0.1);}
 .for-hv-box-shadow-left>*>.box:hover{box-shadow:-0.5rem 0 1rem rgba(0,0,0,0.1);}
 .for-hv-box-shadow-right>*>.box:hover{box-shadow:0.5rem 0 1rem rgba(0,0,0,0.1);}
 .for-hv-box-shadow-left-top>*>.box:hover{box-shadow:-0.5rem -0.5rem 1rem rgba(0,0,0,0.1);}
 .for-hv-box-shadow-right-top>*>.box:hover{box-shadow:0.5rem -0.5rem 1rem rgba(0,0,0,0.1);}
 .for-hv-box-shadow-left-bottom>*>.box:hover{box-shadow:-0.5rem 0.5rem 1rem rgba(0,0,0,0.1);}
 .for-hv-box-shadow-right-bottom>*>.box:hover{box-shadow:0.5rem 0.5rem 1rem rgba(0,0,0,0.1);}
 
 /* for */
 .for-pd-s>*{padding:0.5rem;}
 .for-pd-1>*{padding:1rem;}
 .for-pd-2>*{padding:2rem;}
 .for-pd-3>*{padding:3rem;}
 .for-pd-4>*{padding:4rem;}
 .for-pd-5>*{padding:5rem;}
 .for-pd-6>*{padding:6rem;}
 .for-pd-7>*{padding:7rem;}
 .for-pd-8>*{padding:8rem;}
 .for-pd-9>*{padding:9rem;}
 
 .for-pd-y-s>*{padding-top:0.5rem;padding-bottom:0.5rem;}
 .for-pd-y-1>*{padding-top:1rem;padding-bottom:1rem;}
 .for-pd-y-2>*{padding-top:2rem;padding-bottom:2rem;}
 .for-pd-y-3>*{padding-top:3rem;padding-bottom:3rem;}
 .for-pd-y-4>*{padding-top:4rem;padding-bottom:4rem;}
 .for-pd-y-5>*{padding-top:5rem;padding-bottom:5rem;}
 .for-pd-y-6>*{padding-top:6rem;padding-bottom:6rem;}
 .for-pd-y-7>*{padding-top:7rem;padding-bottom:7rem;}
 .for-pd-y-8>*{padding-top:8rem;padding-bottom:8rem;}
 .for-pd-y-9>*{padding-top:9rem;padding-bottom:9rem;}
 
 .for-pd-x-s>*{padding-left:0.5rem;paddinb-right:0.5rem;}
 .for-pd-x-1>*{padding-left:1rem;paddinb-right:1rem;}
 .for-pd-x-2>*{padding-left:2rem;padding-right:2rem;}
 .for-pd-x-3>*{padding-left:3rem;padding-right:3rem;}
 .for-pd-x-4>*{padding-left:4rem;padding-right:4rem;}
 .for-pd-x-5>*{padding-left:5rem;padding-right:5rem;}
 .for-pd-x-6>*{padding-left:6rem;padding-right:6rem;}
 .for-pd-x-7>*{padding-left:7rem;padding-right:7rem;}
 .for-pd-x-8>*{padding-left:8rem;padding-right:8rem;}
 .for-pd-x-9>*{padding-left:9rem;padding-right:9rem;}
 
 .for-mg-y-s>*{margin-top:0.5rem;margin-bottom:0.5rem;}
 .for-mg-y-1>*{margin-top:1rem;margin-bottom:1rem;}
 .for-mg-y-2>*{margin-top:2rem;margin-bottom:2rem;}
 .for-mg-y-3>*{margin-top:3rem;margin-bottom:3rem;}
 .for-mg-y-4>*{margin-top:3rem;margin-bottom:4rem;}
 .for-mg-y-5>*{margin-top:3rem;margin-bottom:5rem;}
 .for-mg-y-6>*{margin-top:6rem;margin-bottom:6rem;}
 .for-mg-y-7>*{margin-top:7rem;margin-bottom:7rem;}
 .for-mg-y-8>*{margin-top:7rem;margin-bottom:8rem;}
 .for-mg-y-9>*{margin-top:7rem;margin-bottom:9rem;}
 
 .for-mg-x-s>*{margin-left:0.5rem;margin-right:0.5rem;}
 .for-mg-x-1>*{margin-left:1rem;margin-right:1rem;}
 .for-mg-x-2>*{margin-left:2rem;margin-right:2rem;}
 .for-mg-x-3>*{margin-left:3rem;margin-right:3rem;}
 .for-mg-x-4>*{margin-left:3rem;margin-right:4rem;}
 .for-mg-x-5>*{margin-left:3rem;margin-right:5rem;}
 .for-mg-x-6>*{margin-left:6rem;margin-right:6rem;}
 .for-mg-x-7>*{margin-left:7rem;margin-right:7rem;}
 .for-mg-x-8>*{margin-left:7rem;margin-right:8rem;}
 .for-mg-x-9>*{margin-left:7rem;margin-right:9rem;}
 
 .for-radius>*{border-radius:0.25rem;}
 .for-cursor-pointer>*{cursor:pointer;}
 
 .list-border>*{border-bottom:1px solid #E1E1E1;}
 
 .for-spacing-s{margin-left:-0.5rem;margin-bottom:-0.5rem;}.for-spacing-s>*{padding-left:0.5rem;padding-bottom:0.5rem;}
 .for-spacing-1{margin-left:-1rem;margin-bottom:-1rem;}.for-spacing-1>*{padding-left:1rem;padding-bottom:1rem;}
 .for-spacing-2{margin-left:-2rem;margin-bottom:-2rem;}.for-spacing-2>*{padding-left:2rem;padding-bottom:2rem;}
 .for-spacing-3{margin-left:-3rem;margin-bottom:-3rem;}.for-spacing-3>*{padding-left:3rem;padding-bottom:3rem;}
 .for-spacing-4{margin-left:-4rem;margin-bottom:-4rem;}.for-spacing-4>*{padding-left:4rem;padding-bottom:4rem;}
 .for-spacing-5{margin-left:-5rem;margin-bottom:-5rem;}.for-spacing-5>*{padding-left:5rem;padding-bottom:5rem;}
 .for-spacing-6{margin-left:-6rem;margin-bottom:-6rem;}.for-spacing-6>*{padding-left:6rem;padding-bottom:6rem;}
 .for-spacing-7{margin-left:-7rem;margin-bottom:-7rem;}.for-spacing-7>*{padding-left:7rem;padding-bottom:7rem;}
 .for-spacing-8{margin-left:-8rem;margin-bottom:-8rem;}.for-spacing-8>*{padding-left:8rem;padding-bottom:8rem;}
 .for-spacing-9{margin-left:-9rem;margin-bottom:-9rem;}.for-spacing-9>*{padding-left:9rem;padding-bottom:9rem;}
 
 
 .border-radius{border-radius:0.25rem;}
 .for-box-radius>*>.box{border-radius:0.25rem;overflow: hidden;}
 .for-bgpic-radius>*>.bgpic{border-radius:0.25rem;overflow: hidden;}
 .for-box-shadow>*>.box{box-shadow: 0 0 1rem rgba(0,0,0,0.1);}
 .for-border>*{border:1px solid #E1E1E1;}
 .for-box-border>*>.box{border:1px solid #E1E1E1;}
 .for-bgpic-border>*>.bgpic{border:1px solid #E1E1E1;}
 .border-color-lightblue{border-color:lightblue!important;}
 .shadow{box-shadow: 0 0 1rem rgba(0,0,0,0.1);}
 .for-shadow>*{box-shadow: 0 0 1rem rgba(0,0,0,0.1);}
 .bgpic{width:100%;background-color:#CCC;line-height:1;}
 .bgpic:after{padding-top:56.25%;content:'';display:block;}
 
 .flex-items-center{justify-content:center;-webkit-justify-content: center;display:flex;}
 .flex-items-middle{align-items: center;-webkit-align-items: center;display:flex;}
 
 .full-w{width:100%;}
 .full-h{height:100%;}
 .full{width:100%;height:100%;}
 
 .for-box-pd-s>*>.box{padding:0.5rem;}
 .for-box-pd-1>*>.box{padding:1rem;}
 .for-box-pd-2>*>.box{padding:2rem;}
 .for-box-pd-3>*>.box{padding:3rem;}
 .for-box-pd-4>*>.box{padding:4rem;}
 .for-box-pd-5>*>.box{padding:5rem;}
 
 .row{display:flex;}
 .row-inline{display:inline-flex;}
 
 .col-12{flex:0 0 100%;} .for-col-12>*{flex:0 0 100%;}
 .col-11{flex:0 0 91.66%;}  .for-col-11>*{flex:0 0 91.66%;}
 .col-10{flex:0 0 83.33%;} .for-col-10>*{flex:0 0 83.33%;}
 .col-9{flex:0 0 75%;} .for-col-9>*{flex:0 0 75%;}
 .col-8{flex:0 0 66.66%;} .for-col-8>*{flex:0 0 66.66%;}
 .col-7{flex:0 0 58.33%;} .for-col-7>*{flex:0 0 58.33%;}
 .col-6{flex:0 0 50%;} .for-col-6>*{flex:0 0 50%;}
 .col-5{flex:0 0 41.66%;} .for-col-5>*{flex:0 0 41.66%;}
 .col-4{flex:0 0 33.33%;} .for-col-4>*{flex:0 0 33.33%;}
 .col-3{flex:0 0 25%;} .for-col-3>*{flex:0 0 25%;}
 .col-2{flex:0 0 16.66%;} .for-col-2>*{flex:0 0 16.66%;}
 .col-1{flex:0 0 8.33%;} .for-col-1>*{flex:0 0 8.33%;}
 .col-auto{flex:1;min-width: 1px;} .for-col-auto>*{flex:1;min-width: 1px;}/*设置最小宽度以免被撑开*/
 .flex-auto{flex:1;}.flex-auto>*{flex:1;} /*IE好多诡异现象*/
 
 .w-12{width:100%;}
 .w-11{width:91.66%;}
 .w-10{width:83.33%;}
 .w-9{width:75%;}
 .w-8{width:66.66%;}
 .w-7{width: 58.33%;}
 .w-6{width:50%;}
 .w-5{width:41.66%;}
 .w-4{width:33.33%;}
 .w-3{width:25%;}
 .w-2{width:16.66%;}
 .w-1{width:8.33%;}
 
 
 .flex-full{flex:1;}
 .flex-full>*{flex:1;}
 .for-flex-full>*{flex:1;}
 
 .cursor-pointer{cursor:pointer;}
 .cursor-default{cursor:default;}
 
 /*###########################################################################
 
                     components 组件
         
 ############################################################################*/
 input::-ms-clear,::-ms-reveal{display:none;} /*去IE的交叉*/
 .custom-text{font-size:1rem;}
 .custom-text label{background-color: #e9ecef;border:1px solid #ced4da;line-height: 1;padding:0.4rem;color:#495057;border-radius:0.25rem; display:flex; align-items:center;}
 .custom-text input[type=text]{appearance: none;border:1px solid #ced4da;border-radius:0.25rem;line-height: 1;padding:0.4rem;outline-color:transparent;transition: all 0.3s;}
 .custom-text input:focus{box-shadow: 0 0 0px 3px #bfdeff;border-color:#007bff;}
 .custom-text input:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;}
 .custom-text label:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;}
 .custom-text input:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;}
 .custom-text label:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:0;}
 
 .custom-radio,.custom-check{position: relative; display:inline-block;margin-right:0.5rem;}
 *>.custom-radio:last-child{margin-right:0;}
 .custom-radio input[type=radio]{appearance: none;outline:none;position: absolute;opacity: 0;}
 .custom-radio label{line-height: 1;}
 .custom-radio label:before{content:'';display:inline-block;margin-right:0.5rem;width:1rem;height:1rem;vertical-align:middle;border-radius:50%;background-color:#ced4da;pointer-events: none;box-sizing: border-box;transition: all 0.3s;}
 .custom-radio input[type=radio]:checked ~ label:before{border:0.25rem solid #007bff;background-color: #FFF;}
 
 .custom-check input[type=checkbox]{appearance: none;outline:none;position: absolute;opacity: 0;}
 .custom-check label{line-height: 1;}
 .custom-check label:before{content:'';display:inline-block;margin-right:0.5rem;width:1rem;height:1rem;vertical-align:middle;border-radius:0.25rem;background-color:#ced4da;pointer-events: none;box-sizing: border-box;transition: background-color 0.3s;background-size:50% 50%;background-repeat:no-repeat;background-position:center center;}
 .custom-check input[type=checkbox]:checked ~ label:before{background-color: #007bff;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");}
 
 .custom-select select::-ms-expand { display: none; } 
 .custom-select select{-webkit-appearance: none;-moz-appearance: none; appearance: none;padding:0.4rem 2rem 0.4rem 1rem;line-height:1;border:1px solid #ced4da;color:#333;border-radius:0.25rem;vertical-align:middle;background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;background-size: 8px 10px;outline-color:transparent;width:100%;}
 .custom-select select:focus{box-shadow: 0 0 0px 3px #bfdeff;border-color:#007bff;}
 .custom-select select[multiple]{background-size:0;padding-right:1rem;}
 
 .custom-textarea textarea{border:1px solid #ced4da;border-radius:0.25rem;padding:0.4rem;outline:none;}
 .custom-textarea textarea:focus{box-shadow: 0 0 0px 3px #bfdeff;border-color:#007bff;}
 
 .custom-button{-webkit-appearance: none;padding:0.4rem 0.8rem;background-color:#F1F1F1;line-height:1;border-radius:0.25rem;border:0;display:inline-block;cursor:pointer;}
 .custom-button:disabled{opacity:0.65;cursor: not-allowed;}
 
 .loading-zoom{animation:loading 2s infinite;width:3rem;height:3rem;border-radius:50%;background-color:rgba(0,123,255,0.34); display:inline-block;position:relative;transform:scale(0.25);vertical-align:middle;pointer-events:none;}
 .loading-zoom:before{position:absolute;display:block;content:'';width:100%;height:100%;background-color:inherit;border-radius:inherit;animation:loading-zoom-a 1.5s infinite;}
 .loading-zoom:after{position:absolute;display:block;content:'';width:100%;height:100%;background-color:inherit;border-radius:inherit;animation:loading-zoom-b 1.5s infinite;}
 @keyframes loading-zoom-a{50%{transform:scale(4);}}
 @keyframes loading-zoom-b{50%{transform:scale(2.5);}}
 
 .loading-rotating{border:0.1rem solid #007bff;border-radius:50%;width:1rem;height:1rem;display:inline-block;border-bottom-color:transparent; animation:loading-rotating 1s infinite linear; vertical-align:middle;pointer-events:none;}
 @keyframes loading-rotating{100%{transform:rotate(360deg);}}
 
 
 
 
 /* =========================================================================
                             hover 动画
 ============================================================================
 */
 /* hv-visible */
 [class*="hv-visible-"]{animation-duration: 0.5s;visibility: hidden; transition: all 0.5s; }
 .hv-backer:hover [class*="hv-visible-"]{animation-duration: 0.5s;visibility: visible; }
 
 .hv-visible-fade-zoom{animation-name: fade-zoom-out;}
 .hv-backer:hover .hv-visible-fade-zoom{animation-name: fade-zoom-in;}
 
 .hv-visible-fade{animation-name: fadeout;}
 .hv-backer:hover .hv-visible-fade{animation-name: fadein;}
 
 .hv-visible-zoom{animation-name: zoomOut;}
 .hv-backer:hover .hv-visible-zoom{animation-name: zoomIn;}
 
 .hv-visible-slide{animation-name: slideOutDown;}
 .hv-backer:hover .hv-visible-slide{animation-name: slideInUp;}
 
 .hv-visible-slide-down{animation-name: slideOutUp;}
 .hv-backer:hover .hv-visible-slide-down{animation-name: slideInDown;}
 
 .hv-visible-rotate{animation-name: rotateOut;}
 .hv-backer:hover .hv-visible-rotate{animation-name: rotateIn;}
 
 /* hv-ani */
 [class*="hv-ani-"]{animation-duration: 0.5s;transition: all 0.5s; }
 [class*="for-hv-ani-"]>*{animation-duration: 0.5s;transition: all 0.5s; }
 .hv-ani-pop:hover{animation-name: pop;}
 .hv-ani-push:hover{animation-name: push;}
 .hv-ani-pulse:hover{animation-name: pulse;animation-iteration-count:infinite;}
 .hv-ani-float:hover{transform: translateY(-0.5rem)}
 .hv-ani-bob:hover{animation-name: bob;animation-iteration-count:infinite;animation-duration: 1s;}
 .hv-ani-skew:hover{ -webkit-transform: skew(-10deg); transform: skew(-10deg);}
 .hv-ani-wobble:hover{animation-name: wobble-top;animation-duration: 1s;}
 .for-hv-ani-pop>*:hover{animation-name: pop;}
 .for-hv-ani-push>*:hover{animation-name: push;}
 .for-hv-ani-pulse>*:hover{animation-name: pulse;animation-iteration-count:infinite;}
 .for-hv-ani-float>*:hover{transform: translateY(-0.5rem);}
 .for-hv-ani-bob>*:hover{animation-name: bob;animation-iteration-count:infinite;animation-duration: 1s;}
 .for-hv-ani-skew>*:hover{ -webkit-transform: skew(-10deg); transform: skew(-10deg);}
 .for-hv-ani-wobble>*:hover{animation-name: wobble-top;animation-duration: 1s;}
 
 .find-hv-ani-pop .find-ani:hover{animation-name: pop;}
 .find-hv-ani-push .find-ani:hover{animation-name: push;}
 .find-hv-ani-pulse .find-ani:hover{animation-name: pulse;animation-iteration-count:infinite;}
 .find-hv-ani-float .find-ani:hover{transform: translateY(-0.5rem);}
 .find-hv-ani-bob .find-ani:hover{animation-name: bob;animation-iteration-count:infinite;animation-duration: 1s;}
 .find-hv-ani-skew .find-ani:hover{ -webkit-transform: skew(-10deg); transform: skew(-10deg);}
 .find-hv-ani-wobble .find-ani:hover{animation-name: wobble-top;animation-duration: 1s;}
 
 /* 移动端菜单图标 */
 .nav-mobile-btn{display:none;overflow: hidden;position:relative;cursor:pointer;}
 .nav-mobile-btn>*{width: 1.5rem;height: 0.125rem;border-radius: 1px;background-color: #FFF;display: block;margin: 0.32rem auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
 .nav-mobile-btn.active>*:nth-child(1){-webkit-transform: translateY(0.45rem) rotate(45deg);-ms-transform: translateY(0.45rem) rotate(45deg);-o-transform: translateY(0.45rem) rotate(45deg);transform: translateY(0.45rem) rotate(45deg);}
 .nav-mobile-btn.active>*:nth-child(2){opacity: 0;}
 .nav-mobile-btn.active>*:nth-child(3){-webkit-transform: translateY(-0.45rem) rotate(-45deg);-ms-transform: translateY(-0.45rem) rotate(-45deg);-o-transform: translateY(-0.45rem) rotate(-45deg);transform: translateY(-0.45rem) rotate(-45deg);}
 .nav-mobile-show{display:block!important;}
 
 
 /* =========================================================================
                             keyframes 动画
 ============================================================================
 */
 @keyframes wobble-top {
     16.65% {-webkit-transform: skew(-12deg);transform: skew(-12deg);}
     33.3% {-webkit-transform: skew(10deg);transform: skew(10deg);}
     49.95% {-webkit-transform: skew(-6deg);transform: skew(-6deg);}
     66.6% {-webkit-transform: skew(4deg);transform: skew(4deg);}
     83.25% {-webkit-transform: skew(-2deg);transform: skew(-2deg);}
     100% {-webkit-transform: skew(0);transform: skew(0);}
 }
 @keyframes bob {
     0% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
     50% {-webkit-transform: translateY(-4px);transform: translateY(-4px);}
     100% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
 }
 @keyframes pulse{
     0% {-webkit-transform: scale(1);transform: scale(1);}
     50% {-webkit-transform: scale(0.9);transform: scale(0.9);}
     100%{-webkit-transform: scale(1);transform: scale(1);}
 }
 @keyframes pop {
     50% {-webkit-transform: scale(1.2);transform: scale(1.2);}
 }
 
 @keyframes push {
     50% {-webkit-transform: scale(0.8);transform: scale(0.8);}
     100% {-webkit-transform: scale(1);transform: scale(1);}
 }
 
 @keyframes fade-zoom-in {
      0%{opacity: 0;transform: scale3d(3,3,1);}
      100%{opacity: 1; }
  }
 
 @keyframes fade-zoom-out {
     0%{opacity: 1;}
     100%{opacity: 0;transform: scale3d(3,3,1); }
 }
 
 @keyframes fadein {
     0%{opacity: 0;}
     100%{opacity: 1; }
 }
 
 @keyframes fadeout {
     0%{opacity: 1;}
     100%{opacity: 0;}
 }
 
 @keyframes zoomIn {
     from {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}
     50% {opacity: 1;}
 }
 
 @keyframes zoomOut {
     from {opacity: 1;}
     50% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}
     to {opacity: 0;}
 }
 
 @keyframes slideInUp {
     from {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);visibility: visible;}
     to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
 }
 
 @keyframes slideInDown {
     from {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);visibility: visible;}
     to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
 }
 @keyframes slideOutUp {
     from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
     to {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
 }
 @keyframes slideOutDown {
     from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
     to {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
 }
 
 @keyframes bounceIn {
     from,20%,40%,60%,80%,
     to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-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);}
     to {opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
 }
 
 @keyframes rotateIn {
     from {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, -200deg);transform: rotate3d(0, 0, 1, -200deg);opacity: 0;}
     to {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}
 }
 @keyframes rotateOut {
     from {-webkit-transform-origin: center;transform-origin: center;opacity: 1;}
     to {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, 200deg);transform: rotate3d(0, 0, 1, 200deg);opacity: 0;}
 }
 
 @media (max-width:1024px){
     .f-for-spacing-0{margin-left:0;margin-bottom:0;}
     .f-for-spacing-0>*{padding-left:0;padding-bottom:0;}
     .f-for-spacing-s{margin-left:-0.5rem;margin-bottom:-0.5rem;}
     .f-for-spacing-s>*{padding-left:0.5rem;padding-bottom:0.5rem;}
     .f-for-spacing-1{margin-left:-1rem;margin-bottom:-1rem;}
     .f-for-spacing-1>*{padding-left:1rem;padding-bottom:1rem;}

     .f-no-border{border:0;}
     
     .f-mg-left-auto{margin-left:auto;}
     .f-mg-auto{margin:auto;}
 .f-mg-0{margin:0;}.f-mg-s{margin:0.5rem;}.f-mg-1{margin:1rem;}.f-mg-2{margin:2rem;}.f-mg-3{margin:3rem;}.f-mg-4{margin:4rem;}.f-mg-5{margin:5rem;}.f-mg-6{margin:6rem;}.f-mg-7{margin:7rem;}.f-mg-8{margin:8rem;}.f-mg-9{margin:9rem;}
 .f-mg-x-0{margin-left:0;margin-right:0;}.f-mg-x-s{margin-left:0.5rem;margin-right:0.5rem;}.f-mg-x-1{margin-left:1rem;margin-right:1rem;}.f-mg-x-2{margin-left:2rem;margin-right:2rem;}.f-mg-x-3{margin-left:3rem;margin-right:3rem;}.f-mg-x-4{margin-left:4rem;margin-right:4rem;}.f-mg-x-5{margin-left:5rem;margin-right:5rem;}.f-mg-x-6{margin-left:6rem;margin-right:6rem;}.f-mg-x-7{margin-left:7rem;margin-right:7rem;}.f-mg-x-8{margin-left:8rem;margin-right:8rem;}.f-mg-x-9{margin-left:9rem;margin-right:9rem;}
 .f-mg-y-0{margin-top:0;margin-bottom:0;}.f-mg-y-s{margin-top:0.5rem;margin-bottom:0.5rem;}.f-mg-y-1{margin-top:1rem;margin-bottom:1rem;}.f-mg-y-2{margin-top:2rem;margin-bottom:2rem;}.f-mg-y-3{margin-top:3rem;margin-bottom:3rem;}.f-mg-y-4{margin-top:4rem;margin-bottom:4rem;}.f-mg-y-5{margin-top:5rem;margin-bottom:5rem;}.f-mg-y-6{margin-top:6rem;margin-bottom:6rem;}.f-mg-y-7{margin-top:7rem;margin-bottom:7rem;}.f-mg-y-8{margin-top:8rem;margin-bottom:8rem;}.f-mg-y-9{margin-top:9rem;margin-bottom:9rem;}
 .f-mg-left-0{margin-left:0;}.f-mg-left-s{margin-left:0.5rem;}.f-mg-left-1{margin-left:1rem;}.f-mg-left-2{margin-left:2rem;}.f-mg-left-3{margin-left:3rem;}.f-mg-left-4{margin-left:4rem;}.f-mg-left-5{margin-left:5rem;}.f-mg-left-6{margin-left:6rem;}.f-mg-left-7{margin-left:7rem;}.f-mg-left-8{margin-left:8rem;}.f-mg-left-9{margin-left:9rem;}
 .f-mg-right-0{margin-right:0;}.f-mg-right-s{margin-right:0.5rem;}.f-mg-right-1{margin-right:1rem;} .f-mg-right-2{margin-right:2rem;} .f-mg-right-3{margin-right:3rem;} .f-mg-right-4{margin-right:4rem;} .f-mg-right-5{margin-right:5rem;} .f-mg-right-6{margin-right:6rem;} .f-mg-right-7{margin-right:7rem;} .f-mg-right-8{margin-right:8rem;} .f-mg-right-9{margin-right:9rem;}
 .f-mg-top-0{margin-top:0;}.f-mg-top-s{margin-top:0.5rem;}.f-mg-top-1{margin-top:1rem;} .f-mg-top-2{margin-top:2rem;} .f-mg-top-3{margin-top:3rem;} .f-mg-top-4{margin-top:4rem;} .f-mg-top-5{margin-top:5rem;} .f-mg-top-6{margin-top:6rem;} .f-mg-top-7{margin-top:7rem;} .f-mg-top-8{margin-top:8rem;} .f-mg-top-9{margin-top:9rem;}
 .f-mg-bottom-0{margin-bottom:0;}.f-mg-bottom-s{margin-bottom:0.5rem;}.f-mg-bottom-1{margin-bottom:1rem;} .f-mg-bottom-2{margin-bottom:2rem;} .f-mg-bottom-3{margin-bottom:3rem;} .f-mg-bottom-4{margin-bottom:4rem;} .f-mg-bottom-5{margin-bottom:5rem;} .f-mg-bottom-6{margin-bottom:6rem;} .f-mg-bottom-7{margin-bottom:7rem;} .f-mg-bottom-8{margin-bottom:8rem;} .f-mg-bottom-9{margin-bottom:9rem;}
 .f-pd-0{padding:0;}.f-pd-s{padding:0.5rem;}.f-pd-1{padding:1rem;}.f-pd-2{padding:2rem;}.f-pd-3{padding:3rem;}.f-pd-4{padding:4rem;}.f-pd-5{padding:5rem;}.f-pd-6{padding:6rem;}.f-pd-7{padding:7rem;}.f-pd-8{padding:8rem;}.f-pd-9{padding:9rem;}
 .f-pd-x-0{padding-left:0;padding-right:0;}.f-pd-x-s{padding-left:0.5rem;padding-right:0.5rem;}.f-pd-x-1{padding-left:1rem;padding-right:1rem;}.f-pd-x-2{padding-left:2rem;padding-right:2rem;}.f-pd-x-3{padding-left:3rem;padding-right:3rem;}.f-pd-x-4{padding-left:4rem;padding-right:4rem;}.f-pd-x-5{padding-left:5rem;padding-right:5rem;}.f-pd-x-6{padding-left:6rem;padding-right:6rem;}.f-pd-x-7{padding-left:7rem;padding-right:7rem;}.f-pd-x-8{padding-left:8rem;padding-right:8rem;}.f-pd-x-9{padding-left:9rem;padding-right:9rem;}
 .f-pd-y-0{padding-top:0;padding-bottom:0;}.f-pd-y-s{padding-top:0.5rem;padding-bottom:0.5rem;}.f-pd-y-1{padding-top:1rem;padding-bottom:1rem;}.f-pd-y-2{padding-top:2rem;padding-bottom:2rem;}.f-pd-y-3{padding-top:3rem;padding-bottom:3rem;}.f-pd-y-4{padding-top:4rem;padding-bottom:4rem;}.f-pd-y-5{padding-top:5rem;padding-bottom:5rem;}.f-pd-y-6{padding-top:6rem;padding-bottom:6rem;}.f-pd-y-7{padding-top:7rem;padding-bottom:7rem;}.f-pd-y-8{padding-top:8rem;padding-bottom:8rem;}.f-pd-y-9{padding-top:9rem;padding-bottom:9rem;}
 .f-pd-left-0{padding-left:0;}.f-pd-left-s{padding-left:0.5rem;}.f-pd-left-1{padding-left:1rem;}.f-pd-left-2{padding-left:2rem;}.f-pd-left-3{padding-left:3rem;}.f-pd-left-4{padding-left:4rem;}.f-pd-left-5{padding-left:5rem;}.f-pd-left-6{padding-left:6rem;}.f-pd-left-7{padding-left:7rem;}.f-pd-left-8{padding-left:8rem;}.f-pd-left-9{padding-left:9rem;}
 .f-pd-right-0{padding-right:0;}.f-pd-right-s{padding-right:0.5rem;}.f-pd-right-1{padding-right:1rem;} .f-pd-right-2{padding-right:2rem;} .f-pd-right-3{padding-right:3rem;} .f-pd-right-4{padding-right:4rem;} .f-pd-right-5{padding-right:5rem;} .f-pd-right-6{padding-right:6rem;} .f-pd-right-7{padding-right:7rem;} .f-pd-right-8{padding-right:8rem;} .f-pd-right-9{padding-right:9rem;}
 .f-pd-top-0{padding-top:0;}.f-pd-top-s{padding-top:0.5rem;} .f-pd-top-1{padding-top:1rem;} .f-pd-top-2{padding-top:2rem;} .f-pd-top-3{padding-top:3rem;} .f-pd-top-4{padding-top:4rem;} .f-pd-top-5{padding-top:5rem;} .f-pd-top-6{padding-top:6rem;} .f-pd-top-7{padding-top:7rem;} .f-pd-top-8{padding-top:8rem;} .f-pd-top-9{padding-top:9rem;}
 .f-pd-bottom-0{padding-bottom:0;}.f-pd-bottom-s{padding-bottom:0.5rem;}.f-pd-bottom-1{padding-bottom:1rem;} .f-pd-bottom-2{padding-bottom:2rem;} .f-pd-bottom-3{padding-bottom:3rem;} .f-pd-bottom-4{padding-bottom:4rem;} .f-pd-bottom-5{padding-bottom:5rem;} .f-pd-bottom-6{padding-bottom:6rem;} .f-pd-bottom-7{padding-bottom:7rem;} .f-pd-bottom-8{padding-bottom:8rem;} .f-pd-bottom-9{padding-bottom:9rem;}
     
     .f-width-auto{width:auto!important;}
 
     .f-fs-large{font-size:3rem;}
     .f-fs-9{font-size:2.25rem;}
     .f-fs-8{font-size:2rem;}
     .f-fs-7{font-size:1.75rem;}
     .f-fs-6{font-size:1.5rem;}
     .f-fs-5{font-size:1.25rem;}
     .f-fs-4{font-size:1rem;}
     .f-fs-14{font-size:0.875rem;}
     .f-fs-18{font-size:1.125rem;}
     .f-fs-3{font-size:0.75rem;}
 
     .f-s4x3:after{padding-top: 75%!important;}
     .f-s1x1:after{padding-top: 100%!important;}
     .f-s3x4:after{padding-top: 133.33%!important;}
     .f-s16x9:after{padding-top: 56.25%!important;}
     .f-s9x16:after{padding-top: 177.77%!important;}
     .f-s0x0:after{padding-top: 100%!important;}
     .f-s0x0{border-radius:50%!important;}
 
     .f-bold{font-weight: bold;}
     .f-lighter{font-weight:lighter;}
     .f-display-inline-block{display:inline-block!important;}
     .f-display-inline{display:inline;}
     .f-display-block{display:block;}
     .f-display-flex{display:flex;}
     .f-show{display:block;}
     .f-show-table{display:table;}
     .f-show-inlineblock{display:inline-block;}
     .f-hide{display:none;}
     .f-hidden{visibility: hidden;}
     .f-float-left{float:left;}
     .f-float-right{float:right;}
     .f-left{left:0;}
     .f-right{right:0;}
     .f-top{top:0;}
     .f-bottom{bottom:0;}
     
     .f-fixed{position:fixed!important;}
     .f-absolute{position:absolute!important;}
     .f-relative{position:relative!important;}
     .f-static{position:static!important;}
 
     .f-text-center{text-align: center;}
     .f-text-left{text-align: left;}
     .f-text-right{text-align: right;}
     .f-vmiddle{vertical-align:middle;}
     .f-vtop{vertical-align: top;}
     .f-vbottom{vertical-align: bottom;}
     
     .f-0>*{width:auto;}
     .f-1>*{width:100%;}
     .f-2>*{width:50%;}
     .f-3>*{width:33.33%;}
     .f-4>*{width:25%;}
     .f-5>*{width:20%;}
     .f-6>*{width:16.66%;}
     .f-7>*{width:14.28%;}
     .f-8>*{width:12.5%;}
     .f-9>*{width:11.11%;}
     .f-10>*{width:10%;}
 
     .f-col-12{flex:0 0 100%;}
     .f-col-11{flex:0 0 91.66%;}
     .f-col-10{flex:0 0 83.33%;}
     .f-col-9{flex:0 0 75%;}
     .f-col-8{flex:0 0 66.66%;}
     .f-col-7{flex:0 0 58.33%;}
     .f-col-6{flex:0 0 50%;}
     .f-col-5{flex:0 0 41.66%;}
     .f-col-4{flex:0 0 33.33%;}
     .f-col-3{flex:0 0 25%;}
     .f-col-2{flex:0 0 16.66%;}
     .f-col-1{flex:0 0 8.33%;}
     .f-col-auto{flex:1;min-width: 1px;}
 
     .f-w-12{width:100%;}
     .f-w-11{width:91.66%;}
     .f-w-10{width:83.33%;}
     .f-w-9{width:75%;}
     .f-w-8{width:66.66%;}
     .f-w-7{width: 58.33%;}
     .f-w-6{width:50%;}
     .f-w-5{width:41.66%;}
     .f-w-4{width:33.33%;}
     .f-w-3{width:25%;}
     .f-w-2{width:16.66%;}
     .f-w-1{width:8.33%;}
 
     .f-width-1{width:1rem!important;}
     .f-width-2{width:2rem!important;}
     .f-width-3{width:3rem!important;}
     .f-width-4{width:4rem!important;}
     .f-width-5{width:5rem!important;}
     .f-width-6{width:6rem!important;}
     .f-width-7{width:7rem!important;}
     .f-width-8{width:8rem!important;}
     .f-width-9{width:9rem!important;}
     
     .f-line-1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
     .f-line-2,.f-line-3,.f-line-4,.f-line-5,.f-line-6,.f-line-7,.f-line-8{overflow:hidden;display:block;display: -webkit-box;-webkit-box-orient: vertical;white-space:pre-wrap;}
     .f-line-2{-webkit-line-clamp:2;}
     .f-line-3{-webkit-line-clamp:3;}
     .f-line-4{-webkit-line-clamp:4;}
     .f-line-5{-webkit-line-clamp:5;}
     .f-line-6{-webkit-line-clamp:6;}
     .f-line-7{-webkit-line-clamp:7;}
     .f-line-8{-webkit-line-clamp:8;}
     
     .f-lh-1{line-height: 1;}
     .f-lh-15{line-height: 1.5;}
     .f-lh-2{line-height: 2;}
     .f-lh-25{line-height: 2.5;}
     .f-lh-3{line-height: 3;}
     .f-lh-35{line-height: 3.5;}

     [class*="f-flex"]{display:flex;display:-webkit-flex;}
     .f-flex-wrap{flex-wrap:wrap;}
     .f-flex-center{justify-content:center;}
     .f-flex-middle{align-items: center;}
     .f-flex-direction-row{flex-direction:row;} /* 水平，左起 */
     .f-flex-direction-row-reverse{flex-direction:row-reverse;} /* 水平，左起 */
     .f-flex-direction-column{flex-direction:column;} /* 垂直，上起 */
     .f-flex-direction-column-reverse{flex-direction:column-reverse;} /* 垂直，下起 */

     .f-visible{visibility: visible;}
 }
 
 @media (max-width:880px){
     
     .m-for-spacing-0{margin-left:0;margin-bottom:0;}
     .m-for-spacing-0>*{padding-left:0;padding-bottom:0;}
     .m-for-spacing-s{margin-left:-0.5rem;margin-bottom:-0.5rem;}
     .m-for-spacing-s>*{padding-left:0.5rem;padding-bottom:0.5rem;}
     .m-for-spacing-1{margin-left:-1rem;margin-bottom:-1rem;}
     .m-for-spacing-1>*{padding-left:1rem;padding-bottom:1rem;}

     .m-no-border{border:0;}
     .m-for-box-pd-1>*>.box{padding:1rem;}
     .m-for-box-pd-s>*>.box{padding:0.5rem;}
     
     .m-mg-left-auto{margin-left:auto;}
     .m-mg-auto{margin:auto;}
 .m-mg-0{margin:0;}.m-mg-s{margin:0.5rem;}.m-mg-1{margin:1rem;}.m-mg-2{margin:2rem;}.m-mg-3{margin:3rem;}.m-mg-4{margin:4rem;}.m-mg-5{margin:5rem;}.m-mg-6{margin:6rem;}.m-mg-7{margin:7rem;}.m-mg-8{margin:8rem;}.m-mg-9{margin:9rem;}
 .m-mg-x-0{margin-left:0;margin-right:0;}.m-mg-x-s{margin-left:0.5rem;margin-right:0.5rem;}.m-mg-x-1{margin-left:1rem;margin-right:1rem;}.m-mg-x-2{margin-left:2rem;margin-right:2rem;}.m-mg-x-3{margin-left:3rem;margin-right:3rem;}.m-mg-x-4{margin-left:4rem;margin-right:4rem;}.m-mg-x-5{margin-left:5rem;margin-right:5rem;}.m-mg-x-6{margin-left:6rem;margin-right:6rem;}.m-mg-x-7{margin-left:7rem;margin-right:7rem;}.m-mg-x-8{margin-left:8rem;margin-right:8rem;}.m-mg-x-9{margin-left:9rem;margin-right:9rem;}
 .m-mg-y-0{margin-top:0;margin-bottom:0;}.m-mg-y-s{margin-top:0.5rem;margin-bottom:0.5rem;}.m-mg-y-1{margin-top:1rem;margin-bottom:1rem;}.m-mg-y-2{margin-top:2rem;margin-bottom:2rem;}.m-mg-y-3{margin-top:3rem;margin-bottom:3rem;}.m-mg-y-4{margin-top:4rem;margin-bottom:4rem;}.m-mg-y-5{margin-top:5rem;margin-bottom:5rem;}.m-mg-y-6{margin-top:6rem;margin-bottom:6rem;}.m-mg-y-7{margin-top:7rem;margin-bottom:7rem;}.m-mg-y-8{margin-top:8rem;margin-bottom:8rem;}.m-mg-y-9{margin-top:9rem;margin-bottom:9rem;}
 .m-mg-left-0{margin-left:0;}.m-mg-left-s{margin-left:0.5rem;}.m-mg-left-1{margin-left:1rem;}.m-mg-left-2{margin-left:2rem;}.m-mg-left-3{margin-left:3rem;}.m-mg-left-4{margin-left:4rem;}.m-mg-left-5{margin-left:5rem;}.m-mg-left-6{margin-left:6rem;}.m-mg-left-7{margin-left:7rem;}.m-mg-left-8{margin-left:8rem;}.m-mg-left-9{margin-left:9rem;}
 .m-mg-right-0{margin-right:0;}.m-mg-right-s{margin-right:0.5rem;}.m-mg-right-1{margin-right:1rem;} .m-mg-right-2{margin-right:2rem;} .m-mg-right-3{margin-right:3rem;} .m-mg-right-4{margin-right:4rem;} .m-mg-right-5{margin-right:5rem;} .m-mg-right-6{margin-right:6rem;} .m-mg-right-7{margin-right:7rem;} .m-mg-right-8{margin-right:8rem;} .m-mg-right-9{margin-right:9rem;}
 .m-mg-top-0{margin-top:0;}.m-mg-top-s{margin-top:0.5rem;}.m-mg-top-1{margin-top:1rem;} .m-mg-top-2{margin-top:2rem;} .m-mg-top-3{margin-top:3rem;} .m-mg-top-4{margin-top:4rem;} .m-mg-top-5{margin-top:5rem;} .m-mg-top-6{margin-top:6rem;} .m-mg-top-7{margin-top:7rem;} .m-mg-top-8{margin-top:8rem;} .m-mg-top-9{margin-top:9rem;}
 .m-mg-bottom-0{margin-bottom:0;}.m-mg-bottom-s{margin-bottom:0.5rem;}.m-mg-bottom-1{margin-bottom:1rem;} .m-mg-bottom-2{margin-bottom:2rem;} .m-mg-bottom-3{margin-bottom:3rem;} .m-mg-bottom-4{margin-bottom:4rem;} .m-mg-bottom-5{margin-bottom:5rem;} .m-mg-bottom-6{margin-bottom:6rem;} .m-mg-bottom-7{margin-bottom:7rem;} .m-mg-bottom-8{margin-bottom:8rem;} .m-mg-bottom-9{margin-bottom:9rem;}
 .m-pd-0{padding:0;}.m-pd-s{padding:0.5rem;}.m-pd-1{padding:1rem;}.m-pd-2{padding:2rem;}.m-pd-3{padding:3rem;}.m-pd-4{padding:4rem;}.m-pd-5{padding:5rem;}.m-pd-6{padding:6rem;}.m-pd-7{padding:7rem;}.m-pd-8{padding:8rem;}.m-pd-9{padding:9rem;}
 .m-pd-x-0{padding-left:0;padding-right:0;}.m-pd-x-s{padding-left:0.5rem;padding-right:0.5rem;}.m-pd-x-1{padding-left:1rem;padding-right:1rem;}.m-pd-x-2{padding-left:2rem;padding-right:2rem;}.m-pd-x-3{padding-left:3rem;padding-right:3rem;}.m-pd-x-4{padding-left:4rem;padding-right:4rem;}.m-pd-x-5{padding-left:5rem;padding-right:5rem;}.m-pd-x-6{padding-left:6rem;padding-right:6rem;}.m-pd-x-7{padding-left:7rem;padding-right:7rem;}.m-pd-x-8{padding-left:8rem;padding-right:8rem;}.m-pd-x-9{padding-left:9rem;padding-right:9rem;}
 .m-pd-y-0{padding-top:0;padding-bottom:0;}.m-pd-y-s{padding-top:0.5rem;padding-bottom:0.5rem;}.m-pd-y-1{padding-top:1rem;padding-bottom:1rem;}.m-pd-y-2{padding-top:2rem;padding-bottom:2rem;}.m-pd-y-3{padding-top:3rem;padding-bottom:3rem;}.m-pd-y-4{padding-top:4rem;padding-bottom:4rem;}.m-pd-y-5{padding-top:5rem;padding-bottom:5rem;}.m-pd-y-6{padding-top:6rem;padding-bottom:6rem;}.m-pd-y-7{padding-top:7rem;padding-bottom:7rem;}.m-pd-y-8{padding-top:8rem;padding-bottom:8rem;}.m-pd-y-9{padding-top:9rem;padding-bottom:9rem;}
 .m-pd-left-0{padding-left:0;}.m-pd-left-s{padding-left:0.5rem;}.m-pd-left-1{padding-left:1rem;}.m-pd-left-2{padding-left:2rem;}.m-pd-left-3{padding-left:3rem;}.m-pd-left-4{padding-left:4rem;}.m-pd-left-5{padding-left:5rem;}.m-pd-left-6{padding-left:6rem;}.m-pd-left-7{padding-left:7rem;}.m-pd-left-8{padding-left:8rem;}.m-pd-left-9{padding-left:9rem;}
 .m-pd-right-0{padding-right:0;}.m-pd-right-s{padding-right:0.5rem;}.m-pd-right-1{padding-right:1rem;} .m-pd-right-2{padding-right:2rem;} .m-pd-right-3{padding-right:3rem;} .m-pd-right-4{padding-right:4rem;} .m-pd-right-5{padding-right:5rem;} .m-pd-right-6{padding-right:6rem;} .m-pd-right-7{padding-right:7rem;} .m-pd-right-8{padding-right:8rem;} .m-pd-right-9{padding-right:9rem;}
 .m-pd-top-0{padding-top:0;}.m-pd-top-s{padding-top:0.5rem;} .m-pd-top-1{padding-top:1rem;} .m-pd-top-2{padding-top:2rem;} .m-pd-top-3{padding-top:3rem;} .m-pd-top-4{padding-top:4rem;} .m-pd-top-5{padding-top:5rem;} .m-pd-top-6{padding-top:6rem;} .m-pd-top-7{padding-top:7rem;} .m-pd-top-8{padding-top:8rem;} .m-pd-top-9{padding-top:9rem;}
 .m-pd-bottom-0{padding-bottom:0;}.m-pd-bottom-s{padding-bottom:0.5rem;}.m-pd-bottom-1{padding-bottom:1rem;} .m-pd-bottom-2{padding-bottom:2rem;} .m-pd-bottom-3{padding-bottom:3rem;} .m-pd-bottom-4{padding-bottom:4rem;} .m-pd-bottom-5{padding-bottom:5rem;} .m-pd-bottom-6{padding-bottom:6rem;} .m-pd-bottom-7{padding-bottom:7rem;} .m-pd-bottom-8{padding-bottom:8rem;} .m-pd-bottom-9{padding-bottom:9rem;}
     
     .m-width-auto{width:auto!important;}
 
     .m-fs-large{font-size:3rem;}
     .m-fs-9{font-size:2.25rem;}
     .m-fs-8{font-size:2rem;}
     .m-fs-7{font-size:1.75rem;}
     .m-fs-6{font-size:1.5rem;}
     .m-fs-5{font-size:1.25rem;}
     .m-fs-4{font-size:1rem;}
     .m-fs-14{font-size:0.875rem;}
     .m-fs-18{font-size:1.125rem;}
     .m-fs-3{font-size:0.75rem;}
 
     .m-s4x3:after{padding-top: 75%!important;}
     .m-s1x1:after{padding-top: 100%!important;}
     .m-s3x4:after{padding-top: 133.33%!important;}
     .m-s16x9:after{padding-top: 56.25%!important;}
     .m-s9x16:after{padding-top: 177.77%!important;}
     .m-s0x0:after{padding-top: 100%!important;}
     .m-s0x0{border-radius:50%!important;}
 
     .m-bold{font-weight: bold;}
     .m-lighter{font-weight:lighter;}
     .m-display-inline-block{display:inline-block!important;}
     .m-display-inline{display:inline;}
     .m-display-block{display:block;}
     .m-display-flex{display:flex;}
     .m-show{display:block;}
     .m-show-table{display:table;}
     .m-show-inlineblock{display:inline-block;}
     .m-hide{display:none;}
     .m-hidden{visibility: hidden;}
     .m-float-left{float:left;}
     .m-float-right{float:right;}
     .m-left{left:0;}
     .m-right{right:0;}
     .m-top{top:0;}
     .m-bottom{bottom:0;}
     
     .m-fixed{position:fixed!important;}
     .m-absolute{position:absolute!important;}
     .m-relative{position:relative!important;}
     .m-static{position:static!important;}
 
     .m-text-center{text-align: center;}
     .m-text-left{text-align: left;}
     .m-text-right{text-align: right;}
     .m-vmiddle{vertical-align:middle;}
     .m-vtop{vertical-align: top;}
     .m-vbottom{vertical-align: bottom;}
     
     .m-0>*{width:auto;}
     .m-1>*{width:100%;}
     .m-2>*{width:50%;}
     .m-3>*{width:33.33%;}
     .m-4>*{width:25%;}
     .m-5>*{width:20%;}
     .m-6>*{width:16.66%;}
     .m-7>*{width:14.28%;}
     .m-8>*{width:12.5%;}
     .m-9>*{width:11.11%;}
     .m-10>*{width:10%;}
 
     .m-col-12{flex:0 0 100%;}
     .m-col-11{flex:0 0 91.66%;}
     .m-col-10{flex:0 0 83.33%;}
     .m-col-9{flex:0 0 75%;}
     .m-col-8{flex:0 0 66.66%;}
     .m-col-7{flex:0 0 58.33%;}
     .m-col-6{flex:0 0 50%;}
     .m-col-5{flex:0 0 41.66%;}
     .m-col-4{flex:0 0 33.33%;}
     .m-col-3{flex:0 0 25%;}
     .m-col-2{flex:0 0 16.66%;}
     .m-col-1{flex:0 0 8.33%;}
     .m-col-auto{flex:1;min-width: 1px;}
 
     .m-w-12{width:100%;}
     .m-w-11{width:91.66%;}
     .m-w-10{width:83.33%;}
     .m-w-9{width:75%;}
     .m-w-8{width:66.66%;}
     .m-w-7{width: 58.33%;}
     .m-w-6{width:50%;}
     .m-w-5{width:41.66%;}
     .m-w-4{width:33.33%;}
     .m-w-3{width:25%;}
     .m-w-2{width:16.66%;}
     .m-w-1{width:8.33%;}
 
     .m-width-1{width:1rem!important;}
     .m-width-2{width:2rem!important;}
     .m-width-3{width:3rem!important;}
     .m-width-4{width:4rem!important;}
     .m-width-5{width:5rem!important;}
     .m-width-6{width:6rem!important;}
     .m-width-7{width:7rem!important;}
     .m-width-8{width:8rem!important;}
     .m-width-9{width:9rem!important;}
     
     .m-line-1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
     .m-line-2,.m-line-3,.m-line-4,.m-line-5,.m-line-6,.m-line-7,.m-line-8{overflow:hidden;display:block;display: -webkit-box;-webkit-box-orient: vertical;white-space:pre-wrap;}
     .m-line-2{-webkit-line-clamp:2;}
     .m-line-3{-webkit-line-clamp:3;}
     .m-line-4{-webkit-line-clamp:4;}
     .m-line-5{-webkit-line-clamp:5;}
     .m-line-6{-webkit-line-clamp:6;}
     .m-line-7{-webkit-line-clamp:7;}
     .m-line-8{-webkit-line-clamp:8;}
     
     .m-lh-1{line-height: 1;}
     .m-lh-15{line-height: 1.5;}
     .m-lh-2{line-height: 2;}
     .m-lh-25{line-height: 2.5;}
     .m-lh-3{line-height: 3;}
     .m-lh-35{line-height: 3.5;}
     [class*="m-flex"]{display:flex;display:-webkit-flex;}
     .m-flex-wrap{flex-wrap:wrap;}
     .m-flex-center{justify-content:center;}
     .m-flex-middle{align-items: center;}
     .m-flex-direction-row{flex-direction:row;} /* 水平，左起 */
     .m-flex-direction-row-reverse{flex-direction:row-reverse;} /* 水平，左起 */
     .m-flex-direction-column{flex-direction:column;} /* 垂直，上起 */
     .m-flex-direction-column-reverse{flex-direction:column-reverse;} /* 垂直，下起 */

     .m-visible{visibility: visible;}
 }
 
 @media (max-width:600px){
     .s-for-spacing-0{margin-left:0;margin-bottom:0;}
     .s-for-spacing-0>*{padding-left:0;padding-bottom:0;}
     .s-for-spacing-s{margin-left:-0.5rem;margin-bottom:-0.5rem;}
     .s-for-spacing-s>*{padding-left:0.5rem;padding-bottom:0.5rem;}
     .s-for-spacing-1{margin-left:-1rem;margin-bottom:-1rem;}
     .s-for-spacing-1>*{padding-left:1rem;padding-bottom:1rem;}
     .s-no-border{border:0;}
     .s-for-box-pd-1>*>.box{padding:1rem;}
     .s-for-box-pd-s>*>.box{padding:0.5rem;}
     
     .s-mg-left-auto{margin-left:auto;}
     .s-mg-auto{margin:auto;}
 .s-mg-0{margin:0;}.s-mg-s{margin:0.5rem;}.s-mg-1{margin:1rem;}.s-mg-2{margin:2rem;}.s-mg-3{margin:3rem;}.s-mg-4{margin:4rem;}.s-mg-5{margin:5rem;}.s-mg-6{margin:6rem;}.s-mg-7{margin:7rem;}.s-mg-8{margin:8rem;}.s-mg-9{margin:9rem;}
 .s-mg-x-0{margin-left:0;margin-right:0;}.s-mg-x-s{margin-left:0.5rem;margin-right:0.5rem;}.s-mg-x-1{margin-left:1rem;margin-right:1rem;}.s-mg-x-2{margin-left:2rem;margin-right:2rem;}.s-mg-x-3{margin-left:3rem;margin-right:3rem;}.s-mg-x-4{margin-left:4rem;margin-right:4rem;}.s-mg-x-5{margin-left:5rem;margin-right:5rem;}.s-mg-x-6{margin-left:6rem;margin-right:6rem;}.s-mg-x-7{margin-left:7rem;margin-right:7rem;}.s-mg-x-8{margin-left:8rem;margin-right:8rem;}.s-mg-x-9{margin-left:9rem;margin-right:9rem;}
 .s-mg-y-0{margin-top:0;margin-bottom:0;}.s-mg-y-s{margin-top:0.5rem;margin-bottom:0.5rem;}.s-mg-y-1{margin-top:1rem;margin-bottom:1rem;}.s-mg-y-2{margin-top:2rem;margin-bottom:2rem;}.s-mg-y-3{margin-top:3rem;margin-bottom:3rem;}.s-mg-y-4{margin-top:4rem;margin-bottom:4rem;}.s-mg-y-5{margin-top:5rem;margin-bottom:5rem;}.s-mg-y-6{margin-top:6rem;margin-bottom:6rem;}.s-mg-y-7{margin-top:7rem;margin-bottom:7rem;}.s-mg-y-8{margin-top:8rem;margin-bottom:8rem;}.s-mg-y-9{margin-top:9rem;margin-bottom:9rem;}
 .s-mg-left-0{margin-left:0;}.s-mg-left-s{margin-left:0.5rem;}.s-mg-left-1{margin-left:1rem;}.s-mg-left-2{margin-left:2rem;}.s-mg-left-3{margin-left:3rem;}.s-mg-left-4{margin-left:4rem;}.s-mg-left-5{margin-left:5rem;}.s-mg-left-6{margin-left:6rem;}.s-mg-left-7{margin-left:7rem;}.s-mg-left-8{margin-left:8rem;}.s-mg-left-9{margin-left:9rem;}
 .s-mg-right-0{margin-right:0;}.s-mg-right-s{margin-right:0.5rem;}.s-mg-right-1{margin-right:1rem;} .s-mg-right-2{margin-right:2rem;} .s-mg-right-3{margin-right:3rem;} .s-mg-right-4{margin-right:4rem;} .s-mg-right-5{margin-right:5rem;} .s-mg-right-6{margin-right:6rem;} .s-mg-right-7{margin-right:7rem;} .s-mg-right-8{margin-right:8rem;} .s-mg-right-9{margin-right:9rem;}
 .s-mg-top-0{margin-top:0;}.s-mg-top-s{margin-top:0.5rem;}.s-mg-top-1{margin-top:1rem;} .s-mg-top-2{margin-top:2rem;} .s-mg-top-3{margin-top:3rem;} .s-mg-top-4{margin-top:4rem;} .s-mg-top-5{margin-top:5rem;} .s-mg-top-6{margin-top:6rem;} .s-mg-top-7{margin-top:7rem;} .s-mg-top-8{margin-top:8rem;} .s-mg-top-9{margin-top:9rem;}
 .s-mg-bott.s-0{margin-bottom:0;}.s-mg-bott.s-s{margin-bottom:0.5rem;}.s-mg-bott.s-1{margin-bottom:1rem;} .s-mg-bott.s-2{margin-bottom:2rem;} .s-mg-bott.s-3{margin-bottom:3rem;} .s-mg-bott.s-4{margin-bottom:4rem;} .s-mg-bott.s-5{margin-bottom:5rem;} .s-mg-bott.s-6{margin-bottom:6rem;} .s-mg-bott.s-7{margin-bottom:7rem;} .s-mg-bott.s-8{margin-bottom:8rem;} .s-mg-bott.s-9{margin-bottom:9rem;}
 .s-pd-0{padding:0;}.s-pd-s{padding:0.5rem;}.s-pd-1{padding:1rem;}.s-pd-2{padding:2rem;}.s-pd-3{padding:3rem;}.s-pd-4{padding:4rem;}.s-pd-5{padding:5rem;}.s-pd-6{padding:6rem;}.s-pd-7{padding:7rem;}.s-pd-8{padding:8rem;}.s-pd-9{padding:9rem;}
 .s-pd-x-0{padding-left:0;padding-right:0;}.s-pd-x-s{padding-left:0.5rem;padding-right:0.5rem;}.s-pd-x-1{padding-left:1rem;padding-right:1rem;}.s-pd-x-2{padding-left:2rem;padding-right:2rem;}.s-pd-x-3{padding-left:3rem;padding-right:3rem;}.s-pd-x-4{padding-left:4rem;padding-right:4rem;}.s-pd-x-5{padding-left:5rem;padding-right:5rem;}.s-pd-x-6{padding-left:6rem;padding-right:6rem;}.s-pd-x-7{padding-left:7rem;padding-right:7rem;}.s-pd-x-8{padding-left:8rem;padding-right:8rem;}.s-pd-x-9{padding-left:9rem;padding-right:9rem;}
 .s-pd-y-0{padding-top:0;padding-bottom:0;}.s-pd-y-s{padding-top:0.5rem;padding-bottom:0.5rem;}.s-pd-y-1{padding-top:1rem;padding-bottom:1rem;}.s-pd-y-2{padding-top:2rem;padding-bottom:2rem;}.s-pd-y-3{padding-top:3rem;padding-bottom:3rem;}.s-pd-y-4{padding-top:4rem;padding-bottom:4rem;}.s-pd-y-5{padding-top:5rem;padding-bottom:5rem;}.s-pd-y-6{padding-top:6rem;padding-bottom:6rem;}.s-pd-y-7{padding-top:7rem;padding-bottom:7rem;}.s-pd-y-8{padding-top:8rem;padding-bottom:8rem;}.s-pd-y-9{padding-top:9rem;padding-bottom:9rem;}
 .s-pd-left-0{padding-left:0;}.s-pd-left-s{padding-left:0.5rem;}.s-pd-left-1{padding-left:1rem;}.s-pd-left-2{padding-left:2rem;}.s-pd-left-3{padding-left:3rem;}.s-pd-left-4{padding-left:4rem;}.s-pd-left-5{padding-left:5rem;}.s-pd-left-6{padding-left:6rem;}.s-pd-left-7{padding-left:7rem;}.s-pd-left-8{padding-left:8rem;}.s-pd-left-9{padding-left:9rem;}
 .s-pd-right-0{padding-right:0;}.s-pd-right-s{padding-right:0.5rem;}.s-pd-right-1{padding-right:1rem;} .s-pd-right-2{padding-right:2rem;} .s-pd-right-3{padding-right:3rem;} .s-pd-right-4{padding-right:4rem;} .s-pd-right-5{padding-right:5rem;} .s-pd-right-6{padding-right:6rem;} .s-pd-right-7{padding-right:7rem;} .s-pd-right-8{padding-right:8rem;} .s-pd-right-9{padding-right:9rem;}
 .s-pd-top-0{padding-top:0;}.s-pd-top-s{padding-top:0.5rem;} .s-pd-top-1{padding-top:1rem;} .s-pd-top-2{padding-top:2rem;} .s-pd-top-3{padding-top:3rem;} .s-pd-top-4{padding-top:4rem;} .s-pd-top-5{padding-top:5rem;} .s-pd-top-6{padding-top:6rem;} .s-pd-top-7{padding-top:7rem;} .s-pd-top-8{padding-top:8rem;} .s-pd-top-9{padding-top:9rem;}
 .s-pd-bott.s-0{padding-bottom:0;}.s-pd-bott.s-s{padding-bottom:0.5rem;}.s-pd-bott.s-1{padding-bottom:1rem;} .s-pd-bott.s-2{padding-bottom:2rem;} .s-pd-bott.s-3{padding-bottom:3rem;} .s-pd-bott.s-4{padding-bottom:4rem;} .s-pd-bott.s-5{padding-bottom:5rem;} .s-pd-bott.s-6{padding-bottom:6rem;} .s-pd-bott.s-7{padding-bottom:7rem;} .s-pd-bott.s-8{padding-bottom:8rem;} .s-pd-bott.s-9{padding-bottom:9rem;}
     
     .s-width-auto{width:auto!important;}
 
     .s-fs-large{font-size:3rem;}
     .s-fs-9{font-size:2.25rem;}
     .s-fs-8{font-size:2rem;}
     .s-fs-7{font-size:1.75rem;}
     .s-fs-6{font-size:1.5rem;}
     .s-fs-5{font-size:1.25rem;}
     .s-fs-4{font-size:1rem;}
     .s-fs-14{font-size:0.875rem;}
     .s-fs-18{font-size:1.125rem;}
     .s-fs-3{font-size:0.75rem;}
 
     .s-s4x3:after{padding-top: 75%!important;}
     .s-s1x1:after{padding-top: 100%!important;}
     .s-s3x4:after{padding-top: 133.33%!important;}
     .s-s16x9:after{padding-top: 56.25%!important;}
     .s-s9x16:after{padding-top: 177.77%!important;}
     .s-s0x0:after{padding-top: 100%!important;}
     .s-s0x0{border-radius:50%!important;}
 
     .s-bold{font-weight: bold;}
     .s-lighter{font-weight:lighter;}
     .s-display-inline-block{display:inline-block!important;}
     .s-display-inline{display:inline;}
     .s-display-block{display:block;}
     .s-display-flex{display:flex;}
     .s-show{display:block;}
     .s-show-table{display:table;}
     .s-show-inlineblock{display:inline-block;}
     .s-hide{display:none;}
     .s-hidden{visibility: hidden;}
     .s-float-left{float:left;}
     .s-float-right{float:right;}
     .s-left{left:0;}
     .s-right{right:0;}
     .s-top{top:0;}
     .s-bottom{bottom:0;}
     
     .s-fixed{position:fixed!important;}
     .s-absolute{position:absolute!important;}
     .s-relative{position:relative!important;}
     .s-static{position:static!important;}
 
     .s-text-center{text-align: center;}
     .s-text-left{text-align: left;}
     .s-text-right{text-align: right;}
     .s-vmiddle{vertical-align:middle;}
     .s-vtop{vertical-align: top;}
     .s-vbottom{vertical-align: bottom;}
     
     .s-0>*{width:auto;}
     .s-1>*{width:100%;}
     .s-2>*{width:50%;}
     .s-3>*{width:33.33%;}
     .s-4>*{width:25%;}
     .s-5>*{width:20%;}
     .s-6>*{width:16.66%;}
     .s-7>*{width:14.28%;}
     .s-8>*{width:12.5%;}
     .s-9>*{width:11.11%;}
     .s-10>*{width:10%;}
 
     .s-col-12{flex:0 0 100%;}
     .s-col-11{flex:0 0 91.66%;}
     .s-col-10{flex:0 0 83.33%;}
     .s-col-9{flex:0 0 75%;}
     .s-col-8{flex:0 0 66.66%;}
     .s-col-7{flex:0 0 58.33%;}
     .s-col-6{flex:0 0 50%;}
     .s-col-5{flex:0 0 41.66%;}
     .s-col-4{flex:0 0 33.33%;}
     .s-col-3{flex:0 0 25%;}
     .s-col-2{flex:0 0 16.66%;}
     .s-col-1{flex:0 0 8.33%;}
     .s-col-auto{flex:1;min-width: 1px;}
 
     .s-w-12{width:100%;}
     .s-w-11{width:91.66%;}
     .s-w-10{width:83.33%;}
     .s-w-9{width:75%;}
     .s-w-8{width:66.66%;}
     .s-w-7{width: 58.33%;}
     .s-w-6{width:50%;}
     .s-w-5{width:41.66%;}
     .s-w-4{width:33.33%;}
     .s-w-3{width:25%;}
     .s-w-2{width:16.66%;}
     .s-w-1{width:8.33%;}
 
     .s-width-1{width:1rem!important;}
     .s-width-2{width:2rem!important;}
     .s-width-3{width:3rem!important;}
     .s-width-4{width:4rem!important;}
     .s-width-5{width:5rem!important;}
     .s-width-6{width:6rem!important;}
     .s-width-7{width:7rem!important;}
     .s-width-8{width:8rem!important;}
     .s-width-9{width:9rem!important;}
     
     .s-line-1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
     .s-line-2,.s-line-3,.s-line-4,.s-line-5,.s-line-6,.s-line-7,.s-line-8{overflow:hidden;display:block;display: -webkit-box;-webkit-box-orient: vertical;white-space:pre-wrap;}
     .s-line-2{-webkit-line-clamp:2;}
     .s-line-3{-webkit-line-clamp:3;}
     .s-line-4{-webkit-line-clamp:4;}
     .s-line-5{-webkit-line-clamp:5;}
     .s-line-6{-webkit-line-clamp:6;}
     .s-line-7{-webkit-line-clamp:7;}
     .s-line-8{-webkit-line-clamp:8;}
     
     .s-lh-1{line-height: 1;}
     .s-lh-15{line-height: 1.5;}
     .s-lh-2{line-height: 2;}
     .s-lh-25{line-height: 2.5;}
     .s-lh-3{line-height: 3;}
     .s-lh-35{line-height: 3.5;}
     [class*="s-flex"]{display:flex;display:-webkit-flex;}
     .s-flex-wrap{flex-wrap:wrap;}
     .s-flex-center{justify-content:center;}
     .s-flex-middle{align-items: center;}
     .s-flex-direction-row{flex-direction:row;} /* 水平，左起 */
     .s-flex-direction-row-reverse{flex-direction:row-reverse;} /* 水平，左起 */
     .s-flex-direction-column{flex-direction:column;} /* 垂直，上起 */
     .s-flex-direction-column-reverse{flex-direction:column-reverse;} /* 垂直，下起 */

     .s-visible{visibility: visible;}
     .s-no-animate{animation:none;}
 }
 
 @media(max-width:400px){
     html{font-size:14px;}
 }
 
 @media(max-width:350px){
     html{font-size:12px;}
 }