.main { position: relative; width: 100%; background-color: #f0f0f0; } .one { position: relative; background-color: #ffffff; height: 140px; margin-bottom: 10px; padding: 10px 20px; } .one_1 { position: relative; width: 35%; float: left; } .one_1_text { text-align: center; font-size: 14px; } .one_3_text { text-align: center; font-size: 14px; } .one_2 { position: relative; width: 30%; float: left; height: 102px; } .one_2_1 { text-align: center; } .one_2_2 { text-align: center; } .text1 { background-color: #999; text-align: center; color: #00427b; font-size: 30px; font-weight: bold; text-decoration: line-through; text-decoration-color: #fff; } .text2 { font-size: 40px; font-weight: bold; margin: 0 5px; } .text { font-size: 15px; position: relative; top: 9px; text-align: center; } .text3 { background-color: #999; text-align: center; color: #e70000; font-size: 30px; font-weight: bold; text-decoration: line-through; text-decoration-color: #fff; } .one_3 { position: relative; width: 35%; float: right; } .one_4 { position: relative; top: 10px; height: 30px; font-size: 14px; color: #999; text-align: center; } .one_logo1 { width: 90px; height: 80px; } .one_3_img { padding: 0 15px; } .one_logo2 { align-items: center; width: 90px; height: 80px; } .two { position: relative; background-color: #ffffff; /* height: 320px; */ /* margin-bottom: 20px; */ padding: 10px 20px; } .two_title { font-size: 18px; margin: 0 0 8px 0; } .two_1 { margin: 10px 0 0px 0; height: 70px; } .two_1_1 { width: 56px; float: left; margin: 0 4px 0 0; } .two_1_2 { text-align: center; width: 47px; float: left; margin: 0 8px 0 0; } .two_logo1 { align-items: center; width: 50px; height: 45px; } .two_logo2 { align-items: center; width: 45px; height: 45px; border: solid 1px #999; } .two_1_text { font-size: 14px; } .two_2 { margin: 10px 0 0 0; } .two_2n2 { position: relative; top: 10px; left: 60px; } .two_2_1 { width: 56px; float: left; margin: 0 4px 10px 0; } .two_2_2 { text-align: center; width: 47px; float: left; margin: 0 8px 0 0; } .two_2_text { font-size: 14px; } .btn { height: 60px; background-color: #fff; } .button { width: 300px !important; background-color: #ff7815; border-radius: 30px; color: #ffffff; text-align: center; } .mask { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.2; overflow: hidden; z-index: 1000; color: #fff; } /*对话框 */ .modal { height: 400px; width: 100%; overflow: hidden; position: fixed; border-radius: 30px 30px 0px 0px; bottom: 0; left: 0; z-index: 2000; background: #fff; padding-top: 20rpx; } .modal_title { margin: 20px; font-size: 18px; } .model_1{ width: 100%; position: relative; height: 70px; } .model_2{ width: 100%; position: relative; top: 10px; height: 70px; } .model_1l{ width: 30%; float: left; height: 70px; margin: 0 0 0 20px; } .model_text{ font-size: 16px; float: left; } .input{ width: 50px; float: left; text-align: center; border-bottom: 1px solid rgb(228, 228, 228); } .model_1r{ width: 60%; height: 60px; float: left; padding: 35px 8px; } .model_btn { height: 60px; background-color: #fff; } .cuo{ width: 20px; position: relative; top: -50px; left: 330px; height: 20px; }