.bottoc{margin-top: 6rpx;color: #414141;} .opc{opacity: 0.7;} .width100{width: 100%;} .width55{width: 55%;} .width50{width: 50%;} .width49{width: 49%;} .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%;} .posAll{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.45);z-index: 12;} .posir{position: relative;} .posia{position: absolute;} .poszy{position: fixed;left: 0;right: 0;z-index: 3;} .posiszy{position: fixed;left: 0;right: 0;z-index: 5;} .posixzy{position: fixed;left: 0;right: 0;z-index: 2;bottom: 0;} .posia-op{position: absolute;top: 0;right: 0;left: 0;bottom: 0;opacity: 0;} .syxzo{top: 0;left: 0;right: 0;bottom: 0;opacity: 0;} .posi-sticky{position: sticky;top: 0;z-index: 1;background-color: #FFFFFF;} .dis{display: flex;} .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;} .flexs{flex-shrink: 0;} .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 #EEEEEE;} .tbot{border-top: 2rpx solid #EEEEEE;} .borbot-df{border: 2rpx solid #DFDFDF;} .borbot-cc{border: 2rpx solid #CCCCCC;} .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;} .colf8{color: #F85050;} .col9{color: #999999;} .pcol{color: #3875F6;} .col2c{color: #2C2C2C;} .col80{color: #808080;} .col7D{color: #7D7D7D;} .colB3{color: #B3B3B3;} .col5b{color: #5B5B5B;} .colpeili{color: #868695;} /* 字体位置 */ .tright{text-align: right;} .tcenter{text-align: center;} /* 文字空两格 */ .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;} /* 圆角 */ .radius10{border-radius: 10rpx;} .radius15{border-radius: 15rpx;} .radius20{border-radius: 20rpx;} .radius30{border-radius: 30rpx;} .radius35{border-radius: 35rpx;} .radius40{border-radius: 40rpx;} .radius45{border-radius: 45rpx;} /* 上下左右---外边距 */ .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-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;} /* 上下左右---内边距 */ .pad10{padding: 10rpx;} .pad20{padding: 20rpx;} .pad25{padding: 25rpx;} .pad30{padding: 30rpx;} .pad32{padding: 32rpx;} .pad36{padding: 36rpx;} .pad40{padding: 40rpx;} .pad50{padding: 50rpx;} /* 上下---内边距 */ .pad-sx10{padding-top: 10rpx;padding-bottom: 10rpx;} .pad-sx20{padding-top: 20rpx;padding-bottom: 20rpx;} .pad-sx25{padding-top: 25rpx;padding-bottom: 25rpx;} .pad-sx30{padding-top: 30rpx;padding-bottom: 30rpx;} .pad-sx32{padding-top: 32rpx;padding-bottom: 32rpx;} .pad-sx36{padding-top: 36rpx;padding-bottom: 36rpx;} .pad-sx40{padding-top: 40rpx;padding-bottom: 40rpx;} .pad-sx50{padding-top: 50rpx;padding-bottom: 50rpx;} /* 左右---内边距 */ .pad-zy10{padding-left: 10rpx;padding-right: 10rpx;} .pad-zy20{padding-left: 20rpx;padding-right: 20rpx;} .pad-zy25{padding-left: 25rpx;padding-right: 25rpx;} .pad-zy30{padding-left: 30rpx;padding-right: 30rpx;} .pad-zy32{padding-left: 32rpx;padding-right: 32rpx;} .pad-zy36{padding-left: 36rpx;padding-right: 36rpx;} .pad-zy40{padding-left: 40rpx;padding-right: 40rpx;} .pad-zy50{padding-left: 50rpx;padding-right: 50rpx;} /* 上---内边距 */ .pad-s10{padding-top: 10rpx;} .pad-s20{padding-top: 20rpx;} .pad-s25{padding-top: 25rpx;} .pad-s28{padding-top: 28rpx;} .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-s60{padding-top: 60rpx;} .pad-s70{padding-top: 70rpx;} .pad-s80{padding-top: 80rpx;} .pad-s90{padding-top: 90rpx;} .pad-s100{padding-top: 100rpx;} .pad-s110{padding-top: 110rpx;} .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 #000000; 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 */