/*
 * @Author: 王世文 
 * @Date: 2019-02-12 12:13:06 
 * @Last Modified by: 王世文
 * @Last Modified time: 2019-03-06 11:59:27
 */


*{ padding: 0; margin: 0; list-style: none; font-family: 'Arial','Microsoft YaHei','黑体','宋体',sans-serif; }
a{ text-decoration: none; }
p{ padding: 0; margin: 0; font-family: 'Arial','Microsoft YaHei','黑体','宋体',sans-serif; }
body{ max-width: 750px; margin: 0 auto; }
nav{ box-shadow: none!important; border-top:1px solid rgb(220, 220, 220)!important; }
nav .mui-active{ color:#5497f8; }
nav .mui-active span{ color:#5497f8; }
input[type="text"],input[type="tel"],input[type="number"]{ width: 100%; font-size: 14px; border: none; padding: 0; margin: 0; }
textarea{ width: 100%; font-size: 14px; border: none; margin: 0; padding: 0; }


.relative{ position: relative; }
.cont{ width:94%; margin:0 auto; }
.cont_min{ width:80%; margin:0 auto; }
.mb{ clear:both; }
.mb3{ clear: both; height: 0.03rem; }
.mb5{ clear: both; height: 0.05rem; }
.mb8{ clear: both; height: 0.08rem; }
.mb10{ clear: both; height: 0.1rem; }
.mb15{ clear: both; height: 0.15rem; }
.mb20{ clear: both; height: 0.2rem; }
.mb30{ clear: both; height: 0.3rem; }
.mb40{ clear: both; height: 0.4rem; }
.mb50{ clear: both; height: 0.5rem; }
/* flex */
.fbc{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.fbs{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.fbe{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.fcs{
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.fcc{
	display: flex;
	justify-content: center;
	align-items: center;
}
.fec{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.fee{
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}
.fsc{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.fce{
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.fse{
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}
.fss{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.wrap{ flex-wrap: wrap; }
.nowrap{ flex-wrap: nowrap; }

.fl{ float: left; }
.fr{ float: right; }
.hide{ display: none; }
.inline{ display: inline-block; }
.block{ display: block; }
.hidden{ overflow: hidden; }
.w_600{ font-weight: 600; }
.bold{ font-weight: bold; }
.normal{ font-weight: normal; }
.line_through{ text-decoration: line-through; }
.t_c{ text-align: center; }
.t_r{ text-align: right; }
.clearfix{overflow:hidden;_zoom:1;}


/* ==============padding================ */
.pd_5{ padding: 0.05rem; }
.pd_10{ padding: 0.1rem; }
.pd_15{ padding: 0.15rem; }
.pd_20{ padding: 0.2rem; }
.pd_5_15{ padding: 0.05rem 0.15rem; }
.pd_10_15{ padding: 0.1rem 0.15rem; }
.pd_15_10{ padding: 0.15rem 0.1rem; }

.pd_tb_5 { padding-top: 0.05rem; padding-bottom: 0.05rem; }
.pd_tb_8 { padding-top: 0.08rem; padding-bottom: 0.08rem; }
.pd_tb_12 { padding-top: 0.12rem; padding-bottom: 0.12rem; }
.pd_tb_20 { padding-top: 0.2rem; padding-bottom: 0.2rem; }
.pd_tb_25 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.pd_tb_30 { padding-top: 0.3rem; padding-bottom: 0.3rem; }
.pd_tb_40 { padding-top: 0.4rem; padding-bottom: 0.4rem; }
.pd_tb_10 { padding-top: 0.1rem; padding-bottom: 0.1rem; }
.pd_tb_15 { padding-top: 0.15rem; padding-bottom: 0.15rem; }
.pd_lr_3 { padding-left: 0.03rem; padding-right: 0.03rem; }
.pd_lr_5 { padding-left: 0.05rem; padding-right: 0.05rem; }
.pd_lr_10 { padding-left: 0.1rem; padding-right: 0.1rem; }
.pd_lr_15 { padding-left: 0.15rem; padding-right: 0.15rem; }
.pd_lr_20 { padding-left: 0.2rem; padding-right: 0.2rem; }
.pd_lr_30 { padding-left: 0.3rem; padding-right: 0.3rem; }
.pd_lr_40 { padding-left: 0.4rem; padding-right: 0.4rem; }

.pd_t_3 { padding-top: 0.03rem; }
.pd_t_5 { padding-top: 0.05rem; }
.pd_t_8 { padding-top: 0.08rem; }
.pd_t_10 { padding-top: 0.1rem; }
.pd_t_15 { padding-top: 0.15rem; }
.pd_t_20 { padding-top: 0.2rem; }
.pd_t_25 { padding-top: 0.25rem; }
.pd_b_3 { padding-bottom: 0.03rem; }
.pd_b_5 { padding-bottom: 0.05rem; }
.pd_b_8 { padding-bottom: 0.08rem; }
.pd_b_10 { padding-bottom: 0.1rem; }
.pd_b_15 { padding-bottom: 0.15rem; }
.pd_l_5 { padding-left: 0.05rem; }
.pd_l_8 { padding-left: 0.08rem; }
.pd_l_10 { padding-left: 0.1rem; }
.pd_l_15 { padding-left: 0.15rem; }
.pd_r_5 { padding-right: 0.05rem; }
.pd_r_10 { padding-right: 0.1rem; }
.pd_r_15 { padding-right: 0.15rem; }
/* ==============margin================ */
.m-b-sm{margin-bottom: 5px;}
.m-t{margin-top: 10px;}
.m-l{margin-left: 10px;}
.mg_auto{ margin: 0 auto; }
.mg_10{ margin: 0.1rem; }
.mg_t_5{ margin-top: 0.05rem; }
.mg_t_8{ margin-top: 0.08rem; }
.mg_t_10{ margin-top: 0.1rem; }
.mg_b_5{ margin-bottom: 0.05rem; }
.mg_b_8{ margin-bottom: 0.08rem; }
.mg_b_10{ margin-bottom: 0.1rem; }
.mg_b_15{ margin-bottom: 0.15rem; }
.mg_b_30{ margin-bottom: 0.3rem; }
.mg_b_40{ margin-bottom: 0.4rem; }
.mg_l_10{ margin-left: 0.1rem; }
.mg_tb_10{ margin-top: 0.1rem; margin-bottom: 0.1rem; }
.mg_tb_30{ margin-top: 0.3rem; margin-bottom: 0.3rem; }

.mg_lr_10{ margin-left: 0.1rem; margin-right: 0.1rem; }
.mg_lr_15{ margin-left: 0.15rem; margin-right: 0.15rem; }

.wp_10{ width: 10%; }
.wp_15{ width: 15%; }
.wp_16{ width: 16%; }
.wp_20{ width: 20%; }
.wp_22{ width: 22%; }
.wp_25{ width: 25%; }
.wp_27{ width: 27%; }
.wp_30{ width: 30%; }
.wp_33{ width: 33%; }
.wp_333{ width: 33.3%; }
.wp_50{ width: 50%; }
.wp_60{ width: 60%; }
.wp_68{ width: 68%; }
.wp_70{ width: 70%; }
.wp_72{ width: 72%; }
.wp_74{ width: 74%; }
.wp_76{ width: 76%; }
.wp_78{ width: 78%; }
.wp_80{ width: 80%; }
.wp_90{ width: 90%; }
.wp_100{ width: 100%; }
.hp_100{ height: 100%; }
.wh_100p{ width: 100%; height: 100%; }
.h_30{ height: 0.3rem; }
.h_42{ height: 0.42rem; }
.h_45{ height: 0.45rem !important; }
.h_80{ height: 0.8rem; }
.h_130{ height: 1.3rem; }
.h_150{ height: 1.5rem; }
.h_165{ height: 1.65rem; }
.h_180{ height: 1.8rem; }
.w_50{ width: 0.5rem; }
.w_100{ width: 1rem; }
.wh_24{ width: 0.24rem; height: 0.24rem; }
.wh_50{ width: 0.5rem; height: 0.5rem; }
.wh_55{ width: 0.55rem; height: 0.55rem; }
.wh_60{ width: 0.6rem; height: 0.6rem; }
.wh_80{ width: 0.8rem; height: 0.8rem; }
.wh_100{ width: 1rem; height: 1rem; }
.l_12{ line-height: 12px; }
.l_14{ line-height: 14px; }
.l_16{ line-height: 16px; }
.l_18{ line-height: 18px; }
.lh_24{ height: 0.24rem; line-height: 0.24rem; }
.lh_30{ height: 0.3rem; line-height: 0.3rem; }
.lh_31{ height: 0.31rem !important; line-height: 0.31rem !important; }
.lh_33{ height: 0.33rem !important; line-height: 0.33rem !important; }
.lh_40{ height: 0.4rem; line-height: 0.4rem; }
.lh_45{ height: 0.45rem !important; line-height: 0.45rem !important; }
.lh_50{ height: 0.5rem !important; line-height:0.5rem !important; }
.lh_60{ height: 0.6rem; line-height: 0.6rem; }

.text-mini{font-size: 12px;}
.text-13{font-size: 13px!important;}
.text-14{font-size: 14px!important;}
.text-15{font-size: 15px!important;}
.text-16{font-size: 16px!important;}
.text-18{font-size: 18px!important;}
.font_12{ font-size: 12px !important; }
.font_13{ font-size: 13px !important; }
.font_14{ font-size: 14px !important; }
.font_15{ font-size: 15px !important; }
.font_16{ font-size: 16px !important; }
.font_17{ font-size: 17px !important; }
.font_18{ font-size: 18px !important; }
.font_20{ font-size: 20px !important; }
.font_22{ font-size: 22px !important; }
.font_24{ font-size: 24px !important; }
.font_26{ font-size: 26px !important; }
.font_28{ font-size: 28px !important; }
.font_30{ font-size: 30px !important; }

.color-black{color:#000!important;}
.color-333{color:#333!important;}
.color-666{color:#666!important;}
.color-999{color:#999!important;}
.color-main{color:#FF3D00!important;}
.text_blue{ color:#1A6ACC!important; }
.text_red{ color:#d91d1b!important; }
.text_green{ color:#3fa901!important; }
.text_bai{ color:#fff!important; }
.text_hui{ color:#666!important; }
.text_hei{ color:#333!important; }
.green{ color: rgb(28, 209, 59); }
.red{ color:rgb(216, 25, 25); }
.color-666 { color: #666!important; }
.c_bai{ color: rgba(255,255,255,0.8); }
.c_fa0{ color: #fa0000; }
.c_03a{ color: #03a9f4; }
.c_0c{ color: #0c0c0c; }
.c_d0{ color: #d0d0d0; }
.c_77{ color: #777777; }
.c_7a{ color: #7a7a7a; }
.c_8f{ color: #8f8f8f; }
.c_9c{ color: #9c9c9c; }
.c_99{ color: #999999; }
.c_23c{ color: #2fc53c; }
.c_fd9{ color: #fd9700; }
.c_f98{ color: #ff9800; }
.c_dbc{ color: #dbca94; }
.c_3a4{ color: #3a4458; }
.c_374{ color: #374b71; }
.c_theme{ color: #e8443d; }

.bg-main{background-color:#e8443d!important;}
.bg-whtie{background-color:#fff;}
.bg-bbb{background-color:#bbb;}
.shadow{ box-shadow: 0 4px 10px 0 rgba(225,225,225,0.5); }
.bg{ background: #fff !important; }
.bg_theme{ background-color: #e8443d; }
.bg_eee{ background-color: #eeeeee; }
.bg_f1{ background-color: #f1f1f1 !important; }
.bg_f5{ background-color: #f5f5f5; }
.bg_f9{ background-color: #f9f9f9; }
.bg_369{ background-color: #3669f8; }
.bg_3f4{ background-color: #3f495d; }
.bg1{ background-image: linear-gradient(to bottom, #e8443d 15%, #f4a7a4 57%, #ffffff 77% ); }
.bg2{ background-image: linear-gradient(to left, #e8443d, #eb615b); }
.bg3{
    background-image: -webkit-radial-gradient(ellipse farthest-corner at center center, #1B93F5 10%, #1A6ACC 100%) !important;
    background-image: -moz-radial-gradient(ellipse farthest-corner at center center, #1B93F5 10%, #1A6ACC 100%) !important;
    background-image: -ms-radial-gradient(ellipse farthest-corner at center center, #1B93F5 10%, #1A6ACC 100%) !important;
    background-image: -o-radial-gradient(ellipse farthest-corner at center center, #1B93F5 10%, #1A6ACC 100%) !important;
    background-image: radial-gradient(ellipse farthest-corner at center center, #1B93F5 10%, #1A6ACC 100%) !important;
}
.radius0{
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}
.radius3{
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.radius5{
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
}
.radius8{
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
}
.radius10{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.radius15{
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.radius16{
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}
.radius50{ 
    border-radius: 50px; 
    -webkit-border-radius: 50px; 
    -moz-border-radius: 50px; 
    -ms-border-radius: 50px; 
    -o-border-radius: 50px; 
}
.radius_lb_16{ border-radius: 0 0 16px 16px; -webkit-border-radius: 0 0 16px 16px; -moz-border-radius: 0 0 16px 16px; -ms-border-radius: 0 0 16px 16px; -o-border-radius: 0 0 16px 16px; }
.radius_lb_50{ border-radius: 0 0 50px 50px; -webkit-border-radius: 0 0 50px 50px; -moz-border-radius: 0 0 50px 50px; -ms-border-radius: 0 0 50px 50px; -o-border-radius: 0 0 50px 50px; }
.radius_lb_100p{ border-radius: 0 0 100% 100%; }
.radius_lt_20{ border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; -ms-border-radius: 20px 20px 0 0; -o-border-radius: 20px 20px 0 0; }
.b_theme{ border: 1px solid #e8443d; }
.b_fff{ border: 1px solid #fff; }
.b2_fff{ border: 4px solid #ffffff; }
.b_t_f5{ border-top: 1px solid #f5f5f5; }
.b_l_f5{ border-left: 1px solid #f5f5f5; }
.b_b_f5{ border-bottom: 1px solid #f5f5f5; }
.b_b_ec{ border-bottom: 1px solid #ececec; }
.b_b2_f5{ border-bottom: 2px solid #f5f5f5; }
.b_l2_theme{ border-left: 2px solid #e8443d; }
.b_l3_theme{ border-left: 3px solid #e8443d; }
.b_bd_f2{ border-bottom: 2px dashed #f2f2f2; }
.b_lr_de{ position: relative; }
.b_lr_de::before,.b_lr_de::after{ content: ''; position: absolute; top: 0; bottom: 0; margin: auto; width: 1px; height: 20px; }
.b_lr_de::before{ left: 0; border-left: 1px solid #dee0e4; }
.b_lr_de::after{ right: 0; border-right: 1px solid #dee0e4;  }
.b_lff{ position: relative; }
.b_lff::before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 1px; height: 30px; border-left: 2px solid rgba(255,255,255,0.5); }

.abtn{ display: block; padding: 0; border: none; outline: none; }
.abtn1{ padding: 0 0.15rem; height: 0.3rem; line-height: 0.3rem; }
.btn_theme_lg{
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    background-image: linear-gradient(185deg, #e8443d, #eb615b);
}
.btn{
    color:#fff;
    background-image: -webkit-linear-gradient(185deg, #d0cfae, #31a0a4);
    baackground-imaagae:a -moz-linear-gradient(185deg, #d0cfae, #31a0a4);
    background-image: -ms-linear-gradient(185deg, #d0cfae, #31a0a4);
    background-image: -o-linear-gradient(185deg, #d0cfae, #31a0a4);
    background-image: linear-gradient(185deg, #d0cfae, #31a0a4);
    background-repeat: repeat;
    border:none;
    outline: none;
    border-radius:40px;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    -ms-border-radius:40px;
    -o-border-radius:40px;
}
.btn1{
    color:#fff;
    background-image: -webkit-linear-gradient(left, #f75552 0%, #d91d1b 100%);
    background-image: -moz-linear-gradient(left, #f75552 0%, #d91d1b 100%);
    background-image: -ms-linear-gradient(to right, #f75552 0%, #d91d1b 100%);
    background-image: -o-linear-gradient(to right, #f75552 0%, #d91d1b 100%);
    background-image: linear-gradient(to right, #f75552 0%, #d91d1b 100%);
    background-repeat: repeat;
    border:none;
    outline: none;
    border-radius:40px;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    -ms-border-radius:40px;
    -o-border-radius:40px;
}
.btn2{
    color:#fff;
    background-image: -webkit-linear-gradient(left, #ccc 0%, #999 100%);
    background-image: -moz-linear-gradient(left, #ccc 0%, #999 100%);
    background-image: -ms-linear-gradient(to right, #ccc 0%, #999 100%);
    background-image: -o-linear-gradient(to right, #ccc 0%, #999 100%);
    background-image: linear-gradient(to right, #ccc 0%, #999 100%);
    background-repeat: repeat;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
.btn3{
    color:#fff;
    background: #f75552;
    border:none;
    outline: none;
    border-radius:40px;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    -ms-border-radius:40px;
    -o-border-radius:40px;
}
.btn4{
    color:#fff;
    background: #999;
    border:none;
    outline: none;
    border-radius:40px;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    -ms-border-radius:40px;
    -o-border-radius:40px;
}
.btn5{
    color:#fff;
    background: #f75552;
    border:none;
    outline: none;
    border-radius:40px;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    -ms-border-radius:40px;
    -o-border-radius:40px;
}
.btn6{ border:none; outline: none; color:#fff!important;
    border-radius: 40px;
    background-image: linear-gradient(185deg, #e8443d, #eb615b);
}
#submit_pay { width: 90%; margin: 40px auto; box-shadow: 0 0 5px 1px rgba(232, 68, 61, 0.4); }

.fixed_low{
	z-index: 20;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	max-width: 750px;
    margin: 0 auto;
    box-sizing: border-box;
}