.m-mana { position: relative; min-height: 100vh; padding: 0 20px; } .ul-listmana1 { display: block; overflow: hidden; margin: 0 -7px; } .ul-listmana1 li { float: left; width: 33.3%; padding: 0 7px; margin-bottom: 14px; } .ul-listmana1 .con { display: block; background-color: #fff; border-radius: 10px; text-align: center; color: #333333; padding-top: 10px; } .ul-listmana1 .pic { text-align: center; margin-bottom: 7px; } .ul-listmana1 .pic img { display: inline-block; max-width: 80px; } .ul-listmana1 .txt { font-size: 16px; margin-bottom: 14px; } .ul-listmana1 .info { font-size: 12px; color: #fff; height: 30px; line-height: 30px; background-position: center; background-repeat: no-repeat; background-size: cover; } .ul-listmana1 .in { background-image: url(../../images/b3.png); } .ul-listmana1 .out { background-image: url(../../images/b4.png); } .ul-listmana1 .full { background-image: url(../../images/b5.png); } .ul-listmana1 .empt { background-image: url(../../images/b6.png); } .ul-listmana1 .xun { background-image: url(../../images/b7.png); } .ul-listmana1 .q { background-image: url(../../images/b8.png); } .ul-listmana1 .wind { background-image: url(../../images/b9.png); } .ul-listmana1 .repair { background-image: url(../../images/c1.png); } .g-tittf1 { font-size: 17px; color: #000; font-weight: bold; padding-left: 16px; background: url(../../images/d5.png) left center no-repeat; background-size: 8px auto; line-height: 55px; /* margin: 0 15px; */ } .m-tf { background-color: #fff; border-radius: 8px; padding: 0 14px; margin-bottom: 12px; box-shadow: 1px 0 5px rgba(0, 0, 0, .06); } .ullisttf1 .con { background-color: #F3F5F8; height: 104px; } .ullisttf1 .info { font-size: 15px; } .ullisttf1 .pic { height: 55px; padding-top: 5px; } .ullisttf1 .pic img { max-width: 40px; vertical-align: middle; } .ullisttf1 .pic1 img { max-width: 52px; } .ullisttf1 .pic2 img { max-width: 24px; } .ullisttf1 .pic3 img { max-width: 27px; margin-top: 5px; } .m-opts { width: 270px; border-radius: 10px; overflow: hidden; background: #fff; background-size: 100% auto; margin-bottom: 15px; } .m-opts .name { font-size: 18px; color: #000; font-weight: bold; text-align: center; margin-top: 28px; margin-bottom: 18px; } .m-opts .btns { display: flex; align-items: center; justify-content: space-between; overflow: hidden; margin: 0 25px 15px; } .m-opts .btn { display: block; width: 100px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; color: #fff; font-size: 15px; margin: 0 6px; } .m-opts.huanliu { width: 340px; padding-bottom: 10px; } .m-opts.huanliu .btns { margin-left: 15px; margin-right: 15px; } .m-opts .btns.sty1 .btn { width: 150px; } .m-opts .confirm { text-align: center; font-size: 15px; color: #fff; line-height: 40px; width: 140px; border-radius: 20px; background: linear-gradient(90deg, #188255, #379a71); margin: 15px auto 20px; } .m-opts .group { overflow: hidden; font-size: 16px; color: #000; padding: 0 10px; height: 45px; line-height: 45px; } .m-opts .group1 { font-size: 16px; color: #000; padding: 0 10px; height: 45px; line-height: 45px; } .group .oh { float: none; width: auto; height: 45px; overflow: hidden; padding-left: 7px; position: relative; } .group1 .oh { float: none; width: auto; height: 45px; /* overflow: hidden; */ padding-left: 7px; position: relative; } .group .mui-switch-mini { width: 38px; } .group .mui-switch { height: 25px; background-clip: content-box; } .group .mui-switch .mui-switch-handle { width: 23px; height: 23px; } .group .mui-switch.mui-active { border-color: #178255; background-color: #178255; } .group .mui-input-range .mui-tooltip { font-size: 8px; width: 8px; height: 8px; } .lcmf-range { -webkit-appearance: none; appearance: none; outline: none; width: 100%; border-radius: 3px; height: 3px; background-color: #f5f6f7; } input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; /*清除系统默认样式*/ height: 8px; /*拖动块高度*/ width: 8px; /*拖动块宽度*/ background-color: #178255; border-radius: 50%; position: relative; z-index: 2; } input[type=range]::-moz-range-thumb { -moz-appearance: none; /*清除系统默认样式*/ border: 0; height: 8px; /*拖动块高度*/ width: 8px; /*拖动块宽度*/ background-color: #178255; border-radius: 50%; position: relative; z-index: 2; } input[type=range]::-ms-thumb { border: 0; height: 8px; /*拖动块高度*/ width: 8px; /*拖动块宽度*/ background-color: #178255; border-radius: 50%; position: relative; z-index: 2; } .range { /* position: absolute; */ top: -2px; left: 7px; right: 10px; } .range1 { position: absolute; top: 0px; left: 40px; right: 5px; } .range1 .bar { position: absolute; top: 25px; left: 0; width: 90%; height: 3px; background-color: #f5f6f7; border-radius: 3px; overflow: hidden; } .range1 .bar .subbar { position: absolute; left: 0; height: 3px; background-color: #178255; border-radius: 3px; overflow: hidden; } .range .bar { position: absolute; top: 25px; left: 0; width: 100%; height: 3px; background-color: #f5f6f7; border-radius: 3px; overflow: hidden; } .range .bar .subbar { position: absolute; left: 0; height: 3px; background-color: #178255; border-radius: 3px; overflow: hidden; } .sel-box { background-color: #f5f6f7; border-radius: 8px; margin: 0 10px; } .sel-box .r { display: flex; justify-content: flex-end; align-items: center; } .sel-box .sel { float: left; text-align: right; background-color: transparent; margin-bottom: 0; } .sel-box .mui-icon { float: left; font-size: 18px; color: #888; }