You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1926 lines
56 KiB
CSS

2 months ago
/*!
* WeUI v0.3.0 (https://github.com/weui/weui)
* Copyright 2016 Tencent, Inc.
* Licensed under the MIT license
*/
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
line-height: 1.6;
}
* {
margin: 0;
padding: 0
}
a img {
border: 0
}
a {
text-decoration: none
}
@font-face {
font-weight: 400;
font-style: normal;
font-family: weui;
src: url('data:application/octet-stream;base64,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') format('truetype'), url('data:application/octet-stream;base64,AAEAAAALAIAAAwAwR1NVQrD+s+0AAAE4AAAAQk9TLzJAKEx1AAABfAAAAFZjbWFw64JcfgAAAhQAAAI0Z2x5ZvCBJt8AAARsAAAHLGhlYWQIoMpYAAAA4AAAADZoaGVhCC0D+AAAALwAAAAkaG10eDqYAAAAAAHUAAAAQGxvY2EO3AzsAAAESAAAACJtYXhwAR4APgAAARgAAAAgbmFtZeNcHtgAAAuYAAAB5nBvc3RP98ExAAANgAAAANYAAQAAA+gAAABaA+gAAP//A+kAAQAAAAAAAAAAAAAAAAAAABAAAQAAAAEAAKaHoKlfDzz1AAsD6AAAAADSzMLFAAAAANLMwsUAAAAAA+kD6QAAAAgAAgAAAAAAAAABAAAAEAAyAAQAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKAB4ALAABREZMVAAIAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAAAAQOqAZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6gHqDwPoAAAAWgPpAAAAAAABAAAAAAAAAAAAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAAAAAUAAAADAAAALAAAAAQAAAFwAAEAAAAAAGoAAwABAAAALAADAAoAAAFwAAQAPgAAAAQABAABAADqD///AADqAf//AAAAAQAEAAAAAQACAAMABAAFAAYABwAIAAkACgALAAwADQAOAA8AAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
}
[class*=" weui_icon_"]:before,
[class^=weui_icon_]:before {
font-family: weui;
font-style: normal;
font-weight: 400;
speak: none;
display: inline-block;
vertical-align: middle;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em
}
.weui_icon_circle:before {
content: "\EA01"
}
.weui_icon_download:before {
content: "\EA02"
}
.weui_icon_info:before {
content: "\EA03"
}
.weui_icon_safe_success:before {
content: "\EA04"
}
.weui_icon_safe_warn:before {
content: "\EA05"
}
.weui_icon_success:before {
content: "\EA06"
}
.weui_icon_success_circle:before {
content: "\EA07"
}
.weui_icon_success_no_circle:before {
content: "\EA08"
}
.weui_icon_waiting:before {
content: "\EA09"
}
.weui_icon_waiting_circle:before {
content: "\EA0A"
}
.weui_icon_warn:before {
content: "\EA0B"
}
.weui_icon_info_circle:before {
content: "\EA0C"
}
.weui_icon_cancel:before {
content: "\EA0D"
}
.weui_icon_search:before {
content: "\EA0E"
}
.weui_icon_clear:before {
content: "\EA0F"
}
[class*=" weui_icon_"]:before,
[class^=weui_icon_]:before {
margin: 0
}
.weui_icon_success:before {
font-size: 23px;
color: #09bb07
}
.weui_icon_waiting:before {
font-size: 23px;
color: #10aeff
}
.weui_icon_warn:before {
font-size: 23px;
color: #f43530
}
.weui_icon_info:before {
font-size: 23px;
color: #10aeff
}
.weui_icon_success_circle:before,
.weui_icon_success_no_circle:before {
font-size: 23px;
color: #09bb07
}
.weui_icon_waiting_circle:before {
font-size: 23px;
color: #10aeff
}
.weui_icon_circle:before {
font-size: 23px;
color: #c9c9c9
}
.weui_icon_download:before,
.weui_icon_info_circle:before {
font-size: 23px;
color: #09bb07
}
.weui_icon_safe_success:before {
color: #09bb07
}
.weui_icon_safe_warn:before {
color: #ffbe00
}
.weui_icon_cancel:before {
color: #f43530;
font-size: 22px
}
.weui_icon_clear:before,
.weui_icon_search:before {
color: #b2b2b2;
font-size: 14px
}
.weui_icon_msg:before {
font-size: 80px
}
.weui_icon_warn.weui_icon_msg:before {
color: #f76260
}
.weui_icon_safe:before {
font-size: 104px
}
.weui_btn.weui_btn_mini {
line-height: 1.9;
font-size: 14px;
padding: 0 .75em;
display: inline-block
}
button.weui_btn,
input.weui_btn {
width: 100%;
border-width: 0;
outline: 0;
-webkit-appearance: none
}
button.weui_btn:focus,
input.weui_btn:focus {
outline: 0
}
button.weui_btn_inline,
button.weui_btn_mini,
input.weui_btn_inline,
input.weui_btn_mini {
width: auto
}
.weui_btn+.weui_btn {
margin-top: 15px
}
.weui_btn.weui_btn_inline+.weui_btn.weui_btn_inline {
margin-top: auto;
margin-left: 15px
}
.weui_btn_area {
padding: 1.17647059em 15px 1.3em;
}
.weui_btn_area.weui_btn_area_inline {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.weui_btn_area.weui_btn_area_inline .weui_btn {
margin-top: auto;
margin-right: 15px;
width: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.weui_btn_area.weui_btn_area_inline .weui_btn:last-child {
margin-right: 0
}
.weui_btn {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
padding-left: 14px;
padding-right: 14px;
box-sizing: border-box;
font-size: 18px;
text-align: center;
text-decoration: none;
color: #fff;
line-height: 2.33333333;
border-radius: 5px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
overflow: hidden
}
.weui_btn:after {
content: " ";
width: 200%;
height: 200%;
position: absolute;
top: 0;
left: 0;
border: 1px solid rgba(0, 0, 0, .2);
-webkit-transform: scale(.5);
transform: scale(.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
box-sizing: border-box;
border-radius: 10px
}
.weui_btn.weui_btn_inline {
display: inline-block
}
.weui_btn_default {
background-color: #f7f7f7;
color: #454545
}
.weui_btn_default:not(.weui_btn_disabled):visited {
color: #454545
}
.weui_btn_default:not(.weui_btn_disabled):active {
color: #a1a1a1;
background-color: #dedede
}
.weui_btn_primary {
background-color: #00aaee
}
.weui_btn_primary:not(.weui_btn_disabled):visited {
color: #fff
}
.weui_btn_primary:not(.weui_btn_disabled):active {
color: hsla(0, 0%, 100%, .4);
background-color: #069dd9
}
.weui_btn_warn {
background-color: #ef4f4f;
}
.weui_btn_warn:not(.weui_btn_disabled):visited {
color: #fff
}
.weui_btn_warn:not(.weui_btn_disabled):active {
color: hsla(0, 0%, 100%, .4);
background-color: #c13e3e
}
.weui_btn_disabled {
color: hsla(0, 0%, 100%, .6)
}
.weui_btn_disabled.weui_btn_default {
color: #c9c9c9
}
.weui_btn_plain_primary {
color: #04be02;
border: 1px solid #04be02
}
button.weui_btn_plain_primary,
input.weui_btn_plain_primary {
border-width: 1px;
background-color: transparent
}
.weui_btn_plain_primary:active {
border-color: #039702
}
.weui_btn_plain_primary:after {
border-width: 0
}
.weui_btn_plain_default {
color: #5a5a5a;
border: 1px solid #5a5a5a
}
button.weui_btn_plain_default,
input.weui_btn_plain_default {
border-width: 1px;
background-color: transparent
}
.weui_btn_plain_default:after {
border-width: 0
}
.weui_cell {
position: relative
}
.weui_cell:before {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 100%;
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: 15px
}
.weui_cell:first-child:before {
display: none
}
.weui_cells {/*
margin-top: 1.17647059em;*/
line-height: 1.41176471;
font-size: 17px;
overflow: hidden;
position: relative
}
.weui_cells:before {
top: 0;
border-top: 1px solid #d9d9d9;
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
.weui_cells:after,
.weui_cells:before {
content: " ";
position: absolute;
left: 0;
width: 100%;
height: 1px;
color: #d9d9d9;
-webkit-transform: scaleY(.5);
transform: scaleY(.5)
}
.weui_cells:after {
bottom: 0;
border-bottom: 1px solid #d9d9d9;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%
}
.weui_cells_title {
padding-top: .67em;
padding-bottom: .4em;
padding-left: 15px;
padding-right: 15px;
color: #888;
font-size:1rem;
background:#f8f8f8;
}
.weui_cells_title-1 {
padding-top: .67em;
padding-bottom: .4em;
padding-left: 15px;
padding-right: 15px;
color: #888;
font-size: 14px;
background:#ffffff;
}
.weui_cells_title+.weui_cells {
margin-top: 0
}
.weui_cells_tips {
margin-top: .3em;
color: #888;
padding-left: 15px;
padding-right: 15px;
font-size: 14px
}
.weui_cell {
padding: 0px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size:0.92rem; background:#ffffff; border:1px solid #dddddd;
}
.weui_cell_ft {
text-align: right;
color: #888
}
.weui_cell_primary {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size:0.92rem;
background:#ffffff; line-height:2rem;
}
.weui_cells_access .weui_cell:not(.no_access) {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.weui_cells_access .weui_cell:not(.no_access):active {
background-color: #ececec
}
.weui_cells_access a.weui_cell {
color: inherit
}
.weui_cells_access .weui_cell_ft:after {
content: " ";
display: inline-block;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
height: 6px;
width: 6px;
border-width: 2px 2px 0 0;
border-color: #c8c8cd;
border-style: solid;
position: relative;
top: -2px;
top: -1px;
margin-left: .3em
}
.weui_check_label {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.weui_check {
position: absolute;
left: -9999em
}
.weui_cells_radio .weui_cell_ft {
padding-left: .35em
}
.weui_cells_radio .weui_cell:active {
background-color: #ececec
}
.weui_cells_radio .weui_check:checked+.weui_icon_checked:before {
display: block;
content: '\EA08';
color: #09bb07;
font-size: 16px
}
.weui_cells_checkbox .weui_cell_hd {
padding-right: .35em
}
.weui_cells_checkbox .weui_cell:active {
background-color: #ececec
}
.weui_cells_checkbox .weui_icon_checked:before {
content: '\EA01';
color: #c9c9c9;
font-size: 23px;
display: block
}
.weui_cells_checkbox .weui_check:checked+.weui_icon_checked:before {
content: '\EA06';
color: #09bb07
}
.weui_cells_checkbox .weui_check:checked+.weui_icon_star:before {
content: '\EA16';
color: #09bb07
}
.weui_label {
display: block;
margin-right:1em;
}
.qjtk {
margin-left:4em;
margin-bottom:15px;
}
.weui_input-1 {
width:20%;
border: 0;
border-bottom:1px solid #666;
-webkit-appearance: none;
background-color: transparent;
font-size: 17px;
color: inherit;
height: 1.41176471em;
line-height: 1.41176471;
}
.weui_input-2 {
text-align:center;
width:100%;
border: 0;
border-bottom:1px solid #666;
-webkit-appearance: none;
background-color: transparent;
font-size: 17px;
color: inherit;
height: 1.41176471em;
line-height: 1.41176471;
}
.weui_input {
width: 100%;
border: 0;
outline: 0;
-webkit-appearance: none;
background-color: transparent;
font-size:1.0rem;
color: inherit;
height: 1.41176471em;
line-height: 1.41176471;
}
.weui_input_border {
width: 100%;
border: 1px solid #abadb3;
outline: 0;
-webkit-appearance: none;
background-color: transparent;
font-size:1.0rem;
color: inherit;
height: 1.41176471em;
line-height: 1.41176471;
}
.weui_input::-webkit-inner-spin-button,
.weui_input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.weui_textarea {
display: block;
border: 0;
resize: none;
width: 100%;
color: inherit;
line-height: inherit;
outline: 0
}
.weui_textarea_counter {
color: #b2b2b2;
text-align: right
}
.weui_cell_warn .weui_textarea_counter {
color: #e64340
}
.weui_toptips {
display: none;
position: fixed;
-webkit-transform: translateZ(0);
width: 100%;
top: 0;
line-height: 2.3;
font-size: 14px;
text-align: center;
color: #fff;
z-index: 2
}
.weui_toptips.weui_warn {
background-color: #e64340
}
.weui_cells_form .weui_cell_warn {
color: #e64340
}
.weui_cells_form .weui_cell_warn .weui_icon_warn {
display: inline-block
}
.weui_cells_form .weui_cell_hd {
padding-right: .3em
}
.weui_cells_form .weui_cell_ft {
font-size: 0
}
.weui_cells_form .weui_icon_warn {
display: none
}
.weui_cells_form input,
.weui_cells_form label[for],
.weui_cells_form textarea {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.weui_cell_select {
padding: 0
}
.weui_cell_select .weui_select {
padding-right: 30px
}
.weui_cell_select .weui_cell_bd:after {
content: " ";
display: inline-block;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
height: 6px;
width: 6px;
border-width: 2px 2px 0 0;
border-color: #c8c8cd;
border-style: solid;
position: relative;
top: -2px;
position: absolute;
top: 50%;
right: 15px;
margin-top: -3px;
}
.weui_select {
-webkit-appearance: none;
border: 0;
outline: 0;
background-color: transparent;
width: 100%;
font-size: inherit;
height: 44px;
position: relative;
z-index: 1;
padding-left: 15px
}
.weui_select_before {
padding-right: 15px
}
.weui_select_before .weui_select {
width: auto
}
.weui_select_before .weui_cell_hd {
position: relative
}
.weui_select_before .weui_cell_hd:after {
content: " ";
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
border-right: 1px solid #d9d9d9;
color: #d9d9d9;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: scaleX(.5);
transform: scaleX(.5)
}
.weui_select_before .weui_cell_hd:before {
content: " ";
display: inline-block;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
height: 6px;
width: 6px;
border-width: 2px 2px 0 0;
border-color: #c8c8cd;
border-style: solid;
position: relative;
top: -2px;
position: absolute;
top: 50%;
right: 15px;
margin-top: -3px
}
.weui_select_before .weui_cell_bd {
padding-left: 15px
}
.weui_select_before .weui_cell_bd:after {
display: none
}
.weui_select_after {
padding-left: 15px
}
.weui_vcode {
padding-top: 0;
padding-right: 0;
padding-bottom: 0
}
.weui_vcode .weui_cell_ft img {
margin-left: 5px;
height: 44px;
vertical-align: middle
}
.weui_cell_switch {
padding-top: 6px;
padding-bottom: 6px
}
.weui_switch {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
width: 52px;
height: 32px;
border: 1px solid #dfdfdf;
outline: 0;
border-radius: 16px;
box-sizing: border-box;
background: #dfdfdf
}
.weui_switch:before {
width: 50px;
background-color: #fdfdfd
}
.weui_switch:after,
.weui_switch:before {
content: " ";
position: absolute;
top: 0;
left: 0;
height: 30px;
border-radius: 15px;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
.weui_switch:after {
width: 30px;
background-color: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
}
.weui_switch:checked {
border-color: #04be02;
background-color: #04be02
}
.weui_switch:checked:before {
-webkit-transform: scale(0);
transform: scale(0)
}
.weui_switch:checked:after {
-webkit-transform: translateX(20px);
transform: translateX(20px)
}
.weui_uploader_hd {
padding-top: 0;
padding-right: 0;
padding-left: 0
}
.weui_uploader_hd .weui_cell_ft {
font-size: 1em
}
.weui_uploader_bd {
margin-bottom: -4px;
margin-right: -9px;
overflow: hidden
}
.weui_uploader_files {
list-style: none
}
.weui_uploader_file {
float: left;
margin-right: 9px;
margin-bottom: 9px;
width: 79px;
height: 79px;
background: no-repeat center center;
background-size: cover
}
.weui_uploader_status {
position: relative
}
.weui_uploader_status:before {
content: " ";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, .5)
}
.weui_uploader_status .weui_uploader_status_content {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff
}
.weui_uploader_status .weui_icon_warn {
display: block
}
.weui_uploader_input_wrp {
float: left;
position: relative;
margin-right: 9px;
margin-bottom: 9px;
width: 77px;
height: 77px;
border: 1px solid #d9d9d9
}
.weui_uploader_input_wrp:after,
.weui_uploader_input_wrp:before {
content: " ";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #d9d9d9
}
.weui_uploader_input_wrp:before {
width: 2px;
height: 39.5px
}
.weui_uploader_input_wrp:after {
width: 39.5px;
height: 2px
}
.weui_uploader_input_wrp:active {
border-color: #999
}
.weui_uploader_input_wrp:active:after,
.weui_uploader_input_wrp:active:before {
background-color: #999
}
.weui_uploader_input {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.weui_msg {
padding-top: 36px;
text-align: center
}
.weui_msg .weui_icon_area {
margin-bottom: 30px
}
.weui_msg .weui_text_area {
margin-bottom: 25px;
padding: 0 20px
}
.weui_msg .weui_msg_title {
margin-bottom: 5px;
font-weight: 400;
font-size: 20px
}
.weui_msg .weui_msg_desc {
font-size: 14px;
color: #888
}
.weui_msg .weui_opr_area {
margin-bottom: 25px
}
.weui_msg .weui_extra_area {
margin-bottom: 15px;
font-size: 14px;
color: #888
}
.weui_msg .weui_extra_area a {
color: #61749b
}
@media screen and (min-height:438px) {
.weui_extra_area {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
text-align: center
}
}
.weui_article {
padding: 20px 15px;
font-size: 15px
}
.weui_article section {
margin-bottom: 1.5em
}
.weui_article h1 {
font-size: 17px;
font-weight: 400;
margin-bottom: .75em
}
.weui_article h2 {
font-size: 16px;
font-weight: 400;
margin-bottom: .3em
}
.weui_article h3 {
font-weight: 400;
font-size: 15px
}
.weui_progress {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.weui_progress_bar {
background-color: #ebebeb;
height: 3px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.weui_progress_inner_bar {
width: 0;
height: 100%;
background-color: #09bb07
}
.weui_progress_opr {
display: block;
margin-left: 15px;
font-size: 0
}
.weui_grids {
position: relative;
overflow: hidden;
background:#FFFFFF;
}
.weui_grids:before {
width: 100%;
height: 1px;
border-top: 1px solid #d9d9d9;
transform-origin: 0 0;
-webkit-transform: scaleY(.5);
transform: scaleY(.5)
}
.weui_grids:after,
.weui_grids:before {
content: " ";
position: absolute;
left: 0;
top: 0;
color: #d9d9d9;
-webkit-transform-origin: 0 0
}
.weui_grids:after {
width: 1px;
height: 100%;
border-left: 1px solid #d9d9d9;
transform-origin: 0 0;
-webkit-transform: scaleX(.5);
transform: scaleX(.5)
}
.weui_grid {
position: relative;
float: left;
padding: 20px 10px;/*
width: 33.33333333%;*/
width: 25%;
box-sizing: border-box
}
.weui_grid:before {
right: 0;
top: 0;
width: 1px;
height: 100%;
border-right: 1px solid #d9d9d9;
transform-origin: 0 100%;
-webkit-transform: scaleX(.5);
transform: scaleX(.5);
right: -1px
}
.weui_grid:after,
.weui_grid:before {
content: " ";
position: absolute;
color: #d9d9d9;
-webkit-transform-origin: 0 100%
}
.weui_grid:after {
left: 0;
bottom: 0;
width: 100%;
height: 1px;
border-bottom: 1px solid #d9d9d9;
transform-origin: 0 100%;
-webkit-transform: scaleY(.5);
transform: scaleY(.5)
}
.weui_grid:active {
background-color: #e4e4e4
}
.weui_grid-1 {
position: relative;
float: left;
padding: 20px 10px;
width: 33.33333333%;
box-sizing: border-box
}
.weui_grid-1:before {
right: 0;
top: 0;
width: 1px;
height: 100%;
border-right: 1px solid #d9d9d9;
transform-origin: 0 100%;
-webkit-transform: scaleX(.5);
transform: scaleX(.5);
right: -1px
}
.weui_grid-1:after,
.weui_grid-1:before {
content: " ";
position: absolute;
color: #d9d9d9;
-webkit-transform-origin: 0 100%
}
.weui_grid-1:after {
left: 0;
bottom: 0;
width: 100%;
height: 1px;
border-bottom: 1px solid #d9d9d9;
transform-origin: 0 100%;
-webkit-transform: scaleY(.5);
transform: scaleY(.5)
}
.weui_grid-1:active {
background-color: #e4e4e4
}
.weui_grids-2 {
background:#FFFFFF;
position: relative;
overflow: hidden;
padding:10px 1%;
}
.weui_grid-2 {
position: relative;
float: left;
padding:10px;
width: 25%;
box-sizing: border-box
}
.weui_grid-2:before {
right: 0;
top: 0;
width: 1px;
height: 100%;
border-right: 0px solid #d9d9d9;
transform-origin: 0 100%;
-webkit-transform: scaleX(.5);
transform: scaleX(.5);
right: -1px
}
.weui_grid-2:after,
.weui_grid-2:before {
content: " ";
position: absolute;
color: #d9d9d9;
-webkit-transform-origin: 0 100%
}
.weui_grid-2:after {
left: 0;
bottom: 0;
width: 100%;
height: 1px;
border-bottom: 0px solid #d9d9d9;
transform-origin: 0 100%;
-webkit-transform: scaleY(.5);
transform: scaleY(.5)
}
.weui_grid-2:active {
}
.weui_grid_icon {
width: 28px;
height: 28px;
margin: 0 auto
}
.weui_grid_icon img {
display:block;
width: 100%;
height: 100%;
}
.weui_grid_icon-2 {
width: 36px;
height: 36px;
margin: 0 auto
}
.weui_grid_icon-2 i {
display:block;
width: 36px;
height: 36px;
background:#F66;
border-radius:50%;
}
.weui_grid_icon-2 i.grey {background:#CCC;}
.weui_grid_icon-2 i.choosecontacts {background:#50c7f1;}
.weui_grid_icon-2 i.schoolview {background:#009944;}
.weui_grid_icon-2 i.information {background:#ee6161;}
.weui_grid_icon-2 i.mentalmrithmetic {background:#5dd41c;}
.weui_grid_icon-2 i.vote {background:#57da67;}
.weui_grid_icon-2 i.enroll {background:#ff8400;}
.weui_grid_icon-2 i.childcareexperience {background:#304772;}
.weui_grid_icon-2 i.alumniregistration {background:#7ebea8;}
.weui_grid_icon-2 i.classnotice {background:#6eb3d3;}
.weui_grid_icon-2 i.classfunds {background:#e0bc64;}
.weui_grid_icon-2 i.contactslist {background:#e0bc64;}
.weui_grid_icon-2 i.conferenceroomreservation {background:#6ecfd3;}
.weui_grid_icon-2 i.conferenceattendance {background:#bd5858;}
.weui_grid_icon-2 i.cameraapplication{background:#5d93da;}
.weui_grid_icon-2 i.curriculum{background:#c982cc;}
.weui_grid_icon-2 i.equipmentrepair {background:#e0bc64;}
.weui_grid_icon-2 i.faq{background:#f6b45f;}
.weui_grid_icon-2 i.growthalbum {background:#51bea3;}
.weui_grid_icon-2 i.homework {background:#759a6f;}
.weui_grid_icon-2 i.hz-afterschool {background:#8dc7c6;}
.weui_grid_icon-2 i.hz-attence{background:#7996e9;}
.weui_grid_icon-2 i.hz-course {background:#6ed3a7;}
.weui_grid_icon-2 i.hz-sevencompetitions {background:#d3c46e;}
.weui_grid_icon-2 i.hz-visit {background:#c45d6c;}
.weui_grid_icon-2 i.myalbum {background:#6e92cc;}
.weui_grid_icon-2 i.mymessage {background:#78ac68;}
.weui_grid_icon-2 i.messageboard{background:#e0bc64;}
.weui_grid_icon-2 i.materialcollar{background:#88b5c0;}
.weui_grid_icon-2 i.newsinschool {background:#6eb3d3;}
.weui_grid_icon-2 i.pay {background:#e0bc64;}
.weui_grid_icon-2 i.questionbank {background:#88c092;}
.weui_grid_icon-2 i.questionnaire {background-color: #83d6b8;}
.weui_grid_icon-2 i.questionnaireinschool{background:#a6c088;}
.weui_grid_icon-2 i.registrationactivities{background:#eb7d8f;}
.weui_grid_icon-2 i.studentleaveapplication {background:#b9909f;}
.weui_grid_icon-2 i.schoolbehavior {background:#af86dd;}
.weui_grid_icon-2 i.schoolactivities{background:#6ed3a7;}
.weui_grid_icon-2 i.schoolbusshuttle{background:#f0ce48;}
.weui_grid_icon-2 i.schoolpicturenews{background:#5992cc;}
.weui_grid_icon-2 i.shuttleapply{background:#a3c78d;}
.weui_grid_icon-2 i.schoolnews {background:#5992cc;}
.weui_grid_icon-2 i.teacherLeaveapplication {background:#90b99e;}
.weui_grid_icon-2 i.task {background:#e0a164;}
.weui_grid_icon-2 i.teachercurriculum{background:#9e90b9;}
.weui_grid_icon-2 i.textnoticeinschool{background:#6eb3d3;}
.weui_grid_icon-2 i.welfarepayment{background:#c09188;}
.weui_grid_icon-2 i.point{background:#ab88c0;}
.weui_grid_icon-2 i.tie{background:#c09188;}
.weui_grid_icon-2 i.workarrange{background:#8875bd;}
.weui_grid_icon-2 i.newsinschool{background:#69F;}
.weui_grid_icon-2 i.more {background:#ef5350;}
.weui_grid_icon-2 img {
width: 60%;
height: 60%;
margin:20%;
}
.weui_grid_icon+.weui_grid_label {
margin-top: 5px
}
.weui_grid_label {
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
text-align: center;
color: #000;
font-size: 14px
}
.weui_dialog {
position: fixed;
z-index: 4;
width: 85%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #fafafc;
text-align: center;
border-radius: 3px
}
.weui_dialog_confirm .weui_dialog .weui_dialog_hd {
padding: 1.2em 20px .5em
}
.weui_dialog_confirm .weui_dialog .weui_dialog_bd {
text-align: left
}
.weui_dialog_hd {
padding: 1.2em 0 .5em
}
.weui_dialog_title {
font-weight: 400;
font-size: 17px
}
.weui_dialog_bd {
padding: 0 20px;
font-size: 15px;
color: #888
}
.weui_dialog_ft {
position: relative;
line-height: 42px;
margin-top: 20px;
font-size: 17px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.weui_dialog_ft a {
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
color: #3cc51f;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.weui_dialog_ft a:active {
background-color: #eee
}
.weui_dialog_ft:after {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 100%;
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)
}
.weui_dialog_confirm .weui_dialog_ft a {
position: relative
}
.weui_dialog_confirm .weui_dialog_ft a:after {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 100%;
border-left: 1px solid #d5d5d6;
color: #d5d5d6;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleX(.5);
transform: scaleX(.5)
}
.weui_dialog_confirm .weui_dialog_ft a:first-child:after {
display: none
}
.weui_btn_dialog.default {
color: #353535
}
.weui_btn_dialog.primary {
color: #0bb20c
}
@media screen and (min-width:1024px) {
.weui_dialog {
width: 35%
}
}
.weui_toast {
position: fixed;
z-index: 3;
width: 7.6em;
min-height: 7.6em;
top: 180px;
left: 50%;
margin-left: -3.8em;
background: rgba(40, 40, 40, .75);
text-align: center;
border-radius: 5px;
color: #fff
}
.weui_icon_toast {
margin: 22px 0 0;
display: block
}
.weui_icon_toast:before {
content: '\EA08';
color: #fff;
font-size: 55px
}
.weui_toast_content {
margin: 0 0 15px
}
.weui_loading_toast .weui_toast_content {
margin-top: 64%;
font-size: 14px
}
.weui_loading {
position: absolute;
width: 0;
z-index: 5;
left: 50%;
top: 38%
}
.weui_loading_leaf {
position: absolute;
top: -1px;
opacity: .25
}
.weui_loading_leaf:before {
content: " ";
position: absolute;
width: 8.14px;
height: 3.08px;
background: #d1d1d5;
box-shadow: rgba(0, 0, 0, .0980392) 0 0 1px;
border-radius: 1px;
-webkit-transform-origin: left 50% 0;
transform-origin: left 50% 0
}
.weui_loading_leaf_0 {
-webkit-animation: a 1.25s linear infinite;
animation: a 1.25s linear infinite
}
.weui_loading_leaf_0:before {
-webkit-transform: rotate(0deg) translate(7.92px);
transform: rotate(0deg) translate(7.92px)
}
.weui_loading_leaf_1 {
-webkit-animation: b 1.25s linear infinite;
animation: b 1.25s linear infinite
}
.weui_loading_leaf_1:before {
-webkit-transform: rotate(30deg) translate(7.92px);
transform: rotate(30deg) translate(7.92px)
}
.weui_loading_leaf_2 {
-webkit-animation: c 1.25s linear infinite;
animation: c 1.25s linear infinite
}
.weui_loading_leaf_2:before {
-webkit-transform: rotate(60deg) translate(7.92px);
transform: rotate(60deg) translate(7.92px)
}
.weui_loading_leaf_3 {
-webkit-animation: d 1.25s linear infinite;
animation: d 1.25s linear infinite
}
.weui_loading_leaf_3:before {
-webkit-transform: rotate(90deg) translate(7.92px);
transform: rotate(90deg) translate(7.92px)
}
.weui_loading_leaf_4 {
-webkit-animation: e 1.25s linear infinite;
animation: e 1.25s linear infinite
}
.weui_loading_leaf_4:before {
-webkit-transform: rotate(120deg) translate(7.92px);
transform: rotate(120deg) translate(7.92px)
}
.weui_loading_leaf_5 {
-webkit-animation: f 1.25s linear infinite;
animation: f 1.25s linear infinite
}
.weui_loading_leaf_5:before {
-webkit-transform: rotate(150deg) translate(7.92px);
transform: rotate(150deg) translate(7.92px)
}
.weui_loading_leaf_6 {
-webkit-animation: g 1.25s linear infinite;
animation: g 1.25s linear infinite
}
.weui_loading_leaf_6:before {
-webkit-transform: rotate(180deg) translate(7.92px);
transform: rotate(180deg) translate(7.92px)
}
.weui_loading_leaf_7 {
-webkit-animation: h 1.25s linear infinite;
animation: h 1.25s linear infinite
}
.weui_loading_leaf_7:before {
-webkit-transform: rotate(210deg) translate(7.92px);
transform: rotate(210deg) translate(7.92px)
}
.weui_loading_leaf_8 {
-webkit-animation: i 1.25s linear infinite;
animation: i 1.25s linear infinite
}
.weui_loading_leaf_8:before {
-webkit-transform: rotate(240deg) translate(7.92px);
transform: rotate(240deg) translate(7.92px)
}
.weui_loading_leaf_9 {
-webkit-animation: j 1.25s linear infinite;
animation: j 1.25s linear infinite
}
.weui_loading_leaf_9:before {
-webkit-transform: rotate(270deg) translate(7.92px);
transform: rotate(270deg) translate(7.92px)
}
.weui_loading_leaf_10 {
-webkit-animation: k 1.25s linear infinite;
animation: k 1.25s linear infinite
}
.weui_loading_leaf_10:before {
-webkit-transform: rotate(300deg) translate(7.92px);
transform: rotate(300deg) translate(7.92px)
}
.weui_loading_leaf_11 {
-webkit-animation: l 1.25s linear infinite;
animation: l 1.25s linear infinite
}
.weui_loading_leaf_11:before {
-webkit-transform: rotate(330deg) translate(7.92px);
transform: rotate(330deg) translate(7.92px)
}
@-webkit-keyframes a {
0%,
0.01% {
opacity: .25
}
0.02% {
opacity: 1
}
60.01%,
to {
opacity: .25
}
}
@-webkit-keyframes b {
0%,
8.34333% {
opacity: .25
}
8.35333% {
opacity: 1
}
68.3433%,
to {
opacity: .25
}
}
@-webkit-keyframes c {
0%,
16.6767% {
opacity: .25
}
16.6867% {
opacity: 1
}
76.6767%,
to {
opacity: .25
}
}
@-webkit-keyframes d {
0%,
25.01% {
opacity: .25
}
25.02% {
opacity: 1
}
85.01%,
to {
opacity: .25
}
}
@-webkit-keyframes e {
0%,
33.3433% {
opacity: .25
}
33.3533% {
opacity: 1
}
93.3433%,
to {
opacity: .25
}
}
@-webkit-keyframes f {
0% {
opacity: .270958333333333
}
41.6767% {
opacity: .25
}
41.6867% {
opacity: 1
}
1.67667% {
opacity: .25
}
to {
opacity: .270958333333333
}
}
@-webkit-keyframes g {
0% {
opacity: .375125
}
50.01% {
opacity: .25
}
50.02% {
opacity: 1
}
10.01% {
opacity: .25
}
to {
opacity: .375125
}
}
@-webkit-keyframes h {
0% {
opacity: .479291666666667
}
58.3433% {
opacity: .25
}
58.3533% {
opacity: 1
}
18.3433% {
opacity: .25
}
to {
opacity: .479291666666667
}
}
@-webkit-keyframes i {
0% {
opacity: .583458333333333
}
66.6767% {
opacity: .25
}
66.6867% {
opacity: 1
}
26.6767% {
opacity: .25
}
to {
opacity: .583458333333333
}
}
@-webkit-keyframes j {
0% {
opacity: .687625
}
75.01% {
opacity: .25
}
75.02% {
opacity: 1
}
35.01% {
opacity: .25
}
to {
opacity: .687625
}
}
@-webkit-keyframes k {
0% {
opacity: .791791666666667
}
83.3433% {
opacity: .25
}
83.3533% {
opacity: 1
}
43.3433% {
opacity: .25
}
to {
opacity: .791791666666667
}
}
@-webkit-keyframes l {
0% {
opacity: .895958333333333
}
91.6767% {
opacity: .25
}
91.6867% {
opacity: 1
}
51.6767% {
opacity: .25
}
to {
opacity: .895958333333333
}
}
.weui_mask {
background: rgba(0, 0, 0, .6)
}
.weui_mask,
.weui_mask_transition,
.weui_mask_transparent {
position: fixed;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.weui_mask_transition {
display: none;
background: transparent;
-webkit-transition: background .3s;
transition: background .3s
}
.weui_fade_toggle {
background: rgba(0, 0, 0, .6)
}
.weui_actionsheet {
position: fixed;
left: 0;
bottom: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 2;
width: 100%;
background-color: #efeff4;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
.weui_actionsheet_menu {
background-color: #fff
}
.weui_actionsheet_action {
margin-top: 6px;
background-color: #fff
}
.weui_actionsheet_cell {
position: relative;
padding: 10px 0;
text-align: center;
font-size: 18px
}
.weui_actionsheet_cell:before {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 100%;
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)
}
.weui_actionsheet_cell:active {
background-color: #ececec
}
.weui_actionsheet_cell:first-child:before {
display: none
}
.weui_actionsheet_toggle {
-webkit-transform: translate(0);
transform: translate(0)
}