@charset "utf-8";
html{-webkit-text-size-adjust:none;}
body, h1, h2, h3, h4, h5, h6, p, ul, ol,dt,dl,dd {margin: 0;padding: 0;}
body, button, input, select, textarea { font-size: 14px; resize:none;}

h1 { font-size: 18px;}
h2 { font-size: 16px;}
h3 { font-size: 14px;}
h4, h5, h6 { font-size: 100%; }
cite, em { font-style: normal; }
ul, ol { list-style: none; }
a {	text-decoration: none;cursor:pointer;outline:none; color:#0000EE;}
a:visited { }
legend { color: #000; }
fieldset, img { border: none; }
table {	border-collapse: collapse;	border-spacing: 0;}
dl,dt,dd{padding:0; margin:0}
body{min-width:320px; background:#DEF4F4;}
.clear{clear:both;}
input,select,a,textarea{outline:none;}
section{ background:#fff;}
.f_red{ color:#f00;}
.f_orange{ color:orange;}
.f_gray{ color:#999; font-size:12px;}
.f_blue{ color:blue;}
.f_r{ float:right;}

header{  line-height:40px; height:40px;background:#007BF5; color:#fff; padding:0 5px; border-bottom:1px solid #3D9CD6; text-align:center; position:relative; font-family:"黑体", "宋体";position:relative;}
header .head_back{ width:20%; float:left;}
.logo{ position:absolute; left:5px; top:5px;}
.return{ display:block; position:absolute; color:#fff; background:#006FA7; left:0px; top:0px; width:40px; height:40px; line-height:40px; font-weight:bold; font-size:30px;}
header h1{  text-align:center;  }
header h1.head_title{ text-align:left; }
header h1.head_title a{ background:url("../images/logo-30.png") no-repeat  left center; }
header h1 a{color:#fff; display:block;text-overflow: ellipsis;
    white-space: nowrap; overflow:hidden;padding:0 40px;}
.navbtn,.nav_nobg {
	background:url("../images/icon_5F25x20.png") no-repeat  center center;  
    border-left: 1px solid #3D9CD6;
    box-shadow: -1px 0 #51A3D2;
    float: right;
    height: 40px;
    overflow: hidden;
    width:40px;;
	cursor:pointer;
	position:absolute;
	right:0; top:0;
}
.nav_nobg{ background:none; }
.menu{background:#248EF7; line-height:24px; padding:5px; display:none;}
.menu li{ display:inline-block; width:46%; padding-left:2%;}
.menu li a{ font-weight:bold; color:#fff; display:block;}
.new_message{ background:#f00; width:15px; height:15px; line-height:15px;border-radius: 15px;color:#fff; font-size:10px; display:block; position:absolute; top:0; right:0;}


.search_box{ background:  #007BF5;
    clear: both;
    height: 30px;
	overflow:hidden;
    margin: 5px auto; width:95%;
    padding: 3px;
    position: relative;
	}

.search_box .fm_inp{ width:40%;height: 20px;padding:5px 0; margin:0 3px;background:#fff;border:none;border-left:1px solid #ccc;text-indent:10px; float:left;}
.search_box  .fm_opt{width:40%;border:none;text-align:center;height: 30px;background:#fff;float:left;}
.search_box  .fm_sbm{width:15%;background:none;color:#fff; font-size:14px;font-weight:bold;height: 30px;border:none; background:url("../images/search.png") no-repeat center center;float:left;}
.grid{ margin:8px auto; float:left;;border-top:1px dashed #ccc; width:100%;}
.grid li{ float:left; width:50%; text-align:center; line-height:30px;border-bottom:1px dashed #ccc;}
.grid li:nth-child(even){ border-left:1px dashed #ccc; width:49%;}
.grid li a{ display:block;}

.panel_search{ line-height:30px; font-size:12px;}
.panel_search select{ width:90%;}
.panel_search .select2{ width:40%;}

.option{ font-size:12px; margin:10px auto; padding:10px;background:#F7F7F7;}
/**/
#price .box{ margin:0; border:none;}
#price  .box_head{ display:none;}
#price .box_body{ padding:0;}
.table td{ padding:10px 0;}
.table-price { background:#DDDDDD; width:100%; line-height:24px;border-collapse:separate;border-spacing:1px;}
.table-price th{ background:#f4f4f4;}
.table-price td{ padding:0 0 0 8px; background:#fff; text-align:center;}
.table-price .price-name{ text-align:left; background:#fcfcfc;}




nav{background:#E7E7E7;  padding:3px ;  height:36px;line-height:36px; }
nav li{ display:block; float:left; width:24%; text-align:center; border-right:1px solid #ccc; }
nav li:last-child{border:none;}
nav li a{ color:#666;font-size:12px;}
nav li.current a span{ border-bottom:1px solid #0184BA; padding:3px 3px; color:#39C}
.m{margin:8px; background:#fff; border:1px solid #ccc; border-radius:2px;  padding:5px;}
.ad1{padding:8px;}

.tab1 { margin-bottom:3px; clear:both;}
.tab1_head{ line-height:30px; border-top:1px solid #ccc; background:#0095F1;}
.tab1_head:last-child{border-bottom:1px solid #ccc;}
.tab1_title{background:url("../images/arrows.png") no-repeat  95% 12px;  }
.tab1_title span{ width:35%; padding:5px 5%; display:inline-block; background:#007BF5; color:#fff;}
.tab1_show .tab1_title{background-position:95% -18px;  }
.tab1_body{display:none;}
.tab1_show .tab1_body{display:block;padding:8px;border:1px solid #ccc; background:#fff;}
.thumb_item{border-bottom:1px dotted #ccc; padding:8px;}
.thumb_item:last-child{border:none;}
.thumb_img{float:left; width:30%;border:1px solid #ccc; padding:1%;}
.thumb_img img{width:100%;}
.thumb_content{float:left; width:65%;margin-left:2%; line-height:20px;}
.thumb_content h2{ font-size:12px;}
.content_info{color:#999; }
.company_item{border-bottom:1px dotted #ccc; padding:8px;line-height:20px;font-size:12px;color:#999; }
.company_item h2{ font-size:14px;}

#load_more{ text-align:center;width:50%; margin:10px auto; color:#666;}
#load_more b{ display:block; width:100%; color:#fff; line-height:30px; font-weight:normal; background:#f60; border:1px solid #ccc; border-radius:8px;}
#load_more .loader{ display:none;}

.page_more{ text-align:center;width:50%; margin:10px auto; color:#666;}
.page_more a{display:block; width:100%; line-height:24px; font-weight:normal;  border:1px solid #ccc; border-radius:8px; font-size:12px;}


.list li{ line-height:24px;border-bottom:1px dotted #ccc;}
.list li a{ display:block;}

.box{border:1px solid #ddd; clear:both; margin:10px;}
.box_head{ 
    height: 31px;
    line-height: 31px;
    overflow: hidden;
    padding: 0 10px;}
.box_head .more,.tab_head .more{ font-weight:normal; float:right; color:#999;}
.box_body{padding:5px; background:#fff;}


.home_brand li{float:left; width:30%;margin:9px 1%;}
.home_brand .more{clear:both;display:block;text-align:center;line-height:30px;border-top:1px solid #eee;font-size:14px;font:  "黑体";color:#333;}

.title{ font-weight:normal; font-size:14px; text-indent:20px; border-bottom:1px solid #E9E9E9; line-height:30px;  margin-bottom:15px;}
.chat{ padding:5px 0 5px 25px; background:url(../images/chat.gif) no-repeat center left;color:#333;}
.email{ padding:5px 0 5px 30px; background:url(../images/email.gif) no-repeat center left;color:#333;}

.login_box{ padding:15px 0;}
.login_box table{ margin:0 auto;}
.login_box table td{ line-height:40px; }
.login_box table td .fm_inp{ line-height:30px;text-indent:8px; border:1px solid #929294; background:#fff; color:#999; width:100%;}
.login_box table td  .btn{ width:90%;}
.btn{ background:#FF7B00; padding:5px 15px; color:#fff; font-size:14px; font-weight:bold; border:none; margin:5px auto;border-radius:3px; line-height:14px; margin:0 auto;}
/**滑动开始***/

.device {
  height: 200px;
  padding:8px 20px;
  margin: 5px auto;
  position: relative; background:#F7F7F7
}
.device .arrow-left,.device .arrow-right  {
  background:#acc url(../images/arrows_lr.png) no-repeat left top;
  position: absolute;  
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  display:block;
  
}
.device .arrow-left{left: 10px;background-position:left top;}
.device .arrow-right {
	right: 10px;
	background-position:left bottom;

}
.swiper-container {  
  width: 90%;
  text-align:center;
}
.content-slide {
  padding: 20px;
  color: #fff;
}

.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #f60;
}

/***滑动结束*****/



.info{ background:#fff; padding:5px 10px; color:#666; border-top:1px dashed #C0E6FC; margin:10px auto; line-height:180%;}
.info .title{ font-size:16px; color:#000;  margin-bottom:10px;}
.info  .content{}
.detail_title{ text-align:center; font-size:16px; line-height:24px; margin:10px auto;}
.option_list { padding:5px;}
.option_list dt{ border-bottom:1px solid #F5F5F5; font-weight:bold; color:#000; line-height:30px; margin-top:10px;}
.option_list dd{line-height:28px; border-bottom:1px solid #E8E8E8; font-size:12px;}
.o_n{ display:inline-block; color:#666; width:50%;border-right:1px solid #E8E8E8; 
    text-overflow: ellipsis;
    white-space: nowrap; background:#F5F5F5; }
.option_list dd .o_v{ background:#fff; text-overflow: ellipsis;width:50%;
    white-space: nowrap;}
/*
.op_title { margin:0; background:#f5f5f5;border-top:1px solid #ccc;border-bottom:1px solid #ccc; text-align:center; height:35px; line-height:35px; padding:0; background:#f5f5f5; width:100%;}
.op_title span{ margin:0; display:inline-block; width:25%; border-right:1px solid #ccc;}
.op_title span:last-child{ border:none; width:24%;}
*/
.list_item{ line-height:24px; border-bottom:1px dashed #ccc; padding:0 10px; font-size:12px;}
.op_title { background:#DEF4F4; color:#000; font-size:14px;}
.list_item span{ width:22%; display:inline-block; text-align:center; overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.list_item span.panel_list_size{ width:18%;}
.list_item span.panel_list_title{ width:36%; text-align:left;}
.list_item a{ display:block;}



footer{ background:#fff; padding-bottom:10px;clear:both;line-height:25px;color:#666; margin-top:10px;  text-align:center; font-size:12px;}
.foot_menu{ background:#ececec; padding:5px 10px; font-size:14px; font-weight:bold;}
.foot_menu a{ color:#666;}

.bottom_menu{width:52px;height:57px;position:fixed;left:2px;bottom:0;}
.icon_menu{width:57px;height:57px;position:absolute;bottom:2px;left:2px;z-index:10;cursor:pointer;}
.icon_menu span{diplay:none;}
.menu_sbtn{width:52px;height:57px;background:url(../images/bottom_menu.png) no-repeat -78px -6px;z-index:1;position:absolute;bottom:0;left:2px;margin:0 5px 2px 0;cursor:pointer;}
.menu_sbtn span{display:block;width:22px;height:24px;font-size:0;position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-11px;overflow:hidden;background:url(../images/bottom_menu.png) no-repeat;}
.menu_sbtn1 span{background-position:-176px -20px;}
.menu_sbtn2 span{background-position:-198px -18px;}
.menu_sbtn3 span{background-position:-221px -18px;}
.menu_sbtn4 span{background-position:-243px -19px;}
.menu_sbtn5 span{background-position:-267px -20px;}
.menu_sbtn{-webkit-transition:bottom .2s,right .2s;-moz-transition:bottom .2s,right .2s;-o-transition:bottom .2s,right .2s;-ms-transition:bottom .2s,right .2s;transition:bottom .2s,right .2s;}
.menu_sbtn1.close, .menu_sbtn2.close, .menu_sbtn3.close, .menu_sbtn4.close{bottom:0;left:2px;}
.menu_sbtn1.open{bottom:175px;left:0;}
.menu_sbtn2.open{bottom:150px;left:62px;}
.menu_sbtn3.open{bottom:105px;left:112px;}
.menu_sbtn4.open{bottom:40px;left:140px;}


.msg{ padding:10px 20px; line-height:24px; color:#f00; font-size:12px;}
.remind{ line-height:20px; font-size:12px; color:#333; padding:5px; }


/*会员中心*/
.mem_balance {padding:10px 10px 0px 10px;}
.mem_balance li{ margin:8px auto; padding:10px;  background:#EAEAEA; color:#666; border-radius:3px; font-weight:bold;}
.mem_balance li  span{ display:inline-block;}
.mem_balance li .balance_name{ width:30%;}
.mem_balance li a{ color:#f60;}

.mem_info{padding:10px;}
.mem_info dt{ width:75px; float:left;}
.mem_info dt img{ border-radius:8px;}
.mem_info dd{ display:inline-block; line-height:30px;}
.mem_info dd a{ color:#333;}

.logout{ padding:15px;  text-align:center;}
.logout .btn{ padding:8px 15px;}

.mem_page_title{ background:#E4F4F4; color:#666; font-size:14px; left:30px; padding:10px;}
.mem_page_title a{ font-weight:normal; color:#39C;}
.item_list_table { background:#ccc;border-collapse:inherit;border-spacing:1px; font-size:12px; line-height:24px;}
.item_list_table th{ background:url(../images/list_table_title.gif) repeat-x left center;}
.item_list_table td{ background:#fff;}
.item_list_table td a{ color:#999; line-height:30px;}
.item_list_table td a.unread{background:url(../images/new_ico.gif) no-repeat right center; padding-right:20px;}
.item_list_table td a.touser{ color:#1A68AA; }


/*信件*/
.mem_messageInfo_title{ padding:10px; border-bottom:1px solid #ACC7DD}
.mem_messageInfo_title h2{ font-size:14px;line-height:30px;}
.mem_messageInfo_title li{ line-height:24px; color:#666;}
.mem_messageInfo_content{ padding:10px; line-height:20px; font-size:12x;}
.mem_messageInfo_re{border-top:1px solid #ACC7DD;border-bottom:1px solid #ACC7DD; background:#E4F4F4; padding:5px 10px; line-height:30px;}
.message_send_table,.message_send_table input{ font-size:12px;}

.mem_baseTable td{ height:30px;}

.chat_list_table td{ padding:5px;}
#chat_content{width:98%; height:200px; border:1px solid #eee; overflow-y:scroll; overflow-x:hidden;}
#chat_tool{ padding:10px 0;}
#chat_tool textarea{ width:98%; height:30px;}
#chat_tool .mem_messageInfo_re{ border:none; background:#fff; padding:0;}
#chat_content .date{ background: url("../images/chat_dt.gif") no-repeat  80px center ;
    display: block;
    height: 20px;
    line-height: 20px;
	 color: #ff6600;
    margin: 0;}
#chat_content dl{ color:#0000FF; margin:5px auto;}
#chat_content dl dt span{ color:#666666;padding-left:8px;font-size:11px;}
#chat_content dl dd{ padding:0 10px 0 20px;margin:0; font-size:12px;}
#chat_content dl.u1{ color:#008040;}

.pcat_name{ text-align:center; font-size:14px; line-height:30px;}
.reback{ font-size:12px; color:#999; float:right; padding-right:5px;}
.cat_list{ border-left:1px dashed #ccc; border-top:1px dashed #ccc; }
.cat_list li{ float:left; width:33%;  text-align:center;}
.cat_list li a{ color:#333; font-size:12px; border-bottom:1px dashed #ccc; border-right:1px dashed #ccc; display:block;padding:6px 0;}
.nothing{ text-align:center; padding:5px; font-size:14px; color:#f60;}
.nologin{ color:#fff; display:block; width:100%; height:100%; background:#0290CC}