@charset "utf-8";
/* CSS Document */

html,h1{ width:100%; padding:0; margin:0; display:block;}
body{   padding:0; margin:0; display:block;}
body,textarea,input,select,option{font-size:12px;color:#333;font-family:"微软雅黑", "Microsoft YaHei","Verdana","Arial","Helvetica",sans-serif;}
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,textarea,input,select,option,form{margin:0 auto;}
th,td,ul,ol,textarea,input,select,option{padding:0}
a{text-decoration:none;color:#333}
a,textarea,input{outline:none}
a:hover{text-decoration:none}
textarea{overflow:auto;resize:none}
table{border-collapse:collapse}
li{list-style:none}
a img{border:none}
body{background-color:#fff}
.fl{float:left}
.fr{float:right}
.q:after { content: '\20'; clear: both; display: block; }
.q{zoom:1}
.clear{clear:both;height:0;overflow:hidden}
.clears:before,.clears:after{content:'';display:table}
.clears:after{clear:both}
.clears{zoom:1}
.img img{display:block}
label,label input{vertical-align:middle}
.btn{cursor:pointer;border:none}
.rel{position:relative}
.abs{position:absolute}
.m1200{ width:1200px; margin:0 auto;}


.top_wrap{ height: 175px; background: #fff; }

.top_wrap_center{ height: 175px; }

.logo_wrap{ width: 926px; float: left; height: 175px; }

.logo_wrap a{ display: block; width: 100%; height: 100%; }

.logo_wraps{ width: 190px; height: 175px; float:left; }

.logo_wraps img{ width: 100%; height: 100%; display: block; }

.logo_titles{ padding-top: 62px; height:113px; width: 600px; float:left; padding-left: 136px;}
.logo_titles1{ height: 44px; line-height: 44px; font-size: 30px; color: #2b2c2c; font-weight: bold; }
.logo_titles2{ height: 28px; line-height: 28px; font-size: 16px; color: #9f9fa0; font-family: "Arial";}

.tel_wrap{ width: 198px; height: 175px; padding-left: 62px; background: url("../images/tel.png") no-repeat; float: right; }

.tel_text1{ padding-top: 63px; height: 26px; line-height: 26px; font-size: 22px; color: #000; }
.tel_text2{  height: 26px; line-height: 26px; font-size: 26px; color: #8a1d2a; font-weight: bold;}


.nav_wrap{ height: 45px; background: #479de9; }

.nav_wrap_center{ padding-left: 28px; width: 1172px; margin:0 auto; height: 45px; }
.nav_ul{ float: left; height: 45px; }

.nav_ul li{ padding-left: 69px; padding-right: 69px; height: 45px; font-size: 16px; color: #ffffff; line-height: 45px;
float: left;
 }
.nav_ul li a{  font-size: 16px; color: #ffffff; }

.nav_ul li:hover{ background: #072a73; }

.nav_ul li.li_active{ background: #072a73;}

.meme_login_wrap{ float: left; padding-right: 66px; width: 124px; height: 45px; }
.meme_login_wrap a{ display: block; width:124px; height: 45px; background: #ff6801; text-align: center;
line-height: 45px;font-size: 16px;color:#fff;
 }

.banner_wrap{ height: 488px; background: url("../images/banner.jpg") no-repeat center center; }


.sort_sep_title{ width: 254px; height:120px; margin:0 auto;  
	background: url("../images/title_sep.png") no-repeat center center; overflow: hidden; }

.sort_title_top{ padding-top:24px; height: 42px; line-height: 42px; font-size: 24px; color: #575858; text-align: center; }
.sort_title_top a{ font-size: 24px; color: #575858; }	
.sort_title_bot{  height: 14px; line-height: 14px; font-size: 12px; color: #636363; text-align: center; }
.sort_title_bot a{ font-size: 12px; color: #636363; }	

.service_div_wrap{ width:1176px; margin:0 auto; }

.service_mall_ul li{ width: 262px; height: 194px; margin-left: 16px; margin-right: 16px;
float: left; margin-bottom: 23px; display: inline;
 }

.service_mall_ul li a{ display: block; width: 100%; height: 100%; position: relative; }

.service_item_bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.service_item_bg img{width: 100%; height: 100%; display: block; }

.service_item_mask{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background: #000; opacity: 0.4;
filter: alhpa(opacity=40);
 }

.service_item_text{ top: 66px; height: 56px; line-height: 56px; width: 100%; position: absolute;z-index: 3;
font-size: 30px; color: #fff; text-align: center;
 } 
.service_item_arrow{ top: 122px; height: 31px;  width: 100%; position: absolute;z-index: 3;

 }  
.service_item_arrow img{ width: 100%; height: 100%; display: block; } 

.check_more{ width: 94px; height: 32px; display: block; margin:0 auto; }
.check_more img{ width: 94px; height: 32px; display: block;  }

.news_wrap_con{ width: 1176px; margin:0 auto; }


.news_left_tuwen{ width: 518px; float:left; }
.news_left_video{ width: 588px; float:right; }

.news_tuwen_title{ height: 50px; line-height: 50px; border-bottom: 2px solid #cecece; }

.news_tuwen_title_left{ font-size: 22px; color: #575858;float: left; height: 50px; line-height: 50px; }
.news_tuwen_title_left a{ font-size: 22px; color: #575858; }
.news_tuwen_title_left a:hover{ color: #479de9; }

.news_tuwen_title_right{ font-size: 14px; color: #575858;float: right; height: 50px; line-height: 50px; }
.news_tuwen_title_right a{ font-size: 14px; color: #575858; }
.news_tuwen_title_right a:hover{  color: #479de9; }

.news_tuwen_ul_wrap{ padding-top: 16px;  }

.news_tuwen_ul li{ height: 70px; margin-bottom: 10px; }
.news_tuwen_ul li a{ display: block; width: 100%; height: 100%; }


.news_tuwen_img{ float: left; width: 110px; height: 70px; margin-right: 24px; display: inline; }
.news_tuwen_img img{display: block; width: 100%; height: 100%; }

.news_tuwen_desc{ height: 70px;  width: 384px; float: right; }

.news_tuwen_title1{ height: 26px; line-height: 26px; font-size: 14px; color: #616161;  }
.news_tuwen_title2{ height: 44px; line-height: 22px; font-size: 12px; color: #a8a9a9;  }

.news_video_ul li{ width: 253px; height: 212px; float:left; margin-right: 21px;margin-left: 20px; display: inline; }
.news_video_ul li a{ width: 100%; height: 100%; display: block; }

.news_video_img{ width: 253px; height: 172px;  }
.news_video_img img{ width: 100%; height: 100%; display: block; border-radius: 10px; }

.news_video_title{ height: 40px; line-height: 40px; text-align: center; font-size: 14px; color:#575858; }

/*fengcai*/
.fengcai_wrap{ height: 200px;  width: 1200px; margin:0 auto; }

.fengcai_left_btn{ width: 38px; height: 200px; float: left; background: url("../images/left_btn.png") no-repeat;  }
.fengcai_right_btn{ width: 37px; height: 200px; float: left;background: url("../images/right_btn.png") no-repeat; }

.fengcai_center_con{ width: 1125px; height: 200px; float: left; }

.fengcai_list_ul li{ width: 204px; margin-left: 10px; margin-right: 11px; height: 200px; float:left;
display: inline; 
 }

.fengcai_list_ul li a{ display: block; width: 100%; height: 100%; } 
.fengcai_img{ width: 204px; height: 154px; }
.fengcai_img img{ width: 100%; height: 100%; display: block;}

.fengcai_title{ height: 46px; line-height: 46px; width: 204px; font-size: 14px; color: #7c7c7c; text-align: center; }

.branch_ul_wrap{ border-top:1px solid #cfcfcf; border-left: 1px solid #cfcfcf; height: 225px;
width: 1106px; margin:0 auto;
}

.branch_ul_wrap a{ width: 157px; height: 74px; border-right: 1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;
display: block; float: left; text-align: center; line-height: 74px; font-size: 16px; color: #9b9b9b;
  }
.branch_ul_wrap a:hover{  color: #ff6801;
  }
.branch_ul_wrap a.more_branch{ color: #479de9;
  } 

.partner_ul_wrap{ width: 1169px; height:170px; margin:0 auto; }   

.partner_ul_wrap a{ display: block; width: 143px; height: 63px; border: 1px solid #cbcac9; margin-bottom: 22px; margin-left: 11px;
margin-right: 11px; float: left;
 }

.partner_ul_wrap a img{ width: 100%; height: 100%; display: block; } 

.bottom_top_wrap1{ padding-top: 60px; height: 207px; overflow: hidden; width: 100%;}

.bottom_top_inner{ height: 207px; background: #479de9; }

.bottom_top_wrap2{ height: 56px; background: #072a73; font-size: 12px; color: #fff; text-align: center;line-height: 56px;
	width:100%; overflow: hidden;
 }

.bottom_top_con{ height: 207px;  } 

.bottom_con_left{ width:438px; padding-left: 32px; height: 177px; padding-top: 30px; float:left; }

.bottom_con_item{ float:left; padding-right: 46px;  }

.bottom_con_item_title{ height: 56px; line-height: 56px; }
.bottom_con_item_title a{ font-size: 14px; color: #fff; }

.bottom_con_ul li{ height: 25px; line-height: 25px;  }

.bottom_con_ul li a{ font-size: 12px; color: #fff;  }

.bottom_con_center{ width: 304px; height: 122px; margin-top:52px; float: left; 
	border-left: 1px solid #fff;border-right:1px solid #fff; padding-left:80px; }

.bottom_con_center_title1{ height: 28px; line-height: 28px; font-size: 28px; color:#fff; }
.bottom_con_center_title2{ height: 38px; line-height: 38px; font-size: 36px; color:#fff; }
.bottom_con_center_title3{ height: 16px; line-height: 16px; font-size: 12px; color:#062d7e; }


.bottom_con_right{ width: 294px; height: 157px; padding-left: 50px; padding-top: 52px; float: left; }

.bottom_wechat_wrap{ width: 96px; height: 134px; margin-right: 40px;  float: left;}
.bottom_wechat_img{ width: 96px; height: 96px; display: block; }
.bottom_wechat_img img{ width: 100%; height: 100%; display: block; }

.bottom_wechat_text{ width:96px; text-align: center; height:40px; display: block; line-height: 40px; font-size: 12px; color: #fffdfd; }



.grayscale{ 
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray; 
}


.inner_banner{ height: 300px; margin-top: 20px; }

.four_sep_wrap{ height: 40px; margin-bottom: 20px; margin-top: 20px; }

.four_sep_ul li{ float: left; width: 298px; height: 40px; border-right: 2px solid #fff; background: #479de9;
line-height: 40px; font-size: 14px; color: #fff; text-align: center;
 }
.four_sep_ul li a{  width: 298px; height: 40px; border-right: 2px solid #fff; 
line-height: 40px; font-size: 14px; color: #fff; text-align: center; display: block;
 } 
.four_sep_ul li.active_sep_li{ background: #072a73;
 }
.inner_content{ margin-top: 30px; margin-bottom: 30px;  } 



/*about*/

.about_title_wrap{ height: 55px; padding-top: 20px; background: #ecedef; }

.about_title{ height: 40px; border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;}

.about_title span{ width: 140px; height: 40px; float: left; border-right: 1px solid #d5d5d5; text-align: center;
line-height: 40px; color: #9c9c9c; font-size: 14px;
 }
.about_title span.active_title_span{background: #8b1d2a; color: #fff;}

.about_title a{ width: 140px; height: 40px; float: left; border-right: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5;text-align: center;
line-height: 40px; color: #9c9c9c; font-size: 14px;
 }
.about_title a.active_title_span{background: #8b1d2a; color: #fff;}

.about_name_wrap{ height: 60px; line-height: 60px; font-size: 24px; color: #565656; text-align: center; }

.about_content_wrap { font-size: 14px; line-height: 24px; color: #666; }


.fuwu_ul_wrap{ width: 1176px; padding-top: 45px; padding-bottom: 45px; margin:0 auto; }

.fuwu_ul li{ width: 262px; height: 326px; margin-left:16px; margin-right: 16px; background: #ececec;
border-radius:6px; float: left; display: inline; margin-bottom: 48px;

 }
.fuwu_ul li a{ display: block; width:100%; height: 100%; } 

.fuwu_title{ padding-top: 6px; height: 84px; line-height: 84px; font-size: 22px; color: #575958; text-align: center; }

.fuwu_desc{ width: 218px; line-height: 24px; font-size: 12px; margin:0 auto; color: #797979; }

.fuwu_money{ padding-top: 12px; height: 60px; line-height: 60px; font-size:20px; color: #fd001f; text-align: center; }

.click_me_btn{ width: 128px; height: 38px; margin:0 auto; }

.click_me_btn img{  width: 100%; height: 100%; display: block; }


/*ketang*/
.ketang_ul_wrap{ width: 1188px; padding-top: 30px; padding-bottom: 30px; margin:0 auto; }

.ketang_ul li{ width: 342px; height: 304px; margin-left:27px; margin-right: 27px; 
 float: left; display: inline; 

 }
.ketang_ul li a{ display: block; width:100%; height: 100%; } 

.ketang_img{ width: 342px; height: 236px; }
.ketang_img img{ display: block; width: 100%; height: 100%; }

.ketang_text{ height: 68px; line-height: 68px; font-size: 14px; color: #505050; text-align: center; width: 342px; }



.qiyexinxi_wrap{ margin:22px auto; width: 1142px; border:1px solid #d8d8d8; }

.qiyexinxi_inner{ padding-top: 40px; padding-left: 30px; height: 432px; }

.qiyexinxi_inner_left{ width: 430px; height: 344px; float: left; }
.qiyexinxi_inner_left img{ display: block; width: 100%; height: 100%; }

.qiyexinxi_inner_right{ width: 480px; height: 432px; float: left;  margin-left: 16px; display: inline;  }

.form_line{ height: 36px; margin-bottom: 23px; }

.form_line_left{ width: 92px; float: left; height: 36px; color: #b7b7b7; font-size: 14px; text-align: right; 
line-height: 36px;
}
.form_line_right5{ border:none; border:0;width:352px ; height: 34px; border:1px solid #d8d8d8; 
	margin:0; padding: 0;
	color: #b7b7b7; font-size: 14px;
	padding-left: 10px;
}

.form_line_right8{ width:364px; height: 36px; float: left;  }

.form_line_right3{ height: 34px; width: 100px;  }

.info_list_wrap{ padding-top: 22px;  padding-bottom: 22px; width: 1144px; margin:0 auto; }

.info_title_wrap{ width: 1142px; height: 54px; border:1px solid #d8d8d8; }

.info_tips{ height: 54px;   width: 100px; float: left; line-height: 54px; font-size: 14px; padding-right:8px;
color: #b7b7b7; text-align: right;
}

.nian_wrap{ padding-top: 15px; width:80px ; float: left; }
.nian_wrap_select{  width: 78px; height: 22px; border:1px solid #d8d8d8;  font-size: 13px; color: #b7b7b7; }

.nian_text{ width: 34px; height: 54px; text-align: center; line-height: 54px; float: left;
font-size: 14px;color: #b7b7b7; 
 }
.nian_text2{ width: 50px; height: 54px; text-align: center; line-height: 54px; float: left;
font-size: 14px;color: #b7b7b7; 
 } 

.info_input_wrap{ width: 150px; padding-top: 15px; padding-left: 9px; padding-right: 17px; float: left; 
float: left;
} 

.info_input{ width: 138px; border: 0; border:none; height: 22px; border:1px solid #d8d8d8;
padding-left: 10px;font-size: 14px;color: #b7b7b7; 
 }

.info_submit_wrap{ width: 77px; padding-top: 15px;  float: left; 
float: left;
} 

.info_submit{ width: 77px; height: 24px;
 } 

 .info_list_item_wrap{ padding-top: 30px; }

 .info_ul li{ height: 48px; line-height: 48px; border-bottom: 1px dashed #a8a8a8; padding-left:26px; 
background: url("../images/dot.jpg") no-repeat;

 }
 .info_ul li a{ float: left; height: 48px; line-height: 48px; color: #b6b6b6; font-size:14px;  }
 .info_ul li a:hover{ color: #479de9;  }

 .info_ul li span{ float: right; height: 48px;  line-height: 48px; color: #b6b6b6; font-size:14px;  }


 .pagelist_wrap{ padding-top: 20px; padding-bottom: 40px;  height: 24px; }
.page_text{ height: 22px; padding-left: 11px; padding-right: 11px; float: left; border: 1px solid #aaa;
margin-right: 5px; line-height: 22px; font-size: 12px;color: #888;
border-radius: 4px;
 }
.page_span1{ background: #e62318; padding-left: 11px; padding-right: 11px; height: 22px;
border:1px solid #e62318;  font-size: 12px; color: #fff; float: left;border-radius: 4px;
margin-right: 5px;
line-height: 22px;
 }
.page_span2{
    background: #fff; padding-left: 11px; height: 22px;
border:1px solid #aaa;  font-size: 12px; color: #888; float: left;border-radius: 4px;
margin-right: 5px;padding-right: 11px;
line-height: 22px;
}
.page_span3{
    background: #fff; padding-left: 11px;height: 22px;
border:1px solid #fff;  font-size: 12px; color: #888; float: left;border-radius: 4px;
margin-right: 5px;
line-height: 22px;
}
.page_span4{
    background: #fff; height: 22px;
border:1px solid #aaa;  font-size: 12px; color: #888; float: left;border-radius: 4px;
margin-right: 5px;
line-height: 22px;
}
 .page_num{ background: #fff; padding-left: 11px; padding-right: 11px; height: 22px;
border:1px solid #aaa;  font-size: 12px; color: #888; float: left;border-radius: 4px;
margin-right: 5px;
line-height: 22px;
 }
.pagenum{ background: #fff; padding: 0; margin: 0; padding-left: 11px;  height: 22px; border: none;border: 0;
border:1px solid #aaa;  font-size: 12px; color: #888; float: left;border-radius: 4px;
margin-right: 5px;
line-height: 22px; min-width: 12px; _width:12px; width: 32px; }

.pagesubmit{ background: #fff; padding: 0; margin: 0;   height: 22px; border: none;border: 0;
border:1px solid #aaa;  font-size: 12px; color: #888; float: left;border-radius: 4px;
width: 46px;
line-height: 22px; }


.search_btn{ width: 34px;
    vertical-align: top;
    height: 38px;
    border-right: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    float: left; }


#onlineService{ position:fixed; right:0; top:20%; z-index:998;}
.offside{ width:100px;}
.offside li{ width:100px; height:100px; position:relative; background:#fff; 
	 transition:all .7s; -webkit-transition:all .7s;}
.offside .code{ position:absolute; top:0; left:-300px; display:none; margin:0;}
.offside a,
.offside div{ color:#333; position:absolute; z-index:11; display:block; top:10px; left:10px; bottom:0; cursor:pointer;}
.offside p{ float:left; font-size:24px; width: 300px; padding-left: 100px; line-height: 100px; font-weight:700;  color:#fff; opacity:0;}
.offside .icon{ font-size:28px; height:100%; line-height:100px; text-align:center;  color:#fff;}

.offside .li_3 a,
.offside .li_3 div{ width:80px; }
.offside li:nth-child(1){ background:#ff6800;}
.offside li:nth-child(2){ background:#408ed6;}
.offside li:nth-child(3){ background:#45882a;}
.offside li:nth-child(4){ background:#e15c00; overflow:visible;}
.offside li:nth-child(2):hover img{ display:block;}
.offside li:nth-child(5){ background:#62ad44;}
.offside li:nth-child(6){ background:#2571b7;}
.offside li:nth-child(7){ background:#d3d3d3; height:20px;}
.offside li:nth-child(7) .icon{ line-height:20px;}
.offside li:hover a,
.offside li:hover div,
.offside li:hover .icon{ color:#fff;}
.offside li:hover p{ opacity:1;}

.offside .tel{ width:400px; transform:translateX(-300px); -webkit-transform:translateX(-300px);}
.offside .back_none{ height:0; border:0 !important;}
.offside .li{ transform:translateX(100%); -webkit-transform:translateX(100%);}
.offside .unfold{width:30px; transform:translateX(20px); -webkit-transform:translateX(20px);}


.about_slogan_wrap{ height: 40px; line-height: 40px; font-size: 20px; color: #444; text-align: center; }










.vip_center_wrap{ padding-top: 30px; padding-bottom: 30px; }

.vip_center_left{ 
    width: 200px;
    padding-right: 20px;
    float: left;
}

.vip_left_title{ height: 48px; line-height: 48px; background: #fe6b04; font-size: 20px; padding-left:42px;color: #fff; }
.vip_center_right{ width: 980px; float: right;
}

.vip_left_ul li{ height: 35px; line-height: 35px; border-bottom: 1px solid #fff; }	
.vip_left_ul li a{ display: block; background:url("../images/arrow2.png") no-repeat #449ce6; height: 35px; padding-left: 42px;color: #fff;
font-size: 14px;
 }
.vip_left_ul li a:hover{  background:url("../images/arrow2.png") no-repeat #072770; 
 }
.vip_left_ul li a.active_left_a{ background:url("../images/arrow2.png") no-repeat #072770; }
.vip_right_title{ height: 38px; background: #d9ebf5;border:1px solid #cadce0; line-height: 38px; padding-left: 16px; font-size: 14px;
color: #072770;
 }

.vip_right_content{ height: 400px; line-height: 400px; font-size: 20px; border:1px solid #d7d7d7; text-align: center;
background: #f9f9f9; color: #479de8; margin-top: 20px;
 } 

.vip_right_content span{  color: #f00; 
 } 
.vip_right_content2{  padding:40px;  border:1px solid #d7d7d7; 
background: #f9f9f9; color: #479de8; margin-top: 20px;
 } 
 .form_line{ height: 36px; margin-bottom: 23px; }

.form_line_left{ width: 92px; float: left; height: 36px; color: #666; font-size: 14px; text-align: right; 
line-height: 36px;
}
.form_line_right{ border:none; border:0;width:552px ; height: 34px; border:1px solid #d8d8d8; 
    margin:0; padding: 0;
    color: #b7b7b7; font-size: 14px;
    padding-left: 10px;
}
.form_line_right2{ width:564px; height: 36px; float: left;  }

.form_line_right3{ height: 34px; width: 100px;  }

.vip_search_wrap{ margin-top: 20px; border: 1px solid #d8d8d8; }
.vip_search_title{ height: 30px; line-height: 30px; font-size: 14px; color: #666; padding-left: 16px;
border-bottom: 1px solid #d8d8d8;
 }

.vip_search_form{ padding-top: 10px; height: 30px; padding-bottom:10px; padding-left: 16px;   }

.vip_search_form span{ height: 30px; line-height: 30px; padding-right: 16px; font-size: 14px; color: #333; display: inline-block; float: left; }

.search_nian{ width: 200px; height: 30px; border:1px solid #d8d8d8; float: left;  }
.search_yue{ width: 200px; height: 30px; border:1px solid #d8d8d8;  float: left; }

.search_key{padding: 0; border:0; border:none; margin:0; width: 300px; padding-left: 20px; border:1px solid #d8d8d8;  font-size:14px; color: #333; height: 28px; float: left;}
.search_img{ width: 60px; height: 30px; overflow: hidden; float: left; }

.vip_right_content3{ margin-top: 20px; }
.vip_right_content4{ margin-top: 20px; }
.vip_right_content_title{ height: 40px; line-height: 40px; background: #d9ebf5; border:1px solid #d8d8d8; border-right: 0;}

.vip_right_content_title span{
    display: block;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;

    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;

    width: 33%;
    border-right:1px solid #d8d8d8;
    padding-left: 16px;
    font-size: 16px; 
    color:#333;
    float: left;
    font-weight: bold;
}
.vip_content_line{  line-height: 30px;  border:1px solid #d8d8d8; border-right: 0; border-top: 0; overflow: hidden;}

.vip_content_line span,.vip_content_line a{
    display: block;
    
    line-height: 30px;
    box-sizing: border-box;

    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;

    width: 25%;
    border-right:1px solid #d8d8d8;
    padding-left: 16px;
    font-size: 14px; 
    color:#555;
    float: left;

    padding-bottom: 99999px;
    margin-bottom: -99999px;
    overflow: hidden;
   
}
.vip_content_line a:hover{ color: #f00; }

.vip_down_ul li{
    height: 30px; line-height: 30px;
    border-bottom: 1px solid #d8d8d8;

}

.vip_down_ul li a { float: right; font-size: 14px; color: #555;  padding-right: 16px;}

.vip_down_ul li span{ float: left; font-size: 14px; color: #555; padding-left: 16px; }

.vip_down_ul li a:hover{ color: #f00; }