@media only screen and (min-width:640px) {
	.visa_content{ width:640px; margin:0 auto; }
}
@media only screen and (max-width:640px) {
	.visa_content{ width:100%; }	
}

*{ margin:0; padding:0; text-decoration:none; list-style-type:none; }
a{ color:#333; }
a:hover{ color:#09F; text-decoration:underline; }
header, nav, footer{ display:block; }
body{ font-size:12px; color:#666; font-family:Helvetica; background-color:#f5f5f5; padding-bottom:50px; }
img{ border:0; }


.content_box{ width:100%;}
/*header*/
header{ width:100%;  line-height:40px; height:40px; background:#4293f8; color:#FFF; overflow:hidden;}
.back{ float:left; padding:10px 0 0 10px;}
.member_title_1{ text-align:center; margin-right:20px; font-size:14px;}

.pay_title{ text-align:center; margin-right:20px; font-size:14px;}

.share_title_1{ float:left; width:86.5%; text-align:center; font-size:14px;}
.share{ float:right; display:block; margin-right:8px; width:14px; height:40px;}

.personal_box{ width:100%; height:150px; background:url(order_style.jpg) no-repeat top; padding-top:15px;}
.personal_img{ display:block; width:70px; hright:70px; margin:0 auto; border:2px solid #fff; border-radius:100px;}
.personal_box p{ width:94%; text-align:center; color:#333; margin:15px auto 0 auto;}
.personal_box a{ display:block; width:94%; margin:10px auto 0 auto; text-align:center;  }
.personal_box a img{ margin-left:3px;}
.personal_box a:active{ color:#4293f8;}

.personal_nav{width:100%; background-color:#fff; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; margin-bottom:6px; height:66px; }
.personal_nav ul{ width:100%; overflow:hidden;}
.personal_nav ul li{ width:33.3%; float:left;}
.personal_nav ul li a{ display:block; width:100%; color:#666; position:relative;}
.personal_nav ul li a:active{ color:#4293f8;}
.personal_nav ul li a img { display:block; width:20px; height:20px; margin:13px auto 0 auto;}
.personal_nav ul li a span{ display:block; text-align:center; margin-top:5px;}
.personal_nav ul li a em{ display:block; font-style:normal; font-family:Arial; width:18px; height:18px; background-color:#cc0000; text-align:center; line-height:18px; position:absolute; top:-3px; right:50%; margin-right:-26px; border-radius:18px; color:#fff;}

.member_integral_box{ width:100%; background-color:#fff; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; margin-bottom:6px;}
.member_integral_box h3{ font-size:14px; color:#333; font-weight:normal; line-height:40px; border-bottom:1px solid #e3e3e3; padding-left:15px;}
.member_integral_box ul{ width:100%; overflow:hidden;}
.member_integral_box ul li{ width:33.3%; float:left;}
.member_integral_box ul li a{ width:100%; display:block;}
.member_integral_box ul li a span{ display:block; font-size:20px; font-weight:bold; color:#333; text-align:center; height:40px; line-height:40px; margin-top:10px;}
.member_integral_box ul li a em{ display:block; font-style:normal; margin-bottom:15px; text-align:center;}
.member_integral_box ul li a img{ width:27px; height:37px; margin:10px auto 7px auto; display:block;}

.member_active_box{ width:100%; background-color:#fff; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; margin-bottom:6px;}
.member_active_box h3{ font-size:14px; color:#333; font-weight:normal; line-height:40px; border-bottom:1px solid #e3e3e3; padding-left:15px;}
.member_active_box ul{ width:100%; overflow:hidden;}
.member_active_box ul li{ width:25%; float:left;}
.member_active_box ul li a{ width:100%; display:block;}
.member_active_box ul li a em{ display:block; font-style:normal; margin-bottom:15px; text-align:center;}
.member_active_box ul li a img{ width:27px; height:26px; margin:10px auto 7px auto; display:block;}


/* 閻╃鍙ч幒銊ㄥ礃*/
.related_box{ width:100%; background-color:#fff; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding-top:15px;}
.related_box ul{ width:94%; margin:0 auto; overflow:hidden;}
.related_box ul li{ width:48%; float:left ;}
.related_box ul .la{ width:48%; float:right ;}
.related_box ul li img{ display:block; width:100%; margin:0 auto;}
.related_box ul li h3{ width:100%; color:#666; margin:0 auto; font-size:14px; margin-top:10px; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; font-weight:normal;}
.related_box ul li h3 a{ color:#666;}
.related_box ul li h3 span{ display:block; border-radius:2px; float:left; width:16px; line-height:16px; background-color:#ff0400; text-align:center; color:#fff; font-family:"鐎瑰缍�; font-size:12px; }
.related_box ul li p{ width:100%;   margin:10px auto 15px auto;  color:#ff8900; }
.related_box ul li p span{ font-size:16px; font-weight:bold;  } 
.related_box ul li p em{ color:#999; font-style:normal;}
.related_box h3 a:active{ color:#00fff6;}
.related_title{ display:block; margin-left:3%; font-size:14px; margin-bottom:10px;}

/*鐠囷附鍎忔い锟�閸╃儤婀版穱鈩冧紖*/
.order_classes{ width:100%; background-color:#fff; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; margin-bottom:10px;}
.order_classes ul{ width:94%; margin:0 auto;}
.order_classes ul li{ width:100%; border-bottom:1px solid #e3e3e3; overflow:hidden; padding:15px 0;}
.order_classes ul .la{ border:none;}
.order_classes ul li img{ display:block; float:left; margin-right:5px;}
.order_classes ul li span{ display:block; float:left; font-size:14px; color:#666; line-height:18px; overflow:hidden;}
.order_classes ul li a button{ width:50px; margin-left:8px; background:none; border:none; border:1px solid #4293f8; color:#4293f8; border-radius:3px;}
.order_classes ul li p{  width:50px; margin-left:8px; background:none; border:none; border:1px solid #cc0000; color:#cc0000; border-radius:3px; float:left; text-align:center; }
.button_content{ display:block; width:100%; line-height:50px; background-color:#ff8400; color:#fff; font-weight:bold; font-size:14px; text-align:center; position:fixed; bottom:0; left:0px;}
.button_content:hover{ color:#cc0000;}
.button_payment{ display:block; width:100%; line-height:50px; background-color:#4293f8; color:#fff; font-weight:bold; font-size:14px; text-align:center; position:fixed; bottom:0; left:0px;}
.button_payment:hover{ color:#cc0000;}


.button_evaluation{display:block; width:100%; line-height:50px;  position:fixed; bottom:0; left:0px; overflow:hidden;}
.button_evaluation span{display:block; width:40%; text-align:center; line-height:50px; background-color:#f1f1f1; color:#666; float:left;}
.button_evaluation span em{ font-style:normal; color:#cc0000;}
.button_evaluation p{ display:block; float:right; width:60%;  text-align:center; line-height:50px; background-color:#4293f8; font-weight:bold; font-size:14px; color:#fff;}







.information_box{ width:100%; background-color:#fff; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; margin-bottom:10px;}
.information_box ul{ width:94%; margin:0 auto;}
.information_box ul li{ width:100%; border-bottom:1px solid #e3e3e3; line-height:50px; overflow:hidden;}
.information_box ul .la{ border-bottom:none;}
.information_box ul li  span{ display:block; float:left; font-size:14px; width:60px;  }
.information_box ul li input{ border:none; background-color:#fff; text-align:right; float:right; line-height:50px; color:#999; width:60%;}
.address_text{ border:none; width:100%; height:60px; color:#666; line-height:16px; margin-top:10px;}
.information_box ul li .sex{ float:left; width:13px; height:13px; margin-top:18px; margin-right:5px;}
.information_box ul li em{ float:left; margin-right:25px; font-style:normal;}




.order_list_box{ width:100%; }
.order_list_box ul{ width:100%;}
.order_list_box ul li{ width:100%; background-color:#fff; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; margin-bottom:10px;}
.order_list_box ul li p{ width:94%; margin:0 auto; overflow:hidden; padding:10px 0;}
.order_list_box ul li p span{ color:#666; display:block; float:left;}
.order_list_box ul li p em{ color:#cc0000; display:block; float:right; font-style:normal;}
.order_list_box ul li h3{ color:#333; overflow:hidden; width:94%; margin:0 auto; padding:15px 0;}
.order_list_box ul li h3 img{ display:block; width:38px; height:28px; float:left; margin-right:10px;}
.order_list_box ul li .order_status{ width:94%; margin:0 auto 15px auto; overflow:hidden;}
.order_list_box ul li .order_status p{ width:100%; line-height:14px; margin-top:5px;}
.order_list_box ul li .order_status p span{ float:right; margin-right:10px;}
.order_list_box ul li .order_status p em{ color:#333; font-size:14px; font-weight:bold;}
.order_list_box ul li .order_status p em b{ color:#cc0000; font-size:16px;}
.order_list_box ul li .order_status a{ display:block; float:right; width:66px; height:20; line-height:20px; color:#fff; border-radius:1px; background-color:#ff7f00; text-align:center; margin-left:10px;}
.order_list_box ul li .order_status .status_1_p{ width:50px;}
.order_list_box ul li .order_status .status_1_f{ background-color:#cc0000;}
.order_list_box ul li .order_status .status_2_f{ background-color:#999;}
.order_list_box ul li .order_status .status_2_p{ width:50px; background-color:#999;}
.order_list_box ul li .order_status .status_2_d{ background-color:#999;}
.order_list_box p{ width:94%; margin:50px auto 0 auto; text-align:center;  }
.order_list_box ul li p .state_1{ color:#cc0000;}
.order_list_box ul li p .state_2{ color:#00cc0a;}
.order_content{ width:94%; margin:0 auto; overflow:hidden; padding-bottom:15px;  border-bottom:1px solid #e3e3e3;}
.order_content span{ float:left; margin-right:20px; display:block;}
.order_content span em{ font-style:normal; color:#4293f8; font-weight:bold;}


/*鐠併垹宕熼弨顖欑帛妞わ拷 鐠併垹宕熸穱鈩冧紖*/
.order_box{width:100%; background-color:#fff; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; margin-bottom:10px; padding:15px 0;}
.order_title{ width:94%; margin:0 auto; overflow:hidden;}
.order_title img{  width:38px; height:28px; float:left; margin-right:5px; border:1px solid #e3e3e3;}
.order_title h3{ color:#333;}
.order_box p{ width:94%; margin:0 auto; overflow:hidden; margin-top:10px;}
.order_box p span{ display:block; width:50%; float:left;}
.order_message{ width:100%; background-color:#fff; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; margin-bottom:10px; padding:15px 0;}
.order_message h3{ font-weight:normal; overflow:hidden; width:94%; margin:0 auto; margin-bottom:10px;}
.order_message span{ display:block; float:left;}
.order_message em{ display:block; font-style:normal; float:right; font-size:12px; }
.order_message ul{ width:94%; margin:0 auto;}
.order_message ul li{ width:99%; margin:0 auto; border:1px solid #e3e3e3; background-color:#f0f0f0; padding:3px; overflow:hidden; margin-bottom:15px;}
.order_message ul li p{ width:50%; float:left; line-height:30px;}

.order_message .order_money_box{ width:94%;}
.order_message .order_money_box li{ background-color:#fff; border:none;}
.order_message .order_money_box li .order_money{ width:100%; overflow:hidden; line-height:30px; }
.order_message .order_money_box li .order_money h5{ float:left; width:50%; font-weight:normal;}
.order_message .order_money_box li .order_money p{ width:33%; float:right; text-align:right;}
.order_message .order_money_box li .order_money p span{ width:20px; float:left; text-align:right;}
.order_message .order_money_box li .order_money p em{ margin-left:10px; width:60px; }
.order_message .order_money_box li .order_money_subtract{ width:100%; overflow:hidden;line-height:30px;}
.order_message .order_money_box li .order_money_subtract h5{ float:left; width:50%; font-weight:normal;}
.order_message .order_money_box li .order_money_subtract h5 span{ margin-top:7px; width:16px; height:16px; line-height:16px; background-color:#ff8900; color:#fff; text-align:center; font-size:12px; border-radius:2px; margin-right:5px;}
.order_message .order_money_box li .order_money_subtract p{ width:33%; float:right; text-align:right; color:#ff8900;}
.order_message .order_money_box li .order_money_subtract p em{ margin-left:10px; width:60px; }

.order_message .order_money_box li .order_money_total{width:100%; overflow:hidden; line-height:30px; font-size:14px;}
.order_message .order_money_box li .order_money_total h4{ float:left; width:50%;  color:#333;}
.order_message .order_money_box li .order_money_total p{ width:33%; float:right; text-align:right; color:#cc0000; font-size:18px;}
.order_message .order_money_box li .order_money_total p em{ float:none; display:inline; font-size:12px;}

.order_text_box{ width:100%; }
.order_text_box ul{ width:100%;background-color:#fff;  border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; margin-bottom:10px;}
.order_text_box ul li{ width:94%; margin:0 auto; line-height:40px; border-bottom:1px solid #e3e3e3; overflow:hidden;}
.order_text_box ul .la{ border:none;}
.order_text_box ul li span{ display:block; float:left; }
.order_text_box ul li em{ display:block; float:right; font-style:normal;}

.pay_detail{width:100%;background-color:#fff;  border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; margin-bottom:10px;}
.pay_detail h3{ width:94%; margin:0 auto;  font-size:14px;  color:#2fb21a; line-height:30px;}
.pay_detail em{ font-style:normal; width:94%; margin:0 auto; display:block; color:#999;}
.pay_detail .detail_day{ width:94%; margin:0 auto; overflow:hidden; line-height:30px;}
.pay_detail .detail_day p{ width:50%; float:left; color:#999;}
.pay_detail .detail_day p span{ color:#4293f8; font-weight:bold;}

.order_money_detail{  width:100%;background-color:#fff;  border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; margin-bottom:10px; padding-bottom:10px;}
.order_money_detail ul{ width:94%; margin:0 auto;}
.order_money_detail ul li{ background-color:#fff; border:none;}
.order_money_detail ul li .order_money{ width:100%; overflow:hidden; line-height:30px; }
.order_money_detail ul li .order_money h5{ float:left; width:50%; font-weight:normal;}
.order_money_detail ul li .order_money p{ width:33%; float:right; text-align:right;}
.order_money_detail ul li .order_money p span{ width:20px; float:left; text-align:right;}
.order_money_detail ul li .order_money p em{ margin-left:10px; width:60px; font-style:normal; }
.order_money_detail ul li .order_money_subtract{ width:100%; overflow:hidden;line-height:30px;}
.order_money_detail ul li .order_money_subtract h5{ float:left; width:50%; font-weight:normal; overflow:hidden;}
.order_money_detail ul li .order_money_subtract h5 span{ display:block; float:left; margin-top:7px; width:16px; height:16px; line-height:16px; background-color:#ff8900; color:#fff; text-align:center; font-size:12px; border-radius:2px; margin-right:5px;}
.order_money_detail ul li .order_money_subtract p{ width:33%; float:right; text-align:right; color:#ff8900;}
.order_money_detail ul li .order_money_subtract p em{ margin-left:10px; width:60px;font-style:normal;}
.order_money_detail ul li .order_money_total{width:100%; overflow:hidden; line-height:30px; font-size:14px;}
.order_money_detail ul li .order_money_total h4{ float:left; width:50%;  color:#333;}
.order_money_detail ul li .order_money_total p{ width:33%; float:right; text-align:right; color:#cc0000; font-size:18px;}
.order_money_detail ul li .order_money_total p em{ float:none; display:inline; font-size:12px;font-style:normal;}


.order_cp_box{ width:94%; margin:0 auto;}
.order_cp_box h3{ font-weight:normal; font-size:12px; line-height:30px; margin:10px 0;}
.order_cp{ display:block; padding:10px; overflow:hidden; width:94%; margin:0 auto 10px auto; background-color:#f0f0f0; border:1px solid #e3e3e3;}
.order_cp img{ display:block; width:74px; height:52px; margin-right:10px; float:left;}
.order_cp p{ width:70%; float:left; margin-top:10px;}



.pay_hours{ width:100%; padding:15px 0; }
.pay_hours h3{ font-weight:normal; text-align:center; color:#333; margin-bottom:5px;}
.pay_hours p{ text-align:center; color:#999;}
.pay_hours p span{ color:#cc0000;}





.flow_content_box{ width:100%;}
.flow_content_box ul{ width:100%; margin-top:20px;}
.flow_content_box ul li{ width:94%; margin:0 auto; background:url(order_9.png) repeat-y 6px 0; overflow:hidden;}
.flow_content_box ul .la{ width:94%; margin:0 auto; background:none;}
.flow_content_box ul li img{ display:block;float:left; width:14px; height:14px; margin-right:10px;}
.flow_content_box ul li .flow_content,.flow_content_box ul li .flow_content_1{ float:left; width:90%; overflow:hidden;}
.flow_content_box ul li .flow_content_1 h3{ color:#999; font-weight:normal; float:left; width:70%; line-height:14px;}
.flow_content_box ul li .flow_content h3{ color:#333; font-weight:normal; float:left; width:70%; line-height:14px;}
.flow_content_box ul li .flow_content h3 a,.flow_content_box ul li .flow_content_1 h3 a{  color:#4293f8; font-weight:bold;}
.flow_content_box ul li .flow_content span,.flow_content_box ul li .flow_content_1 span{ display:block; float:left; width:30%; text-align:right; line-height:14px;}
.flow_content_box ul li .flow_content p,.flow_content_box ul li .flow_content_1 p{ width:100%; float:left; margin:15px 0 30px 0; color:#999; line-height:18px;}
.flow_content_box ul li .flow_content p em,.flow_content_box ul li .flow_content_1 p em{ font-style:normal; color:#cc0000; font-weight:bold;}





.evaluation_box{ width:100%; background-color:#fff;  padding:15px 0;}
.evaluation_box h3{ width:94%; margin:0 auto; overflow:hidden; color:#333;}
.evaluation_box h3 img{ display:block; width:38px; height:28px; float:left; margin-right:10px;}
.evaluation_box p{ width:94%; margin:0 auto; color:#999; font-size:14px; line-height:30px; overflow:hidden;}
.evaluation_box p img{ width:35%; display:block; float:left; margin-top:15px;}
.evaluation_box p span{ width:30%; display:block; float:left; text-align:center;}

.evaluation_text_box{ width:100%; background-color:#fff; margin-bottom:10px; padding:15px 0;}
.evaluation_text{ width:94%; margin:0 auto; overflow:hidden;}
.evaluation_text span{ display:block; float:left; width:13%; font-size:14px; letter-spacing:5px; margin-top:15px; color:#333;}
.evaluation_text textarea{ background-color:#f5f5f5; width:87%; float:left; line-height:18px; padding:5px 0 0 5px; height:100px;}


.order_evaluationlist_box{ width:100%;}
.order_evaluationlist_box ul{ width:100%;}
.order_evaluationlist_box ul li{ width:100%; background-color:#fff; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; margin-bottom:10px; padding-bottom:10px;}
.order_evaluationlist_box ul li p{ width:94%; margin:0 auto; overflow:hidden; padding:10px 0;}
.order_evaluationlist_box ul li p span{ color:#666; display:block; float:left;}
.order_evaluationlist_box ul li p em{ color:#cc0000; display:block; float:right; font-style:normal;}
.order_evaluationlist_box ul li p .state_2{ color:#00cc0a;}

.order_name_box{ width:94%; overflow:hidden; margin-top:10px;}
.order_name_box img{ width:45px; height:45px; margin-left:10px; display:block; float:left;}
.order_name{ float:left; margin-left:5px;}
.order_evaluationlist_box ul li .order_name p{ padding:0; color:#333;}
.customer_evaluation_text{ width:82%; padding-left:55px; margin-bottom:15px;}
.customer_evaluation_text div{ width:100%; overflow:hidden;}
.customer_evaluation_text div img{ width:29%; margin:0 2%; float:left; }

.order_evaluationlist_box .order_cp_box{ padding-left:45px; width:80%; margin:0 auto;}
.order_evaluationlist_box .order_cp{ display:block;overflow:hidden; width:94%; margin:0 auto 10px auto; padding:10px; background-color:#f0f0f0; border:1px solid #e3e3e3;}
.order_evaluationlist_box .order_cp img{ display:block; width:40px; height:28px; margin:5px 5px 0 0; float:left;}
.order_evaluationlist_box .order_cp p{ width:80%; float:left;}



/*閺勭喐妲︾拠鍕幆*/
#star{ width:170px; margin:5px auto 0 auto; height:24px; }
#star ul{float:left;display:inline;height:19px;line-height:19px;margin:0 10px;}
#star li{float:left;width:30px;cursor:pointer;text-indent:-9999px;background:url(star.png) no-repeat;}
#star li.on{background-position:0 -28px;}

#starover{ width:190px; margin:5px auto 0 auto; height:24px; }
#starover ul{float:left;display:inline;height:19px;line-height:19px;margin:0 5px; }
#starover li{float:left;width:25px;cursor:pointer;text-indent:-9999px;background:url(star.png) no-repeat; border:none;}
#starover li.on{background-position:0 -28px;}
#starover ul p{ width:30px; float:left;}




.address_add_box ul select{ border:none; background-color:#fff; font-size:12px; color:#999; line-height:36px; height:36px; width:50px; text-align:right; float:right; line-height:50px;} 
.address_add_box .la{ border:none;}
.information_email{ overflow:hidden; width:94%; margin:0 auto;}
.information_email p{ width:100%; color:#999; }
.information_email input{ width:100px; height:30px; line-height:30px; color:#fff; background-color:#ff7f00; border:none; border-radius:3px; margin-top:15px; float:right;}


.password_box{ width:100%; margin:0 auto; background-color:#fff; border:1px solid #efefef; padding-bottom:15px;}
.password_box ul{ width:94%; margin:0 auto;}
.password_box ul li{ width:100%; line-height:40px;}
.password_box ul li span{ padding-left:10px; display:block; width:100%; }
.password_box ul li input{ display:block; padding-left:10px; background-color:#efefef; color:#666; line-height:40px; border:none; width:100%;}

.order_title{ width:94%; margin:0 auto; text-align:center; color:#333; padding:15px 0;}
.order_title p{ text-align:center; font-weight:bold; padding-top:15px;}
.order_title p span{ font-size:30px;}
.order_money_box{ width:100%; background-color:#fff; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; margin-bottom:10px; padding:10px 0;}
.order_money_box ul{ width:94%; margin:0 auto;}
.order_money_box ul li{ line-height:26px; overflow:hidden;}
.order_money_box ul li span{ float:left; width:40%; display:block;}
.order_money_box ul li em{ float:right; text-align:right; font-style:normal; width:60%; display:block;}

.button_pay{ display:block; width:94%; line-height:46px; color:#fff; text-align:center; font-size:14px; font-weight:bold; background-color:#2bac38; border-radius:3px; margin:50px auto 0 auto;}

.member_points_box{ width:100%; background:url(jifen_bg.jpg) center no-repeat;  padding-bottom:20px; position:relative; border-bottom:1px solid #e3e3e3; margin-bottom:10px;}
.member_points_box p{ text-align:center; font-size:14px; color:#666; padding:15px 0;}
.member_points_box p span{ font-size:28px; font-weight:bold; color:#cc0000;}
.member_points_box a{ display:block; width:150px; line-height:30px; text-align:center; background-color:#cc0000; color:#fff; margin:0 auto; border-radius:3px;}
.member_points_box .rule{ display:block; width:50px; background:none; color:#333; position:absolute; top:0px; right:2%;}
.member_points_box .rule:active{ color:#06F;}


.points_things_box{width:100%; background-color:#fff; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; margin-bottom:10px;}
.points_nav{ width:100%; overflow:hidden;}
.points_nav a{ display:block; width:50%; float:left; line-height:40px; text-align:center; color:#666; font-size:14px;}
.points_nav .currentA{ color:#4293f8; font-weight:bold; border-bottom:2px solid #4293f8;}

.points_things_box .points_shopping{ width:94%; margin:20px auto; overflow:hidden; }
.points_things_box .points_shopping li{ width:42%; float:left; border:1px solid #e3e3e3; padding:10px; margin-bottom:5px;}
.points_things_box .points_shopping .la{ float:right;}
.points_things_box .points_shopping li img{ width:100%;}
.points_things_box .points_shopping li span{ display:block; width:100%; text-align:center; color:#cc0000; font-size:14px; font-weight:bold;}
.points_things_box .points_shopping li span em{ color:#666; font-size:12px; font-weight:normal; font-style:normal;}
.points_things_box .points_shopping li p a{ display:block; color:#666; margin-bottom:5px;}



/*閸忔垶宕茬拋鏉跨秿*/
.points_exchange_box{ width:94%; margin:20px auto; overflow:hidden; }
.points_exchange_box li{ width:100%; border-bottom:1px solid #e3e3e3; overflow:hidden; padding:10px 0;}
.points_exchange_box .la{border-bottom:none;}
.points_exchange_box li a img{ width:30%; float:left; border:1px solid #e3e3e3; padding:10px 0;}
.points_exchange_box li .points_exchange{ float:left; margin-left:5px; width:66%;}
.points_exchange_box li .points_exchange h3{ color:#333; margin-bottom:5px;}
.points_exchange_box li .points_exchange p{ color:#666; line-height:20px;}
.points_exchange_box li .points_exchange p span{ color:#4293f8;}
.points_exchange_box li .points_exchange p em{ color:#cc0000; font-style:normal;}



/*閸熷棗鎼х拠锔藉剰*/
.points_details_box{ width:94%; padding:10px 3%; background-color:#fff;border-bottom:1px solid #e3e3e3;overflow:hidden; margin-bottom:10px;}
.points_details_box a img{ width:30%; float:left; border:1px solid #e3e3e3; padding:10px 0;}
.points_details_box .points_exchange{ float:left; margin-left:5px; width:66%; overflow:hidden;}
.points_details_box .points_exchange h3{ color:#333; margin-bottom:5px;}
.points_details_box .points_exchange p{ color:#666; line-height:24px;}
.points_details_box .points_exchange p span{ color:#4293f8;}
.points_details_box .points_exchange p em{ color:#cc0000; font-style:normal;}
.points_details_box .points_exchange  .button_exchange{ width:70px; border-radius:3px; display:block; float:right; background-color:#cc0000; color:#fff; text-align:center; line-height:20px;}

.exchange_details_box{ width:100%; padding:10px 0;  background-color:#fff;border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; overflow:hidden; margin-bottom:10px;}
.exchange_details_box img{ width:100%; display:block;}




/*閸掑棔闊╅張澶屻仠*/
.customer_share_box{ width:100%; background-color:#fff;}
.customer_share_box img{ display:block; width:171px; height:199px; margin:0 auto; padding:15px 0;}
.customer_share_box p{ width:94%; margin:0 auto; text-align:center; font-size:14px; color:#333; overflow:hidden; line-height:28px;}
.customer_share_box p span{  width:0px; text-align:center;  height:18px; background-color:#cc0000; color:#fff; }






@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
    }
}

.address_add_box{ width:100%; background-color:#fff; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; margin-bottom:10px;}
.address_add_box ul{ width:94%; margin:0 auto;}
.address_add_box ul li{ width:100%; border-bottom:1px solid #e3e3e3; line-height:50px; overflow:hidden;}
.address_add_box ul li  span{ display:block; float:left; font-size:14px; width:60px;  }
.address_add_box ul li input{ border:none; background-color:#fff; text-align:right; float:right; line-height:50px; color:#999; width:60%;}
.address_text{ border:none; width:100%; height:60px; color:#666; line-height:16px; margin-top:10px;}
.gearArea {font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 10px;display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9900;overflow: hidden;-webkit-animation-fill-mode: both; animation-fill-mode: both;}
.area_ctrl { vertical-align: middle; color: #000; margin: 0; height: auto; width: 100%;position: absolute; left: 0; bottom: 60px; z-index: 9901;  overflow: hidden; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slideInUp {-webkit-animation: slideInUp .3s; animation: slideInUp .3s;}
.area_roll { display: -webkit-box; display: -webkit-flex;  display: -ms-flexbox; display: flex; width: 100%; height: auto;overflow: hidden; background-color: transparent; -webkit-mask:-webkit-gradient(linear, 0% 50%, 0% 100%, from(#debb47), to(rgba(36, 142, 36, 0)));-webkit-mask: -webkit-linear-gradient(top, #debb47 50%, rgba(36, 142, 36, 0));}
.area_roll>div { font-size:12px; height: 10em; float: left;background-color: transparent; position: relative;overflow: hidden; -webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.area_roll>div .gear { width: 100%;float: left; position: absolute;z-index: 9902;margin-top: 4em;}
.area_roll_mask {-webkit-mask: -webkit-gradient(linear, 0% 40%, 0% 0%, from(#debb47), to(rgba(36, 142, 36, 0)));-webkit-mask: -webkit-linear-gradient(bottom, #debb47 50%, rgba(36, 142, 36, 0));
    padding: 0;}
.area_grid {position: relative;top: 4em; width: 100%;height: 2em;margin: 0;box-sizing: border-box;z-index: 0;    border-top: 1px solid #abaeb5;}
.area_roll>div:nth-child(3) .area_grid>div {    left: 42%}
.area_btn {    color: #4293f8;    font-size:12px;    line-height:20px;    text-align: center;    padding: .8em 1em;}
.area_btn_box:before,.area_btn_box:after {content: '';position: absolute; height: 1px;  width: 100%;  display: block;  background-color: #96979b;  z-index: 15; -webkit-transform: scaleY(0.33); transform: scaleY(0.33);}
.area_btn_box {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack:justify;    -webkit-justify-content:space-between;        -ms-flex-pack:justify; justify-content:space-between;-webkit-box-align: stretch; -webkit-align-items: stretch;-ms-flex-align: stretch; align-items: stretch; background-color: #f1f2f4; position: relative;}
.area_btn_box:before { left: 0; top: 0; -webkit-transform-origin: 50% 20%;transform-origin: 50% 20%;}
.area_btn_box:after { left: 0; bottom: 0; -webkit-transform-origin: 50% 70%;transform-origin: 50% 70%;}
.tooth { height: 2em;line-height: 2em; text-align: center; display: -webkit-box; display: -webkit-flex;display: -ms-flexbox; display: flex; line-clamp: 1;-webkit-box-orient:vertical;  -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;  overflow: hidden;}



/*鐠併垹宕熸繅顐㈠晸妞わ拷 閸欐垹銈�/
.invoice_box{ width:100%; background-color:#fff; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; margin-bottom:10px; padding:15px 0; overflow:hidden;}
.invoice_box h3{ font-weight:normal; color:#333; margin-left:3%;  margin-bottom:15px;}
.invoice_box .invoice{ overflow:hidden; width:94%; margin:0 auto;}
.invoice input{ display:block; float:left; width:14px; height:14px; margin-right:5px;}
.invoice span{ display:block; float:left; margin-right:20px;}

/*鐠併垹宕熸繅顐㈠晸妞わ拷/
.visa_number{  width:94%; margin:20px auto 15px auto; overflow:hidden;}
.visa_number h3{ font-weight:normal; color:#333; height:28px; float:left; line-height:24px; margin-right:15px;}
.visa_number input{ padding:0; margin:0; height:20px; text-align:center; background:none; font-size:11px;}
.visa_number .package_1_left{ width:22px; height:22px; border:solid 1px #dcdcdc;  color:#999; background-color:#fff; }
.visa_number .package_1_text{ width:35px; height:22px; border:solid 1px #dcdcdc; border-left:none;border-right:none;background-color:#fff;  font-weight:bolder; color:#33333; font-weight:bolder; cursor:pointer;}
.visa_number .package_1_right{ width:22px; height:22px; border:solid 1px #dcdcdc; color:#2ea0e7; font-weight:bolder;background-color:#fff; cursor:pointer;}
.visa_number p{ width:100px; float:left; line-height:24px; font-size:14px; color:#333;}
.visa_number p span{ color:#cc0000; font-weight:bold;}
.visa_number div{ float:right; padding-right:10px;}

.invoice_information{ width:94%; margin:15px auto;}
.invoice_information p { width:100%; overflow:hidden; margin-bottom:15px;}
.invoice_information p span{ display:block; float:left;  width:70px; text-align:right; font-size:14px; line-height:30px;}
.invoice_information p select,.invoice_information p input{ display:block; float:left; margin-left:10px; height:30px; line-height:30px; width:70%;}
.invoice_information p em{ display:block; float:left; margin-left:10px; height:30px; line-height:30px; width:67%; background-color:#e6e6e6; color:#666; font-style:normal; padding-left:10px;}




.invoice_information .address_box{ width:100%; margin:10px auto; border:2px solid #ff8400; background-color:#fff;}
.invoice_information .address_box_1{ width:100%; margin:10px auto; border:1px solid #e3e3e3; background-color:#fff; }
.invoice_information .add_content{ width:94%; margin:0 auto; border-bottom:1px solid #e3e3e3; padding:10px 0; margin-bottom:10px; overflow:hidden;}
.invoice_information .add_content span{ display:block; width:50%; float:left; margin-bottom:5px; }
.invoice_information .add_content em{ font-style:normal; float:right; width:50%; text-align:right; margin-bottom:5px; }
.invoice_information .add_content p{ width:100%; margin:0px; }
.invoice_information .add_g{ width:94%; margin:0 auto; overflow:hidden;}
.invoice_information .add_m { overflow:hidden; margin-bottom:10px; float:left;}
.invoice_information .add_m input{ width:15px; height:15px; border-radius:15px; display:block; float:left; border:none; background-color:#ff8400; color:#fff; margin-right:3px;}
.invoice_information .add_manage{ float:right;}
.invoice_information .add_manage a{ overflow:hidden; color:#666;}
.invoice_information .add_manage a:active{ color:#4293f8;}
.invoice_information .add_manage a img{ display:block; float:left;}
.invoice_information .add_manage a span{ display:block; float:left; margin-right:5px;}

.more_add{ display:block; width:94%; text-align:right; margin:0 auto; color:#cc0000; }




/*瀵懓鍤仦锟�
#mask_shadow {display: none;  opacity: 0;  position: fixed;  z-index: 1; left: 0;  top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); }
.hide_box {display: none; opacity: 0;  position: fixed; top:50px;  z-index: 2;  margin:0 auto; width: 300px; height: 280px; background-color:#f5f5f5;  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); overflow:hidden; border-radius:8px;}
.hide_box .title { position: relative; width: 100%;height: 40px; line-height:40px; background-color: #4293f8; }
.hide_box .title p { padding-left: 14px; line-height: 40px; color: #fff; }
.hide_box .title span { position: absolute; top: 10px; right: 20px; width: 20px; height: 20px; line-height:20px; color: #000;  opacity: .2;  font-size: 20px; cursor: pointer;  text-align: center; border: 1px solid #333;}
.hide_box .title span:hover { opacity: .8;}
.hide_box .cont { width: 100%;  background-color: #f5f5f5; padding-top:20px;}

.cont p { width:94%; overflow:hidden; margin:0 auto 15px auto;}
.cont p span{ display:block; float:left;  width:70px; text-align:right;  line-height:30px;}
.cont p input{ display:block; float:left; margin-left:10px; height:30px; line-height:30px; width:70%; padding-left:5px;}
.add_button{ display:block; width:100px; margin:30px auto 0 auto;  line-height:30px; border:none; border-radius:3px; background-color:#ff8400; color:#fff;}





/*鐠併垹宕熸い鍏哥幆閺嶏拷/
.money{ width:100%; height:40px; line-height:40px; position:fixed; bottom:50px; left:0px; background-color:#f5f5f5; color:#333; overflow:hidden; border-top:1px solid #e3e3e3; }
.money p{ float:right; margin-right:10px;}
.money p span{ color:#cc0000; font-weight:bold; font-size:14px;}
@media only screen and (min-width:640px) {
	.money{ width:640px; position:fixed; bottom:50px; left:50%; margin-left:-320px; }
}
@media only screen and (max-width:640px) {
	.money{ width:100%; }	
}

.package_box ul li .package{ width:96%; overflow:hidden;padding:0 10px;}
.package_box ul li .package p{ margin-bottom:10px; font-size:14px; width:130px; float:left; }
.package_box ul li .package_must{ width:96%; overflow:hidden; background-color:#f5f5f5; line-height:30px; padding:10px 10px 0 10px;}
.package_box ul li .package_must p{ margin:0 auto 10px auto; font-size:14px; width:130px; float:left; }
.package_box ul li .package_must .package_1{ float:right;}
.package_box ul li .package_must span em{ color:#cc0000; font-style:normal;}
.package_must input{ padding:0; margin:0; height:20px; text-align:center; background:none; font-size:11px;}
.package_must .package_1_left{ width:22px; height:22px; border:solid 1px #d7d7d7;  color:#999; background-color:#e4e4e4; }
.package_must .package_1_text{ width:35px; height:22px; border:solid 1px #d7d7d7; border-left:none;border-right:none;background-color:#e4e4e4;  font-weight:bolder; color:#666; font-weight:bolder; cursor:pointer;}
.package_must .package_1_right{ width:22px; height:22px; border:solid 1px #d7d7d7; color:#999; font-weight:bolder;background-color:#e4e4e4; cursor:pointer;}


.customer_points_data_box{ width:100%; background-color:#fff; margin-bottom:10px; border-bottom:1px solid #e3e3e3;}
.customer_points_data_box h3{ width:100%; text-align:center; line-height:40px;}
.customer_points_data_box table{ width:94%; margin:0 auto 20px auto; color:#666; font-size:12px; border-collapse: collapse ;}
.customer_points_data_box table th{ width:33.3%; height:30px; line-height:30px; text-align:center; font-weight:normal; border:1px solid #e3e3e3; }
.customer_points_data_box table td{ text-align:center; border:1px solid #e3e3e3; }
.customer_points_data_box table td img{ width:90%; display:block; margin:10px auto;}

.invoice_box{ width:100%; background-color:#fff; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; margin-bottom:10px; padding:15px 0; overflow:hidden;}
.invoice_box h3{ font-weight:normal; color:#333; margin-left:3%;  margin-bottom:15px;}
.invoice_box .invoice{ overflow:hidden; width:94%; margin:0 auto;}
.invoice input{ display:block; float:left; width:14px; height:14px; margin-right:5px;}
.invoice span{ display:block; float:left; margin-right:20px;}

.visa_number{  width:94%; margin:20px auto 15px auto; overflow:hidden;}
.visa_number h3{ font-weight:normal; color:#333; height:28px; float:left; line-height:24px; margin-right:15px;}
.visa_number input{ padding:0; margin:0; height:20px; text-align:center; background:none; font-size:11px;}
.visa_number .package_1_left{ width:22px; height:22px; border:solid 1px #dcdcdc;  color:#999; background-color:#fff; }
.visa_number .package_1_text{ width:35px; height:22px; border:solid 1px #dcdcdc; border-left:none;border-right:none;background-color:#fff;  font-weight:bolder; color:#33333; font-weight:bolder; cursor:pointer;}
.visa_number .package_1_right{ width:22px; height:22px; border:solid 1px #dcdcdc; color:#2ea0e7; font-weight:bolder;background-color:#fff; cursor:pointer;}
.visa_number p{ width:100px; float:left; line-height:24px; font-size:14px; color:#333;}
.visa_number p span{ color:#cc0000; font-weight:bold;}
.visa_number div{ float:right; padding-right:10px;}

.invoice_information{ width:94%; margin:15px auto;}
.invoice_information p { width:100%; overflow:hidden; margin-bottom:15px;}
.invoice_information p span{ display:block; float:left;  width:70px; text-align:right; font-size:14px; line-height:30px;}
.invoice_information p select,.invoice_information p input{ display:block; float:left; margin-left:10px; height:30px; line-height:30px; width:70%;}
.invoice_information p em{ display:block; float:left; margin-left:10px; height:30px; line-height:30px; width:67%; background-color:#e6e6e6; color:#666; font-style:normal; padding-left:10px;}




.invoice_information .address_box{ width:100%; margin:10px auto; border:2px solid #ff8400; background-color:#fff;}
.invoice_information .address_box_1{ width:100%; margin:10px auto; border:1px solid #e3e3e3; background-color:#fff; }
.invoice_information .add_content{ width:94%; margin:0 auto; border-bottom:1px solid #e3e3e3; padding:10px 0; margin-bottom:10px; overflow:hidden;}
.invoice_information .add_content span{ display:block; width:50%; float:left; margin-bottom:5px; }
.invoice_information .add_content em{ font-style:normal; float:right; width:50%; text-align:right; margin-bottom:5px; }
.invoice_information .add_content p{ width:100%; margin:0px; }
.invoice_information .add_g{ width:94%; margin:0 auto; overflow:hidden;}
.invoice_information .add_m { overflow:hidden; margin-bottom:10px; float:left;}
.invoice_information .add_m input{ width:15px; height:15px; border-radius:15px; display:block; float:left; border:none; background-color:#ff8400; color:#fff; margin-right:3px;}
.invoice_information .add_manage{ float:right;}
.invoice_information .add_manage a{ overflow:hidden; color:#666;}
.invoice_information .add_manage a:active{ color:#4293f8;}
.invoice_information .add_manage a img{ display:block; float:left;}
.invoice_information .add_manage a span{ display:block; float:left; margin-right:5px;}

.more_add{ display:block; width:94%; text-align:right; margin:0 auto; color:#cc0000; }




#mask_shadow {display: none;  opacity: 0;  position: fixed;  z-index: 1; left: 0;  top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); }
.hide_box {display: none; opacity: 0;  position: fixed; top:50px;  z-index: 2;  margin:0 auto; width: 300px; height: 280px; background-color:#f5f5f5;  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); overflow:hidden; border-radius:8px;}
.hide_box .title { position: relative; width: 100%;height: 40px; line-height:40px; background-color: #4293f8; }
.hide_box .title p { padding-left: 14px; line-height: 40px; color: #fff; }
.hide_box .title span { position: absolute; top: 10px; right: 20px; width: 20px; height: 20px; line-height:20px; color: #000;  opacity: .2;  font-size: 20px; cursor: pointer;  text-align: center; border: 1px solid #333;}
.hide_box .title span:hover { opacity: .8;}
.hide_box .cont { width: 100%;  background-color: #f5f5f5; padding-top:20px;}

.cont p { width:94%; overflow:hidden; margin:0 auto 15px auto;}
.cont p span{ display:block; float:left;  width:70px; text-align:right;  line-height:30px;}
.cont p input{ display:block; float:left; margin-left:10px; height:30px; line-height:30px; width:70%; padding-left:5px;}
.add_button{ display:block; width:100px; margin:30px auto 0 auto;  line-height:30px; border:none; border-radius:3px; background-color:#ff8400; color:#fff;}





.money{ width:100%; height:40px; line-height:40px; position:fixed; bottom:50px; left:0px; background-color:#f5f5f5; color:#333; overflow:hidden; border-top:1px solid #e3e3e3; }
.money p{ float:right; margin-right:10px;}
.money p span{ color:#cc0000; font-weight:bold; font-size:14px;}
@media only screen and (min-width:640px) {
	.money{ width:640px; position:fixed; bottom:50px; left:50%; margin-left:-320px; }
}
@media only screen and (max-width:640px) {
	.money{ width:100%; }	
}

.package_box ul li .package{ width:96%; overflow:hidden;padding:0 10px;}
.package_box ul li .package p{ margin-bottom:10px; font-size:14px; width:130px; float:left; }
.package_box ul li .package_must{ width:96%; overflow:hidden; background-color:#f5f5f5; line-height:30px; padding:10px 10px 0 10px;}
.package_box ul li .package_must p{ margin:0 auto 10px auto; font-size:14px; width:130px; float:left; }
.package_box ul li .package_must .package_1{ float:right;}
.package_box ul li .package_must span em{ color:#cc0000; font-style:normal;}
.package_must input{ padding:0; margin:0; height:20px; text-align:center; background:none; font-size:11px;}
.package_must .package_1_left{ width:22px; height:22px; border:solid 1px #d7d7d7;  color:#999; background-color:#e4e4e4; }
.package_must .package_1_text{ width:35px; height:22px; border:solid 1px #d7d7d7; border-left:none;border-right:none;background-color:#e4e4e4;  font-weight:bolder; color:#666; font-weight:bolder; cursor:pointer;}
.package_must .package_1_right{ width:22px; height:22px; border:solid 1px #d7d7d7; color:#999; font-weight:bolder;background-color:#e4e4e4; cursor:pointer;}


.customer_points_data_box{ width:100%; background-color:#fff; margin-bottom:10px; border-bottom:1px solid #e3e3e3;}
.customer_points_data_box h3{ width:100%; text-align:center; line-height:40px;}
.customer_points_data_box table{ width:94%; margin:0 auto 20px auto; color:#666; font-size:12px; border-collapse: collapse ;}
.customer_points_data_box table th{ width:33.3%; height:30px; line-height:30px; text-align:center; font-weight:normal; border:1px solid #e3e3e3; }
.customer_points_data_box table td{ text-align:center; border:1px solid #e3e3e3; }
.customer_points_data_box table td img{ width:90%; display:block; margin:10px auto;}