@charset "utf-8";
/* ====== 初始化 ====== */
@font-face {font-family:'Helvetica Neue';src:url('../font/HelveticaNeue.eot');src:url('../font/HelveticaNeue.eot') format('embedded-opentype'),url('../font/HelveticaNeue.woff2') format('woff2'),url('../font/HelveticaNeue.woff') format('woff'),url('../font/HelveticaNeue.ttf') format('truetype'),url('../font/HelveticaNeue.svg') format('svg');font-weight:normal;font-style:normal}
html {font-family:"Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";box-sizing:border-box;-ms-overflow-style:scrollbar;line-height:1.5;}
* {padding:0;margin:0;}
:focus { outline: -webkit-focus-ring-color auto 0;}
*,*::before,*::after {box-sizing:inherit;}
input,input::after,input::before {box-sizing:border-box;}
ul li {list-style:none;}
a { text-decoration:none; color: inherit; }
button,a {cursor:pointer}
button:focus {outline:none;}
select {/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*//*很关键：将默认的select选择框样式清除*/appearance:none;-moz-appearance:none;-webkit-appearance:none;/*为下拉小箭头留出一点位置，避免被文字覆盖*/padding-left:.5rem;padding-right:1.25rem;/*在选择框的最右侧中间显示小箭头图片*/background:url("/img/down.png") no-repeat scroll right center transparent;}
select::-ms-expand {display:none;}
image {width:100%;}
input {border:1px solid transparent;padding:0 0.5rem;}
table {border-collapse:collapse;}

/* 字体大小 */
h1,.h1 {font-size:2rem;}
h2,.h2 {font-size:1.75rem;}
h3,.h3 {font-size:1.5rem;}
h4,.h4 {font-size:1.25rem;}
h5,.h5 {font-size:1rem;}
h6,.h6 {font-size:0.875rem;}
p { font-size: 0.875rem; }
.font-sm { font-size: 0.75rem; }
small,.font-small {font-size:85% !important;}
big,.font-big {font-size:120% !important;}
dt,th,h1,.h1,h2,.h2,h3,.h3 { font-weight: 500; }
h4,.h4,h5,.h5,h6,.h6 { font-weight: 600; }

/* ====== 通用布局 ====== */
/* 对齐 */
.fr {float:right !important;}
.fl {float:left !important;}
.fc {display:block !important;margin-left:auto !important;margin-right:auto !important;}
.fn {float:none !important;clear:both;}
.cl {clear:left !important;}
.cr {clear:right !important;}
.cc {clear:both !important;}
.cn {clear:none !important;}

/* 文本对齐 */
.center {text-align:center !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}

/* 填充 */
.pa {padding:0.5rem 1rem !important;}
.pb {padding-bottom:0.5rem !important;}
.pl {padding-left:1rem !important;}
.plr {padding-left:1rem;padding-right:1rem !important;}
.pr {padding-right:1rem !important;}
.pt {padding-top:0.5rem !important;}
.ptb {padding-top:0.5rem;padding-bottom:0.5rem !important;}
.pn {padding:0 !important;}
.pn-t {padding-top:0 !important;}
.pn-b {padding-bottom:0 !important;}
.pn-l {padding-left:0 !important;}
.pn-r {padding-right:0 !important;}
.pn-tb {padding-top:0 !important;padding-bottom:0 !important;}
.pn-lr {padding-left:0 !important;padding-right:0 !important;}

/* 间距 */
.ma {margin:1rem !important;}
.mb {margin-bottom:1rem !important;}
.mc {margin-left:auto !important;margin-right:auto !important;display:block;}
.ml {margin-left:1rem !important;}
.mlr {margin-left:1rem;margin-right:1rem !important;}
.mr {margin-right:1rem !important;}
.mt {margin-top:1rem !important;}
.mtb {margin-top:1rem;margin-bottom:1rem !important;}
.mn {margin:0 !important;}
.mn-t {margin-top:0 !important;}
.mn-r {margin-right:0 !important;}
.mn-b {margin-bottom:0 !important;}
.mn-l {margin-left:0 !important;}
.mx {position:absolute;left:50%;transform:translateX(-50%);}
.my {position:absolute;transform:translateY(-50%);}
.mxy {position:absolute;transform:translate(-50%,-50%);}

/* 边框 */
.ba {border:1px solid #e5e5e5 !important;}
.bb {border-bottom:1px solid #e5e5e5 !important;}
.bl {border-left:1px solid #e5e5e5 !important;}
.blr {border-left:1px solid #e5e5e5 !important;border-right:1px solid #e5e5e5 !important;}
.bn {border:none !important;}
.br {border-right:1px solid #e5e5e5 !important;}
.bt {border-top:1px solid #e5e5e5 !important;}
.btb {border-top:1px solid #e5e5e5 !important;border-bottom:1px solid #e5e5e5 !important;}

/* 圆角 */
.b-a {border-radius:0.25rem !important;overflow:hidden;}
.b-b {border-bottom-right-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important;overflow:hidden;}
.b-c {border-radius:50% !important;overflow:hidden;}
.b-l {border-bottom-left-radius:0.25rem !important;border-top-left-radius:0.25rem !important;overflow:hidden;}
.b-n {border-radius:0 !important;overflow:hidden;}
.b-r {border-bottom-right-radius:0.25rem !important;border-top-right-radius:0.25rem !important;overflow:hidden;}
.b-t {border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important;overflow:hidden;}
.b-lb {border-bottom-left-radius:0.25rem !important;overflow:hidden;}
.b-lt {border-top-left-radius:0.25rem !important;overflow:hidden;}
.b-rb {border-bottom-right-radius:0.25rem !important;overflow:hidden;}
.b-rt {border-top-right-radius:0.25rem !important;overflow:hidden;}

/* === 布局 === */
/* 特殊块 */
.mm_view:before,.mm_view:after {display:block;content:"";clear:both;float:none;}
.mm_head:before,.mm_head:after {display:block;content:"";clear:both;float:none;}
.mm_body:before,.mm_body:after {display:block;content:"";clear:both;float:none;}
.mm_foot:before,.mm_foot:after {display:block;content:"";clear:both;float:none;}
.mm_item:before,.mm_item:after {display:block;content:"";clear:both;float:none;}

/* 容器 */
.mm_view {position:relative;}
.mm_foot {border-top:1px solid #dbdbdb;}
.mm_page {position:relative;width:100%;overflow-x:hidden;min-height: 100vh;}
.mm_page>.mm_head {position:relative;width:100%; top: 0; left: 0; right: 0;}
.mm_page>.mm_body {position:relative;width:100%; overflow: hidden;}
.mm_page>.mm_foot {position:relative;width:100%; bottom: 0; left: 0; right: 0;}

.pre {position:relative;}
.mm_side {float: left; position:relative; height: inherit; z-index:2; width: 14rem;min-height: calc(100vh - 3.75rem - 1px); }
.mm_side .line {position:absolute;top:0;right:0;width:3px;background:#f6f8fa;border-right:1px solid #e1e4e8;height:100%;}
.mm_side .line:hover {cursor:w-resize;}
.mm_main {position:relative;z-index:1;}
.mm_side ~ .mm_main { margin-left: 14rem; overflow: hidden; }
.mm_warp:before,.mm_warp:after {display:block;content:"";clear:both;float:none;}
.mm_warp,.mm_body>.mm_grid,.mm_body>[class*=mm_grid_] {display:block;width:100%;max-width:77rem;padding:0 1rem;margin:0 auto;position:relative;}
.full .mm_warp { max-width: initial; }
.html {padding:0.875rem;}
.fixed>.mm_head { position: fixed; z-index:10;left:0;right:0;top:0; }
.fixed>.mm_foot { position: fixed; z-index:10;left:0;right:0;bottom:0; }
.fixed>.mm_body { min-height: 100vh; }

/* 模态窗 */
.mm_modal {position:fixed;z-index:30;width:100%;height:100%;top:0;left:0;right:0;bottom:0;transform:translate(-100%,-100%);}
.mm_modal .mask {transition:all .2s ease-in-out;position:absolute;z-index:31;top:0;left:0;right:0;bottom:0;width:100%;height:100%;}
.mm_modal.show {transform:translate(0,0);}
.mm_modal .mm_body { background: #fff; }

/* 所有CSS属性都拥有过渡属性，动画持续时间3s 延迟2s触发 linear的触发函数 */
.trans {-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.show {display:block !important;}
.show [class*=from_] {position:absolute;z-index:40;width:100%;}
.show .from_default {max-width:30rem;min-height:7.5rem;top:50%;left:50%;transform:translate(-50%,-50%) !important;}
.from_left {top:0;bottom:0;left:0;height:100%;max-width:18.75rem;transform:translate(-100%,0);}
.from_right {top:0;bottom:0;right:0;height:100%;max-width:18.75rem;transform:translate(100%,0);}
.from_top {top:0;left:0;right:0;transform:translate(0,-100%);}
.from_bottom {bottom:0;left:0;right:0;transform:translate(0,100%);}
.from_center {top:50%;left:50%;width:25%;max-width:30rem;transform:translate(-50%,-50%);}
.show .from_left,.show .from_right,.show .from_top,.show .from_bottom,.show .from_center {-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.show .from_left,.show .from_right,.show .from_top,.show .from_bottom {transform:translate(0,0);}
.show .from_center {width:100%;}

/* 拖动容器 */
.mm_movable {position:fixed;z-index:20;bottom:4rem;right:1rem;min-height:1rem;min-width:1rem;}

/* 自动栅格 */
.mm_grid,[class*=mm_grid_] {display:-webkit-flex;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;}
.mm_grid>*,[class*=mm_grid_]>* {-webkit-flex:1;flex:1;float:left;}
.mm_grid_1>* {width:100%;flex-basis:100%}
.mm_grid_2>* {width:50%;flex-basis:50%}
.mm_grid_3>* {width:33.333333%;flex-basis:33.333333%}
.mm_grid_4>* {width:25%;flex-basis:25%}
.mm_grid_5>* {width:20%;flex-basis:20%}
.mm_grid_6>* {width:16.666666%;flex-basis:16.666666%}
.mm_grid_8>* {width:12.5%;flex-basis:12.5%}
.mm_grid_10>* {width:10%;flex-basis:10%}
.mm_grid_12>* {width:8.333333%;flex-basis:8.333333%}

/* 格子 */
.mm_grid-x>.mm_col,.mm_grid-x>[class*=mm_col_] {margin-top:-1px;margin-right:-1px;border:1px solid #DBDBDB;}
.mm_col,[class*=mm_col_] {float:left;}
.mm_col>*,[class*=mm_col_]>* {position:relative;}
.mm_col_10 {width:10%;flex-basis:10%}
.mm_col_20 {width:20%;flex-basis:20%}
.mm_col_25 {width:25%;flex-basis:25%}
.mm_col_33 {width:33.333333%;flex-basis:33.333333%}
.mm_col_40 {width:40%;flex-basis:40%}
.mm_col_50 {width:50%;flex-basis:50%}
.mm_col_60 {width:60%;flex-basis:60%}
.mm_col_66 {width:66.666666%;flex-basis:66.666666%}
.mm_col_75 {width:75%;flex-basis:75%}
.mm_col_80 {width:80%;flex-basis:80%}
.mm_col_90 {width:90%;flex-basis:90%}
.mm_col_100 {width:100%;flex-basis:100%}

/* 栅格间距 */
.space>* {padding:0.25rem;}
.space_big>* {padding:0.5rem;}
.space-x {margin:-0.25rem;}
.space-x>* {padding:0.25rem;}
.space_big-x {margin:-0.5rem;}
.space_big-x>* {padding:0.5rem;}

/* 列表 */
.mm_list:before,.mm_list:after,[class*=mm_list_]:before,[class*=mm_list_]:after {display:block;content:"";clear:both;float:none;}
.mm_list,[class*=mm_list_] {display:-webkit-flex;display:flex;flex-flow:row wrap;align-items:flex-start;justify-content:flex-start;}
.mm_list>*,[class*=mm_list_]>* {display:block;float:left;list-style:none;position:relative;overflow-x:hidden;min-width:8.333333%;}
.mm_list-x>.mm_item,.mm_list-x>[class*=mm_item_] {margin-top:-1px;margin-right:-1px;border:1px solid #DBDBDB;}
.mm_list_1>* {width:100%;flex-basis:100%}
.mm_list_2>* {width:50%;flex-basis:50%}
.mm_list_3>* {width:33.333333%;flex-basis:33.333333%}
.mm_list_4>* {width:25%;flex-basis:25%}
.mm_list_5>* {width:20%;flex-basis:20%}
.mm_list_6>* {width:16.666666%;flex-basis:16.666666%}
.mm_list_8>* {width:12.5%;flex-basis:12.5%}
.mm_list_10>* {width:10%;flex-basis:10%}
.mm_list_12>* {width:8.333333%;flex-basis:8.333333%}

/* 镂空效果 */
/* 描边 */
.stroke {-webkit-background-clip:content-box;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #000;}
.active .stroke,a:active .stroke,a:focus .stroke,a:focus .stroke {-webkit-text-fill-color:#333;-webkit-text-stroke:0;}
/* 箭头 */
.arrow {padding-right:2rem !important;}
.arrow:after { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%) rotate(-45deg); content: "";padding: 3px;display: block;border: solid #999;border-width: 0 1px 1px 0;transition: all 0.2s;}
.active .btn:after { transform: translateY(-50%) rotate(45deg); }

/* 盒子 */
.mm_box {display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:9;}
.mm_box:before,.mm_box:after {display:block;content:"";clear:both;float:none;}
.hover,.active,.focus,.click {position:relative;}
.hover:hover .mm_box {display:inline-block;}
.focus:focus .mm_box {display:inline-block;}
.active:active .mm_box {display:inline-block;}
.current .mm_box {display:inline-block;}

/* === 内容组件 === */
/* 按钮 */
.mm_btn,[class*=mm_btn_] {text-align:center;border-radius:.25rem;display:inline-block;height:2rem;line-height:2rem;padding-left:1rem;padding-right:1rem;font-size:0.75rem;cursor:pointer;background:#fff;border:1px solid transparent;white-space:nowrap;}
.mm_btn:active {background-color:#EFEFEF;}
.mm_btn:after,[class*=mm_btn_]:after {display:none;}
.btn-full,.mm_btn.full,[class*=mm_btn_].full {width:calc(100% - 2rem);display:block;margin-left:auto;margin-right:auto;}
.btn-link {background:none;border:none;padding:0;line-height:1;height:initial;}
.btn-sm {height:1.5rem;line-height:1.5rem;font-size:0.625rem;padding-left:0.75rem;padding-right:0.75rem;}

/* 组合框 */
.mm_group,[class*=mm_group_] {display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:stretch;}
.mm_group>*,[class*=mm_group_]>* {flex:1;float:left;border-radius:0;white-space:nowrap;}
.mm_group>input~.mm_btn,.mm_group>input~[class*=mm_btn_] {flex:inherit;}
.mm_group .mm_btn,.mm_group [class*=mm_btn_] {border-right:1px solid rgba(0,0,0,.1);}
.mm_group .mm_btn:last-child,.mm_group [class*=mm_btn_]:last-child {border-right:none;}
.mm_group span,.mm_group .title {flex:inherit;height:2rem;line-height:2rem;padding-left:1rem;padding-right:1rem;background-color:#f9f9f9;font-size:0.75rem;text-align:center;border:none;}
/* 表格 */
.mm_table,[class*=mm_table_] {width:100%;max-width:100%;margin-bottom:1rem;background-color:#fff;text-align:left;}
.mm_table td,.mm_table th,[class*=mm_table_] td,[class*=mm_table_] th {padding: 0.5rem 0.75rem;vertical-align:top;border-top:1px solid #dee2e6}
.mm_table th,[class*=mm_table_] th {font-weight:600;}
.mm_table thead th,[class*=mm_table_] thead th {vertical-align:bottom;border-bottom:2px solid #dee2e6}
.mm_table tbody+tbody,[class*=mm_table_] tbody+tbody {border-top:2px solid #dee2e6}
.table-sm td,.table-sm th {padding:.25rem}

/* == 适配环境 == */
@media (max-width:576px) {
	.mm_grid-sm>.mm_col,.mm_grid-sm>[class*=mm_col_] {min-width:100%;}
	.mm_list-sm>.mm_item,.mm_list-sm>[class*=mm_item_] {min-width:50%;}
	.mm_warp,.mm_body>.mm_grid,.mm_body>[class*=mm_grid_] {padding:0;}
	.space-x.mm_grid_1 .mm_col:first-child {padding-top:0;}
	.space-x.mm_grid_1 .mm_col:last-child {padding-bottom:0;}
	.space_big-x.mm_grid_1 .mm_col:first-child {padding-top:0;}
	.space_big-x.mm_grid_1 .mm_col:last-child {padding-bottom:0;}
}

.waterfall {
	width: 100%;
   display: flex;
   flex-direction: column;
   /* flex-direction: row; */
}
.waterfall>* {
    flex-flow: column wrap; 
}

/********** 组件类 ************/
/* ====== 表单 ====== */
/* 输入框 */
.mm_input,.mm_checkbox,.mm_radio,.mm_select,.mm_number,.mm_slider,.mm_switch {position:relative; }
.inline .mm_input,.inline .mm_checkbox,.inline .mm_radio,.inline .mm_select,.inline .mm_number,.inline .mm_slider,.inline .mm_switch { display: inline-block;}
.mm_input .title,.mm_checkbox .title,.mm_radio .title,.mm_select .title,.mm_number .title,.mm_slider .title,.mm_switch .title,.mm_reverse .title {float:left;padding-left:1rem;padding-right:.5rem;min-width:5.5rem;line-height:2rem;}
.mm_input .value,.mm_checkbox .value,.mm_radio .value,.mm_number .value,.mm_slider .value,.mm_switch .value,.mm_reverse .value {overflow:hidden;}
label~label {margin-left:1rem;}

/* 单选框 */
.mm_radio input {display:none;}
.mm_radio .figure {position:relative;top:3px;display:inline-block;overflow:hidden;width:1.125rem;height:1.125rem;border:1px solid #38f;border-radius:50%;margin-right: .5rem;}
.mm_radio .active .figure:before {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:" ";display:inline-block;width:0.325rem;height:0.325rem;background:#38f;border-radius:50%;}

/* 复选框 */
.mm_checkbox .figure {position:relative;top:3px;display:inline-block;overflow:hidden;width:1.125rem;height:1.125rem;border:1px solid #38f;border-radius:50%;}
.mm_checkbox .active .figure {background:#38f;}
.mm_checkbox .active .figure:before {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);content:" ";display:inline-block;width:0.5rem;height:0.25rem;border-left:1px solid #fff;border-bottom:1px solid #fff;}
.pc .mm_checkbox .value { line-height:2rem;}
.pc .mm_checkbox .figure {margin-right: .5rem;}
.mobile .mm_checkbox .figure {margin-right:1rem;}

/* 单选框 */
.mobile .mm_radio label,.mobile .mm_checkbox label {display:block;margin:-1px 0 0 0;padding:0.5rem;border-top:1px solid #DBDBDB;border-bottom:1px solid #DBDBDB;}
.mobile .mm_radio .figure {float:right;border:none;}
.mobile .mm_radio .active .figure:before {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);content:" ";display:inline-block;width:1rem;height:0.5rem;border-left:1px solid #38f;border-bottom:1px solid #38f;border-radius:0;background:none;}
.pc .mm_radio .value {line-height:2rem;}

/* 输入框 */
.mm_input .unit {padding-left:.5rem; padding-right: 1rem;}
.pc .mm_input {padding-top:.5rem;padding-bottom:.5rem;}
.pc .mm_input input {padding:.25rem .5rem;border-radius:.25rem;border:1px solid #DBDBDB;height:2rem;min-width:12rem;}
.pc .mm_input .title {line-height:2rem;}
.mobile .mm_input {margin:-1px 0 0 0;padding-top:.25rem;padding-bottom:.25rem;border-top:1px solid #DBDBDB;border-bottom:1px solid #DBDBDB;}
.mobile .mm_input .title {height:2rem;line-height:2rem;}
.mobile .mm_input input {line-height:2rem;height:2rem;padding:0 .5rem;flex:1;}
.mobile .mm_input .title~.value {width:calc(100% - 5.5rem);overflow:hidden;display:flex;}
.mobile .mm_input .unit {line-height:2rem;height:2rem;}

/* 发送验证码输入框 */
.mm_code .mm_group {border-bottom:none}

/* 计数器 */
.mm_number {display:inline-block;}
.mm_number .value {display:flex;}
.mm_number input[type="number"] {text-align:center;-moz-appearance:textfield;height:2rem;line-height:2rem;}
.btn_del,.btn_add {display:block;position:relative;line-height:1;}
.btn_del:before,.btn_add:before {content: ""; display: block; position:absolute; top:50%;left:50%;transform:translate(-50%,-50%);width:0.5rem;height:2px;background:#fff;line-height:1;}
.btn_add:after {content:"";display: block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:0.5rem;background:#fff;line-height:1;}
.pc .mm_number [class*=mm_btn] {font-size:1.25rem;border-radius:50%;padding:0;width:1.5rem;height:1.5rem;line-height:1.5rem;margin:0.25rem .5rem;}
.pc .mm_number input {border:1px solid #DBDBDB;border-radius:.25rem;}
.mobile .mm_number .value {border:1px solid #38f;border-radius:0.25rem;}
.mobile .mm_number [class*=mm_btn] {border-radius:0;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance:none;}

/* 开关 */
.mm_switch .onoff {position:relative;display:block;height:2rem;line-height:2.2rem !important;width:3.75rem !important;background:#fff;border:1px solid #e5e5e5;border-radius:100px;cursor:pointer;transition:all 0.3s ease;}
.mm_switch .onoff:after {position:absolute;left:-1px;top:-1px;display:block;width:2rem;height:2rem;border-radius:50%;background:#fff;border:1px solid #e5e5e5;box-shadow:0px 3px 3px rgba(0,0,0,0.05);content:'';transition:all 0.3s ease;}
.mm_switch label:active .onoff:after {transform:scale(1.15,0.85);}
.mm_switch .active .onoff {background:#04BE02;}
.mm_switch .active .onoff:after {left:1.64rem;}
.mm_switch .on,.mm_switch .off {display:block;position:absolute;top:49%;transform:translateY(-50%);}
.mm_switch .on {left:.25rem;}
.mm_switch .on:before {content:"ON";font-size:0.625rem;color:#fff;}
.mm_switch .off {right:.25rem;}
.mm_switch .off:before {content:"OFF";font-size:0.625rem;color:#999;}
.mobile .mm_switch {margin-top:-1px;padding-top:.25rem;padding-bottom:.25rem;border-top:1px solid #DBDBDB;border-bottom:1px solid #DBDBDB;}
.mobile .mm_switch .onoff {float:right;margin-right:1rem;}

/* 选择框 */
.pc .mm_select {padding-top:.5rem;padding-bottom:.5rem;}
.mm_select a {color:inherit;}
.mm_select .hover,.mm_select .active,.mm_select .focus {display:inline-block;}
.mm_select .value {font-size:.875rem;}
.mm_select select {padding:.25rem 2rem .25rem .5rem;border-radius:.25rem;border:1px solid #DBDBDB;height:2rem;background-position-x:calc(100% - .25rem);}
.mm_select .selected {padding:0 2rem 0 .5rem;border-radius:.25rem;height:2rem;line-height:2rem;border:1px solid #DBDBDB;background:url("/img/down.png") no-repeat scroll right center transparent;background-position-x:calc(100% - .25rem);}
.mm_select .mm_box {top:2.05rem;bottom:initial;overflow:hidden;background:#fff;border:1px solid #DBDBDB;border-radius:.25rem;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.2);}
.mm_select li {padding:0 .5rem;line-height:2rem;}
.mm_select li:hover {background:#f9f9f9;color:#000000;}
.hover:hover .selected,.focus:focus .selected,.current .selected {border-color:#38f;}
.click {display:inline-block;}
.click .mm_box {right:initial;min-width:5.25rem;}

/* 反转器 */
.mm_reverse .figure {height:2rem;width:1rem;position:relative;padding-top:.25rem;}
.mm_reverse .up,.mm_reverse .down {margin:auto;margin:.2rem auto;display:block;}
.mm_reverse .up:before {content:"";display:block;margin:auto;width:0;height:0;border-left:.25rem solid transparent;border-right:.25rem solid transparent;border-bottom:.5rem solid #E5E5E5;}
.mm_reverse .down:after {content:"";display:block;margin:auto;width:0;height:0;border-left:.25rem solid transparent;border-right:.25rem solid transparent;border-top:.5rem solid #E5E5E5;}
.mm_reverse .up.active:before {border-bottom-color:#38f;}
.mm_reverse .down.active:after {border-top-color:#38f;}
.reverse_arrow .up {float:left;height:1rem;position:relative;}
.reverse_arrow .up:after {background:#E5E5E5;height:.75rem;position:absolute;top:.25rem;right:0;content:"";display:block;width:2px;}
.reverse_arrow .up:before {border:.15rem solid;border-color:transparent #E5E5E5 #E5E5E5 transparent;}
.reverse_arrow .up.active:after {background:#38f;}
.reverse_arrow .up.active:before {border-color:transparent #38f #38f transparent;}
.reverse_arrow .down {height:1rem;position:relative;margin-left:.5rem;}
.reverse_arrow .down:before {background:#E5E5E5;height:.75rem;position:absolute;top:0;left:0;content:"";display:block;width:2px;}
.reverse_arrow .down:after {position:absolute;bottom:0;border:.15rem solid;border-color:#E5E5E5 transparent transparent #E5E5E5;}
.reverse_arrow .down.active:before {background:#38f;}
.reverse_arrow .down.active:after {border-color:#38f transparent transparent #38f;}
.reverse_arrow .active {display:block;}

/* 分页器 */
.mm_pager a,[class*=mm_pager_] a {padding:0 .5rem;position:relative;z-index:1;min-width:2.25rem;white-space:nowrap;display:inline-block;height:2rem;line-height:calc(2rem - 2px);color:#333;border:1px solid #dbdbdb;margin-right:-1px;text-align:center;}
.mm_pager.group> a,[class*=mm_pager_].group> a {margin-left:-1px;}
.mm_pager a:hover,.mm_pager a:active {z-index:2;}
.mm_pager_sm a {height:1.5rem;line-height:1.5rem;min-width:1.5rem;font-size:0.85rem;}
.mm_pager .active,[class*=mm_pager_] .active {background:#38f;color:#fff;}
.goto input {font-size:0.75rem;position:relative;top:-0.05rem;width:3rem;text-align:center;}
.goto {padding:0.25rem 0;}
.mm_pager-x {overflow:hidden;display:inline-block;}
.mm_pager-x a {display:block;float:left;margin-right:.25rem;color:#333;}
.mm_pager-x a:last-of-type {margin-right:0;}
.mm_pager-x .active {background:#38f;color:#fff;}

/* 导航 */
.mm_nav a {color: inherit;text-decoration:none;}

/* === 媒体 === */
/* 图片尺寸 */
.mm_icon { position:relative; display:block;text-align:center;}
.mm_icon img { display: inline-block; max-width: 100%; }
.img-5, .mini .mm_icon {width:1.25rem;height:1.25rem;}
.img-4, .small .mm_icon {width:1.5rem;height:1.5rem;}
.img-3, .big .mm_icon {width:2rem;height:2rem;}
.img-2, .larger .mm_icon {width:3rem;height:3rem;}
.img-1, .jumbo .mm_icon {width:4rem;height:4rem;}
.mm_icon i {text-align:center;}

.full .mm_icon {display:inline-block;width:1rem;height:1rem;}

/* 图标字体尺寸 */
.mini i {width:1.5rem;height:1.5rem;border-radius:.25rem;line-height:1.5rem;font-size:.75rem;}
.small i {width:2rem;height:2rem;line-height:2rem;font-size:0.875rem;}
.big i {width:3rem;height:3rem;line-height:3rem;font-size:1rem;}
.larger i {width:4rem;height:4rem;line-height:4rem;font-size:1.5rem;}
.jumbo i {width:8rem;height:8rem;line-height:8rem;font-size:3rem;}

/* === 元素 === */
/* 徽章 */
.mm_badge {display:inline-block;padding:.15em .4em;min-width:0.875rem;border-radius:1.125rem;background-color:#FA5151;color:#FFFFFF;line-height:1.2;text-align:center;font-size:0.625rem;vertical-align:middle;}
.desc .mm_badge {margin-left:.5rem;position:relative;top:-0.05rem;}
.arrow .mm_badge {margin-right:.5rem;}
/* 圆点提示 */
.dot {display:inline-block;height:.5rem;min-width:0.5rem;border-radius:50%;}
.dot>* {display:none !important;}
/* 字体样式 */
.unit {font-style:normal;font-size:85%;}
.en {font-family:arial}
.num {font-family:"Helvetica Neue",Helvetica}
.del {position:relative;}
.del * {color:#999 !important;}
.del:after {position:absolute;content:"";display:block;height:1px;width:100%;background:#999;top:50%;transform: rotate(0, -50%);}
.mm_main>.time {position:absolute;top:0.625rem;right:0.875rem;font-size:85%;color:#999;}
/* 二维码 */
.mm_qrcode {text-align:center;}
.mm_qrcode .mm_btn,.mm_qrcode [class*=mm_btn_] {font-size:0.75rem;}
/* 上传按钮 */
.mm_uploader {background-color:#EDEDED;position:relative;overflow:hidden;border-radius:0.35rem;}
.mm_uploader .mm_icon {width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;z-index:3}
/* ===  通用组件布局  === */

.navigator-hover>div {border-color:rgba(0,0,0,0);}

/* 选项卡 */
.mm_tab_head {
	overflow: hidden;
	display:-webkit-flex;display:flex;flex-flow:row wrap;align-items:flex-start;justify-content:flex-start;
}

.mm_tab_head>div {
	overflow: hidden;
	text-align: center;
	height: 2rem;
	line-height: calc(2rem - 2px);
	padding: 0 1rem;
	border-bottom: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
}

.mm_tab_head>div:last-child {
	flex: auto;
	border-bottom: 1px solid #DBDBDB;
	border-right: 0;
}

.mm_tab_head>.active {
	border-bottom: 1px solid #fff;
	color: #38f;
}
	
/* 标题 */
.ll .title {float:left;width:4.5rem;color:#888;}
.lr .title {float:left;}
.rl .title {float:left;margin-right:.5rem;}
.lr .small .title,.rl .small .title {padding:0.25rem 0;}
.ll .small {font-size:0.75rem;}
/* 左布局 */
.ll {padding:0.75rem 0;}
/* 摘要 */
.ll .desc {float:left;width:calc(100% - 5rem);color:#333;}
.lr .desc {float:right;}
.lr .small .desc {padding:.25rem 0;}
.big .desc {padding-top:0.2rem;font-size:85%;color:#999;float:none;clear:left;}
/* 加载 */
.mm_loading {text-align:center;max-width:8rem;}
.mm_loading .load {position:relative;margin:auto;}
.mm_loading img,.mm_loading i {display:inline-block;vertical-align:middle;animation:rotate 1s steps(12,end) infinite;-webkit-animation:rotate 1s steps(12,end) infinite;}
.mm_loading .progress {width:100%;background:#38f;border-radius:0.5rem;}
.mm_loading .progress:before {content:"";display:block;position:absolute;top:0;left:0;height:100%;width:1rem;animation:translate 1s infinite;-webkit-animation:translate 1s infinite;background:-webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,0.4),rgba(255,255,255,0.8),rgba(255,255,255,0.6));/* Safari 5.1 - 6 */background:-o-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,0.4),rgba(255,255,255,0.8),rgba(255,255,255,0.6));/* Opera 11.1 - 12*/background:-moz-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,0.4),rgba(255,255,255,0.8),rgba(255,255,255,0.6));/* Firefox 3.6 - 15*/background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0.4),rgba(255,255,255,0.8),rgba(255,255,255,0.6));/* 标准的语法 */border-radius:0 .5rem .5rem 0;}
@keyframes rotate {0% {transform:rotate3d(0,0,1,0deg);}
100% {transform:rotate3d(0,0,1,360deg);}
}
@-moz-keyframes rotate {0% {transform:rotate3d(0,0,1,0deg);}
100% {transform:rotate3d(0,0,1,360deg);}
}
@-webkit-keyframes rotate {0% {transform:rotate3d(0,0,1,0deg);}
100% {transform:rotate3d(0,0,1,360deg);}
}
@-ms-keyframes rotate {0% {transform:rotate3d(0,0,1,0deg);}
100% {transform:rotate3d(0,0,1,360deg);}
}
@-o-keyframes rotate {0% {transform:rotate3d(0,0,1,0deg);}
100% {transform:rotate3d(0,0,1,360deg);}
}
@keyframes translate {0% {left:0;}
100% {left:100%;}
}
@-moz-keyframes translate {0% {left:0;}
100% {left:100%;}
}
@-webkit-keyframes translate {0% {left:0;}
100% {left:100%;}
}
@-ms-keyframes translate {0% {left:0;}
100% {left:100%;}
}
@-o-keyframes translate {0% {left:0;}
100% {left:100%;}
}

/* 卡片 */
.mm_card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    /* border: 1px solid #dbdbdb; */
    border-radius: 0.25rem;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
}

/********** 动态API样式 ************/
.picker-modal header {min-height:initial;}
.picker-modal .bar {-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#FEFEFE;height:2.75rem;left:0;position:relative;right:0;top:0;z-index:10;}
.modal-overlay,.preloader-indicator-overlay {-webkit-transition-duration:.4s;background:rgba(0,0,0,.6);height:100%;left:0;opacity:0;position:fixed;top:0;transition-duration:.4s;visibility:hidden;width:100%;z-index:10600;}
.modal-overlay.modal-overlay-visible,.popup-overlay.modal-overlay-visible,.preloader-indicator-overlay.modal-overlay-visible {opacity:1;visibility:visible;}
.popup-overlay {z-index:9800;}
.modal {-webkit-transform:translate3d(0,0,0) scale(1.185);-webkit-transition-property:0;border-radius:.25rem;color:#333;display:none;left:50%;margin-top:0;opacity:0;position:fixed;text-align:center;top:50%;transform:translate3d(-50%,0,0) scale(1.185);transition-property:transform,opacity;z-index:11000;}
.modal .modal-in {-webkit-transform:translate3d(0,0,0) scale(1);opacity:1;transform:translate3d(0,0,0) scale(1);}
.modal .modal-out {-webkit-transform:translate3d(0,0,0) scale(.815);opacity:0;transform:translate3d(0,0,0) scale(.815);z-index:10999;}
.modal-inner {background:#fff;border-radius:.3rem .3rem 0 0;padding:.75rem;position:relative;}
.modal-title {font-size:1rem;font-weight:500;padding:.25rem;text-align:center;border-bottom:1px solid #DBDBDB;margin-bottom:0.5rem;}
.modal-buttons {-webkit-box-pack:center;display:flex;height:2.2rem;justify-content:center;overflow:hidden;}
.modal-buttons.modal-buttons-vertical {display:block;height:auto;}
.modal-button {-ms-flex:1;-webkit-box-flex:1;background:#fff;border-right:1px solid #e5e5e5;box-sizing:border-box;color:#353535;cursor:pointer;display:block;font-size:.85rem;height:2.2rem;line-height:2.2rem;overflow:hidden;padding:0 .25rem;position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.modal-button:after {-webkit-transform-origin:100% 50%;background-color:#fff;bottom:auto;content:'';display:block;height:100%;left:auto;position:absolute;right:0;top:0;transform-origin:100% 50%;z-index:15;}
.modal-button:first-child {border-radius:0 0 0 .3rem;}
.modal-button:last-child {border-radius:0 0 .3rem 0;}
.modal-button.active-state,html:not(.watch-active-state) .modal-button:active {background:#d4d4d4;}
.modal-buttons-vertical .modal-button {border-radius:0;}
.modal-no-buttons .modal-inner {border-radius:.3rem;}
.actions-modal {-webkit-transform:translate3d(0,100%,0);bottom:0;left:0;position:fixed;transform:translate3d(0,100%,0);width:100%;z-index:11000;}
.actions-modal.modal-in,.actions-modal.modal-out {-webkit-transition-duration:.3s;transition-duration:.3s;}
.actions-modal.modal-out {-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);z-index:10999;}
.actions-modal-group {margin:.4rem;}
.actions-modal-button,.actions-modal-label {background:#fff;box-sizing:border-box;display:block;font-weight:400;margin:0;position:relative;text-align:center;width:100%;}
.actions-modal-button:after,.actions-modal-label:after {-webkit-transform-origin:50% 100%;background-color:#d2d2d6;bottom:0;content:'';display:block;height:1px;left:0;position:absolute;right:auto;top:auto;transform-origin:50% 100%;width:100%;z-index:15;}
.actions-modal-button a,.actions-modal-label a {color:inherit;text-decoration:none;}
.actions-modal-button.actions-modal-button-danger,.actions-modal-button.color-danger,.actions-modal-label.actions-modal-button-danger,.actions-modal-label.color-danger {color:#f6383a;}
.actions-modal-button.bg-danger,.actions-modal-label.bg-danger {background:#f6383a;color:#fff;}
.actions-modal-button.bg-danger:active,.actions-modal-label.bg-danger:active {background:#f00b0d;}
.actions-modal-button:first-child,.actions-modal-label:first-child {border-radius:.2rem .2rem 0 0;}
.actions-modal-button:last-child,.actions-modal-label:last-child {border-radius:0 0 .2rem .2rem;}
.actions-modal-button:first-child:last-child,.actions-modal-label:first-child:last-child {border-radius:.2rem;}
.actions-modal-button.disabled,.actions-modal-label.disabled {color:#8e8e93;opacity:.95;}
.actions-modal-button {color:#333;cursor:pointer;font-size:1rem;line-height:2.15rem;}
.actions-modal-button.active-state,.actions-modal-button:active {background:#dcdcdc;}
.actions-modal-label {-webkit-box-align:center;-webkit-box-pack:center;align-items:center;color:#999;display:flex;font-size:1rem;justify-content:center;line-height:1.3;min-height:2.2rem;padding:.4rem .5rem;}
input.modal-text-input {-moz-appearance:none;-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #a0a0a0;border-radius:.25rem;box-shadow:0 0 0 transparent;box-sizing:border-box;display:block;font-family:inherit;font-size:.7rem;height:1.5rem;margin:.75rem 0 0;padding:0 .25rem;width:100%;}
input.modal-text-input.modal-text-input-double {border-radius:.25rem .25rem 0 0;}
input.modal-text-input.modal-text-input-double+input.modal-text-input {border-radius:0 0 .25rem .25rem;border-top:0;margin-top:0;}
.login-screen,.popup {-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(0,100%,0);-webkit-transition-property:0;background:#fff;box-sizing:border-box;display:none;height:100%;left:0;overflow:auto;position:absolute;top:0;transform:translate3d(0,100%,0);transition-property:transform;width:100%;z-index:10400;}
.login-screen.modal-in,.login-screen.modal-out {display:block;}
html.with-statusbar-overlay .popup-overlay {z-index:9800;}
.modal .preloader {height:1.7rem;width:1.7rem;margin:auto;}
.preloader-indicator-overlay {background:0 0;opacity:0;visibility:visible;}
.preloader-indicator-modal {background:rgba(17,17,17,0.7);border-radius:.25rem;color:#FFF;left:50%;margin-left:-1.25rem;margin-top:-1.25rem;padding:.4rem;position:absolute;top:50%;z-index:11000;}
.preloader-indicator-modal .preloader {display:block;height:1.7rem;width:1.7rem;}
.pull-right {float:right;}
.modal-inner:after,.modal-buttons-vertical .modal-button:after {-webkit-transform-origin:50% 100%;background-color:#fff;bottom:0;content:'';display:block;height:1px;left:0;position:absolute;right:auto;top:auto;transform-origin:50% 100%;width:100%;z-index:15;}
.login-screen.modal-out,.popup.modal-out,.picker-modal.modal-out {-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
html.with-statusbar-overlay .popup,html.with-statusbar-overlay .login-screen,html.with-statusbar-overlay .popup.tablet-fullscreen {height:calc(100% - 1rem);top:1rem;}
.modal.modal-in {width:calc(100% - 4rem);-webkit-transform:translate3d(-50%,-50%,0) scale(1);opacity:1;transform:translate3d(-50%,-50%,0) scale(1);}
.modal.modal-out {width:calc(100% - 4rem);-webkit-transform:translate3d(-50%,0,0) scale(.815);opacity:0;transform:translate3d(-50%,0,0) scale(.815);z-index:10999;}
.modal-inner:after {-webkit-transform-origin:50% 100%;background-color:#e5e5e5;bottom:0;content:'';display:block;height:1px;left:0;position:absolute;right:auto;top:auto;transform-origin:50% 100%;width:100%;z-index:15;}
.modal-button:first-child:last-child {border-radius:0 0 .3rem .3rem;}
.modal-button.modal-button-bold {color:#0BB20C;font-weight:500;}
.modal-buttons-vertical .modal-button:after {-webkit-transform-origin:50% 100%;background-color:#b5b5b5;bottom:0;content:'';display:block;height:1px;left:0;position:absolute;right:auto;top:auto;transform-origin:50% 100%;width:100%;z-index:15;}
.pull-left {float:left;}
.modal.modal-in,.modal.modal-out,.login-screen.modal-in,.login-screen.modal-out,.popup.modal-in,.popup.modal-out,.picker-modal.modal-in,.picker-modal.modal-out,.modal.modal-in,.modal.modal-out {-webkit-transition-duration:.4s;transition-duration:.4s;}
.modal-title+.modal-text,input.modal-text-input+input.modal-text-input,.modal-title+.modal-text,input.modal-text-input+input.modal-text-input {margin-top:.25rem;color:#666;}
.modal-button:last-child:after,.modal-buttons-vertical .modal-button:after,.modal-buttons-vertical .modal-button:before,.modal-buttons-vertical .modal-button:last-child:after,.modal-no-buttons .modal-buttons,.modal-no-buttons .modal-inner:after,.actions-modal-button:last-child:after,.actions-modal-label:last-child:after,.picker-modal.picker-modal-inline .toolbar:before,.picker-calendar-row:last-child:after,.modal-button:last-child:after,.modal-buttons-vertical .modal-button:after,.modal-buttons-vertical .modal-button:before,.modal-buttons-vertical .modal-button:last-child:after,.modal-no-buttons .modal-buttons,.modal-no-buttons .modal-inner:after,.actions-modal-button:last-child:after,.actions-modal-label:last-child:after {display:none;}
.modal-button:first-child:last-child,.modal-buttons-vertical .modal-button:last-child,.modal-buttons-vertical .modal-button:last-child {border-radius:0 0 .35rem .35rem;}
.modal-button.modal-button-bold,.actions-modal-button b,.actions-modal-button.actions-modal-button-bold,.actions-modal-label b,.actions-modal-label.actions-modal-button-bold,.actions-modal-button b,.actions-modal-button.actions-modal-button-bold,.actions-modal-label b,.actions-modal-label.actions-modal-button-bold {font-weight:500;}
.actions-modal.modal-in,.login-screen.modal-in,.popup.modal-in,.picker-modal.modal-in,.actions-modal.modal-in {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

@media screen and (-webkit-min-device-pixel-ratio2) {
	.modal-inner:after,.modal-button:after,.modal-buttons-vertical .modal-button:after,.actions-modal-button:after,.actions-modal-label:after,.picker-modal .toolbar:before,.picker-modal.picker-modal-inline .toolbar:after,.picker-calendar-week-days:after,.picker-calendar-row:after,.picker-center-highlight:before,.picker-center-highlight:after,.picker-modal .bar:before,.picker-modal .bar:after {-webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
}
@media screen and (-webkit-min-device-pixel-ratio3) {
	.modal-inner:after,.modal-button:after,.modal-buttons-vertical .modal-button:after,.actions-modal-button:after,.actions-modal-label:after,.picker-modal .toolbar:before,.picker-modal.picker-modal-inline .toolbar:after,.picker-calendar-week-days:after,.picker-calendar-row:after,.picker-center-highlight:before,.picker-center-highlight:after,.picker-modal .bar:before,.picker-modal .bar:after {-webkit-transform: scaleY(0.33); transform: scaleY(0.33);}
}
@media (max-height: 629px) and (max-width: 629px) {
	html.with-statusbar-overlay .popup {height:calc(100% - 1rem);top:1rem;}
	html.with-statusbar-overlay .popup-overlay {z-index:9800;}
}
@media (orientation: landscape) and (max-height: 415px) {
	.picker-calendar:not(.picker-modal-inline) {height:220px;}
	.picker-columns:not(.picker-modal-inline) {height:10rem;}
}
.toast {top:40%;padding:0.75rem 1.5rem;min-width:5rem;background:rgba(66,66,66,0.95);color:#fff;width:auto !important;}