/** 重置样式 reset.css Created by Andy on 2019-09-23 */ body, page {background-color: #f7f8f9; color: #353535;font-size: 14px; font-family: PingFangSC-Regular, Helvetica Neue, Helvetica, sans-serif; margin: 0 auto; padding: 0; max-width: 750px; height: 100%; width: 100%; } view, scroll-view, swiper, button, input, textarea, label, navigator, image {box-sizing: border-box; margin: 0; padding: 0; } image {border: 0; display: inline-block; vertical-align: top; max-width: 100%; position: relative;} ::-webkit-scrollbar {display: none;} .ellipsis {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .bold {font-weight: 700;}.fl {float: left!important;}.fr {float: right!important;} .hide {display: none!important;}.w100 {width: 100%;}.db {display: block!important;}.dib {display: inline-block!important;} .pos_rel {position: relative; } .pos_abs {position: absolute; } .align_l {text-align: left!important;}.align_c {text-align: center!important;}.align_r {text-align: right!important;} .bg_fff {background-color: #fff;} .bg_fbfbfb {background-color: #fbfbfb;} /*浅灰色背景*/ .bg_ebebeb {background-color: #ebebeb;} /*浅灰色边框线*/ .bg_dbdbdb {background-color: #dbdbdb;} /*深灰色边框线*/ .bg_feb719 {background-color: #feb719;} /*深橙色*/ .bg_fef719 {background-color: #fef719;} /*浅橙色*/ .bg_399fff {background-color: #399fff;} /*深蓝色*/ .bg_37eef8 {background-color: #37eef8;} /*浅蓝色*/ .bg_linear1 {background-image: linear-gradient(45deg, #fef719, #feb719);} /*背景渐变 (橙色)*/ .bg_linear2 {background-image: linear-gradient(45deg, #37eef8, #399fff);} /*背景渐变 (蓝色)*/ .bg_linear3 {background-image: linear-gradient(45deg, #ff1d51, #fef719);} /*背景渐变 (蓝色)*/ .bg_linear1:active, .bg_linear2:active {opacity: .9;} .c_fff {color: #fff;} .c_bbb {color: #bbb;} .c_999 {color: #999;} .c_353535 {color: #353535;} /*黑色*/ .c_ff3e3e {color: #ff3e3e;} /*红色*/ .c_ff0f33 {color: #ff0f33;} /*橙红*/ .c_feb719 {color: #feb719;} /*深橙色*/ .c_fef719 {color: #fef719;} /*浅橙色*/ .c_399fff {color: #399fff;} /*深蓝色*/ .c_37eef8 {color: #37eef8;} /*浅蓝色*/ .c_1dd36e {color: #1dd36e;} /*在线*/ .c_589bee {color: #589bee;} /*男*/ .c_ee7357 {color: #ee7357;} /*女*/ .fs_12 {font-size: 24rpx;}.fs_14 {font-size: 28rpx;} .fs_15 {font-size: 30rpx;}.fs_16 {font-size: 32rpx;}.fs_18 {font-size: 36rpx;} .fs_20 {font-size: 40rpx;}.fs_24 {font-size: 48rpx;} .fs_30 {font-size: 60rpx;}.fs_32 {font-size: 64rpx;}.fs_36 {font-size: 72rpx;} .ff_vd {font-family: Verdana;} .ff_hv {font-family: Helvetica;} .ff_ss {font-family: sans-serif;} .ff_ar {font-family: arial;} .ff_st {font-family: simsun;} .mt_5 {margin-top: 10rpx} .mt_10 {margin-top: 20rpx} .mt_15 {margin-top: 30rpx} .mt_20 {margin-top: 40rpx} .mt_25 {margin-top: 50rpx} .mt_30 {margin-top: 60rpx} .mt_50 {margin-top: 100rpx} .mb_5 {margin-bottom: 10rpx} .mb_10 {margin-bottom: 20rpx} .mb_15 {margin-bottom: 30rpx} .mb_20 {margin-bottom: 40rpx} .mb_25 {margin-bottom: 50rpx} .mb_30 {margin-bottom: 60rpx} .mb_50 {margin-bottom: 100rpx} .ml_5 {margin-left: 10rpx} .ml_10 {margin-left: 20rpx} .ml_15 {margin-left: 30rpx} .ml_20 {margin-left: 40rpx} .ml_25 {margin-left: 50rpx} .ml_30 {margin-left: 60rpx} .ml_50 {margin-left: 100rpx} .mr_5 {margin-right: 10rpx} .mr_10 {margin-right: 20rpx} .mr_15 {margin-right: 30rpx} .mr_20 {margin-right: 40rpx} .mr_25 {margin-right: 50rpx} .mr_30 {margin-right: 60rpx} .mr_50 {margin-right: 100rpx} .pt_5 {padding-top: 10rpx} .pt_10 {padding-top: 20rpx} .pt_15 {padding-top: 30rpx} .pt_20 {padding-top: 40rpx} .pt_25 {padding-top: 50rpx} .pt_30 {padding-top: 60rpx} .pt_50 {padding-top: 100rpx} .pb_5 {padding-bottom: 10rpx} .pb_10 {padding-bottom: 20rpx} .pb_15 {padding-bottom: 30rpx} .pb_20 {padding-bottom: 40rpx} .pb_25 {padding-bottom: 50rpx} .pb_30 {padding-bottom: 60rpx} .pb_50 {padding-bottom: 100rpx} .pl_5 {padding-left: 10rpx} .pl_10 {padding-left: 20rpx} .pl_15 {padding-left: 30rpx} .pl_20 {padding-left: 40rpx} .pl_25 {padding-left: 50rpx} .pl_30 {padding-left: 60rpx} .pl_50 {padding-left: 100rpx} .pr_5 {padding-right: 10rpx} .pr_10 {padding-right: 20rpx} .pr_15 {padding-right: 30rpx} .pr_20 {padding-right: 40rpx} .pr_25 {padding-right: 50rpx} .pr_30 {padding-right: 60rpx} .pr_50 {padding-right: 100rpx} .mar5 {margin: 10rpx} .mar10 {margin: 20rpx} .mar15 {margin: 30rpx} .mar20 {margin: 40rpx} .mar25 {margin: 50rpx} .mar30 {margin: 60rpx} .mar50 {margin: 100rpx} .pad5 {padding: 10rpx} .pad10 {padding: 20rpx} .pad15 {padding: 30rpx} .pad20 {padding: 40rpx} .pad25 {padding: 50rpx} .pad30 {padding: 60rpx} .pad50 {padding: 100rpx} .lh_14 {line-height: 28rpx;} .lh_17 {line-height: 34rpx;} .lh_20 {line-height: 40rpx;} .lh_24 {line-height: 48rpx;} .lh_30 {line-height: 60rpx;} .lh_35 {line-height: 70rpx;} .lh_45 {line-height: 90rpx;} .lh_50 {line-height: 100rpx;} .mh_90 {min-height: 90rpx;} .mh_100 {min-height: 100rpx;} .mh_110 {min-height: 110rpx;} .mh_120 {min-height: 120rpx;} .flexbox {display: flex;} .flex1 {flex: 1;} .flex2 {flex: 2;} /* align-items */ .flex_alignt {align-items: flex-start;} .flex_alignc {align-items: center;} .flex_alignb {align-items: flex-end;} /* align-self */ .flex_selft {align-self: flex-start;} .flex_selfc {align-self: center;} .flex_selfb {align-self: flex-end;} /* justify-content */ .flex_justifyb {justify-content: space-between;} .flex_justifyc {justify-content: center;} /* flex-direction */ .flex_col {flex-direction: column;} .flex_row {flex-direction: row;} .uni__btn-primary {background-color: #49b757!important; border-radius: 5px; color: #fff; font-size: 14px; text-align: center; padding: 0 20px; line-height: 45px;} .uni__btn-primary.button-hover {background-color: #2b9939!important;} .uni__btn-default {background-color: #fbfbfb!important; border-radius: 5px; color: #353535!important; font-size: 14px; text-align: center; padding: 0 20px; line-height: 45px;} .uni__btn-default.button-hover {background-color: #ebebeb!important;}