﻿@charset "utf-8";
/* CSS Document */
html, body { margin: 0 auto; padding: 0; font-family: "微软雅黑","宋体", sans-serif; font-size: 16px; color: #302e31; background: #fff; width: 100%; -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; }
img, a img { border: 0; max-width: 100%; height: auto; }
a:hover { color: #d30312; }
select { padding: 2px; font-size: 16px; }
label { display: inline-block; }
p { line-height: 30px; }

.c { text-align: center; }
.b { font-weight: bold; }
.hei { color: #000; }
.hui1 { color: #999; }
.hui2 { color: #dfdfdf; }
.red { color: #d30312; }
.zis1 { color: #CC00FF; }
.blue { color: #0371F7; }
.green { color: #00CC00; }
.fs18 { font-size: 18px; }
.fs21 { font-size: 21px; }
.fs24 { font-size: 24px; }
.fs30 { font-size: 30px; }
.fs42 { font-size: 42px; }
.fs60 { font-size: 60px; }

.bmi_clear { clear: both; }
.bmi_disnone { display: none; }
.bmi_mt20 { margin-top: 20px; }
.bmi_mt50 { margin-top: 50px; }
.bmi_mb20 { margin-bottom: 20px; }
.bmi_ml20 { margin-left: 20px; }
.bmi_mr20 { margin-right: 20px; }
.bmi_pt20 { padding-top: 20px; }
.bmi_pb20 { padding-bottom: 20px; }

.bmi_btn1 { display: inline-block; margin: 2px; width: 200px; height: 40px; line-height: 40px; background: #0371F7; color: #fff; font-size: 18px; cursor: pointer; border: 0; border-radius: 5px; }
.bmi_btn1:hover { background: #d30312; }
.bmi_btn2 { display: inline-block; margin: 2px; padding: 0 20px; height: 40px; line-height: 40px; background: #0371F7; color: #fff; font-size: 18px; cursor: pointer; border: 0; border-radius: 5px; }
.bmi_btn2:hover { background: #d30312; }

.bmi_header, main, .bmi_links { display: block; margin: 0 auto; width: 98%; max-width: 900px; }

/* 头部 */
header { padding: 10px 0; background: #CBEFFF; }

/* 底部 */
footer { position: relative; margin-top: 20px; padding: 10px 0; line-height: 25px; color: #777; border-top: solid 1px #CBEFFF; text-align: center; }

/* 友情链接 */
.bmi_links { background: #fff; border: solid 1px #dfdfdf; }
.bmi_links .bmi_lt { padding: 0 0 0 15px; line-height: 30px; background: #EFEFEF; border-bottom: solid 1px #dfdfdf; }
.bmi_links .bmi_la { padding: 15px 20px; line-height: 25px; }
.bmi_links .bmi_la a { display: inline-block; margin-right: 10px; font-size: 12px; }

/* 主体 */
.bmi_frm { margin: 0 auto; width: 480px; max-width: 98%; }
.bmi_frm .span1 { display: inline-block; width: 30%; }
.bmi_frm .span2 { display: inline-block; width: 70%; }
.bmi_frm label { width: 60px; }
.bmi_frm input[type="number"], .bmi_frm input[type="text"] { padding: 0 0 0 10px; width: 130px; height: 30px; line-height: 30px; font-size: 16px; outline-style: none ;border: 1px solid #ccc; border-radius: 5px;    min-width: 14rem;max-width: 20rem;}

.bmi_frm2 { margin: 0 auto; width: 100%; }
.bmi_frm2 .span1 { display: inline-block; width: 30%; }
.bmi_frm2 .span2 { display: inline-block; width: 70%; }
.bmi_frm2 input[type="number"], .bmi_frm2 input[type="text"] { padding: 0 5px; width: 180px; height: 30px; line-height: 30px; font-size: 16px; outline-style: none ;border: 1px solid #ccc; border-radius:5px;padding: 13px 14px;}

.bmi_bz { width: 100%; border: 0; border-spacing: 0; border-collapse: collapse; text-align: center; }
.bmi_bz thead tr { background: #8DD8F8; }
.bmi_bz tbody tr { background: #ccc; }
.bmi_bz tbody .tr1 { background: #66CC00; }
.bmi_bz tbody .tr2 { background: #FFFF00; }
.bmi_bz tbody .tr3 { background: #FF9900; }
.bmi_bz tbody .tr4 { background: #EC3036; }
.bmi_bz tbody tr:hover { background: #F1F2AF; }

.bmi_bz2 { width: 100%; border-spacing: 0; border-collapse: collapse; text-align: center; }
.bmi_bz2 thead tr { background: #009AE5; color: #fff; font-weight: bold; line-height: 25px; }
.bmi_bz2 thead tr th { padding: 3px 5px; border:1px solid #C9C9C9; }
.bmi_bz2 tbody tr:nth-child(even) { background: #f6f6f6; }
.bmi_bz2 tbody tr:hover { background: #F1F2AF; }
.bmi_bz2 td { padding: 3px 5px; line-height: 20px; border:1px solid #D8DADD; font-size: 12px; }

.bmi_cell { float: left; width: 33.33%; }
@media screen and (max-width:640px) {
html, body { font-size: 12px; }
}