.body_bg { background-color: #f1f1f1; } .body_bg > .yl_logo { margin: 0 auto; padding: 5% 20px; text-align: center; position: relative; } .body_bg > .yl_logo > img { display: inline-block; height: 45px; } .s_row { position: relative; margin: 0 auto 20px auto; text-align: center; width: 90%; overflow: hidden; } .s_row .img_tb { width: 15%; height: 31px; position: relative; clear: both; } .s_row .img_tb img { width: 22px; height: 27px; } .s_row .img_tb img, .s_row > input { float: left; } .s_row > input { display: block; position: relative; height: 31px; padding: 12px 10px; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #bcbcbc; line-height: 40px; font-size: 16px; color: #666; background-color: #f1f1f1; outline: 0; margin-left: 5%; width: 85%; } .s_row .duanxin { margin-left: 11%; width: 60%; } .s_row .huoqu { background-color: #02a7f1; border: 1px solid #02a7f1; color: #ffffff; position: absolute; top: 0; right: 3%; padding: 6px 14px; } .dr_btn { text-align: center; } .dr_btn .btn { width: 90%; padding: 10px; margin-bottom: 20px; } .dr_btn .btn-danger { background-color: #cb4c02; border: 1px solid #cb4c02; } .dr_btn .btn-info { background-color: #5c8ceb; border: 1px solid #5c8ceb; margin-top: 18%; } .dr_btn .btn-info:hover, .dr_btn .btn-info:active, .dr_btn .btn-info:active:hover { background-color: #5174c7; border: 1px solid #5c8ceb; } .dr_btn .btn-default { background-color: #969696; border: 1px solid #969696; color: #ffffff; } .dr_btn .btn-green { background-color: #1aab19; border: 1px solid #129b0e; } .dr_btn .btn-blue { background-color: #039bdd; border: 1px solid #039bdd; } .dr_btn .btn-green, .dr_btn .btn-blue { font-size: 20px; color: #ffffff; } .wx { margin-top: 6%; } .wj_row { text-align: center; width: 90%; margin: 0 auto 20% auto; } .wj_row a { color: #7b94f1; } .wj_row .wjmm { text-align: left; display: inherit; float: left; } .wj_row .zczh { text-align: right; display: inline-block; float: right; } .sigma-content { text-align: center; background-color: #f1f1f1; position: relative; color: #bfbfbf; width: 90%; margin: 0 auto; } .sigma-middle-line:before { content: ''; display: block; height: 1px; width: 100%; background-color: #bfbfbf; /*颜色需与主题大背景色一致*/ position: relative; top: 10px; /*调节线高*/ left: 0; } .sigma-line-text { display: inline-block; background: #f1f1f1; padding: 0 18px 0 18px; position: relative; font-size: 14px; font-weight: 500; } .fangshi { width: 80%; margin: 8% auto; position: relative; overflow: hidden; } .fangshi .box { float: left; width: 18.1%; margin-left: 4.5%; margin-right: 4.5%; text-align: center; color: #787878; margin-bottom: 20px; } .fangshi .box:first-child { margin-left: 0; } .fangshi .box:last-child { margin-right: 0; } .fangshi .box img { display: block; max-width: 100%; height: auto; margin: 0 auto 5px auto; } .fangshi .box:active { color: red; font-size: 12px; } .fangshi .box:active img { padding: 3px; } /**/ .hui { color: #787878; font-size: 16px; line-height: 1.8; } .w_tongy { height: 40px; } .w_tongy > input[type=checkbox] { width: 5%; } .w_tongy .xieyi { margin-left: 5%; line-height: 2.8; float: left; color: #666; } .w_tongy .xieyi .red { color: red; } .huoqu_duanxin { height: 35px; overflow: auto; } .neirong{ /* padding-top: 40px; */ } .neirong ul{ /* padding-top: 15px; */ list-style-type: none; padding-left: 0; } .neirong ul li{ padding: 12px 0; /*text-align: center;*/ } .neirong ul li .name{ text-align: right; width: 98px; display: inline-block; } .neirong ul li .input{ height: 35px; line-height: 35px; width: 63%; border: none; outline: none; border-bottom: 1px solid #d8d8d8; } .red{color:red;} .text-center{text-align: center;} .btn{ display: inline-block; padding: 8px 14px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; /*border-radius: 4px;*/ text-decoration: none; } .btn-blue{ color: #fff; background: -moz-linear-gradient(top, #41b8ff, #0b53bb); background: -webkit-gradient(linear,0% 0%,0% 100%,from(#41b8ff),to(#0b53bb)); background: -webkit-linear-gradient(top, #41b8ff, #0b53bb); background: -o-linear-gradient(top, #41b8ff, #0b53bb); background: -ms-linear-gradient(top, #41b8ff, #0b53bb); border-color: rgb(253, 253, 254); } .foot_btn{ width: 45%; margin-top: 25px; height: 32px; line-height: 32px; border-radius: 6px; } @media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) { .s_row .duanxin { margin-left: 14%; } .s_row .huoqu { right: 1%; } } @media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) { .s_row .duanxin { margin-left: 8.5%; } .s_row .huoqu { right: 2%; } .s_row > input { width: 90%; } .neirong ul li .input{ width: 84%; } } @media screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) { .neirong ul li .input{ width: 84%; } }