/****************************************************************** 公共样式表 ******************************************************************/
@import url("../Fonts/iconfont.css");

/*公共*/
html, body { padding: 0; margin: 0; height: 100%; }
body, div, ul, ol, li, form, p, input, fieldset, h1, h2, h3, h4, h5, h6, dl, dt, dd { margin: 0; padding: 0; list-style: none; border: none; }
body { font-family: Microsoft YaHei, Arial, Helvetica, sans-serif; font-size: 0.28rem; color: #333; background-color: #f8f9fc; line-height: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 0.28rem; }
ul, li { list-style: none outside none; }
input:focus, button:focus, select:focus, textarea:focus { outline: none; }
a { text-decoration: none; color: #333333; }
a, a:hover { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
textarea { resize: none; }
em, i, b { font-weight: normal; font-style: normal; }
img, button { border: 0; }
::-webkit-scrollbar { width: 0px; height: 0; }

/*布局--浮动*/
.fl { float: left; }
.fr { float: right; }
.fn { float: none; }
.clearfix:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }
.clearfix { *zoom: 1; }
.ovfh { overflow: hidden; }
.ovfa { overflow: auto !important; }
.ovfs { overflow: scroll; }
.ovfsx { overflow-x: scroll; }
.ovfsy { overflow-y: scroll; }

/*布局--定位*/
.bsbb { box-sizing: border-box; }
.posa { position: absolute; }
.posr { position: relative; }
.poss { position: static !important; }
.posf { position: fixed; }

/* 布局--弹性 */
.dispfx { display: flex; }
.spa-start { justify-content: flex-start; }
.spa-between { justify-content: space-between; }
.spa-center { justify-content: center; }
.spa-around { justify-content: space-around; }
.spa-evenly { justify-content: space-evenly; }
.spa-end { justify-content: flex-end; }
.spv-start { align-items: flex-start !important; }
.spv-center { align-items: center; }
.spv-end { align-items: flex-end; }
.flx-wrap { flex-wrap: wrap; }
.flx-column { flex-direction: column; }
.flx-full { flex: 1; flex-basis: auto; }
.flx-1 { flex: 1; flex-grow: 1; }
.flx-srk { flex-shrink: 0; }

/*布局--显示*/
.dispb { display: block !important; }
.displ { display: inline; }
.displb { display: inline-block; }
.dispn { display: none !important; }
.pointer { cursor: pointer; }

/*布局--对齐*/
.texc { text-align: center; }
.texl { text-align: left; }
.texr { text-align: right; }
.texj { text-align: justify; }
.texj:after { display: inline-block; content: ""; width: 100%; height: 0; visibility: hidden; }
.ellipsis-1 { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ellipsis-2 { display: block; width: 100%; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.imgc { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; }

/*布局--栅格*/
.row { display: block; overflow: hidden; }
.col { float: left; box-sizing: border-box; width: 100%; }
.col-10 { width: 10%; }
.col-20 { width: 20%; }
.col-25 { width: 25%; }
.col-33 { width: 33.3333%; }
.col-50 { width: 50%; }
.col-67 { width: 66.6666%; }
.col-75 { width: 75%; }
.col-80 { width: 80%; }
.col-90 { width: 90%; }

/*宽高*/
.w-auto { width: auto !important; }
.w-100 { width: 100% !important; }
.w-50 { width: 50%; }
.w-33 { width: 33.33%; }
.w-25 { width: 25%; }
.w-20 { width: 20%; }
.w-e1 { width: 1em !important; }
.w-e2 { width: 2em !important; }
.w-e3 { width: 3em !important; }
.w-e4 { width: 4em !important; }
.w-e5 { width: 5em !important; }
.w-e6 { width: 6em !important; }
.w-e7 { width: 7em !important; }
.h-100 { height: 100%; }
.h-auto { height: auto; }
.borbox { box-sizing: border-box; }

/*行高*/
.lh-n { line-height: normal; }
.lh-12 { line-height: 1.2; }
.lh-15 { line-height: 1.5; }

/*边距*/
.mar-auto { margin-left: auto; margin-right: auto; }
.mar-0 { margin: 0; }
.mart-05 { margin-top: 0.05rem; }
.mart-10 { margin-top: 0.1rem; }
.mart-15 { margin-top: 0.15rem; }
.mart-20 { margin-top: 0.2rem; }
.mart-25 { margin-top: 0.25rem; }
.mart-30 { margin-top: 0.3rem; }
.mart-40 { margin-top: 0.4rem; }
.marb-5 { margin-bottom: 0.05rem; }
.marb-10 { margin-bottom: 0.1rem; }
.marb-15 { margin-bottom: 0.15rem; }
.marb-20 { margin-bottom: 0.2rem; }
.marb-25 { margin-bottom: 0.25rem; }
.marb-30 { margin-bottom: 0.3rem; }
.marb-40 { margin-bottom: 0.4rem; }
.marb-60 { margin-bottom: 0.6rem; }
.marl-5 { margin-left: 0.05rem; }
.marl-10 { margin-left: 0.1rem; }
.marl-15 { margin-left: 0.15rem; }
.marl-20 { margin-left: 0.2rem !important; }
.marl-25 { margin-left: 0.25rem; }
.marl-30 { margin-left: 0.3rem; }
.marl-40 { margin-left: 0.4rem; }
.marr-5 { margin-right: 0.05rem; }
.marr-10 { margin-right: 0.1rem; }
.marr-15 { margin-right: 0.15rem; }
.marr-20 { margin-right: 0.2rem !important; }
.marr-25 { margin-right: 0.25rem; }
.marr-30 { margin-right: 0.3rem; }
.marr-40 { margin-right: 0.4rem; }

.pad-0 { padding: 0 !important; }
.pad-40 { padding: 0 0.4rem; }
.padt-05 { padding-top: 0.05rem; }
.padt-10 { padding-top: 0.1rem; }
.padt-15 { padding-top: 0.15rem; }
.padt-20 { padding-top: 0.2rem; }
.padt-25 { padding-top: 0.25rem; }
.padt-30 { padding-top: 0.3rem; }
.padt-40 { padding-top: 0.4rem !important; }
.padb-5 { padding-bottom: 0.05rem; }
.padb-10 { padding-bottom: 0.1rem; }
.padb-15 { padding-bottom: 0.15rem; }
.padb-20 { padding-bottom: 0.2rem; }
.padb-25 { padding-bottom: 0.25rem; }
.padb-30 { padding-bottom: 0.3rem; }
.padb-40 { padding-bottom: 0.4rem !important; }
.padl-5 { padding-left: 0.05rem; }
.padl-10 { padding-left: 0.1rem; }
.padl-15 { padding-left: 0.15rem; }
.padl-20 { padding-left: 0.2rem; }
.padl-25 { padding-left: 0.25rem; }
.padl-30 { padding-left: 0.3rem; }
.padl-40 { padding-left: 0.4rem; }
.padr-5 { padding-right: 0.05rem; }
.padr-10 { padding-right: 0.1rem; }
.padr-15 { padding-right: 0.15rem; }
.padr-20 { padding-right: 0.2rem; }
.padr-25 { padding-right: 0.25rem; }
.padr-30 { padding-right: 0.3rem; }
.padr-40 { padding-right: 0.4rem; }

/*字体大小*/
.fz-36 { font-size: 0.36rem; }
.fz-32 { font-size: 0.32rem; }
.fz-30 { font-size: 0.3rem; }
.fz-28 { font-size: 0.28rem; }
.fz-26 { font-size: 0.26rem; }
.fz-24 { font-size: 0.24rem; }
.fz-22 { font-size: 0.22rem; }
.fz-20 { font-size: 0.2rem; }
.fz-18 { font-size: 0.18rem; }
.fz-16 { font-size: 0.16rem; }
.fz-14 { font-size: 0.14rem; }
.fz-12 { font-size: 0.12rem; }

/*字体颜色*/
.fc-primary { color: #69C72B !important; }
.fc-blue { color: #029cfe !important; }
.fc-cyan { color: #12BDCF !important; }
.fc-grey { color: #555962 !important; }
.fc-green { color: #3b9704 !important; }
.fc-yellow { color: #F7B000 !important; }
.fc-dark3 { color: #333333 !important; }
.fc-dark6 { color: #666666 !important; }
.fc-dark9 { color: #999999 !important; }
.fc-light { color: #aaaaaa !important; }
.fc-white { color: #ffffff !important; }
.fc-63f { color: #34363F !important; }
.fc-c2c { color: #2C2C2C !important; }

/*字体风格*/
.fs-normal { font-style: normal; }
.fs-italic { font-style: italic; }
.fw-normal { font-weight: normal; }
.fw-bold { font-weight: bold; }

/*背景颜色*/
.bgc-primary { background-color: #69C72B !important; }
.bgc-second { background-color: #edfae4 !important; }
.bgc-danger { background-color: #FF0000 !important; }
.bgc-blue { background-color: #029cfe !important; }
.bgc-lightblue { background-color: #E1F3FF !important; }
.bgc-green { background-color: #3b9704 !important; }
.bgc-yellow { background-color: #F7B000 !important; }
.bgc-lightyellow { background-color: #FEF4DA !important; }
.bgc-cyan { background-color: #12BDCF !important; }
.bgc-lightcyan { background-color: #D9FAFD !important; }
.bgc-grey { background-color: #555962 !important; }
.bgc-dark3 { background-color: #333333 !important; }
.bgc-dark6 { background-color: #666666 !important; }
.bgc-dark9 { background-color: #999999 !important; }
.bgc-light { background-color: #e2e2e2 !important; }
.bgc-lighter { background-color: #f0f0f0 !important; }
.bgc-lightest { background-color: #f8f9fc !important; }
.bgc-white { background-color: #ffffff !important; }
.bgc-gradient { background: #1d9adf; background: -moz-linear-gradient(right, #1d9adf 0%, #07dcb0 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1d9adf), color-stop(100%, #07dcb0)); background: -webkit-linear-gradient(right, #1d9adf 0%, #07dcb0 100%); background: -o-linear-gradient(right, #1d9adf 0%, #07dcb0 100%); background: -ms-linear-gradient(right, #1d9adf 0%,#07dcb0 100%); background: linear-gradient(to right, #1d9adf 0%, #07dcb0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d9adf', endColorstr='#07dcb0', GradientType=1 ); }
:root .bgc-gradient { filter: none; }
.shadow-primary { -webkit-box-shadow: 0 0 0.09rem 0.02rem #caffa7; box-shadow: 0 0 0.09rem 0.02rem #caffa7; }
.shadow-dark { -webkit-box-shadow: 0 0 0.09rem 0.02rem rgba(0,0,0,0.06); box-shadow: 0 0 0.09rem 0.02rem rgba(0,0,0,0.06); }
.shadow-light { -webkit-box-shadow: 0 0 0.09rem 0.02rem #f3f3f3; box-shadow: 0 0 0.09rem 0.02rem #f3f3f3; }

/*边框*/
.radius { -webkit-border-radius: 0.1rem !important; border-radius: 0.1rem !important; }
.radius-bl { -webkit-border-bottom-left-radius: 0.1rem; border-bottom-left-radius: 0.1rem; }
.radius-br { -webkit-border-bottom-right-radius: 0.1rem; border-bottom-right-radius: 0.1rem; }
.radius-tl { -webkit-border-top-left-radius: 0.1rem; border-top-left-radius: 0.1rem; }
.radius-tr { -webkit-border-top-right-radius: 0.1rem; border-top-right-radius: 0.1rem; }
.radius-circle { -webkit-border-radius: 50%; border-radius: 50%; }

.bor-primary { border: 1px solid #69C72B !important; }
.bort-primary { border-top: 1px solid #69C72B !important; }
.borb-primary { border-bottom: 1px solid #69C72B !important; }
.borl-primary { border-left: 1px solid #69C72B !important; }
.borr-primary { border-right: 1px solid #69C72B !important; }
.bor-blue { border: 1px solid #029cfe !important; }
.bort-blue { border-top: 1px solid #029cfe !important; }
.borb-blue { border-bottom: 1px solid #029cfe !important; }
.borl-blue { border-left: 1px solid #029cfe !important; }
.borr-blue { border-right: 1px solid #029cfe !important; }
.bor-yellow { border: 1px solid #F7B000 !important; }
.bort-yellow { border-top: 1px solid #F7B000 !important; }
.borb-yellow { border-bottom: 1px solid #F7B000 !important; }
.borl-yellow { border-left: 1px solid #F7B000 !important; }
.borr-yellow { border-right: 1px solid #F7B000 !important; }
.bor-cyan { border: 1px solid #12BDCF !important; }
.bort-cyan { border-top: 1px solid #12BDCF !important; }
.borb-cyan { border-bottom: 1px solid #12BDCF !important; }
.borl-cyan { border-left: 1px solid #12BDCF !important; }
.borr-cyan { border-right: 1px solid #12BDCF !important; }
.bor-lighter { border: 1px solid #f0f0f0 !important; }
.bort-lighter { border-top: 1px solid #f0f0f0 !important; }
.borb-lighter { border-bottom: 1px solid #f0f0f0 !important; }
.borl-lighter { border-left: 1px solid #f0f0f0 !important; }
.borr-lighter { border-right: 1px solid #f0f0f0 !important; }
.bor-dark { border: 1px solid #737B8E !important; }
.bort-dark { border-top: 1px solid #737B8E !important; }
.borb-dark { border-bottom: 1px solid #737B8E !important; }
.borl-dark { border-left: 1px solid #737B8E !important; }
.borr-dark { border-right: 1px solid #737B8E !important; }
.bor-sep { border: 2px solid #F7F9FB !important; }
.bort-sep { border-top: 2px solid #F7F9FB !important; }
.borb-sep { border-bottom: 2px solid #F7F9FB !important; }
.borl-sep { border-left: 2px solid #F7F9FB !important; }
.borr-sep { border-right: 2px solid #F7F9FB !important; }

/* 过渡效果 */
.anima { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }

/* 表单控件ui--开始 */
/* 重置表单样式 */
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0; }
input, button, select, textarea { border: 0; -webkit-appearance: none; -moz-appearance: none; /*去掉默认的UI来渲染按钮，仅支持Safari、Chrome和Firefox*/ }
::-moz-focus-inner { border: 0; /*解决outline:0时，火狐下仍有边框的问题*/ }
::-webkit-input-placeholder { color: #bbbbbb; }
::-ms-input-placeholder { color: #bbbbbb; }
:-moz-placeholder { color: #bbbbbb; }
::-moz-placeholder { color: #bbbbbb; }
:focus { outline: 0; -webkit-tap-highlight-color: transparent; }
select, input { vertical-align: middle; }
input:focus, textarea:focus, keygen:focus, select:focus { outline-offset: 0; }

/* 单行文本框 */
.ui-form { font-size: 0.26rem; background-color: #ffffff; color: #333; }
.form-item { display: flex; align-items: center; position: relative; }
.form-item > label:not(.ui-switch):not(.ui-checkbox):not(.ui-checkbox-s):not(.ui-radio):not(.ui-radio-s):not(.ui-upload) { width: 4em; /*height: 0.26rem; line-height: 0.26rem;*/ padding: 0.3rem 0; display: flex; justify-content: flex-end; flex-shrink: 0; flex-grow: 0; white-space: nowrap; }
.form-item > input:not([type="checkbox"]):not([type="radio"]) { display: flex; width: 100%; /*height: 0.26rem; line-height: 1.6;*/ padding: 0.3rem 0 0.3rem 0.2rem; flex: 1; color: #666666; }
.form-item .form-select { display: flex; width: 100%; /*height: 0.26rem; line-height: 0.26rem;*/ padding: 0.3rem 0 0.3rem 0.2rem; flex: 1; color: #666666; }
.form-item > .input-inline { padding: 0 0 0 0.2rem; display: flex; flex: 1; }
.form-item > .input-inline > input { display: flex; width: 100%; /*height: 0.26rem; line-height: 1.6;*/ padding: 0.3rem 0; }
.form-item > .form-mid { display: flex; /*height: 0.26rem; line-height: 0.26rem;*/ padding: 0.3rem 0; color: #bbbbbb; }
.form-item > .icon-close { position: absolute; top: 0; right: 0.18rem; /*height: 0.26rem; line-height: 0.26rem;*/ padding: 0.3rem 0; }

/* 表单展示项 */
.form-item:after { display: block; font-family: "iconfont" !important; font-style: normal; font-size: 0.24rem; line-height: 0.86rem; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; color: rgba(0, 0, 0, 0.5); color: #c7c7c7; }
.form-item-link:after { content: "\e71a"; }
.form-item-edit:after { content: "\e600"; }
.form-item-down:after { content: "\e601"; }

/* 按钮居右 */
.form-item-r { padding-right: 0; }
.form-item-r > input:not([type="checkbox"]):not([type="radio"]) { padding-right: 1rem; }
.form-item-r > button { position: absolute; right: 0; }
.form-item-r > button.disabled { color: #bbb; }
.form-item-r.form-item-link:after { position: relative; right: 1.2rem; }
.form-item-r > .icon-close { right: 2.5rem; }
.form-item-r > img { position: absolute; top: 0; right: 0; border-color: transparent; display: block; width: 2.2rem; height: 0.88rem; border-bottom: 1px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* 下拉选择框 */
.ui-select { flex: 1; display: flex; align-items: center; }
.ui-select > select, .ui-select > input { width: 100%; height: 0.26rem; line-height: 0.26rem; padding: 0.3rem 0 0.3rem 0.2rem; box-sizing: content-box; }
.ui-select > i { font-size: 0.22rem; color: #a6a6a6; pointer-events: none; }
.ui-select-group { display: flex; align-items: center; }
.ui-select-group .ui-select { flex: 1; }

/* 多行文本框 */
.ui-textarea { min-height: 1rem; padding-left: 0.2rem; flex: 1; padding-top: 0.26rem; padding-bottom: 0.26rem; }
.ui-textarea textarea { display: block; width: 100%; min-height: 1rem; padding: 0; line-height: 1.3; }

/* 上传选择框 */
.ui-upload { display: flex; padding: 0.3rem 0; }
.ui-upload .label { font-size: 0.26rem; width: 4em; white-space: nowrap; text-align: right; }
.ui-upload input { display: none; }
.ui-upload .thumbnail { width: 1.24rem; height: 1.24rem; margin-left: 0.2rem; overflow: hidden; border: 1px dashed #BFBFBF; line-height: 1.24rem; text-align: center; }
.ui-upload .thumbnail i { font-size: 0.4rem; color: #BFBFBF; }
.ui-upload .thumbnail img { max-width: 100%; max-height: 100%; vertical-align: middle; display: inline-block; }

/* 复选框和单选按钮 */
.form-item-checkbox,
.form-item-radio,
.form-item-switch { padding: 0.3rem; }
.ui-checkbox, .ui-checkbox-s,
.ui-radio, .ui-radio-s { position: relative; display: flex; align-items: center; height: 0.3rem; line-height: 0.3rem; }
.ui-checkbox > span, .ui-checkbox-s > span,
.ui-radio > span, .ui-radio-s > span { color: #333; width: 1.4rem; text-align: right; }
.ui-checkbox > input, .ui-checkbox-s > input, .ui-radio > input, .ui-radio-s > input { flex-shrink: 0; position: relative; width: 0.5rem; height: 1px; overflow: visible; background-color: #fff; }
.ui-checkbox > input:before, .ui-checkbox-s > input:before, .ui-radio > input:before, .ui-radio-s > input:before { display: block; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; color: #c7c7c7; font-family: "iconfont" !important; font-style: normal; font-size: 0.4rem; position: absolute; top: 50%; margin-top: -0.22rem; }
.ui-checkbox > input:before, .ui-checkbox-s > input:before { content: "\e64b"; font-size: 0.3rem; margin-top: -0.16rem; margin-left: 0.05rem; }
.ui-radio > input:before, .ui-radio-s > input:before { content: "\e6ed"; }
.ui-checkbox > input:checked:before, .ui-checkbox-s > input:checked:before { content: "\e64c"; color: #F6A41D; border-color: #F6A41D; }
.ui-radio > input:checked:before, .ui-radio-s > input:checked:before { content: "\e6ee"; color: #F6A41D; border-color: #F6A41D; }
.ui-checkbox-s > input, .ui-radio-s > input { width: 0.38rem; }
.ui-checkbox-s > input:before, .ui-radio-s > input:before { font-size: 0.28rem; line-height: 0.28rem; margin-top: -0.14rem; }
.ui-radio .notopened { font-size: 0.2rem; margin-left: 2.2rem; color: #999; }
/* 表单控件ui--结束 */

/* 按钮控件ui--开始 */
/* 基本样式 */
.ui-btn { position: relative; display: inline-block; font-size: 0.28rem; line-height: normal; vertical-align: middle; padding: 0.06rem 0.25rem; text-align: center; color: #00a5e0; border: 1px solid #cacccd; border-radius: 3px; background-color: #fdfdfd; }
.ui-btn:not(.disabled):not(:disabled):active, .active.ui-btn { background: #f2f2f2; background-clip: padding-box; color: rgba(0, 165, 224, 0.5); }
/* primary主题 */
.ui-btn-primary { background-color: #69C72B; border-color: #69C72B; color: white; }
.ui-btn-primary:not(.disabled):not(:disabled):active, .ui-btn-primary.active { background-color: #76DD32; color: rgba(255, 255, 255, 0.5); opacity: 0.8; }
.ui-btn-primary-d { background-color: #edfae4; border-color: #69C72B; color: #69C72B; }
.ui-btn-primary-d:not(.disabled):not(:disabled):active, .ui-btn-primary-d.active { background-color: #CAF2B0; color: rgba(255, 255, 255, 0.5); opacity: 0.8; }
.ui-btn-danger { background-color: #FF0000; border-color: #FF0000; color: white; }
.ui-btn-danger:not(.disabled):not(:disabled):active, .ui-btn-danger.active { background-color: #FF7878; color: rgba(255, 255, 255, 0.5); opacity: 0.8; }
.ui-btn-yellow { background-color: #F7B000; border-color: #F7B000; color: white !important; }
.ui-btn-yellow:not(.disabled):not(:disabled):active, .ui-btn-yellow.active { background-color: #F5C859; color: rgba(255, 255, 255, 0.5); opacity: 0.8; }
.ui-btn-blue { background-color: #029cfe; border-color: #029cfe; color: white; }
.ui-btn-blue:not(.disabled):not(:disabled):active, .ui-btn-blue.active { background-color: #92D4FE; color: rgba(255, 255, 255, 0.5); opacity: 0.8; }
/* 禁用状态 */
.disabled.ui-btn, .ui-btn:disabled { background: #f0f0f0; background-clip: padding-box; border: 0; color: #999999; }
/* 尺寸 */
.ui-btn-wrap { padding: 0.3rem 0.2rem; }
.ui-btn-lg { font-size: 0.32rem; height: 0.9rem; padding: 0; line-height: 0.9rem; width: 100%; box-sizing: border-box; }
.ui-btn-mid { font-size: 0.30rem; min-width: 6em; padding: 0.15rem; }
.ui-btn-xs { padding: 0.05rem 0.2rem; line-height:1; }
/* 圆角 */
.ui-btn-corner { border-radius: 50px; }
/* 按钮组 */
.ui-btn-group { display: flex; width: 100%; box-sizing: border-box; }
.ui-btn-group button { display: block; margin-right: 10px; }
.ui-btn-group button:last-child { margin-right: 0; }
/* 适配移动端1px */

/* 按钮控件ui--结束 */

/* 弹窗样式--开始 */
.ui-dialog { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 9999; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; background: rgba(0, 0, 0, 0.4); display: none; }
.ui-dialog.show { display: -webkit-box; display: box; }
.ui-dialog-cnt { width: 5.4rem; font-size: 0.3rem; font-weight: bold; -webkit-background-clip: padding-box; background-clip: padding-box; overflow: hidden; background-color: #fff; border-radius: 6px; pointer-events: auto; position: relative; }
.ui-dialog-hd { text-align: center; position: relative; }
.ui-dialog-hd h3 { padding: 0.3rem 0 0; font-size: 0.32rem; }
.ui-dialog-hd i { display: block; position: absolute; right: 0.2rem; top: 0.2rem; z-index: 2; font-size: 0.3rem; color: #666; }
.ui-dialog-bd { border-top-left-radius: 6px; border-top-right-radius: 6px; display: -webkit-box; display: box; -webkit-box-pack: center; -webkit-box-align: center; -webkit-box-orient: vertical; position: relative; z-index: 1; }
.ui-dialog-bd > div { width: 100%; text-align: center; padding: 0.3rem 0.5rem 0.4rem; box-sizing: border-box; }
.ui-dialog-ft { width: 100%; padding: 0 0.6rem 0.4rem; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; display: flex; justify-content: center; box-sizing: border-box; font-weight: normal; }
.ui-dialog-ft button { color: #666 !important; line-height: normal; padding: 0.12rem 0.15rem; }
.ui-dialog-ft button.select { color: #fff !important; }
.ui-dialog-ft button:only-child { width: 40%; }
.ui-dialog-ft button:first-child { margin-right: 0.3rem; }
.ui-dialog-ft button:last-child { margin-right: 0; }
.ui-dialog.success .ui-dialog-hd h3 { height: 0.95rem; background: url(http://zyzztop-static-wap.zyzztop.com/icon-bj4.png) center 0.3rem no-repeat #fff; background-size: 0.95rem; }
.ui-dialog.warning .ui-dialog-hd h3 { height: 0.95rem; background: url(http://zyzztop-static-wap.zyzztop.com/icon-bj2.png) center 0.3rem no-repeat #fff; background-size: 0.95rem; }
.ui-dialog.error .ui-dialog-hd h3 { height: 0.95rem; background: url(http://zyzztop-static-wap.zyzztop.com/icon-bj3.png) center 0.3rem no-repeat #fff; background-size: 0.95rem; }
.ui-dialog.ask .ui-dialog-hd h3 { height: 0.95rem; background: url(http://zyzztop-static-wap.zyzztop.com/icon-bj1.png) center 0.3rem no-repeat #fff; background-size: 0.95rem; }
.ui-dialog.pure .ui-dialog-hd h3 { padding-bottom: 0.3rem; }
.ui-dialog.pure .ui-dialog-bd .qrimg { width: 100%; }
.ui-dialog.pure .ui-dialog-ft { display: none; }
/*提示消息*/
.ui-poptips { width: 100%; box-sizing: border-box; position: fixed; top: 0px; left: 0px; z-index: 10000; }
.ui-poptips-cnt { max-width: 100%; height: 0.88rem; line-height: 0.26rem; display: flex; justify-content: center; align-items: center; font-size: 0.26rem; color: #fff; text-align: center; white-space: nowrap; text-overflow: ellipsis; background-color: rgba(0, 0, 0, 0.6); overflow: hidden; }
.ui-poptips-cnt i { display: inline-block; font-size: 0.3rem; margin-right: 0.1rem; }
.ui-poptips-cnt i:before { display: block; font-family: "iconfont" !important; font-style: normal; color: rgba(255, 255, 255, 1); -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; }
.ui-poptips-success i:before { content: "\e8ad"; }
.ui-poptips-error i:before { content: "\e8b8"; }
.ui-poptips-warning i:before { content: "\e8ba"; }
.ui-poptips-cnt span { display: inline-block; position: relative; }
/*轮播插件*/
.ui-slider { width: 100%; overflow: hidden; position: relative; }
.ui-slider-content { display: flex; position: relative; }
.ui-slider-content > li { flex: 1; width: 100%; }
.ui-slider-indicators { display: flex; justify-content: flex-end; width: 100%; position: absolute; bottom: 0.2rem; right: 0.08rem; font-size: 0; }
.ui-slider-indicators li { display: block; width: 8px; height: 8px; font-size: 0; text-indent: 100%; white-space: nowrap; margin-right: 0.12rem; border-radius: 50%; box-sizing: border-box; background-color: rgba(0,0,0,0.3); background-clip: padding-box; overflow: hidden; position: relative; }
.ui-slider-indicators li.current:before { width: 6px; height: 6px; content: ''; background-color: #fff; position: absolute; left: 1px; top: 1px; border-radius: 50%; box-sizing: border-box; background-clip: padding-box; }
.ui-slider-indicators-center { justify-content: center; right: 0; }
.ui-slider-indicators-start { justify-content: flex-start; right: auto; left: 0.08rem; }
.ui-slider-indicators-end { justify-content: flex-end; right: 0.08rem; }
.ui-slider-img .ui-slider-content > li img,
.ui-slider-img .ui-slider-content > li span { display: block; width: 100%; }
.ui-slider-img .ui-slider-content > li span { background-repeat: no-repeat; background-size: 100% 100%; }
.ui-slider-img .ui-slider-content > li.active { opacity: .5; }
/*选项卡插件*/
.ui-tab { overflow: hidden; position: relative; }
.ui-tab-nav { width: 100%; font-size: 0.3rem; background-color: #fff; }
.ui-tab-nav-scroller { display: flex; height: 0.8rem; line-height: 0.8rem; text-align: center; color: #333; }
.ui-tab-nav li { width: 100%; border-bottom: 2px solid transparent; box-sizing: border-box; flex: 1; }
.ui-tab-nav li.current { border-bottom-color: #00a5e0; color: #00a5e0; }
.ui-tab-nav li:active { opacity: .8; }
.ui-tab-content { overflow: hidden; }
.ui-tab-content-scroller { display: flex; }
.ui-tab-content-scroller > li { width: 100%; flex: 1; }
/* 上滑面板插件 */
.ui-actionsheet { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 0; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; background: rgba(0,0,0,0.4); opacity: 0; -webkit-transition-duration: 0.3s; pointer-events: none; }
.ui-actionsheet.show { pointer-events: inherit; opacity: 1; z-index: 9999; }
.ui-actionsheet.show .ui-actionsheet-cnt { -webkit-transform: translate3d(0,0,0); -webkit-transition-delay: 0; }
.ui-actionsheet-cnt { width: 100%; padding: 0 0.16rem; box-sizing: border-box; font-size: 0.4rem; text-align: center; -webkit-transform: translate3d(0,100%,0); -webkit-transition-property: -webkit-transform; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 0.3s; position: fixed; bottom: 0; }
.ui-action-list button, .ui-action-list h4 { display: block; width: 100%; background: rgba(255,255,255,0.84); color: #0079ff; box-sizing: border-box; }
.ui-action-list button { height: 0.8rem; line-height: 0.8rem; }
.ui-action-list h4 { font-size: 0.28rem; color: #8a8a8a; line-height: 0.48rem; padding-top: 0.2rem 0.4rem; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.ui-action-list button:not(:last-child) { border-top: 1px #e0e0e0 solid; }
.ui-action-list button:last-child { margin: 0.16rem 0; border-radius: 3px; }
.ui-action-list button:nth-last-child(2) { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.ui-action-list button:active { opacity: 0.84; }
.ui-action-list .delete { color: #fd472b; }

@media screen and (-webkit-min-device-pixel-ratio:2) {
    .ui-action-list button:not(:last-child) { border: 0; background-position: left top; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.5,#e0e0e0),color-stop(0.5,#e0e0e0),to(#e0e0e0)); background-repeat: repeat-x; -webkit-background-size: 100% 1px; }
}
/*加载中插件*/
.ui-loading { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 9999; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; background: rgba(0,0,0,0.4); display: none; }
.ui-loading.show { display: -webkit-box; display: box; }
.ui-loading-cnt { min-width: 2.6rem; height: 2.2rem; font-size: 0.32rem; color: #fff; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-align: center; -webkit-box-pack: center; background: rgba(0,0,0,0.4); border-radius: 6px; position: relative; }
.ui-loading-cnt i { display: inline-block; font-size: 0.76rem; line-height: 1; margin-bottom: 0.16rem; }
.ui-loading-cnt p { padding: 0 0.2rem; }
.ui-loading-cnt i:before { display: block; font-family: "iconfont" !important; font-style: normal; color: rgba(255,255,255,1); -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; }
.ui-loading-loading i:before { content: "\e644"; }
.ui-loading-success i:before { content: "\e6e1"; }
.ui-loading-error i:before { content: "\e6dd"; }
.ui-loading-info i:before { content: "\e6e0"; }
.ui-move { -webkit-animation-name: move; animation-name: move; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
.ui-scal { -webkit-animation-name: scal; animation-name: scal; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
.ui-rotate { -webkit-animation-name: rota; animation-name: rota; -webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.ui-swing { -webkit-animation-name: swing; animation-name: swing; -webkit-animation-duration: .15s; animation-duration: .15s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }

@-webkit-keyframes rota {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@keyframes rota {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@-webkit-keyframes swing {
    from { -webkit-transform: rotate(-5deg); transform-origin: top center; }
    to { -webkit-transform: rotate(3deg); transform-origin: top center; }
}

@keyframes swing {
    from { transform: rotate(-5deg); transform-origin: top center; }
    to { transform: rotate(3deg); transform-origin: top center; }
}

@-webkit-keyframes move {
    0% { -webkit-transform: translate(0,0); }
    100% { -webkit-transform: translate(0,-50px); }
}

@keyframes move {
    0% { -webkit-transform: translate(0,0); }
    100% { -webkit-transform: translate(0,-50px); }
}

@-webkit-keyframes scal {
    0% { -webkit-transform: scale(0); }
    100% { -webkit-transform: scale(1.8); }
}

@keyframes scal {
    0% { -webkit-transform: scale(0); }
    100% { -webkit-transform: scale(1.8); }
}
/* 弹窗样式--结束 */

/* 弹出下拉选择插件--开始 */
.ios-select-widget-box.olay { position: fixed; z-index: 500; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; background: rgba(0, 0, 0, 0.75); }
.ios-select-widget-box.olay > div { position: fixed; z-index: 1000; width: 100%; height: 100%; background-color: #f2f2f2; bottom: 0; left: 0; visibility: visible; }
.ios-select-widget-box header.iosselect-header { height: 44px; line-height: 44px; background-color: #69C72B; width: 100%; z-index: 9999; text-align: center; }
.ios-select-widget-box header.iosselect-header a { font-size: 16px; color: #FFFFFF; text-decoration: none; }
.ios-select-widget-box header.iosselect-header a.close { float: left; padding-left: 15px; height: 44px; line-height: 44px; }
.ios-select-widget-box header.iosselect-header a.sure { float: right; padding-right: 15px; height: 44px; line-height: 44px; }
.ios-select-widget-box { padding-top: 44px; }
.ios-select-widget-box .one-level-contain, .ios-select-widget-box .two-level-contain, .ios-select-widget-box .three-level-contain, .ios-select-widget-box .four-level-contain, .ios-select-widget-box .five-level-contain { height: 100%; overflow: hidden; }
.ios-select-widget-box .iosselect-box { overflow: hidden; }
.ios-select-widget-box .iosselect-box > div { display: block; float: left; }
.ios-select-widget-box ul { background-color: #fff; }
.ios-select-widget-box ul li { font-size: 13px; height: 35px; line-height: 35px; background-color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; color: #111; opacity: .3; }
.ios-select-widget-box ul li.at { font-size: 16px; opacity: 1; }
.ios-select-widget-box ul li.side1 { font-size: 15px; opacity: .7; }
.ios-select-widget-box ul li.side2 { font-size: 14px; opacity: .5; }
.ios-select-widget-box.one-level-box .one-level-contain { width: 100%; }
.ios-select-widget-box.one-level-box .two-level-contain, .ios-select-widget-box.one-level-box .three-level-contain, .ios-select-widget-box.one-level-box .four-level-contain, .ios-select-widget-box.one-level-box .five-level-contain, .ios-select-widget-box.one-level-box .six-level-contain { width: 0; }
.ios-select-widget-box.two-level-box .one-level-contain, .ios-select-widget-box.two-level-box .two-level-contain { width: 50%; }
.ios-select-widget-box.two-level-box .three-level-contain, .ios-select-widget-box.two-level-box .four-level-contain, .ios-select-widget-box.two-level-box .five-level-contain, .ios-select-widget-box.two-level-box .six-level-contain { width: 0; }
.ios-select-widget-box.three-level-box .one-level-contain, .ios-select-widget-box.three-level-box .two-level-contain { width: 30%; }
.ios-select-widget-box.three-level-box .three-level-contain { width: 40%; }
.ios-select-widget-box.three-level-box .four-level-contain .ios-select-widget-box.three-level-box .five-level-contain, .ios-select-widget-box.three-level-box .six-level-contain { width: 0%; }
.ios-select-widget-box.four-level-box .one-level-contain, .ios-select-widget-box.four-level-box .two-level-contain, .ios-select-widget-box.four-level-box .three-level-contain, .ios-select-widget-box.four-level-box .four-level-contain { width: 25%; }
.ios-select-widget-box.four-level-box .five-level-contain, .ios-select-widget-box.four-level-box .six-level-contain { width: 0%; }
.ios-select-widget-box.five-level-box .one-level-contain, .ios-select-widget-box.five-level-box .two-level-contain, .ios-select-widget-box.five-level-box .three-level-contain, .ios-select-widget-box.five-level-box .four-level-contain, .ios-select-widget-box.five-level-box .five-level-contain { width: 20%; }
.ios-select-widget-box.five-level-box .six-level-contain { width: 0%; }
.ios-select-widget-box.six-level-box .one-level-contain, .ios-select-widget-box.six-level-box .two-level-contain, .ios-select-widget-box.six-level-box .three-level-contain, .ios-select-widget-box.six-level-box .four-level-contain, .ios-select-widget-box.six-level-box .five-level-contain { width: 16%; }
.ios-select-widget-box.six-level-box .six-level-contain { width: 20%; }
.ios-select-widget-box .cover-area1 { width: 100%; border: none; border-top: 1px solid #d9d9d9; position: absolute; top: 149px; margin: 0; height: 0; }
.ios-select-widget-box .cover-area2 { width: 100%; border: none; border-top: 1px solid #d9d9d9; position: absolute; top: 183px; margin: 0; height: 0; }
.ios-select-widget-box #iosSelectTitle { margin: 0; padding: 0; display: inline-block; font-size: 16px; font-weight: normal; color: #333; }
.ios-select-body-class { overflow: hidden; }
.ios-select-body-class body { touch-action: none; }
.ios-select-widget-box.olay > div > .ios-select-loading-box { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, .5); display: none; }
.ios-select-widget-box.olay > div > .ios-select-loading-box > .ios-select-loading { width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; margin-top: -25px; margin-left: -25px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OEMxMEI3NDI3MEIxMUU2ODVGMzhFNjYyMDIyOUFCMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OEMxMEI3NTI3MEIxMUU2ODVGMzhFNjYyMDIyOUFCMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4QzEwQjcyMjcwQjExRTY4NUYzOEU2NjIwMjI5QUIwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4QzEwQjczMjcwQjExRTY4NUYzOEU2NjIwMjI5QUIwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GeWqMwAAA+BJREFUeNrMmVlsTGEUx+9cXZQiLZWKklhbQSSlSMUWSxAiJGJ5aSQehOiDF7yI4EFILW99I3iRSJGUPkiILSKp2OuJVtHWkrRVapn2jv+R/ycnn5l27rQz10l+mWlyl/+c833nO+c0FIlEnATMBbPAIn5OBuPAENAKToC74BtoB59AG/D9spBPgaPBdrAFjJH7Fa66TkRuNe8gP8Bb8Ap8j/eFaXFelwv286WZfKG2WL9SX5cFCuntBvAc/OoPD64HJ8EI5Q3tmW7whl4pAl/AUfAEDKZnQ1HuFXGPQGOiAsW7x8A26wUhirgMLnGtfe3hGcO5NApARpRnSchrY0UhlkAJxxmw0npYBzgOKinSj6WDCfRyphWFJnAPdMUjUH71WbDKElcDykGL0zcbCEroVf389+CW7Uk3ygNk/azghYIHDoCN/SDO4W6+A55aAiUrzImWz7StA2WWuF2gIpEc1ovVgQeWyELm06gCc8ARJU44DM45yTPZII8tkXO5DP4RuI8iPYqr4YmQbJN8+E4JlA1abAuUBbtZeU526O4khDWW3QdhK9TZWmAZd6/x3inw0UmdSZJ/pgSKlilGoMvTwoiTw/20k3p7yTyovRgScTNAvgrvFSbkVJuE+LU6GiXEefJHqfKefF5zgrMGVRnJZ4HEerryXjdzU1DWbB2BI10mRuPBej+1WhKsi8vLeDDXZRllwtvoBG8davNmS4gHUZyTQIWSrM1iQpyZptafo4QGabp9+JNmOijMY9MTtGWpEHe5PDHMGsz/DwQOUwI7XVYUZheP1ZVEAJbOFsGswTYR+EKF2NWVRABWwHPYeLDFZWKOKJFLAhRYpMQJjS7rsWYlcjlTT6pNOr5pahfL5m12KaparUPpZTcEILCEjjGniCy9iMk3F9hImzCXcZqQKhOnLFShjbBX/psQP4Aq5UUpdfZEGXEkKzGvZf4zu/exOdV0T1LJCZTx4gK2msm2Uq494z1pS29Ea5ra2RPrrm4HpwvJsplgtTW/kXq0M1ZffF2F2uMNe+nJUD+HVWaLm8AAtXNrOXTqcfQh2fwQmKdST4TTgAp6ui+WTWFTrUpedu15Fs29Do/kuDsIZlsiW7njryZQ2MrAaD5Yqko88+w6zoPCfsdv5VwjnnXayA67zYmUdGM/e0i+E7nWivnDPUWEz6iyPedngLkY7ARDrQeb72GOz5roVY/eylMHvxflXjkpLoKHfZ2wmhJIkvcylUi9BAnTa9U9DD59CzQm/csaZv0cn0JbOeK4ye/xbfcE/w0hYZvElnU8GEXBGRQjeewzi5B6rtP6RGY9vwUYACMHTam1T1ebAAAAAElFTkSuQmCC) no-repeat 0 0; background-size: contain; -webkit-animation: loading-keyframe 1s infinite linear; animation: loading-keyframe 1s infinite linear; }
.fadeInUp .layer { -webkit-animation: fadeInUp .5s; animation: fadeInUp .5s; }
.fadeOutDown .layer { -webkit-animation: fadeOutDown .5s !important; animation: fadeOutDown .5s !important; }

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

@keyframes fadeInUp {
    from { opacity: 0; transform: translate3d(0, 100%, 0); }
    to { opacity: 1; transform: none; }
}

@-webkit-keyframes fadeOutDown {
    from { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); }
}

@keyframes fadeOutDown {
    from { opacity: 1; }
    to { opacity: 0; transform: translate3d(0, 100%, 0); }
}
/* 弹出下拉选择插件--结束 */


/* 页面公共样式 */
body.show-menu { overflow: hidden; position: fixed; width: 100%; }
body.show-menu .menu-box { opacity: 1; z-index: 9999; pointer-events: inherit; }
body.show-menu header .collapse li:nth-child(1) { transform: rotate(45deg); position: relative; top: 6px; }
body.show-menu header .collapse li:nth-child(2) { opacity: 0; }
body.show-menu header .collapse li:nth-child(3) { transform: rotate(-45deg); position: relative; bottom: 6px; }
#page { max-width: 7.5rem; margin: 0 auto; padding: 0; width: 100%; height: auto; min-height: 100%; background: #F7F7F7; position: relative; }
.container { padding-top: 0.88rem; }
.header { position: fixed; width: 100%; height: 0.88rem; left: 0; top: 0; z-index: 10; padding: 0 0.2rem; box-sizing: border-box; background: #fff; display: flex; align-items: center; justify-content: space-between; box-shadow: 0px 2px 10px rgba(0,0,0,0.06); }
.header .logo { width: 2rem; }
.header .logo img { display: block; width: 100%; }
.header .btns { display: flex; align-items: center; }
.header .btns a.icon-geren { color: #999999; font-size: 0.36rem; margin-right: 0.7rem; }
.header .btns a.login-name { max-width: 15em; margin-right: 0.2rem; }
.header .btns .collapse { width: 20px; height: 23px; display: inline-block; flex-shrink: 0; }
.header .btns .collapse li { background: #999999; height: 1px; border-radius: 2px; margin: 5px 0; }
.header .menu-box { width: 100%; position: fixed; top: 0.88rem; bottom: 0; left: 0; z-index: 0; overflow: auto; background: rgba(0,0,0,0.4); opacity: 0; pointer-events: none; }
.header .menu-box li ul { overflow: hidden; display: none; }
.header .menu-box li.open > ul { border-bottom: 1px solid #3F3F46; }
.header .menu-box a { display: flex; justify-content: space-between; padding: 0.3rem 0; border-bottom: 1px solid #696C74; color: #FFF; }
.header .menu-box a:active { background: rgba(255,255,255,0.1); }
.header .menu-box a.icon-down:after { display: flex; align-items: center; content: "\e601"; font-family: "iconfont" !important; font-size: 0.26rem; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; }
.header .menu-box li.open > a.icon-down:after { content: "\e6a2"; }
.header .menu-box .first { background: #3F3F46; margin: auto; max-width: 7.5rem; }
.header .menu-box .first > li > a { font-size: 0.3rem; }
.header .menu-box .first > li a { padding-left: 0.4rem; padding-right: 0.4rem; }
.header .menu-box .second { background: #555961; }
.header .menu-box .second > li a { border-color: #3F3F46; }
.header .menu-box .third > li a { padding-left: 0.9rem; padding-right: 0.9rem; border: 0; }
.header.bg { background: url(http://zyzztop-static-wap.zyzztop.com/bg.png) 0.8rem -0.2rem no-repeat; background-size: 1.8rem; }
footer dt { line-height: 0.4rem; }
footer dd a { line-height: 2.5; }
footer .logo p { height: 0.37rem; }
footer .qrcode dt, footer .qrcode dd { width: 2.4rem; }
footer .copy { border-top: 1px solid #E2E2E2; }

/* 标题 */
.common-title { display: flex; justify-content: space-between; align-items: center; }
.common-title .title { display: flex; align-items: center; font-size: 0.32rem; font-weight: bold; }
.common-title .title:before { display: inline-block; content: ""; width: 0; height: 0; border: 0.13rem solid #69C72B; border-right: 0; border-top-color: transparent; border-bottom-color: transparent; margin-right: 0.28rem; }
.common-title .btn-group { position: relative; }
/* 列表 */
.list-item { overflow: hidden; padding: 0.25rem 0; position: relative; user-select: none; }
.list-label { text-align: right; vertical-align: middle; float: left; color: #999; width: 5em; box-sizing: border-box; position: relative; }
.list-title { position: relative; margin-left: 6em; width: calc(100% - 10em); }
.list-icon { position: absolute; right: 0.2rem; top: 0.28rem; font-size: 0.26rem; }
.list-content { margin: 0.25rem 0.2rem 0; padding: 0.2rem; border-radius: 6px; font-size: 0.24rem; color: #666666; background-color: #f8f9fc; display: none; height: 0; overflow: hidden; }
.list-item.open .list-content { display: block; height: auto; }
.list-item.open .list-icon:before { content: "\e6a2"; }
.list-item.unread .list-label:before { display: block; content: ""; width: 6px; height: 6px; border-radius: 6px; background: #f00; position: absolute; right: -6px; top: 2px; }
/* 表格 */
.col-3-table { width: 100%; color: #666; border-bottom: 1px solid #F0F0F0; box-sizing: border-box; }
.col-3-table-td { height: 0.8rem; border-bottom: 1px solid #f0f0f0; color: #333; text-align: center; }
.table-bg { background: #F0F0F0; }
/* 触底加载中 */
.loading { text-align: center; color: #999; font-size: 0.26rem; height: 1.2rem; display: flex; justify-content: center; align-items: center; line-height: 1.2rem; }


.tiplink { background-color: rgba(0,0,0,0.8); position: fixed; width: 100%; height: 100%; top: 0; left:0; z-index: 101;}
.tiplink div { height: 100%; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.tiplink .linkguide img:first-child { height:54%; }
.tiplink .linkguide img:last-child { padding-top:3%; height:7%; }
.tiplink .zyzzguide img:first-child { height:70%; }
.tiplink .zyzzguide img:last-child { padding-top:3%; height:7%; }