.mid_form { width: 15rem; margin: .8rem auto; } .public_form form { flex-wrap: wrap; padding: .5rem .75rem; border-radius: 0.5rem; background: #bedcff; } .public_form .item, .public_form input, .public_form input, .public_form select { width: 100%; height: 1.7rem; background-color: #ffffff; border-radius: 0.1rem; font-size: 0.55rem; color: #969696; } .public_form input::placeholder { color: #969696; } .public_form .item { margin-bottom: 8px; } .public_form input, .public_form input, .public_form select { padding-left: 10px; box-sizing: border-box; } .public_form select { background: #ffffff url(/uploads/image/ktimg/form_arrow.png) no-repeat right; background-position-x: 97%; background-size: 3.5%; } .public_form .item.yzm input { width: 100%; } .public_form .item.yzm span { width: 4.25rem; height: 1.7rem; background-color: #333333; line-height: 1.7rem;; font-size: 16px; cursor: pointer; font-size: 14px; color: #ffffff; flex-shrink: 0; } .public_form .btn { font-size: 0.75rem; font-weight: 700; color: #ffffff; margin: 12px auto 0; width: 5.5rem; height: 1.65rem; line-height: 1.65rem; background-color: #0057c0; border-radius: 0.81rem; } .layout { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); z-index: 10; display: none; } .link_box { width: 14rem; height: 5.7rem; background: url(/uploads/image/ktimg/link.png) no-repeat; background-size: 100%; padding-top: .5rem; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); } .link_box .close { width: 1.5rem; height: 1.5rem; position: absolute; top: 0; right: 0; } .link_box a { width: 12rem; margin: .5rem auto; text-decoration: underline; font-size: 0.55rem; color: #f10000; margin-bottom: .2rem; display: block; line-height: 1rem; word-break: break-all; } .link_box p { width: 12rem; margin: 0 auto; font-size: 0.55rem; } .link_box .remark{ width: 13rem; font-size: .45rem; margin-top: .4rem; } .gift_list { width: 15rem; margin: 1rem auto; } .gift_list .list_item { margin-bottom: .3rem; } .gift_list .title { background-color: #bedcff; border-radius: 0.54rem 0.54rem 0rem 0rem; position: relative; font-size: 0.5rem; color: #0f3b95; height: 2rem; padding-bottom: .5rem; } .gift_list .title p { line-height: 0.6rem; padding-right: .3rem; } .gift_list .title b { width: 5.4rem; height: 1.5rem; background: url(/uploads/image/ktimg/title1_iocn.png) no-repeat; background-size: auto 100%; position: relative; top: -0.1rem; font-size: .7rem; color: #0f3b95; padding-left:0.6rem; padding-top: .3rem; flex-shrink: 0; } .gift_list .title2 b { width: 6.5rem; background: url(/uploads/image/ktimg/title2_iocn.png) no-repeat; background-size: auto 100%; } .gift_list .title3 b { width: 8.2rem; height: 1.8rem; background: url(/uploads/image/ktimg/title3_iocn.png) no-repeat; background-size: auto 100%; } .gift_list .content { width: 100%; border-radius: 0.54rem; background-color: #ffffff; position: relative; z-index: 2; top: -0.6rem; padding: .8rem 0; } .gift_list .red .content{ padding-left: 1rem; position: relative; } .gift_list .img1{ width: 12.5rem; } .gift_list .img2{ width: 10.5rem; } .gift_list .img3{ width: 12.5rem; } .gift_list .img4{ width: 7.5rem; } .gift_list .img5{ width: 6.5rem; } .btm_form{ width: 100%; background: #ffffff url(/uploads/image/ktimg/btm_bg.png) no-repeat; background-size: 100%; padding-top: 2rem; margin-top: -1rem; } .btm_form h3{ width: 100%; font-size: .8rem; color: #013195; margin-bottom: .4rem; } .btm_form form { flex-wrap: wrap; padding: .5rem .75rem; border-radius: 0.5rem; background: none; } .btm_form .item, .btm_form input, .btm_form input, .btm_form select { width: 100%; height: 1.7rem; background-color: #ebebeb; border-radius: 0.1rem; font-size: 0.55rem; color: #969696; } .btm_form input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #ebebeb inset !important; }