* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { position: relative; }

i { font-style: normal; }

a:hover { text-decoration: none; }

.container { background: #ebfbfa; }

.serviceDetarl { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

header { background: #333333; }
header .header { width: 1190px; height: 30px; line-height: 30px; margin: 0 auto; overflow: hidden; }
header .header a.uni_logo { float: left; }
header .header ul { float: right; overflow: hidden; }
header .header ul li { float: left; }
header .header ul li.per-center { margin-right: 30px; }
header .header ul li.per-center::before { content: ''; display: inline-block; width: 16px; height: 18px; background: url("../images/user.png") no-repeat; vertical-align: -4px; padding-right: 6px; }
header .header ul li.phone::before { content: ''; display: inline-block; width: 12px; height: 18px; background: url("../images/phone.png") no-repeat; vertical-align: -4px; padding-right: 6px; }
header .header ul li a { color: #fff; }

.band_banner { display: block; position: relative; width: 100%; }

.container__shape { height: 120px; position: relative; z-index: 1; background: #ebfbfa; margin-top: -120px; background: url("../images/logo-bg_circle.png") no-repeat; background-size: 100% 100%; }

.main_content { width: 1003px; margin: 0 auto; background: #fff; border-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 50px 30px; position: relative; margin-top: -82px; z-index: 100; }
.main_content h3 { color: #a00002; display: inline-block; font-size: 20px; margin-right: 20px; }
.main_content .notHasActiv { text-align: center; }
.main_content .choose_prov { padding-bottom: 50px; }
.main_content .choose_prov h3::before { content: ''; display: inline-block; width: 27px; height: 41px; background: url("../images/position.png") no-repeat; padding-right: 10px; vertical-align: -4px; }
.main_content .choose_prov .tips::before { content: ''; display: inline-block; width: 19px; height: 19px; background: url("../images/warn.png") no-repeat; padding-right: 8px; vertical-align: -4px; }
.main_content .choose_prov .area { padding-top: 30px; }
.main_content .choose_prov .area .area-sel { display: inline-block; width: 180px; background: #fff; height: 36px; font-size: 16px; margin-right: 20px; padding-left: 20px; border-radius: 4px; border-color: #fe979f; color: #fe979f; }
.main_content .choose_tc { padding-bottom: 50px; }
.main_content .choose_tc h3::before { content: ''; display: inline-block; width: 47px; height: 39px; background: url("../images/tc.png") no-repeat; padding-right: 10px; vertical-align: -4px; }
.main_content .choose_tc .tc_box { padding-top: 30px; padding-bottom: 30px; overflow: hidden; width: 100%; }
.main_content .choose_tc .tc_box .selTcDesc { margin-top: 10px; }
.main_content .choose_tc .tc_box .selTcDesc span { font-weight: 700; color: #fc445a; }
.main_content .choose_tc .tc_box .tcDesc { color: #666666; font-size: 12px; margin-top: 10px; }
.main_content .choose_tc .tc_box ul { overflow: hidden; }
.main_content .choose_tc .tc_box li a { float: left; width: 22%; padding: 15px 0 10px; border: 2px solid #ddd; text-align: center; margin-right: 3%; border-radius: 4px; margin-bottom: 10px; position: relative; }
.main_content .choose_tc .tc_box li a:hover { color: #000; }
.main_content .choose_tc .tc_box li a .ronghe { position: absolute; top: 0; right: 4px; width: 55px; height: 57px; background: url("../images/ronghe_corner.png") no-repeat; background-size: 100% 100%; }
.main_content .choose_tc .tc_box li a .tag { display: inline-block; width: 74px; height: 37px; position: absolute; top: 5px; left: 0; }
.main_content .choose_tc .tc_box li a .tagYear { background: url(../images/year.png); background-size: 100%; }
.main_content .choose_tc .tc_box li a .tagMonth { background: url(../images/month.png); background-size: 100%; }
.main_content .choose_tc .tc_box li a .tagJqYear { width: 104px; background: url(../images/jqby.png); background-size: 100%; }
.main_content .choose_tc .tc_box li a .tagSqYear { width: 104px; background: url(../images/sqby.png); background-size: 100%; }
.main_content .choose_tc .tc_box li a .tagJqMonth { width: 104px; background: url(../images/jqbm.png); background-size: 100%; }
.main_content .choose_tc .tc_box li a .tagSqMonth { width: 104px; background: url(../images/sqbm.png); background-size: 100%; }
.main_content .choose_tc .tc_box li a img { display: block; height: 156px; margin: 0 auto 20px; }
.main_content .choose_tc .tc_box li a.no_margin { margin-right: 0; }
.main_content .choose_tc .tc_box li a:hover { text-decoration: none; }
.main_content .choose_tc .tc_box li a.check_on { border: 2px solid #FC2841; }
.main_content .choose_tc .tc_box li a p { height: 138px; width: 138px; margin: 0 auto; color: #fff; margin-top: 30px; text-align: center; }
.main_content .choose_tc .tc_box li a p span { display: inline-block; margin-top: 55px; margin-bottom: 10px; }
.main_content .choose_tc .tc_box li a p b { display: inline-block; font-size: 22px; line-height: 34px; }
.main_content .choose_tc .tc_box li a.orange { color: #f2b622; }
.main_content .choose_tc .tc_box li a.orange p { background: url("../images/200_500.png") no-repeat; background-size: 100% 100%; position: relative; font-size: 42px; }
.main_content .choose_tc .tc_box li a.orange p span { margin-left: 12px; }
.main_content .choose_tc .tc_box li a.orange p b { margin-left: 12px; }
.main_content .choose_tc .tc_box li a.lightblue { color: #5cd9c6; }
.main_content .choose_tc .tc_box li a.lightblue p { background: url("../images/500_800.png") no-repeat; background-size: 100% 100%; position: relative; font-size: 42px; }
.main_content .choose_tc .tc_box li a.lightblue p span { margin-left: 12px; }
.main_content .choose_tc .tc_box li a.lightblue p b { margin-left: 12px; }
.main_content .choose_tc .tc_box li a.pink { color: #fb6a7f; }
.main_content .choose_tc .tc_box li a.pink p { background: url("../images/0_200.png") no-repeat; background-size: 100% 100%; position: relative; font-size: 42px; }
.main_content .choose_tc .tc_box li a.blue { color: #76bdf2; }
.main_content .choose_tc .tc_box li a.blue p { background: url("../images/800+.png") no-repeat; background-size: 100% 100%; position: relative; font-size: 40px; }
.main_content .choose_tc .tc_box li a .perYear { padding-top: 20px; display: inline-block; font-size: 14px; }
.main_content .btn-box { display: block; text-align: center; }
.main_content .btn-box .btn { text-decoration: none; color: #fff; display: inline-block; width: 320px; height: 40px; line-height: 40px; background: #a00002; margin: 0 auto; border-radius: 4px; text-align: center; }
.main_content .fill_info { margin-bottom: 40px; }
.main_content .fill_info h3::before { content: ''; display: inline-block; width: 42px; height: 42px; background: url("../images/userInfo.png") no-repeat; padding-right: 10px; vertical-align: -4px; }
.main_content .fill_info.choose_num h3::before { background: url("../images/phone_icon.png") no-repeat; vertical-align: -12px; }
.main_content .fill_info.fill_order h3::before { background: url("../images/fill_icon.png") no-repeat; vertical-align: -14px; }
.main_content .fill_info .input_boxs { padding-top: 30px; }
.main_content .fill_info .input_boxs .input-box { margin-bottom: 10px; position: relative; }
.main_content .fill_info .input_boxs .input-box .chooseNum { display: inline-block; width: 140px; border: 1px solid #f35248; color: #f35248; border-radius: 4px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; }
.main_content .fill_info .input_boxs .input-box .chooseNum:hover { text-decoration: none; }
.main_content .fill_info .input_boxs .input-box .hasNum { display: inline-block; overflow: hidden; width: 400px; line-height: 30px; vertical-align: -9px; }
.main_content .fill_info .input_boxs .input-box .hasNum .num-content { color: #f35248; float: left; font-size: 16px; }
.main_content .fill_info .input_boxs .input-box .hasNum .reChoose { float: right; width: 110px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #f35248; color: #f35248; border-radius: 4px; font-size: 16px; }
.main_content .fill_info .input_boxs .input-box .choose-box { display: inline-block; }
.main_content .fill_info .input_boxs .input-box.post .post_add { display: inline-block; vertical-align: -50px; }
.main_content .fill_info .input_boxs .input-box.post .post_add input { margin: 10px 0 0 !important; }
.main_content .fill_info .input_boxs .input-box .post_list { margin-top: 10px; }
.main_content .fill_info .input_boxs .input-box .post_list li { float: left; }
.main_content .fill_info .input_boxs .input-box .post_list li a { font-size: 16px; }
.main_content .fill_info .input_boxs .input-box .post_list li a.first { color: #f35248; }
.main_content .fill_info .input_boxs .input-box .post_list li a.first::before { content: ''; display: inline-block; width: 12px; height: 12px; background: url("../images/radio_1.png"); vertical-align: middle; margin-right: 10px; }
.main_content .fill_info .input_boxs .input-box .post_list li a.first.checked::before { content: ''; background: url("../images/radio_2.png"); }
.main_content .fill_info .input_boxs .input-box .post_list li a.second { padding-left: 46px; color: #3366cc; }
.main_content .fill_info .input_boxs .input-box .post_list li a:hover { text-decoration: none; }
.main_content .fill_info .input_boxs .input-box > label { width: 26%; text-align: right; padding-left: 10px; font-size: 16px; display: inline-block; margin-left: 4%; }
.main_content .fill_info .input_boxs .input-box > label.postAddres { width: 90px; margin: 0; text-align: center; padding: 0; }
.main_content .fill_info .input_boxs .input-box a { font-size: 14px; }
.main_content .fill_info .input_boxs .input-box input[type='text'] { width: 400px; text-align: left; border: 1px solid #ddd; border-radius: 4px; height: 40px; line-height: 40px; font-size: 14px; padding: 0 10px; background: #fff; }
.main_content .fill_info .input_boxs .input-box input[type='text'].check { width: 160px; margin-right: 5px; }
.main_content .fill_info .input_boxs .input-box input[type='text'].add_detail { margin-left: 30.3%; margin-top: 10px; }
.main_content .fill_info .input_boxs .input-box input[type='text'].datetime { width: 212px; padding-left: 20px; }
.main_content .fill_info .input_boxs .input-box input[type='text'].datetime::before { content: ''; display: inline-block; width: 21px; height: 22px; background: url("../images/date.png") no-repeat; vertical-align: middle; }
.main_content .fill_info .input_boxs .input-box .yzm { height: 40px; vertical-align: -14px; cursor: pointer; border-radius: 5px; }
.main_content .fill_info .input_boxs .input-box .timeicon { display: inline-block; width: 21px; height: 22px; background: url("../images/date.png") no-repeat; background-size: 100% 100%; vertical-align: -5px; position: absolute; top: 10px; right: 10px; }
.main_content .fill_info .input_boxs .input-box select { width: 131px; height: 40px; line-height: 40px; padding-left: 20px; border-radius: 4px; background: #fff; border: 1px solid #ddd; }
.main_content .fill_info .input_boxs .input-box select.install_time { width: 178px; display: block; margin-top: 10px; }
.main_content .fill_info .input_boxs .input-box .check::before { content: ''; display: inline-block; width: 20px; height: 21px; margin-left: 10px; vertical-align: middle; margin-right: 8px; }
.main_content .fill_info .input_boxs .input-box .error::before { background: url("../images/error.png") no-repeat; }
.main_content .fill_info .input_boxs .input-box .correct::before { background: url("../images/check.png") no-repeat; }
.main_content .fill_info .input_boxs .input-box .time-box { display: inline-block; position: relative; }
.main_content .fill_info .input_boxs .input-box .detail_time { display: inline-block; font-size: 14px; margin-left: 10px; }
.main_content .fill_info .input_boxs .input-box .detail_time select { width: 70px; }
.main_content .fill_info .input_boxs .input-box .marLeft { display: inline-block; }
.main_content .fill_info .input_boxs .input-box .marLeft p { display: inline-block; margin-left: 15px; }
.main_content .fill_info .input_boxs .input-box .marLeft p input { vertical-align: -4px; width: 20px; height: 20px; }
.main_content .fill_info .input_boxs .input-box .marLeft p label { font-size: 14px; }
.main_content .fill_info .input_boxs .reseveBtn { display: block; width: 300px; margin: 0 auto; margin-top: 30px; height: 40px; line-height: 40px; text-align: center; background: #a00002; border-radius: 4px; color: #fff; font-size: 16px; text-decoration: none; }
.main_content .fill_info .input_boxs .number { text-align: center; font-size: 16px; padding-bottom: 25px; padding-top: 10px; }
.main_content .fill_info .input_boxs .number .noNumber { display: inline-block; margin-right: 10px; text-align: center; font-size: 16px; text-decoration: none; color: #a00002; }
.main_content .fill_info .input_boxs .number span { color: #555555; }
.main_content .fill_info .input_boxs .number span b { font-weight: 400; }
.main_content .flowInfo { margin: 40px -30px 20px; background: url("../images/vivo.png") no-repeat; background-size: 100% 100%; padding: 20px 0; }
.main_content .flowInfo .yuyue { text-align: center; overflow: hidden; }
.main_content .flowInfo .yuyue h2 { color: #a00002; margin: 60px 10px 20px -120px; display: inline-block; font-size: 24px; }
.main_content .flowInfo .yuyue p { color: #a00002; font-size: 16px; display: inline-block; }
.main_content .flowInfo .numberInfo { font-size: 24px; margin-left: 34.5%; margin-top: 10px; }
.main_content .flowInfo .numberInfo .check::before { content: ''; display: inline-block; width: 20px; height: 21px; margin-left: 10px; vertical-align: middle; margin-right: 8px; }
.main_content .flowInfo .numberInfo .check { font-size: 14px; }
.main_content .flowInfo .numberInfo .numberTips { color: #999999; margin-top: 15px; font-size: 14px; line-height: 22px; }
.main_content .flowInfo .numberInfo .numberTips::before { content: ''; display: inline-block; width: 19px; height: 19px; background: url("../images/warn.png") no-repeat; background-size: 100% 100%; vertical-align: top; margin-right: 8px; }
.main_content .flowInfo .numberInfo .numberTips b { font-size: 16px; font-weight: bold; color: #000; margin-right: 10px; }
.main_content .flowInfo .numberInfo .numberTips span { color: #ff6600; display: block; padding-left: 26px; }
.main_content .flowInfo .numberInfo .error::before { background: url("../images/error.png") no-repeat; }
.main_content .flowInfo .numberInfo .correct::before { background: url("../images/check.png") no-repeat; }
.main_content .flowInfo .numberInfo input { border: 1px solid #a00002; width: 250px; line-height: 40px; height: 40px; padding: 0 20px; border-radius: 4px; background: #fff; color: #999; font-size: 16px; }
.main_content .flowInfo .numberInfo .submitAlter { display: inline-block; width: 60px; line-height: 40px; color: #fff; font-size: 16px; text-align: center; border-radius: 4px; background: #ddd; text-decoration: none; }
.main_content .flowInfo .numberInfo .noActiv { display: inline-block; width: 120px; height: 42px; line-height: 39px; text-align: center; color: #999; border: 1px solid #a00002; position: relative; border-radius: 4px; font-size: 16px; text-decoration: none; }
.main_content .flowInfo .numberInfo.selected input { border: 1px solid #ddd; }
.main_content .flowInfo .numberInfo.selected .submitAlter { background: #ddd; cursor: not-allowed; }
.main_content .flowInfo .numberInfo.selected .noActiv { color: #a00002; }
.main_content .flowInfo .numberInfo.selected .noActiv::after { content: ''; background: url("../images/checkActiv.png") no-repeat; background-size: 100% 100%; width: 30px; height: 19px; position: absolute; bottom: 0; right: 0; }
.main_content .flowInfo .numberInfo.init .noActiv { border: 1px solid #a00002; }
.main_content .flowInfo .numberInfo.init input { border: 1px solid #ddd; }
.main_content .flowInfo .numberInfo.init .submitAlter { background: #a00002; }
.main_content .flowInfo .numberInfo.unselected .noActiv { border: 1px solid #ddd; color: #ddd; }
.main_content .flowInfo .numberInfo.unselected input { border: 1px solid #a00002; }
.main_content .flowInfo .numberInfo.unselected .submitAlter { background: #a00002; }
.main_content .flowInfo .updateNum { font-size: 18px; height: 40px; line-height: 40px; }
.main_content .flowInfo .updateNum span { color: #999999; }
.main_content .flowInfo .updateNum a { color: #a00002; text-decoration: none; padding-left: 20px; }
.main_content .broadDesc { text-align: center; margin-top: 20px; }
.main_content .broadDesc h3 { position: relative; height: 60px; text-align: center; display: block; margin: 0; }
.main_content .broadDesc h3 .line { position: absolute; top: 30px; left: 0; border-bottom: 1px solid #ddd; width: 100%; height: 0; z-index: 1; }
.main_content .broadDesc h3 span { position: relative; display: inline-block; width: 166px; line-height: 60px; color: #576d7e; font-size: 24px; background-color: #fff; z-index: 2; }
.main_content .broadDesc h3 span .cc { position: absolute; top: 24px; width: 12px; height: 12px; display: inline-block; background: url("../images/circle-little-tag.png") 0 0 no-repeat; }
.main_content .broadDesc h3 span .cl { left: 0; }
.main_content .broadDesc h3 span .cr { right: 0; }
.main_content .broadDesc #broadDesc { margin: 0 -30px; }
.main_content .submit-box { text-align: center; padding-top: 50px; }
.main_content .submit-box .error { display: inline-block; padding-left: 20px; color: #333; margin-right: -100px; }
.main_content .submit-box .error::before { content: ''; display: inline-block; width: 20px; height: 21px; margin-left: 10px; background: url(../images/error.png) no-repeat; vertical-align: middle; margin-right: 8px; }
.main_content .submit-box .protocal { display: inline-block; font-size: 14px; cursor: pointer; }
.main_content .submit-box .protocal::before { content: ''; display: inline-block; width: 20px; height: 20px; border: 1px solid #ddd; margin-right: 10px; border-radius: 4px; vertical-align: -6px; }
.main_content .submit-box .protocal.agree::before { content: ''; display: inline-block; width: 20px; height: 20px; background: url("../images/agree.png") no-repeat; vertical-align: -6px; margin-right: 10px; }
.main_content .submit-box .protocal span { color: #fd5d8c; }
.main_content .submit-box .orderBtn { display: block; width: 300px; line-height: 40px; text-align: center; background: #a00002; color: #fff; font-size: 16px; margin: 20px auto; border-radius: 4px; }
.main_content .submit-box .orderBtn.disabled { background: #ddd; color: #888888; }
.main_content .submit-box .orderBtn:hover { text-decoration: none; }

.popup { width: 100%; padding: 0 12px; background-color: transparent; z-index: 1003; box-sizing: border-box; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.popup .content { background-color: #fff; padding-bottom: 20px; border-radius: 5px; }
.popup .content .occupyTips { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2000; background: transparent; }
.popup .content .occupyTips p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 10px; width: 210px; font-size: 14px; line-height: 20px; color: #fff; background: #323232; text-align: center; border-radius: 4px; }
.popup .content .p-title { font-size: 19px; color: #a00002; text-align: center; margin: 0; }
.popup .content .protocol-title { line-height: 44px; border-bottom: 1PX solid #ddd; text-align: center; font-size: 15px; color: #a00002; margin: 0; }
.popup .content .protocol-desc { font-size: 10px; max-height: 240px; overflow-y: auto; padding: 10px 16px 20px; text-indent: 2em; line-height: 20px; -webkit-overflow-scrolling: touch; color: #505050; }
.popup .content .protocol-desc h2 { text-indent: 0; font-size: 13px; text-align: center; margin: 0; }
.popup .content .protocol-desc .no-indent { text-indent: 0; }
.popup .content .protocol-desc .warn { color: red; }
.popup .content .protocol-desc .rule { border-collapse: collapse; margin: 0 auto; }
.popup .content .protocol-desc .rule th, .popup .content .protocol-desc .rule td { border: 1PX solid; text-align: center; text-indent: 0; }
.popup .content .protocol-desc .rule td:nth-child(2) { text-align: left; padding-left: 5px; }
.popup .content .popup-icon { display: block; margin: 0 auto; padding-top: 25px; height: 60px; }
.popup .content .point-list { padding: 0 10px; margin-top: 15px; }
.popup .content .point-list .point { color: #787878; font-size: 14px; line-height: 20px; padding-left: 15px; margin-bottom: 10px; background-size: 12px; }
.popup .content .point-list .point span { color: #ff8903; }
.popup .content .referee { line-height: 35px; text-align: center; margin-top: 15px; }
.popup .content .referee .to-referee { display: block; text-align: center; color: #7a97c3; font-size: 12px; }
.popup .content .referee .referee-message { display: inline-block; width: 180px; line-height: 33px; border-radius: 4px; border: 1PX solid #ccc; font-size: 12px; padding: 0 10px; }
.popup .content .referee .submit-referee { display: inline-block; width: 60px; line-height: 35px; border-radius: 4px; margin-left: 9px; background: #7a97c3; font-size: 12px; color: #fff; }
.popup .content .referee .grey { background: #d3d3d3; }
.popup .content .referee .referee-error { display: none; line-height: 20px; color: #ff3021; padding-left: 12px; text-align: left; font-size: 12px; }
.popup .content .referee .referee-success { display: none; text-align: center; color: #7a97c3; font-size: 12px; }
.popup .content .popup-title { font-size: 18px; text-align: center; line-height: 45px; color: #a00002; }
.popup .content .popup-desc { padding: 0 12px; margin-bottom: 15px; font-size: 14px; color: #888; line-height: 20px; }
.popup .content .popup-desc span { color: #a00002; }
.popup .popup-close { position: absolute; top: 14px; right: 14px; font-size: 20px; color: #ababab; }
.popup .btn-box { margin-top: 15px; padding: 0 12px; }
.popup .btn-box .btn { display: block; width: 100%; height: 39px; line-height: 39px; background-color: #a00002; font-size: 15px; color: #FFF; text-align: center; text-decoration: none; border-radius: 3px; }
.popup .btn-box .btn:link { color: #FFF !important; }
.popup .btn-box .btn:visited { color: #FFF !important; }
.popup .btn-box .btn:hover { color: #FFF !important; }
.popup .btn-box .btn:active { color: #FFF !important; }
.popup.sorry .content { text-align: center; }
.popup.sorry .reChoose { width: 80%; display: inline-block; padding: 10px; background: #a00002; color: #fff; text-align: center; border-radius: 4px; font-size: 14px; margin: 0 auto 20px; }
.popup.number, .popup.sorry { width: 750px; padding: 0; }
.popup.number .content, .popup.sorry .content { padding: 40px 30px; padding-bottom: 0; overflow: hidden; }
.popup.number .search, .popup.sorry .search { width: 100%; height: 43px; position: relative; float: left; }
.popup.number .search .numAddress, .popup.sorry .search .numAddress { display: inline-block; font-size: 14px; color: #333333; float: left; line-height: 35px; width: 50%; }
.popup.number .search .numAddress span, .popup.sorry .search .numAddress span { color: #fd5d8c; }
.popup.number .search .search-input, .popup.sorry .search .search-input { width: 50%; height: 35px; line-height: 35px; border: 1PX solid #dddddd; outline: none; padding: 0px 41px 0px 14px; font-size: 14px; box-sizing: border-box; border-radius: 3px; }
.popup.number .search .search-input::-webkit-input-placeholder, .popup.sorry .search .search-input::-webkit-input-placeholder { color: #888; }
.popup.number .search .search-input::-moz-placeholder, .popup.number .search .search-input:-moz-placeholder, .popup.sorry .search .search-input::-moz-placeholder, .popup.sorry .search .search-input:-moz-placeholder { color: #888; }
.popup.number .search .search-input:-ms-input-placeholder, .popup.sorry .search .search-input:-ms-input-placeholder { color: #888; }
.popup.number .search .search-btn, .popup.sorry .search .search-btn { position: absolute; top: -2PX; right: 8px; width: 35px; line-height: 35px; height: 35px; }
.popup.number .search .search-btn::before, .popup.sorry .search .search-btn::before { content: ''; position: absolute; top: 10px; left: 11px; width: 12px; height: 12px; border: 1PX solid #ddd; border-radius: 50%; }
.popup.number .search .search-btn::after, .popup.sorry .search .search-btn::after { content: ''; position: absolute; top: 24px; left: 21px; width: 9px; height: 2px; background-color: #ddd; transform: rotate(45deg); }
.popup.number .search .search-close-btn, .popup.sorry .search .search-close-btn { position: absolute; top: 1PX; right: 13px; width: 41px; height: 41px; }
.popup.number .search .search-close-btn i, .popup.sorry .search .search-close-btn i { display: block; width: 18px; height: 18px; position: relative; margin: 0 auto; top: 11px; }
.popup.number .search .search-close-btn i img, .popup.sorry .search .search-close-btn i img { width: 100%; }
.popup.number .number-loading, .popup.sorry .number-loading { display: block; clear: both; min-height: 100px; line-height: 100px; text-align: center; font-size: 16px; }
.popup.number .number-wrap, .popup.sorry .number-wrap { padding: 30px 0 10px; clear: both; overflow: hidden; }
.popup.number .number-wrap .number-loading, .popup.sorry .number-wrap .number-loading { height: 79px; background-size: 50px 50px; text-align: center; color: #969696; font-size: 13px; padding-top: 136px; }
.popup.number .number-wrap .no-number, .popup.sorry .number-wrap .no-number { line-height: 43px; font-size: 14px; padding: 0 12px; color: #999999; text-align: center; }
.popup.number .number-wrap .no-number span, .popup.sorry .number-wrap .no-number span { display: block; }
.popup.number .number-wrap .no-number .error-code, .popup.sorry .number-wrap .no-number .error-code { font-size: 10px; transform: scale(0.7); transform-origin: left; white-space: nowrap; display: inline-block; }
.popup.number .number-wrap .number-list, .popup.sorry .number-wrap .number-list { overflow: hidden; }
.popup.number .number-wrap .number-list li, .popup.sorry .number-wrap .number-list li { display: block; height: 36px; line-height: 36px; font-size: 17px; float: left; width: 30%; box-sizing: border-box; text-align: center; }
.popup.number .number-wrap .number-list li:nth-child(4n+1), .popup.sorry .number-wrap .number-list li:nth-child(4n+1) { width: 20%; text-align: left; }
.popup.number .number-wrap .number-list li:nth-child(4n+4), .popup.sorry .number-wrap .number-list li:nth-child(4n+4) { width: 20%; text-align: right; }
.popup.number .number-wrap .number-list li a, .popup.sorry .number-wrap .number-list li a { display: block; width: 100%; font-size: 17px; color: #333; position: relative; }
.popup.number .number-wrap .number-list li a span, .popup.sorry .number-wrap .number-list li a span { color: #a00002; }
.popup.number .number-wrap .number-list li a:hover, .popup.sorry .number-wrap .number-list li a:hover { color: #a00002; }
.popup.number .number-wrap .number-list li a.active, .popup.sorry .number-wrap .number-list li a.active { color: #a00002; }
.popup.number .number-wrap .alignLeft li a, .popup.sorry .number-wrap .alignLeft li a { text-align: left; }
.popup.number .submitNumBox, .popup.sorry .submitNumBox { border-top: 1px solid #eee; padding: 15px 30px; margin: 0 -30px; overflow: hidden; }
.popup.number .submitNumBox .choosedNum, .popup.sorry .submitNumBox .choosedNum { font-size: 16px; float: right; margin: 10px 0 20px; }
.popup.number .submitNumBox .choosedNum span, .popup.sorry .submitNumBox .choosedNum span { color: #fd5d8c; font-size: 14px; }
.popup.number .submitNumBox .btns, .popup.sorry .submitNumBox .btns { float: right; clear: right; }
.popup.number .submitNumBox .btns a, .popup.sorry .submitNumBox .btns a { font-size: 14px; display: inline-block; width: 120px; height: 35px; line-height: 35px; text-align: center; border-radius: 4px; border: 1px solid #eee; }
.popup.number .submitNumBox .btns a.submitNum, .popup.sorry .submitNumBox .btns a.submitNum { background: #a00002; border: 1px solid #a00002; color: #fff; margin-left: 8px; }
.popup.number .submitNumBox .btns a.submitNum:hover, .popup.sorry .submitNumBox .btns a.submitNum:hover { color: #fff; }
.popup.number .submitNumBox .btns a:hover, .popup.sorry .submitNumBox .btns a:hover { color: #333333; }
.popup.number .refresh, .popup.sorry .refresh { display: inline-block; float: right; text-align: center; line-height: 46px; height: 46px; font-size: 16px; color: #a00002; text-decoration: none; }
.popup.number .refresh::before, .popup.sorry .refresh::before { content: ''; display: inline-block; width: 22px; height: 18px; background: url(../images/refresh.png) no-repeat; background-size: 100% 100%; vertical-align: -3px; margin-right: 6px; }
.popup.number .refresh:link, .popup.sorry .refresh:link { color: #a00002 !important; }
.popup.number .refresh:visited, .popup.sorry .refresh:visited { color: #a00002 !important; }
.popup.number .refresh:hover, .popup.sorry .refresh:hover { color: #a00002 !important; }
.popup.number .refresh:active, .popup.sorry .refresh:active { color: #a00002 !important; }
.popup.protocal { width: 750px; padding: 0; }
.popup.protocal .protocol-title { height: 46px; line-height: 46px; border-bottom: 1PX solid #ddd; text-align: center; font-size: 18px; color: #a00002; margin: 0; font-weight: bold; }
.popup.protocal .protocol-desc { font-size: 10px; max-height: 340px; overflow-y: auto; margin: 10px 10px 20px; padding: 0; padding-right: 10px; text-indent: 2em; line-height: 20px; -webkit-overflow-scrolling: touch; color: #505050; }
.popup.protocal .protocol-desc h2 { text-indent: 0; font-size: 13px; text-align: center; margin: 0; }
.popup.protocal .protocol-desc .no-indent { text-indent: 0; }
.popup.protocal .protocol-desc .warn { color: red; }
.popup.protocal .protocol-desc .rule { border-collapse: collapse; margin: 0 auto; }
.popup.protocal .protocol-desc .rule th, .popup.protocal .protocol-desc .rule td { border: 1PX solid; text-align: center; text-indent: 0; }
.popup.protocal .protocol-desc .rule td:nth-child(2) { text-align: left; padding-left: 5px; }
.popup.protocal .agreenBtn { text-align: center; }
.popup.protocal .agreenBtn .agree { display: inline-block; width: 100px; height: 36px; line-height: 36px; text-align: center; background: #a00002; color: #fff; font-size: 15px; border-radius: 4px; }
.popup.protocal .protocol-desc::-webkit-scrollbar-track-piece { background-color: transparent; border-left: 1PX solid transparent; }
.popup.protocal .protocol-desc::-webkit-scrollbar { width: 5px; height: 13px; border-radius: 5px; }
.popup.protocal .protocol-desc::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; border-radius: 5px; min-height: 28px; }
.popup.protocal .protocol-desc::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.5); }

.mask { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.2); z-index: 1000; }

#dialog { position: fixed; top: 0; left: 0; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1001; width: 400px; margin: 0 auto; background: #fff; border-radius: 6px; text-align: center; }
#dialog img { margin: 0 auto; margin-top: 30px; }
#dialog #closeBtn { position: absolute; top: 20px; right: 20px; width: 25px; height: 25px; border-radius: 50%; line-height: 25px; text-align: center; background: #a00002; color: #fff; text-decoration: none; }
#dialog .successInfo { text-align: center; padding-top: 10px; color: #555555; }
#dialog .successInfo h3 { color: #555555; font-size: 18px; padding-bottom: 20px; font-weight: 600; }
#dialog .successInfo h3::before { content: ''; display: inline-block; width: 31px; height: 31px; background: url("../images/right.png") no-repeat; vertical-align: middle; margin-right: 10px; }
#dialog .successInfo .desc { width: 230px; margin: 0 auto; line-height: 20px; margin-bottom: 10px; }
#dialog .successInfo ul { text-align: left; padding-bottom: 20px; padding-left: 65px; }
#dialog .successInfo ul li { margin-bottom: 10px; }
#dialog .successInfo ul li b { font-weight: 600; font-size: 14px; display: inline-block; text-align: right; }
#dialog .coupon { display: inline-block; padding-bottom: 30px; width: 100%; }
#dialog .coupon img { width: 265px; margin: 0; }
#dialog .flowInfo { width: 400px; background: #f7faff; padding: 20px 0; }
#dialog .flowInfo .yuyue { overflow: hidden; }
#dialog .flowInfo .yuyue::before { content: ''; display: inline-block; width: 94px; height: 113px; background: url("../images/vivo.png") no-repeat; vertical-align: middle; float: left; margin-left: 15%; margin-right: 10px; }
#dialog .flowInfo .yuyue h2 { color: #a00002; margin-bottom: 10px; margin-top: 18px; }
#dialog .flowInfo .yuyue p { color: #a00002; }
#dialog .flowInfo .updateNum { font-size: 14px; margin-left: 35%; }
#dialog .flowInfo .updateNum span { color: #999999; }
#dialog .flowInfo .updateNum a { color: #a00002; text-decoration: none; }
#dialog .flowInfo .noNumber { display: block; margin: 30px 0 40px; text-align: center; font-size: 16px; text-decoration: none; color: #a00002; }
#dialog .alter_box { margin-left: 16%; margin-top: 10px; }
#dialog .alter_box input { border: 1px solid #a00002; width: 200px; line-height: 36px; padding: 0 20px; margin-right: 10px; border-radius: 4px; }
#dialog .alter_box .submitAlter { display: inline-block; width: 60px; line-height: 37px; color: #fff; font-size: 16px; text-align: center; border-radius: 4px; background: #a00002; vertical-align: middle; text-decoration: none; }
#dialog .warmTip::before { content: ''; display: inline-block; width: 400px; height: 34px; background: url("../images/popBg.png") no-repeat; background-size: 100% 100%; }
#dialog .warmTip .tips { padding: 0px 30px 30px; text-align: left; }
#dialog .warmTip .tips h3 { font-size: 16px; color: #555; }
#dialog .warmTip .tips h3::before { content: ''; display: inline-block; width: 28px; height: 28px; background: url("../images/hint.png") no-repeat; padding-right: 10px; vertical-align: -4px; }
#dialog .warmTip .tips p { color: #999; margin-left: 35px; margin-top: 10px; }

#schedule-box { width: 240px; padding: 10px 20px; font-size: 14px; border: 1px solid #ddd; border-top: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; position: absolute; z-index: 100; background: #fff; margin-bottom: 20px; }

.schedule-box { position: absolute; background: #fff; z-index: 99; }
.schedule-box p { width: 240px; height: 40px; line-height: 40px; border: 1px solid #ddd; border-bottom: none; padding-left: 20px; border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: 14px; color: #999999; }
.schedule-box p input { vertical-align: -1px; margin-right: 8px; }
.schedule-box .mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.2); z-index: 10; cursor: not-allowed; }
.schedule-box .hidden { display: none; }

.schedule-hd { display: flex; justify-content: space-between; padding: 0 15px; background: #a00002; margin: 0 -20px; margin-top: -10px; height: 40px; line-height: 40px; color: #fff; margin-bottom: 20px; }

.today { flex: 1; text-align: center; }

.ul-box { overflow: hidden; }

.ul-box > li { float: left; width: 14.28%; text-align: center; padding: 5px 0; }

.other-month { color: #999999; }

.current-month { color: #333333; }

.today-style { border-radius: 50%; border: 1px solid #a00002; }

.arrow { cursor: pointer; }

.dayStyle { display: inline-block; width: 24px; height: 24px; border-radius: 50%; text-align: center; line-height: 24px; cursor: pointer; }

.undisabled > .dayStyle:hover { background: #00BDFF; color: #ffffff; }

.today-flag { border: 1px solid #a00002; }

.selected-style { background: #a00002; color: #ffffff; }

#popTips, .alertTips { padding: 18px; text-align: center; position: fixed; width: 400px; min-height: 200px; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; border-radius: 8px; z-index: 9999; }
#popTips h3, .alertTips h3 { font-size: 16px; font-weight: bold; padding-bottom: 14px; border-bottom: 1px solid #ddd; }
#popTips .tipContent, .alertTips .tipContent { font-size: 18px; padding: 30px 0; line-height: 24px; }
#popTips .tipBtn a, .alertTips .tipBtn a { text-decoration: none; font-size: 16px; color: #fff; display: inline-block; width: 100px; height: 36px; line-height: 36px; text-align: center; background: #a00002; border-radius: 4px; }
#popTips .tipBtn .tipCancle, .alertTips .tipBtn .tipCancle { margin-right: 50px; }

.alertTips .tipBtn { text-align: center; }
.alertTips .tipBtn a { text-decoration: none; font-size: 16px; color: #fff; display: inline-block; width: 100px; height: 36px; line-height: 36px; text-align: center; background: #a00002; border-radius: 4px; }

.success-box { background: #fef7ee; border: 1px dashed #ffdbc2; padding: 30px 200px; }
.success-box h1 { margin-left: -42px; font-size: 16px; margin-bottom: 15px; }
.success-box h1 img { margin-right: 4px; }
.success-box p.yuyue { font-size: 14px; color: #333333; font-weight: bold; }
.success-box .successInfo { text-align: center; padding-top: 10px; color: #555555; }
.success-box .successInfo h3 { color: #555555; font-size: 18px; padding-bottom: 20px; font-weight: 600; }
.success-box .successInfo h3::before { content: ''; display: inline-block; width: 31px; height: 31px; background: url("../images/right.png") no-repeat; vertical-align: middle; margin-right: 10px; }
.success-box .successInfo .desc { width: 230px; margin: 0 auto; line-height: 20px; margin-bottom: 10px; }
.success-box .successInfo ul { text-align: left; padding-bottom: 20px; }
.success-box .successInfo ul li { margin-bottom: 10px; }
.success-box .successInfo ul li b { font-weight: 600; font-size: 14px; display: inline-block; text-align: right; color: #999; }
.success-box .successInfo ul li span { font-size: 14px; color: #333333; }
.success-box #goBack { display: inline-block; padding-bottom: 20px; color: #4170ce; }
.success-box .detailInfo { padding: 20px 0; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; }
.success-box .detailInfo p { color: #999999; line-height: 22px; }
.success-box .detailInfo p.first::before { content: ''; display: inline-block; width: 23px; height: 23px; background: url("../images/smile.png") no-repeat; background-size: 100% 100%; vertical-align: -8px; margin-right: 10px; }
.success-box .detailInfo p.second { padding-left: 32px; }
.success-box .detailInfo p a { color: #a00002; text-decoration: underline; font-weight: bold; }
.success-box .detailInfo p a:hover { color: #a00002; }
.success-box .coupon { display: inline-block; padding-bottom: 30px; width: 100%; text-align: center; }
.success-box .coupon img { width: 265px; margin: 0; }

/*# sourceMappingURL=bandReserve.css.map */