/*页头*/
body{background: #d7d7d7; font-family: "Helvetica Neue","Microsoft YaHei",Helvetica, STHeiTi, Arial, sans-serif;}
input{-webkit-appearance:none;border-radius:0;}
.viewport{min-width:300px;max-width:640px;margin:0 auto;}
.bg_light{background-color: #EEE;}
.bg_color_1{background-color: #E4E4E4;}
.bg_white{background-color: #FFF;}
.lh_1_3{line-height: 1.3;}

/* common component */
.common_button{display: block; background: #ff5713; margin: 10px; padding: 14px 20px; color: #fff; border-radius: 5px; text-align: center; font-size: 18px;}
.bt_green_light{display: inline-block; background: #56E33B; color: #fff; border-radius: 2px; padding: 2px 8px; font-size: 14px;}
.load_more{text-align: center; color: #777;padding: 20px;}
.loading_animate{display: none;}
.jiazai_mengban{position: fixed; width: 100%; height: 100%; z-index: 9; display: none;} /* 加载提示 */
.zaizhong{ display: none; background:#000; width:200px; height:100px; position:fixed; border-radius:10px; opacity:0.7; color:#FFF; text-align:center; line-height:100px; top:50%; left:50%; margin-top:-50px; margin-left:-100px; font-size:16px;}


/* my-income */
.money_type_1{background: #ff5713; color: #fff; padding: 0 32px;}
.money_type_1 h3{margin-bottom: 40px;}
.money_type_2 h3{margin-bottom: 20px;}
.money_type_1 span{font-size: 50px;}
.money_type_2 span{font-size: 30px;}
.money_type_1 p, .money_type_2 p{font-size: 20px;}
.money_type_1_wrapper{/*background: url(../imgh5/arrow_right.png?v=2) no-repeat right center;*/ padding: 46px 0 58px; position: relative;}
.current_nodename{position: absolute; top: 16px; left: 0; color: #FFAE8D;}
.money_type_2_wrapper{/*background: url(../imgh5/arrow_right.png?v=2) no-repeat right center;*/ padding: 16px 0;}
.money_type_2{position: relative; overflow: hidden; background: #ff8858; color: #fff;  padding: 0 32px;}
.money_type_2_left{float: left;}
.money_type_2_right{position: absolute; left: 56%;}

.option_type{margin-top: 20px; background: #fff; padding-left: 32px; color: #545454;}
.option_type span{display: inline-block; font-size: 20px; padding: 10px 0 10px 60px;}
.ontion_type_wrapper{
	background: url(../imgh5/arrow_right_gray.png) no-repeat right center;
	padding: 16px 0;
}
.option_type_1{}
.ontion_type_1_wrapper{}
.option_type_1 span{ background: url(../imgh5/bank_card.gif) no-repeat left center;}

.option_type_2{}
.option_type_2 a{display: block; padding-right: 32px; border-bottom: 1px solid #ddd;}
.option_type_2 a:last-child{border:none;}
.ontion_type_2_wrapper{}
.option_type_2 span{background: url(../imgh5/income_list.gif) no-repeat left center;}
.option_type_2 .withdraw span{background-image: url(../imgh5/bank_card.gif);}


/* profit_protocol */
.profit_protocol_title{
	margin:20px 0 14px;text-align:center;font-size:20px;
}

.profit_protocol_body{
	line-height: 1.5;
	padding: 0 20px;
}

.profit_protocol_body p{
	text-indent: 28px;
}

.profit_protocol_button{
	margin: 16px auto 22px;
	text-align: center;
}

#profit_protocol_button{
	display: block;
	margin: 0 20px;
	padding: 8px 0;
	line-height: 20px;
	background: #ff5713;
	color: #fff;
	border-radius: 5px;
	font-size: 16px;
}


/* my_agent */
.agent_list{ background: #f0f0f0; box-shadow: 0 0 5px 1px #C3C3C3;}
.agent_list .agent_item{position: relative; overflow: hidden; padding: 10px 0px 10px 10px; border-bottom: 1px solid #ccc; color: #555;}
.agent_item .agent_avatar{float: left; margin-right: 10px;}
.agent_avatar img{display: block; width: 52px; height: 52px;}
.agent_item .agent_name{ display: inline-block; font-size: 16px;}
.agent_item .agent_name:first-child{line-height: 1.5;}
.agent_name .agent_name_long{display: block; margin-top: 18px; color: #333;}
.agent_name .agent_superior{font-size: 12px; color: #888;}
.agent_item .agent_contri{float: right; color: #888; text-align: right; margin-right: 10px; margin-top: 18px;}
.agent_contri span{}
.agent_item .agent_level{position: absolute; right: 20px; bottom: 14px; color: #888;}
.agent_level.agent_item_get_qrcode{background: #FF5C00; padding: 6px 10px; bottom: 20px; border-radius: 5px; color: #fff;}
.my_agent_current_node{padding: 20px 10px; color: #9D9D9D; text-align: right; border-bottom: 1px solid #ccc;}

.child_agent_item{ margin-top: 10px; border-top: 1px solid #ccc;}
.child_agent_item li{margin-left: 40px; padding: 10px 0; border-bottom: 1px solid #ccc;}
.child_agent_item li:last-child{border-bottom: none;}
.child_agent_item li div{font-size: 17px; margin-bottom: 10px;}
.agent_list_load_more{}
#myAgentMore{display: none;}

/* node-msg */
.node_logo{overflow: hidden; margin-top: 24px; margin-bottom: 24px;}
.logo_img{float: left; width: 20%; margin-left: 24px; margin-right: 20px;}
.logo_img img{width: 100%; border-radius: 50%;}
.node_logo h2{position: relative; margin-left: 20px; overflow: hidden; line-height: 5;}
.node_detail{background-color: #fafafa; margin-bottom: 24px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; box-shadow: 0 0 5px 1px #eee;}
.node_detail li{ margin-left: 20px; padding: 20px 0 16px; border-bottom: 1px solid #e0e0e0; overflow: hidden;}
.node_detail li:last-child{border-bottom: none;}
.node_detail li div{ float: left; margin-right: 40px; font-weight: bold; line-height: 1.3;}
.node_detail li p{overflow: hidden; font-size: 12px; line-height: 1.5; padding-right: 10px;}
#node_bottun{}

/* agent-apply */
.apply_content{}
.apply_header{overflow: hidden; text-align: center; margin: 24px 20px;}
.apply_header h1{ font-size: 18px; margin-bottom: 20px;}
.apply_header p{line-height: 1.6;}

.apply_msg{background-color: #fafafa; margin-bottom: 24px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; box-shadow: 0 0 5px 1px #eee;}
.apply_msg li{ height: 54px; margin-left: 20px; border-bottom: 1px solid #e0e0e0; overflow: hidden;}
.apply_msg li:last-child{border-bottom: none;}
.apply_msg li label{ float: left; margin-right: 20px; font-weight: bold; line-height: 55px; font-size: 16px;}
.apply_msg label span{  font-size: 16px;  margin-left: 20px;  font-weight: normal;  color: #aaa;}
.apply_msg li div{line-height: 55px; overflow: hidden;position: relative;}
.apply_msg li input{width: 100%; height: 20px; border: 0; background: transparent; padding: 0 30px 0 5px; box-sizing: border-box; font-size: 16px; font-weight:normal;}
.apply_msg li #apply_last_name{padding-right: 5px;}
.apply_msg li .bt_green_light{float: right; margin-top: 16px; margin-right: 20px;}
.apply_msg li .apply_node_name{padding-left: 5px; font-size: 16px;}
#upload_id_card_img_input{display: none;}
.id_card_img_wrapper{margin: 20px 10px;}
#id_card_img_preview{width: 100%;}

/* agent-apply-completed */
.apply_completed_header{margin: 60px auto 30px; text-align: center;}
.apply_completed_header h1{display: inline-block; font-size: 20px; margin-left: -12px; padding: 10px 0 10px 54px; background: url(../imgh5/korder_check.png) no-repeat top left; background-size: 40px;}
.apply_completed_content p{padding: 20px; line-height: 1.5; text-align: center; font-size: 16px;}

/* my-income-list */
.my_income_list h1{margin: 24px auto; text-align: center; font-size: 20px;}
.my_income_list_body{background-color: #fafafa; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; box-shadow: 0 0 5px 1px #ccc;}
.my_income_list_body li{ margin-left: 20px; padding: 20px 0 10px; border-bottom: 1px solid #e0e0e0; overflow: hidden;}
.my_income_list_body li:last-child{border-bottom: none;}
.my_income_list_body li div{ float: left; width: 3.2em; margin-right: 20px; font-weight: bold; line-height: 1.3;}
.my_income_list_body li p{position: relative; overflow: hidden; font-size: 12px; line-height: 1.5; padding-right: 10px;}
.my_income_list_body li b{position: absolute; bottom: 0; right: 10px; color: #9b9b9b;}
.my_income_list_body .my_income_list_date{display: block; margin-top: 10px;}
.my_income_list_body .my_income_list_date a{text-decoration: underline;}
.my_income_list_sum{background-color: #fafafa; overflow: hidden; padding: 10px; border-bottom: 1px solid #ccc;}
.my_income_list_sum_left, .my_income_list_sum_right{text-align: center; width: 50%;line-height: 1.8;}
.my_income_list_sum_left{float: left;}
.my_income_list_sum_right{float: right;}

/* my-income-withdraw */
.withdraw_total{margin: 12px 0 8px; padding: 20px; font-size: 1.5em;}
.withdraw_amount{padding: 20px; background: #fff; font-size: 1.2em; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.withdraw_amount span{margin-right: 10px;}
.withdraw_amount input{width: 180px; border: none; font-size: 1em;}
.withdraw_description{padding: 10px 20px; color: #888; line-height: 1.6; font-size: 1em;}
.withdraw_description p{}
.withdraw_btn_wrapper{margin-top: 10px;}
#withdraw_btn{display: block; margin: 0 20px; padding: 16px 0; background: #ff5713; border-radius: 4px; text-align: center; color: #fff; font-size: 1.2em;}

/* order-detail */
.order_detail_header h1{margin: 24px auto; text-align: center; font-size: 20px;}
.order_detail_body{color: #5F5F5F;}
.order_detail_list, .order_detail_display{background-color: #fafafa; margin-bottom: 10px; padding: 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; box-shadow: 0 0 5px 1px #D0D0D0;}
.order_detail_display{line-height: 1.8;}
.order_detail_display span{margin-right: 5px;}
.order_detail_list li{overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #E4E4E4;}
.order_detail_list li:last-child{border: none; margin-bottom: 0; padding-bottom: 0;}
.order_detail_list img{width: 28%; float: left;}
.order_detail_list_title{float: right; width: 69%; line-height: 1.5; font-size: 12px;}
.order_detail_list_left{float: left; width: 68%;}
.order_detail_list_left h3{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.4; font-size: 14px;}
.order_detail_list_left p{color: #9b9b9b; line-height: 1; margin-top: 0.4em;}
.order_detail_list_title .order_detail_list_right{overflow: hidden; text-align: right;}
.order_detail_list_right p:last-child{color: #9b9b9b;}