.bm-title { border-bottom: 2px solid #25854a; }
.bm-title h1, .bm-title h2 { font-size: 32px; text-align: center; color: #25854a; }

.warning { background-color: #fffbf1; border: 1px solid #ff9f00; padding: 10px; font-size: 12px; color: #555; position: relative; padding-left: 50px; }
.warning span { position: absolute; left: 10px; top: 10px; }

.chk span { margin-left: 2px; }
.chk input[type='checkbox'] { box-sizing: border-box; padding: 0; border: 1px solid #999; position: relative; width: 14px; height: 14px; background-clip: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: -2px; border-radius: 2px; margin-right: 3px; background-color: #fff; }
.chk input[type='checkbox']:checked { border-color: #f33c32; }
.chk input[type='checkbox']:checked:after { content: ''; display: block; height: 3px; width: 7px; border: 0 solid #f33c32; border-width: 0 0 1px 1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 3px; left: 2px; }

.agreement { margin-left: 88px; margin-bottom: 20px; }
.agreement .chk span a { color: #25854a; }

.bm-right { width: 300px; background-color: #f9f9f9; padding: 15px; box-sizing: border-box; }

.bm-rtit { font-size: 18px; color: #25854a; }
.bm-rtit .iconfont { font-size: 20px; margin-right: 5px; }

.bm-wx { float: left; text-align: center; width: 135px; }
.bm-wx p { font-size: 12px; color: #666; margin-bottom: 5px; }
.bm-wx img { width: 100px; height: 100px; }

.bm-pro { background: url("../images/bmg.png") no-repeat 0 bottom; width: 277px; height: 129px; }
.bm-pro li { float: left; width: 50%; line-height: 42px; padding-left: 20px; box-sizing: border-box; }
.bm-pro li span { display: inline-block; border: 1px solid #999; border-radius: 50%; color: #25854a; width: 14px; height: 14px; line-height: 14px; text-align: center; font-weight: bold; margin-right: 5px; }

.popbg { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 11; display: none; }

.popbox { width: 800px; position: fixed; left: 50%; margin-left: -400px; top: 50%; margin-top: -240px; z-index: 12; display: none; }
.popbox .close { position: absolute; right: 15px; top: 15px; width: 20px; height: 20px; }
.popbox .close:before, .popbox .close:after { content: ''; width: 20px; height: 1px; background: #000; position: absolute; right: 0; top: 10px; }
.popbox .close:before { transform: rotate(45deg); }
.popbox .close:after { transform: rotate(135deg); }
.popbox .tit { font-size: 18px; color: #555; line-height: 50px; background-color: #ededed; padding-left: 25px; }
.popbox .cont { padding: 20px; background-color: #fff; overflow: auto; max-height: 430px; }
.popbox .cont p { text-indent: 2em; margin-bottom: 10px; }

.calendar-modal { margin-top: 46px; margin-left: 88px; }