282 lines
9.9 KiB
CSS
282 lines
9.9 KiB
CSS
.logImg{height: 36rpx;width: 66rpx;}
|
|
.toolBox{width: 16px;height: 16px;}
|
|
.toolBox>view{width: 16px;height: 2px;background: #4C7EE9;border-radius: 1.5px;}
|
|
.moxl{transition: all 0.5s;transform: rotateZ(90deg);}
|
|
.activexl{transition: all 0.5s;transform: rotateZ(0deg);}
|
|
|
|
.moxial{height: 0;transition: all 1s;}
|
|
.axial{display: block; transition: all 1s;overflow-y: scroll;}
|
|
.hided::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.activeone{background-color: #4C7EE9;color: #FFFFFF;border-radius: 40rpx;height: 80rpx;line-height: 80rpx;}
|
|
.moone{border-radius: 40rpx;height: 80rpx;line-height: 80rpx;background-color: #FFFFFF;}
|
|
|
|
.liaox{width: 156rpx;margin-top: 32rpx;height: 60rpx;border-radius: 32rpx;line-height: 60rpx;text-align: center;background: #fff;font-size: 24rpx;color: #4C7EE9;border: 2rpx solid #4C7EE9;}
|
|
.dactive{transition: all 0.5s;transform: rotate(0deg);}
|
|
.dmo{transition: all 0.5s;transform: rotate(-90deg);}
|
|
.itemactive{
|
|
overflow: hidden;
|
|
transition: all 0.5s;
|
|
height: auto;
|
|
}
|
|
.itemmo{
|
|
overflow: hidden;
|
|
transition: all 0.5s;
|
|
height: 0;
|
|
}
|
|
|
|
.xial-box{border-bottom: 1px solid #DCDFE6;line-height: 56px;}
|
|
|
|
|
|
.xial-img{width: 36rpx;height: 22rpx;transform: rotate(-90deg);transition: all 0.5s;}
|
|
.xial-imga{width: 36rpx;height: 22rpx;transform: rotate(0deg);transition: all 0.5s;}
|
|
|
|
.sw-titleo{font-size: 50rpx;line-height: 88rpx;font-weight: normal;}
|
|
.sw-contento{font-size: 28rpx;line-height: 41rpx;color: #999;margin: 48rpx 0 64rpx 0;}
|
|
.sw-liao{width: 224rpx;height: 80rpx;line-height: 80rpx;border-radius: 40rpx;font-size: 32rpx;background: #4C7EE9;color: #fff;text-align: center;}
|
|
.sw-box-two{height: 50rpx;line-height: 50rpx;}
|
|
.sw-two-img{width: 110rpx;height: 38rpx;}
|
|
.deB{padding: 5.6vh 0;}
|
|
.deTitle{font-size: 46rpx;line-height: 72rpx;}
|
|
.deContent{line-height: 48rpx;}
|
|
.deitem-box{margin: 64rpx 0;}
|
|
.dezitem-box{border-radius: 16rpx;box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.1);}
|
|
.dez-img{width: 80rpx;height: 80rpx;margin-right: 16rpx;}
|
|
.de-btn{line-height: 48rpx;text-align: left;}
|
|
.jie-title{font-size: 48rpx;line-height: 72rpx;}
|
|
.jiesw-box{width: 78%;box-shadow: 0px 0px 30px 0px rgb(76 126 233 / 10%);border: 1px solid #DCDFE6;border-radius: 16rpx;}
|
|
.dez-box{padding: 5.6vh 50rpx;}
|
|
.dez-title{font-size: 48rpx;text-align: center;}
|
|
.dez-img{width: 160rpx;height: 160rpx;}
|
|
.marb64{margin-bottom: 64rpx;}
|
|
.xr-box{display: flex;justify-content: center;}
|
|
.xr-item-box{width: 80%; padding: 32rpx 50rpx 64rpx 40rpx;height: auto;border: 2rpx solid #DCDFE6;border-radius: 16rpx;background: #fff;text-align: center;}
|
|
.xr-img{width: 416rpx;height: 156rpx;}
|
|
.xr-title{height: 460rpx;font-size: 32rpx;line-height: 48rpx;color: #666;}
|
|
.zx-title{font-size: 28rpx;margin-top: 8rpx; line-height: 48rpx;margin-left: 20rpx;color: #333;}
|
|
.shengj{padding: 5.6vh 30rpx;background-color: #4C7EE9;color: #FFFFFF;text-align: center;}
|
|
.dez-content{font-size: 28rpx;margin-top: 32rpx;line-height: 48rpx;}
|
|
.debtn-one{width: 224rpx;background-color: #FFFFFF;color: #4C7EE9;height: 80rpx;margin-right: 32rpx;line-height: 80rpx;border-radius: 40rpx;font-size: 32rpx;}
|
|
.debtn-two{width: 224rpx;border: 2rpx solid #FFFFFF;height: 80rpx;line-height: 80rpx;border-radius: 40rpx;font-size: 32rpx;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.width100{width: 100%;}
|
|
|
|
.posAll{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.45);}
|
|
.posir{position: relative;}
|
|
.posia{position: absolute;}
|
|
.posiszy{position: fixed;left: 0;right: 0;z-index: 2;}
|
|
.posxzy{position: fixed;left: 0;right: 0;bottom: 0;z-index: 1;border-top: 1px solid #DCDFE6;padding: 12rpx 0 14rpx 0;font-size: 24rpx;color: #333333;}
|
|
|
|
|
|
.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;}
|
|
.flexs{flex-shrink: 0;}
|
|
|
|
|
|
button:after{content: none!important;}
|
|
.borbot{border-bottom: 2rpx solid #EBEEF5}
|
|
.borbot:last-child{border-bottom: none;}
|
|
.bbot{border-bottom: 2rpx solid #EBEEF5;}
|
|
|
|
.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;}
|
|
.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;}
|
|
|
|
/* 上下左右---外边距 */
|
|
.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-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-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-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-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-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-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;}
|
|
|
|
|
|
|
|
/* 字体大小 */
|
|
.fon20{font-size: 20rpx;}
|
|
.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;}
|
|
|
|
/* 字体颜色 */
|
|
.colf{color: #FFFFFF;}
|
|
.colb{color: #000000;}
|
|
.col3{color: #333333;}
|
|
.col6{color: #666666;}
|
|
.col9{color: #999999;}
|
|
.pcol{color: #3875F6;}
|
|
.col2c{color: #2C2C2C;}
|
|
.col80{color: #808080;}
|
|
/* 字体位置 */
|
|
.tc{text-align: center;}
|
|
.tright{text-align: right;}
|
|
|
|
/* 粗体 */
|
|
.bold{font-weight: bold;}
|
|
|
|
|
|
/* 背景颜色 */
|
|
.pbackc{background-color: #3875F6;}
|
|
.bacf{background-color: #FFFFFF;}
|
|
|
|
|
|
/* 圆角 */
|
|
.radius10{border-radius: 10rpx;}
|
|
.radius20{border-radius: 20rpx;}
|
|
.radius30{border-radius: 30rpx;}
|
|
|
|
|
|
|
|
|
|
|