/*============订购=============*/ .info_banner { position: relative; } .info_banner img { display: block; width: 100%; } .info_banner .dg_ts { position: absolute; bottom: 4%; left: 4%; color: #FFFFFF; font-size: 0.875rem; } .info_data li { position: relative; margin-top: 1rem; /*overflow:hidden;*/ font-size: 0.75rem; color: #fff; } .info_data li.ck { text-align: left; } .info_data li.btn { margin-top: 0rem; } .info_data li p { text-align: center; } .info_data li p a { color: #3274e3; font-size: 0.875rem } .info_data li .text_case { float: left; width: 50%; position: relative; } .info_data li .input_100 { width: 100%; height: 2.5rem; padding: 0.5rem; box-sizing: border-box; border: 1px #c32a63 solid; border-radius: 3px; background: #FFF; font-size: 0.875rem; -webkit-appearance: none; } .info_data li .input_50 { height: 2.5rem; width: 100%; padding: 0.5rem; box-sizing: border-box; border: 1px #e4e4e4 solid; border-radius: 3px; background: #FFF; font-size: 0.875rem; -webkit-appearance: none; } .info_data li .input_100.active, .info_data li .input_50.active { border: 1px #3274e3 solid; } .info_data li .send_btn { float: right; display: block; width: 47%; height: 2.5rem; line-height: 2.5rem; box-sizing: border-box; background: #C32466; border-radius: 3px; font-size: 0.875rem; color: #fff; text-align: center; } .info_data li .send_btn:active { opacity: 0.8; } .info_data li .again_send_btn { float: right; display: block; width: 48%; height: 2.5rem; line-height: 2.5rem; box-sizing: border-box; border: 1px #bfbfbf solid; border-radius: 3px; background: #FFF; font-size: 0.875rem; color: #bfbfbf; text-align: center; } .info_data li .again_send_btn .number { font-style: normal; } .info_data li .chose_no { background: url(../images/chose_no.png) no-repeat left center; background-size: 0.9rem; padding-left: 1.4rem; } .info_data li .chose_yes { background: url(../images/chose_yes.png) no-repeat left center; background-size: 0.9rem; padding-left: 1.4rem; } .info_data li .red_btn:active { opacity: 0.8; } .info_data li .warning { position: absolute; top: 0.8rem; right: 0; background: #FFFFFF; box-shadow: 0 2px 10px 0 rgba(91, 91, 91, 0.50); border-radius: 3px; font-size: 0.75rem; color: #FF1516; padding: 0.5rem; } .info_data li .warning #triangle-topleft { position: absolute; top: 3px; left: -14px; width: 14px; height: 14px; background: url(../images/arrow.png) no-repeat; } .info_data li .input_100.warn, .info_data li .input_50.warn { border: 1px #ff1516 solid; } .info_data li p { text-align: center; } .info_data li p a { color: #ffd525; font-size: 0.875rem } .info_content, .info_notice { margin-top: 3rem; } .info_notice { margin-top: 2rem; } .info_content fieldset, .info_notice fieldset { border-left: none; border-bottom: none; border-right: none; border-top: 1px #e6e6e6 solid; } .info_content fieldset legend, .info_notice fieldset legend { color: #fff; text-align: center; font-size: 0.875rem; background: #ed423b; padding: 0 1rem; } .info_content ul li { font-size: 0.875rem; color: #000000; overflow: hidden; margin-top: 1rem; } .info_content ul li.f_red { color: #e8705e; margin-top: 1rem; font-weight: bold; } .info_content ul li span { display: block; float: left; width: 1rem; height: 1rem; border-radius: 50%; background: #ea7868; font-size: 0.75rem; color: #FFF; text-align: center; line-height: 1rem; margin-top: 0.2rem; } .info_content ul li p { margin-left: 1.5rem; } .info_notice ul li { font-size: 0.75rem; color: #fff; margin-top: 0.5rem; text-align: justify; } .info_notice ul li i { font-style: normal; display: block; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; background: #fff; border-radius: 50%; color: #F03921; text-align: center; flex: none; margin-right: 3%; } .copyright { padding: 0.8rem 0; text-align: center; color: #fff; font-size: 0.75rem; margin-top: 1rem; }