|
@@ -1,4112 +0,0 @@
|
|
-@charset "UTF-8";
|
|
|
|
-@import "./icon.css";
|
|
|
|
-
|
|
|
|
-/* Simple Pro 简
|
|
|
|
- * Author 芥末
|
|
|
|
- * 2018-09-27
|
|
|
|
- */
|
|
|
|
-/* 全局变量 */
|
|
|
|
-.s-page-wrapper {
|
|
|
|
- max-width: 750 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/* 含有阴影 */
|
|
|
|
-.has-shadow {
|
|
|
|
- box-shadow: 3px 5px 7px 3px rgba(29, 29, 31, 0.09);
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/* 含有边框 */
|
|
|
|
-.has-border {
|
|
|
|
- border: 1px solid #dcdee2;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-radius {
|
|
|
|
- border-radius: 4px;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-break {
|
|
|
|
- overflow: hidden;
|
|
|
|
- text-overflow: ellipsis;
|
|
|
|
- white-space: nowrap;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/* 混合颜色 */
|
|
|
|
-/* 网格 */
|
|
|
|
-.is-flex {
|
|
|
|
- display: flex;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-block {
|
|
|
|
- display: block;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-column {
|
|
|
|
- flex-direction: column;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-row {
|
|
|
|
- position: relative;
|
|
|
|
- margin-left: 0;
|
|
|
|
- margin-right: 0;
|
|
|
|
- height: auto;
|
|
|
|
- zoom: 1;
|
|
|
|
- display: block;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-row::after,
|
|
|
|
-.s-row::before {
|
|
|
|
- content: "";
|
|
|
|
- display: table;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-row::after {
|
|
|
|
- clear: both;
|
|
|
|
- visibility: hidden;
|
|
|
|
- font-size: 0;
|
|
|
|
- height: 0;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-row-flex {
|
|
|
|
- -webkit-box-orient: horizontal;
|
|
|
|
- -webkit-box-direction: normal;
|
|
|
|
- -ms-flex-direction: row;
|
|
|
|
- flex-direction: row;
|
|
|
|
- -ms-flex-wrap: wrap;
|
|
|
|
- flex-wrap: wrap;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-row-flex,
|
|
|
|
-.s-row-flex::after,
|
|
|
|
-.s-row-flex::before {
|
|
|
|
- display: -webkit-box;
|
|
|
|
- display: -ms-flexbox;
|
|
|
|
- display: flex;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-col {
|
|
|
|
- flex-direction: column;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-justify-end {
|
|
|
|
- justify-content: flex-end;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-justify-center {
|
|
|
|
- justify-content: center;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-justify-start {
|
|
|
|
- justify-content: flex-start;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-justify-between {
|
|
|
|
- justify-content: space-between;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-justify-around {
|
|
|
|
- justify-content: space-around;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-align-start {
|
|
|
|
- align-items: flex-start;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-align-center {
|
|
|
|
- align-items: center;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-align-end {
|
|
|
|
- align-items: flex-end;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-align-stretch {
|
|
|
|
- align-items: stretch;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-col {
|
|
|
|
- position: relative;
|
|
|
|
- display: block;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-1,
|
|
|
|
-.is-col-2,
|
|
|
|
-.is-col-3,
|
|
|
|
-.is-col-4,
|
|
|
|
-.is-col-5,
|
|
|
|
-.is-col-6,
|
|
|
|
-.is-col-7,
|
|
|
|
-.is-col-8,
|
|
|
|
-.is-col-9,
|
|
|
|
-.is-col-10,
|
|
|
|
-.is-col-11,
|
|
|
|
-.is-col-12,
|
|
|
|
-.is-col-13,
|
|
|
|
-.is-col-14,
|
|
|
|
-.is-col-15,
|
|
|
|
-.is-col-16,
|
|
|
|
-.is-col-17,
|
|
|
|
-.is-col-18,
|
|
|
|
-.is-col-19,
|
|
|
|
-.is-col-20,
|
|
|
|
-.is-col-21,
|
|
|
|
-.is-col-22,
|
|
|
|
-.is-col-23,
|
|
|
|
-.is-col-24,
|
|
|
|
-.is-col-1-5,
|
|
|
|
-.is-col-1-8 {
|
|
|
|
- float: left;
|
|
|
|
- -webkit-box-flex: 0;
|
|
|
|
- -ms-flex: 0 0 auto;
|
|
|
|
- flex: 0 0 auto;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-1-5 {
|
|
|
|
- display: block;
|
|
|
|
- width: 20%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-1-5 {
|
|
|
|
- left: 20%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-1-5 {
|
|
|
|
- right: 20%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-1-5 {
|
|
|
|
- margin-left: 20%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-1-8 {
|
|
|
|
- display: block;
|
|
|
|
- width: 12.5%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-1-8 {
|
|
|
|
- left: 12.5%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-1-8 {
|
|
|
|
- right: 12.5%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-1-8 {
|
|
|
|
- margin-left: 12.5%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-24 {
|
|
|
|
- display: block;
|
|
|
|
- width: 100%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-24 {
|
|
|
|
- left: 100%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-24 {
|
|
|
|
- right: 100%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-24 {
|
|
|
|
- margin-left: 100%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-order-24 {
|
|
|
|
- -webkit-box-ordinal-group: 25;
|
|
|
|
- -ms-flex-order: 24;
|
|
|
|
- order: 24;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-23 {
|
|
|
|
- display: block;
|
|
|
|
- width: 95.83333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-23 {
|
|
|
|
- left: 95.83333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-23 {
|
|
|
|
- right: 95.83333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-23 {
|
|
|
|
- margin-left: 95.83333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-order-23 {
|
|
|
|
- -webkit-box-ordinal-group: 24;
|
|
|
|
- -ms-flex-order: 23;
|
|
|
|
- order: 23;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-22 {
|
|
|
|
- display: block;
|
|
|
|
- width: 91.66666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-22 {
|
|
|
|
- left: 91.66666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-22 {
|
|
|
|
- right: 91.66666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-22 {
|
|
|
|
- margin-left: 91.66666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-order-22 {
|
|
|
|
- -webkit-box-ordinal-group: 23;
|
|
|
|
- -ms-flex-order: 22;
|
|
|
|
- order: 22;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-21 {
|
|
|
|
- display: block;
|
|
|
|
- width: 87.5%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-21 {
|
|
|
|
- left: 87.5%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-21 {
|
|
|
|
- right: 87.5%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-21 {
|
|
|
|
- margin-left: 87.5%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-order-21 {
|
|
|
|
- -webkit-box-ordinal-group: 22;
|
|
|
|
- -ms-flex-order: 21;
|
|
|
|
- order: 21;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-20 {
|
|
|
|
- display: block;
|
|
|
|
- width: 83.33333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-20 {
|
|
|
|
- left: 83.33333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-20 {
|
|
|
|
- right: 83.33333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-20 {
|
|
|
|
- margin-left: 83.33333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-order-20 {
|
|
|
|
- -webkit-box-ordinal-group: 21;
|
|
|
|
- -ms-flex-order: 20;
|
|
|
|
- order: 20;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-19 {
|
|
|
|
- display: block;
|
|
|
|
- width: 79.16666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-19 {
|
|
|
|
- left: 79.16666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-19 {
|
|
|
|
- right: 79.16666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-19 {
|
|
|
|
- margin-left: 79.16666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-order-19 {
|
|
|
|
- -webkit-box-ordinal-group: 20;
|
|
|
|
- -ms-flex-order: 19;
|
|
|
|
- order: 19;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-18 {
|
|
|
|
- display: block;
|
|
|
|
- width: 75%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-18 {
|
|
|
|
- left: 75%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-18 {
|
|
|
|
- right: 75%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-18 {
|
|
|
|
- margin-left: 75%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-order-18 {
|
|
|
|
- -webkit-box-ordinal-group: 19;
|
|
|
|
- -ms-flex-order: 18;
|
|
|
|
- order: 18;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-17 {
|
|
|
|
- display: block;
|
|
|
|
- width: 70.83333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-17 {
|
|
|
|
- left: 70.83333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-17 {
|
|
|
|
- right: 70.83333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-17 {
|
|
|
|
- margin-left: 70.83333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-order-17 {
|
|
|
|
- -webkit-box-ordinal-group: 18;
|
|
|
|
- -ms-flex-order: 17;
|
|
|
|
- order: 17;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-16 {
|
|
|
|
- display: block;
|
|
|
|
- width: 66.66666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-16 {
|
|
|
|
- left: 66.66666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-16 {
|
|
|
|
- right: 66.66666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-16 {
|
|
|
|
- margin-left: 66.66666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-order-16 {
|
|
|
|
- -webkit-box-ordinal-group: 17;
|
|
|
|
- -ms-flex-order: 16;
|
|
|
|
- order: 16;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-15 {
|
|
|
|
- display: block;
|
|
|
|
- width: 62.5%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-15 {
|
|
|
|
- left: 62.5%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-15 {
|
|
|
|
- right: 62.5%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-15 {
|
|
|
|
- margin-left: 62.5%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-order-15 {
|
|
|
|
- -webkit-box-ordinal-group: 16;
|
|
|
|
- -ms-flex-order: 15;
|
|
|
|
- order: 15;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-14 {
|
|
|
|
- display: block;
|
|
|
|
- width: 58.33333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-14 {
|
|
|
|
- left: 58.33333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-14 {
|
|
|
|
- right: 58.33333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-14 {
|
|
|
|
- margin-left: 58.33333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-order-14 {
|
|
|
|
- -webkit-box-ordinal-group: 15;
|
|
|
|
- -ms-flex-order: 14;
|
|
|
|
- order: 14;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-13 {
|
|
|
|
- display: block;
|
|
|
|
- width: 54.16666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-13 {
|
|
|
|
- left: 54.16666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-13 {
|
|
|
|
- right: 54.16666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-13 {
|
|
|
|
- margin-left: 54.16666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-order-13 {
|
|
|
|
- -webkit-box-ordinal-group: 14;
|
|
|
|
- -ms-flex-order: 13;
|
|
|
|
- order: 13;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-12 {
|
|
|
|
- display: block;
|
|
|
|
- width: 50%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-12 {
|
|
|
|
- left: 50%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-12 {
|
|
|
|
- right: 50%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-12 {
|
|
|
|
- margin-left: 50%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-order-12 {
|
|
|
|
- -webkit-box-ordinal-group: 13;
|
|
|
|
- -ms-flex-order: 12;
|
|
|
|
- order: 12;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-11 {
|
|
|
|
- display: block;
|
|
|
|
- width: 45.83333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-11 {
|
|
|
|
- left: 45.83333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-11 {
|
|
|
|
- right: 45.83333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-11 {
|
|
|
|
- margin-left: 45.83333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-order-11 {
|
|
|
|
- -webkit-box-ordinal-group: 12;
|
|
|
|
- -ms-flex-order: 11;
|
|
|
|
- order: 11;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-10 {
|
|
|
|
- display: block;
|
|
|
|
- width: 41.66666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-10 {
|
|
|
|
- left: 41.66666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-10 {
|
|
|
|
- right: 41.66666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-10 {
|
|
|
|
- margin-left: 41.66666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-order-10 {
|
|
|
|
- -webkit-box-ordinal-group: 11;
|
|
|
|
- -ms-flex-order: 10;
|
|
|
|
- order: 10;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-9 {
|
|
|
|
- display: block;
|
|
|
|
- width: 37.5%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-9 {
|
|
|
|
- left: 37.5%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-9 {
|
|
|
|
- right: 37.5%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-9 {
|
|
|
|
- margin-left: 37.5%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-order-9 {
|
|
|
|
- -webkit-box-ordinal-group: 10;
|
|
|
|
- -ms-flex-order: 9;
|
|
|
|
- order: 9;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-8 {
|
|
|
|
- display: block;
|
|
|
|
- width: 33.33333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-8 {
|
|
|
|
- left: 33.33333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-8 {
|
|
|
|
- right: 33.33333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-8 {
|
|
|
|
- margin-left: 33.33333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-order-8 {
|
|
|
|
- -webkit-box-ordinal-group: 9;
|
|
|
|
- -ms-flex-order: 8;
|
|
|
|
- order: 8;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-7 {
|
|
|
|
- display: block;
|
|
|
|
- width: 29.16666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-7 {
|
|
|
|
- left: 29.16666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-7 {
|
|
|
|
- right: 29.16666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-7 {
|
|
|
|
- margin-left: 29.16666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-order-7 {
|
|
|
|
- -webkit-box-ordinal-group: 8;
|
|
|
|
- -ms-flex-order: 7;
|
|
|
|
- order: 7;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-6 {
|
|
|
|
- display: block;
|
|
|
|
- width: 25%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-6 {
|
|
|
|
- left: 25%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-6 {
|
|
|
|
- right: 25%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-6 {
|
|
|
|
- margin-left: 25%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-order-6 {
|
|
|
|
- -webkit-box-ordinal-group: 7;
|
|
|
|
- -ms-flex-order: 6;
|
|
|
|
- order: 6;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-5 {
|
|
|
|
- display: block;
|
|
|
|
- width: 20.83333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-5 {
|
|
|
|
- left: 20.83333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-5 {
|
|
|
|
- right: 20.83333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-5 {
|
|
|
|
- margin-left: 20.83333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-order-5 {
|
|
|
|
- -webkit-box-ordinal-group: 6;
|
|
|
|
- -ms-flex-order: 5;
|
|
|
|
- order: 5;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-4 {
|
|
|
|
- display: block;
|
|
|
|
- width: 16.66666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-4 {
|
|
|
|
- left: 16.66666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-4 {
|
|
|
|
- right: 16.66666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-4 {
|
|
|
|
- margin-left: 16.66666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-order-4 {
|
|
|
|
- -webkit-box-ordinal-group: 5;
|
|
|
|
- -ms-flex-order: 4;
|
|
|
|
- order: 4;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-3 {
|
|
|
|
- display: block;
|
|
|
|
- width: 12.5%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-3 {
|
|
|
|
- left: 12.5%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-3 {
|
|
|
|
- right: 12.5%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-3 {
|
|
|
|
- margin-left: 12.5%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-order-3 {
|
|
|
|
- -webkit-box-ordinal-group: 4;
|
|
|
|
- -ms-flex-order: 3;
|
|
|
|
- order: 3;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-2 {
|
|
|
|
- display: block;
|
|
|
|
- width: 8.33333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-2 {
|
|
|
|
- left: 8.33333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-2 {
|
|
|
|
- right: 8.33333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-2 {
|
|
|
|
- margin-left: 8.33333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-order-2 {
|
|
|
|
- -webkit-box-ordinal-group: 3;
|
|
|
|
- -ms-flex-order: 2;
|
|
|
|
- order: 2;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-1 {
|
|
|
|
- display: block;
|
|
|
|
- width: 4.16666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-1 {
|
|
|
|
- left: 4.16666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-1 {
|
|
|
|
- right: 4.16666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-offset-1 {
|
|
|
|
- margin-left: 4.16666667%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-order-1 {
|
|
|
|
- -webkit-box-ordinal-group: 2;
|
|
|
|
- -ms-flex-order: 1;
|
|
|
|
- order: 1;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-col-0 {
|
|
|
|
- display: none;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-push-0 {
|
|
|
|
- left: auto;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-pull-0 {
|
|
|
|
- right: auto;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/* 间隙 */
|
|
|
|
-/* 间隙 */
|
|
|
|
-.has-space-mg-1 {
|
|
|
|
- margin-left: -2 rpx !important;
|
|
|
|
- margin-right: -2 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-pd-1 {
|
|
|
|
- padding-left: 2 rpx !important;
|
|
|
|
- padding-right: 2 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-mg-2 {
|
|
|
|
- margin-left: -4 rpx !important;
|
|
|
|
- margin-right: -4 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-pd-2 {
|
|
|
|
- padding-left: 4 rpx !important;
|
|
|
|
- padding-right: 4 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-mg-3 {
|
|
|
|
- margin-left: -6 rpx !important;
|
|
|
|
- margin-right: -6 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-pd-3 {
|
|
|
|
- padding-left: 6 rpx !important;
|
|
|
|
- padding-right: 6 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-mg-5 {
|
|
|
|
- margin-left: -10 rpx !important;
|
|
|
|
- margin-right: -10 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-pd-5 {
|
|
|
|
- padding-left: 10 rpx !important;
|
|
|
|
- padding-right: 10 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-mg-7 {
|
|
|
|
- margin-left: -14 rpx !important;
|
|
|
|
- margin-right: -14 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-pd-7 {
|
|
|
|
- padding-left: 14 rpx !important;
|
|
|
|
- padding-right: 14 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-mg-8 {
|
|
|
|
- margin-left: -16 rpx !important;
|
|
|
|
- margin-right: -16 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-pd-8 {
|
|
|
|
- padding-left: 16 rpx !important;
|
|
|
|
- padding-right: 16 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-mg-10 {
|
|
|
|
- margin-left: -20 rpx !important;
|
|
|
|
- margin-right: -20 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-pd-10 {
|
|
|
|
- padding-left: 20 rpx !important;
|
|
|
|
- padding-right: 20 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-mg-15 {
|
|
|
|
- margin-left: -30 rpx !important;
|
|
|
|
- margin-right: -30 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-pd-15 {
|
|
|
|
- padding-left: 30 rpx !important;
|
|
|
|
- padding-right: 30 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-mg-20 {
|
|
|
|
- margin-left: -40 rpx !important;
|
|
|
|
- margin-right: -40 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-pd-20 {
|
|
|
|
- padding-left: 40 rpx !important;
|
|
|
|
- padding-right: 40 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-mg-25 {
|
|
|
|
- margin-left: -50 rpx !important;
|
|
|
|
- margin-right: -50 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-pd-25 {
|
|
|
|
- padding-left: 50 rpx !important;
|
|
|
|
- padding-right: 50 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-mg-30 {
|
|
|
|
- margin-left: -60 rpx !important;
|
|
|
|
- margin-right: -60 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-pd-30 {
|
|
|
|
- padding-left: 60 rpx !important;
|
|
|
|
- padding-right: 60 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-mg-35 {
|
|
|
|
- margin-left: -70 rpx !important;
|
|
|
|
- margin-right: -70 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-pd-35 {
|
|
|
|
- padding-left: 70 rpx !important;
|
|
|
|
- padding-right: 70 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-mg-40 {
|
|
|
|
- margin-left: -80 rpx !important;
|
|
|
|
- margin-right: -80 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-pd-40 {
|
|
|
|
- padding-left: 80 rpx !important;
|
|
|
|
- padding-right: 80 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-mg-45 {
|
|
|
|
- margin-left: -90 rpx !important;
|
|
|
|
- margin-right: -90 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-pd-45 {
|
|
|
|
- padding-left: 90 rpx !important;
|
|
|
|
- padding-right: 90 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-mg-50 {
|
|
|
|
- margin-left: -100 rpx !important;
|
|
|
|
- margin-right: -100 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-pd-50 {
|
|
|
|
- padding-left: 100 rpx !important;
|
|
|
|
- padding-right: 100 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-mg-55 {
|
|
|
|
- margin-left: -110 rpx !important;
|
|
|
|
- margin-right: -110 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-pd-55 {
|
|
|
|
- padding-left: 110 rpx !important;
|
|
|
|
- padding-right: 110 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-mg-60 {
|
|
|
|
- margin-left: -120 rpx !important;
|
|
|
|
- margin-right: -120 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-space-pd-60 {
|
|
|
|
- padding-left: 120 rpx !important;
|
|
|
|
- padding-right: 120 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/* 宫格 */
|
|
|
|
-.s-grids {
|
|
|
|
- position: relative;
|
|
|
|
- overflow: hidden;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-grid:before {
|
|
|
|
- top: 0;
|
|
|
|
- width: 1px;
|
|
|
|
- border-right: 1px solid #dcdee2;
|
|
|
|
- -webkit-transform-origin: 100% 0;
|
|
|
|
- transform-origin: 100% 0;
|
|
|
|
- -webkit-transform: scaleX(0.5);
|
|
|
|
- transform: scaleX(0.5);
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-grid::after,
|
|
|
|
-.is-grid::before {
|
|
|
|
- content: " ";
|
|
|
|
- position: absolute;
|
|
|
|
- right: 0;
|
|
|
|
- bottom: 0;
|
|
|
|
- color: #dcdee2;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-grid::after {
|
|
|
|
- left: 0;
|
|
|
|
- height: 1px;
|
|
|
|
- border-bottom: 1px solid #dcdee2;
|
|
|
|
- -webkit-transform-origin: 0 100%;
|
|
|
|
- transform-origin: 0 100%;
|
|
|
|
- -webkit-transform: scaleY(0.5);
|
|
|
|
- transform: scaleY(0.5);
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-grids-noborder {
|
|
|
|
- position: relative;
|
|
|
|
- overflow: hidden;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-grids::before {
|
|
|
|
- right: 0;
|
|
|
|
- height: 1px;
|
|
|
|
- -webkit-transform-origin: 0 0;
|
|
|
|
- transform-origin: 0 0;
|
|
|
|
- -webkit-transform: scaleY(0.5);
|
|
|
|
- transform: scaleY(0.5);
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-grids::after,
|
|
|
|
-.s-grids::before {
|
|
|
|
- content: " ";
|
|
|
|
- position: absolute;
|
|
|
|
- left: 0;
|
|
|
|
- top: 0;
|
|
|
|
- color: #dcdee2;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-grids::after {
|
|
|
|
- width: 1px;
|
|
|
|
- bottom: 0;
|
|
|
|
- /* border-left: 1px solid #dcdee2; */
|
|
|
|
- -webkit-transform-origin: 0 0;
|
|
|
|
- transform-origin: 0 0;
|
|
|
|
- -webkit-transform: scaleX(0.5);
|
|
|
|
- transform: scaleX(0.5);
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-grid {
|
|
|
|
- position: relative;
|
|
|
|
- float: left;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-grid-2 {
|
|
|
|
- width: 50%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-grid-3 {
|
|
|
|
- width: 33.33333333%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-grid-4 {
|
|
|
|
- width: 25%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-grid-5 {
|
|
|
|
- width: 20%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/* 模拟 a 的点击效果 */
|
|
|
|
-a {
|
|
|
|
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
|
|
- text-decoration: none;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-a {
|
|
|
|
- text-decoration: none;
|
|
|
|
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
|
|
- color: inherit;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-a:active {
|
|
|
|
- background-color: #ececec;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-underline {
|
|
|
|
- text-decoration: underline;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-red {
|
|
|
|
- color: #e64340 !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-bg-red {
|
|
|
|
- background-color: #e64340 !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-grey {
|
|
|
|
- color: #888888 !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-bg-grey {
|
|
|
|
- background-color: #888888 !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-green {
|
|
|
|
- color: #09bb07 !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-bg-green {
|
|
|
|
- background-color: #09bb07 !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-blue {
|
|
|
|
- color: #2A62FF !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-bg-blue {
|
|
|
|
- background-color: #2A62FF !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-black {
|
|
|
|
- color: black !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-bg-black {
|
|
|
|
- background-color: black !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-white {
|
|
|
|
- color: #fff !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-bg-white {
|
|
|
|
- background-color: #fff !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-title-color {
|
|
|
|
- color: black;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-content-color {
|
|
|
|
- color: #353535;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-desc-color {
|
|
|
|
- color: #888888;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-link-color {
|
|
|
|
- color: #576b95;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-normal {
|
|
|
|
- font-weight: normal;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-light {
|
|
|
|
- font-weight: 300;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-bold {
|
|
|
|
- font-weight: 700 !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-italic {
|
|
|
|
- font-style: italic;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-left {
|
|
|
|
- text-align: left !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-oneline {
|
|
|
|
- max-width: 100%;
|
|
|
|
- overflow: hidden;
|
|
|
|
- white-space: nowrap;
|
|
|
|
- text-overflow: ellipsis;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-right {
|
|
|
|
- text-align: center !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/* 字体居中 */
|
|
|
|
-.is-center {
|
|
|
|
- text-align: center !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-p {
|
|
|
|
- font-size: 32 rpx;
|
|
|
|
- color: #353535;
|
|
|
|
- line-height: 2;
|
|
|
|
- margin-bottom: 30 rpx;
|
|
|
|
- text-align: justify;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-h1,
|
|
|
|
-.is-h2,
|
|
|
|
-.is-h3,
|
|
|
|
-.is-h4,
|
|
|
|
-.is-h5,
|
|
|
|
-.is-h6 {
|
|
|
|
- color: black;
|
|
|
|
- font-weight: normal;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-h1 {
|
|
|
|
- font-size: 48 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-h2 {
|
|
|
|
- font-size: 44 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-h3 {
|
|
|
|
- font-size: 36 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-h4 {
|
|
|
|
- font-size: 32 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-h5 {
|
|
|
|
- font-size: 28 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-h6 {
|
|
|
|
- font-size: 24 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/* 排版容器,小程序可以不用,正文排版等,请在容器上添加此类,自动格式化 */
|
|
|
|
-.s-typo p {
|
|
|
|
- font-size: 32 rpx;
|
|
|
|
- color: #353535;
|
|
|
|
- line-height: 2;
|
|
|
|
- margin-bottom: 30 rpx;
|
|
|
|
- text-align: justify;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-typo h1,
|
|
|
|
-.s-typo h2,
|
|
|
|
-.s-typo h3,
|
|
|
|
-.s-typo h4,
|
|
|
|
-.s-typo h5,
|
|
|
|
-.s-typo h6 {
|
|
|
|
- color: black;
|
|
|
|
- font-weight: normal;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-typo h1 {
|
|
|
|
- font-size: 48 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-typo h2 {
|
|
|
|
- font-size: 44 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-typo h3 {
|
|
|
|
- font-size: 36 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-typo h4 {
|
|
|
|
- font-size: 32 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-typo h5 {
|
|
|
|
- font-size: 28 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-typo h6 {
|
|
|
|
- font-size: 24 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-typo ol li {
|
|
|
|
- list-style-type: decimal;
|
|
|
|
- margin-left: 1rem;
|
|
|
|
- line-height: 2;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-typo ul li {
|
|
|
|
- list-style-type: disc;
|
|
|
|
- margin-left: 1rem;
|
|
|
|
- line-height: 2;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-typo img {
|
|
|
|
- display: inline-block;
|
|
|
|
- height: auto;
|
|
|
|
- max-width: 100%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/* 辅助类 */
|
|
|
|
-/* 页面高度 */
|
|
|
|
-.is-100vh {
|
|
|
|
- height: 100vh;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-33vh {
|
|
|
|
- height: 33vh;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-50vh {
|
|
|
|
- height: 50vh;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-20vh {
|
|
|
|
- height: 20vh;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/*页面宽度*/
|
|
|
|
-.is-width-30 {
|
|
|
|
- width: 30% !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-width-40 {
|
|
|
|
- width: 40% !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-width-50 {
|
|
|
|
- width: 50% !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-width-60 {
|
|
|
|
- width: 60% !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-width-70 {
|
|
|
|
- width: 70% !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-width-80 {
|
|
|
|
- width: 80% !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-width-90 {
|
|
|
|
- width: 90% !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-width-100 {
|
|
|
|
- width: 100% !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-width-100px {
|
|
|
|
- width: 200 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-width-130px {
|
|
|
|
- width: 260 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-width-150px {
|
|
|
|
- width: 300 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-width-180px {
|
|
|
|
- width: 360 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-width-200px {
|
|
|
|
- width: 400 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-width-220px {
|
|
|
|
- width: 440 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/* 图片 */
|
|
|
|
-.is-img {
|
|
|
|
- display: block;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/* 图片响应式 小程序的兼容 mode='widthFix' */
|
|
|
|
-.is-response {
|
|
|
|
- display: block;
|
|
|
|
- width: 100%;
|
|
|
|
- max-width: 100%;
|
|
|
|
- height: 500upx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-floatr {
|
|
|
|
- float: right;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-floatl {
|
|
|
|
- float: left;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-absolute {
|
|
|
|
- position: absolute;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-relative {
|
|
|
|
- position: relative;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-fixed {
|
|
|
|
- position: fixed;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-right0 {
|
|
|
|
- right: 0;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-left0 {
|
|
|
|
- left: 0;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-top0 {
|
|
|
|
- top: 0;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.hsa-bottom0 {
|
|
|
|
- bottom: 0;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/* 圆角 */
|
|
|
|
-.is-circle {
|
|
|
|
- border-radius: 50%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/* 行高 */
|
|
|
|
-.is-lh-1 {
|
|
|
|
- line-height: 1 !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-lh-15 {
|
|
|
|
- line-height: 1.5 !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-lh-16 {
|
|
|
|
- line-height: 1.6 !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-lh-18 {
|
|
|
|
- line-height: 1.8 !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-lh-2 {
|
|
|
|
- line-height: 2 !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-lh-25 {
|
|
|
|
- line-height: 2.5 !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/* 字体大小 */
|
|
|
|
-.is-size-12 {
|
|
|
|
- font-size: 24 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-size-14 {
|
|
|
|
- font-family: "Franklin Gothic Medium";
|
|
|
|
- font-size: 28 rpx !important;
|
|
|
|
- color: #333333;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-size-16 {
|
|
|
|
- font-size: 32 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-size-17 {
|
|
|
|
- font-size: 34 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-size-18 {
|
|
|
|
- font-size: 36 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-size-20 {
|
|
|
|
- font-size: 40 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-size-25 {
|
|
|
|
- font-size: 50 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-size-30 {
|
|
|
|
- font-size: 60 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-size-35 {
|
|
|
|
- font-size: 70 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-size-40 {
|
|
|
|
- font-size: 80 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-size-50 {
|
|
|
|
- font-size: 100 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-size-60 {
|
|
|
|
- font-size: 120 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/* 徽标 */
|
|
|
|
-.has-badge-border {
|
|
|
|
- border: 1px solid #dcdee2;
|
|
|
|
- padding: 3px 3px;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-radius {
|
|
|
|
- border-radius: 8 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-radius-0 {
|
|
|
|
- border-radius: 0 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-radius-2 {
|
|
|
|
- border-radius: 4 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-radius-top-2 {
|
|
|
|
- border-top-left-radius: 4 rpx;
|
|
|
|
- border-top-right-radius: 4 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-radius-4 {
|
|
|
|
- border-radius: 8 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-radius-top-4 {
|
|
|
|
- border-top-left-radius: 8 rpx;
|
|
|
|
- border-top-right-radius: 8 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-radius-6 {
|
|
|
|
- border-radius: 12 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-radius-8 {
|
|
|
|
- border-radius: 16 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/* 1px 边框 */
|
|
|
|
-.has-borderb:before {
|
|
|
|
- border-bottom: 1px solid #dcdee2;
|
|
|
|
- content: '';
|
|
|
|
- display: block;
|
|
|
|
- width: 100%;
|
|
|
|
- position: absolute;
|
|
|
|
- left: 0;
|
|
|
|
- bottom: 0;
|
|
|
|
- -webkit-transform-origin: left bottom;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-@media screen and (-webkit-min-device-pixel-ratio: 2) {
|
|
|
|
- .has-borderb:before {
|
|
|
|
- -webkit-transform: scaleY(0.5);
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-@media screen and (-webkit-min-device-pixel-ratio: 3) {
|
|
|
|
- .has-borderb:before {
|
|
|
|
- -webkit-transform: scaleY(0.3333);
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-bordert:before {
|
|
|
|
- border-top: 1px solid #dcdee2;
|
|
|
|
- content: '';
|
|
|
|
- display: block;
|
|
|
|
- width: 100%;
|
|
|
|
- position: absolute;
|
|
|
|
- left: 0;
|
|
|
|
- top: 0;
|
|
|
|
- -webkit-transform-origin: left top;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-@media screen and (-webkit-min-device-pixel-ratio: 2) {
|
|
|
|
- .has-bordert:before {
|
|
|
|
- -webkit-transform: scaleY(0.5);
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-@media screen and (-webkit-min-device-pixel-ratio: 3) {
|
|
|
|
- .has-bordert:before {
|
|
|
|
- -webkit-transform: scaleY(0.3333);
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-borderl:before {
|
|
|
|
- border-left: 1px solid #dcdee2;
|
|
|
|
- content: '';
|
|
|
|
- display: block;
|
|
|
|
- bottom: 0;
|
|
|
|
- position: absolute;
|
|
|
|
- left: 0;
|
|
|
|
- top: 0;
|
|
|
|
- -webkit-transform-origin: left top;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-@media screen and (-webkit-min-device-pixel-ratio: 2) {
|
|
|
|
- .has-borderl:before {
|
|
|
|
- -webkit-transform: scaleX(0.5);
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-@media screen and (-webkit-min-device-pixel-ratio: 3) {
|
|
|
|
- .has-borderl:before {
|
|
|
|
- -webkit-transform: scaleX(0.3333);
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-borderr:before {
|
|
|
|
- border-right: 1px solid #dcdee2;
|
|
|
|
- content: '';
|
|
|
|
- display: block;
|
|
|
|
- bottom: 0;
|
|
|
|
- position: absolute;
|
|
|
|
- right: 0;
|
|
|
|
- top: 0;
|
|
|
|
- -webkit-transform-origin: right top;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-@media screen and (-webkit-min-device-pixel-ratio: 2) {
|
|
|
|
- .has-borderr:before {
|
|
|
|
- -webkit-transform: scaleX(0.5);
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-@media screen and (-webkit-min-device-pixel-ratio: 3) {
|
|
|
|
- .has-borderr:before {
|
|
|
|
- -webkit-transform: scaleX(0.3333);
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-bordert,
|
|
|
|
-.has-borderl,
|
|
|
|
-.has-borderb,
|
|
|
|
-.has-borderr,
|
|
|
|
-.has-bordertb,
|
|
|
|
-.has-bordera,
|
|
|
|
-.has-border-radius {
|
|
|
|
- position: relative;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-bordertb:before {
|
|
|
|
- border-top: 1px solid #dcdee2;
|
|
|
|
- content: '';
|
|
|
|
- display: block;
|
|
|
|
- width: 100%;
|
|
|
|
- position: absolute;
|
|
|
|
- left: 0;
|
|
|
|
- top: 0;
|
|
|
|
- -webkit-transform-origin: left top;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-@media screen and (-webkit-min-device-pixel-ratio: 2) {
|
|
|
|
- .has-bordertb:before {
|
|
|
|
- -webkit-transform: scaleY(0.5);
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-@media screen and (-webkit-min-device-pixel-ratio: 3) {
|
|
|
|
- .has-bordertb:before {
|
|
|
|
- -webkit-transform: scaleY(0.3333);
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-bordertb:after {
|
|
|
|
- border-bottom: 1px solid #dcdee2;
|
|
|
|
- content: '';
|
|
|
|
- display: block;
|
|
|
|
- width: 100%;
|
|
|
|
- position: absolute;
|
|
|
|
- left: 0;
|
|
|
|
- bottom: 0;
|
|
|
|
- -webkit-transform-origin: left bottom;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-@media screen and (-webkit-min-device-pixel-ratio: 2) {
|
|
|
|
- .has-bordertb:after {
|
|
|
|
- -webkit-transform: scaleY(0.5);
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-@media screen and (-webkit-min-device-pixel-ratio: 3) {
|
|
|
|
- .has-bordertb:after {
|
|
|
|
- -webkit-transform: scaleY(0.3333);
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-bordera:before {
|
|
|
|
- content: "";
|
|
|
|
- width: 100%;
|
|
|
|
- height: 100%;
|
|
|
|
- position: absolute;
|
|
|
|
- top: 0;
|
|
|
|
- left: 0;
|
|
|
|
- border: 1px solid #dcdee2;
|
|
|
|
- -webkit-transform-origin: 0 0;
|
|
|
|
- padding: 1px;
|
|
|
|
- -webkit-box-sizing: border-box;
|
|
|
|
- pointer-events: none;
|
|
|
|
- z-index: 10;
|
|
|
|
- pointer-events: none;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-@media screen and (-webkit-min-device-pixel-ratio: 2) {
|
|
|
|
- .has-bordera:before {
|
|
|
|
- width: 200%;
|
|
|
|
- height: 200%;
|
|
|
|
- -webkit-transform: scale(0.5);
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-@media screen and (-webkit-min-device-pixel-ratio: 3) {
|
|
|
|
- .has-bordera:before {
|
|
|
|
- width: 300%;
|
|
|
|
- height: 300%;
|
|
|
|
- -webkit-transform: scale(0.3333);
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-border-radius:before {
|
|
|
|
- content: "";
|
|
|
|
- width: 100%;
|
|
|
|
- height: 100%;
|
|
|
|
- position: absolute;
|
|
|
|
- top: 0;
|
|
|
|
- left: 0;
|
|
|
|
- border: 1px solid #dcdee2;
|
|
|
|
- -webkit-transform-origin: 0 0;
|
|
|
|
- padding: 1px;
|
|
|
|
- -webkit-box-sizing: border-box;
|
|
|
|
- border-radius: 4px;
|
|
|
|
- pointer-events: none;
|
|
|
|
- z-index: 10;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-@media screen and (-webkit-min-device-pixel-ratio: 2) {
|
|
|
|
- .has-border-radius:before {
|
|
|
|
- width: 200%;
|
|
|
|
- height: 200%;
|
|
|
|
- -webkit-transform: scale(0.5);
|
|
|
|
- border-radius: 8px;
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-@media screen and (-webkit-min-device-pixel-ratio: 3) {
|
|
|
|
- .has-border-radius:before {
|
|
|
|
- width: 300%;
|
|
|
|
- height: 300%;
|
|
|
|
- -webkit-transform: scale(0.3333);
|
|
|
|
- border-radius: 12px;
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/* 浮动 */
|
|
|
|
-.has-mg-0 {
|
|
|
|
- margin: 0 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgtb-0 {
|
|
|
|
- margin-top: 0 rpx !important;
|
|
|
|
- margin-bottom: 0 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mglr-0 {
|
|
|
|
- margin-left: 0 rpx !important;
|
|
|
|
- margin-right: 0 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pd-0 {
|
|
|
|
- padding: 0 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdtb-0 {
|
|
|
|
- padding-top: 0 rpx !important;
|
|
|
|
- padding-bottom: 0 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdlr-0 {
|
|
|
|
- padding-left: 0 rpx !important;
|
|
|
|
- padding-right: 0 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgt-0 {
|
|
|
|
- margin-top: 0 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgl-0 {
|
|
|
|
- margin-left: 0 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgr-0 {
|
|
|
|
- margin-right: 0 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgb-0 {
|
|
|
|
- margin-bottom: 0 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdt-0 {
|
|
|
|
- padding-top: 0 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdl-0 {
|
|
|
|
- padding-left: 0 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdr-0 {
|
|
|
|
- padding-right: 0 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdb-0 {
|
|
|
|
- padding-bottom: 0 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mg-1 {
|
|
|
|
- margin: 2 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgtb-1 {
|
|
|
|
- margin-top: 2 rpx !important;
|
|
|
|
- margin-bottom: 2 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mglr-1 {
|
|
|
|
- margin-left: 2 rpx !important;
|
|
|
|
- margin-right: 2 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pd-1 {
|
|
|
|
- padding: 2 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdtb-1 {
|
|
|
|
- padding-top: 2 rpx !important;
|
|
|
|
- padding-bottom: 2 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdlr-1 {
|
|
|
|
- padding-left: 2 rpx !important;
|
|
|
|
- padding-right: 2 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgt-1 {
|
|
|
|
- margin-top: 2 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgl-1 {
|
|
|
|
- margin-left: 2 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgr-1 {
|
|
|
|
- margin-right: 2 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgb-1 {
|
|
|
|
- margin-bottom: 2 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdt-1 {
|
|
|
|
- padding-top: 2 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdl-1 {
|
|
|
|
- padding-left: 2 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdr-1 {
|
|
|
|
- padding-right: 2 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdb-1 {
|
|
|
|
- padding-bottom: 2 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mg-2 {
|
|
|
|
- margin: 4 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgtb-2 {
|
|
|
|
- margin-top: 4 rpx !important;
|
|
|
|
- margin-bottom: 4 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mglr-2 {
|
|
|
|
- margin-left: 4 rpx !important;
|
|
|
|
- margin-right: 4 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pd-2 {
|
|
|
|
- padding: 4 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdtb-2 {
|
|
|
|
- padding-top: 4 rpx !important;
|
|
|
|
- padding-bottom: 4 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdlr-2 {
|
|
|
|
- padding-left: 4 rpx !important;
|
|
|
|
- padding-right: 4 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgt-2 {
|
|
|
|
- margin-top: 4 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgl-2 {
|
|
|
|
- margin-left: 4 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgr-2 {
|
|
|
|
- margin-right: 4 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgb-2 {
|
|
|
|
- margin-bottom: 4 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdt-2 {
|
|
|
|
- padding-top: 4 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdl-2 {
|
|
|
|
- padding-left: 4 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdr-2 {
|
|
|
|
- padding-right: 4 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdb-2 {
|
|
|
|
- padding-bottom: 4 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mg-3 {
|
|
|
|
- margin: 6 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgtb-3 {
|
|
|
|
- margin-top: 6 rpx !important;
|
|
|
|
- margin-bottom: 6 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mglr-3 {
|
|
|
|
- margin-left: 6 rpx !important;
|
|
|
|
- margin-right: 6 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pd-3 {
|
|
|
|
- padding: 6 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdtb-3 {
|
|
|
|
- padding-top: 6 rpx !important;
|
|
|
|
- padding-bottom: 6 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdlr-3 {
|
|
|
|
- padding-left: 6 rpx !important;
|
|
|
|
- padding-right: 6 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgt-3 {
|
|
|
|
- margin-top: 6 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgl-3 {
|
|
|
|
- margin-left: 6 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgr-3 {
|
|
|
|
- margin-right: 6 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgb-3 {
|
|
|
|
- margin-bottom: 6 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdt-3 {
|
|
|
|
- padding-top: 6 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdl-3 {
|
|
|
|
- padding-left: 6 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdr-3 {
|
|
|
|
- padding-right: 6 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdb-3 {
|
|
|
|
- padding-bottom: 6 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mg-4 {
|
|
|
|
- margin: 8 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgtb-4 {
|
|
|
|
- margin-top: 8 rpx !important;
|
|
|
|
- margin-bottom: 8 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mglr-4 {
|
|
|
|
- margin-left: 8 rpx !important;
|
|
|
|
- margin-right: 8 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pd-4 {
|
|
|
|
- padding: 8 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdtb-4 {
|
|
|
|
- padding-top: 8 rpx !important;
|
|
|
|
- padding-bottom: 8 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdlr-4 {
|
|
|
|
- padding-left: 8 rpx !important;
|
|
|
|
- padding-right: 8 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgt-4 {
|
|
|
|
- margin-top: 8 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgl-4 {
|
|
|
|
- margin-left: 8 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgr-4 {
|
|
|
|
- margin-right: 8 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgb-4 {
|
|
|
|
- margin-bottom: 8 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdt-4 {
|
|
|
|
- padding-top: 8 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdl-4 {
|
|
|
|
- padding-left: 8 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdr-4 {
|
|
|
|
- padding-right: 8 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdb-4 {
|
|
|
|
- padding-bottom: 8 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mg-5 {
|
|
|
|
- margin: 10 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgtb-5 {
|
|
|
|
- margin-top: 10 rpx !important;
|
|
|
|
- margin-bottom: 10 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mglr-5 {
|
|
|
|
- margin-left: 10 rpx !important;
|
|
|
|
- margin-right: 10 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pd-5 {
|
|
|
|
- padding: 10 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdtb-5 {
|
|
|
|
- padding-top: 10 rpx !important;
|
|
|
|
- padding-bottom: 10 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdlr-5 {
|
|
|
|
- padding-left: 10 rpx !important;
|
|
|
|
- padding-right: 10 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgt-5 {
|
|
|
|
- margin-top: 10 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgl-5 {
|
|
|
|
- margin-left: 10 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgr-5 {
|
|
|
|
- margin-right: 10 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgb-5 {
|
|
|
|
- margin-bottom: 10 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdt-5 {
|
|
|
|
- padding-top: 10 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdl-5 {
|
|
|
|
- padding-left: 10 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdr-5 {
|
|
|
|
- padding-right: 10 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdb-5 {
|
|
|
|
- padding-bottom: 10 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mg-6 {
|
|
|
|
- margin: 12 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgtb-6 {
|
|
|
|
- margin-top: 12 rpx !important;
|
|
|
|
- margin-bottom: 12 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mglr-6 {
|
|
|
|
- margin-left: 12 rpx !important;
|
|
|
|
- margin-right: 12 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pd-6 {
|
|
|
|
- padding: 12 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdtb-6 {
|
|
|
|
- padding-top: 12 rpx !important;
|
|
|
|
- padding-bottom: 12 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdlr-6 {
|
|
|
|
- padding-left: 12 rpx !important;
|
|
|
|
- padding-right: 12 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgt-6 {
|
|
|
|
- margin-top: 12 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgl-6 {
|
|
|
|
- margin-left: 12 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgr-6 {
|
|
|
|
- margin-right: 12 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgb-6 {
|
|
|
|
- margin-bottom: 12 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdt-6 {
|
|
|
|
- padding-top: 12 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdl-6 {
|
|
|
|
- padding-left: 12 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdr-6 {
|
|
|
|
- padding-right: 12 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdb-6 {
|
|
|
|
- padding-bottom: 12 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mg-7 {
|
|
|
|
- margin: 14 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgtb-7 {
|
|
|
|
- margin-top: 14 rpx !important;
|
|
|
|
- margin-bottom: 14 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mglr-7 {
|
|
|
|
- margin-left: 14 rpx !important;
|
|
|
|
- margin-right: 14 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pd-7 {
|
|
|
|
- padding: 14 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdtb-7 {
|
|
|
|
- padding-top: 14 rpx !important;
|
|
|
|
- padding-bottom: 14 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdlr-7 {
|
|
|
|
- padding-left: 14 rpx !important;
|
|
|
|
- padding-right: 14 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgt-7 {
|
|
|
|
- margin-top: 14 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgl-7 {
|
|
|
|
- margin-left: 14 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgr-7 {
|
|
|
|
- margin-right: 14 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgb-7 {
|
|
|
|
- margin-bottom: 14 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdt-7 {
|
|
|
|
- padding-top: 14 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdl-7 {
|
|
|
|
- padding-left: 14 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdr-7 {
|
|
|
|
- padding-right: 14 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdb-7 {
|
|
|
|
- padding-bottom: 14 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mg-8 {
|
|
|
|
- margin: 16 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgtb-8 {
|
|
|
|
- margin-top: 16 rpx !important;
|
|
|
|
- margin-bottom: 16 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mglr-8 {
|
|
|
|
- margin-left: 16 rpx !important;
|
|
|
|
- margin-right: 16 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pd-8 {
|
|
|
|
- padding: 16 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdtb-8 {
|
|
|
|
- padding-top: 16 rpx !important;
|
|
|
|
- padding-bottom: 16 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdlr-8 {
|
|
|
|
- padding-left: 16 rpx !important;
|
|
|
|
- padding-right: 16 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgt-8 {
|
|
|
|
- margin-top: 16 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgl-8 {
|
|
|
|
- margin-left: 16 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgr-8 {
|
|
|
|
- margin-right: 16 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgb-8 {
|
|
|
|
- margin-bottom: 16 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdt-8 {
|
|
|
|
- padding-top: 16 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdl-8 {
|
|
|
|
- padding-left: 16 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdr-8 {
|
|
|
|
- padding-right: 16 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdb-8 {
|
|
|
|
- padding-bottom: 16 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mg-10 {
|
|
|
|
- margin: 20 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgtb-10 {
|
|
|
|
- margin-top: 20 rpx !important;
|
|
|
|
- margin-bottom: 20 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mglr-10 {
|
|
|
|
- margin-left: 20 rpx !important;
|
|
|
|
- margin-right: 20 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pd-10 {
|
|
|
|
- padding: 20 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdtb-10 {
|
|
|
|
- padding-top: 20 rpx !important;
|
|
|
|
- padding-bottom: 20 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdlr-10 {
|
|
|
|
- padding-left: 20 rpx !important;
|
|
|
|
- padding-right: 20 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgt-10 {
|
|
|
|
- margin-top: 20 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgl-10 {
|
|
|
|
- margin-left: 20 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgr-10 {
|
|
|
|
- margin-right: 20 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgb-10 {
|
|
|
|
- margin-bottom: 20 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdt-10 {
|
|
|
|
- padding-top: 20 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdl-10 {
|
|
|
|
- padding-left: 20 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdr-10 {
|
|
|
|
- padding-right: 20 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdb-10 {
|
|
|
|
- padding-bottom: 20 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mg-12 {
|
|
|
|
- margin: 24 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgtb-12 {
|
|
|
|
- margin-top: 24 rpx !important;
|
|
|
|
- margin-bottom: 24 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mglr-12 {
|
|
|
|
- margin-left: 24 rpx !important;
|
|
|
|
- margin-right: 24 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pd-12 {
|
|
|
|
- padding: 24 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdtb-12 {
|
|
|
|
- padding-top: 24 rpx !important;
|
|
|
|
- padding-bottom: 24 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdlr-12 {
|
|
|
|
- padding-left: 24 rpx !important;
|
|
|
|
- padding-right: 24 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgt-12 {
|
|
|
|
- margin-top: 24 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgl-12 {
|
|
|
|
- margin-left: 24 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgr-12 {
|
|
|
|
- margin-right: 24 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgb-12 {
|
|
|
|
- margin-bottom: 24 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdt-12 {
|
|
|
|
- padding-top: 24 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdl-12 {
|
|
|
|
- padding-left: 24 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdr-12 {
|
|
|
|
- padding-right: 24 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdb-12 {
|
|
|
|
- padding-bottom: 24 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mg-15 {
|
|
|
|
- margin: 30 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgtb-15 {
|
|
|
|
- margin-top: 30 rpx !important;
|
|
|
|
- margin-bottom: 30 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mglr-15 {
|
|
|
|
- margin-left: 30 rpx !important;
|
|
|
|
- margin-right: 30 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pd-15 {
|
|
|
|
- padding: 30 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdtb-15 {
|
|
|
|
- padding-top: 30 rpx !important;
|
|
|
|
- padding-bottom: 30 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdlr-15 {
|
|
|
|
- padding-left: 30 rpx !important;
|
|
|
|
- padding-right: 30 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgt-15 {
|
|
|
|
- margin-top: 30 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgl-15 {
|
|
|
|
- margin-left: 30 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgr-15 {
|
|
|
|
- margin-right: 30 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgb-15 {
|
|
|
|
- margin-bottom: 30 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdt-15 {
|
|
|
|
- padding-top: 30 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdl-15 {
|
|
|
|
- padding-left: 30 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdr-15 {
|
|
|
|
- padding-right: 30 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdb-15 {
|
|
|
|
- padding-bottom: 30 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mg-18 {
|
|
|
|
- margin: 36 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgtb-18 {
|
|
|
|
- margin-top: 36 rpx !important;
|
|
|
|
- margin-bottom: 36 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mglr-18 {
|
|
|
|
- margin-left: 36 rpx !important;
|
|
|
|
- margin-right: 36 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pd-18 {
|
|
|
|
- padding: 36 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdtb-18 {
|
|
|
|
- padding-top: 36 rpx !important;
|
|
|
|
- padding-bottom: 36 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdlr-18 {
|
|
|
|
- padding-left: 36 rpx !important;
|
|
|
|
- padding-right: 36 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgt-18 {
|
|
|
|
- margin-top: 36 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgl-18 {
|
|
|
|
- margin-left: 36 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgr-18 {
|
|
|
|
- margin-right: 36 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgb-18 {
|
|
|
|
- margin-bottom: 36 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdt-18 {
|
|
|
|
- padding-top: 36 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdl-18 {
|
|
|
|
- padding-left: 36 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdr-18 {
|
|
|
|
- padding-right: 36 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdb-18 {
|
|
|
|
- padding-bottom: 36 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mg-20 {
|
|
|
|
- margin: 40 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgtb-20 {
|
|
|
|
- margin-top: 40 rpx !important;
|
|
|
|
- margin-bottom: 40 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mglr-20 {
|
|
|
|
- margin-left: 40 rpx !important;
|
|
|
|
- margin-right: 40 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pd-20 {
|
|
|
|
- padding: 40 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdtb-20 {
|
|
|
|
- padding-top: 40 rpx !important;
|
|
|
|
- padding-bottom: 40 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdlr-20 {
|
|
|
|
- padding-left: 40 rpx !important;
|
|
|
|
- padding-right: 40 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgt-20 {
|
|
|
|
- margin-top: 40 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgl-20 {
|
|
|
|
- margin-left: 40 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgr-20 {
|
|
|
|
- margin-right: 40 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgb-20 {
|
|
|
|
- margin-bottom: 40 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdt-20 {
|
|
|
|
- padding-top: 40 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdl-20 {
|
|
|
|
- padding-left: 40 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdr-20 {
|
|
|
|
- padding-right: 40 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdb-20 {
|
|
|
|
- padding-bottom: 40 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mg-25 {
|
|
|
|
- margin: 50 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgtb-25 {
|
|
|
|
- margin-top: 50 rpx !important;
|
|
|
|
- margin-bottom: 50 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mglr-25 {
|
|
|
|
- margin-left: 50 rpx !important;
|
|
|
|
- margin-right: 50 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pd-25 {
|
|
|
|
- padding: 50 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdtb-25 {
|
|
|
|
- padding-top: 50 rpx !important;
|
|
|
|
- padding-bottom: 50 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdlr-25 {
|
|
|
|
- padding-left: 50 rpx !important;
|
|
|
|
- padding-right: 50 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgt-25 {
|
|
|
|
- margin-top: 50 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgl-25 {
|
|
|
|
- margin-left: 50 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgr-25 {
|
|
|
|
- margin-right: 50 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgb-25 {
|
|
|
|
- margin-bottom: 50 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdt-25 {
|
|
|
|
- padding-top: 50 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdl-25 {
|
|
|
|
- padding-left: 50 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdr-25 {
|
|
|
|
- padding-right: 50 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdb-25 {
|
|
|
|
- padding-bottom: 50 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mg-30 {
|
|
|
|
- margin: 60 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgtb-30 {
|
|
|
|
- margin-top: 60 rpx !important;
|
|
|
|
- margin-bottom: 60 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mglr-30 {
|
|
|
|
- margin-left: 60 rpx !important;
|
|
|
|
- margin-right: 60 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pd-30 {
|
|
|
|
- padding: 60 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdtb-30 {
|
|
|
|
- padding-top: 60 rpx !important;
|
|
|
|
- padding-bottom: 60 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdlr-30 {
|
|
|
|
- padding-left: 60 rpx !important;
|
|
|
|
- padding-right: 60 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgt-30 {
|
|
|
|
- margin-top: 60 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgl-30 {
|
|
|
|
- margin-left: 60 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgr-30 {
|
|
|
|
- margin-right: 60 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgb-30 {
|
|
|
|
- margin-bottom: 60 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdt-30 {
|
|
|
|
- padding-top: 60 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdl-30 {
|
|
|
|
- padding-left: 60 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdr-30 {
|
|
|
|
- padding-right: 60 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdb-30 {
|
|
|
|
- padding-bottom: 60 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mg-35 {
|
|
|
|
- margin: 70 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgtb-35 {
|
|
|
|
- margin-top: 70 rpx !important;
|
|
|
|
- margin-bottom: 70 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mglr-35 {
|
|
|
|
- margin-left: 70 rpx !important;
|
|
|
|
- margin-right: 70 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pd-35 {
|
|
|
|
- padding: 70 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdtb-35 {
|
|
|
|
- padding-top: 70 rpx !important;
|
|
|
|
- padding-bottom: 70 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdlr-35 {
|
|
|
|
- padding-left: 70 rpx !important;
|
|
|
|
- padding-right: 70 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgt-35 {
|
|
|
|
- margin-top: 70 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgl-35 {
|
|
|
|
- margin-left: 70 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgr-35 {
|
|
|
|
- margin-right: 70 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgb-35 {
|
|
|
|
- margin-bottom: 70 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdt-35 {
|
|
|
|
- padding-top: 70 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdl-35 {
|
|
|
|
- padding-left: 70 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdr-35 {
|
|
|
|
- padding-right: 70 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdb-35 {
|
|
|
|
- padding-bottom: 70 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mg-40 {
|
|
|
|
- margin: 80 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgtb-40 {
|
|
|
|
- margin-top: 80 rpx !important;
|
|
|
|
- margin-bottom: 80 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mglr-40 {
|
|
|
|
- margin-left: 80 rpx !important;
|
|
|
|
- margin-right: 80 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pd-40 {
|
|
|
|
- padding: 80 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdtb-40 {
|
|
|
|
- padding-top: 80 rpx !important;
|
|
|
|
- padding-bottom: 80 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdlr-40 {
|
|
|
|
- padding-left: 80 rpx !important;
|
|
|
|
- padding-right: 80 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgt-40 {
|
|
|
|
- margin-top: 80 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgl-40 {
|
|
|
|
- margin-left: 80 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgr-40 {
|
|
|
|
- margin-right: 80 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgb-40 {
|
|
|
|
- margin-bottom: 80 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdt-40 {
|
|
|
|
- padding-top: 80 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdl-40 {
|
|
|
|
- padding-left: 80 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdr-40 {
|
|
|
|
- padding-right: 80 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdb-40 {
|
|
|
|
- padding-bottom: 80 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mg-45 {
|
|
|
|
- margin: 90 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgtb-45 {
|
|
|
|
- margin-top: 90 rpx !important;
|
|
|
|
- margin-bottom: 90 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mglr-45 {
|
|
|
|
- margin-left: 90 rpx !important;
|
|
|
|
- margin-right: 90 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pd-45 {
|
|
|
|
- padding: 90 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdtb-45 {
|
|
|
|
- padding-top: 90 rpx !important;
|
|
|
|
- padding-bottom: 90 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdlr-45 {
|
|
|
|
- padding-left: 90 rpx !important;
|
|
|
|
- padding-right: 90 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgt-45 {
|
|
|
|
- margin-top: 90 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgl-45 {
|
|
|
|
- margin-left: 90 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgr-45 {
|
|
|
|
- margin-right: 90 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgb-45 {
|
|
|
|
- margin-bottom: 90 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdt-45 {
|
|
|
|
- padding-top: 90 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdl-45 {
|
|
|
|
- padding-left: 90 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdr-45 {
|
|
|
|
- padding-right: 90 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdb-45 {
|
|
|
|
- padding-bottom: 90 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mg-50 {
|
|
|
|
- margin: 100 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgtb-50 {
|
|
|
|
- margin-top: 100 rpx !important;
|
|
|
|
- margin-bottom: 100 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mglr-50 {
|
|
|
|
- margin-left: 100 rpx !important;
|
|
|
|
- margin-right: 100 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pd-50 {
|
|
|
|
- padding: 100 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdtb-50 {
|
|
|
|
- padding-top: 100 rpx !important;
|
|
|
|
- padding-bottom: 100 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdlr-50 {
|
|
|
|
- padding-left: 100 rpx !important;
|
|
|
|
- padding-right: 100 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgt-50 {
|
|
|
|
- margin-top: 100 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgl-50 {
|
|
|
|
- margin-left: 100 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgr-50 {
|
|
|
|
- margin-right: 100 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgb-50 {
|
|
|
|
- margin-bottom: 100 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdt-50 {
|
|
|
|
- padding-top: 100 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdl-50 {
|
|
|
|
- padding-left: 100 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdr-50 {
|
|
|
|
- padding-right: 100 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdb-50 {
|
|
|
|
- padding-bottom: 100 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mg-55 {
|
|
|
|
- margin: 110 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgtb-55 {
|
|
|
|
- margin-top: 110 rpx !important;
|
|
|
|
- margin-bottom: 110 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mglr-55 {
|
|
|
|
- margin-left: 110 rpx !important;
|
|
|
|
- margin-right: 110 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pd-55 {
|
|
|
|
- padding: 110 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdtb-55 {
|
|
|
|
- padding-top: 110 rpx !important;
|
|
|
|
- padding-bottom: 110 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdlr-55 {
|
|
|
|
- padding-left: 110 rpx !important;
|
|
|
|
- padding-right: 110 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgt-55 {
|
|
|
|
- margin-top: 110 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgl-55 {
|
|
|
|
- margin-left: 110 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgr-55 {
|
|
|
|
- margin-right: 110 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgb-55 {
|
|
|
|
- margin-bottom: 110 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdt-55 {
|
|
|
|
- padding-top: 110 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdl-55 {
|
|
|
|
- padding-left: 110 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdr-55 {
|
|
|
|
- padding-right: 110 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdb-55 {
|
|
|
|
- padding-bottom: 110 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mg-60 {
|
|
|
|
- margin: 120 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgtb-60 {
|
|
|
|
- margin-top: 120 rpx !important;
|
|
|
|
- margin-bottom: 120 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mglr-60 {
|
|
|
|
- margin-left: 120 rpx !important;
|
|
|
|
- margin-right: 120 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pd-60 {
|
|
|
|
- padding: 120 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdtb-60 {
|
|
|
|
- padding-top: 120 rpx !important;
|
|
|
|
- padding-bottom: 120 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdlr-60 {
|
|
|
|
- padding-left: 120 rpx !important;
|
|
|
|
- padding-right: 120 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgt-60 {
|
|
|
|
- margin-top: 120 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgl-60 {
|
|
|
|
- margin-left: 120 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgr-60 {
|
|
|
|
- margin-right: 120 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-mgb-60 {
|
|
|
|
- margin-bottom: 120 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdt-60 {
|
|
|
|
- padding-top: 120 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdl-60 {
|
|
|
|
- padding-left: 120 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdr-60 {
|
|
|
|
- padding-right: 120 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-pdb-60 {
|
|
|
|
- padding-bottom: 120 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/* 按钮 */
|
|
|
|
-.is-btn,
|
|
|
|
-.is-btn-lg,
|
|
|
|
-.is-btn-md {
|
|
|
|
- position: relative;
|
|
|
|
- text-align: center;
|
|
|
|
- background-color: #fff;
|
|
|
|
- vertical-align: top;
|
|
|
|
- color: #000;
|
|
|
|
- -webkit-box-sizing: border-box;
|
|
|
|
- -webkit-background-clip: padding-box;
|
|
|
|
- background-clip: padding-box;
|
|
|
|
- border: 1px solid #dcdee2;
|
|
|
|
- border-radius: 6 rpx;
|
|
|
|
- text-decoration: none;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-btn:not(.disabled):not(:disabled):active,
|
|
|
|
-.is-btn.active,
|
|
|
|
-.is-btn-lg:not(.disabled):not(:disabled):active,
|
|
|
|
-.is-btn-lg.active,
|
|
|
|
-.is-btn-md:not(.disabled):not(:disabled):active,
|
|
|
|
-.is-btn-md.active {
|
|
|
|
- background-color: #f0f0f0;
|
|
|
|
- -webkit-background-clip: padding-box;
|
|
|
|
- background-clip: padding-box;
|
|
|
|
- border-color: #dcdee2;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-btn.disabled,
|
|
|
|
-.is-btn:disabled,
|
|
|
|
-.is-btn-lg.disabled,
|
|
|
|
-.is-btn-lg:disabled,
|
|
|
|
-.is-btn-md.disabled,
|
|
|
|
-.is-btn-md:disabled {
|
|
|
|
- border: 0;
|
|
|
|
- color: #bbb;
|
|
|
|
- background: #e9ebec;
|
|
|
|
- -webkit-background-clip: padding-box;
|
|
|
|
- background-clip: padding-box;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-btn {
|
|
|
|
- height: 60 rpx;
|
|
|
|
- line-height: 60 rpx;
|
|
|
|
- padding: 0 rpx 32 rpx;
|
|
|
|
- display: block;
|
|
|
|
- text-align: center;
|
|
|
|
- font-size: 28 rpx;
|
|
|
|
- border-radius: 4 rpx;
|
|
|
|
- -webkit-box-sizing: border-box;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
- overflow: hidden;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-btn-md {
|
|
|
|
- display: block;
|
|
|
|
- text-align: center;
|
|
|
|
- width: 280 rpx;
|
|
|
|
- height: 80 rpx;
|
|
|
|
- line-height: 80 rpx;
|
|
|
|
- font-size: 34 rpx;
|
|
|
|
- border-radius: 6 rpx;
|
|
|
|
- margin: auto;
|
|
|
|
- margin-bottom: 30 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-btn-lg {
|
|
|
|
- font-size: 34 rpx;
|
|
|
|
- height: 80 rpx;
|
|
|
|
- line-height: 80 rpx;
|
|
|
|
- display: block;
|
|
|
|
- text-align: center;
|
|
|
|
- width: 100%;
|
|
|
|
- border-radius: 6 rpx;
|
|
|
|
- margin-bottom: 30 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-btn-radius {
|
|
|
|
- border-radius: 50px;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-bg-green {
|
|
|
|
- border: 0;
|
|
|
|
- background-color: #09bb07;
|
|
|
|
- color: #fff;
|
|
|
|
- -webkit-background-clip: padding-box;
|
|
|
|
- background-clip: padding-box;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-bg-green:not(.disabled):not(:disabled):active,
|
|
|
|
-.has-bg-green.active {
|
|
|
|
- background: #179b16 !important;
|
|
|
|
- color: rgba(255, 255, 255, 0.6) !important;
|
|
|
|
- -webkit-background-clip: padding-box;
|
|
|
|
- background-clip: padding-box;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-bg-blue {
|
|
|
|
- border: 0;
|
|
|
|
- background-color: #2A62FF;
|
|
|
|
- color: #fff;
|
|
|
|
- -webkit-background-clip: padding-box;
|
|
|
|
- background-clip: padding-box;
|
|
|
|
- box-shadow: 0 2px 6px #71b6f7;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-bg-blue:not(.disabled):not(:disabled):active,
|
|
|
|
-.has-bg-blue.active {
|
|
|
|
- background: #0e80d2 !important;
|
|
|
|
- color: rgba(255, 255, 255, 0.6) !important;
|
|
|
|
- -webkit-background-clip: padding-box;
|
|
|
|
- background-clip: padding-box;
|
|
|
|
- box-shadow: 0 2px 6px #71b6f7;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-bg-red {
|
|
|
|
- border: 0;
|
|
|
|
- background-color: #e64340;
|
|
|
|
- color: #fff;
|
|
|
|
- -webkit-background-clip: padding-box;
|
|
|
|
- background-clip: padding-box;
|
|
|
|
- box-shadow: 0 2px 6px #ffa299;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-bg-red:not(.disabled):not(:disabled):active,
|
|
|
|
-.has-bg-red.active {
|
|
|
|
- background: #ce3c39 !important;
|
|
|
|
- color: rgba(255, 255, 255, 0.6) !important;
|
|
|
|
- -webkit-background-clip: padding-box;
|
|
|
|
- background-clip: padding-box;
|
|
|
|
- box-shadow: 0 2px 6px #ffa299;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/* 列表 */
|
|
|
|
-.s-list-title {
|
|
|
|
- margin-bottom: -24 rpx;
|
|
|
|
- padding-left: 30 rpx;
|
|
|
|
- padding-right: 30 rpx;
|
|
|
|
- color: #888888;
|
|
|
|
- font-size: 28 rpx;
|
|
|
|
- margin-top: 30 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-list {
|
|
|
|
- margin-top: 40 rpx;
|
|
|
|
- background-color: #fff;
|
|
|
|
- line-height: 1.47058824;
|
|
|
|
- font-size: 32 rpx;
|
|
|
|
- overflow: hidden;
|
|
|
|
- position: relative;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-list:before {
|
|
|
|
- top: 0;
|
|
|
|
- border-top: 1px solid #dcdee2;
|
|
|
|
- -webkit-transform-origin: 0 0;
|
|
|
|
- transform-origin: 0 0;
|
|
|
|
- -webkit-transform: scaleY(0.5);
|
|
|
|
- transform: scaleY(0.5);
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-list:after,
|
|
|
|
-.s-list:before {
|
|
|
|
- content: " ";
|
|
|
|
- position: absolute;
|
|
|
|
- left: 0;
|
|
|
|
- right: 0;
|
|
|
|
- height: 1px;
|
|
|
|
- color: #dcdee2;
|
|
|
|
- z-index: 2;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-list:after {
|
|
|
|
- bottom: 0;
|
|
|
|
- border-bottom: 1px solid #dcdee2;
|
|
|
|
- -webkit-transform-origin: 0 100%;
|
|
|
|
- transform-origin: 0 100%;
|
|
|
|
- -webkit-transform: scaleY(0.5);
|
|
|
|
- transform: scaleY(0.5);
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-item-line {
|
|
|
|
- padding: 20 rpx 30 rpx;
|
|
|
|
- position: relative;
|
|
|
|
- display: -webkit-box;
|
|
|
|
- display: -webkit-flex;
|
|
|
|
- display: flex;
|
|
|
|
- -webkit-box-align: center;
|
|
|
|
- -webkit-align-items: center;
|
|
|
|
- align-items: center;
|
|
|
|
- text-decoration: none;
|
|
|
|
- color: #353535;
|
|
|
|
- -webkit-tap-highlight-color: transparent;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-item-line:before {
|
|
|
|
- content: " ";
|
|
|
|
- position: absolute;
|
|
|
|
- left: 0;
|
|
|
|
- top: 0;
|
|
|
|
- right: 0;
|
|
|
|
- height: 1px;
|
|
|
|
- border-top: 1px solid #dcdee2;
|
|
|
|
- color: #dcdee2;
|
|
|
|
- -webkit-transform-origin: 0 0;
|
|
|
|
- transform-origin: 0 0;
|
|
|
|
- -webkit-transform: scaleY(0.5);
|
|
|
|
- transform: scaleY(0.5);
|
|
|
|
- z-index: 2;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-item,
|
|
|
|
-.is-item-line {
|
|
|
|
- padding: 20 rpx 30 rpx;
|
|
|
|
- position: relative;
|
|
|
|
- display: -webkit-box;
|
|
|
|
- display: -webkit-flex;
|
|
|
|
- display: flex;
|
|
|
|
- -webkit-box-align: center;
|
|
|
|
- -webkit-align-items: center;
|
|
|
|
- align-items: center;
|
|
|
|
- text-decoration: none;
|
|
|
|
- color: #353535;
|
|
|
|
- -webkit-tap-highlight-color: transparent;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-item.has-right-icon .is-item-ft,
|
|
|
|
-.is-item-line.has-right-icon .is-item-ft {
|
|
|
|
- padding-right: 26 rpx;
|
|
|
|
- position: relative;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-item.has-right-icon .is-item-ft:after,
|
|
|
|
-.is-item-line.has-right-icon .is-item-ft:after {
|
|
|
|
- content: " ";
|
|
|
|
- display: inline-block;
|
|
|
|
- height: 12 rpx;
|
|
|
|
- width: 12 rpx;
|
|
|
|
- border-width: 4 rpx 4 rpx 0 0;
|
|
|
|
- border-color: #c8c8cd;
|
|
|
|
- border-style: solid;
|
|
|
|
- -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
|
|
|
|
- transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
|
|
|
|
- position: relative;
|
|
|
|
- top: -4 rpx;
|
|
|
|
- position: absolute;
|
|
|
|
- top: 50%;
|
|
|
|
- margin-top: -8 rpx;
|
|
|
|
- right: 4 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-item:before {
|
|
|
|
- content: " ";
|
|
|
|
- position: absolute;
|
|
|
|
- left: 0;
|
|
|
|
- top: 0;
|
|
|
|
- right: 0;
|
|
|
|
- height: 1px;
|
|
|
|
- border-top: 1px solid #dcdee2;
|
|
|
|
- color: #dcdee2;
|
|
|
|
- -webkit-transform-origin: 0 0;
|
|
|
|
- transform-origin: 0 0;
|
|
|
|
- -webkit-transform: scaleY(0.5);
|
|
|
|
- transform: scaleY(0.5);
|
|
|
|
- left: 30 rpx;
|
|
|
|
- z-index: 2;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-item:first-child:before,
|
|
|
|
-.is-item-line:first-child:before {
|
|
|
|
- display: none !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-item-bd {
|
|
|
|
- -webkit-box-flex: 1;
|
|
|
|
- -webkit-flex: 1;
|
|
|
|
- flex: 1;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-item-ft {
|
|
|
|
- text-align: right;
|
|
|
|
- font-size: 28 rpx;
|
|
|
|
- color: #888888;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-bd-subline {
|
|
|
|
- font-size: 28 rpx;
|
|
|
|
- color: #888888;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-list2-title {
|
|
|
|
- padding-left: 30 rpx;
|
|
|
|
- padding-right: 30 rpx;
|
|
|
|
- color: #888888;
|
|
|
|
- font-size: 28 rpx;
|
|
|
|
- margin-top: 30 rpx;
|
|
|
|
- margin-bottom: 18 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-list2 {
|
|
|
|
- background-color: #fff;
|
|
|
|
- width: 100%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-item2 {
|
|
|
|
- position: relative;
|
|
|
|
- padding-left: 24 rpx;
|
|
|
|
- display: flex;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-list2-info {
|
|
|
|
- flex: 1;
|
|
|
|
- padding-top: 16 rpx;
|
|
|
|
- padding-bottom: 16 rpx;
|
|
|
|
- display: flex;
|
|
|
|
- flex-direction: column;
|
|
|
|
- padding-right: 24 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-list2-link .has-list2-tip {
|
|
|
|
- padding-right: 50 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-list2-img {
|
|
|
|
- margin: 16 rpx 24 rpx 16 rpx 0 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-item2.is-list2-link:after {
|
|
|
|
- content: " ";
|
|
|
|
- display: inline-block;
|
|
|
|
- height: 16 rpx;
|
|
|
|
- width: 16 rpx;
|
|
|
|
- border-width: 4 rpx 4 rpx 0 0;
|
|
|
|
- border-color: #c8c8cd;
|
|
|
|
- border-style: solid;
|
|
|
|
- -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
|
|
|
|
- transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
|
|
|
|
- position: relative;
|
|
|
|
- top: -4 rpx;
|
|
|
|
- position: absolute;
|
|
|
|
- top: 50%;
|
|
|
|
- margin-top: -14 rpx;
|
|
|
|
- right: 24 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-list2 .is-item2:first-child .has-bordert:before {
|
|
|
|
- border: none;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.has-list2-tip {
|
|
|
|
- display: flex;
|
|
|
|
- flex-direction: row;
|
|
|
|
- justify-content: space-between;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.is-list2-tip {
|
|
|
|
- color: #888888;
|
|
|
|
- font-size: 28 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-.s-divide {
|
|
|
|
- height: 1px;
|
|
|
|
- text-align: center;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.s-divide .is-divide-otext {
|
|
|
|
- position: relative;
|
|
|
|
- top: -24 rpx;
|
|
|
|
- padding: 0 40 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/* 顶部 底部菜单 */
|
|
|
|
-
|
|
|
|
-.flex-sub {
|
|
|
|
- flex: 1;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-bar {
|
|
|
|
- display: flex;
|
|
|
|
- position: relative;
|
|
|
|
- align-items: center;
|
|
|
|
- background: #fff;
|
|
|
|
- height: 100 rpx;
|
|
|
|
- justify-content: space-between;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-bar .action {
|
|
|
|
- display: flex;
|
|
|
|
- align-items: center;
|
|
|
|
- height: 100%;
|
|
|
|
- justify-content: center;
|
|
|
|
- max-width: 100%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-bar .action:first-child {
|
|
|
|
- margin-left: 30 rpx;
|
|
|
|
- font-size: 30 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-bar .action text.text-cut {
|
|
|
|
- text-align: left;
|
|
|
|
- width: 100%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-bar .avatar:first-child {
|
|
|
|
- margin-left: 20 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-bar .action:first-child > text[class*='icon'] {
|
|
|
|
- margin-left: -0.3em;
|
|
|
|
- margin-right: 0.3em;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-bar .action:last-child {
|
|
|
|
- margin-right: 30 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-bar .action > text[class*='icon'] {
|
|
|
|
- font-size: 36 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-bar .action > text[class*='icon'] + text[class*='icon'] {
|
|
|
|
- margin-left: 0.5em;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-bar .content {
|
|
|
|
- position: absolute;
|
|
|
|
- text-align: center;
|
|
|
|
- width: 400 rpx;
|
|
|
|
- left: 0;
|
|
|
|
- right: 0;
|
|
|
|
- bottom: 16 rpx;
|
|
|
|
- margin: auto;
|
|
|
|
- height: 60 rpx;
|
|
|
|
- font-size: 36 rpx;
|
|
|
|
- line-height: 60 rpx;
|
|
|
|
- cursor: none;
|
|
|
|
- pointer-events: none;
|
|
|
|
- text-overflow: ellipsis;
|
|
|
|
- white-space: nowrap;
|
|
|
|
- overflow: hidden;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-bar.btn-group {
|
|
|
|
- justify-content: space-around;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-bar.btn-group button {
|
|
|
|
- padding: 20 rpx 32 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-bar.btn-group button {
|
|
|
|
- flex: 1;
|
|
|
|
- margin: 0 20 rpx;
|
|
|
|
- max-width: 50%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.modal-box {
|
|
|
|
- position: fixed;
|
|
|
|
- top: 0;
|
|
|
|
- right: 0;
|
|
|
|
- bottom: 0;
|
|
|
|
- left: 0;
|
|
|
|
- z-index: 1110;
|
|
|
|
- opacity: 0;
|
|
|
|
- outline: 0;
|
|
|
|
- text-align: center;
|
|
|
|
- -ms-transform: scale(1.185);
|
|
|
|
- transform: scale(1.185);
|
|
|
|
- backface-visibility: hidden;
|
|
|
|
- perspective: 2000 rpx;
|
|
|
|
- background: rgba(0, 0, 0, 0.6);
|
|
|
|
- transition: all 0.6s ease-in-out 0;
|
|
|
|
- pointer-events: none;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.modal-box::before {
|
|
|
|
- content: '\200B';
|
|
|
|
- display: inline-block;
|
|
|
|
- height: 100%;
|
|
|
|
- vertical-align: middle;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.modal-box.show {
|
|
|
|
- opacity: 1;
|
|
|
|
- transition-duration: 0.3s;
|
|
|
|
- -ms-transform: scale(1);
|
|
|
|
- transform: scale(1);
|
|
|
|
- overflow-x: hidden;
|
|
|
|
- overflow-y: auto;
|
|
|
|
- pointer-events: auto;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.dialog {
|
|
|
|
- position: relative;
|
|
|
|
- display: inline-block;
|
|
|
|
- vertical-align: middle;
|
|
|
|
- margin-left: auto;
|
|
|
|
- margin-right: auto;
|
|
|
|
- width: 680 rpx;
|
|
|
|
- max-width: 100%;
|
|
|
|
- background: #ffffff;
|
|
|
|
- border-radius: 16rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.modal-box.bottom-modal::before {
|
|
|
|
- vertical-align: bottom;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.modal-box.bottom-modal .dialog {
|
|
|
|
- width: 100%;
|
|
|
|
- border-radius: 0;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.modal-box.bottom-modal {
|
|
|
|
- margin-bottom: -1000 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.modal-box.bottom-modal.show {
|
|
|
|
- margin-bottom: 0;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.bg-img {
|
|
|
|
- background-size: cover;
|
|
|
|
- background-position: center;
|
|
|
|
- background-repeat: no-repeat;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.shadow-blur {
|
|
|
|
- position: relative;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.shadow-blur::before {
|
|
|
|
- content: "";
|
|
|
|
- display: block;
|
|
|
|
- background: inherit;
|
|
|
|
- filter: blur(10 rpx);
|
|
|
|
- position: absolute;
|
|
|
|
- width: 100%;
|
|
|
|
- height: 100%;
|
|
|
|
- top: 10 rpx;
|
|
|
|
- left: 10 rpx;
|
|
|
|
- z-index: -1;
|
|
|
|
- opacity: 0.4;
|
|
|
|
- transform-origin: 0 0;
|
|
|
|
- border-radius: inherit;
|
|
|
|
- transform: scale(1, 1);
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-swiper.square-dot .wx-swiper-dot {
|
|
|
|
- background: #fff;
|
|
|
|
- opacity: 0.4;
|
|
|
|
- width: 10 rpx !important;
|
|
|
|
- height: 10 rpx !important;
|
|
|
|
- border-radius: 20 rpx !important;
|
|
|
|
- transition: all 0.3s ease-in-out 0s !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-swiper.square-dot .wx-swiper-dot.wx-swiper-dot-active {
|
|
|
|
- opacity: 1;
|
|
|
|
- width: 30 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-swiper.round-dot .wx-swiper-dot {
|
|
|
|
- /* background: #39b54a; */
|
|
|
|
- width: 10 rpx !important;
|
|
|
|
- height: 10 rpx !important;
|
|
|
|
- top: -4 rpx !important;
|
|
|
|
- transition: all 0.3s ease-in-out 0s !important;
|
|
|
|
- position: relative;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-swiper.round-dot .wx-swiper-dot.wx-swiper-dot-active::after {
|
|
|
|
- content: "";
|
|
|
|
- position: absolute;
|
|
|
|
- width: 10 rpx;
|
|
|
|
- height: 10 rpx;
|
|
|
|
- top: 0 rpx;
|
|
|
|
- left: 0 rpx;
|
|
|
|
- right: 0;
|
|
|
|
- bottom: 0;
|
|
|
|
- margin: auto;
|
|
|
|
- background: #fff;
|
|
|
|
- border-radius: 20 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-swiper.round-dot .wx-swiper-dot.wx-swiper-dot-active {
|
|
|
|
- width: 18 rpx !important;
|
|
|
|
- height: 18 rpx !important;
|
|
|
|
- top: 0 rpx !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.screen-swiper {
|
|
|
|
- min-height: 375 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.screen-swiper image {
|
|
|
|
- width: 100%;
|
|
|
|
- display: block;
|
|
|
|
- height: 100%;
|
|
|
|
- margin: 0;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-card-swiper {
|
|
|
|
- height: 420 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-card-swiper swiper-item {
|
|
|
|
- width: 610 rpx !important;
|
|
|
|
- left: 70 rpx !important;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
- padding: 40 rpx 0 rpx 70 rpx;
|
|
|
|
- overflow: initial !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-card-swiper swiper-item .bg-img {
|
|
|
|
- width: 100%;
|
|
|
|
- display: block;
|
|
|
|
- height: 100%;
|
|
|
|
- border-radius: 10 rpx;
|
|
|
|
- transform: scale(0.9);
|
|
|
|
- transition: all 0.2s ease-in 0s;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-card-swiper swiper-item.cur .bg-img {
|
|
|
|
- transform: none;
|
|
|
|
- transition: all 0.2s ease-in 0s;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.tower-swiper {
|
|
|
|
- height: 420 rpx;
|
|
|
|
- position: relative;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.tower-swiper .tower-item {
|
|
|
|
- position: absolute;
|
|
|
|
- width: 300 rpx;
|
|
|
|
- height: 380 rpx;
|
|
|
|
- top: 0;
|
|
|
|
- bottom: 0;
|
|
|
|
- left: 50%;
|
|
|
|
- margin: auto;
|
|
|
|
- transition: all 0.3s ease-in 0s;
|
|
|
|
- opacity: 1;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.tower-swiper .tower-item.none {
|
|
|
|
- opacity: 0;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.tower-swiper .tower-item .bg-img {
|
|
|
|
- width: 100%;
|
|
|
|
- height: 100%;
|
|
|
|
- border-radius: 6 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-.simple-load {
|
|
|
|
- display: block;
|
|
|
|
- line-height: 3em;
|
|
|
|
- text-align: center;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-load::before {
|
|
|
|
- font-family: "simplepro" !important;
|
|
|
|
- display: inline-block;
|
|
|
|
- margin-right: 6 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-load.loading::before {
|
|
|
|
- content: "\e67a";
|
|
|
|
- animation: icon-spin 2s infinite linear;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-load.loading::after {
|
|
|
|
- content: "加载中...";
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-load.over::before {
|
|
|
|
- content: "\e64a";
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-load.over::after {
|
|
|
|
- content: "没有更多了";
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-load.erro::before {
|
|
|
|
- content: "\e658";
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-load.erro::after {
|
|
|
|
- content: "加载失败";
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-load.load-icon::before {
|
|
|
|
- font-size: 32 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-load.load-icon::after {
|
|
|
|
- display: none;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-load.load-icon.over {
|
|
|
|
- display: none;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-load.load-modal {
|
|
|
|
- position: fixed;
|
|
|
|
- top: 0;
|
|
|
|
- right: 0;
|
|
|
|
- bottom: 140 rpx;
|
|
|
|
- left: 0;
|
|
|
|
- margin: auto;
|
|
|
|
- width: 260 rpx;
|
|
|
|
- height: 260 rpx;
|
|
|
|
- background: #fff;
|
|
|
|
- border-radius: 10 rpx;
|
|
|
|
- box-shadow: 0 0 0 rpx 2000 rpx rgba(0, 0, 0, 0.5);
|
|
|
|
- display: flex;
|
|
|
|
- align-items: center;
|
|
|
|
- flex-direction: column;
|
|
|
|
- justify-content: center;
|
|
|
|
- font-size: 28 rpx;
|
|
|
|
- z-index: 999999;
|
|
|
|
- line-height: 2.4em;
|
|
|
|
-
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-load.load-modal [class*="icon"] {
|
|
|
|
- font-size: 60 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-load.load-modal image {
|
|
|
|
- width: 70 rpx;
|
|
|
|
- height: 70 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.simple-load.load-modal::after {
|
|
|
|
- content: "";
|
|
|
|
- position: absolute;
|
|
|
|
- background: #fff;
|
|
|
|
- border-radius: 50%;
|
|
|
|
- width: 200 rpx;
|
|
|
|
- height: 200 rpx;
|
|
|
|
- font-size: 10px;
|
|
|
|
- border-top: 6 rpx solid rgba(0, 0, 0, 0.05);
|
|
|
|
- border-right: 6 rpx solid rgba(0, 0, 0, 0.05);
|
|
|
|
- border-bottom: 6 rpx solid rgba(0, 0, 0, 0.05);
|
|
|
|
- border-left: 6 rpx solid #f37b1d;
|
|
|
|
- animation: icon-spin 1s infinite linear;
|
|
|
|
- z-index: -1;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.load-progress {
|
|
|
|
- pointer-events: none;
|
|
|
|
- top: 0;
|
|
|
|
- position: fixed;
|
|
|
|
- width: 100%;
|
|
|
|
- left: 0;
|
|
|
|
- z-index: 2000;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.load-progress.hide {
|
|
|
|
- display: none;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.load-progress .load-progress-bar {
|
|
|
|
- position: relative;
|
|
|
|
- width: 100%;
|
|
|
|
- height: 4 rpx;
|
|
|
|
- overflow: hidden;
|
|
|
|
- transition: all 200ms ease 0s;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-.load-progress .load-progress-spinner {
|
|
|
|
- position: absolute;
|
|
|
|
- top: 10 rpx;
|
|
|
|
- right: 10 rpx;
|
|
|
|
- z-index: 2000;
|
|
|
|
- display: block;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.load-progress .load-progress-spinner::after {
|
|
|
|
- content: "";
|
|
|
|
- display: block;
|
|
|
|
- width: 24 rpx;
|
|
|
|
- height: 24 rpx;
|
|
|
|
- -webkit-box-sizing: border-box;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
- border: solid 4 rpx transparent;
|
|
|
|
- border-top-color: inherit;
|
|
|
|
- border-left-color: inherit;
|
|
|
|
- border-radius: 50%;
|
|
|
|
- -webkit-animation: load-progress-spinner 0.4s linear infinite;
|
|
|
|
- animation: load-progress-spinner 0.4s linear infinite;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-@-webkit-keyframes load-progress-spinner {
|
|
|
|
- 0% {
|
|
|
|
- -webkit-transform: rotate(0);
|
|
|
|
- transform: rotate(0);
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- 100% {
|
|
|
|
- -webkit-transform: rotate(360deg);
|
|
|
|
- transform: rotate(360deg);
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-@keyframes load-progress-spinner {
|
|
|
|
- 0% {
|
|
|
|
- -webkit-transform: rotate(0);
|
|
|
|
- transform: rotate(0);
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- 100% {
|
|
|
|
- -webkit-transform: rotate(360deg);
|
|
|
|
- transform: rotate(360deg);
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-.cu-list.menu {
|
|
|
|
- display: block;
|
|
|
|
- overflow: hidden;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list + .cu-list {
|
|
|
|
- margin-top: 30 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.menu > .cu-item {
|
|
|
|
- position: relative;
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: space-between;
|
|
|
|
- align-items: center;
|
|
|
|
- min-height: 100 rpx;
|
|
|
|
- background: #fff;
|
|
|
|
- padding: 0 30 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-.cu-list.menu > .cu-item::after {
|
|
|
|
- content: " ";
|
|
|
|
- width: 200%;
|
|
|
|
- height: 200%;
|
|
|
|
- position: absolute;
|
|
|
|
- top: 0;
|
|
|
|
- left: 0;
|
|
|
|
- border-radius: inherit;
|
|
|
|
- transform: scale(0.5);
|
|
|
|
- transform-origin: 0 0;
|
|
|
|
- pointer-events: none;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
- border-bottom: 1 rpx solid #ddd;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.menu.sm-border > .cu-item::after {
|
|
|
|
- width: calc(200% - 120rpx);
|
|
|
|
- left: 30 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.menu > .cu-item:last-child::after {
|
|
|
|
- border: none;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.menu > .cu-item.cur {
|
|
|
|
- background-color: #fcf7e9;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.menu-avatar > .cu-item {
|
|
|
|
- padding-left: 140 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.menu-avatar > .cu-item .cu-avatar {
|
|
|
|
- left: 30 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.menu > .cu-item .content {
|
|
|
|
- line-height: 1.6em;
|
|
|
|
- flex: 1;
|
|
|
|
- font-size: 30 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.menu > .cu-item button.content {
|
|
|
|
- padding: 0;
|
|
|
|
- justify-content: flex-start;
|
|
|
|
- background-color: transparent;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.menu > .cu-item button.content::after {
|
|
|
|
- display: none;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.menu > .cu-item .content > text[class*="icon"] {
|
|
|
|
- margin-right: 10 rpx;
|
|
|
|
- display: inline-block;
|
|
|
|
- width: 1.6em;
|
|
|
|
- text-align: center;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.menu > .cu-item .content > image {
|
|
|
|
- margin-right: 10 rpx;
|
|
|
|
- display: inline-block;
|
|
|
|
- width: 1.6em;
|
|
|
|
- height: 1.6em;
|
|
|
|
- vertical-align: middle;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.menu-avatar > .cu-item .action {
|
|
|
|
- text-align: center;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.menu-avatar > .cu-item .action view + view {
|
|
|
|
- margin-top: 10 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.menu > .cu-item .action .cu-tag:empty {
|
|
|
|
- right: 10 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.menu > .cu-item.arrow {
|
|
|
|
- padding-right: 90 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.menu > .cu-item.arrow::before {
|
|
|
|
- font-family: "simplepro" !important;
|
|
|
|
- display: block;
|
|
|
|
- content: "\e6a3";
|
|
|
|
- position: absolute;
|
|
|
|
- font-size: 34 rpx;
|
|
|
|
- color: #aaa;
|
|
|
|
- line-height: 30 rpx;
|
|
|
|
- height: 30 rpx;
|
|
|
|
- width: 30 rpx;
|
|
|
|
- text-align: center;
|
|
|
|
- top: 0 rpx;
|
|
|
|
- bottom: 0;
|
|
|
|
- right: 30 rpx;
|
|
|
|
- margin: auto;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.menu > .cu-item .cu-avatar-group .cu-avatar {
|
|
|
|
- border-color: #fff;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.card-menu {
|
|
|
|
- margin-left: 30 rpx;
|
|
|
|
- margin-right: 30 rpx;
|
|
|
|
- border-radius: 20 rpx;
|
|
|
|
- overflow: hidden;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.menu-avatar > .cu-item {
|
|
|
|
- padding-left: 140 rpx;
|
|
|
|
- height: 140 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.menu-avatar > .cu-item > .cu-avatar {
|
|
|
|
- position: absolute;
|
|
|
|
- left: 30 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.menu-avatar.comment > .cu-item {
|
|
|
|
- height: auto;
|
|
|
|
- padding-top: 30 rpx;
|
|
|
|
- padding-bottom: 30 rpx;
|
|
|
|
- padding-left: 120 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.menu-avatar.comment .cu-avatar {
|
|
|
|
- align-self: flex-start;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.menu > .cu-item .content .cu-tag.sm {
|
|
|
|
- font-size: 16 rpx;
|
|
|
|
- line-height: 80%;
|
|
|
|
- padding: 8 rpx 6 rpx 4 rpx;
|
|
|
|
- margin-top: -6 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.grid {
|
|
|
|
- text-align: center;
|
|
|
|
- background: #fff;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.grid > .cu-item {
|
|
|
|
- display: flex;
|
|
|
|
- flex-direction: column;
|
|
|
|
- padding: 20 rpx 0 30 rpx;
|
|
|
|
- position: relative;
|
|
|
|
- transition-duration: 0s;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.grid > .cu-item [class*="icon"] {
|
|
|
|
- display: block;
|
|
|
|
- width: 100%;
|
|
|
|
- position: relative;
|
|
|
|
- font-size: 48 rpx;
|
|
|
|
- margin-top: 20 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.grid > .cu-item text {
|
|
|
|
- display: block;
|
|
|
|
- color: #888;
|
|
|
|
- margin-top: 10 rpx;
|
|
|
|
- line-height: 40 rpx;
|
|
|
|
- font-size: 26 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.grid > .cu-item .cu-tag {
|
|
|
|
- left: 50%;
|
|
|
|
- right: auto;
|
|
|
|
- margin-left: 20 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.grid > .cu-item::after {
|
|
|
|
- content: " ";
|
|
|
|
- width: 200%;
|
|
|
|
- height: 200%;
|
|
|
|
- position: absolute;
|
|
|
|
- top: 0;
|
|
|
|
- left: 0;
|
|
|
|
- border-radius: inherit;
|
|
|
|
- transform: scale(0.5);
|
|
|
|
- transform-origin: 0 0;
|
|
|
|
- pointer-events: none;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
- border-right: 1px solid rgba(0, 0, 0, 0.1);
|
|
|
|
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.grid.col-3 > .cu-item:nth-child(3n)::after {
|
|
|
|
- border-right-width: 0px;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.grid.col-4 > .cu-item:nth-child(4n)::after {
|
|
|
|
- border-right-width: 0px;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.grid.col-5 > .cu-item:nth-child(5n)::after {
|
|
|
|
- border-right-width: 0px;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.grid.no-border {
|
|
|
|
- padding: 20 rpx 10 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.grid.no-border > .cu-item {
|
|
|
|
- padding-top: 10 rpx;
|
|
|
|
- padding-bottom: 20 rpx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list.grid.no-border > .cu-item::after {
|
|
|
|
- border: none !important;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list > .cu-item {
|
|
|
|
- transform: translateX(0 rpx);
|
|
|
|
- transition: all 0.6s ease-in-out 0s;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list > .cu-item .move {
|
|
|
|
- display: flex;
|
|
|
|
- width: 260 rpx;
|
|
|
|
- height: 100%;
|
|
|
|
- position: absolute;
|
|
|
|
- right: 0;
|
|
|
|
- transform: translateX(100%);
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list > .cu-item.move-cur {
|
|
|
|
- transform: translateX(-260 rpx);
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.cu-list > .cu-item .move view {
|
|
|
|
- flex: 1;
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: center;
|
|
|
|
- align-items: center;
|
|
|
|
-}
|
|
|