@charset 'utf-8';

#quick_bg {display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;width: 100%!important;height: 100%!important;background: #000;opacity: 0.7;z-index: 1002}
#quick {position: fixed;top: 0;bottom: 0;right: -400px;width: 480px;z-index: 1003}
#quick #quick_close {position: absolute;right: 30px;top: 90px;cursor: pointer;z-index: 100}
#quick .quick_subject {position: relative;left: -30px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width: 110px;height: 74px;background: url(../img/common/quick/head_bg.jpg);font-size: 18px;color: #fff;text-align: center;}
#quick .quick_subject:after { content: '';position: absolute;left: 0;top: 74px;width: 0;height: 0;border-bottom: 0px solid transparent;border-left: 30px solid transparent;border-top: 30px solid #3f3f3f;}
#quick .quick_subject b {font-weight: 700;font-size: 28px;line-height: 28px}
#quick .mn_list {}
#quick .mn_list>a,
#quick .mn_list>b{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 0 0 1px;width: 80px;height: 70px;background-color: #363636;color: #fff;font-weight: 500;cursor: pointer}

#quick .mn:before {content: '';display: block;margin: 0 0 5px;background-image: url(../img/common/quick/ico_group.png);background-repeat: no-repeat;}
#quick .mn_1 .mn:before {width: 28px;height: 28px;background-position: 0px 0px}
#quick .mn_2 .mn:before {width: 27px;height: 29px;background-position: 0px -40px}
#quick .mn_3 .mn:before {width: 32px;height: 26px;background-position: 0px -80px}
#quick .mn_4 .mn:before {width: 20px;height: 26px;background-position: 0px -120px}
#quick .mn_5 .mn:before {width: 21px;height: 26px;background-position: 0px -160px}
#quick .mn_6 .mn:before {width: 23px;height: 31px;background-position: 0px -200px}
#quick .mn_7 .mn:before {width: 32px;height: 28px;background-position: 0px -240px}
#quick .mn_8 .mn:before {width: 32px;height: 27px;background-position: 0px -280px}
#quick .mn.on:before {background-position-x:-40px}

#quick .mn_1 .mn.on {color: #f98562}
#quick .mn_2 .mn.on {color: #9d56ba}
#quick .mn_3 .mn.on {color: #25b75a}
#quick .mn_4 .mn.on {color: #c43b9f}
#quick .mn_5 .mn.on {color: #ed6b7b}
#quick .mn_6 .mn.on {color: #1c7bcf}
#quick .mn_7 .mn.on {color: #e5d300}
#quick .mn_8 .mn.on {color: #00c500}

#quick .h_cont {position: absolute;top: 0;bottom: 0;right: 0;padding: 160px 25px 0;width: 400px;background-color: #f5f4f4;}
#quick .h_cont .sjt {font-size: 40px;line-height: 40px;text-align: center;border-bottom: 2px solid #000;margin: 0 0 10px;padding: 0 0 10px;font-weight: 400}
#quick .h_cont .sol {font-size: 16px;text-align: center;line-height: 20px;margin: 0 0 20px}
#quick .qk_btn {display: block;font-size: 20px;color: #fff;height: 50px;line-height: 50px;border: 0;text-align: center;font-weight: 500}

#quick .qk_btn.col1 {background: #f98562}
#quick .qk_btn.col2 {background: #c43b9f}
#quick .qk_btn.col3 {background: #1c7bcf}

#quick .mn_1 form {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column}
#quick .mn_1 form .b_inp {margin: 0 0 15px;height: 35px;padding: 0 10px}
#quick .mn_1 form textarea {padding: 10px;height: 120px}
#quick .mn_1 form .agr_ck {padding: 10px 0 0}
#quick .mn_1 form .agr_ck input {position: absolute;width: 0;height: 0;left: 0;top: 0}
#quick .mn_1 form .agr_ck label {font-size: 14px;line-height: 24px;color: #666;font-weight: 500;cursor: pointer}
#quick .mn_1 form .agr_ck .pv {display: inline-block;float: right;padding: 0 5px;font-size: 13px;background: #333;color: #fff;height: 24px;line-height: 24px;cursor: pointer}
#quick .mn_1 form .agr_ck #qon_agree:checked+label {color: #da4c14}
#quick .mn_1 form .line {height: 2px;background: #000;margin: 45px 0 25px}

#quick .mn_4 .h_cont {background-image: url(../img/common/quick/clock.png);background-repeat: no-repeat;background-position: 209px 300px}
#quick .mn_4 dl {color: #606060;font-weight: 500}
#quick .mn_4 dl dt {display: inline-block;padding: 0 0 1px;margin: 0 0 20px;font-size: 16px;color: #c43b9f;font-weight: 700;border-bottom: 1px solid #c43b9f}
#quick .mn_4 dl dd {margin: 0 0 60px}
#quick .mn_4 dl dd.tel {font-size: 37px;line-height: 37px}
#quick .mn_4 dl dd .wk {font-size: 18px;line-height: 24px}
#quick .mn_4 dl dd .tm {font-size: 16px;margin: 0 0 15px}

#quick .mn_6 .ads {font-size: 16px;text-align: center;line-height:23px;margin: 10px 0 0}
#quick .mn_6 .tel {font-size: 16px;font-weight: 700;text-align: center;line-height:23px}
#quick .mn_6 .line {height: 2px;background: #000;margin: 45px 0 25px}

#quick .mn_9 b {height: 195px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;background: #04477c;font-size: 14px;font-weight: 400}
#quick .mn_9 b:before {content: '';display: block;margin: 18px 0 5px;width: 33px;height: 32px;background: url(../img/common/quick/ico_tel.png) no-repeat}
#quick .mn_9 b span {display: block;font-size: 24px;line-height: 30px;color: #eaf722}
#quick .mn_9 b span:first-child {margin: 10px 0 0}

#quick .mn_10 b {min-height: 62px;height: 62px}
#quick .mn_10 b:before {content: '';display: block;width: 38px;height: 19px;background: url(../img/common/quick/top_arr.png) no-repeat;margin: 0 0 10px}