/* 初始化 */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,blockquote,dl,dt,dd,a,img,button,pre,form,fieldset,legend,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{margin:0; padding:0;}
body{font:12px '\5b8b\4f53',Tahoma,Arial,sans-serif; color:#666;}
table{border-collapse: collapse;border-spacing: 0;}
textarea{ resize:none;}
img{border:0 none; vertical-align:bottom;}
em,i{font-style:normal;}
strong{font-weight:normal;}
a{text-decoration:none; color:#666;}
a:hover{color:#555; text-decoration:none;}
ol, ul{ list-style:none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
button,input,select,textarea{font-size:100%; outline:none; resize:none;}
.clearfix{zoom:1;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}

/*body_bg*/
.body_bg{ background:#f7f7f7;}


/************   头部 START    *******/
.header{ background:#178dd5; line-height:32px;color:#fff; padding:17px 40px 10px 10px;}
.header .logo{}
.header .welcome{ padding-right:20px; margin-right:20px; border-right:1px solid #fff;}
.header .exit{ color:#fff; background:#0b7bbd; border:1px solid #015f9c; padding:2px 8px; border-radius:3px;}
/************   头部 END   *******/


/************   等高布局 START    *******/
.content{ overflow:hidden;}
.content_slide,.content_main{ padding-bottom:5000px; margin-bottom:-5000px; *padding-bottom:0px; *margin-bottom:0px;}
.content_slide{ width:186px; float:left; background:#f7f7f7;border-left:1px solid #ccc; border-right:1px solid #ccc;}
.content_main{ margin-left:192px;background:#fff; border-left:1px solid #ccc; overflow:auto;}
/************   等高布局 END   *******/


/************   左侧导航 START    *******/
.slide_search{ padding:10px 10px 6px;}
.slide_search_inner{ position:relative;border:1px solid #ddd;}
.slide_search_inner > input{ width:140px; height:24px; border:0; line-height:24px; padding-left:4px;color:#888; }
.slide_search_inner > .iconfont{ width:18px; padding:4px 0 0 2px; height:20px; position:absolute; top:0px; right:0px; cursor:pointer; color:#178dd5; background:#fff; *background:url(../../../commonimg/search.png) 0px center no-repeat #fff;}

.slide_nav{ background:#fff; margin-bottom:100px;}
.slide_nav .nav_item{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:1px; }
.slide_nav .nav_item_name{ padding:10px; display:block; color:#666; background: -webkit-linear-gradient(top,#f6f6f6,#eeeeee);background: -moz-linear-gradient(top,#f6f6f6,#eeeeee);background: -o-linear-gradient(top,#f6f6f6,#eeeeee);background: -ms-linear-gradient(top,#f6f6f6,#eeeeee);background: linear-gradient(top,#f6f6f6,#eeeeee);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #f6f6f6, endColorstr = #eeeeee);}
.slide_nav .nav_item_name:hover{ font-weight:bold;}
.slide_nav .item_icon{ margin-right:20px;}
.slide_nav .slide_btn{ float:right; }

.slide_navin{ background:#fff; padding:2px 8px 2px 38px; display:none;}
.slide_navin_item{ padding:2px;}
.slide_navin_item > a{  border:1px solid #fff; border-radius:10px; line-height:20px; padding: 3px 5px;}
.slide_navin_item > a.active,.slide_navin_item>a:hover{background:#eee;  border:1px solid #ddd;}

.slide_nav .nav_item.active .nav_item_name{ font-weight:bold; color:#444;border-bottom:1px solid #ddd;}
/************   左侧导航 END   *******/


/************* breadcrumb面包屑 *************/
.breadcrumb > li { float:left; margin-right:6px; line-height:25px;color:#999;} 
.breadcrumb > li > a {display:inline-block;padding:0px 5px;color:#999;border:1px solid #ddd;} 
.breadcrumb > li > a:hover{ color:#666;}
.breadcrumb > .active > a{color:#178bb5; border-color:#178bb5}


/************* Tab切换 **************/
.tab_layout .tab_hd{ border-bottom:1px solid #cfd6e6; padding-left:20px;}
.tab_layout .tab_hd ul{ border-left:1px solid #cfd6e6;}
.tab_layout .tab_hd ul li{ float:left; border-top:1px solid #cfd6e6; border-right:1px solid #cfd6e6; cursor:pointer;}
.tab_layout .tab_hd ul li a{ display:block; padding:0 30px; height:32px; line-height:32px;}
.tab_layout .tab_hd ul li.active{ border-top:3px solid #178dd5; height:30px; line-height:30px; border-bottom: 1px solid #fff; margin-bottom: -1px;}
.tab_layout .tab_hd ul li.active span{ background-color:#fff; line-height:28px;}
.tab_layout .tab_bd_con{ display:none;}
.tab_layout .tab_bd_con.active{ display:block;}

/* 按钮 */
.btn{*height:34px;*line-height:15px; padding:8px 20px; border-radius:3px; cursor:pointer; font-size:14px;border:1px solid #ccc;}
.btn_blue{ background-color:#3497db; color:#fff; border: 1px solid transparent; *border-color:#3497db;}
.btn_blue:hover{ background-color:#2787c9; color:#fff;}
.btn_gray{ background-color:#f2f2f2;}
.btn_gray:hover{ background-color:#e2e2e2; color:#333;}

.btn_xs{ padding:5px 8px; font-size:12px;}

/*渐变色按钮 -- 灰白色*/
.btn_gradual{
	background-color:#fbfbfb;
	background-image: -moz-linear-gradient(top, #ffffff, #f8f8f8); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f8f8f8)); /* Saf4+, Chrome */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType='0'); /* IE*/
}
.btn_gradual:hover{background:#f8f8f8;}

.img_upload{ position:relative;border-radius:3px; cursor:pointer; font-size:12px;border:1px solid #ccc; width:110px; height:30px;
	background-color:#fbfbfb;
	background-image: -moz-linear-gradient(top, #ffffff, #f8f8f8); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f8f8f8)); /* Saf4+, Chrome */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType='0'); /* IE*/
}
.img_upload_btn{ width:110px; height:100%; border:0; padding-left:20px; background:url(../../../commonimg/terrace/img_upload.jpg) 15px center no-repeat; *line-height:30px;}
.img_upload input[type="file"]{ width:110px; height:30px; position:absolute; top:0; left:0; opacity:0; filter:alpha(opacity=0);}


/*多图上传*/
.reply_pic{ font-size: 0;}
.reply_pic .show_tab{ width:45px; height:45px; *line-height: 45px;}
.reply_pic img{ max-width: 45px; max-height: 45px; }
.reply_pic span{ width:16px; height:16px; background:url(../../../commonimg/guanbi.png) no-repeat; background-size:cover; position:absolute; top:-8px; right:-8px; cursor:pointer; display:none; }
.reply_pic:hover span{ display:block; }

/*lable + input*/
.label{ display:inline-block; *line-height:20px;}
.label > input[type="checkbox"]{ margin-bottom:-2px; float:left;}

/* input */
.form_control {
	height:32px;
	line-height:32px;
	padding-left:10px;
	padding-right:10px;
	border: 1px solid #ccc;
	border-radius: 0;
	background-color: #fff;
	background-image: none;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	color: #666;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	/*box-sizing:border-box;*/
}
.form_control input{ border:0; line-height:100%;}
.form_control.nobr{ border: 1px solid transparent; box-shadow: 0 0 0;}

/*页面标题*/
.content_title{ padding: 8px 20px; font-size:18px; background:#efefef; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:bold;}

/*模拟下拉框*/
.pull_down { display:inline-block;width:200px;position:relative; line-height:32px; text-align:left; border:1px solid #ccc; background:#fff;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.pull_down_value{ position:absolute; top:0; left:0; border:0;line-height:30px; *height:30px; width:100%; cursor:pointer; opacity:0; filter:alpha(opacity=0);}
.pull_down_text,.pull_down_select li { padding:0 20px 0 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; cursor:pointer;}
.pull_down_text { width:100%; *width:99%;padding:0 35px 0 10px; *padding:0; height:29px; line-height:29px; border:1px solid transparent;box-sizing:border-box;  }
.pull_down span { position:absolute;top:0px; right:1px; display:block; width:30px; height:100%; border-left:1px solid #ccc;  *background:url(../../../commonimg/select_bg.png) center no-repeat;cursor:pointer;}
.pull_down span:before{content: "\e689";  font-family:"iconfont" !important; width:100%; height:100%; text-align:center; display:inline-block;}

.pull_down_select { position:absolute; top:39px; left:-1px; width:100%; max-height:200px; overflow:auto; background-color:#fff; border:1px solid #ccc; display:none;z-index:1;}
.pull_down_select li:hover { background-color:#f8f8f8;}
.pull_down_select img{vertical-align:middle;}

/**提示框**/
.word_notes{ position:relative;}
.word_notes .notes_triangle{ display:inline-block; display:none\9; width:10px; height:10px; border-left:1px solid #ffcc7f; border-top:1px solid #ffcc7f; background:#ffffe5;-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:-5px; left:30px;}
.word_notes  p{ border:1px solid #ffcc7f; background:#ffffe5; padding:10px;}


/*table*/
/*表格控制按钮*/
.table_control{}
.table_tit .btn{padding:5px 8px; font-size:12px; border-radius:0;}

.table_overflow{overflow:auto;}
.table_normal{ width:100%; background:#fff;/* min-width:1200px;*/ }
.table_normal th,.table_spacing .spacing_th{ line-height: 40px; background:#f3faff; color:#333; border-top:2px solid #aadfff; border-bottom:1px solid #e9f6ff; }
.table_normal td{ text-align: center; padding:20px 0 20px 0; border-bottom:1px solid #eee; }
.table_normal tbody tr:hover{ background:#f8f8f8; }



/*有行距的表格*/
.table_spacing{background:#fff; text-align: center; margin:0 auto;}
.table_spacing .spacing_th li input{ margin:0; }
.table_spacing .spacing_th li{ float:left; }
.table_spacing .spacing_td li{ *float:left;}
.table_spacing .spacing_td{ *margin-left:1px; *margin-right:1px; border:1px solid #eee;display:table;width:100%; *overflow:hidden;}
.table_spacing .spacing_td ul{ background:#fff;display:table-row; }
.table_spacing .spacing_td ul:hover{ background:#f8f8f8; }
.table_spacing .spacing_td li{display:table-cell; *display:block;  border-right:1px solid #eee; padding:20px 10px; *padding:20px 0 1020px 0; *margin-bottom:-1000px; box-sizing:border-box; *margin-right:-1px; }

/*编辑显示更多操作*/
.edit_option{ position:relative;}
.edit_option .redact{width:75px;z-index:2;border-radius: 4px;display:none;background:#fff;border:1px solid #ccc;position: absolute;top:-18px;left:22px; padding:5px 8px 5px 15px;} 
.edit_option .redact a{display:block;height:26px;position:relative;text-align:left; line-height: 26px;}
.edit_option .redact a i{ padding-right:5px;}
.edit_option .edit_redact{cursor:pointer;}


/*遮罩层*/
.pop_mask{ width:100%; height:100%; position:fixed; top:0; left:0; background:#000; opacity: 0.3; filter:alpha(opacity=30); z-index:1000; display:none; }

/*弹窗*/
.popup_wrap{ position:fixed; top:0; top:10%; left:50%; padding:10px; z-index:1002; max-height:80%; display:none;overflow: hidden;}
.popup_bd{ width:100%; height:100%; background:#000; opacity:0.3; filter:alpha(opacity=30); position:absolute; top:0; left:0; }
.popup_inner{ width:100%; height:100%; background:white; position: relative; top:0px;}
.popup_inner .popup_tit{ background:#ededed; padding-left:20px; height:48px; font-weight:bold; line-height: 48px; border-bottom:1px solid #e0e0e0; }
.popup_inner .popup_tit span{ float:left;}
.popup_inner .popup_tit .close_btn{ float:right; padding:0 20px; cursor:pointer; font-size: 24px;}
.popup_inner .popup_tit .close_btn:hover{ background:#3795db; color:#fff;}
.popup_inner .popup_con{  background:#fff;overflow-y:auto; min-height:180px;}
.popup_inner .popup_ft{ text-align:center; padding:15px 0 20px; border-top:1px solid #ccc;}
.popup_inner .popup_ft .btn{ margin:0 10px; padding:6px 35px;}

.pop_big{ width:920px; margin-left:-460px; }
.pop_middle{ width:680px; margin-left:-340px; }
.pop_small{ width:320px; margin-left:-160px; }


/*查看星星*/
.use_star.act ul{ width:110px; height:20px; float:left; text-align:left;}
.use_star ul li{ width:20px; height:20px; background:url(../../../commonimg/terrace/star.png) no-repeat -20px 0; float:left; }
.use_star ul li.active{ background-position: 0px 0; }
.use_star .score_star{ line-height:20px}
.use_star{ text-align:center;}
.use_star ul{ display:inline-block}

/*显示大二维码*/
.qr_code{ width:24px; position:relative;}
.qr_code .qr_img{max-width: 15px;}
.qr_code:hover .b_img{display:block;}
.qr_code .b_img{position: absolute;top:-95px;left:36px;z-index:2;background:#fff;display:none;}
.qr_code .b_img img{max-width:130px;}
.qr_code .b_img:after,.qr_code .b_img:before { position: absolute; left: -14px; top:91px; content: '';border-left:0;border-right:14px solid #ddd;border-top:11px solid transparent;border-bottom: 11px solid transparent;}
.qr_code .b_img:after{left:-12px;border-right-color:#fff;}

/*paging*/
.paging {margin:0px auto; padding-top:10px; padding-bottom:10px; text-align: center;}
.paging > span,.paging >  a { display:inline-block;padding:3px 12px 4px;margin-right:3px;border:1px solid #ccc;border-radius:4px;text-decoration: none;background-color:#fff;font-size:14px;}
.paging > .hoverbd {font-size:12px;padding:5px 10px;}
.paging > .now_page,.paging > .page_num {font-size:12px;border:none;}
.paging > .now_page {padding:6px;}
.paging > .page_num {padding:0 12px 0 0; *line-height:26px;}
.paging > .page_num> i {*float:left;}
.paging input[type="text"] { *float:left; width:38px; margin:0 6px;height:24px;line-height:24px; *height:24px; *line-height:24px; text-align:center; border:1px solid #ccc;*vertical-align:bottom;}
.paging > .page_submit {padding:4px 14px 4px; border:1px solid #ccc; border-radius:4px; background-color:#f2f2f2;}

.paging > .page_disabled {color:#ccc;}

.paging > a:hover ,.paging > a.active{border-color:transparent; color:#3497db;}
.paging > .hoverbd:hover,.paging > .page_submit:hover {border-color:#3497db; background:#3497db; color:#fff;}
.paging > .now_page:hover {color:#333;}
.paging > .page_disabled:hover{color:#ccc;background-color:#fff;border-color:#ccc;cursor:default;}



/* iconfont */
[class^="iconfont"]:before,[class*=" icon-"]:before{ vertical-align:middle;}

/*background*/
.bgef{ background:#efefef;}			/*标题背景基本色*/
.bgpink{ background:#fcfcfc;}		/*淡粉色背景基本色*/
.bgblue{ background:#f3faff;}		/*淡蓝色背景基本色*/
.bggray{ background:#f2f3f7;}		/*灰色背景基本色*/
.bg_white{ background:#fff;}
.bg_white_bd{ background:#fff; border: 1px solid #ccc;}

/* 圆角 */
.border_circle{ border-radius: 50%;}
.border3{border-radius:3px;}

/*雅黑字体*/
.number{ font-family:"\5FAE\8F6F\96C5\9ED1";}

/* font-size */
.f12{ font-size: 12px;}
.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.f20{ font-size: 20px;}
.f22{ font-size: 22px;}
.f24{ font-size: 24px;}
.f30{ font-size: 30px;}
.f40{ font-size: 40px;}
.f46{ font-size: 46px;}

/* text-align */
.t_l{ text-align:left;}
.t_c{ text-align:center;}
.t_r{ text-align:right;}

/*vertical-align*/
.v_t{ vertical-align:top}
.v_m{ vertical-align:middle}
.v_b{ vertical-align:bottom}

/* text color */
.t_333{ color: #333;}
.t_666{ color: #666;}
.t_999{ color: #999;}
.t_white{ color: #fff;}
.t_blue{ color: #3497db;}
.t_orange{ color: #ff6d34;}
.t_red{ color: #e4393c;}
.t_green{ color: #53a000;}
.t_yellow{ color: #ffa226;}

a.t_blue:hover{ color: #138adc;}
a.t_orange:hover{ color: #ff5614;}
a.t_red:hover{ color: #e4181c;}
a.t_green:hover{ color: #478503;}


/* text style */
.text_nowrap{ white-space: nowrap; word-wrap: normal; text-overflow:ellipsis; overflow: hidden;}
.text_bold{ font-weight: bold;}
.text_normal{font-weight:normal;}

/*line-height*/
.lh14{ line-height: 14px;}
.lh18{ line-height: 18px;}
.lh20{ line-height: 20px;}
.lh24{ line-height: 24px;}
.lh28{ line-height: 28px;}
.lh30{ line-height: 30px;}
.lh32{ line-height: 32px;}
.lh35{ line-height: 35px;}
.lh45{ line-height: 45px;}

/*height + line-height*/
.h14{ line-height: 14px; height:14px;}
.h18{ line-height: 18px; height:18px;}
.h20{ line-height: 20px; height:20px;}
.h24{ line-height: 24px; height:24px;}
.h28{ line-height: 28px; height:28px;}
.h30{ line-height: 30px; height:30px;}
.h32{ line-height: 32px; height:32px;}
.h35{ line-height: 35px; height:35px;}
.h45{ line-height: 45px; height:45px;}

/* display style */
.show_block{ display: block;}
.show_inline_block{ display: inline-block;}
.show_inline{ display: inline;}
.show_tab{ display: table;}
.show_row{ display: table-row;}
.show_cell{ display: table-cell; vertical-align: middle;}

.hidden{ display:none;}
.show{ display:block;}
.inline_block{ display:inline-block;}
.inline{display:inline;}

/* float */
.fl{ float: left!important;}
.fr{ float: right!important;}

/*width*/
.wp100{ width:100%;}
.wp95{ width:95%;}
.wp90{ width:90%;}
.wp80{ width:80%;}
.wp75{ width:75%;}
.wp70{ width:70%;}
.wp60{ width:60%;}
.wp50{ width:50%;}
.wp45{ width:45%;}
.wp40{ width:40%;}
.wp35{ width:35%;}
.wp30{ width:30%;}
.wp25{ width:25%;}
.wp20{ width:20%;*width:19.9%;}
.wp15{ width:15%;}
.wp10{ width:10%;}
.wp5{ width:5%;}
.w80{ width:80px;}
.w100{ width:100px;}
.w120{ width:120px;}
.w150{ width:150px;}
.w180{ width:180px;}
.w220{ width:220px;}
.w320{ width:320px;}
.w400{ width:400px;}
.w450{ width:450px;}


/*position*/
.re_r{ position:relative;}
.ab_r{ position:absolute;}

/*box-sizing*/
.b_box{ box-sizing:border-box;}

/* padding style */
.pl3{ padding-left: 3px;}
.pt3{ padding-top: 3px;}
.pr3{ padding-right: 3px;}
.pb3{ padding-bottom: 3px;}
.plr3{ padding-left: 3px; padding-right: 3px;}
.ptb3{ padding-top: 3px; padding-bottom: 3px;}
.p3{ padding: 3px;}

.pl5{ padding-left: 5px;}
.pt5{ padding-top: 5px;}
.pr5{ padding-right: 5px;}
.pb5{ padding-bottom: 5px;}
.plr5{ padding-left: 5px; padding-right: 5px;}
.ptb5{ padding-top: 5px; padding-bottom: 5px;}
.p5{ padding: 5px;}

.pl8{ padding-left: 8px;}
.pt8{ padding-top: 8px;}
.pr8{ padding-right: 8px;}
.pb8{ padding-bottom: 8px;}
.plr8{ padding-left: 8px; padding-right: 8px;}
.ptb8{ padding-top: 8px; padding-bottom: 8px;}
.p8{ padding: 8px;}

.pl10{ padding-left: 10px;}
.pt10{ padding-top: 10px;}
.pr10{ padding-right: 10px;}
.pb10{ padding-bottom: 10px;}
.plr10{ padding-left: 10px; padding-right: 10px;}
.ptb10{ padding-top: 10px; padding-bottom: 10px;}
.p10{ padding: 10px;}

.pl15{ padding-left: 15px;}
.pt15{ padding-top: 15px;}
.pr15{ padding-right: 15px;}
.pb15{ padding-bottom: 15px;}
.plr15{ padding-left: 15px; padding-right: 15px;}
.ptb15{ padding-top: 15px; padding-bottom: 15px;}
.p15{ padding: 15px;}

.pl20{ padding-left: 20px;}
.pt20{ padding-top: 20px;}
.pr20{ padding-right: 20px;}
.pb20{ padding-bottom: 20px;}
.plr20{ padding-left: 20px; padding-right: 20px;}
.ptb20{ padding-top: 20px; padding-bottom: 20px;}
.p20{ padding: 20px;}

.pl0{ padding-left: 0px;}
.pt0{ padding-top: 0px;}
.pr0{ padding-right: 0px;}
.pb0{ padding-bottom: 0px;}
.plr0{ padding-left: 0px; padding-right: 0px;}
.ptb0{ padding-top: 0px; padding-bottom: 0px;}
.p0{ padding: 0px;}

/*margin style*/
.mt8{ margin-top: 8px;}
.mb8{ margin-bottom: 8px;}
.ml8{ margin-left: 8px;}
.mr8{ margin-right: 8px;}
.mlr8{ margin-left: 8px; margin-right: 8px;}
.mtb8{ margin-top: 8px; margin-bottom: 8px;}
.m8{ margin:8px;}

.mt10{ margin-top: 10px;}
.mb10{ margin-bottom: 10px;}
.ml10{ margin-left: 10px;}
.mr10{ margin-right: 10px;}
.mlr10{ margin-left: 10px; margin-right: 10px;}
.mtb10{ margin-top: 10px; margin-bottom: 10px;}
.m10{ margin:10px;}

.mt15{ margin-top: 15px;}
.mb15{ margin-bottom: 15px;}
.ml15{ margin-left: 15px;}
.mr15{ margin-right: 15px;}
.mlr15{ margin-left: 15px; margin-right: 15px;}
.mtb15{ margin-top: 15px; margin-bottom: 15px;}
.m15{ margin:15px;}

.mt20{ margin-top: 20px;}
.mb20{ margin-bottom: 20px;}
.ml20{ margin-left: 20px;}
.mr20{ margin-right: 20px;}
.mlr20{ margin-left: 20px; margin-right: 20px;}
.mtb20{ margin-top: 20px; margin-bottom: 20px;}
.m20{ margin:20px;}
.ml6 {margin-left: 6px;}


.bd_c{ border: 1px solid #ccc;}
.bd_c_l{ border-left: 1px solid #ccc;}
.bd_c_r{ border-right: 1px solid #ccc;}
.bd_c_t{ border-top: 1px solid #ccc;}
.bd_c_b{ border-bottom: 1px solid #ccc;}
.bd_c_lr{ border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.bd_c_tb{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}

.bd_d{ border: 1px solid #ddd;}
.bd_d_l{ border-left: 1px solid #ddd;}
.bd_d_r{ border-right: 1px solid #ddd;}
.bd_d_t{ border-top: 1px solid #ddd;}
.bd_d_b{ border-bottom: 1px solid #ddd;}
.bd_d_lr{ border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.bd_d_tb{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}

.bd_e{ border: 1px solid #eee;}
.bd_e_l{ border-left: 1px solid #eee;}
.bd_e_r{ border-right: 1px solid #eee;}
.bd_e_t{ border-top: 1px solid #eee;}
.bd_e_b{ border-bottom: 1px solid #eee;}
.bd_e_lr{ border-left: 1px solid #eee; border-right: 1px solid #eee;}
.bd_e_tb{ border-top: 1px solid #eee; border-bottom: 1px solid #eee;}

/*淡蓝色边框*/
.bd_b{ border: 1px solid #bce9ff;}
.bd_b_l{ border-left: 1px solid #bce9ff;}
.bd_b_r{ border-right: 1px solid #bce9ff;}
.bd_b_t{ border-top: 1px solid #bce9ff;}
.bd_b_b{ border-bottom: 1px solid #bce9ff;}
.bd_b_lr{ border-left: 1px solid #bce9ff; border-right: 1px solid #bce9ff;}
.bd_b_tb{ border-top: 1px solid #bce9ff; border-bottom: 1px solid #bce9ff;}

.bd_d_dash_b{ border-bottom:1px dashed #ddd;}
.bd_d_dash_t{ border-top:1px dashed #ddd;}
.bd_d_dash_tb{ border-top:1px dashed #ddd; border-bottom:1px dashed #ddd;}

/* border color */
.b_nobr{ border: 0;}
.b_nobr_l{ border-left: 0;}
.b_nobr_t{ border-top: 0;}
.b_nobr_r{ border-right: 0;}
.b_nobr_b{ border-bottom: 0;}

/*************添加成功提示****************/
#c2c_tips{ position:absolute; z-index:5050;}
.option_tip{ min-width:240px; height:38px; position:fixed; top:48%; left:50%; margin-left:-120px;background:#aaa; background:rgba(0,0,0,0.37); padding:0 20px; border-radius:20px; z-index:110; text-align:center; line-height:38px; color:#fff; font-size:16px;}
.disappear{animation:disappear 0.5s 3s forwards;-webkit-animation:disappear 0.5s 3s forwards;}

/*添加成功提示动画*/	
@-webkit-keyframes disappear {
	0% {top:48%; opacity:1}
	100% { top:40%; opacity:0}
}
@keyframes disappear {
	0% {top:48%; opacity:1}
	100% { top:40%; opacity:0}
}

/*************图片上传弹出层****************/
.img_public{ width:770px;}
.img_upload_box .tab_hd { border-bottom:1px solid #ddd;}
.img_upload_box .tab_hd ul{ border:none;}
.img_upload_box .tab_hd ul li{ border-right:1px solid transparent; border-top:1px solid transparent; }
.img_upload_box .tab_hd ul li.active{ border-left:1px solid #cfd6e6; border-right:1px solid #cfd6e6;}
.img_upload_box .img_cut{ width:270px; height:270px; position:relative; border:1px dashed #e0e0e0;}
.img_upload_box .img_cut img{ width:270px; height:270px;}
.img_upload_box .img_cut .line_w{ width:100%; height:1px; border-top:1px dashed #e0e0e0; position:absolute; left:0; top:50%;}
.img_upload_box .img_cut .line_h{ width:1px; height:100%; border-left:1px dashed #e0e0e0; position:absolute; left:50%; top:0;}
.img_upload_box .img_upload_l{ width:70%; height:542px;}
.img_upload_box .img_upload_lbox{ height:542px;}
.img_upload_box .img_upload_r{ width:30%; height:542px; overflow-y:auto; position: absolute; right:0; top: 0;}
.img_upload_box .img_upload_r .slide_search_inner > input{ line-height:24px; padding-left:0;}
.img_upload_box .img_upload_r .slide_search_inner > .iconfont{ padding:2px 5px 0 0;}
.img_upload_box .img_upload_btnBox{ padding-top:50px;}

.file_btn a{ line-height:30px; display:inline-block;white-space: nowrap;width: 78px;overflow: hidden;}
.file_btn .open_file,.close_file{ display:inline-block; width:30px; height:30px; background:url(../../../commonimg/terrace/icon-file.png) no-repeat; vertical-align:middle;}
.file_btn .open_file{ background-position:0 3px;}
.file_btn .close_file{ background-position:-28px 3px;}
.file_btn .line_v_dasshed{ margin-top:-14px; height:30px; width:12px; border-bottom:1px dashed #ccc; font-size: 0;}
.file_btn .icon-open{ margin:5px 2px 0 -6px; background:#fff; cursor:pointer;}
.file_btn ul{ position:relative;}
.file_btn ul > li{ position: relative;}
.file_btn ul > li:hover{ cursor:pointer;}
.file_btn ul > li > .mask_bt{ position: absolute; left:0; bottom:-6px; background:#fff; font-size: 0;}
.file_btn ul > li .open_file,.file_btn ul > li .close_file,.file_btn ul > li .icon-open{ font-size: 0;}
.file_btn ul > li .icon-open:before{ font-size: 14px;}
.file_btn ul.ul_item1{ border-left:1px dashed #ccc; margin-left:48px; margin-top:-5px;}
.file_btn ul.ul_item1 li .mask_bt{ height:11px; width:12px;}
.file_btn ul.ul_item2{ border-left:1px dashed #ccc; margin-left:33px;}
.file_btn ul.ul_item2 li .mask_bt{ height:16px; width:16px;}
.file_btn ul > li.last_li > .mask_bt{height: 100%; bottom: -23px; left: -1px;}
.file_btn ul.ul_item2 > li.last_li > .mask_bt{bottom: -18px;}
.file_btn ul > li:last-child > .mask_bt{ height: 100%; bottom: -23px; left: -1px;}
.file_btn ul.ul_item2 > li:last-child > .mask_bt{bottom: -21px;}

/*图片空间选择*/
.sort-row .pull_down{ width:auto; padding-right:30px;}
.sort-row .pull_down_text,.sort-row .pull_down_select li{ padding:0;}
.sort-row .pull_down span{ border:0;}
.sort-row .pull_down_select{ top:32px;}
.sort-row .slide_search_inner > input{ width:150px; line-height:24px; padding-left:0;}
.sort-row .slide_search_inner > .iconfont{ padding:2px 5px 0 0;}
.sort-picture ul{ height:429px; overflow-y:auto;}
.sort-picture ul li{ width:22.3%; height:131px; border:1px #ddd solid; float:left; margin:0 0 10px 10px; position:relative; overflow:hidden;}
.sort-picture ul li.border-blue{ border:1px #178dd5 solid;}
.sort-picture ul li.border-blue .pic_check{ display:block;}
.sort-picture .picBox{ width:122px; height:98px; text-align:center;}
.sort-picture .picBox img{ max-width:100%; max-height:100%; vertical-align:middle;}
.sort-picture .pic_check{ display:none;}
.sort-picture .pic_check input[type="checkbox"]{ right:0; top:0; filter:alpha(opacity=0); opacity:0;}
.sort-picture .icon_check{ color:#178dd5; right:-2px; top:-3px;}
.sort-paging{ margin:10px 0;}
.sort-paging input[type="text"]{ width:30px; height:19px; line-height:14px;}
.sort-paging > span, .sort-paging > a{ font-size:12px; padding:2px 6px;}
.sort-paging > .hoverbd{ padding:2px 6px;}


/************** 交易快照弹出框 **************/
.pop_trade{ width:420px; margin-left:-210px;}
.pop_trade .code{ width:156px; height:156px; margin:20px auto;}
.pop_trade .code span{ width:27px; height:31px;}
.pop_trade .code span.tl{ top:0; left:0;}
.pop_trade .code span.bl{ bottom:0; left:0;}
.pop_trade .code span.tr{ top:0; right:0;}
.pop_trade .code span.br{ bottom:0; right:0;}

.loading_img{ width:80px; height:80px;position: fixed; top:50%; left:50%; margin:-40px 0 0 -40px;}
.loading_img img{ width:100%;}


.upload_btn input{ width:100%; height:100%; opacity: 0;filter: alpha(opacity=0);}

/*评星*/
.eval_star .eval_li{ line-height: 1.4rem;}
.eval_star .eval_li .star_p .icon-wujiaoxing{ padding: 0 4px; font-size: 1.4rem;}
.eval_star .eval_li .star_p .icon-wujiaoxing.active{ color: #f39800;}

/*20151123*/
.eval_star .star_p_display{ background: #999; position: relative;}
.eval_star .star_p_display > img{ max-height: 1.4rem; position: relative; z-index: 2;}
.eval_star .star_p_display > span{ display: block; position: absolute; left: 0; top: 0; height: 100%; background: #f39800;}

/*20160107新增ck上传公用*/
.ck_img_public{}
.ck_img_public .sort-row .img_pull_down{ width:auto; border:none;}
.ck_img_public .sort-row .pull_down_text{ width:60px; height:28px; line-height:28px; padding-left:4px;}
.ck_img_public .sort-row .pull_down_select ul li{ padding-left:4px;}

.ck_img_public .paging .now_page,.ck_img_public .paging > .hoverbd{ display:none;}
.ck_img_public .paging > span,.ck_img_public .paging > a{padding: 3px 5px; font-size: 12px;}
.ck_img_public .paging input[type="text"] {width: 34px;}
.ck_img_public .paging > .page_submit {padding: 4px 10px;}
.ck_img_public .sort-picture ul li { width: 22.3%;height: 110px;}
.ck_img_public .sort-picture .picBox { width: 93px;height: 90px;}

.ck_img_public .img_upload_box .img_upload_l {width: 70%;height: 452px;}
.ck_img_public .img_upload_box .img_upload_lbox {height: 452px;}
.ck_img_public .sort-picture ul {height: 372px;}
.ck_img_public .sort-paging{ margin:0 auto;}
.ck_img_public .paging{ padding-top:0;}

.ck_img_public .img_upload_box .img_upload_r{ height:452px;}
.ck_img_public .file_btn ul.ul_item1 li .mask_bt { height: 0px; width: 12px;}
.ck_img_public .file_btn .icon-open {margin: 3px 2px 0 -8px;}
.ck_img_public .file_btn .line_v_dasshed{ margin-top:0px; height:10px; width:12px;}
.ck_img_public .file_btn a {line-height: 24px; }
.ck_img_public .file_btn .open_file,.ck_img_public .file_btn .close_file { width: 24px;height: 24px;}
.ck_img_public .file_btn ul.ul_item2 li .mask_bt { height: 0px; width: 16px;}
.ck_img_public .file_btn ul > li > .mask_bt { left: -1px;bottom: 0px;}
.ck_img_public .file_btn ul > li:last-child > .mask_bt { height: 100%; bottom: -18px;left: -6px;}
.ck_img_public .file_btn ul.ul_item2 > li:last-child > .mask_bt { height: 100%; bottom: -13px;left: -6px;}

.ck_img_public .choosed_img{ background:#f5f5f5;width:743px; height:114px; overflow-y:hidden; overflow-x:scroll}
.ck_img_public .choosed_list{ height:104px;}
.ck_img_public .choosed_list li{ width:94px; height:94px; position:relative; background:#fff;}
.ck_img_public .choosed_list li div{ width:94px; height:94px; vertical-align:middle; text-align:center;}
.ck_img_public .choosed_list li div img{ max-width:100%; max-height:100%;}
.ck_img_public .choosed_list li .choosed_delete{ position:absolute; top:0px; right:0px; font-size:16px; font-weight:bold; cursor:pointer;}


/**20160122   --- 操作 -- 商品预览**********************/
.js-act-more > a{ width: 76px;}
.js-act-more a{display: inline-block;}
.js-act-more .act_con{ display: none;}
.js-act-more.active .act_con{ display: block;}
.table_normal td{ position: relative;}
.act_con{ position: absolute; z-index: 3; left: 50%; top: 50%; margin-top: 20px; margin-left: -49px; background: #fff; width: 76px;}
.act_con > div{ display: block; line-height: 24px;position: relative; }
.act_con > div:hover > a,.act_con > div.active > a{ color: #3497db; text-decoration: underline;}
.act_con > div:hover > a.t_999{ cursor: default; color: #999; text-decoration: none; }
.act_con > div .codeId{ display: none; min-width: 100%; text-align: left; position: absolute; right:92px; bottom: -20px; background: #fff; }
.act_con > div.active .codeId{ display: block;}
.act_con > div .codeId:after,.act_con > div .codeId:before { position: absolute; right: -14px; bottom:20px; content: '';border-right:0;border-left:14px solid #ddd;border-top:11px solid transparent;border-bottom: 11px solid transparent;}
.act_con > div .codeId:after{right:-12px;border-left-color:#fff;}
.pop_viewMin{ padding: 0; width: 460px; margin-left: -230px;}
.pop_viewMin .popup_inner .popup_tit{ background: #178dd5;}
.pop_viewMin .popup_inner .popup_tit span,.pop_viewMin .popup_inner .popup_tit .close_btn{ color: #fff;}


/**20160126 - 商品详情页**********************/
.s_22{ font-size: 28px;}
.pr25{ padding-right: 25px;}
.bg_f8{ background: #f8f8f8;}  /*标题 背景色*/
.btn_redbd{background:#fff;border: 1px solid #fb5a3f; color: #fb5a3f; }
.btn_redbd:hover{ background: #fb5a3f; color: #fff;}
.btn_orange{background:#fb5a3f; color: #fff;border: 1px solid transparent;} /*橙色按钮*/
.fixft{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 11;padding:0!important;}

.db{ border: 1px solid #dbdbdb;}  /*实线*/
.db_l{ border-left: 1px solid #dbdbdb;}
.db_r{ border-right: 1px solid #dbdbdb;}
.db_t{ border-top: 1px solid #dbdbdb;}
.db_b{ border-bottom: 1px solid #dbdbdb;}
.db_lr{ border-left: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;}
.db_tb{ border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;}
.ed_l{ border-left: 1px solid #ededed;}

.min_wrap{ font-size: 15px; line-height: 22px; background: #efefef; padding:0!important; padding-bottom:60px!important;}
.top_banner{ position: relative; width: 100%; overflow: hidden;  background: #fff;}
.top_banner > a{ display:block; text-align:center;}
.top_banner img{max-width: 100%; max-height: 100%; vertical-align: middle;}

.btn_xs{ padding:4px 8px;}
.mb100{ margin-bottom:100px;}
.ver_top{ vertical-align:top;}

/*tab选项卡*/
.pro_nav{ position:relative;}
.bd_line{ position: absolute;left: 0; bottom: 0;height: 2px; background: #fd741c; width: 33%;}
.bd_line .icon-iconjiantoushang{position: absolute;bottom: -8px;left: 50%;margin-left: -9px;}
.pro_nav > a{ display: block; width: 33%; float: left; text-align: center;}
.pro_nav > a.active{ color: #fb5a3e;}
.pro_list img{ max-width: 100%;}
.pro_details .pro_nav > a,.pro_details .bd_line{ width:25%;}

.name .fl{ width:80%; padding-right:10px;}
.name .fr{ width:17%; text-align:center;}
.share_btn{ font-size:1.3rem; margin-bottom:2px; text-align:center;}
.pop .share_con{ margin: 0 auto; text-align:center; overflow: hidden; position: relative; top: 50%; margin-top: -75px; z-index:101;}
.pop .share_con img{ padding:8px; background-color:#fff; border-radius:6px;}

.Wdate{cursor: pointer;}