@charset "utf-8";
body { overflow-x: hidden; margin: auto; }

#header { position: relative; box-sizing: border-box; background: #fff; max-width: 1366px; margin: auto; }
#header .leftpark .tew_logo { padding: 25px 0; align-items: center; }
#header .leftpark .tew_logo .shu { display: block; width: 2px; height: 35px; background-color: #dcdcdc; margin: 0 25px; }
#header .leftpark .tew_logo .tow { font-size: 20px; font-weight: bold; }
#header .leftpark .tew_logo .tow a { padding: 4px 12px; border-radius: 50px; border: 1px solid #27bfb2; color: #27bfb2; font-weight: normal; margin: 0 20px; }
#header .leftpark .tew_logo .tow span { font-size: 14px; padding: 4px 12px; border-radius: 50px; background: #f6f6f6; color: #999; font-weight: normal; }
#header .rightpark ul { padding-top: 18px; }
#header .rightpark ul li {line-height: 30px; font-size: 16px; display: inline-block; padding-bottom: 0px; border-bottom: 2px solid #fff; margin-right: 50px;}
#header .rightpark ul li:last-child { margin-right: 0; }
#header .rightpark ul li:hover { color: #27bfb2; border-bottom-color: #27bfb2; }
#header_1 { background: #f1fbfa; }
#header_1 .topheader { justify-content: space-between; align-items: center; padding: 15px 0; }
#header_1 .topheader .topright { align-items: center; }
#header_1 .topheader .topright form { position: relative; margin: 0 20px; }
#header_1 .topheader .topright form input { width: 200px; height: 30px; border: 1px solid #dcdcdc; padding: 0 10px; padding-right: 40px; }
#header_1 .topheader .topright form button { position: absolute; height: 30px; width: 30px; background: url(../images/search.png) no-repeat center; right: 0; }
#header_1 .topheader .topright .morea a { position: relative; padding-left: 25px; margin: 0 7px; }
#header_1 .topheader .topright .morea a img { position: absolute; top: 0; left: 0; }
#header_1 .bottomheader { box-sizing: border-box; background: #27bfb2; padding: 0; justify-content: space-between; padding: 12px 20px; margin-top: 0; margin-bottom: 14px; }
#header_1 .bottomheader li { font-size: 15px; line-height: 30px; color: #fff; }
#header_1 .bottomheader li.on { background: #fff; }
#header_1 .bottomheader li.h { position: relative; padding-left: 30px; }
#header_1 .bottomheader li.h::before { content: ''; position: absolute; display: block; width: 25px; height: 25px; background: url(../images/2_06.png) no-repeat center; background-size: 100%; left: 0; top: 2px; }
#header_1 .bottomheader li a { font-size: 15px; line-height: 30px; padding: 0 13px; border-radius: 10px; color: #fff; }
#header_1 .bottomheader li.on a { color: #27bfb2; }
#header_1 .bottomheader li.h a { padding: 0; }
#header_1 .bottomheader li.r { position: relative; padding-right: 22px; }
#header_1 .bottomheader li.r::after { content: ''; position: absolute; top: 11px; right: 0; bottom: 0; margin: auto; width: 0; height: 0; border-top: 7px solid transparent; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #fff; transform: rotate(180deg); }
#header_1 .bottomheader li.r a { padding: 0; }
#header_1 .ciyinfo { position: relative; padding: 0 20px 20px 20px; }
#header_1 .ciyinfo span { position: absolute; right: 20px; }
#header_1 .submenu { box-sizing: border-box; padding: 0 10px 15px 10px; }
#header_1 .submenu a { font-size: 16px; margin-right: 20px; }

