@import "font-awesome.min.css";
@import "open-sans-font.css";
*{margin:0; padding:0;}
html{font-size:62.5%!important; /*-webkit-user-select: none!important; user-select: none!important; *//*touch-action: none;*/}
body, table, input, select, textarea{font-size:1.4rem!important;}
html, body, table, input, select, textarea, button, pre, svg text{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, "Open Sans", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans CN", "微软雅黑", sans-serif; color:#555;}
html, body, form, .js-scroll-con{height:100%!important;}
html, body{-webkit-tap-highlight-color:transparent; margin:0; padding:0; background:#f8f8f8;}
/*::-webkit-scrollbar {width:6px; height:6px; background: transparent;}
::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.2); border-radius: 5px; box-shadow:none;}
::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.5);}*/

input, button, select, textarea, a, div[contenteditable]{outline:none;}
input:not([type=range],[type=radio],[type=checkbox], [type=button], [type=submit]),
select, textarea, div[contenteditable]{border: 1px solid #ddd; border-radius:0.4rem; background-color:#fff; -webkit-user-select:text; font-size:1.4rem!important; height:2.6em; line-height:2.6em; padding:0 5px; box-sizing:border-box;}
input:not([type=range],[type=radio],[type=checkbox]):focus,
select:focus, textarea:focus, div[contenteditable]:focus{border:1px #a6ceff solid; -webkit-user-select:text;}
div[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only;}
div[contenteditable=false]{-webkit-user-modify:read-only;}
input[type=checkbox], input[type=radio]{vertical-align:middle!important; margin-bottom:0; margin-top:-3px;}

/* 修改iphone自带的按钮样式 */
input, button, textarea{-webkit-appearance: none; outline:none;}
input[type=radio]{-webkit-appearance:radio;}
input[type=checkbox]{-webkit-appearance:checkbox;}

/* Radio Button & Checkbox */
.radiobox input[type=radio], .checkbox input[type=checkbox]{vertical-align:-10%!important; margin:0; margin-right: 5px; position: absolute; clip: rect(0, 0, 0, 0);}
.radiobox input + label, .radiobox label > input + span, label.radiobox > input + span,
.checkbox input + label, .checkbox label > input + span, label.checkbox > input + span{display:inline-block; vertical-align:top; min-height:22px; line-height:22px; margin-right:15px; position: relative; padding-left:20px;}
.radiobox input + label{margin-right:15px; position: relative; display:inline-block; white-space:nowrap; word-break:keep-all;}
.radiobox input[type=radio] + label::before{content: ""; display: inline-block; vertical-align: -10%; width: 14px; height:14px; margin-right: 5px; border-radius: 50%; border:1px #999 solid; background-color:#fff; box-sizing: border-box;}
.radiobox input[type=radio]:checked + label::before{background-color: #3f9bff; border-color:#3f9bff; background-clip: content-box; padding:3px;}
.radiobox input[type=radio]:disabled + label::before, .radiobox input[type=radio].disabled + label::before, .radiobox input[type=radio].DisabledClass + label::before{background-color:#f2f2f2; color:#f2f2f2; padding:0;}
.radiobox input[type=radio]:checked:disabled + label::before{background-color: #999; border-color:#999; background-clip: content-box; padding:3px;}

.radiobox input + label.long{white-space:initial; word-break:initial; margin-right:0;}
.radiobox input + label.long::before{position:absolute; left:0; top:3px;}

.checkbox input[type=checkbox] + label::before, .checkbox label > input[type=checkbox] + span::before, label.checkbox > input[type=checkbox] + span::before{content: "\f00c"; font-family:'FontAwesome'; display:inline-block; vertical-align:middle; width: 14px; height:14px; font-size: 0.8rem; line-height: 12px; text-align: center; border-radius: 2px; border:1px #999 solid; box-sizing: border-box; background: #fff; color:#fff; position:absolute; left:0; top:0.35em;}
.checkbox input[type=checkbox]:checked + label::before, .checkbox label > input[type=checkbox]:checked + span::before, label.checkbox > input[type=checkbox]:checked + span::before{color:#3f9bff; border-color:#3f9bff;}
.radiobox input[type=radio]:not(:disabled) + label:hover::before, .radiobox label > input[type=radio]:not(:disabled) + span:hover::before, label.radiobox > input[type=radio]:not(:disabled) + span:hover::before,
.checkbox input[type=checkbox]:not(:disabled) + label:hover::before, .checkbox label > input[type=checkbox]:not(:disabled) + span:hover::before, label.checkbox > input[type=checkbox]:not(:disabled) + span:hover::before{box-shadow: 0 0 6px #3f9bff; border-color:#3f9bff;}

/* 移除除input type="number"在不同浏览器下的箭头 */
input[type=number] {-moz-appearance:textfield; } /* Firefox */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; outline:none;}/* Webkit */

/**** 清除 Select 默认样式 ****/
/**** IE ****/
select::-ms-expand {display: none;}
/**** Firefox Chorme ****/
select {appearance: none; -moz-appearance: none; -webkit-appearance: none; border: none; outline: none; background: url("arrow.png") no-repeat scroll right center transparent; padding-right: 25px!important; padding-left:5px!important; cursor:default; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);   /* 点击高亮的颜色*/}/*** 箭头就用自己设计的箭头，padding 空出箭头的位置 ****/
/**** 清除 Select Option 默认样式 ****/
/**** IE ****/
option::-ms-expand {display: none;}
/**** Firefox Chorme ****/
option {-moz-appearance: none; -webkit-appearance: none; appearance: none;}
option:hover {color: #fff; background: #4682b4;}

/* 定义 Select */
select{background-image: url(../Images/select-bg-1.svg); background-position: right; background-repeat: no-repeat; min-width:50px; box-sizing:border-box; border:1px #ddd solid; background-color:#fff; border-radius:0.4rem;}
select:disabled{min-width:25px;}
select.error, .error select{background-image: url(../Images/select-bg-3.svg);}
select:focus, select:hover, select.error:focus, select.error:hover{background-image: url(../Images/select-bg-2.svg);}
select.s-time:disabled{direction:rtl;}
select[size]{overflow:auto; background:none;}
@-moz-document url-prefix() {select:disabled {text-indent: -2px;}}

.sel-btn_box .sel-btn{margin-right:10px; margin-top:4px;}
.sel-btn{display:inline-block; width:auto; min-width:2rem; padding:3px 10px!important; font-weight:normal!important; color:#666; background:#fff; border-radius:0.4rem; box-sizing:border-box; position:relative; overflow:hidden;}
.sel-btn::after{content:""; height:200%; width:200%; box-sizing: border-box; border:1px #ddd solid; border-radius:6px; transform:scale(0.5); transform-origin:0 0; position:absolute; left:0; top:0;}
input:checked + .sel-btn{background:#26a1ff; color:#fff;}
input:checked + .sel-btn::after{border-color:#008ffc;}

textarea{resize:none; outline: none; -webkit-appearance:none;}
input:disabled, textarea:disabled, div[contenteditable=false]{background:#f9f9f9; -webkit-user-select:none;}
/* input type=date */
.inputDate{position:relative;}
.inputDate .fa{font-size:1.4rem; color:#ddd; position:absolute; right:3px; bottom:3px;}

li{list-style:none;}
img{border:0; max-width:100%;}
img.square, .square img{width:100%;}
.img-horizontal img{max-height: 100%; max-width: none;}
.img-vertical img{max-height: none; max-width: 100%;}
.t-center{text-align:center!important;}
.row-100{width:100%; flex: 0 0 auto;}
.row-100 .weui-label{width:auto; max-width: 100%; padding-right:10px; box-sizing: border-box;}
.font-size-1, .font-size-1 *{font-size:1rem!important;}
.hidden{display:none; visibility:hidden;}

.separator-h{height:21px; display:flex; align-items:center; justify-content:center; position:relative;}
.separator-h::after{content:""; position:absolute; height:0; left:0; right:0; top:10px; border-top:1px #ddd dashed; z-index:0;}
.separator-h .inner{padding:0 5px; background-color:#fff; border-radius:20px; line-height:1em; color:#bbb; transform:scale(0.8); position:relative; z-index:2;}
.separator-h .inner .fa{color:#ccc;}

/*.editor table, 
.editor tr, 
.editor td, 
.editor th, */
.DTable, .DTable tr, .DTable td, .DTable th{border-collapse:collapse; border:1px #ddd solid;box-sizing: border-box;}
/*.editor table, */
.DTable{margin:0 auto 1em; min-width:100%;}
/*.editor th, */
.DTable th { background: #f8f8f8 none repeat scroll 0 0; }
/*.editor td, */
.DTable td { line-height: 1.3em; padding: 5px 5px 3px; }
.editor img{ max-width: 100%; height: auto !important;}
.editor h3 { color: #f60; font-size: 1.4em; margin: 1.2em 0 0.8em; }
.editor p > strong > u { font-size: 1.2em; }
.editor .t-h4 { font-weight: bold; margin-bottom: 0.8em; text-decoration: underline; }
.editor p, .editor li {line-height: 1.8em; margin: 0 0 0.6em;}
.editor .weui-cell li{margin:0; list-style: none;}

.editor table.noBorderTable td,
.editor table.noBorderTable th,
.editor table.noBorderTable {border:none!important;}
.editor caption{border:1px dashed #ddd !important}
.editor table{margin-bottom:10px;border-collapse:collapse;display:table;}
.editor td,.editor th{padding: 5px 10px;border: 1px solid #DDD;border-collapse:collapse;}
.editor caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}
.editor th{background-color:#F7F7F7; text-align:left;}
/*.editor table tr.firstRow th{border-top-width:2px;}*/
.editor .ue-table-interlace-color-single{ background-color: #fcfcfc; } 
.editor .ue-table-interlace-color-double{ background-color: #f7faff; }
.editor td p{margin:0;padding:0;}

.editor ol, .editor ul {padding-left: 25px; }
.editor ol > li {list-style:decimal; }
.editor ol > li > ol > li { list-style:lower-alpha; }
.editor ol > li > ol > li > ol > li { list-style:lower-roman; }
.editor li > ul, .editor li > ol { margin-top: 0.8em; padding-left: 25px; }
.editor ul > li { list-style:disc; }
.editor ol.upper-alpha > li{list-style:upper-alpha; }
.editor li{clear:both;list-style: inherit;}
.editor li.list-dash{background-image:url('/ueditor1.4.3.3/listicon/dash.gif')}
.editor ul.custom_dash{list-style:none;}
.editor ul.custom_dash li{background-position:10px center;background-repeat:no-repeat}
.editor li.list-dash-paddingleft{padding-left:30px}
.editor li.list-dot{background-image:url(/ueditor1.4.3.3/listicon/dot.gif)}
.editor ul.custom_dot{list-style:none;}
.editor ul.custom_dot li{background-position:10px center;background-repeat:no-repeat}
.editor li.list-dot-paddingleft{padding-left:30px}
.editor .list-paddingleft-1{padding-left:0}
.editor .list-paddingleft-2{padding-left:30px}
.editor .list-paddingleft-3{padding-left:60px}
.editor td ul, .editor td ol, .editor td .list-paddingleft-2{padding-left:20px;}

.editor video{max-width:100% !important; height:auto;border: 1px solid #ccc;}
.editor .qcloud-video{background-repeat: no-repeat;background-size: auto, 90% 90%;background-position: center;}
.editor img.qq-video {border: 1px solid gray;background-repeat: no-repeat;background-size: auto, 100% 100%;background-position: center; width: 100%;}
.editor video.qq-video {width: 100%;}
/*.editor *{position:relative; z-index:10;}*/
.editor p,.editor span{word-wrap:break-word;}
.editor td { padding: 5px !important; }
.editor th { /*border-top: medium none !important; */padding:3px 5px !important; }
.DTable tr.group-hd, .DTable tr.group-hd td, .DTable tr.group-hd th {border-bottom-style:dashed;}
.DTable tr.group-bd, .DTable tr.group-bd td, .DTable tr.group-bd th{border-top-style:dashed;}


.img-responsive{max-width:100%;}
.clearThis::after, .clearFix::after{display:block; height:0; content:"."; clear:both; visibility:hidden;}
.clear{clear:both;}
a{color:#008aff; -webkit-tap-highlight-color:#f7f7fa!important;tap-highlight-color:#f7f7fa!important;-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;}
.blue{color:#06f!important;}
.red{color:#f00!important;}
.green{color:#0c0!important;}
.black{color:#333!important;}
.tips{color:#f70; margin:1rem 0;}
.redStar, .red-star{color:#f00; font-family:"宋体", SimSun, sans-serif; font-weight:normal;}
.nowrap{white-space:nowrap!important; word-break:keep-all!important;}
.banner img{display:block; margin:0 auto;}
.note-sm{border:1px solid #ffe492; background:#fcffe0; padding:6px 10px 5px 30px; margin:10px 0; color:#f60; position:relative; box-sizing:border-box;}
.note-sm::before{font:normal normal normal 14px/1 FontAwesome; position:absolute; top:9px; left:10px;}
.note-sm::before{content:"\f05a";}
.note-sm:empty{display:none;}
.note-sm h1{font-size:1.2rem; color:currentColor;}
.bar{background-color:rgba(0,50,160,1); height:3rem; left: 0; top:0; right:0; z-index:9999; padding:0; box-shadow:0 0 6px rgba(0,0,0,0.15); margin-bottom:1rem; position:fixed; font-size:1.4rem;}
.bar a.button-nav{line-height:3rem; font-weight:normal; top:0; left:10px; color:#fff; position:absolute;}
.fixed-header.page_hd{margin-top:4rem!important;}
.page_title {color:#fff; display: block; line-height:3rem; font-weight:normal; margin:0; padding:0; text-align: center; white-space: nowrap; width: 100%; z-index:1; font-size:1.4rem;}
.container{height:auto; min-height:100%; max-width:1024px; margin:0 auto; position:relative; box-shadow:0 0 10px rgba(0,0,0,0.15);}
.page_hd, .s_child{background:#fff; padding:10px 15px; position:relative; /*box-shadow:0 0 6px rgba(0,0,0,0.15);*/}
.page_hd::after, .s_child::after{content:""; position: absolute; height: 0; border-bottom: 1px #ddd solid; left:0; right:0; bottom:0; transform: scaleY(0.5);}
.page_bd{background:#fff; padding:10px 15px;}
.page_hd section, .page_bd section{margin-bottom:20px;}
.float_left {float:left!important;}
.float_right {float:right!important;}
.content-wrap{padding:15px;}
.s_child{height:45px; box-sizing: border-box; display: flex; align-content:center; align-items: center; justify-content: flex-start; position:relative; z-index:500;}
.s_child .s_hd{white-space: nowrap; margin-right: 6px;}
.c_DropdownList{display:inline-block; height:22px; line-height:22px; box-sizing: border-box; padding-left:10px; padding-right:30px; border-radius:4px; position:relative; color:#333; overflow: hidden;}
.c_DropdownList::after{content:""; height:200%; width:200%; box-sizing: border-box; border:1px #1aad19 solid; border-radius:8px; transform:scale(0.5); transform-origin:0 0; position:absolute; left:0; top:0;}
.c_DropdownList .fa{height:22px; line-height:22px; width:20px; text-align:center; border-radius:0 2px 2px 0; background:#1aad19; color:#fff; font-size:1.6rem; position:absolute; right:0; top:0;}
.pageWrap, .list-container{background-color:#fff; width: 100%; max-width:1024px; height:auto; min-height:100%; margin:0 auto; box-shadow:0 0 10px rgba(0,0,0,0.15); position:relative;}
.page_spacing{padding:15px;}
.note-wrap{position:relative; padding:30px 0 10px;}
.note-wrap::before{content:""; position:absolute; left:-15px; top:0; right:-15px; height:16px; background:#f8f8f8; border-top:1px #efefef solid; border-bottom:1px #efefef solid;}
.note-wrap div{line-height:2rem; border:1px #ddd dashed; border-radius:5px; background:rgba(0,0,0,0.02); padding:5px 10px;}
.note-wrap h4{margin-bottom:6px;}

/* Hero Banner */
.heroBanner{position:relative; background:#000; height:180px; overflow:hidden;}
.heroBanner a{text-decoration:none; height:100%; display:flex; align-items:center; justify-content:center;}
.heroBanner img{display:block; width:100%;}
.heroBanner .abs{position:absolute; left:0; bottom:0;}
.heroBanner .text{width:100%; background:rgba(0,0,0,0.75); color:#fff;}
.heroBanner .text h1{font-size:16px; padding:5px 5px 0; font-weight:normal;}
.heroBanner .text p{margin:5px; padding:0; max-height:40px; overflow: hidden;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    }
.heroBanner .text a{color:#fff; text-decoration:none;}

/* General Pay */
.input-container span {white-space: nowrap; display: inline-block; vertical-align: middle; margin: 0 1px; line-height:2.4rem;}
.input-container span select, .input-container span input[type=text], .input-container span input[type=number] {vertical-align: middle; height:2.2rem; min-width: 40px;}
.total-placeholder {height: 50px;}
.total-container {position:fixed; left: 0; right: 0; bottom: 0; height: 50px; line-height: 50px; background:#fff; border-top:1px #ddd solid; font-size:1.6rem;}
.total-container .submit,.total-container .cancel {height: 100%; color: #fff; font-size: 18px; text-align: center; min-width:70px; padding:0 1rem; float: right;}
.total-container .submit{background:#04a103;}
.total-container .cancel{background:#f34461;}
.total-container .total-label {padding-left:15px;}
.content-wrap.page-bg-w{padding-bottom: 0;margin-bottom: 0;}
.content-wrap.page-bg-w .weui-cell{padding-bottom: 0;margin-bottom: 0;}
.container.page-bg-w .weui-cells.content-wrap{padding-bottom: 0;margin-bottom: 0;}
.container.page-bg-w .weui-cells.content-wrap .weui-cell{padding-bottom: 0;margin-bottom: 0;} 

/* School Calendar */
.calendar table td, .calendar table th{color:#333;}
.calendar table{margin:0 auto 1em; min-width:100%;}
.calendar th{background:#f2f2f2;}
.calendar td{padding:5px; line-height:1.6em; text-align:center; vertical-align:middle;}
.calendar td p{margin:0; padding:6px 0; line-height:1.2em;}
.calendar td[rowspan]{text-align:left; vertical-align:top; background:#fff!important;}
.calendar .holidays, .calendar td.holidays, .calendar tr.holidays td{background:#aaa;}
.calendar .color1{background:#ccffcc; /*浅绿*/}
.calendar .color2{background:#ffff00; /*黄色*/}
.calendar .color3{background:#ffb657; /*橙色*/}
.calendar .color4{background:#80baff; /*蓝色*/}
.calendar .color5{background:#d0b6ef; /*紫色*/}
.calendar .color6{background:#ff0000; /*红色*/}
.calendar .color7{background:#91ddf1; /*淡蓝*/}
.calendar .color8{background:#ffa8cf; /*粉色*/}
.calendar .color9{background:#72e700; /*绿色*/}
.calendar .explain .icon{display:inline-block; width:2rem; height:1rem; border:1px #ddd solid; margin-right:0.5rem;}

/* School Uniform */
.uniform .section_title{height:30px; line-height: 30px; background: #f8f8f8!important; padding:10px 10px 0;}
.uniform .item{display:flex; align-items:start; margin:0 auto; padding:15px 5px; border-bottom:1px #e2e2e2 solid;}
.uniform .img-box{margin-right:10px; width:100px; height:100px; line-height:100px; text-align:center; box-sizing:border-box; border:1px #e2e2e2 solid;}
.uniform .img-box-thumb{display:block; width:100%;}
.uniform .text-box{flex: 1;  min-width: 0;}
.uniform .text-box h4{font-size:1.2rem; color:#333; margin-bottom:6px;}
.uniform .text-box p{margin:0; padding:0; font-size:1.2rem; line-height:1.6rem; color:#333;}
.uniform .text-box p .label{color:#999;}
.uniform .text-box p .size{display:inline-block; white-space:nowrap;}
.uniform .text-box p .price{font-size:1.2rem; font-weight: normal; margin-right:2rem;}

.js-scroll{position: absolute; left:0; top: 0; right: 0; bottom: 0;}
.price-box{display:flex; justify-content:space-between; align-items:center; margin:6px auto;}
.price{clear:both; color:#F43530!important; font-size:1.6rem; margin-top:6px; margin-bottom:6px;}
.price input.price {font-size: 1.6rem !important; border: none; background:none; margin:0; padding-left:6px;}
.price .limit{font-weight:600; color:#333; margin-left:6px; font-size:0.8em;}
.price .limit::before{content:"[";}
.price .limit::after{content:"]";}
.expire-price{text-decoration:line-through;}
.price-box .price{margin:0;}

.attach-wrap{display:flex; justify-content:flex-start; flex-wrap:wrap;}
.attach-wrap .attach-icon{display:flex; margin-right:10px;}
.attach-wrap .attach-icon:last-child{margin-right:0;}
.attach-wrap .attach-icon > img{height:12px; margin-right:3px;}
.attach-wrap .attach-icon > span{font-size:10px; text-transform:uppercase; color:#fff; border-radius:2px; height:12px; line-height:12px; padding:0 3px;}
.attach-wrap .attach-icon.attach-icon-postal span{background:#4c94cb;}
.attach-wrap .attach-icon.attach-icon-invoice span{background:#ff6d6d;}


.loading-logo { display: flex; justify-content: center; align-items: center; left: 0; top: 0; right: 0; bottom: 0; position: fixed; background-color: #eee; padding-bottom: 20vh; flex-direction:column; }
.loading-logo .logo-container{/*background-color: rgba(17, 17, 17, 0.7);*/border-radius: 5px;width: 30vw;height: 30vw;display: flex;justify-content: center;align-items: center;}
.loading-logo .logo-container .logo-ring { border: 1px solid #66afe9; border-radius: 50%; width: 25vw; height: 25vw; position: relative; box-shadow: inset 0 0 8px rgba(102, 175, 233, .6), 0 0 8px rgba(102, 175, 233, .6); /*margin-bottom: 20vh;*/ background-repeat: no-repeat; background-size: 75%; background-position: center center; }
html[data-adminschool^=YW] .loading-logo .logo-container .logo-ring { background-image: url("/Images/90-logo.png"); }
html[data-adminschool^=YC] .loading-logo .logo-container .logo-ring { background-image: url("/Images/90-logo.png"); }

@keyframes loading-rotate {
    from {transform: rotateZ(0deg); }
    to {transform: rotateZ(360deg); }
}
.loading-logo .logo-container .dot { position: absolute; left: 0; top: 0; width: 25vw; height: 25vw; animation: loading-rotate 2500ms linear infinite; animation-fill-mode: both; }
.loading-logo .logo-container .dot:before { content: ' '; border: 1px solid #66afe9; box-shadow: 0 0 9px 5px #66afe9; border-radius: 50%; width: 1vw; height: 1.12vw; transform: translate(-0.8vw,12vw) rotate(45deg); background-color: #fff; display: inline-block; font-size: 1px; }

.loading-logo .loading-message{margin:10px 0; font-size:1.5rem;}
.list-container{background:#fff; padding:0 15px 50px;}
.list-container[data-count="0"] *:not(.empty), .list-container.count0 *:not(.empty){display: none!important;}
.list-container[data-count="0"],
.list-container.count0{display: flex; justify-content: center; align-items: center; height: 100%;}
.list-container[data-count="0"][data-empty]:before,
.list-container.count0[data-empty]:before{content: attr(data-empty);}
.list-container:not([data-count="0"]) .empty,
.list-container:not(.count0) .empty{display: none;}
.list-container .price{position:relative;}
.list-container .price .payment-status{font-size:1rem; color:#999; font-weight:normal; position:absolute; right:0; bottom:0;}
.student-item .student-name{background:#f8f8f8; min-height:20px; line-height:1.6; font-weight: bold; font-size: 16px; color:#333; padding:10px 15px; border-top:1px #ededed solid;  border-bottom:1px #ededed solid;}
.student-item .student-name + .weui-media-box::before{display:none;}
.list-container.weui-tab__panel .student-item .student-name{margin-left:-15px; margin-right:-15px;}

/* Payment Status Timeline Begin */
.payment .history-container{background:#fff; border-top:1px #ededed solid; padding:3rem 1rem 2rem;}
.payment .history-container{background:#fff; border:1px #ccc dashed; border-radius:0.4rem; padding-left:0; padding-right:0; margin-bottom:15px;}
.payment .history-item{min-height:90px; position:relative; margin-left:5rem;}
.payment .history-item::before{content:""; display:block; width:2px; top:40px; bottom:-52px; left:-2px; background:#ddd; position:absolute;}
.payment .history-item:last-child::before{bottom:0;}
.payment .history-item .status {position: relative; width: 20px; overflow:visible;}
.payment .history-item:last-child::after{content:""; display:block; height:2px; width:12px; position:absolute; left:-7px; bottom:0; background:#ddd;}
.payment .history-item .status-icon{position:absolute; height: 12px; width: 12px; left: -7px; top:32px; border-radius: 50%; border:1px #ddd solid; padding:2px; box-sizing:border-box; background:#fff;}
.payment .history-item .status-icon span{display:block; height:100%; width:100%; border-radius:50%; background:#ddd;}
.payment .history-item .time{font-size:10px; color:#aaa;}

.payment .history-item .mc_text{margin-bottom:15px;}
.payment .history-item .mc_text_wrap {border-radius:5px; display: inline-block; padding: 1px; margin-top:1px; min-width:150px; position: relative;}
.payment .history-item .mc_text_middle {border-radius: 4px; padding: 1px;}
.payment .history-item .mc_text_inner {border-radius: 4px; min-width:16px; max-width:260px; min-height: 28px; padding: 3px 10px;}
.payment .history-item .mc_arrow {display:inline-block; height:8px; position:absolute; top:17px;}
.payment .history-item .mc_arrow_wrap, .mc_arrow_middle, .mc_arrow_inner {border-style: solid; height: 0; position: absolute; width: 0;}
.payment .history-item .mc_detail{display:inline-block; padding:5px 0; overflow-wrap:break-word;vertical-align:middle; word-break:break-all; font-size:14px; line-height:1.8rem;}
.payment .history-item .mc_detail .mc_image{width:100%; max-width:100%; display:block;}
.payment .history-item .mc_vertical {display: inline-block; height:35px; vertical-align: middle;}
.payment .history-item .mc_text_wrap {background:#ddd; margin-left:15px;}
.payment .history-item .mc_text_middle{background-color:rgba(255,255,255,0.9);}
.payment .history-item .mc_arrow {left:-6px;}
.payment .history-item .mc_arrow_wrap {border-color: transparent #ddd transparent transparent; border-width: 4px 6px 4px 0;}
.payment .history-item .mc_arrow_middle {border-color: transparent rgba(255,255,255,0.9) transparent transparent; border-width: 4px 6px 4px 0; left:2px; top: 0;}
.payment .history-item .mc_arrow_inner {border-color: transparent; border-width: 4px 6px 4px 0; left: 4px; top: 0;}

.payment .history-item:first-child .status-icon{border:1px #09BB07 solid;}
.payment .history-item:first-child .status-icon span{background:#09BB07;}
.payment .history-item:first-child:before{background:#09BB07; top:0;}
.payment .history-item:first-child::after{background:#09BB07;}

.payment .history-item:first-child .mc_text_wrap{background:#09BB07;}
.payment .history-item:first-child .mc_text_middle{background:#F2FFF2;}
.payment .history-item:first-child .mc_arrow_wrap{border-color: transparent #09BB07 transparent transparent;}
.payment .history-item:first-child .mc_arrow_middle{border-color: transparent #F2FFF2 transparent transparent;}
.payment .history-item:first-child {color:#029000;}

.note-wrap + .payment .history-container{border:none;}

/* Payment Status Timeline End */

/* Refund Begin */
.refund-wrap{height:100%; background:#fff; padding:15px;}
.refund-wrap .reason { width: 100%; height: 80px; }
.refund-wrap .reason-text textarea:focus{border:1px #09BB07 solid;}
/* Refund End */

/* UL List Type - upper-alpha */
.ul-list_upper-alpha{padding-left:15px; padding-top:15px; padding-bottom:15px;}
.ul-list_upper-alpha li{list-style:decimal; margin-top:15px; color:#333;}
.ul-list_upper-alpha li:first-child{margin-top:0;}
.ul-list_upper-alpha li p, .ul-list_upper-alpha li .label-box{margin-bottom:0.6rem;}
.ul-list_upper-alpha li .radiobox{color:#333;}
.con-textarea{height: 80px; width: 100%; padding: 5px; box-sizing: border-box; transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);}
div[contenteditable].con-textarea{height:auto;}

/* 购物 */
.cart, .confirm-order, .order{ height: 100%; }
.cart form, .confirm-order form{height:auto!important;}
.weui-tab__panel .headerTop{margin:0 -15px;}

.count-att{display: flex; justify-content: space-between; align-content:center; align-items:center; margin-bottom: 10px; border-top: 1px #ddd dashed; padding-top: 10px; }
.count-adjust {border: 1px #ddd solid; border-radius:0.4rem; overflow: hidden; display: flex; align-items:stretch; height:2.6em; line-height:2.6em; margin-left:1rem;}
.count-adjust > * {text-align: center; }
.count-adjust span {width:2.8em; color: #878787; position: relative; flex-grow: 1;}
.count-adjust .subtract { border-right: 1px #f3f3f3 solid; }
.count-adjust .add { border-left: 1px #f3f3f3 solid; }
.count-adjust .subtract:active,
.count-adjust .add:active { background: #f8f8f8; }
.count-adjust input {width:2.2em; min-width: 2.2em; border: none; font-size: 1.8rem!important; background:none; color: #f00; flex-grow:1; height:100%; min-height:unset;}
.count-adjust input::-webkit-outer-spin-button,
.count-adjust input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.count-adjust.disabled, .count-adjust.disabled *, .count-adjust:disabled, .count-adjust:disabled *{background:#f9f9f9; pointer-events:none;}
 .flex-wrap_r{flex:1; display:flex; align-items:center; flex-wrap:nowrap; justify-content:flex-end;}

.goods-paramters{border:1px #f0f0f0 solid; padding: 2px 5px 1px; border-radius:0.4rem; margin:3px 0 8px; position:relative; display:flex; justify-content:space-between; align-content:center; align-items:center;}
.goods-paramters div{overflow:hidden!important; display:-webkit-box!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:1!important;}
.goods-paramters.sel-box::after{content: ""; display:block; height: 6px; width: 6px; border-width: 2px 2px 0 0; border-color: #ddd; border-style: solid; -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); position: absolute; top: 50%; right: 10px; margin-top: -4px;}
.goods-paramters .fa{color:#ddd;}
.order-item a{-webkit-tap-highlight-color: rgba(255,255,255,0)!important; tap-highlight-color: rgba(255,255,255,0)!important;}
.order-item a.weui-media-box__bd{color:#666;}
.order-item a .goods-paramters.sel-box{color:#999; background:rgba(0,0,0,0.01);}
.order-item a .goods-paramters.sel-box::after{display:none;}
.order-item a[href] .goods-paramters.sel-box{color:#666; background:#fff;}
.order-item a[href] .goods-paramters.sel-box::after{display:block;}

.cart .weui-tab__panel.headerTop_fix form{box-sizing:border-box;}
.toolbar{position:fixed; left:0; right:0; height:40px; bottom:50px; background:#fff; box-sizing:border-box; padding:0 15px; display:none; justify-content:space-between; align-content:center; align-items:center;}
.toolbar::before {content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #ccc; color: #ccc; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.btn a{display:block; width:100%; padding:0 15px; color:#999; background:#fff; border:1px rgba(0,0,0,0.1) solid; border-radius:0.4rem; box-sizing:border-box; font-size:1.4rem;}
.btn.remove a{color:#fff; background:#E64340;}
.btn{display:inline-flex; align-items:center;}
.btn > *:first-child{margin-inline-end:6px;}
.btn > *:last-child{margin-inline-end:0;}
.btn-min .btn-icon svg, .btn-min .btn-icon img{display:block; width:100%; height:100%;}
.btn-min .btn-icon{width:18px; height:18px;}

.cs-btn{display:inline-block; border:1px #ced4da solid; border-radius:0.3rem; vertical-align:top; box-sizing:border-box; padding:.375rem 1.5rem; margin:0 3px; line-height: 1.5; text-align: center; text-decoration: none; color:#333; cursor: pointer; transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; min-width: 80px; cursor:pointer;
    background:linear-gradient(top,#fff,#f2f2f2);
    background:-moz-linear-gradient(top,#fff,#f2f2f2);
    background:-webkit-linear-gradient(top,#fff,#f2f2f2);
    background:-o-linear-gradient(top,#fff,#f2f2f2);
    background:-ms-linear-gradient(top,#fff,#f2f2f2);
}
.cs-btn:hover{color:#0072b4; border-color:#a6d0e5;
    background:linear-gradient(top,#fff,#ecfaff);
    background:-moz-linear-gradient(top,#fff,#ecfaff);
    background:-webkit-linear-gradient(top,#fff,#ecfaff);
    background:-o-linear-gradient(top,#fff,#ecfaff);
    background:-ms-linear-gradient(top,#fff,#ecfaff);
}
.cs-btn-primary{color:#fff; border-color:#34da5c;
    background:linear-gradient(top,#9affb3,#01b624);
    background:-moz-linear-gradient(top,#9affb3,#01b624);
    background:-webkit-linear-gradient(top,#9affb3,#01b624);
    background:-o-linear-gradient(top,#9affb3,#01b624);
    background:-ms-linear-gradient(top,#9affb3,#01b624);
}
.cs-btn-primary:hover{color:#fff; border-color:#34da5c;
	background:linear-gradient(top,#9affb3,#1ec93f);
    background:-moz-linear-gradient(top,#9affb3,#1ec93f);
    background:-webkit-linear-gradient(top,#9affb3,#1ec93f);
    background:-o-linear-gradient(top,#9affb3,#1ec93f);
    background:-ms-linear-gradient(top,#9affb3,#1ec93f);
}
.cs-btn-lg {border-radius:0.4rem; font-size: 1.4em!important; padding:0.3em 1.5em;}

.up-file{position: relative; overflow:hidden;}
.up-file input[type=file]{position: absolute; left:0; top:0; right:0; bottom:0; height:auto; line-height:1; z-index: 10; opacity: 0; cursor: pointer;}
.up-file:disabled input[type=file], .up-file.DisabledClass input[type=file], .up-file.disabled input[type=file]{cursor: default;}
.up-file:hover{color:#0072b4; border-color:#a6d0e5; background-image:linear-gradient(to bottom,#fff,#ecfaff);}

.file-list {position: relative; background-color: #fff; padding: 5px 10px; margin:10px 0;}
.file-list::after {content: ""; position: absolute; top: 0; left: 0; width: 200%; height: 200%; border-radius: 8px; pointer-events: none; box-sizing: border-box; border: 1px #ccc solid; transform: scale(0.5, 0.5); transform-origin: 0 0; border-radius: 0;}
.file-list .files {display: flex; justify-content: space-between; align-items: center; position: relative;}
.file-list .files .file-name {width: 200px; flex: 1 0 0%; position: relative; padding: 5px 0; color: #0096FF; word-wrap: break-word; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: default;}
.file-list .files .file-name .fa {margin-right: 6px;}
.file-list .files .s-action {margin-left: 15px; display: inline-flex; align-items: center; justify-content: center;}
.file-list .files .s-action.delete {color: #333;}
.file-list .files .s-action.delete:hover {color: #f00;}
.file-list .files .s-action .icon {margin-right: 6px; width: 14px; height: 14px;}
.file-list .files .s-action .icon svg {display: block; width: 100%; height: 100%;}
.file-list .files::after {content: ""; position: absolute; top: unset; bottom: 0; left: 0; width: 100%; height: 1px; border-radius: 0; pointer-events: none; box-sizing: border-box; border-bottom: 1px #ddd solid; border-top: none; border-left: none; border-right: none; transform: scale(1, 0.5); transform-origin: 0 0; border-bottom-style: dashed;}
.file-list .files:hover {color:#ff8200;}
.file-list .files:hover::after {border-color:#0096FF;}

.cart:not(.editable) .headerTop .edit:after{content: attr(data-normal);}
.cart.editable .headerTop .edit:after{content: attr(data-edit);}
.cart.editable .headerTop_fix.weui-tab__panel{padding-top:40px;}
.cart.editable .headerTop_fix .headerTop{position:fixed; z-index: 500; top: 0; width: 100%;}
.cart.editable .headerTop_fix .toolbar{display:flex; z-index:100;}

.cart #goods-paramters {display: none; }
.cart #goods-paramters #goods-paramters-shade {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.3; z-index: 1000; }
.cart #goods-paramters #goods-paramters-shade {display: block;}
.cart #goods-paramters .goods-paramters-box {z-index: 1100; position: fixed; right:0; bottom:0; left:0; background:#fff; box-shadow:0 -3px 15px rgba(0,0,0,0.2);}
.cart #goods-paramters.show {display:block; }
.cart #goods-paramters .form-content {padding:0 15px; min-height:30px; position: relative; }
.cart #goods-paramters .form-content .cover{ position:absolute; width: 100px; height: 100px; display: flex; justify-content:center; align-items:center; background-color:#fff; left: 15px; top: -50px; padding:2px; border:1px #eee solid; box-sizing:border-box; overflow:hidden;}
.cart #goods-paramters .form-content > .price { margin-left: 110px; white-space: nowrap; margin-bottom: 45px; }
.cart #goods-paramters .weui-btn {margin:0; border-radius:0;}
.cart #goods-paramters .weui-btn::after{border-radius:0;}
.cart #goods-paramters .goods-paramters-close {position: relative; z-index: 1200; }
.cart #goods-paramters .goods-paramters-close:before {content:''; position: absolute; height:20px; width:20px; border:4px #fff solid; right:0; top:0; background:url("../Images/icon-close.svg") center no-repeat; background-size:100%;}

.cart.editable .goodsinvalid{padding-bottom:40px;}
.cart .goodsinvalid{margin:0 -15px; padding:10px 15px 0; /*background:rgba(0,0,0,0.02);*/ box-sizing:border-box; border-top:1px #efefef solid;}
.cart .goodsinvalid .invalid-header{display:flex; justify-content:space-between;}
.cart .goodsinvalid .invalid-header span{font-size:1.4rem; font-weight:bold;}
.cart .goodsinvalid .weui-media-box{position:relative;}
.cart .goodsinvalid .weui-media-box::after{content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:none;}

.order-detail .order-title,
.order .order-title {height:30px; line-height:30px; font-weight: bold; display:flex; justify-content: space-between; overflow: hidden; background:#f8f8f8; margin:0 -15px; padding:10px 15px 0; border-bottom:1px #ededed solid;}
.order-detail .order-title .orderno,
.order .order-title .orderno{font-size:1.4rem; color:#333;}
.order-detail .order-title .order-date,
.order .order-title .order-date{font-size:1.2rem; font-weight:normal; color:#999;}

.order-item.list-item{position:relative;}
.order-item.list-item::after{content:""; position:absolute; height:1px; left:-15px; bottom:0; right:-15px; border-bottom:1px #ededed solid;}
.order-item.list-item:last-child::after{display:none;}

.order-detail .order-item-footer,
.order .order-item-footer{border-top:1px solid #ededed; min-height:20px; padding:10px 15px; margin:0 -15px;display:flex; justify-content:space-between; align-items:center; align-content:center;}
.order-detail .order-item-footer .pay-btn-box .weui-btn,
.order .order-item-footer .pay-btn-box .weui-btn{margin:0;}

.canvas-overlay{background:rgba(0,0,0,0.6); position:fixed; top:0; right:0; bottom:0; left:0; z-index:99;}
.canvas-wrap{border-radius:10px; position:fixed; top:20px; right:20px; bottom:20px; left:20px; z-index:100; overflow:hidden; box-sizing:border-box;}
.canvas-wrap .canvas-content{background:#fff; height:100%; width:100%; box-sizing:border-box; /*box-shadow:0 0 16px rgba(0,0,0,1);*/ padding:0 16px; border-top:20px #fff solid; border-bottom:20px #fff solid; outline:1px rgba(0,0,0,0.1) solid; overflow:auto;}
.canvas-wrap article h1{font-size:1.8rem; text-align:center; color:#0057a6; border-bottom:2px #cf0037 solid; padding-bottom:10px;}
.canvas-wrap article h1 .en{font-size:1.4rem;}
.canvas-wrap article h4{font-size:1.4rem; color:#0057a6; margin:16px 0 10px; font-weight:normal;}
.canvas-wrap article p, .canvas-wrap article table{margin-bottom:10px;}
.canvas-wrap article table, .canvas-wrap article tr, .canvas-wrap article td, .canvas-wrap article th{border-collapse:collapse; border:1px #ccc solid;box-sizing: border-box; font-size:1rem; line-height:1.5em;}
.canvas-wrap article th{font-weight:normal; background:#f8f8f8; padding:3px 6px;}
.canvas-wrap article td{padding:3px 6px;}
.canvas-wrap article .text-center{text-align:center;}
.canvas-wrap .close-button, .action-sheet .close-button{ position:fixed; top:10px; right:10px; width:20px!important; height:20px!important; border:1px rgba(207,0,55,0.5) solid; border-radius:100%; background:#fff; z-index:110; box-shadow:0 0 30px rgba(0,0,0,0.3);}
.canvas-wrap .close-button a, .action-sheet .close-button a{display:block; width:100%; height:100%; background:url(../images/icon-close-red.svg) center no-repeat; background-size:50%; text-indent:-9999px;}
.action-sheet .close-button{background: #000; border-radius:0; border:none; top:8px; right:8px;}
.action-sheet .close-button:hover{background:#f40;}
.action-sheet .close-button a{background:url(../images/icon-close.svg) center no-repeat; background-size:50%; -webkit-tap-highlight-color:transparent!important; tap-highlight-color:transparent!important;}

.openingtime, .people{position:relative; padding:0 0 0 22px; white-space:nowrap!important; word-break:keep-all!important; line-height:2.4rem; color:#999;}
.openingtime{margin-bottom:10px;}
.openingtime::before, .people::before{content:""; position:absolute; left:0; top:4px; width:14px; height:14px; opacity:0.3;}
.openingtime::before{background:url(../Images/icon-clock-solid.svg) center no-repeat; background-size:100%;}
.openingtime::after{content:""; position:absolute; height:6px; left:0; right:0; bottom:-10px;}
.people::before{background:url(../Images/icon-people-solid.svg) center no-repeat; background-size:100%;}
.weui-media-box__title + .openingtime, .weui-media-box__title + .people{margin:0; border:none;}
.weui-media-box__title + .openingtime + .price, .weui-media-box__title + .openingtime + p{margin:0;}

.wf-wrap{position:relative;}
.wf-wrap::after{content: ""; position: absolute; left:-50%; top:-50%; right:-50%; bottom:-50%; border:1px #ddd solid; transform:scale(0.5);}
.wf-item{position:relative; background:#f8f8f8; padding:10px 15px 5px;}
.wf-item::after{content: ""; position: absolute; height: 0; border-bottom: 1px #ddd dashed; left: 0; right: 0; bottom: 0; transform: scaleY(0.5);}
.wf-item:last-child::after{display:none;}
.wf-item_date{color:#999;}
.wf-item .wf-item_date::before{content:""; display:inline-block; height:6px; width:6px; background:#aaa; border-radius:50%; vertical-align:2px; margin-right:6px;}
.wf-item.new{background:#fff;}
.wf-item.new .wf-item_date::before{background:#f00;}
.wf-item.new .wf-item_con{font-weight:bold;}
.wf-item.school .wf-item_date::before{content:"\f19c"; font:normal normal normal 1rem/1 FontAwesome; display:inline; background:none; border-radius:0; margin-right:6px;}
.wf-item.new.school .wf-item_date::before{color:#f00;}

.form-date-flex{display:flex; flex-wrap:wrap; align-content:center; align-items:center;}
.form-date-flex > div{display:flex; align-items:center; flex-wrap:nowrap; margin-bottom:0.8rem; flex:0 0 100%;}
.form-date-flex > div .sub-label{flex:0 0 50px; text-align:right;}
.form-date-flex > div input{margin-bottom:0!important; flex:1 0 0%;}

/* Footer Bar */
.footer-tabbar{z-index:999; height: 50px;max-width: 1024px; margin: 0 auto; justify-content:flex-end;}
.footer-tabbar a{text-decoration: none;}
.footer-tabbar__item{flex:1; font-size: 16px; line-height: 50px; color:#fff; text-align:center; padding:0 1rem; position:relative;}
.footer-tabbar__item.ok{background:#1AAD19; }
.footer-tabbar__item.cancel{background-color: #ff542c;}
.footer-tabbar__item.back{background:#e5ad17; max-width:60px;}
.footer-tabbar__item.disabled::after, .footer-tabbar__item:disabled::after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(255,255,255,0.6);}

/* Search Wrap - Page top */
.search-wrap{box-sizing:border-box; padding:15px; margin:0 auto; max-width:1024px; background:#f7f7fa; box-shadow:0 -6px 10px rgba(0,0,0,0.15); position:relative;}
.search-wrap::after{content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:#f7f7fa; border-bottom:1px #ddd solid; pointer-events:none;}
.search-item{display:flex; align-content:center; align-items:center;}
.search-item:not(:last-child){margin-block-end:10px;}
.search-item_hd{flex:0 0 60px; color:#333; font-weight:bold;}
.search-item_bd{flex:1;}
.search-item_bd input[type = date]{width:120px;}
.search-btn_wrap{display:flex; align-items:center; justify-content:center; padding:5px 0;}
.search-btn_wrap .weui-btn{margin:0;}
.search-btn_wrap > * + *{margin-left:20px!important;}
.search-item_bd .checked-label + .checked-label{margin-left:20px;}

/* EChart - Analytics Center */
.echart-wrap, .chart-container{width:100%; box-sizing:border-box; padding:20px; background-color:#f7f7fa;}
.echart-section h4 {padding:0 5px; color:#000;}
.echart-flex{display:flex; justify-content:space-between; flex-wrap:wrap;}
.chart-box {border:1px #ccd6ec solid; height:400px; padding:10px; box-sizing:border-box; margin:10px 0 20px; background-color:#fff; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.1); position:relative;}
.chart-box:hover{border:1px #df8195 dashed; box-shadow:3px 3px 3px rgba(223, 129, 149, 0.1);}
.chart-box .drill-div{position:absolute; left:0px; top:0px; right:0px; bottom:0px; padding:10px; box-sizing:border-box; background:#fff; z-index:9999999;}
.chart-box-100{width:100%;}
.chart-box-50{width:calc(50% - 10px); min-width:300px; flex:0 0 auto;}
.analytics-section{border:1px #ddd solid; padding:10px 20px 0; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.1); margin-bottom:20px;}
.analytics-section h2{padding:10px 0 20px;}
.analytics-section .echart-flex{display:flex; justify-content:space-between;}
.analytics-section .echart-flex .chart-box{box-shadow:none; border-style:dashed; position:relative;}
.analytics-section .echart-flex .chart-box::after{content:"Click to view more charts"; position:absolute; width:240px; height:60px; top:50%; left:50%; margin-top:-30px; margin-left:-120px; font-size:16px; color:#fff; line-height:60px; text-align:center; background:rgba(0,0,0,0.5); border-radius:10px; display:none;}
.analytics-section .echart-flex .chart-box:hover{border-color:#df8195; box-shadow:3px 3px 3px rgba(223, 129, 149, 0.1);}
.analytics-section .echart-flex .chart-box:hover::after{display:block;}
.analytics-section .echart-flex .chart-box, .analytics-section .echart-flex .chart-box div, .analytics-section .echart-flex .chart-box div canvas{cursor:pointer!important;}

.msg-alert{margin-top:20px;}
.msg-container{display:flex; align-items:flex-start; align-content:flex-start; border:1px #ddd dotted; background-color:#fff; border-radius:5px; padding:10px;}
.msg-icon{flex:0 0 22px; height:22px; border-radius:50%; color:#0032a0; margin-right:10px; border:1px currentColor solid; /*box-shadow:0 0 10px 0 currentColor;*/ box-sizing:border-box; /*outline:1px rgba(255,255,255,0.75) solid;*/ background-color:currentColor; background-position:center; background-size:100% 100%; background-blend-mode: screen; animation:breath 3s linear infinite;}
.msg-icon svg{display:block; width:100%; height:100%; margin:0 auto;}
.msg-container.ok{background-color:#f8fff8; border-color:#bef0bd;}
.msg-container.ok .msg-icon {color:#10da23; background-image:url("../images/icon-success.svg");}
.msg-container.info{background-color:#f3fbff; border-color:#a8e1ff;}
.msg-container.info .msg-icon {color:#11aeff; background-image:url("../images/icon-info.svg");}
.msg-container.warn{background-color:#fffcf3; border-color:#ffd88e;}
.msg-container.warn .msg-icon {color:#ffc300; background-image:url("../images/icon-warn.svg");}
.msg-container.wait{background-color:#f7f9ff; border-color:#c2d5ff;}
.msg-container.wait .msg-icon {color:#0032a0; background-image:url("../images/icon-waiting.svg");}
.msg-container.danger{background-color:#fff6f9; border-color:#f0bdcc;}
.msg-container.danger .msg-icon {color:#e70000; background-image:url("../images/icon-warn.svg");}

/* 返回首页浮动工具栏 */
@keyframes spin{
    0% {transform:rotate(0); opacity:0;}
    100% {transform:rotate(90deg); opacity:1;} 
    }
@keyframes show-text{
    0% {opacity:0; /*bottom:0;*/}
    100% {opacity:1; /*bottom:8px;*/} 
    }
.floating-ball{
    position:fixed; left:30px; bottom:100px; 
    /*width:40px; height:40px;*/ 
    z-index: 5000;
    visibility: hidden;
    pointer-events: none;
}
.floating-ball.loaded{
    visibility: visible;
}
.floating-ball label{
    display: inline-block;
}
.floating-ball .floating-ball-on{display: none;}
.floating-ball .main{
    /*background-color: rgba(70,140,255,0.3);*/
    border-radius: 50%;
    /*margin: 5px 15px;*/
    pointer-events: auto;
}
.floating-ball .main .btn_nav-item{
    /*margin: 5px;*/
}
.floating-ball .item-list{
    /*display: none;*/
    visibility: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
    transition: visibility 0.3s;
    display: flex;
    flex-direction: column;
}
.floating-ball.initialized .item-list .btn_nav-item{
    transition: transform 0.3s;
}

.floating-ball .item-list + .mask{
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s;
    pointer-events: auto;
}

.floating-ball.on .main{
    visibility: hidden;
}
.floating-ball.on .item-list{
    visibility: visible;
    z-index: 1001;
}
.floating-ball.on .item-list .btn_nav-item{
    transform: translate(0,0) !important;
}
.floating-ball.on .mask{
    visibility: visible;
    opacity: 1;
}
.btn_nav-item{
    color:#fff; 
    /*position:absolute; bottom:0; opacity: 0;*/ 
    /*transition:all 0.5s;*/ 
    -webkit-tap-highlight-color:transparent!important;
    display: flex;
    align-items: center;
    margin: 10px;
}
/*.btn_nav-item.main-btn{opacity: 1;}*/
.btn_nav-item .btn-icon{
    display:flex; width:40px; height:40px; border-radius: 50%; background:#fff; align-items: center; justify-content: center;
    pointer-events: auto;
}
.btn_nav-item.main-btn .btn-icon{background:rgba(70,140,255,0.6);}
.btn_nav-item .btn-icon img{display: block; width: 16px;}
.btn_nav-item .btn-text{
    font-size: 14px; white-space: nowrap; 
    opacity: 0; /*position: absolute; left:56px; bottom:-200px;*/
    padding: 0 16px;
    pointer-events: auto;
    flex-grow: 1;
}
.sub-btn_close{
    /*z-index:99;*/
    pointer-events: none;
}
/*.sub-btn_close:hover + .main-btn .btn-icon{background:rgba(70,140,255,1);}
.on .btn_nav-item{opacity: 1;}
.on .main-btn{bottom:180px;}
.on .main-btn .btn-icon{background:rgba(70,140,255,1);}
.on .sub-btn_1{bottom:60px;}
.on .sub-btn_2{bottom:120px;}
.on .sub-btn_close{opacity: 1;}*/
.on .sub-btn_close .btn-icon{animation:spin 0.5s linear forwards;}
.on .btn_nav-item .btn-text{animation:show-text 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;}
/*.f-right.float-btn_nav{left:auto; right:20px;}
.f-right.float-btn_nav .btn-text{left:auto; right:56px;}*/
/*.floating-ball.right{
    left:auto; right:20px;
}*/
.floating-ball.right .item-list{
    left:auto; right:0;
}
.floating-ball.right .item-list .btn_nav-item .btn-icon{
    order: 1;
}
.floating-ball.right .item-list .btn_nav-item .btn-text{
    text-align: right;
}
/* 浏览器版退出 Button */
.no-wechat_exit{position:fixed; top:0; right:calc((100% - 1024px)/2); width:auto; height:30px; box-sizing:border-box; line-height:30px; border-radius:0; background:rgba(0,0,0,0.3); z-index:101; font-size:14px;}
.no-wechat_exit:hover{background:rgba(235,0,0,0.7);}
.no-wechat_exit a{display:block; height:100%; width:100%; box-sizing:border-box; background:url(../images/icon-close.svg) center no-repeat; background-size:12px auto; padding-left:30px; padding-right:0; color:#fff;}
.no-wechat_exit a.exit{background-position:10px center; background-size:10px auto;}
.no-wechat_exit a img{display:block; height:100%; opacity:0; display:none;}
.pageWrap .no-wechat_exit{position:absolute;}
html[data-app] .no-wechat_exit {display: none;}
/*@media screen and (min-width:1024px) {
    .pageWrap + .no-wechat_exit, .weui-tabbar + .no-wechat_exit{right:calc(50% - 510px);}
    .pageWrap .no-wechat_exit{position:absolute!important; top:0!important; right:0!important;}
}*/
/* 横屏 CSS */
/*@media screen and (min-width:1024px) and (orientation: landscape) {
    .pageWrap, .list-container, .footer-container{max-width:500px!important;}
    .pageWrap + .no-wechat_exit, .weui-tabbar + .no-wechat_exit{right:calc(50% - 250px);}
    }*/

.list-container {

}
.list-container .load-more{
    
}
@media screen and (max-width:1024px){
    .pageWrap, .list-container{box-shadow:none;}
}

/* Preview Image - luyanghui */
#__previewImage-container .previewImage-text{font-size: 1.4rem!important; line-height:1.2em!important; background-color: rgba(0,0,0,0.5)!important; border-radius:0.4rem!important;}

#__previewImage-container:not([data-state="completed"]) .previewImage-text{}
#__previewImage-container .previewImage-box .previewImage-item .previewImage-image {vertical-align: middle; width: auto!important;  max-width: 100%; max-height: 100%;}
body #__previewImage-container .previewImage-text .previewImage-text-index{font-size:inherit!important;}
.card-wrap{padding:5px;}
.card-outline{border-radius:6px; background-color:#fff; border:1px #ddd solid; margin-block-end:20px; padding:10px 15px; box-sizing:border-box;}
.card-item{display:flex; align-items:center; flex-wrap:wrap; font-size:1.2em;}
.card-item:not(:last-child){margin-bottom:10px;}
.card-item .c-icon{flex:0 0 18px; width:18px; height:18px; margin-right:6px;}
.card-item .c-icon svg, .card-item .c-icon img{display:block; width:100%; height:100%;}
.card-item .c-text{flex:1;}

.alert {
    padding: 10px 15px;
    margin: 10px auto;
    border: 1px solid transparent;
    border-radius: 4px;
    position: relative;
}

.alert-close {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: normal;
}

    .alert-close:hover {
        color: #c80000;
    }

.alert h1 {
    font-size: 24px;
    margin: 0 auto;
    line-height: 1.2em;
    font-weight: normal;
}

.alert hr {
    border: 1px dashed transparent;
    margin: 10px auto 8px;
}

.alert a {
    font-weight: bold;
}

.alert-success, .msg_succeed {
    border-color: #b2dba1;
    color: #276d28;
    background: linear-gradient(top,#f3ffee 0,#daffca 100%);
    background: -moz-linear-gradient(top,#f3ffee 0,#d2f6c3 100%);
    background: -webkit-linear-gradient(top,#f3ffee 0,#d2f6c3 100%);
    background: -o-linear-gradient(top,#f3ffee 0,#d2f6c3 100%);
    background: -ms-linear-gradient(top,#f3ffee 0,#d2f6c3 100%);
}

    .alert-success hr, .msg_succeed hr {
        border-top-color: #b2dba1;
    }

    .alert-success a, .msg_succeed a {
        color: #056307;
    }

.alert-info {
    border-color: #9acfea;
    color: #3e6b8e;
    background: linear-gradient(top,#e7f7ff 0,#b8ecff 100%);
    background: -moz-linear-gradient(top,#e7f7ff 0,#b8ecff 100%);
    background: -webkit-linear-gradient(top,#e7f7ff 0,#b8ecff 100%);
    background: -o-linear-gradient(top,#e7f7ff 0,#b8ecff 100%);
    background: -ms-linear-gradient(top,#e7f7ff 0,#b8ecff 100%);
}

    .alert-info hr {
        border-top-color: #9acfea;
    }

    .alert-info a {
        color: #0d5f9e;
    }


.alert-warning {
    border-color: #efe199;
    color: #a97720;
    background: linear-gradient(top,#fffde8 0,#fff8ba 100%);
    background: -moz-linear-gradient(top,#fffde8 0,#fff8ba 100%);
    background: -webkit-linear-gradient(top,#fffde8 0,#fff8ba 100%);
    background: -o-linear-gradient(top,#fffde8 0,#fff8ba 100%);
    background: -ms-linear-gradient(top,#fffde8 0,#fff8ba 100%);
}

    .alert-warning .alert-icon {
        background-position: 0 -160px;
    }

    .alert-warning hr {
        border-top-color: #efe199;
    }

    .alert-warning a {
        color: #a97720;
    }

.alert-danger, .msg_failed {
    border-color: #f3cccc;
    color: #c33532;
    background: linear-gradient(top,#fff6f6 0,#ffdbdb 100%);
    background: -moz-linear-gradient(top,#fff6f6 0,#ffdbdb 100%);
    background: -webkit-linear-gradient(top,#fff6f6 0,#ffdbdb 100%);
    background: -o-linear-gradient(top,#fff6f6 0,#ffdbdb 100%);
    background: -ms-linear-gradient(top,#fff6f6 0,#ffdbdb 100%);
}

    .alert-danger .alert-icon, .msg_failed .alert-icon {
        background-position: 0 -80px;
    }

    .alert-danger hr, .msg_failed hr {
        border-top-color: #f3cccc;
    }

    .alert-danger a, .msg_failed a {
        color: #c33532;
    }


@media (max-width: 1024px) {
 .no-wechat_exit{top:0; right:0;}
}

.privacy-policy-control{
    display:flex;
    align-items: center;
}
.privacy-policy-control .editor p{
    padding:0;
    margin:0;
    line-height:1;
}
@media (min-width: 520px){
    .form-date-flex > div{flex:0 0 50%;}
}
.vip{display:flex; justify-content:center; margin:20px auto;}
.vip span{font-size:30px; font-weight:bold; line-height:1em; padding:5px 15px; text-align:center; width:auto; border-radius:4px; background-image:linear-gradient(45deg,#e6d398,#fff9c5,#e6d398,#fff9c5,#e6d398); border:1px #fff solid; box-shadow:0 0 3px rgba(0,0,0,0.3) inset; color:#000; text-shadow:1px 1px rgba(255,255,255,1);}