.clearfix:before,.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

html {-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body,h1,h2,h3,h4,p,img,ul,li,dl,dt,dd,div,a,label{margin:0;padding:0;box-sizing: border-box}
body{background: #efefef;font:normal 1.4rem  "Arial","microsoft yahei";color: #515151;max-width:960px;margin:0 auto;-webkit-tap-highlight-color: rgba(0,0,0,0);}li{list-style: none;}
input, textarea, select,button {border: 0;font-family: inherit;box-sizing: border-box;font-size: inherit;font-weight: inherit;color:inherit;resize: none;outline: 0;box-shadow: none;-webkit-appearance: none;appearance: none;}
label>*{pointer-events: none;}
input[type="search"]::-webkit-search-cancel-button{display: none;}
a{color: #515151;text-decoration: none;}img{vertical-align:middle}
i,em{font-style: normal;}
/*通用头部*/
header{height: 4.5rem;background: #0d64bd;color: #fff;line-height: 4.5rem;text-align: center;font-size:1.8rem;position: fixed;top:0;left: 0;width: 100%;box-sizing:border-box;z-index: 99}
header a{color: #fff;-webkit-user-select:none;}
.backIco{position: absolute;left: 0px;top: 0px;width:4.5rem;height:4.5rem;display: block;}
.backIco:after{content:'';display: inline-block;width: 1.3rem;height:1.3rem;border-right:0.2rem solid #fff;border-bottom:0.2rem solid #fff;-webkit-transform:rotate(135deg);transform:rotate(135deg);margin-bottom:-0.1rem;margin-right:-0.2rem}
.container{border-top:4.5rem solid #2d3132;}
.footer{line-height: 30px;height:30px;text-align: center;color: #7d7d7d}

/*显示隐藏*/
.hide{display: none}
.show{display: block}
.overHide{overflow: hidden}
/*不换行*/
.nowrap{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*居中*/
.text_center{text-align:center}
.text_right{text-align:right}
.text_left{text-align:left}

/*浮动*/
.f_l{float:left}
.f_r{float: right}

/*字号*/
.font10{font-size:1.0rem}
.font11{font-size:1.1rem}
.font12{font-size:1.2rem}
.font14{font-size:1.4rem}
.font15{font-size:1.5rem}
.font16{font-size:1.6rem}
.font17{font-size:1.7rem}
.font18{font-size:1.8rem}
.font20{font-size:2.0rem}

/*字颜色和背景颜色*/
.c_fff{color:#fff}
.c_999{color:#999}
.c_888{color:#888}
.c_000{color:#000}
.c_f60{color: #f60}
.c_f11313{color: #f11313}
.c_ff4601{color: #ff4601}

.bg_fff{background:#fff}
.bg_e2e2e2{background:#e2e2e2}
.bg_ffd800{background: #ffd800}
.bg_ffb901{background: #ffb901}
.bg_ff7b1c{background: #ff7b1c}


/*间距值*/
.mt10{margin-top:1.0rem}
.mt20{margin-top:2.0rem}
.mb10{margin-bottom:1.0rem}
.mb20{margin-bottom:2.0rem}
.mb50{margin-bottom:5.0rem}
.mt5{margin-top:0.5rem}
.mt6{margin-top:0.6rem}
.m10{margin:1.0rem}
.m20{margin:2.0rem}
.pt5{padding-top:.5rem}
.pt10{padding-top:1.0rem}
.pt15{padding-top:1.5rem}
.pt20{padding-top:2.0rem}
.pb5{padding-bottom:.5rem}
.pb10{padding-bottom:1.0rem}
.pb20{padding-bottom:2.0rem}
.p5{padding:0.5rem}
.p10{padding:1.0rem}
.p015{padding:0 1.5rem}
.p15{padding:1.5rem}
.p20{padding:2.0rem}
.pTB10{padding-top:1.0rem;padding-bottom:1.0rem}
.pLR10{padding-left:1.0rem;padding-right:1.0rem}
.pTB20{padding-top:2.0rem;padding-bottom:2.0rem}
.pLR20{padding-left:2.0rem;padding-right:2.0rem}
.pb0{padding-bottom:0}

/*页面宽度*/
.col{float: left;width: 100%}
.col_50{width: 50%}
.col_25{width: 25%}
.col_75{width: 75%}
.col_33{width: 33.33333333%}
.col_20{width: 20%}
.col_80{width: 80%}
.col_10{width: 10%}
.col_90{width: 90%}
.col_100{width: 100%}

/*边框线*/
.border_t0{border-top:0 !important;}
.border_t{border-top:1px solid #e2e2e2}
.border_b{border-bottom:1px solid #e2e2e2}
.border_tb{border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2}

/*菜单均分*/
.tabMenu{display: -webkit-flex;display: flex;display: -webkit-box;height:4.2rem}
.tabMenu li{width: 0%;-webkit-box-flex:1;-webkit-flex:1;flex:1;height: 4.2rem;line-height: 4.2rem;text-align: center}
.tabMenu li.active{color: #00a5e0;border-bottom: 2px #00a5e0 solid;}
.tiled{display: -webkit-flex;display: flex;display: -webkit-box;}
.tiled li{width: 0%;-webkit-box-flex:1;-webkit-flex:1;flex:1;display: -webkit-box;-webkit-box-orient: vertical;-webkit-box-pack: center;-webkit-box-align: center;}

/*flex布局排列*/
.flex{display: -webkit-flex;display: flex;display: -webkit-box;}
.flex_pack_start{-webkit-box-pack: start;}/*水平对齐方式-默认左*/
.flex_pack_end{-webkit-box-pack: end;}/*水平对齐方式-右*/
.flex_pack_center{-webkit-box-pack: center;}/*水平对齐方式-中*/
.flex_pack_justify{-webkit-box-pack: justify;}/*水平对齐方式-两端对齐*/
.flex_align_center{-webkit-box-align: center;}/*垂直对齐方式-垂直居中*/
.flex_ver{-webkit-box-orient: vertical;}/*排列方式-垂直*/
/*flex网格排列*/
.flex .col{width: 0%;-webkit-box-flex:1;-webkit-flex:1;flex:1;float: none}
.flex .col_2{-webkit-box-flex:2;-webkit-flex:2;flex:2;}
.flex .col_3{-webkit-box-flex:3;-webkit-flex:3;flex:3;}
.flex .col_4{-webkit-box-flex:4;-webkit-flex:4;flex:4;}
.flex_ver .col{width: 100%;}
/*float网格排列*/
.row{overflow: hidden;position: relative}
.grids:after, .grids:before{content: " ";position: absolute;left: 0;top: 0;color: #d9d9d9;}
.grids:before{right: 0;height: 1px;border-top: 1px solid #d9d9d9;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(.5);transform: scaleY(.5);}
.grids:after{width: 1px;bottom: 0;border-left: 1px solid #d9d9d9;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleX(.5);transform: scaleX(.5);}
.grid{position: relative;padding: 2rem 1rem;}
.grid:after, .grid:before{content: " ";position: absolute;right: 0;bottom: 0;color: #d9d9d9;}
.grid:before{top: 0;width: 1px;border-right: 1px solid #d9d9d9;-webkit-transform-origin: 100% 0;transform-origin: 100% 0;-webkit-transform: scaleX(.5);transform: scaleX(.5);}
.grid:after{left: 0;height: 1px;border-bottom: 1px solid #d9d9d9;-webkit-transform-origin: 0 100%;transform-origin: 0 100%;-webkit-transform: scaleY(.5);transform: scaleY(.5);}
.grid_icon{width: 2.8rem;height: 2.8rem;margin: 0 auto;}
.grid_txt{display: block;color: #000;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;}
.grid_icon+.grid_txt {margin-top: 0.5rem;}

/*按钮*/
.btn-wrap{padding:2rem 1.5rem}
.btn+.btn{margin-top: 1rem}
.btn{width:100%;font-size: 1.5rem;text-align: center;text-decoration: none;color: #fff;line-height: 2.6;border-radius: 5px;overflow: hidden;border: 1px solid rgba(0,0,0,.05);}
.btn:disabled{color: #cbcbcb;background: #e9ebec;border: 1px solid rgba(0,0,0,.01);}
.btn_primary{background: #24ade5}
.btn_primary:disabled{background: #97cee2;color:hsla(0,0%,100%,.6)}
.btn_danger{background:#f75549}
.btn_danger:disabled{background: #ec8b89;color:hsla(0,0%,100%,.6)}
.btn_default,.btn_default2{color: #353535;background:none;border: 1px solid #999;}
.btn_default2{color: #1ca7da;border:1px solid #1ca7da}
.btn_mini{display: inline-block;width: auto;padding: 0 1.2rem;line-height: 2.3;font-size: 1.3rem;}

/*列表*/
.cells{margin-top:1rem;background-color: #fff;line-height: 2.4rem;overflow: hidden;position: relative;}
.cells:after, .cells:before{content: " ";position: absolute;left: 0;right: 0;height: 1px;color: #d9d9d9;}
.cells:before{top: 0;border-top: 1px solid #d9d9d9;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(.5);transform: scaleY(.5);}
.cells:after {bottom: 0;border-bottom: 1px solid #d9d9d9;-webkit-transform-origin: 0 100%;transform-origin: 0 100%;-webkit-transform: scaleY(.5);transform: scaleY(.5);}
.cells_title{margin-top: .77em;margin-bottom: .3em;padding-left: 1.5rem;padding-right: 1.5rem;color: #999;}
.cells_title+.cells{margin-top:0}
.cells_tips{margin-top: .3em;color: #999;padding-left: 1.5rem;padding-right: 1.5rem;}
.cell{padding: 1rem 1.5rem;position: relative;display: -webkit-flex;display: flex;display: -webkit-box;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.cell:before {content: " ";position: absolute;top: 0;right: 0;height: 1px;border-top: 1px solid #d9d9d9;color: #d9d9d9;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(.5);transform: scaleY(.5);left: 1.5rem;}
.cells .cell:first-child:before{display: none}
.cell_bd{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.cell_ft{color: #999;text-align: right}
.cell_link .cell_ft {padding-right:1.3rem;position: relative;}
.cell_link .cell_ft:after{content: " ";display: inline-block;height: 0.6rem;width: 0.6rem;border-width: 2px 2px 0 0;border-color: #c8c8cd;border-style: solid;-webkit-transform: matrix(.71,.71,-.71,.71,0,0);transform: matrix(.71,.71,-.71,.71,0,0);position: absolute;top: 50%;margin-top: -4px;right: 2px;}
/*大图列表*/
.panel_img{margin-right:1rem;width: 6rem;height: 6rem;line-height: 6rem;text-align: center;}
.panel_img img{width: 100%;max-height: 100%;vertical-align: top;}
.panel_title {font-weight: 400;font-size: 1.6rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.panel_desc {color: #999;font-size: 1.3rem;line-height:1.4;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}


/*表单label input textarea select样式*/
.label{display: block;width: 7.5rem;word-wrap: break-word;word-break: break-all;}
.input{width: 100%;border: 0;outline: 0;-webkit-appearance: none;background-color: transparent;height: 2.4rem;line-height: 2.4rem;}
.textarea{resize: none;width: 100%}
.textarea_counter {color: #b2b2b2;text-align: right;}
.select{-webkit-appearance: none;background-color: transparent;width: 100%;height: 2.4rem;line-height:2.4rem;position: relative;z-index: 1;}
.cell_select{position: relative}
.cell_select .select{padding-right:1rem}
.cell_select:after{content: "";position: absolute;top: 50%;right: 0;margin-top: -0.2rem;width: 0;height: 0;border-top: 0.6rem solid;border-right: 0.5rem solid transparent;border-left: 0.5rem solid transparent;color: #a6a6a6;pointer-events: none;}
.check{position: absolute;left: -9999rem}
.check_icon{position: relative;display: inline-block;width: 2.2rem;height: 2rem;margin-right:0.5rem;vertical-align: middle;}
.cells_checkbox .check+.check_icon{background: #fff;border-radius: 100%;border:0.1rem solid #ccc;width: 1.8rem;height:1.8rem;margin-right:0.7rem}
.cells_radio .check:checked+.check_icon{background: url(../images/commonIco.png) no-repeat 0 -2.2rem;background-size: 6rem;}
.cells_checkbox .check:checked+.check_icon{background: url(../images/commonIco.png) no-repeat -4rem -2rem;background-size: 6rem;width: 2.2rem;height: 2rem;background-color:transparent;border:none;margin-right:0.5rem}
/*同意协议条款*/
.agree{display: block;padding: .5rem 1.5rem;font-size: 1.2rem;}
.agree_text {color: #999;display: inline-block;vertical-align: middle;}
.agree a{color:#586c94}
.agree_checkbox {width: 1.5rem;height: 1.5rem;background: #fff;border: 1px solid rgba(0, 0, 0, 0.25);border-radius: 3px;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);-webkit-user-select: none;position: relative;vertical-align:middle;}
.agree_checkbox:checked:after{content: '';position: absolute;left: 0.2rem;top: 0.8rem;height: 0.2rem;width: 0.6rem;background:#04be02;-webkit-transform: rotate(-150deg);}
.agree_checkbox:checked:before{content: '';position: absolute;left: 0.4rem;top: 0.6rem;height: 0.2rem;width: 72%;background: #04be02;-webkit-transform: rotate(120deg);}
/*图片和数字验证码*/
.cell_vcode{padding-top: 0!important;padding-right: 0!important;padding-bottom: 0!important;}
.vcode_btn, .vcode_img{margin-left: 5px;height: 4.5rem;vertical-align: middle;}
.vcode_btn{display: inline-block;padding:0;border-left: 1px solid #e5e5e5;width:10rem;line-height: 4.5rem;color: #3cc51f;background: none;}
.vcode_btn:disabled{color: #999;background: #f2f2f2}
.login.dialog_bd{font-size:1.4rem}
.login.dialog_bd .cell{border: 1px solid #d9d9d9;margin-top:0.8rem;padding:0.8rem}
.login.dialog_bd .cell:before{display: none}
.login.dialog_bd .vcode_btn{padding:0 0.5rem;height: 4.2rem;line-height: 4.2rem}


/*开关*/
.cell_switch{padding-top:0.5rem;padding-bottom: 0.5rem}
.switch{position: relative;width: 52px;height: 32px;border: 1px solid #dfdfdf;border-radius: 16px;background-color: #dfdfdf; -webkit-transition: background-color .1s,border .1s;transition: background-color .1s,border .1s;vertical-align: top;}
.switch:before {content: " ";position: absolute;top: 0;left: 0;width: 50px;height: 30px;border-radius: 15px;background-color: #fdfdfd;-webkit-transition: -webkit-transform .35s cubic-bezier(.45,1,.4,1);transition: -webkit-transform .35s cubic-bezier(.45,1,.4,1);transition: transform .35s cubic-bezier(.45,1,.4,1);transition: transform .35s cubic-bezier(.45,1,.4,1),-webkit-transform .35s cubic-bezier(.45,1,.4,1);}
.switch:after {content: " ";position: absolute;top: 0;left: 0;width: 30px;height: 30px;border-radius: 15px;background-color: #fff;box-shadow: 0 1px 3px rgba(0,0,0,.4);-webkit-transition: -webkit-transform .35s cubic-bezier(.4,.4,.25,1.35);transition: -webkit-transform .35s cubic-bezier(.4,.4,.25,1.35);transition: transform .35s cubic-bezier(.4,.4,.25,1.35);transition: transform .35s cubic-bezier(.4,.4,.25,1.35),-webkit-transform .35s cubic-bezier(.4,.4,.25,1.35);}
.switch:checked {border-color: #04be02;background-color: #04be02;}
.switch:checked:before {-webkit-transform: scale(0);transform: scale(0);}
.switch:checked:after {-webkit-transform: translateX(20px);transform: translateX(20px);}
/*上传文件*/
.uploader_hd {display: -webkit-box;display: -webkit-flex;display: flex;padding-bottom: 1rem;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.uploader_title{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.uploader_info{color: #b2b2b2;}
.uploader_bd{margin-bottom: -0.4rem;margin-right: -0.9rem;overflow: hidden;}
.uploader_file{float: left;margin-right: 0.9rem;margin-bottom: 0.9rem;width: 7.9rem;height: 7.9rem;background: no-repeat 50%;background-size: cover;}
.uploader_input-box{float: left;position: relative;margin-right: 0.9rem;margin-bottom: 0.9rem;width: 7.7rem;height: 7.7rem;border: 1px solid #d9d9d9;}
.uploader_input-box:before {width: 0.2rem;height: 3.95rem;}
.uploader_input-box:after, .uploader_input-box:before{content: " ";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);background-color: #d9d9d9;}
.uploader_input-box:after{width: 3.95rem;height: 0.2rem;}
.uploader_input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}

/*搜索*/
.search-bar {position: relative;padding: 0.8rem 1rem;display: -webkit-flex;display: flex;display: -webkit-box;box-sizing: border-box;background-color: #efeff4;}
.search-bar:after, .search-bar:before {content: " ";position: absolute;left: 0;right: 0;height: 1px;color: #d7d6dc;}
.search-bar:before {top: 0;border-top: 1px solid #d7d6dc;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(.5);transform: scaleY(.5);}
.search-bar:after {bottom: 0;border-bottom: 1px solid #d7d6dc;-webkit-transform-origin: 0 100%;transform-origin: 0 100%;-webkit-transform: scaleY(.5);transform: scaleY(.5);}
.search-bar_cancelBtn {display: none;margin-left: 1rem;line-height: 2.8rem;color: #09bb07;white-space: nowrap;}
.search-bar.search-bar_focusing .search-bar_cancelBtn {display: block;}
.search-bar.search-bar_focusing .search-bar_label {display: none;}
.search-bar_box {position: relative;padding-left: 3rem;padding-right: 3rem;height: 100%;width: 100%;z-index: 1;}
.search-bar_box .icon_search {position: absolute;left: 10px;top: 0;}
.search-bar_box .search-bar_input {padding: 0.4rem 0;width: 100%;height: 1.42857143em;line-height: 1.42857143em;box-sizing: content-box;background: transparent;}
.search-bar_box .icon-clear {position: absolute;top: 0;right: 0;padding: 0 1rem;}
.search-bar_form {position: relative;-webkit-box-flex: 1;-webkit-flex: auto;flex: auto;background-color: #efeff4; }
.search-bar_form:after {content: "";position: absolute;left: 0;top: 0;width: 200%;height: 200%;-webkit-transform: scale(.5);transform: scale(.5);-webkit-transform-origin: 0 0;transform-origin: 0 0;border-radius: 10px;border: 1px solid #e6e6ea;box-sizing: border-box;background: #fff;}
.search-bar_box {position: relative;padding-left: 3rem;padding-right: 3rem;height:2.8rem;width: 100%;box-sizing: border-box;z-index: 1;}
.search-bar_label {position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;z-index: 2;border-radius: 3px;text-align: center;color: #9b9b9b;background: #fff;height:2.8rem;line-height:2.8rem;}
.search-bar_label .icon_search {margin-right: 0.5rem;}
.icon_search,.icon-clear{display:inline-block;vertical-align:top;margin-top:0.7rem;background: url(../images/commonIco.png) no-repeat;background-size: 15rem;width: 1.5rem;height: 1.5rem;}
.icon-clear{background-position: -2.5rem 0}
.search-bar_box .icon-search {position: absolute;left: 1rem;top: 0;line-height: 2.8rem;}

/*弹层*/
.mask.mask_visible{opacity: 1;visibility: visible;}
.mask, .mask_transparent{position: fixed;z-index: 1000;top: 0;right: 0;left: 0;bottom: 0;}
.mask {background: rgba(0,0,0,.6);opacity: 0;-webkit-transition-duration: .3s;transition-duration: .3s;visibility: hidden;z-index: 1000;}
.dialog.dialog_visible, .toast.dialog_visible, .dialog.toast_visible, .toast.toast_visible{opacity: 1;visibility: visible;-webkit-transform: scale(1) translate(-50%, -50%);transform: scale(1) translate(-50%, -50%);}
.toast{position: fixed;z-index: 5000;width: 7.6em;min-height: 7.6em;top: 180px;left: 50%;margin-left: -3.8em;background: hsla(0,0%,7%,.7);text-align: center;border-radius: 5px;color: #fff;}
.dialog, .toast{-webkit-transition-duration: .2s;transition-duration: .2s;opacity: 0;-webkit-transform: scale(0.9) translate(-50%, -50%);transform: scale(0.9) translate(-50%, -50%);-webkit-transform-origin: 0 0;transform-origin: 0 0;visibility: hidden;margin: 0;top: 45%;z-index: 2000;}
.toast_text{min-height: initial;font-size: 1.6rem;padding: 1rem 1.8rem;width:auto;top: 40%;}
.toast_text .icon_toast{display: none}
.dialog{position: fixed;z-index: 5000;width: 80%;max-width: 30rem;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);background-color: #fff;text-align: center;border-radius: 3px;overflow: hidden;}
.dialog_hd{padding: 2rem 2rem 1rem;font-weight: 400;font-size: 1.6rem;}
.dialog_bd {padding: 0 1.6em .8em;min-height: 4rem;font-size: 1.5rem;line-height: 1.3;word-wrap: break-word;word-break: break-all;color: #999;}
.dialog_ft {position: relative;line-height: 4.5rem;font-size: 1.6rem;display: -webkit-box;display: -webkit-flex;display: flex;}
.dialog_ft:after {content: " ";position: absolute;left: 0;top: 0;right: 0;height: 1px;border-top: 1px solid #d5d5d6;color: #d5d5d6;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(.5);transform: scaleY(.5);}
.dialog_btn{display: block;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;color: #3cc51f;text-decoration: none;-webkit-tap-highlight-color: rgba(0,0,0,0);position: relative;}
.dialog_btn:after {content: " ";position: absolute;left: 0;top: 0;width: 1px;bottom: 0;border-left: 1px solid #d5d5d6;color: #d5d5d6;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleX(.5);transform: scaleX(.5);}
.dialog_btn:first-child:after{display: none}
.dialog .dialog_btn.default, .toast .dialog_btn.default {color: #5f646e;}

.icon_toast{margin: 1.4rem auto 0.6rem;display: block;}
.toast_success .icon_toast{background: url(../images/commonIco.png) no-repeat 0 -10rem;background-size:15rem;width: 5rem;height: 5rem;}

.toast_loading .icon_toast {
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    -webkit-animation: weuiLoading 1s steps(12, end) infinite;
    animation: weuiLoading 1s steps(12, end) infinite;
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;
    background-size: 100%;
    margin-top:2.5rem
}
@-webkit-keyframes weuiLoading {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 360deg);
        transform: rotate3d(0, 0, 1, 360deg);
    }
}
@keyframes weuiLoading {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 360deg);
        transform: rotate3d(0, 0, 1, 360deg);
    }
}

.demo{border:1px solid #ccc;height: 100px;background: #fff}
.demo>div,.demo2>div{border:1px solid red;width: 100px;height:50px;background: #fff}
.demo3 li{border:1px solid #ccc;min-height: 50px;background: #fff}
.demo4>div{border:1px solid red;background: #fff}
/*
1、父元素必须要加display:box
2、box-orient 定义盒模型的布局方向   horizontal / vertical
3、box-direction 定义元素排列顺序   normal /reverse
4、box-ordinal-group 设置元素位置
5、box-flex 定义盒子的弹性空间
6、box-pack 盒子富裕空间管理，即水平对齐方式 start/end/center/justify
6、box-align 垂直方向的对齐方式 star/end/center
7、align-items 设置垂直方向上的对齐方式  stretch/initial/拉伸高度适应容器 center/flex-start(baseline)/flex-end 居中/顶对齐/底对齐
*/

@media only screen and (min-width: 641px){
    html {
        font-size: 70%!important;
    }
}