97 lines
5.8 KiB
CSS
97 lines
5.8 KiB
CSS
/**
|
|
重置样式 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;}
|