/*公共部分*/
/*清除浮动*/
.clear{display:block;clear:both;height:0px;font-size:0px;line-height:0px;margin:0px;padding:0px; border-width:0px;border-style:none;float:none;overflow:hidden;}

/*背景颜色*/
.bg_0066b3{ background:#0066b3!important;}
.bg_f0f0f0{ background:#f0f0f0!important;}
.bg_f8f8f7{ background:#f8f8f7!important;}
.bg_449cff{ background:#449cff!important;}
.bg_f5f5f5{ background:#f5f5f5!important;}
.bg_ffaf3e{ background:#ffaf3e!important;}
.bg_00abf3{ background:#00abf3!important;}

/*字体颜色*/
.color_0066b3{color:#0066b3!important;}
.color_1e7ac5{color:#1e7ac5!important;}
.color_449cff{ color:#449cff!important;}
.color_333{ color:#333!important;}
.color_666{ color:#666!important;}
.color_999{ color:#999!important;}
.color_8c8c8c{ color:#8c8c8c!important;}
.color_red{color:#d62f2f!important;} /*表示上升、收入、资产、警示性质*/
.col_red{ color:red;}/*亮红*/
.color_green{color:#4f9900!important;} /*表示下降、支出、负债性质*

/*字体大小*/
.font-size36{font-size:0.72rem!important;}
.font-size34{font-size:0.68rem!important;}
.font-size32{font-size:0.64rem!important;}
.font-size30{font-size:0.6rem!important;}
.font-size28{font-size:0.56rem!important;}
.font-size26{font-size:0.52rem!important;}
.font-size24{font-size:0.48rem!important;}
.font-size20{font-size:0.4rem!important;}
.font-size18{font-size:0.36rem!important;}
.font-bold{ font-weight:bold;}
.font-normal{ font-weight:normal!important;}

/*外边距*/
.m_lr_10{margin:0 0.2rem!important;}
.m_lr_20{margin:0 0.4rem!important;}
.m_lr_30{margin:0 0.6rem!important;}
.m_lr_40{margin:0 0.8rem!important;}
.m_lr_50{margin:0 1rem!important;}
.m_lr_60{margin:0 1.2rem!important;}
.m_tb_10{margin:0.2rem 0!important;}
.m_tb_20{margin:0.4rem 0!important;}
.m_tb_30{margin:0.6rem 0!important;}
.m_tb_40{margin:0.8rem 0!important;}
.m_tb_50{margin:1rem 0!important;}
.m_tb_60{margin:1.2rem 0!important;}
.m_auto{margin:0 auto!important;}
.m_0{margin:0!important;}
.m_10{margin:0.2rem!important;}
.m_20{margin:0.4rem!important;}
.m_30{margin:0.6rem!important;}
.m_40{margin:0.8rem!important;}
.m_50{margin:1rem!important;}
.m_60{margin:1.2rem!important;}
.ml_0{margin-left:0!important;}
.ml_10{margin-left:0.2rem!important;}
.ml_20{margin-left:0.4rem!important;}
.ml_30{margin-left:0.6rem!important;}
.ml_40{margin-left:0.8rem!important;}
.ml_50{margin-left:1rem!important;}
.ml_60{margin-left:1.2rem!important;}
.mr_0{margin-right:0!important;}
.mr_10{margin-right:0.2rem!important;}
.mr_20{margin-right:0.4rem!important;}
.mr_30{margin-right:0.6rem!important;}
.mr_40{margin-right:0.8rem!important;}
.mr_50{margin-right:1rem!important;}
.mr_60{margin-right:1.2rem!important;}
.mr_100{margin-right:2rem!important;}
.mt_0{margin-top:0!important;}
.mt_10{margin-top:0.2rem!important;}
.mt_20{margin-top:0.4rem!important;}
.mt_30{margin-top:0.6rem!important;}
.mt_40{margin-top:0.8rem!important;}
.mt_50{margin-top:1rem!important;}
.mt_60{margin-top:1.2rem!important;}
.mb_0{margin-bottom:0!important;}
.mb_10{margin-bottom:0.2rem!important;}
.mb_20{margin-bottom:0.4rem!important;}
.mb_30{margin-bottom:0.6rem!important;}
.mb_40{margin-bottom:0.8rem!important;}
.mb_50{margin-bottom:1rem!important;}
.mb_60{margin-bottom:1.2rem!important;}


/*内边距*/
.p_lr_10{padding:0 0.2rem!important;}
.p_lr_20{padding:0 0.4rem!important;}
.p_lr_30{padding:0 0.6rem!important;}
.p_lr_40{padding:0 0.8rem!important;}
.p_lr_50{padding:0 1rem!important;}
.p_lr_60{padding:0 1.2rem!important;}
.p_tb_10{padding:0.2rem 0!important;}
.p_tb_20{padding:0.4rem 0!important;}
.p_tb_30{padding:0.6rem 0!important;}
.p_tb_40{padding:0.8rem 0!important;}
.p_tb_50{padding:1rem 0!important;}
.p_tb_60{padding:1.2rem 0!important;}
.p_0{padding:0;}
.p_10{padding:0.2rem!important;}
.p_20{padding:0.4rem!important;}
.p_30{padding:0.6rem!important;}
.p_40{padding:0.8rem!important;}
.p_50{padding:1rem!important;}
.p_60{padding:1.2rem!important;}
.pl_0{padding-left:0!important;}
.pl_10{padding-left:0.2rem!important;}
.pl_20{padding-left:0.4rem!important;}
.pl_30{padding-left:0.6rem!important;}
.pl_40{padding-left:0.8rem!important;}
.pl_50{padding-left:1rem!important;}
.pl_60{padding-left:1.2rem!important;}
.pr_0{padding-right:0!important;}
.pr_10{padding-right:0.2rem!important;}
.pr_20{padding-right:0.4rem!important;}
.pr_30{padding-right:0.6rem!important;}
.pr_40{padding-right:0.8rem!important;}
.pr_50{padding-right:1rem!important;}
.pr_60{padding-right:1.2rem!important;}
.pr_200{padding-right:4rem!important;}
.pt_0{padding-top:0!important;}
.pt_10{padding-top:0.2rem!important;}
.pt_20{padding-top:0.4rem!important;}
.pt_30{padding-top:0.6rem!important;}
.pt_40{padding-top:0.8rem!important;}
.pt_50{padding-top:1rem!important;}
.pt_60{padding-top:1.2rem!important;}
.pb_0{padding-bottom:0!important;}
.pb_10{padding-bottom:0.2rem!important;}
.pb_20{padding-bottom:0.4rem!important;}
.pb_30{padding-bottom:0.6rem!important;}
.pb_40{padding-bottom:0.8rem!important;}
.pb_50{padding-bottom:1rem!important;}
.pb_60{padding-bottom:1.2rem!important;}





/*行内位置*/
.textleft{ text-align:left!important;}
.textcenter{ text-align:center!important;}
.textright{ text-align:right!important;}

/*元素定位*/
.pr{ position:relative;}
.pa{ position:absolute;}
.pfixed{ position:fixed;}


/*块级内联转换*/
.inline_block{ display:inline-block;}
.block{display:block;}

/*显示隐藏*/
.m_show{display:block!important;}
.m_hide{display:none!important;}

/*浮动*/
.m_fl{float:left;}
.m_fr{float:right;}

/*边框*/
.br_b_ccc{border-bottom: 1px solid #ccc!important; }
.br_ccc{border:1px solid #ccc!important;}
.br_b_none{border-bottom:none!important;}

/*溢出隐藏*/
.overflow_h{ overflow:hidden;}

/*长度*/
.w_10{ width:10%!important;}
.w_20{ width:20%!important;}
.w_30{ width:30%!important;}
.w_40{ width:40%!important;}
.w_50{ width:50%!important;}
.w_60{ width:60%!important;}
.w_70{ width:70%!important;}
.w_80{ width:80%!important;}
.w_90{ width:90%!important;}
.w_100{ width:100%!important;}

/*行高*/
.lineH-none{ line-height:none;}
.lineH-normal{ line-height:normal;}

/*透明度*/
.opacity{ opacity:1;}
.opacityNone{ opacity:0;}
.opacity7{ opacity:0.7;}
.opacity5{ opacity:0.5;}


/*禁用*/
.disabled{ background:#ccc!important; pointer-events: none; color:#fff!important; border:1px solid #ccc!important;}



/*楼层指示*/
.floor_p{ border-left:0.2rem solid #2585f1;padding-left:0.2rem;}
.floor_p2{ border-left:0.28rem solid #c1c1c1;padding-left:0.4rem;}

/*楼层分割线*/
.floor_line{ border-top: 8px solid #f2f6f8;}

/*楼层标题*/
.floor_title{position: relative;padding: 0.6rem 0;border-bottom: 1px solid #dcdcdc; background-color: #fff; text-align: center; font-size: 0.64rem;}
.title_icon{ display: inline-block;  background-repeat: no-repeat;background-position: left center;   background-size: 0.8rem auto; padding-left: 1.2rem}   
.right_icon{  display: block;width: 0.84rem;height: 2.06rem;top: 0; position: absolute;right: 0.4rem;background-repeat: no-repeat;background-position:center; }
.right_icon_menu{background-image: url(../images/top.png);background-size: 0.84rem auto;}
.right_icon_arrow{background-image: url(../images/right.png);background-size: 0.36rem auto;}
.head_title {height: 1.92rem; line-height: 1.92rem; width: 100%; background: #449cff; text-align: center; font-size: 0.72rem; color: #fff; overflow:hidden;  position:relative;}
.head_title_center{ display:inline-block;max-width:60%;  color: #060604; font-size:0.64rem; }
.head_title_left{position:absolute; width:0.5rem; height:0.5rem; top: 0.7rem;left: 0.6rem;  border-top: 3px solid #fff;border-left: 3px solid #fff; transform:rotate(-45deg);}
.head_title_right{ position:absolute; width:0.8rem; height:0.8rem; background: url(../images/home.png) no-repeat  center;background-size:contain;  top: 0.6rem;right: 0.6rem;}
.head_text{  width: auto; background: none; top: 0; height:100%;}

/*按钮*/
.btn_s {display:inline-block;font-size: 0.6rem;border-radius: 2rem;width: 4rem; height:1.2rem; line-height: 1.2rem; text-align: center;}
.btn_m {display:inline-block;font-size: 0.6rem; border-radius: 2rem; width: 6.48rem;height: 1.6rem;  line-height: 1.6rem; text-align: center;}
.btn_l {display:inline-block;font-size: 0.6rem; border-radius: 2rem; width: 13.8rem;height: 1.6rem;  line-height: 1.6rem; text-align: center;}
.btn_auto{font-size: 0.48rem; border-radius: 2rem;padding:0.2rem 0.6rem;}
.btn_br{ color: #469cff; border: 1px solid #469cff;}
.btn_bg{ background: #469cff; color: #fff; border: 1px solid #469cff;}
.btn_radius6{border-radius:6px;}
.btn_radius100{border-radius:100px;}

/*开关按钮*/
.al-toggle-button{
	appearance: none;
	-webkit-appearance: none;
	position: relative;
	width: 52px;
	height: 32px;
	background: #dfdfdf;
	border-radius: 16px;
	border: 1px solid #dfdfdf;
	outline: 0;
	box-sizing: border-box;
}
.al-toggle-button:checked{
	border-color: #449cff;
	background-color: #449cff;
}
.al-toggle-button:before, .al-toggle-button:after{
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	border-radius: 15px;
	transition: transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
}
.al-toggle-button:before{
	width: 50px;
	background-color: #fdfdfd;
}
.al-toggle-button:after{
	width: 30px;
	background-color: white;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.al-toggle-button:checked:before{
	transform: scale(0);
	-webkit-transform: scale(0);
}
.al-toggle-button:checked:after{
	transform: translateX(20px);
	-webkit-transform: translateX(20px);
}
.al-toggle-button2{height: 28px;}
.al-toggle-button2:before, .al-toggle-button2:after{ height:26px;}
.al-toggle-button2:after{width: 26px;}
.al-toggle-button2:checked:after{
	transform: translateX(24px);
	-webkit-transform: translateX(24px);
}
.gk_btn_text{ position:absolute; top:4px; right:7px; font-size:14px; color:#666;}
.checked_text{  right:30px; color:#fff;}

/*开关按钮 end*/

/*tab栏*/
.tabs_nav{ width:100%;}
.tabs_bar{ width:100%; overflow:hidden;}
.tabs_bar li{text-align: center;font-size: 0.64rem;float: left;position: relative; padding: 0.5rem 0;border-bottom: 1px solid #dcdcdc;}
.tabs_bar li.cur{  color: #fb4769;border-bottom: 2px solid #fb4769;}
.tabs_bar li:after{  content: '';position: absolute; top: 0.4rem;right: 0;width: 1px; height: 1.2rem;background-color: #dcdcdc;}
.tabs_bar li:last-child:after{width:0;}
.tabs_2 li{ width:50%;}
.tabs_3 li{ width:5rem;}
.tabs_4 li{ width:3.75rem;}
.tabs_5 li{ width:3rem;}
.tabs_6 li{ width:2.5rem;}

/*输入框*/
.need_red{ color:#fb4769;}
.formInputBox{ width:100%;}
.formInput_row{ width:100%; font-size:0.56rem; color:#333; padding:0.8rem 0;  border-bottom: 1px solid #eee; position:relative;}
.formInputBox .formInput_row_full{padding:0.8rem 0.6rem;}
.formInput_row .formInput_left{ width:40%; float:left;}
.formInput_main{ padding-left:40%; width:100%;height:100%;}
.formInput_main input[type=text]{ width:100%; font-size:0.56rem; color:#333;padding-right:0.2rem;}
.formInput_right_text input[type=text]{ width:58%;}
.formInput_right{ position:absolute; right:0; top:0.5rem; width:3.2rem; height:1.4rem;}
.formInput_row_full .formInput_right{right:0.6rem;}
.formInput_right img{ width:100%;}
.formInput_right input[type=button]{   width: 100%; height: 100%;  color: #fff; border-radius: 4px;  font-size: 0.56rem;}
.formInput_select_btn{   padding: 1px 4px;  background: #0066b3; color: #fff; border-radius: 3px;}
.select_box.pa{  top: 0.8rem; right: 0; z-index: 1;}

/*输入框--下拉菜单*/
.iosSelect_box span{   color: #929292;padding-right: 0.76rem; background: url(../images/selcet_bg.png) no-repeat right center;background-size: 0.4rem;}

/*输入框--单选项*/
.formInput_radio .radio_label{ display: inline-block;margin:0 0.6rem 0 0;}
.formInput_row_radio .radio_label{margin:0 0.6rem 0.4rem 0;}
.formInput_radio input[type='radio'] {
  width: 0.6rem;
  height: 0.6rem;
  padding-left: 0.7rem;
  background-image: url(../images/radio_r3_c1.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size:contain;
  border: none;
  vertical-align: middle;
}
.formInput_radio input[type='radio']:checked{ background-image: url(../images/radio_r1_c1.png) }

/*输入框--复选项*/
.formInput_checkBox .checkbox_label{display: inline-block;margin:0 0.6rem 0 0;}
.formInput_row_checkBox .checkbox_label{margin:0 0.6rem 0.4rem 0;}
.formInput_checkBox  input[type='checkbox'] {
  width: 0.52rem;
  height: 0.52rem;
  padding-left: 0.7rem;
  background-image: url(../images/un_xz.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size:contain;
  border: none;
  vertical-align: middle;
}
.formInput_checkBox input[type='checkbox']:checked{ background-image: url(../images/xz.png) }
.xy_pl{ padding-left:1.4rem; }
.xy_indent{ text-indent:1.4rem; }
.xy .checkbox_label{ background-image: url(../images/un_xz.png); background-repeat:no-repeat; background-position:left center; background-size:contain; width:0.6rem; height:0.6rem;}
.xy .checkbox_label.r_on{ background-image: url(../images/xz.png); }
.xy .location{ position:absolute; top:0.9rem; left:0.4rem;}



/*弹框 star*/
.alert_box{ position:fixed;left:0;top:0; background:rgba(0,0,0,0.5); width:100%; height:100%; z-index:20; display:none;}
.alert_box_main{ width:80%; height:auto; background:#fff; position:absolute; left:50%; top:25%; margin-left:-40%;}
.alert_box_title{  height: 48px;line-height: 48px; font-size: 18px; color: #fff; background: #0066b3;  text-align: center;}
.alert_box_body{/*min-height:80px;*/ padding-left:70px; margin:30px 10px 20px 30px; position:relative;}
.alert_box_body h3{font-size:18px; font-weight:normal; padding-bottom:10px;}
.alert_box_body p{font-size:14px; color:#333; }
.alert_box_bottom{ height:50px;background: #eee; text-align:center; }
.alert_box_bottom a{ margin-top:10px; font-size:14px; }
.alert_box_bottom a.btn{ background:#0066b3; color:#fff; padding:0 6px; display:inline-block;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  min-width: 62px; height: 30px; line-height: 30px;text-align: center;}
.tip_img{ position:absolute; left:0; top:-6px; width:50px; height:50px; }
.tip_img_success {background: url("../images/btn_success.png") no-repeat center;background-size: contain;}
.tip_img_fail {background: url("../images/btn_fail.png") no-repeat center; background-size:contain;}
.tip_img_warm{background: url("../images/warning.png") no-repeat center;background-size:contain; }
/*弹框2*/
.alert_box_no_img{padding-left:0; margin:25px 28px;}
.alert_box_no_img h3{ font-size:18px;}
.alert_box_no_img p{ text-indent:30px; font-size:15px;}
/*弹框3*/
.alert_box3_main{width:80%; height:auto; background:#fff; position:absolute; left:50%; top:25%; margin-left:-40%; border-radius:4px;}
.alert_box3_bottom{height:50px;  border-top:1px solid #449cff;}
.alert_box3_bottom a{ margin-top:10px; font-size:15px;}
.alert_box3_bottom a.btn{ color:#449cff; padding:0 6px; display:inline-block; height: 30px; line-height: 30px;text-align: center; width:49%; box-sizing:border-box; position:relative;}
.alert_box3_bottom a.b_line::after{  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 1.2rem;
  background-color: #449cff;}
/*弹框 end*/


/*分享star*/
.share_box_zhezhao{position:fixed;top:0; left:0;background:rgba(0,0,0,0.3); width:100%; height:100%;z-index: 12; display:none;}
.share_box{ position:fixed;overflow:hidden;bottom:0; left:0; text-align: center;width:100%;background:#eee;z-index: 13; display:none;}
.share_box_body{ font-size: 0.48rem; overflow:hidden;padding:1.2rem 0.6rem 0.6rem;box-sizing: border-box;}
.share_box_body li{width:25%; float:left; padding-bottom: 0.6rem;}
.share_box_body li a{ color:#333; display:inline-block; }
.share_box_body li img{ width:2rem;border-radius: 0.32rem;}
.share_box_body li span{ display:block;}
.share_box_footer{ height:1.6rem; line-height: 1.6rem;  background:#fff;  font-size: 0.64rem; color:#666; }
.share_btn_close{ display:block;}

/*分享end*/


/*折叠面板 star*/
.panel_list{ font-size: 0.64rem;}
.panel_list_title{ overflow: hidden; border-bottom: 1px solid #F0F0F0;  padding: 0 0.6rem; height: 1.8rem; padding-left: 1.4rem; line-height: 1.8rem; position: relative;}
.show_icon{ background-image: url(../images/jian_icon.png); background-repeat:no-repeat; background-position:0.4rem center; background-size:3%;}
.hide_icon{ background-image: url(../images/jia_icon.png); background-repeat:no-repeat; background-position:0.4rem center; background-size:3%;}
.show_icon2{ background-image: url(../images/jian_icon.png); background-repeat:no-repeat; background-position:0.4rem center; background-size:3%;}
.hide_icon2{ background-image: url(../images/jia_icon.png); background-repeat:no-repeat; background-position:0.4rem center; background-size:3%;}
.panel_list_main{ overflow:hidden;  padding:0.2rem ; font-size: 0.4rem;  border-bottom: 1px solid #F0F0F0;}
.panel_list_main li{  width: 25%; height: auto;padding: 0.2rem 0; text-align: center; float: left; position: relative;}
.panel_list_main li p{padding:0 2px;}
.panel_list_main li img{ display:inline-block; max-width:64px; width:45%;}

.text_list_main{padding:0.6rem; font-size:0.56rem; color:#666;}
.text_list_main p{ text-indent:1.12rem;}
.text_list_title{padding:0 0.6rem;  border-bottom: 1px solid #F0F0F0;  line-height: 1.8rem;  height: 1.8rem;}
.text_list_title li{ position:relative;}
.text_list_title li::after{  content: '';
  position: absolute;
  width: 0.4rem;
  height: 0.4rem;
  top: 0.7rem;
  right:0;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  transform: rotate(-45deg);}
/*折叠面板 end*/






@media (max-width: 360px) {
/*弹框 star*/	
.alert_box_body h3{font-size:16px;}
.alert_box_body{ padding-left:55px; margin:20px 10px 20px 20px;}
.tip_img{width:40px; height:40px; }
.alert_box_no_img{padding-left:0;}
.alert_box_no_img p{ text-indent:28px; font-size:14px;}
/*弹框 end*/

/*开关按钮*/
.al-toggle-button{ width:42px; height:26px;}
.al-toggle-button:before, .al-toggle-button:after{ height:24px;}
.al-toggle-button:before{width: 40px;}
.al-toggle-button:after{width: 24px;}
.al-toggle-button:checked:after{
	transform: translateX(16px);
	-webkit-transform: translateX(16px);
}
/*开关按钮 end*/

}