.main_right_toolbox>li:hover .main_right_toolbox1{background-image:url(/uploads/image/si/toolbox1.png);} .main_right_toolbox>li:hover .main_right_toolbox2{background-image:url(/uploads/image/si/toolbox2.png);} .main_right_toolbox>li:hover .main_right_toolbox3{background-image:url(/uploads/image/si/toolbox3.png);} .main_right_toolbox>li:hover .main_right_toolbox4{background-image:url(/uploads/image/si/toolbox4.png);} .main_right_toolbox>li:hover .main_right_toolbox5{background-image:url(/uploads/image/si/toolbox5.png);} .main_right_toolbox>li:hover .main_right_toolbox6{background-image:url(/uploads/image/si/toolbox6.png);} .main_right_toolbox>li:hover .main_right_toolbox7{background-image:url(/uploads/image/si/toolbox7.png);} .main_right_toolbox>li:hover .main_right_toolbox8{background-image:url(/uploads/image/si/toolbox8.png);} .main_right_toolbox>li:hover>a>p{color:#ffffff;} .main_right_timeline { position: relative; margin: 10px 0; padding-left: 40px;} .main_right_timeline li::before { width: 11px; height: 11px; background: linear-gradient(-37deg, #f65644 0%, #f97c7a 100%); border-radius: 11px; border: 2px solid #ffffff; content: ""; display: block; position: absolute; top: 12px; left: -26.5px; } .main_right_toolbox>li:hover{ background: #ff4544; } .main_right_toolbox1{background-image:url(/uploads/image/si/toolbox11.png);} .main_right_toolbox2{background-image:url(/uploads/image/si/toolbox21.png);} .main_right_toolbox3{background-image:url(/uploads/image/si/toolbox31.png);} .main_right_toolbox4{background-image:url(/uploads/image/si/toolbox41.png);} .main_right_toolbox5{background-image:url(/uploads/image/si/toolbox51.png);} .main_right_toolbox6{background-image:url(/uploads/image/si/toolbox61.png);} .main_right_toolbox7{background-image:url(/uploads/image/si/toolbox71.png);} .main_right_toolbox8{background-image:url(/uploads/image/si/toolbox81.png);} .main_right_timeline::before { width: 1px; background: #f7675b; content: ""; display: block; position: absolute; top: 20px; left:20px; height: 90%; } .main_right_toolbox{ width:300px; height:380px; background: no-repeat; display: flex; flex-wrap: wrap; align-content: flex-start; } .main_right_toolbox>li{ width: 150px; position: relative; height: 95px; } .main_right_toolbox>li>a{ width: 100%; height: 100%; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; text-decoration: none; align-content: center; align-content: center; background-repeat: no-repeat; background-position: center 30%; } .main_right_toolbox>li>a>p{ width: 100%; text-align: center; margin-top: 35px; font-size: 14px; color: #333333; } .main_right_toolbox>li>img{ } .main_right_ewm_text{ font-family: microsoft yahei; font-weight: bold; font-size: 14px; margin: 5px; color: #333333; } .main_right_ewm_desc{ font-family: microsoft yahei; font-weight: 400; font-size: 12px; color: #666666; line-height: 20px; } .main_right_ewm{ text-align: center; padding: 10px 20px; } .main_right_timeline li { display: flex; position: relative; height: 40px; align-content: center; align-items: center; } .main_right_ewm>img{ margin: 0 auto; display: block; width:180px;height:180px; } .main_right_timeline li span{ width: 91px; height: 20px; background: #fff0f0; border-radius: 5px; line-height: 20px; text-align: center; font-size: 12px; color: #fe0201; } .main_right_timeline li p{ font-size: 12px; color: #333333; margin-left:14px; } .main_left{ overflow: hidden; width: 890px; display: flex; flex-wrap: wrap; justify-content: space-between;} .main_right{ width: 300px; } .main_right_box{margin-top:10px;} .main_right_box_tit {width: 300px; font-weight: bold; font-size: 16px; color: #ffffff; height: 42px; display: flex; justify-content: center; align-items: center; background: linear-gradient(-90deg, #ff7373 0%, #ff0000 100%);} .main_div{ display: flex; justify-content: space-between; } .main_right_box_item{ background: #ffffff; overflow: hidden; } .main_right_box .form_box_input{ width: 196px; height: 34px; background: #f8f8f8; border: none; text-indent: 1em; outline: none; } .main_right_box .form_btn{ width: 262px; height: 42px; line-height: 42px; margin:10px auto; background: #ffe6e6; border-radius: 21px; text-align: center; cursor: pointer; font-size: 14px; color: #ff2e2e;} .main_right_form>label{ font-size: 14px; display: flex; width: 270px; margin: 10px auto; justify-content: space-between; align-items: center; } p.main_right_form_tips { width: 262px; font-size: 12px; color: #8a8a8a; margin: 10px auto; } p.main_right_form_tips a,.form_text i{ color:#ff0101; } .form_text i{vertical-align: middle;} .main_right_form>label .form_text{ }