.banner { height: 480px; background: url(../images/banner.png) center 100%; position: relative; margin: auto; }
.banner .login_box { position: absolute; box-sizing: border-box; width: 390px; height: 395px; top: 45px; right: 10%; background-color: #fff; padding: 10px 20px 0 20px; box-shadow: 0 0 20px 5px #999; }
.banner .login_box::after { content: ''; position: absolute; bottom: 1px; right: 1px; display: block; width: 63px; height: 63px; background: url(../images/eq.jpg) no-repeat center; }
.banner .login_box .top_choose { position: relative; }
.banner .login_box .top_choose a { width: 50%; display: inline; font-size: 18px; color: #000; line-height: 40px; cursor: pointer; border-bottom: 2px solid #ededed; text-align: center; }
.banner .login_box .top_choose a.on { border-bottom-color: #27bfb2; font-weight: bold; }
.banner .login_box .min_choose { text-align: center; margin-top: 17px; }
.banner .login_box .min_choose a { position: relative; padding-left: 25px; font-size: 16px; margin: 0 10px; }
.banner .login_box .min_choose a i { position: absolute; display: block; width: 13px; height: 13px; border-radius: 100%; border: 1px solid #999; top: 4px; left: 0; }
.banner .login_box .min_choose a.on { color: #27bfb2; }
.banner .login_box .min_choose a.on i { border-color: #27bfb2; background: #27bfb2; }
.banner .login_box .min_choose a.on i::after { content: ''; position: absolute; display: block; width: 5px; height: 5px; background: #fff; border-radius: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.banner .login_box form { position: relative; box-sizing: border-box; padding: 0 10px; }
.banner .login_box form .eq { position: absolute; top: -21px; right: 0; }
.banner .login_box form .input_box { position: relative; margin-top: 35px; }
.banner .login_box form .input_box.accountnumber { margin-top: 20px; }
.banner .login_box form .input_box .icon_png { position: absolute; width: 45px; height: 40px; top: 1px; left: 1px; }
.banner .login_box form .input_box .normal { box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; border-radius: 5px; padding-left: 45px; }
.banner .login_box form .input_box .normal input { box-sizing: border-box; border: 0; width: 100%; height: 40px; padding: 0 7px; }
.banner .login_box form .input_box.accountnumber .icon_png { background: url(../images/Admin.png) no-repeat center; background-size: 50%; }
.banner .login_box form .input_box.password .icon_png { background: url(../images/lock.png) no-repeat center; background-size: 50%; }
.banner .login_box form .sub_box { margin-top: 50px; }
.banner .login_box form .sub_box button { width: 100%; height: 40px; text-align: center; font-weight: bold; background: #27bfb2; border-radius: 5px; }
.banner .login_box .unknow { text-align: center; margin: 30px; }
.banner .login_box .unknow a { margin: 0 7px; }

#footer { text-align: center; padding: 40px 0;}
#footer2 { background: #6abfba; color: #fff; font-size: 25px; padding: 10px 0; margin-top: 50px; }

.noticebox { font-size: 15px; margin-top: 10px; }
.noticebox .leftn { position: relative; padding-left: 35px; line-height: 30px; }
.noticebox .leftn i { position: absolute; display: block; width: 30px; height: 30px; background: url(../images/2_07.png) no-repeat center; left: 0; }
.noticebox .rightn { font-weight: bold; line-height: 30px; }
.bigbox { margin-top: 10px; }
.bigbox .bb_title { position: relative; box-sizing: border-box; padding: 0 25px; border-bottom: 1px solid #f0f0f0; }
.bigbox .bb_title.has_icon { padding-left: 40px; border: 0; background: #f0fcfa; padding: 25px; }
.bigbox .bb_title.has_icon::after { content: ''; width: 30px; height: 30px; background: url(../images/2_12.jpg) no-repeat center; background-size: 100%; position: absolute; left: 25px; }
.bigbox .bb_title span { font-size: 20px; font-weight: bold; padding-bottom: 13px; border-bottom: 3px solid #27bfb2; }
.bigbox .bb_title.has_icon span { border: 0; padding: 0; padding-left: 40px; }
.bigbox .bb_title a { color: #27bfb2; position: absolute; top: 5px; right: 15px; }
.bigbox .bb_title.has_icon a { top: 30px; }
.bigbox .leftbox { width: 773px; }
.bigbox .leftbox .infochange { background: #fff; border-radius: 10px; box-sizing: border-box; padding: 25px 25px 25px 50px; margin-top: 10px; }
.bigbox .leftbox .infochange .companyname { font-weight: bold; font-weight: 18px; }
.bigbox .leftbox .infochange .tablenum { margin-top: 20px; }
.bigbox .leftbox .infochange .tablenum .td { width: 50px; }
.bigbox .leftbox .infochange .tablenum .td.lang_td { width: 40%; }
.bigbox .leftbox .infochange .tablenum .td .ishide { color: #27bfb2; border-radius: 50px; border: 1px solid #27bfb2; padding: 2px 15px; margin-left: 30px; }
.bigbox .leftbox .infochange .bblt_btn { text-align: center; margin-top: 30px; }
.bigbox .leftbox .infochange .bblt_btn a { text-align: center; color: #27bfb2; font-size: 18px; border: 1px solid #27bfb2; border-radius: 50px; padding: 2px 15px; margin: 0 45px; }
.bigbox .leftbox .daiban, .bigbox .leftbox .kuaimenu { box-sizing: border-box; background: #fff; border-radius: 10px; padding: 25px 0 10px 0; margin-top: 10px; }
.bigbox .rightbox { width: 381px; }
.bigbox .rightbox .moreo { box-sizing: border-box; background: #fff; border-radius: 10px; padding: 25px 0 13px 0; }
.bigbox .rightbox .moreo .listss { box-sizing: border-box; padding: 0 25px; }
.bigbox .rightbox .moreo .listss .itemtt { position: relative; box-sizing: border-box; padding-left: 20px; margin-top: 17px; }
.bigbox .rightbox .moreo .listss .itemtt:first-child { margin-top: 12px; }
.bigbox .rightbox .moreo .listss .itemtt i { display: block; width: 5px; height: 5px; border-radius: 100%; background: #27bfb2; position: absolute; top: 9px; left: 0; }
.bigbox .rightbox .moret { margin-top: 10px; }
.bigbox .rightbox .moret .qingk { box-sizing: border-box; padding: 25px; } 
.bigbox .rightbox .moret .qingk .flr { margin-top: 10px; }
.bigbox .rightbox .moret .qingk .flr:first-child { margin-top: 0; }

.crumbs_operator { justify-content: space-between; margin-top: 30px; }
.a_nav_chosse { box-sizing: border-box; border-bottom: 1px solid #e7e7e7; margin-top: 25px; }
.a_nav_chosse a { box-sizing: border-box; position: relative; border-right: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; padding: 6px 15px; }
.a_nav_chosse a:first-child { border-left: 1px solid #e7e7e7; }
.a_nav_chosse a.on { color: #27bfb2; }
.a_nav_chosse a.on::after { content: ''; width: 100%; position: absolute; top: 0; height: 4px; background: #27bfb2; left: 0; }

/* .balance {  } */
.boxarea { box-sizing: border-box; margin-top: 18px; }
.boxarea form { position: relative; }
.boxarea form .park .park_title { font-size: 16px; box-sizing: border-box; background: #f1f1f1; padding: 8px 30px; margin-bottom: 13px; }
.boxarea form .park .row { width: 850px; font-size: 16px; line-height: 35px;  margin: auto; }
.boxarea form .park .sf_hide { display: none; }
.boxarea form .park .cur { display: block; }
.boxarea form .park .row .row_title { width: 155px; text-align: right; }
.boxarea form .park .row .houmian { width: calc(100% - 155px); }
.boxarea form .park .row .houmian select { box-sizing: border-box; width: 100%; height: 35px; padding: 0 10px; }
.boxarea form .park .row .houmian .input input { width: 420px; height: 30px; box-sizing: border-box; padding: 0 7px; border: 1px solid #333; }
.boxarea form .park .row .houmian .input.sssss { position: relative; }
.boxarea form .park .row .houmian .input.sssss::after { content: ''; position: absolute; display: block; top: 10px; right: 10px; width: 15px; height: 15px; background: url(../images/down.png) no-repeat center; }
.boxarea form .park .row .houmian .input.has_symbol { position: relative; }
.boxarea form .park .row .houmian .input.has_symbol::after { box-sizing: border-box; content: '￥'; display: block; width: 50px; height: 26px; line-height: 26px; text-align: center; background-color: #f6f7fb; position: absolute; left: 2px; top: 6px; border-radius: 3px; }
.boxarea form .park .row .houmian .click_btn { color: #27bfb2; text-decoration: underline; line-height: 25px; }
.boxarea form .park .row .houmian .textarea textarea { box-sizing: border-box; width: 420px; height: 100px; padding: 7px; border: 1px solid #333; }
.boxarea form .park .row .bo_radio { position: relative; margin-right: 20px; }
.boxarea form .park .row .bo_radio i { box-sizing: border-box; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; display: inline-block; width: 13px; height: 13px; border: 1px solid #aaa; border-radius: 100%; cursor: pointer; }
.boxarea form .park .row .bo_radio i.on { background-color: #27bfb2; border-color: #27bfb2; }
.boxarea form .park .row .bo_radio i.on::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: block; width: 5px; height: 5px; border-radius: 100%; background: #fff; }
.boxarea form .park .sub_row { justify-content: center; margin-top: 30px; }
.boxarea form .park .sub_row button, .boxarea form .park .sub_row a { box-sizing: border-box; display: block; width: 150px; color: #fff; background: #ffa800; text-align: center; padding: 10px 20px; border-radius: 10px; margin: 0 10px; }
.boxarea form .park .sub_row a { background: #fff; color: #000; border: 1px solid #333; }
.boxarea form .label { width: 95px; font-size: 16px; }
.boxarea form .tt_choose { align-items: center; }
.boxarea form .tt_choose .databox1 .radio { font-size: 16px; }
.boxarea form .tt_choose .databox1 .radio .bo_radio { position: relative; margin-right: 20px; }
.boxarea form .tt_choose .databox1 .radio .bo_radio i { box-sizing: border-box; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; display: block; width: 13px; height: 13px; border: 1px solid #aaa; border-radius: 100%; cursor: pointer; }
.boxarea form .tt_choose .databox1 .radio .bo_radio i.on { background-color: #27bfb2; border-color: #27bfb2; }
.boxarea form .tt_choose .databox1 .radio .bo_radio i.on::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: block; width: 5px; height: 5px; border-radius: 100%; background: #fff; }
.boxarea form .tt_choose .databox2 { align-items: center; }
.boxarea form .tt_choose .databox2 .select { font-size: 16px; }
.boxarea form .tt_choose .databox2 .select select { width: 400px; height: 30px; box-sizing: border-box; padding: 0 7px; border: 1px solid #e6e6e6;}
.boxarea form .tt_choose .databox3 { align-items: center; }
.boxarea form .tt_choose .databox3 .amountbox { box-sizing: border-box; position: relative; padding: 0 10px; border: 1px solid #e6e6e6; background: #fff; align-items: center; }
.boxarea form .tt_choose .databox3 .amountbox .pricebox { width: 90px; }
.boxarea form .tt_choose .databox3 .amountbox span { margin: 0 10px; }
.boxarea form .tt_choose .databox3 .amountbox input { width: 100%; border: 0; height: 30px; box-sizing: border-box; padding: 0 5px; text-align: center; }
.boxarea form .ttt_choose { align-items: center; margin-top: 25px; }
.boxarea form .ttt_choose .databox1 .cardinfo { font-size: 16px; }
.boxarea form .ttt_choose .databox2 { position: relative; align-items: center; }
.boxarea form .ttt_choose .databox2 .datebox { height: 32px; box-sizing: border-box; position: relative; padding-left: 33px; padding-right: 15px; border: 1px solid #e6e6e6; background: #fff; }
.boxarea form .ttt_choose .databox2 .datebox i.iconi { display: block; width: 18px; height: 18px; position: absolute; top: 6px; left: 8px; background: url(../images/5_01.jpg) no-repeat center; }
.boxarea form .ttt_choose .databox2 .datebox .twotime { align-items: center; }
.boxarea form .ttt_choose .databox2 .datebox .twotime .starttime, .boxarea form .ttt_choose .databox2 .datebox .twotime .endtime { width: 120px; }
.boxarea form .ttt_choose .databox2 .datebox .twotime span { margin: 0 10px; }
.boxarea form .ttt_choose .databox2 .datebox .twotime input { width: 100%; border: 0; height: 30px; box-sizing: border-box; padding: 0 5px; text-align: center; pointer-events: none; }
.boxarea form .ttt_choose .databox3 { margin-left: 25px; }
.boxarea form .ttt_choose .databox3 .radio { font-size: 16px; }
.boxarea form .ttt_choose .databox3 .radio .bo_radio { position: relative; margin-right: 20px; }
.boxarea form .ttt_choose .databox3 .radio .bo_radio i { box-sizing: border-box; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; display: block; width: 13px; height: 13px; border: 1px solid #aaa; border-radius: 100%; cursor: pointer; }
.boxarea form .ttt_choose .databox3 .radio .bo_radio i.on { background-color: #27bfb2; border-color: #27bfb2; }
.boxarea form .ttt_choose .databox3 .radio .bo_radio i.on::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: block; width: 5px; height: 5px; border-radius: 100%; background: #fff; }
.boxarea form .floatbox { position: absolute; top: 20px; right: 0; }
.boxarea form .floatbox .sub { justify-content: center; }
.boxarea form .floatbox .sub button, .boxarea form .floatbox .sub a { box-sizing: border-box; display: block; width: 80px; font-size: 18px; color: #fff; background: #ffa800; text-align: center; padding: 10px 0; border-radius: 10px; margin: 0 10px; }
.boxarea form .floatbox .sub a { color: #ffa800; position: relative; padding-right: 25px; background: transparent; }
.boxarea form .floatbox .sub a::after { content: ''; display: block; width: 25px; height: 25px; background: url(../images/5_02.png) no-repeat center; position: absolute; top: 10px; right: 0; }
.filter .boxarea form, .receipt .boxarea form { padding: 28px 20px; background: #f4f4f4; }
.receipt .boxarea form .label { width: 140px; text-align: right; box-sizing: border-box; padding-right: 7px; }
.receipt .boxarea form .tt_choose { margin-top: 25px; }
.complex_parts { margin-top: 23px; }
.complex_parts .btset { text-align: right; }
.complex_parts .btset a { position: relative; color: #27bfb2; padding-left: 30px; font-size: 17px; }
.complex_parts .btset a::after { content: ''; display: block; width: 20px; height: 20px; background: url(../images/5_03.png) no-repeat center; position: absolute; top: 1px; left: 0; }
.complex_parts .metamorphosis { box-sizing: border-box; margin-top: 20px; overflow: hidden; overflow-x: auto; }
.complex_parts .metamorphosis .table { width: 1880px; line-height: normal; }
.complex_parts .metamorphosis .table .tr .flex_box { display: flex; min-height: 35px; }
.complex_parts .metamorphosis .table .tr:nth-child(2n-1) { background: #f6f6f6; }
.complex_parts .metamorphosis .table .tr.thead { background: #f1f1f1; }
.complex_parts .metamorphosis .table .tr.area { position: relative; }
.complex_parts .metamorphosis .table .tr.area .a_fun { position: absolute; width: 85px; text-align: center; line-height: 30px; height: 30px; top: 0; right: 0; bottom: 0; margin: auto; display: none; }
.complex_parts .metamorphosis .table .tr.area .a_fun a { padding: 0 5px; background: #eee; border-radius: 5px; }
.complex_parts .metamorphosis .table .tr.area:hover .a_fun { display: block; }
.complex_parts .metamorphosis .table .tr .td { box-sizing: border-box; font-size: 12px; text-align: center; padding: 13px 5px; }
.complex_parts .metamorphosis .table .tr .td i { display: inline-block; width: 13px; height: 13px; box-sizing: border-box; border: 1px solid #555; border-radius: 3px; cursor: pointer; }
.complex_parts .metamorphosis .table .tr .td a.delthis { width: 100%; min-height: 19px; }
.complex_parts .metamorphosis .table .tr.cur .td i { background: url(../images/5_04.png) no-repeat center #27bfb2; background-size: 80%; border-color: #27bfb2; }
.complex_parts .pagebox { text-align: right; margin-top: 20px; } 
.complex_parts .pagebox a.expire { color: #aaa; cursor: no-drop; }
.complex_parts .pagebox span { padding: 1px 5px; background: #ddd; margin: 0 7px; }
.complex_parts .pagebox2 { text-align: right; margin-top: 20px; }
.complex_parts .summary { margin-top: 20px; font-weight: bold; }
.complex_parts .table { overflow-x: auto; }
.complex_parts .table table { width: 100%; }
.complex_parts .table table tr:nth-child(2n-1) { background-color: #f5f5f5; }
.complex_parts .table table tr.thead { font-weight: bold; background: #f1f1f1; }
.complex_parts .table table tr td { box-sizing: border-box; height: 50px; padding: 5px; text-align: center; border-bottom: 1px solid #eee; }
.complex_parts .table table tr td i { display: inline-block; width: 13px; height: 13px; box-sizing: border-box; border: 1px solid #555; border-radius: 3px; cursor: pointer; }
.complex_parts .table table tr.cur td i { background: url(../images/5_04.png) no-repeat center #27bfb2; background-size: 80%; border-color: #27bfb2; }

.tips { margin-top: 30px; }
.tips .tipstitle { box-sizing: border-box; position: relative; background: #f4f4f4; font-size: 24px; color: #ffa800; font-weight: bold; padding: 7px 0 7px 50px;; }
.tips .tipstitle i { display: block; position: absolute; top: 5px; left: 1px; width: 35px; height: 35px; background: url(../images/8_02.png) no-repeat center; background-size: 100%; border-radius: 100%; background-color: #fff; }
.tips p { box-sizing: border-box; padding-left: 50px; }

#receipt { position: relative; }
#pupbox { position: absolute; top: 10%; right: 0; left: 0; margin: auto; width: 1000px; height: 550px; background: #fff; border: 1px solid #ccc; z-index: 1000; background-image: url(../images/bg.png); display: none; }
#pupbox .puptitle { box-sizing: border-box; justify-content: space-between; align-items: center; padding: 0 10px 0 25px; background: #f2f2f2; }
#pupbox .puptitle a { padding: 10px; }
#pupbox .pjthree { box-sizing: border-box; padding: 0 25px; justify-content: space-between; margin-top: 20px; align-items: flex-end; }
#pupbox .pjthree .imgc { width: 220px; text-align: right; }
#pupbox .pjthree .receiptitle { text-align: center; }
#pupbox .pjthree .receiptitle div:first-child { font-weight: bold; font-size: 28px; }
#pupbox .pjthree .receiptitle div:nth-child(2) { font-size: 18px; font-weight: bold; margin-top: 7px; }
#pupbox .receiptable { box-sizing: border-box; padding: 0 25px; margin-top: 10px; }
#pupbox .receiptable table { width: 100%; }
#pupbox .receiptable table tr td { border: 3px solid #353535; box-sizing: border-box; font-weight: bold; padding: 3px 7px; }
#pupbox .receiptable table tr td.grey { width: 80px; text-align: center; }
#pupbox .receiptable table tr td.centertd { text-align: center; }
#pupbox .orderino { box-sizing: border-box; padding: 0 25px; margin-top: 10px; }
#pupbox .dayina { box-sizing: border-box; padding: 0 25px; text-align: right; margin-top: 10px; }
#pupbox .dayina a { font-size: 18px; margin-left: 10px; }
#pupbox .dayina a:first-child { position: relative; box-sizing: border-box; padding: 5px 15px 6px 38px; border: 1px solid #dadada; border-radius: 5px; background-color: #fff; }
#pupbox .dayina a:first-child::after { content: ''; width: 20px; height: 20px; background: url(../images/11_01.png) no-repeat center; display: block; position: absolute; left: 12px; top: 6px; }
#pupbox .dayina a:last-child { padding: 5px 20px 6px 20px; border-radius: 5px; background-color: #e6e6e6; }

.success_box { background: #fff; padding: 50px 0; margin-top: 15px; }
.success_box .center_text { position: relative; width: 50%; margin: auto; }
.success_box .center_text::after { content: ''; position: absolute; top: 94px; left: -110px; width: 100px; height: 100px; background: url(../images/success.jpg) no-repeat center / 100%; }
.success_box .center_text .big_num { font-size: 70px; color: #27bfb2; }
.success_box .center_text .daoz { font-size: 24px; color: gray; margin-top: 10px; }
.success_box .center_text .con_p { margin-top: 20px; }
.success_box .center_text .con_p span { display: inline-block; position: relative; color: #999; padding-left: 20px; margin-bottom: 5px; }
.success_box .center_text .con_p span::after { content: ''; display: block; position: absolute; top: 8px; left: 0; width: 5px; height: 5px; background: #27bfb2; }
.success_box .center_text .con_p span input { box-sizing: border-box; width: 160px; border-radius: 0; border: 1px solid #ccc; height: 30px; padding-left: 10px; }
.success_box .center_text .con_p span a { background: #27bfb2; color: #fff; font-size: 15px; border-radius: 2px; padding: 7px; margin-left: 10px; }
.success_box .center_text .three_btn { margin-top: 20px; }
.success_box .center_text .three_btn a { background: #27bfb2; color: #fff; font-size: 15px; border-radius: 2px; padding: 7px 30px; margin-right: 20px; }
.success_box .center_text .three_btn a:last-child { margin: 0; }

.addbill_box { padding: 55px 0; margin-bottom: 90px; }
.addbill_box form { width: 590px; margin: auto; }
.addbill_box form .input_row, .addbill_box form .select_row, .addbill_box form .radio_row, .addbill_box form .textarea_row { position: relative; display: flex; align-items: center; margin: 15px 0; }
.addbill_box form .input_row .label, .addbill_box form .select_row .label, .addbill_box form .radio_row .label, .addbill_box form .textarea_row .label { display: inline-block; min-width: 80px; font-size: 16px; }
.addbill_box form .input_row .input, .addbill_box form .select_row .select, .addbill_box form .textarea_row .textarea { width: calc(100% - 80px); }
.addbill_box form .input_row .input input, .addbill_box form .select_row .select select { box-sizing: border-box; width: 80%; height: 35px; border-radius: 1px; padding: 0 10px; border: 1px solid #ccc; }
.addbill_box form .input_row .input input[type='number']::-webkit-outer-spin-button, .addbill_box form .input_row .input input[type='number']::-webkit-inner-spin-button { -webkit-appearance: none !important; }
.addbill_box form .radio_row .radio input { display: none; }
.addbill_box form .radio_row .radio label { border: 1px solid #27bfb2; color: #27bfb2; line-height: 28px; min-width: 130px; text-align: center; float: left; margin-right: 5px; border-radius: 1px; cursor: pointer; }
.addbill_box form .radio_row .radio input:checked + label { border: 1px solid #27bfb2; background-size: 21px 21px; color: #fff; background: #27bfb2; }
.addbill_box form .radio_row .radio input:disabled + label { opacity: 0.7; }
.addbill_box form .input_row .time_input .starttime { position: relative; }
.addbill_box form .input_row .time_input { display: flex; align-items: center; }
.addbill_box form .input_row .time_input input { box-sizing: border-box; height: 30px; border: 1px solid #ccc; border-radius: 1px; width: 200px; padding: 0 10px; padding-right: 40px;  pointer-events: none; }
.addbill_box form .input_row .time_input i { position: absolute; display: block; width: 30px; height: 30px; top: 0; right: 10px; background: url(../images/calendar.png) no-repeat center; }
.addbill_box form .textarea_row .textarea textarea { box-sizing: border-box; width: 100%; height: 100px; padding: 7px; border: 1px solid #ccc; }
.addbill_box form .sub_box { display: flex; justify-content: center; margin-top: 45px; }
.addbill_box form .sub_box button { box-sizing: border-box; display: inline-block; min-width: 180px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; border: 0; border-radius: 2px; background: #27bfb2; cursor: pointer; } 

.config_box { padding: 55px 0; margin-bottom: 90px; }
.config_box form { width: 590px; margin-left: 50px; }
.config_box form .minheght { min-height: 500px; }
.config_box form .input_row, .config_box form .select_row, .config_box form .radio_row, .config_box form .textarea_row { position: relative; display: flex; align-items: center; margin: 15px 0; }
.config_box form .input_row .label, .config_box form .select_row .label, .config_box form .radio_row .label, .config_box form .textarea_row .label { display: inline-block; min-width: 145px; font-size: 16px; }
.config_box form .input_row .input, .config_box form .select_row .select, .config_box form .textarea_row .textarea { width: calc(100% - 80px); }
.config_box form .input_row .input input, .config_box form .select_row .select select { box-sizing: border-box; height: 35px; border-radius: 1px; padding: 0 10px; border: 1px solid #ccc; }
.config_box form .input_row .input input[type='number']::-webkit-outer-spin-button, .config_box form .input_row .input input[type='number']::-webkit-inner-spin-button { -webkit-appearance: none !important; }
.config_box form .radio_row .radio input { display: none; }
.config_box form .radio_row .radio label { border: 1px solid #27bfb2; color: #27bfb2; line-height: 28px; min-width: 130px; text-align: center; float: left; margin-right: 5px; border-radius: 1px; cursor: pointer; }
.config_box form .radio_row .radio input:checked + label { border: 1px solid #27bfb2; background-size: 21px 21px; color: #fff; background: #27bfb2; }
.config_box form .radio_row .radio input:disabled + label { opacity: 0.7; }
.config_box form .input_row .time_input .starttime { position: relative; }
.config_box form .input_row .time_input { display: flex; align-items: center; }
.config_box form .input_row .time_input input { box-sizing: border-box; height: 30px; border: 1px solid #ccc; border-radius: 1px; width: 200px; padding: 0 10px; padding-right: 40px;  pointer-events: none; }
.config_box form .input_row .time_input i { position: absolute; display: block; width: 30px; height: 30px; top: 0; right: 10px; background: url(../images/calendar.png) no-repeat center; }
.config_box form .textarea_row .textarea textarea { box-sizing: border-box; width: 100%; height: 100px; padding: 7px; border: 1px solid #ccc; }
.config_box form .sub_box { display: flex; margin-top: 45px; }
.config_box form .sub_box button { box-sizing: border-box; display: inline-block; min-width: 180px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; border: 0; border-radius: 2px; background: #27bfb2; cursor: pointer; } 
@keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); }; }
.loadingimg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: none; background: rgba(255, 255, 255, .5); }
.loadingimg img { animation: rotate 1s linear infinite; }


#mark_div { position: fixed; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: rgba(0, 0, 0, .5); z-index: 100; }
.pop_fixed_form { box-sizing: border-box; width: 480px; height: 90px; background: #fff; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 101; padding: 20px; margin: auto; }
.pop_fixed_form form { display: flex; }
.pop_fixed_form form input { box-sizing: border-box; width: calc(100% - 100px); border-radius: 0; height: 50px; padding: 0 10px; border: 1px solid #333; border-right: 0; }
.pop_fixed_form form button { width: 100px; box-sizing: border-box; border: 1px solid #333; cursor: pointer; }

[name="datePicker"].is-double, [name="datePicker"].is-fast { position: absolute; top: 100%; background: #fff; z-index: 100; }

@media screen and (min-width: 769px) {
	
}

@media screen and (max-width: 1920px) {

}

@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1440px) {
	
}

@media screen and (max-width: 1360px) {

}

@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1200px) {
	
}

@media screen and (max-width: 1023px) {
	
}

@media screen and (max-width: 991px) {
	
}

@media screen and (max-width: 768px) {
    
}

@media screen and (max-width: 550px) {
	
}