523 lines
17 KiB
CSS
523 lines
17 KiB
CSS
/* @media screen and (height:812px){
|
|
}
|
|
@media screen and (height:844px){
|
|
}
|
|
@media screen and (height:896px){
|
|
}
|
|
@media screen and (min-height:926px){
|
|
}
|
|
*/
|
|
|
|
view{
|
|
box-sizing: border-box;
|
|
}
|
|
image{vertical-align: middle;}
|
|
|
|
.width100{width: 100%;}
|
|
.width55{width: 55%;}
|
|
.width50{width: 50%;}
|
|
.width49{width: 49%;}
|
|
.width48_8{width: 48.8%;}
|
|
.width48_7{width: 48.7%;}
|
|
.width48_6{width: 48.6%;}
|
|
.width48_5{width: 48.5%;}
|
|
.width48{width: 48%;}
|
|
.width47{width: 47%;}
|
|
.width46{width: 46%;}
|
|
.width45{width: 45%;}
|
|
.width33{width: 33%;}
|
|
.width30{width: 30%;}
|
|
.width29{width: 29%;}
|
|
.width28{width: 28%;}
|
|
.width27{width: 27%;}
|
|
.width26{width: 26%;}
|
|
.width25{width: 25%;}
|
|
|
|
.posi{position: fixed;z-index: 10;}
|
|
.posAll{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.45);z-index: 12;}
|
|
.posiszy{position: fixed;left: 0;right: 0;z-index: 5;}
|
|
.posixzy{position: fixed;left: 0;right: 0;z-index: 2;bottom: 0;}
|
|
.poszy{position: fixed;left: 0;right: 0;z-index: 3;}
|
|
.posi-sticky{position: sticky;top: 0;z-index: 2;background-color: #FFFFFF;}
|
|
.posir{position: relative;}
|
|
.posia{position: absolute;}
|
|
.posia-op{position: absolute;top: 0;right: 0;left: 0;bottom: 0;opacity: 0;}
|
|
.posia-xzy{position: absolute;right: 0;left: 0;bottom: 0;z-index: 1;}
|
|
.posia-sy20{position: absolute;top: 20rpx;right: 20rpx;}
|
|
|
|
.overflow{overflow: hidden;}
|
|
.overflow-s{overflow: hidden;overflow-y:scroll;}
|
|
.overflow-s::-webkit-scrollbar{display:none;}
|
|
|
|
/* 盒子阴影 */
|
|
.boxshow1{box-shadow: 0 0 20rpx rgba(0, 0, 0, .1);}
|
|
.boxshowb{box-shadow: 0 2rpx 20rpx rgba(0, 0, 0, .1);}
|
|
.boxshowt{box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, .1);}
|
|
.boxshow2{box-shadow: 0 0 10rpx rgba(167, 167, 167, .1);}
|
|
|
|
|
|
/* 背景色透明 */
|
|
.bac1{background-color: rgba(0, 0, 0, .1);}
|
|
.bac2{background-color: rgba(0, 0, 0, .2);}
|
|
.bac3{background-color: rgba(0, 0, 0, .3);}
|
|
.bac4{background-color: rgba(0, 0, 0, .4);}
|
|
.bac5{background-color: rgba(0, 0, 0, .5);}
|
|
.bac6{background-color: rgba(0, 0, 0, .6);}
|
|
.bac7{background-color: rgba(0, 0, 0, .7);}
|
|
.bac8{background-color: rgba(0, 0, 0, .8);}
|
|
.bac9{background-color: rgba(0, 0, 0, .9);}
|
|
|
|
.dis{display: flex;}
|
|
.disjc{display: flex;justify-content: center;}
|
|
.disac{display: flex;align-items: center;}
|
|
.disja{display: flex;justify-content: space-around;}
|
|
.disjb{display: flex;justify-content: space-between;}
|
|
.disje{display: flex;justify-content: flex-end;}
|
|
.disjbac{display: flex;justify-content: space-between;align-items: center;}
|
|
.disjcac{display: flex;justify-content: center;align-items: center;}
|
|
.fc{flex-direction: column;}
|
|
.fw{flex-wrap: wrap;}
|
|
.fe{justify-content: flex-end;}
|
|
.ae{align-items: flex-end;}
|
|
.flexs{flex-shrink: 0;}
|
|
.disn{display: none;}
|
|
|
|
|
|
.wh42{width: 42rpx;height: 42rpx;}
|
|
.wh44{width: 44rpx;height: 44rpx;}
|
|
|
|
button:after{content: none!important;}
|
|
.borbot{border-bottom: 2rpx solid #EEEEEE;}
|
|
.borbot:last-child{border-bottom: none;}
|
|
.bbot{border-bottom: 2rpx solid #f0f0f0;}
|
|
.tbot{border-top: 2rpx solid #EEEEEE;}
|
|
.borbot-df{border: 2rpx solid #DFDFDF;}
|
|
.borbot-cc{border: 2rpx solid #CCCCCC;}
|
|
.borbot-f{border: 2rpx solid #FFFFFF;}
|
|
.bleft {border-left: 2rpx solid #EEEEEE;}
|
|
.bbt-d9{border-bottom: 2rpx solid #d9d9d9;}
|
|
|
|
/* 行高 */
|
|
.line-h30{line-height: 30rpx;}
|
|
.line-h32{line-height: 32rpx;}
|
|
.line-h34{line-height: 34rpx;}
|
|
.line-h36{line-height: 36rpx;}
|
|
.line-h38{line-height: 38rpx;}
|
|
.line-h40{line-height: 40rpx;}
|
|
.line-h42{line-height: 42rpx;}
|
|
.line-h44{line-height: 44rpx;}
|
|
.line-h46{line-height: 46rpx;}
|
|
.line-h48{line-height: 48rpx;}
|
|
.line-h50{line-height: 50rpx;}
|
|
.line-h52{line-height: 52rpx;}
|
|
.line-h54{line-height: 54rpx;}
|
|
.line-h56{line-height: 56rpx;}
|
|
.line-h58{line-height: 58rpx;}
|
|
.line-h60{line-height: 60rpx;}
|
|
.line-h62{line-height: 62rpx;}
|
|
.line-h64{line-height: 64rpx;}
|
|
.line-h66{line-height: 66rpx;}
|
|
.line-h68{line-height: 60rpx;}
|
|
.line-h70{line-height: 70rpx;}
|
|
.line-h72{line-height: 72rpx;}
|
|
.line-h74{line-height: 74rpx;}
|
|
|
|
|
|
.clips1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
|
.clips2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
|
.clips3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
|
.clips4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
|
.clips5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
|
.clips6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
|
.clips7{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
|
.clips8{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
|
.clips9{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 9;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
|
.clips10{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 10;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
|
|
|
|
|
/* 字体大小 */
|
|
.fon20{font-size: 20rpx;}
|
|
.fon22{font-size: 22rpx;}
|
|
.fon24{font-size: 24rpx;}
|
|
.fon25{font-size: 25rpx;}
|
|
.fon26{font-size: 26rpx;}
|
|
.fon27{font-size: 27rpx;}
|
|
.fon28{font-size: 28rpx;}
|
|
.fon30{font-size: 30rpx;}
|
|
.fon32{font-size: 32rpx;}
|
|
.fon34{font-size: 34rpx;}
|
|
.fon36{font-size: 36rpx;}
|
|
.fon38{font-size: 38rpx;}
|
|
.fon40{font-size: 40rpx;}
|
|
.fon42{font-size: 42rpx;}
|
|
.fon44{font-size: 44rpx;}
|
|
.fon46{font-size: 46rpx;}
|
|
.fon48{font-size: 48rpx;}
|
|
.fon50{font-size: 50rpx;}
|
|
.fon52{font-size: 52rpx;}
|
|
.fon54{font-size: 54rpx;}
|
|
.fon56{font-size: 56rpx;}
|
|
.fon58{font-size: 58rpx;}
|
|
.fon60{font-size: 60rpx;}
|
|
.fon62{font-size: 62rpx;}
|
|
.fon64{font-size: 64rpx;}
|
|
.fon66{font-size: 66rpx;}
|
|
.fon68{font-size: 68rpx;}
|
|
.fon70{font-size: 70rpx;}
|
|
.fon72{font-size: 72rpx;}
|
|
|
|
/* 字体颜色 */
|
|
.colf{color: #FFFFFF;}
|
|
.colf6{color: #f6f6f6;}
|
|
.colb{color: #000000;}
|
|
.colc{color: #CCCCCC;}
|
|
.col3{color: #333333;}
|
|
.col34{color: #343434;}
|
|
.col6{color: #666666;}
|
|
.col26{color: #262626;}
|
|
.colf8{color: #F85050;}
|
|
.col-e42417{color: #e42417;}
|
|
.col9{color: #999999;}
|
|
.pcol{color: #3875F6;}
|
|
.col2c{color: #2C2C2C;}
|
|
.col80{color: #808080;}
|
|
.col7D{color: #7D7D7D;}
|
|
.colB3{color: #B3B3B3;}
|
|
.col5b{color: #5B5B5B;}
|
|
.colpeili{color: #868695;}
|
|
.col-969696{color: #969696;}
|
|
|
|
|
|
/* 字体位置 */
|
|
.tright{text-align: right;}
|
|
.tcenter{text-align: center;}
|
|
.tline-through{text-decoration: line-through;}
|
|
|
|
/* 文字空两格 */
|
|
.tindent{text-indent: 2em;}
|
|
|
|
/* 元素缩小 */
|
|
.scal13{transform: scale(1.3);}
|
|
.scal12{transform: scale(1.2);}
|
|
.scal11{transform: scale(1.1);}
|
|
.scal10{transform: scale(1);}
|
|
.scal09{transform: scale(.9);}
|
|
.scal08{transform: scale(.8);}
|
|
.scal07{transform: scale(.7);}
|
|
.scal06{transform: scale(.6);}
|
|
.scal05{transform: scale(.5);}
|
|
|
|
/* 行间距 */
|
|
.linh40{line-height: 40rpx;}
|
|
.linh50{line-height: 50rpx;}
|
|
.linh60{line-height: 60rpx;}
|
|
.linh70{line-height: 70rpx;}
|
|
|
|
/* 粗体 */
|
|
.bold{font-weight: bold;}
|
|
.bold400{font-weight: 400;}
|
|
.bold500{font-weight: 500;}
|
|
|
|
|
|
/* 背景颜色 */
|
|
.pbackc{background-color: #3875F6;}
|
|
.bacf{background-color: #FFFFFF;}
|
|
.bac0{background-color: #000000;}
|
|
.bcdb{background-color: #DBDBDB;}
|
|
.bcf8{background: #F85050;}
|
|
.bacf5{background: #F5F5F5;}
|
|
.bacf6{background-color: #f6f6f6;}
|
|
|
|
|
|
|
|
/* 圆角 */
|
|
.radius4{border-radius: 4rpx;}
|
|
.radius6{border-radius: 6rpx;}
|
|
.radius8{border-radius: 8rpx;}
|
|
.radius10{border-radius: 10rpx;}
|
|
.radius12{border-radius: 12rpx;}
|
|
.radius14{border-radius: 14rpx;}
|
|
.radius16{border-radius: 16rpx;}
|
|
.radius18{border-radius: 18rpx;}
|
|
.radius20{border-radius: 20rpx;}
|
|
.radius22{border-radius: 22rpx;}
|
|
.radius24{border-radius: 24rpx;}
|
|
.radius26{border-radius: 26rpx;}
|
|
.radius28{border-radius: 28rpx;}
|
|
.radius30{border-radius: 30rpx;}
|
|
.radius32{border-radius: 32rpx;}
|
|
.radius34{border-radius: 34rpx;}
|
|
.radius36{border-radius: 36rpx;}
|
|
.radius38{border-radius: 38rpx;}
|
|
.radius40{border-radius: 40rpx;}
|
|
.radius42{border-radius: 42rpx;}
|
|
.radius44{border-radius: 44rpx;}
|
|
.radius46{border-radius: 46rpx;}
|
|
.radius48{border-radius: 48rpx;}
|
|
.radius50{border-radius: 50rpx;}
|
|
.radius_50{border-radius: 50%;}
|
|
.radius_100{border-radius: 100%;}
|
|
|
|
/* 上下左右---外边距 */
|
|
.mar10{margin: 10rpx;}
|
|
.mar20{margin: 20rpx;}
|
|
.mar25{margin: 25rpx;}
|
|
.mar30{margin: 30rpx;}
|
|
.mar32{margin: 32rpx;}
|
|
.mar36{margin: 36rpx;}
|
|
.mar40{margin: 40rpx;}
|
|
.mar50{margin: 50rpx;}
|
|
/* 上下---外边距 */
|
|
.mar-sx10{margin-top: 10rpx;margin-bottom: 10rpx;}
|
|
.mar-sx20{margin-top: 20rpx;margin-bottom: 20rpx;}
|
|
.mar-sx25{margin-top: 25rpx;margin-bottom: 25rpx;}
|
|
.mar-sx30{margin-top: 30rpx;margin-bottom: 30rpx;}
|
|
.mar-sx32{margin-top: 32rpx;margin-bottom: 32rpx;}
|
|
.mar-sx36{margin-top: 36rpx;margin-bottom: 36rpx;}
|
|
.mar-sx40{margin-top: 40rpx;margin-bottom: 40rpx;}
|
|
.mar-sx50{margin-top: 50rpx;margin-bottom: 50rpx;}
|
|
/* 左右---外边距 */
|
|
.mar-zy10{margin-left: 10rpx;margin-right: 10rpx;}
|
|
.mar-zy20{margin-left: 20rpx;margin-right: 20rpx;}
|
|
.mar-zy25{margin-left: 25rpx;margin-right: 25rpx;}
|
|
.mar-zy30{margin-left: 30rpx;margin-right: 30rpx;}
|
|
.mar-zy32{margin-left: 32rpx;margin-right: 32rpx;}
|
|
.mar-zy36{margin-left: 36rpx;margin-right: 36rpx;}
|
|
.mar-zy40{margin-left: 40rpx;margin-right: 40rpx;}
|
|
.mar-zy50{margin-left: 50rpx;margin-right: 50rpx;}
|
|
.mar-zy85{margin-left: 85rpx;margin-right: 85rpx;}
|
|
/* 上---外边距 */
|
|
.mar-s10{margin-top: 10rpx;}
|
|
.mar-s20{margin-top: 20rpx;}
|
|
.mar-s25{margin-top: 25rpx;}
|
|
.mar-s30{margin-top: 30rpx;}
|
|
.mar-s32{margin-top: 32rpx;}
|
|
.mar-s36{margin-top: 36rpx;}
|
|
.mar-s40{margin-top: 40rpx;}
|
|
.mar-s50{margin-top: 50rpx;}
|
|
.mar-s60{margin-top: 60rpx;}
|
|
.mar-s70{margin-top: 70rpx;}
|
|
.mar-s80{margin-top: 80rpx;}
|
|
.mar-s90{margin-top: 90rpx;}
|
|
.mar-s100{margin-top: 100rpx;}
|
|
.mar-s120{margin-top: 120rpx;}
|
|
.mar-s140{margin-top: 140rpx;}
|
|
.mar-s160{margin-top: 160rpx;}
|
|
.mar-s180{margin-top: 180rpx;}
|
|
/* 下---外边距 */
|
|
.mar-x10{margin-bottom: 10rpx;}
|
|
.mar-x20{margin-bottom: 20rpx;}
|
|
.mar-x25{margin-bottom: 25rpx;}
|
|
.mar-x30{margin-bottom: 30rpx;}
|
|
.mar-x32{margin-bottom: 32rpx;}
|
|
.mar-x36{margin-bottom: 36rpx;}
|
|
.mar-x40{margin-bottom: 40rpx;}
|
|
.mar-x50{margin-bottom: 50rpx;}
|
|
.mar-x60{margin-bottom: 60rpx;}
|
|
.mar-x70{margin-bottom: 70rpx;}
|
|
.mar-x80{margin-bottom: 80rpx;}
|
|
.mar-x90{margin-bottom: 90rpx;}
|
|
.mar-x100{margin-bottom: 100rpx;}
|
|
.mar-x120{margin-bottom: 120rpx;}
|
|
.mar-x140{margin-bottom: 140rpx;}
|
|
.mar-x160{margin-bottom: 160rpx;}
|
|
.mar-x180{margin-bottom: 180rpx;}
|
|
/* 左---外边距 */
|
|
.mar-z2{margin-left: 2rpx;}
|
|
.mar-z4{margin-left: 4rpx;}
|
|
.mar-z6{margin-left: 6rpx;}
|
|
.mar-z8{margin-left: 8rpx;}
|
|
.mar-z10{margin-left: 10rpx;}
|
|
.mar-z20{margin-left: 20rpx;}
|
|
.mar-z25{margin-left: 25rpx;}
|
|
.mar-z30{margin-left: 30rpx;}
|
|
.mar-z32{margin-left: 32rpx;}
|
|
.mar-z36{margin-left: 36rpx;}
|
|
.mar-z40{margin-left: 40rpx;}
|
|
.mar-z50{margin-left: 50rpx;}
|
|
/* 右---外边距 */
|
|
.mar-y10{margin-right: 10rpx;}
|
|
.mar-y20{margin-right: 20rpx;}
|
|
.mar-y25{margin-right: 25rpx;}
|
|
.mar-y30{margin-right: 30rpx;}
|
|
.mar-y32{margin-right: 32rpx;}
|
|
.mar-y36{margin-right: 36rpx;}
|
|
.mar-y40{margin-right: 40rpx;}
|
|
.mar-y50{margin-right: 50rpx;}
|
|
|
|
/* 上下左右---内边距 */
|
|
.pad2{padding: 2rpx;}
|
|
.pad4{padding: 4rpx;}
|
|
.pad6{padding: 6rpx;}
|
|
.pad8{padding: 8rpx;}
|
|
.pad10{padding: 10rpx;}
|
|
.pad12{padding: 12rpx;}
|
|
.pad14{padding: 14rpx;}
|
|
.pad16{padding: 16rpx;}
|
|
.pad18{padding: 18rpx;}
|
|
.pad20{padding: 20rpx;}
|
|
.pad22{padding: 22rpx;}
|
|
.pad24{padding: 24rpx;}
|
|
.pad26{padding: 26rpx;}
|
|
.pad28{padding: 28rpx;}
|
|
.pad30{padding: 30rpx;}
|
|
.pad32{padding: 32rpx;}
|
|
.pad34{padding: 34rpx;}
|
|
.pad36{padding: 36rpx;}
|
|
.pad38{padding: 38rpx;}
|
|
.pad40{padding: 40rpx;}
|
|
.pad42{padding: 42rpx;}
|
|
.pad44{padding: 44rpx;}
|
|
.pad46{padding: 46rpx;}
|
|
.pad48{padding: 48rpx;}
|
|
.pad50{padding: 50rpx;}
|
|
/* 上下---内边距 */
|
|
.pad-sx2{padding-top: 2rpx;padding-bottom: 2rpx;}
|
|
.pad-sx4{padding-top: 4rpx;padding-bottom: 4rpx;}
|
|
.pad-sx6{padding-top: 6rpx;padding-bottom: 6rpx;}
|
|
.pad-sx8{padding-top: 8rpx;padding-bottom: 8rpx;}
|
|
.pad-sx10{padding-top: 10rpx;padding-bottom: 10rpx;}
|
|
.pad-sx12{padding-top: 12rpx;padding-bottom: 12rpx;}
|
|
.pad-sx14{padding-top: 14rpx;padding-bottom: 14rpx;}
|
|
.pad-sx16{padding-top: 16rpx;padding-bottom: 16rpx;}
|
|
.pad-sx16{padding-top: 18rpx;padding-bottom: 18rpx;}
|
|
.pad-sx20{padding-top: 20rpx;padding-bottom: 20rpx;}
|
|
.pad-sx22{padding-top: 22rpx;padding-bottom: 22rpx;}
|
|
.pad-sx24{padding-top: 24rpx;padding-bottom: 24rpx;}
|
|
.pad-sx26{padding-top: 26rpx;padding-bottom: 26rpx;}
|
|
.pad-sx28{padding-top: 28rpx;padding-bottom: 28rpx;}
|
|
.pad-sx30{padding-top: 30rpx;padding-bottom: 30rpx;}
|
|
.pad-sx32{padding-top: 32rpx;padding-bottom: 32rpx;}
|
|
.pad-sx34{padding-top: 34rpx;padding-bottom: 34rpx;}
|
|
.pad-sx36{padding-top: 36rpx;padding-bottom: 36rpx;}
|
|
.pad-sx38{padding-top: 38rpx;padding-bottom: 38rpx;}
|
|
.pad-sx40{padding-top: 40rpx;padding-bottom: 40rpx;}
|
|
.pad-sx50{padding-top: 50rpx;padding-bottom: 50rpx;}
|
|
/* 左右---内边距 */
|
|
.pad-zy2{padding-left: 2rpx;padding-right: 2rpx;}
|
|
.pad-zy4{padding-left: 4rpx;padding-right: 4rpx;}
|
|
.pad-zy6{padding-left: 6rpx;padding-right: 6rpx;}
|
|
.pad-zy8{padding-left: 8rpx;padding-right: 8rpx;}
|
|
.pad-zy10{padding-left: 10rpx;padding-right: 10rpx;}
|
|
.pad-zy12{padding-left: 12rpx;padding-right: 12rpx;}
|
|
.pad-zy14{padding-left: 14rpx;padding-right: 14rpx;}
|
|
.pad-zy16{padding-left: 16rpx;padding-right: 16rpx;}
|
|
.pad-zy18{padding-left: 18rpx;padding-right: 18rpx;}
|
|
.pad-zy20{padding-left: 20rpx;padding-right: 20rpx;}
|
|
.pad-zy22{padding-left: 22rpx;padding-right: 22rpx;}
|
|
.pad-zy24{padding-left: 24rpx;padding-right: 24rpx;}
|
|
.pad-zy26{padding-left: 26rpx;padding-right: 26rpx;}
|
|
.pad-zy28{padding-left: 28rpx;padding-right: 28rpx;}
|
|
.pad-zy30{padding-left: 30rpx;padding-right: 30rpx;}
|
|
.pad-zy32{padding-left: 32rpx;padding-right: 32rpx;}
|
|
.pad-zy34{padding-left: 34rpx;padding-right: 34rpx;}
|
|
.pad-zy36{padding-left: 36rpx;padding-right: 36rpx;}
|
|
.pad-zy38{padding-left: 38rpx;padding-right: 38rpx;}
|
|
.pad-zy40{padding-left: 40rpx;padding-right: 40rpx;}
|
|
.pad-zy42{padding-left: 42rpx;padding-right: 42rpx;}
|
|
.pad-zy44{padding-left: 44rpx;padding-right: 44rpx;}
|
|
.pad-zy46{padding-left: 46rpx;padding-right: 46rpx;}
|
|
.pad-zy48{padding-left: 48rpx;padding-right: 48rpx;}
|
|
.pad-zy50{padding-left: 50rpx;padding-right: 50rpx;}
|
|
.pad-zy52{padding-left: 52rpx;padding-right: 52rpx;}
|
|
.pad-zy54{padding-left: 54rpx;padding-right: 54rpx;}
|
|
.pad-zy56{padding-left: 56rpx;padding-right: 56rpx;}
|
|
.pad-zy58{padding-left: 58rpx;padding-right: 58rpx;}
|
|
.pad-zy60{padding-left: 60rpx;padding-right: 60rpx;}
|
|
.pad-zy62{padding-left: 62rpx;padding-right: 62rpx;}
|
|
.pad-zy64{padding-left: 64rpx;padding-right: 64rpx;}
|
|
.pad-zy66{padding-left: 66rpx;padding-right: 66rpx;}
|
|
.pad-zy68{padding-left: 68rpx;padding-right: 68rpx;}
|
|
.pad-zy70{padding-left: 70rpx;padding-right: 70rpx;}
|
|
/* 上---内边距 */
|
|
.pad-s10{padding-top: 10rpx;}
|
|
.pad-s20{padding-top: 20rpx;}
|
|
.pad-s25{padding-top: 25rpx;}
|
|
.pad-s30{padding-top: 30rpx;}
|
|
.pad-s32{padding-top: 32rpx;}
|
|
.pad-s36{padding-top: 36rpx;}
|
|
.pad-s40{padding-top: 40rpx;}
|
|
.pad-s50{padding-top: 50rpx;}
|
|
.pad-s120{padding-top: 120rpx;}
|
|
.pad-s140{padding-top: 140rpx;}
|
|
.pad-s160{padding-top: 160rpx;}
|
|
.pad-s180{padding-top: 180rpx;}
|
|
/* 下---内边距 */
|
|
.pad-x10{padding-bottom: 10rpx;}
|
|
.pad-x20{padding-bottom: 20rpx;}
|
|
.pad-x25{padding-bottom: 25rpx;}
|
|
.pad-x30{padding-bottom: 30rpx;}
|
|
.pad-x32{padding-bottom: 32rpx;}
|
|
.pad-x36{padding-bottom: 36rpx;}
|
|
.pad-x40{padding-bottom: 40rpx;}
|
|
.pad-x50{padding-bottom: 50rpx;}
|
|
.pad-x120{padding-bottom: 120rpx;}
|
|
.pad-x140{padding-bottom: 140rpx;}
|
|
.pad-x160{padding-bottom: 160rpx;}
|
|
.pad-x180{padding-bottom: 180rpx;}
|
|
.pad-x260{padding-bottom: 260rpx;}
|
|
/* 左---内边距 */
|
|
.pad-z10{padding-left: 10rpx;}
|
|
.pad-z20{padding-left: 20rpx;}
|
|
.pad-z25{padding-left: 25rpx;}
|
|
.pad-z30{padding-left: 30rpx;}
|
|
.pad-z32{padding-left: 32rpx;}
|
|
.pad-z36{padding-left: 36rpx;}
|
|
.pad-z40{padding-left: 40rpx;}
|
|
.pad-z50{padding-left: 50rpx;}
|
|
/* 右---内边距 */
|
|
.pad-y10{padding-right: 10rpx;}
|
|
.pad-y20{padding-right: 20rpx;}
|
|
.pad-y25{padding-right: 25rpx;}
|
|
.pad-y30{padding-right: 30rpx;}
|
|
.pad-y32{padding-right: 32rpx;}
|
|
.pad-y36{padding-right: 36rpx;}
|
|
.pad-y40{padding-right: 40rpx;}
|
|
.pad-y50{padding-right: 50rpx;}
|
|
|
|
.pad-sx27-zy20{padding: 27rpx 20rpx;}
|
|
|
|
|
|
|
|
|
|
scroll-view ::-webkit-scrollbar {
|
|
display: none !important;
|
|
width: 0 !important;
|
|
height: 0 !important;
|
|
-webkit-appearance: none;
|
|
background: transparent;
|
|
}
|
|
|
|
|
|
/* 圆圈中间一个原点 start */
|
|
.mo-item {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
border-radius: 100%;
|
|
border: 2rpx solid #aaaaaa;
|
|
box-sizing: border-box;
|
|
}
|
|
.active-item{
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border: 2rpx solid #FF0000;
|
|
}
|
|
.active-item::before{
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%,-50%);
|
|
width: 20rpx;
|
|
height: 20rpx;
|
|
border-radius: 100%;
|
|
background-color: #FF0000;
|
|
}
|
|
/* 圆圈中间一个原点 end */
|
|
|
|
|
|
|