/*初始化样式开始*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button { margin: 0; padding: 0 }
fieldset, img { border: 0 none; }
dl, ul, ol, menu, li { list-style: none }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
input, select, textarea, button { vertical-align: middle }
button { border: 0 none; background-color: transparent; cursor: pointer }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal }
caption { display: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; }
img { display: block; border: 0; }
input, select { appearance: none; -webkit-appearance: none; }
select::-ms-expand {
display:none;
}
input[type=radio]::-ms-check, input[type=checkbox]::-ms-check {
display:none;
}
input[type=text]::-ms-clear, input[type=tel]::-ms-clear, input[type=number]::-ms-clear {
display:none;
}
a, button, input, textarea { tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0,0,0,0); }
a, img { -webkit-touch-callout: none }
/*禁止ios和android用户选中文字*/
html, body { -webkit-user-select: none; user-select: none; }
/* android上去掉语音输入按钮*/
input::-webkit-input-speech-button {
display: none
}
html { -ms-touch-action: none; }/* 禁止winphone默认触摸事件*/
input:focus { outline: none; }
textarea:focus { outline: none; }
select:focus { outline: none; }
body { font-size: 16px; font-family: Microsoft Yahei, SimSun, Helvetica; overflow-x: hidden; color: #333; background: #f8f8f8; }
/* 浮动 */
.fl { float: left; *display: inline;
}
.fr { float: right; *display: inline;
}
/* 清除浮动 */
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.clearfix { *zoom: 1;
}
.clear { clear: both }
/*图标*/

@font-face { font-family: iconfont; src: url(../fonts/iconfont.eot); src: url(../fonts/iconfont.eot?#iefix) format('embedded-opentype'), url(../fonts/iconfont.woff) format('woff'), url(../fonts/iconfont.ttf) format('truetype'), url(../fonts/iconfont.svg#iconfont) format('svg') }
.ico { font-family: "iconfont"; font-style: normal; background-repeat: no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; }
/*表单-单复选框*/
.checkbox_box input[type=checkbox] { -webkit-appearance: none; appearance: none; width: 16px; height: 16px; margin: 0; cursor: pointer; vertical-align: bottom; background: url(../images/fxk_h_g.png) center center no-repeat; border: none; background-size: 16px auto; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }
.checkbox_box input[type=radio] { -webkit-appearance: none; appearance: none; width: 16px; height: 16px; margin: 0; cursor: pointer; vertical-align: bottom; background: url(../images/fxk_h_g.png) center center no-repeat; background-size: 16px auto; border: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }
.checkbox_box input[type=checkbox]:active, .checkbox_box input[type=radio]:active { background: url(../images/fxk_h_g.png) center center no-repeat; background-size: 16px auto; border: none; }
.checkbox_box input[type=checkbox]:hover { border-color: #c6c6c6; -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1); box-shadow: inset 0 2px 2px rgba(0,0,0,0.1); }
.checkbox_box input[type=checkbox]:checked, .checkbox_box input[type=radio]:checked { background: url(../images/fxk_b_g.png) center center no-repeat; background-size: 16px auto; }
.checkbox_box input[type=checkbox]:checked::after { content: normal; display: block; position: absolute; top: -5px; right: 0px; left: -5px }
.checkbox_box input[type=checkbox]:focus { outline: none; border: none; }
/*定义placeholder颜色*/
::-webkit-input-placeholder {
color:#b1b1b1; font-size: 14px;
}
:-moz-placeholder {
color:#b1b1b1; font-size: 14px;
}
::-moz-placeholder {
color:#b1b1b1; font-size: 14px;
}
:-ms-input-placeholder {
color:#b1b1b1; font-size: 14px;
}
/*提示框*/
.pop { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; }
.pop_box { position: absolute; left: 2%; top: 50%; line-height: 38px; height: 38px; text-align: center; width: 96%; margin: -30px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; }
.pop_box span { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; padding: 10px 15px; background: #000; background: rgba(0,0,0,0.8); color: #fff; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }
/*flex*/
.flex_cont { /*定义为flexbox的"父元素"*/ display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; }
.flex_item { /*给"子元素"赋予自由伸缩的能力*/ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: 0%; }
.flex_gd { flex-shrink: 0; }
.flex_agility { flex-grow: 1; }
/*主要内容*/
.box { padding-top: 10px; }
.box a { text-decoration: none; }
.form { padding: 5px 15px; background: #fff; }
.form_l { margin: 5px 0; padding: 8px 0; overflow: hidden; }
.f_left { width: 20%; line-height: 25px; color: #3a3a3a; font-weight: bold; }
.f_right { width: 80%; height: 25px; line-height: 23px; padding: 0; overflow: hidden; }
.xian { height: 1px; background: #e8e8e8; width: 100%; }
.form .text { width: 100%; line-height: 100%; height: 100%; padding: 0; margin: 0; border: none; font-size: 16px; }
.f_je { height: 40px; line-height: 40px; padding-left: 30px; position: relative; }
.f_je i { position: absolute; left: 0; top: 0; height: 40px; width: 30px; font-size: 24px; color: #3a3a3a; }
.f_je .text { font-size: 28px; }
.xieyi { line-height: 16px; margin: 15px; font-size: 14px; }
.button { margin: 10px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 45px; height: 45px; font-size: 16px; color: #fff; overflow: hidden; text-align: center; }
.button_h { background: #9ad59b; }
.button_l { background: #1aac19; }
.kong { padding: 100px 15px; text-align: center; }
.ok_top { padding: 15px 15px 15px 35px; color: #1aac19; font-size: 16px; line-height: 20px; position: relative; background: #f8f8f8; }
.ok_top i { font-size: 20px; position: absolute; left: 15px; top: 16px; width: 20px; height: 20px; }
.ok_box { padding: 15px; background: #fff; }
.ok_box_top { text-align: center; color: #3b3b3b; margin-bottom: 5px; padding-bottom: 15px; border-bottom: 1px solid #e8e8e8; }
.ok_box_top p { font-weight: bold; margin-bottom: 5px; }
.ok_box_top h2 { font-size: 22px; }
.ok_p { color: #939393; line-height: 20px; padding: 10px; font-size: 14px; }
/*协议弹框*/
.xy_pop { position: fixed; display: none; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 1000; }
.xy_pop_box { position: absolute; width: 300px; padding-bottom: 20px; left: 50%; top: 50%; margin-top: -250px; margin-left: -150px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; }
.xy_pop_box_z { max-height: 600px; overflow-y: auto; margin: 5px 15px; }
.xy_pop_box h2 { line-height: 45px; padding: 0 15px; background: #f2f2f2; height: 45px; font-size: 18px; position: relative; font-weight: bold; color: #000; border-bottom: 1px solid #e8e8e8; }
.xy_pop_box h2 i { position: absolute; font-weight: normal; right: 0; top: 0; width: 45px; height: 45px; line-height: 45px; text-align: center; font-size: 20px; color: #999; }
.xy_pop_box h2 i:hover { background: #1aac19; color: #fff; }
.xy_pop_box h3 { font-size: 16px; font-weight: bold; color: #333; line-height: 25px; padding: 10px 0; }
.xy_pop_box p { font-size: 14px; color: #666; }
/*申请成功弹框*/
.xy_pop_x { position: absolute; left: 50%; top: 50%; width: 240px; text-align: center; margin-left: -120px; margin-top: -100px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; }
.xy_pop_x h2 { padding: 15px 10px 10px 10px; font-size: 18px; }
.xy_pop_x p { padding: 10px; font-size: 12px; color: #999; margin-bottom: 5px; }
.xy_pop_x_button { padding: 10px; border-top: 1px solid #e8e8e8; color: #1aac19; }
/*退款进度*/
.timeaxis h1 { padding: 0 20px; font-size: 14px; color: #717171; margin-bottom: 10px; }
.timeaxis ul { background: #ffff; padding: 15px 20px; }
.timeaxis ul li { padding: 0 30px 15px 50px; min-height: 40px; position: relative; background: url(../images/ggzy_ico_2.png) left top no-repeat; background-size: 45px auto; }
.timeaxis ul li h2 { font-size: 14px; color: #848484; line-height: 16px; margin-bottom: 4px; }
.timeaxis ul li h3 { font-size: 14px; color: #848484; line-height: 20px; overflow: hidden; }
.timeaxis ul li p { line-height: 20px; padding: 0; margin: 0; font-size: 12px; color: #848484; }
.timeaxis ul li p span { margin: 0 2px; font-weight: bold; }
.timeaxis ul li:first-child { background: url(../images/ggzy_ico_1.png) left top no-repeat; background-size: 45px auto; }
.timeaxis ul li:last-child { background: url(../images/ggzy_ico_3.png) left top no-repeat; background-size: 45px auto; }
.timeaxis ul li:first-child h2 { color: #e14b4a; }
.timeaxis ul li:first-child h3 { color: #333436; }
.timeaxis ul li:first-child p { color: #333436; }
/*退款申请*/
.lookover { text-align: center; }
.lookover a { color: #46619d; font-size: 14px; }
.details { background: #fff; padding: 10px 20px; margin-bottom: 10px; }
.details li { padding: 8px 0; line-height: 20px; font-size: 14px; }
.d_left { width: 25%; color: #838383; }
.d_right { width: 74%; color: #000; }
/*退款列表*/
.lctab_name { position: fixed; left: 0; top: 0; width: 100%; background: #f8f8f8; }
.lctab_name li { float: left; width: 50%; text-align: center; line-height: 40px; border-bottom: 1px solid #f7f7f7; color: #a0a0a0; }
.lctab_name li a { color: #a0a0a0; }
.lctab_name li.current { border-bottom: 1px solid #1aac19; color: #1aac19; }
.lctab_name li.current a { color: #1aac19; }
.tab_button { width: 50%; margin: 0 auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 35px; height: 35px; font-size: 14px; color: #fff; overflow: hidden; text-align: center; }
.tab_button_l { background: #fb6161; }
.tab_button_h { background: #dedede; }
/*支付宝支付*/
.lose_box { padding: 80px 10px 20px 10px; text-align: center; }
.lose_box h2 { color: #ff0000; font-size: 18px; }
.lose_box a { display: block; padding: 8px 0; text-decoration: none; margin: 20px auto; width: 100px; text-align: center; color: #1aac19; border: 1px solid #1aac19; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; }
/*预约来访*/
.visit_body { background: #2D6CF3; background-image: -moz-linear-gradient(to top, #2D6CF3, #5F54F4); background-image: -webkit-linear-gradient(to top, #2D6CF3, #5F54F4); background-image: -o-linear-gradient(to top, #2D6CF3, #5F54F4); background-image: linear-gradient(to top, #2D6CF3, #5F54F4); background-repeat: no-repeat; }
.visit_wrap { width: 320px; margin: 0 auto; padding: 40px 0 10px 0; }
.visit_box { position: relative; background: url(../images/visit_bg.png) center top no-repeat; background-size: 100% auto; height: 400px; padding: 0 40px; }
.visit_bottom { height: 158px; background: url(../images/visit_bottom.png) center center no-repeat; background-size: 100% auto; }
.visit_button { display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; line-height: 45px; height: 45px; font-size: 16px; color: #fff; overflow: hidden; text-align: center; background: #F38C2D; background-image: -moz-linear-gradient(to right, #F38C2D, #FB3EA9); background-image: -webkit-linear-gradient(to right, #F38C2D, #FB3EA9); background-image: -o-linear-gradient(to right, #F38C2D, #FB3EA9); background-image: linear-gradient(to right, #F38C2D, #FB3EA9); -moz-box-shadow: 0px 8px 16px rgba(247,150,229,0.4); -webkit-box-shadow: 0px 8px 16px rgba(247,150,229,0.4); box-shadow: 0px 8px 16px rgba(247,150,229,0.4); }
a.visit_button { color: #fff; }
.visit_select { width: 100%; margin-bottom: 0; border: none; padding: 10px 0; font-size: 14px; background-color: transparent; }
.visit_form { padding: 50px 0; }
.visit_form_l { margin-bottom: 15px; background: #efefef; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; padding: 2px 0; }
.visit_form_l input[type='text'] { width: 100%; margin-bottom: 0; border: none; padding: 10px 0; font-size: 14px; background-color: transparent; }
.visit_form_l h3 { font-size: 20px; line-height: 40px; color: #ee7f4a; }
.visit_shadow_n { -moz-box-shadow: 0px 0px 5px #D8D8D8 inset; -webkit-box-shadow: 0px 0px 5px #D8D8D8 inset; box-shadow: 0px 0px 5px #D8D8D8 inset; }
.visit_sm { position: absolute; bottom: 75px; text-align: center; left: 0; width: 100%; font-size: 18px; color: #ea5234; }
.ewm_box { margin: 0 auto; width: 150px; height: 150px; overflow: hidden; }
.ewm_box img { width: 100%; height: auto; }
.visit_pop { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 4000; }
.visit_pop_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
.visit_pop_box { position: absolute; color: #33fcf6; left: 50%; text-align: center; padding: 60px 50px; min-height: 100px; width: 220px; top: 50%; margin: -150px -160px; background: url(../images/visit_pop2.png) center top no-repeat; background-size: 100% auto; overflow: hidden; }
.visit_pop_close { position: absolute; right: 20px; top: 30px; width: 30px; height: 30px; }
.closevisitpop { position: absolute; right: 10px; top: 6px; width: 30px; height: 30px; color: #999; text-align: center; line-height: 30px; }
.closevisitpop:hover { background: #F38C2D; color: #ffff; }
/*预约来访2*/
.visit_body_2 { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #080f2b url(../images/visit_bj.png) center bottom no-repeat; background-size: cover; }
.visit_bg_1 { position: fixed; bottom: 0; left: 0; width: 100%; }
.visit_bg_1 img { width: 100%; height: auto; }
.visit_bg_2 { position: fixed; bottom: 10%; left: 50%; width: 160px; margin-left: -80px; }
.visit_bg_2 img { width: 100%; height: auto; }
.visit_newform { position: fixed; left: 50%; top: 50%; width: 320px; height: 300px; margin: -230px -160px; background: url(../images/visit_login.png) center top no-repeat; background-size: 100% auto; z-index: 2000; }
.visit_new_text { width: 180px; margin: 110px auto 26px auto; }
.visit_new_text input { width: 100%; font-size: 14px; color: #fff; padding: 0; margin: 0; line-height: 30px; height: 30px; border: none; background-color: transparent; }
.visit_new_text input::-webkit-input-placeholder {
color:#336c54;
}
.visit_new_text input:-moz-placeholder {
color:#336c54;
}
.visit_new_text input::-moz-placeholder {
color:#336c54;
}
.visit_new_text input:-ms-input-placeholder {
color:#336c54;
}
.visit_newbuttton { width: 200px; height: 40px; font-size: 16px; margin: 0 0 0 57px; text-align: center; line-height: 40px; color: #33fcf6; }
.visit_animation_1 { animation: pulse 5s linear infinite; -webkit-animation: pulse 5s linear infinite; -o-animation: pulse 5s linear infinite; -moz-animation: pulse 5s linear infinite; -ms-animation: pulse 5s linear infinite; }
.visit_animation_2 { animation: revolve 10s linear infinite; -webkit-animation: revolve 10s linear infinite; -o-animation: revolve 10s linear infinite; -moz-animation: revolve 10s linear infinite; -ms-animation: revolve 10s linear infinite; }
@keyframes pulse {
0% {
opacity:0.1;
-webkit-transform:scale3d(1, 1, 1);
-ms-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
opacity: 1;
-webkit-transform:scale3d(1.05, 1.05, 1.05);
-ms-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
100% {
opacity:0.1;
-webkit-transform:scale3d(1, 1, 1);
-ms-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
 @keyframes revolve {
from {
transform:rotate(0deg);
opacity: 0.5;
}
to {
transform:rotate(360deg);
opacity: 0.5;
}
}
/*退订二维码*/
.ok_ewm{ text-align: center; padding:10px 10px 50px 10px; background: #fff;}
.ok_ewm_img{ width: 140px; margin:10px auto; overflow: hidden;}
.ok_ewm_img img{ width: 100%; height: auto;}
.ok_ewm p{ color: #ff0000; font-size: 14px;}
/*上传图片*/
.z_file { width: 60px; height: 60px; position: absolute; left: 0; top:8px; background: #1aad19; webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow: hidden; float: left; margin-right: 10px; margin-bottom: 10px; }
.z_file input::-webkit-file-upload-button {width:60px;height:60px;border:none;position: absolute;outline: 0;opacity: 0;}
.z_file input#file { display: block; width: auto; border: 0; vertical-align: middle; }
.z_file_1 { width: 60px; height: 60px; line-height: 60px; overflow: hidden; text-align: center; font-size: 12px; font-weight: normal; color: #fff; }
.tpsq_box { padding:8px 0 0 70px; position: relative; min-height: 80px; }
.plan_img_ul { margin: 0; font-style: normal; }
.plan_img_ul li { position: relative; width: 60px; height: 60px; background: #f8f8f8; webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; float: left; margin-right: 10px; margin-bottom: 10px; }
.plan_img { width: 60px; height: 60px; overflow: hidden; margin: 0 auto; }
.plan_img img { width: 100%; height: 100%; overflow: hidden; }
.y_progress { position: absolute; bottom: 0; left: 0; width: 100%; }
.progress-bar { width: 100%; height: 3px; background: #ddd; }
.progress-bar span { display: block; height: 3px; background: #1aad19; }
.plan_sc { width: 20px; height: 20px; line-height: 20px; position: absolute; right: 0; top: 0; font-size: 14px; background: rgba(0,0,0,.3); text-align: center; color: #fff; }
.plan_img_ul a { color: #fff; }
.plan_xz { width: 20px; height: 20px; line-height: 20px; position: absolute; left: 0; top: 0; font-size: 14px; background: rgba(0,0,0,.3); text-align: center; color: #fff; }
.plan_ico { position: absolute; right: -3px; bottom: -3px; z-index: 1000; width: 14px; height: 14px; font-size: 12px; line-height: 14px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #fff; }
.plan_red { background: #dd514c; }
.plan_green { background: #5eb95e; }
/*底部举报入口*/
.bottom_report{ position: fixed; left: 0; bottom: 0; width: 100%; overflow: hidden; z-index: 10;}
.bottom_report img{ width: 100%; height: auto;}
/*收费银行卡*/
.report_h .report_title{line-height: 20px; padding: 10px 12px;}
.report_title h2{ /*height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;*/ width: 80%; font-size: 14px;  font-weight: bold;}
.report_title i{ font-size: 20px; cursor: pointer;}
.report_card{ background: url(../images/bankcard_bg.png) left top no-repeat; background-size:auto 100%; width: 320px; height: 153px; overflow: hidden; margin: 0 auto;}
.report_card h2{ padding: 28px 20px 0 30px; color: #fff; font-size: 18px; line-height: 20px; font-weight: bold;}
.report_card h3{ padding: 5px 20px 0 30px; color: #fff; font-size: 18px;line-height: 20px; font-weight: bold;}
.report_card p{ padding:30px 20px 0 30px; color: #fff; font-size: 18px;line-height: 20px; font-weight: bold;}
.report_h .report_box_z{ overflow-x: auto; overflow-y: hidden;}
.report_h .report_box_z ul{padding:0 4px 20px 4px;}
.report_h .report_box_z ul li{ float: left;}
.report_s{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1000;}
.report_s .report_box{ position: absolute; bottom: 0; left: 0; width: 100%; background: #fff;}
.report_s .report_title{line-height: 20px; padding: 10px;}
.report_s .report_box_z{ max-height:460px; overflow-y: auto;}
/*订餐微信支付*/
.catering_wrap{ padding:10px; margin: 0;}
.catering_money{ padding: 80px 10px; line-height:30px; font-size: 26px; text-align: center;}