*{ margin: 0; padding: 0; } body,html{ background: #F4F4F4; } .issuerBox{ box-sizing: border-box; padding: 20px; min-width: 800px; } .issuer{ width: 100%; height: auto; background: white; border: 1px solid #cdcdcd; box-sizing: border-box; padding: 30px; overflow: hidden; } .issuer_a{ width: 100%; height: 200px; box-sizing: border-box; margin-top: 50px; display: flex; } .issuer_a_left{ width: 50%; height: 100%; border-right: 1px solid #1E9FFF; box-sizing: border-box; padding-right: 60px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; } .issuer_a_left_inner{ width: 380px; height: 80px; border: 2px dashed #1E9FFF; display: flex; align-items: center; justify-content: center; box-sizing: border-box; cursor: pointer; } .issuer_a_left_inner span{ font-size: 24px; color: #1E9FFF; margin-left: 20px; } .issuer_a_right{ width: 50%; height: 100%; box-sizing: border-box; padding-left: 60px; } .issuer_a_right01{ font-size: 24px; color: #1E9FFF; margin-bottom: 16px; } .issuer_a_right02{ width: 300px; font-size: 14px; line-height: 22px; color: #666666; margin-bottom: 4px; list-style: none; } .issuer_a_right02 a{ color: #23CCEF; text-decoration: none; } .issuer_b{ width: 100%; height: 200px; border: 1px solid #1E9FFF; margin-top: 60px; position: relative; display: flex; justify-content: center; } .issuer_b01{ position: absolute; left: 0; right: 0; margin: auto; top: -20px; background: white; width: 200px; height: 40px; color: #1E9FFF; text-align: center; font-size: 20px; } .issuer_b02{ width: 30%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; } .issuer_b0201{ color: #666666; font-size: 14px; margin-top: 10px; margin-bottom: 10px; } .issuer_b0202{ color: #666666; font-size: 12px; }