.main { position: relative; width: 100%; } .list .listbut .color0 { background: rgb(238, 147, 28); } .list .listbut .color1 { background: rgb(54, 233, 48) } .list .listbut .color2 { background: rgb(238, 88, 28); } .list .listbut .color3 { background: rgb(54, 233, 48) } .list .color4 { background: rgb(136, 136, 136); } .list .color0 { background: rgb(238, 147, 28); } .list .color1 { background: rgb(54, 233, 48) } .list .color2 { background: rgb(238, 88, 28); } .list .color3 { background: rgb(54, 233, 48) } .list .color4 { background: rgb(136, 136, 136); } .van-tabs__wrap { background-color: #f1f1f1 !important; } .van-tabs__line { background-color: blue !important; } .theme { position: fixed; top: 5.5%; color: #fff; text-align: center; width: 100%; } .two { margin-top: -20%; position: relative; width: 100%; border-radius: 15px; } .themes { position: absolute; margin-top: 10%; margin-left: 15%; color: #fff; width: 50%; } .imags { width: 95%; height: 105px; background-color: #eeeeee; margin-left: 2.5%; border-radius: 3%; } .images { width: 100%; height: 180px; background-color: #eeeeee; } .thr{ position: relative; margin-top: 2%; left: 2%; float: left; width: 97%; border-radius: 15px; } .left { float: left; width: 46%; margin-right: 5%; } .right { float: left; width: 46%; } .imagh { width: 100%; height: 65px; background-color: #eeeeee; margin-left: 2%; border-radius: 3%; } .imagx{ width: 5%; height: 25%; position: absolute; margin-top: 6%; margin-left: 30%; color: #fff; } .th { position: absolute; margin-top: 6%; margin-left: 10%; color: #fff; width: 21%; } .four{ margin-top: 20%; position: absolute; left: 3.5%; width: 93%; border-radius: 10%; } .name { float: left; /* width: 40%; */ margin: 6px; margin-left: 10px; font-size: 16px; color: #0034cf; font-weight: bold; } .left1 { margin: 5px; border-radius: 25px; } .text1 { font-weight: 500; margin-right: 3px; font-size: 14px; color: #5e5e5e; } button{ margin-top: 4px; border-radius: 15px; font-size: 13px !important; color: #fff; } .otherInfo { text-align: left; padding: 0 0 15px 5px; } .otherInfos{ padding: 0 0 0px 5px; } .list{ background-color: #fff; margin-bottom: 10px; border-radius: 10px; padding-top: 5px; } .text3 { font-weight: 500; font-size: 13px; color: #adadad; } .text4 { font-size: 14px; margin: 5px; color: #5e5e5e; font-weight: 600; } .text6 { font-size: 23px; color: rgb(46, 46, 245); font-weight: 500; } .text7 { font-size: 23px; color: rgb(243, 19, 19); font-weight: 500; } .text8 { font-size: 23px; font-weight: 500; margin-right: 5px; margin-left: 5px; } .right1 { border-radius: 5px; position: relative; width: 100%; height: 80px; background-color: #e9e9e9; } .right1_2 { float: left; width: 100% } .right1_2 .right1_2o { float: left; width: 11%; height: 40px; overflow: hidden; } .right1_2 .right1_2o image { width: 100%; height: 36px; overflow: hidden; } .right1_2 .right1_2t { float: left; width: 33%; text-align: center; padding: 10px 0; } .right1_2 .right1_2t text { font-size: 14px; } .right1_2 .right1_2i { float: left; width: 10%; text-align: center; padding: 6px 0; } .right1_1{ text-align: center; }