@charset "utf-8";
/* CSS Document */
* html,* html body{
background-image:url(about:blank);    /*用浏览器空白页面作为背景*/
background-attachment:fixed; /* prevent screen flash in IE6 确保滚动条滚动时，元素不闪动*/}

.linkblue a{ color:#06C;}
.linkblue a:hover{ color:#F90; text-decoration:underline;}

body{
	margin:0;
	padding:0;
	background-color:#fff;
	min-height:100%;
	height:auto !important;
	height:100%;
	color:#404040;
    font:12px/1.5 "Microsoft Yahei",Arial;
}


.topbar{ height:35px; line-height:35px; background-color:#edf8fe;}
.topbar .qq-login{ float:right; display:inline-block;  width:120px; height:24px; vertical-align:-7px;}
.sign{ background:url(../images/sign.jpg) no-repeat center center; width:100%; min-width: 1000px; text-align:center; height:120px; overflow:hidden;}
.navbar{ padding-top:10px; background-color:#FFE808; height:30px; position:relative; z-index:10000;}
.navbar .nav-bg{ position:absolute; bottom:-20px; background:url(../images/nav-bg.png) no-repeat center bottom; height:20px; width:100%;}


/*轮换图*/
.fullSlide{ width:100%; position:relative;  height:500px; background-color:#FFF; text-align:center; z-index:998;}
.fullSlide .bd{ z-index:999; margin:0 auto; overflow:hidden;}
.fullSlide .bd ul{ width:100% !important;}
.fullSlide .bd ul li{ width:100% !important;  height:500px; overflow:hidden; text-align:center;}
.fullSlide .bd ul li a{ display:block; height:420px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1000; bottom:30px; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#000;
		filter:alpha(opacity=80);opacity:0.8;  line-height:999px;
	}
.fullSlide .hd ul .on{ background:#FEE31A; filter:alpha(opacity=100);opacity:1; }

.prev,.next{ position:absolute; z-index:1000; background-image:url(../images/direct.png); background-repeat:no-repeat; width:82px; height:82px; top:50%; margin-top:-41px; cursor:pointer;}
.prev{ background-position:0 0; left:50%; margin-left:-500px;}
.next{ background-position:0 -82px; right:50%; margin-right:-500px;}


/*banner*/
.banner{ height:733px;margin-top: 4px;}
.banner .bd ul li{ height:733px; float:left;}
.banner .bd ul li a{ height:733px;}
.banner .desc{ position:absolute; bottom:0; left:0; width:100%; height:40px; z-index:1000;}
.banner .desc .bg{  position:absolute; bottom:0; left:0; width:100%; z-index:1000; height:40px; background-color:#000; opacity:0.7; filter:alpha(opacity=70);}
.banner .desc .bl{ position:relative; width:1000px; height:40px; z-index:1001; margin:0 auto;}
.banner .desc .bl a{ float:left; width:332px; height:40px; border-right:1px solid #FFF; line-height:40px; font-size:16px; color:#FFF; text-decoration:none;}
.banner .desc .bl a:hover{ }
.banner .desc .bl a.first{ border-left:1px solid #FFF;}
.banner .desc .bl a.on{ background-color:#F8C231; color:#404040;}

/*breadcrumb*/
.breadcrumb{  margin-top:15px; height:40px; line-height:40px; color:#666; font-size:14px; padding:0 10px;}
.breadcrumb p{border-bottom:1px solid #EEE;}
.breadcrumb a{ color:#297ABF; text-decoration:none;}
.breadcrumb a:hover{ color:#2D87D0;}


/*vedio*/
.vedio ul li{ float:left; width:480px; padding:5px; background-color:#FFF; box-shadow:1px 1px 1px #AAA,-1px -1px 1px #AAA;}
.vedio ul li:hover{ box-shadow:1px 1px 3px #888,-1px -1px 3px #888;}

/*cover-page*/
.cover-page{ background:url(../images/cover-page.jpg) no-repeat center 0; width:100%; height:790px;}

/*guide*/
.guide ul li{ width:178px; float:left; margin-right:96px;}
.guide ul li.mnone{ margin-right:0;}
.guide ul li a{ display:block; color:#404040; text-decoration:none;}
.guide ul li a:hover{ color:#F60;}


/*line list*/

.line-listview{ width:1020px;}
.line-listview li{ float:left; box-shadow:1px 1px 1px #999;}
.line-listview li:hover{ box-shadow:1px 1px 3px #000;}


.line-listview li a{ position:relative; z-index:9; display:block; background-color:#FFF; text-decoration:none;}
.line-listview li a:hover{ text-decoration:none;}
.line-listview li a .itemtxt{ position:absolute; z-index:10; left:0; background-color:#FFF; color:#666; border-bottom:1px solid #F2F2F2;}
.line-listview li a .desc{ position:absolute; z-index:11; left:0; background-color:#FFF; color:#000; transition: bottom ease .3s;}

.line-listview li.col3{ width:240px; height:470px; margin-right:10px;}
.line-listview li.col3 a{ height:470px; overflow:hidden;}
.line-listview li.col3 .imgCut{ position:relative; width:240px; height:390px; overflow:hidden;}
.line-listview li.col3 .imgCutBox{ position:absolute; left:50%; text-align:center; top:0; margin-left:-350px; width:700px; height:390px;}
.line-listview li.col3 .imgCutBox img{ width:auto; height:390px;}
.line-listview li.col3 a .itemtxt{ width:220px; bottom:0; padding:10px 10px 5px 10px; transition: bottom ease .3s;}
.line-listview li.col3 a .desc{ width:220px; bottom:0;  padding:5px 10px;}
.line-listview li.col3 a:hover .itemtxt{ bottom:80px;}

.line-listview li.col4{ width:320px; height:250px; margin-right:20px; margin-bottom:20px;}
.line-listview li.col4 a{ height:250px; overflow:hidden;}
.line-listview li.col4 a .itemtxt{ width:300px; bottom:-25px; padding:10px 10px 5px 10px; transition: bottom ease .3s;}
.line-listview li.col4 a .desc{ width:300px; bottom:0;  padding:5px 10px;}
.line-listview li.col4 a:hover .itemtxt{ bottom:50px;}


.line-listview li.col6{ width:490px; margin-right:20px; margin-bottom:20px;}
.line-listview li.col6 a{ height:460px; overflow:hidden;}
.line-listview li.col6 a .itemtxt{ width:470px; bottom:-25px; padding:10px; transition:bottom ease .3s;}
.line-listview li.col6 a .desc{ width:470px; bottom:0;  padding:10px;}
.line-listview li.col6 a:hover .itemtxt{ bottom:70px;}
.line-listview li.col6 h3 a{ color:#BC0032;}

.line-listview li.col6-s a{ height:250px;}
.line-listview li.col6-s a .itemtxt{ bottom:-41px;}
.line-listview li.col6-s a:hover .itemtxt{ bottom:50px;}

.more{ display:inline-block; background-color:#FFC926; padding:5px 10px; font-size:20px; color:#333; border-radius:5px; box-shadow:1px 1px 3px rgba(0,0,0,0.7);}
.more:hover{ color:#000; background-color:#FFCE3C;}

.more-line a{ display:block; box-shadow:1px 1px 3px rgba(0,0,0,0.3);}
.more-line a:hover{ box-shadow:2px 2px 5px rgba(0,0,0,0.7);}

.tabs2 a{ float:left; padding:3px 8px; color:#666; margin-right:10px;}
.tabs2 a:hover{ color:#F90;}
.tabs2 a.active{ background-color:#0185D8; color:#FFF;}

.line-menu li.bgcolorange{ background-color:#FFF8E3;}
.line-menu li a{ display:block; height:30px; line-height:30px; color:#666;}
.line-menu li a:hover{ color:#F60;}


/*contact*/
.contact{ width:100%; z-index:10000; background:url(../images/repeat-x.png) repeat-x 0 0; height:130px;}

/*bg*/
.bg1{ background:url(../images/bg1.jpg) no-repeat center 0; padding:30px 0 50px 0; position:relative; z-index:1000;}
.bg1-top{ background:url(../images/bg1-top.png) no-repeat center 0; position:absolute; height:20px; width:100%; top:-20px; left:0;}
.bg2{ background:url(../images/bg2.jpg) no-repeat center 0; padding:30px 0 50px 0; position:relative; z-index:1001}
.bg2-top{ background:url(../images/bg2-top.png) no-repeat center 0; position:absolute; height:20px; width:100%; top:-20px; left:0;}
.bg3{ background:url(../images/bg3.jpg) no-repeat center 0; padding:30px 0 50px 0; position:relative; z-index:1002;}
.bg3-top{ background:url(../images/bg3-top.png) no-repeat center 0; position:absolute; height:20px; width:100%; top:-20px; left:0;}
.bg4{ background:url(../images/bg4.jpg) no-repeat center 0; padding:30px 0 50px 0; position:relative; z-index:1003;}
.bg4-top{ background:url(../images/bg4-top.png) no-repeat center 0; position:absolute; height:20px; width:100%; top:-20px; left:0;}
.bg5{ background:url(../images/bg5.jpg) no-repeat center 0; padding:30px 0 50px 0; position:relative; z-index:1004;}
.bg5-top{ background:url(../images/bg5-top.png) no-repeat center 0; position:absolute; height:20px; width:100%; top:-20px; left:0;}
.bg6{ background:url(../images/bg6.jpg) no-repeat center 0; padding:30px 0 50px 0; position:relative; z-index:1005;}
.bg6-top{ background:url(../images/bg6-top.png) no-repeat center 0; position:absolute; height:20px; width:100%; top:-20px; left:0;}
.bg7{ background:url(../images/bg7.jpg) no-repeat center 0; padding:30px 0 50px 0; position:relative; z-index:1006;}
.bg7-top{ background:url(../images/bg7-top.png) no-repeat center 0; position:absolute; height:20px; width:100%; top:-20px; left:0;}

/*20210126 隐藏模块*/
.bg2,.bg3,.bg4,.bg5,.bg6,.bg7{
	display: none;
}

.colblue{ color:#00B8FE;}
.colblue2{ color:#7BC1FF;}
.colred{ color:#BC0032;}
.colred2{ color:#DD127B;}
.colyellow{ color:#FEE31A;}

/*box*/
.xp_box1{ border:1px solid #DFDFDF; background-color:#FFF;}
.xp_box1 h3{ color:#333; padding-left:20px;}
.xp_box1 ul li{ height:40px; line-height:40px; text-indent:20px;}
.xp_box1 ul li a{ display:block; height:40px; color:#666;}
.xp_box1 ul li a:hover{ color:#F60; text-decoration:none;}
.xp_box1 ul li.active{ background-color:#FAFAFA; border-left:3px solid #0185D8; font-weight:bold; text-indent:17px;}
.xp_box1 ul li.active a{  color:#0185D8; text-decoration:none;}

.xp_box2{ border:1px solid #DFDFDF; background-color:#FFF;}
.xp_box2 .bhead{  line-height:30px; border-bottom:1px solid #CCC;}
.xp_box2 .bhead h3{ float:left; position:relative; padding:0 10px;  border-bottom:1px solid #0185D8; top:0; _margin-bottom:-1px; color:#333;}

.xp_box3{ border:1px solid #DDD;}
.xp_box3 .bdb{ border-bottom:1px dotted #CCC;}

/*button*/
.button{ display:inline-block; padding:3px 10px 5px; color:#FFF; cursor:pointer; line-height:normal;}
.button:hover{ color:#FFF; text-decoration:none;}
.btn-orange{ background-color:#FFA200; border:1px solid #FF9204;}
.btn-orange:hover{ background-color:#FFA815; border-color:#FD9200;}
.btn-yellow{ background-color:#FEE31A; padding:5px 10px; color:#333;}
.btn-yellow:hover{ background-color:#FEDF05; color:#000;}
.btn-mini{ padding:3px 10px;}

.form-txt{ padding: 3px;
border: solid 1px #CCC;
box-shadow: 1px 1px 3px #DDDDDD inset;}


.bg-lightblue{ background-color:#F0F9FF;}

/*icon*/
.icon{ position:absolute; display:inline-block; width:20px; height:20px; background-image:url(../images/icon20.png); background-repeat:no-repeat;}
.icon-home{ background-position:0 0; top:8px; left:0;}
.icon-list{ background-position:0 -20px; top:5px; left:5px;}
.icon-arrow-down{ background-position:0 -100px; top:5px; right:5px;}
.icon-close{ background-position:0 -60px; right:10px; top:10px; cursor:pointer;}
.icon-qq{ background-position:0 -80px; left:5px; top:5px;}

/*table*/
/*.tablelist{border-top:1px solid #E9E9E9; background:#fff; line-height:25px;}
.tablelist thead th{ border-left:1px solid #0171B4; border-right:1px solid #118CDF; height:25px; line-height:25px; padding-top:5px; padding-bottom:5px; color:#333333; font-weight:bold; color:#FFF;}
.tablelist tbody td{ border-left:1px solid #E9E9E9; border-right:1px solid #FFFFFF; border-bottom: 1px solid #ECECEC; padding-top:4px; padding-bottom:4px;}
.tablelist tbody tr.odd{background-color:#F6FAFD;}
.tablelist tbody tr.hover{background-color:#FFC;}
.tablelist tbody tr.active{background-color:#FFF8E4;}
.tablelist tbody tr .order-btn{ display:block; width:65px; margin:0 auto; height:22px; line-height:22px; text-align:center; color:#327BB9;}
.tablelist tbody tr.hover .order-btn{ background:url(../images/order-btn.png) no-repeat 0 0; color:#FFF; font-weight:bold;}
.tablelist tbody tr.mustgray td,.tablelist tbody tr.mustgray td a{color:#999 !important;}

.tableedit{border-top:1px solid #E9E9E9;}
.tableedit thead,.tableedit thead tr{background:url(../images/titleBg.gif) repeat-x left -12px;}
.tableedit thead td{background:url(../images/titleBgr.gif) repeat-y left bottom; height:18px; line-height:18px; padding:5px 0 5px 12px; font-weight:bold}
.tableedit tbody td{background:url(../images/titleBgr.gif) repeat-y left bottom; border-bottom:1px solid #ECECEC; line-height:150%; padding:5px 0 5px 10px;}
.tableedit .text,.tableedit input[type="text"]{height:14px; line-height:14px; padding:5px 3px;}

.tableson{margin:10px 0; background:#EEEEEE;}
.tableson td{padding:0 6px;}
.tableson tbody td{ background:#fff; line-height:36px;}
.tableson thead td{font-weight:bold; line-height:28px; color:#666;}

.tablecount{background:#8ECBE3; border:1px solid #E9E9E9; border-left:none; border-bottom:none;}
.tablecount td{padding-top:3px; padding-bottom:3px;}
.tablecount thead td{background:#F7F7F7; font-weight:bold; color:#666666;}
.tablecount tbody td{background:#fff;}

.tableorange{margin:10px 0; background:#F63;}
.tableorange td{padding:0 6px;}
.tableorange tbody td{ background:#FFF7EE; line-height:36px;}
.tableorange thead td{font-weight:bold; line-height:28px; color:#666;}
*/
/*footer*/
#footer{ background-color:#F5F5F5; height:180px; color:#666;}
#footer a{ color:#06C;}
#footer a:hover{ color:#F60; text-decoration:underline;}

.foot-menu a{ padding:0 11px;}
.foot-menu a.pdnone{ padding-left:0;}

.icon25{ display:inline-block; background:url(../images/icon25.png) no-repeat; width:25px; height:25px;}
.icon-kefu{ background-position:0 0;}
.icon-order{ background-position:0 -25px;}
.icon-desk{ background-position:0 -50px;}
.icon-totop{ background-position:0 -75px;}
.icon-code{ background-position:0 -100px;}

/*fixed*/
#returnTop{ width:40px; background-color:#333; background-color:rgba(0,0,0,0.5);  *background-color:#333; height:100%; z-index:10000; right:0; left:auto;}
#returnTop .cont{ height:100%; overflow:hidden;}
#returnTop .item{ position:relative; width:40px; margin-top:5px;}
#returnTop .item a{ display:block; width:40px; padding-top:2px; padding-bottom:2px; text-align:center;}
#returnTop .item a span{color:#FFF;}
#returnTop .item a:hover,#returnTop .hover a{ background-color:#F8C231; text-decoration:none;}
#returnTop .item a:hover span,#returnTop .hover a span{ color:#404040;}
#returnTop .item a i.icon25{ display:block; margin:0 auto; }
#returnTop .item a:hover .icon-kefu,#returnTop .hover a .icon-kefu{ background-position:0 -125px;}
#returnTop .item a:hover .icon-order{ background-position:0 -150px;}
#returnTop .item a:hover .icon-desk{ background-position:0 -175px;}
#returnTop .item a:hover .icon-totop{ background-position:0 -200px;}

#returnTop .item a:hover .icon-code,#returnTop .hover a .icon-code{ background-position:0 -225px;}


#returnTop .item .server-box{ display:none; position:absolute; width:180px; color:#404040; right:40px; top:0; border:1px solid #DDD; background-color:#FFF;}
#returnTop .item .server-box li{ border-bottom:1px solid #DDD; padding:10px;}
#returnTop .item .server-box li.last{ border-bottom:0;}
#returnTop .item .server-box li h3{ font-size:14px;}
#returnTop .item .server-box li a{ width:auto; padding:0; margin:0; margin-top:5px; margin-right:10px;}
#returnTop .item .server-box li a img{ padding:0; margin:0; vertical-align:middle;}
#returnTop .item .server-box li a{ background-color:transparent;}
#returnTop .item .s-code{ display:none; position:absolute; right:51px; top:-65px; box-shadow:0 0 2px #999;}
#returnTop .item .s-code em{ position:absolute;  right:-20px; top:85px; display:inline-block;
width:0;
height:0;
font-size:0;
line-height:0;
border-width:10px;
border-color:transparent transparent transparent #FFFFFF;
border-style:dashed dashed dashed solid;}
#returnTop2 .item  .s-code em:after{
position: absolute;
left:-17px;
top:-7px;
content:"";
width:14px;
height:14px;
box-shadow: 1px 1px 1px #CCC;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}

/*QQ客服*/
.server{ width:100%; position:relative; height:95px; z-index:10003;}
.server .bg{ position:absolute; z-index:9999; left:0; width:100%; height:95px; background-color:#5194D0; opacity:0.7; filter:alpha(opacity=70);}
.phone{ background:url(../img/phone.png) no-repeat 0 0; padding-left:60px;}

.fixed-top{  position:fixed;  right:0; top:30px; _position:absolute; _bottom:0; _top:expression(eval(document.documentElement.scrollTop));} /* IE6 头部固定 */
.fixed-bottom{ position:fixed;  right:0; bottom:0; _position:absolute;  _bottom:0; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}/* IE6 底部固定 */


/* condition */
.box-condition{
	border:1px solid #ddd;
	background-color:#fff;
}
.box-condition .box-condition-hd{
	height:40px;
	border-bottom:2px solid #0F9DEF;
}
.tab-condition{
	height:40px;
}
.tab-condition .tab-item{
	float:left;
	height:40px;
}
.tab-condition .tab-item-more{
	position:relative;
	z-index:10;
	float:right;
	height:40px;
}
.tab-condition .active{
	background-color:#50b400;
}
.tab-condition .tab-item .tab-link,
.tab-condition .tab-item-more .tab-link{
	position:relative;
	display:block;
	height:40px;
	line-height:40px;
	padding:0 20px;
	font-size:14px;
}
.tab-condition .tab-item-more .tab-more-link{
	display:block;
	width:2em;
	height:40px;
	line-height:40px;
	padding-left:10px;
	padding-right:20px;
	font-size:14px;
}
.tab-condition .tab-item .tab-link:hover{
	background-color:#f5f5f5;
	color:#f60;
}
.tab-condition .open .tab-more-link{
	position:absolute;
	right:-1px;
	top:-1px;
	z-index:12;
	height:40px;
	border:1px solid #ccc;
	border-bottom:0;
	background-color:#fff;
	color:#000;
}
.tab-condition .active .tab-link,
.tab-condition .active .tab-link:hover{
	background-color:#0F9DEF;
	color:#fff;
}
.tab-condition .tab-item-more .tab-more-link .tab-arrow{
	position: absolute;
	right: 8px;
	top: 50%;
	margin-top: -3px;
	z-index: 11;
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	border-width: 5px;
	border-style: solid dashed dashed dashed;
	border-color: #0F9DEF transparent transparent transparent;
	-ms-transform: rotate(0);
	-moz-transform: rotate(0);
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-ms-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-webkit-transition: all linear .3s;
	transition: all linear .3s;
}
.tab-condition .open .tab-more-link .tab-arrow{
  margin-top: -7px;
  border-color: #0F9DEF transparent transparent transparent;
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.tab-condition .tab-item-more .tab-dropdown-list{
	display:none;
	position:absolute;
	right:-1px;
	top:39px;
	z-index:11;
	width:100px;
	max-height:160px;
	_heigth:160px;
	border:1px solid #ccc;
	background-color:#fff;
	box-shadow:-1px 1px 1px rgba(0,0,0,.1);
	overflow-y:auto;
}
.tab-condition .open .tab-dropdown-list{
	display:block;
}
.tab-dropdown-list .tab-item{
	width:100%;
	height:32px;
}
.tab-dropdown-list .tab-item .tab-link{
	height:32px;
	line-height:32px;
	padding:0;
	text-align:center;
}

.box-condition .box-condition-bd{
	padding:10px;
}
.condition-groups{
	padding:5px 0;
	border-bottom:1px dotted #ccc;
	font-size:14px;
}
.condition-groups:last-child{
	border-bottom:none;
}
.condition-groups .groups-hd{
	float:left;
	width:80px;
	height:35px;
	line-height:35px;
	text-align:right;
}
.condition-groups .groups-bd{
	padding-top:4px;
	margin-left:80px;
	margin-right:70px;
}
.condition-groups .groups-bd .groups-condition-inner a{
	float:left;
	padding:3px 8px;
	margin-right:10px;
}
.condition-groups .groups-bd .groups-condition-inner a.active{
	background-color:#0F9DEF;
	color:#fff;
}
.condition-groups .groups-bd .groups-condition-inner a input{
	display:none;
}
.condition-groups .groups-bd .groups-condition-btns{
	display:none;
	padding:5px;
	text-align:center;
}
.groups-condition-btns .btn-check-ok,
.groups-condition-btns .btn-check-cancel{
	display:inline-block;
	padding:3px 8px;
	border-radius:2px;
	font-size:12px;
}
.groups-condition-btns .btn-check-ok{
	background-color:#f60;
	border:1px solid #E15A00;
	color:#fff;
}
.groups-condition-btns .btn-check-cancel{
	background-color:#f8f8f8;
	border:1px solid #ddd;
}
.condition-groups .groups-bd-check{

}
/*groups-bd-check*/
.condition-groups .groups-bd-check .groups-condition-inner a.all{
	display:none;
}
.condition-groups .groups-bd-check .groups-condition-inner a input{
	display:inline-block;
}
.condition-groups .groups-bd-check .groups-condition-btns{
	display:block;
}

.condition-groups .groups-ft{
	float:right;
	width:60px;
	text-align:right;
	font-size:12px;
}
.condition-groups .groups-ft .btn-check-more{
	display:inline-block;
	width:48px;
	height:22px;
	line-height:22px;
	border:1px solid #ddd;
	border-radius:2px;
	margin-top:5px;
	background-color:#f8f8f8;
	text-align:center;
}
.condition-groups .groups-ft .btn-check-more:hover{
	border-color:#0F9DEF;
	background-color:#0F9DEF;
	color: #fff;
}
.condition-groups .groups-ft .btn-check-more .icon-more{
	font-size:14px;
	font-family:Arial;
	color:#0F9DEF;
}
.condition-groups .groups-ft .btn-check-more:hover .icon-more{
	color:#fff;
}
/* search-form */
.form-search{
	padding:10px 20px;
	border-top:1px solid #ddd;
	background-color:#f8f8f8;
	line-height:30px;
}

.form-search .input-text{
	height:20px;
	line-height:20px;
	width:90px;
	padding:4px;
	border:1px solid #ddd;
	background-color:#fff;
	font-size:12px;
	color:#404040;
}
.form-search .input-w300{
	width:300px;
}
.form-search .btn-form-search{
	position:relative;
	height:30px;
	line-height:30px;
	padding-left:45px;
	padding-right:30px;
	border:0;
	background-color:#0F9DEF;
	color:#fff;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
}
.form-search .btn-form-search .icon-search{
	position:absolute;
	left:22px;
	top:50%;
	width:20px;
	height:20px;
	margin-top:-10px;
	background:url('../images/icon-search.png') no-repeat 0 0;
	vertical-align:middle;
}
.form-search .btn-form-search:hover{
	background-color:#2FB2E8;
	color:#fff;
}

/* sort */
.box-sort{
	margin-bottom:10px;
	width:998px;
	height:40px;
	border:1px solid #ddd;
	background-color:#f5f5f5;
}
.box-sort .box-sort-hd{
	position:relative;
	top:-1px;
	float:left;
	width:80px;
	height:39px;
	line-height:38px;
	border-top:2px solid #0F9DEF;
	border-right:1px solid #ddd;
	background-color:#fff;
	font-size:14px;
	color:#000;
	font-weight:normal;
	text-align:center;
}
.box-sort .box-sort-tab{
	height:40px;
}
.box-sort-tab .sort-tab-item{
	float:left;
	height:40px;
}
.box-sort-tab .sort-tab-item:hover{
	background-color:#fff;

}
.box-sort-tab .sort-tab-item .sort-tab-link{
	display:block;
	height:40px;
	line-height:40px;
	padding-left:10px;
	padding-right:10px;
}
.box-sort-tab .sort-tab-item:hover .sort-tab-link{
	color:#333;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	padding-right:9px;
	margin-left:-1px;
}
.box-sort .area-price-range{
	position:relative;
	z-index:10;
	width:210px;
	height:40px;
}
.area-price-range .area-price-range-inner{
	height:24px;
	padding:8px 10px;
}
.area-price-range .area-price-range-inner label{
	float:left;
	width:60px;
	line-height:24px;
	text-align:right;
}
.area-price-range .area-price-range-inner .ipt-price-range{
	width:54px;
	height:18px;
	line-height:18px;
	padding:2px;
	border:1px solid #ddd;
	background-color:#fff;
}
.area-price-range .area-price-range-inner .area-sep{
	width:10px;
	height:24px;
	line-height:24px;
	text-align:center;
}
.area-price-range .area-price-range-inner .btn-price-range-ok{
	display:none;
	width:40px;
	height:24px;
	line-height:24px;
	border:0;
	margin-left:10px;
	_margin-left:5px;
	background-color:#f60;
	text-align:center;
	color:#fff;
}
.area-price-range:hover{ z-index:11;}
.area-price-range:hover .area-price-range-inner{
	position:absolute;
	left:-1px;
	top:-1px;
	width:240px;
	border:1px solid #ccc;
	background-color:#fff;
	box-shadow:1px 1px 3px rgba(0,0,0,0.1);
}
.area-price-range:hover .area-price-range-inner .btn-price-range-ok{
	display:block;
}
.box-sort .groups-select{
	float:left;
	height:40px;
}
.groups-select .select-item{
	position:relative;
	z-index:10;
	width:60px;
	height:40px;
}
.groups-select .select-item .select-item-inner{
	width:60px;
	text-align:center;
}
.select-item-inner .select-hd{
	position:relative;
	z-index:10;
	width:60px;
	height:40px;
	line-height:40px;
	cursor:pointer;
}
.groups-select .select-item:hover .select-hd{
	color:#000;
}
.select-item-inner .select-bd{

	display:none;
	width:100%;
}
.select-item-inner .select-bd .select-option{
	height:30px;
}
.select-item-inner .select-bd .select-option a{
	display:block;
	height:30px;
	line-height:30px;
}
.select-item-inner .select-bd .select-option a:hover{
	background-color:#f5f5f5;
}
.groups-select .select-item:hover .select-item-inner{
	position:absolute;
	left:-1px;
	top:-1px;
	z-index:11;
	width:60px;
	border:1px solid #ccc;
	background-color:#fff;
}
.groups-select .select-item:hover .select-item-inner .select-bd{
	display:block;
}


.box-sort{

}
.box-sort .menus-plan-oprate{
	float:right;
	height:40px;
	line-height:40px;
}
.box-sort .menus-plan-oprate .menu-item{
	float:left;
	height:40px;
	line-height:40px;
	padding:0 10px;
	font-size:14px;
	color:#404040;
}
.box-sort .menus-plan-oprate .menu-item:hover{
	padding:0 9px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	background-color:#fff;
	color:#f60;
}
.box-sort .menus-plan-oprate .menu-item:hover .icon-open-eye{
	background-position:0 -100px;
}
.box-sort .menus-plan-oprate .menu-item:hover .icon-close-eye{
	background-position:0 -140px;
}
.box-sort .menus-plan-oprate .menu-item:hover .icon-download{
	background-position:0 -180px;
}
.box-sort .menus-plan-oprate .menu-item:hover .icon-export{
	background-position:0 -220px;
}
.box-sort .styles-table{
	float:right;
	width:82px;
	height:40px;
	margin-left:10px;
	text-align:center;
}
.box-sort .styles-table .style-item{
	float:left;
	width:40px;
	height:40px;

	line-height:40px;
	border-left:1px solid #ddd;
}
.box-sort .styles-table .style-item a{
	display:block;
	width:40px;
	height:40px;
}
.box-sort .styles-table .style-item .icon-sort{
	margin-top:10px;
}
.box-sort .styles-table .active .icon-grid{
	background-position:0 -20px;
}
.box-sort .styles-table .active .icon-calendar{
	background-position:0 -60px;
}
.box-sort .styles-table .active{
	background-color:#fff;
}

.icon-sort{
	display:inline-block;
	width:20px;
	height:20px;
	background-image:url('../images/icon-sort.png');
	background-repeat:no-repeat;
	vertical-align:text-bottom;
}
.icon-grid{
	background-position:0 0;
}
.icon-calendar{
	background-position:0 -40px;
}
.icon-open-eye{
	background-position:0 -80px;
}
.icon-close-eye{
	background-position:0 -120px;
}
.icon-download{
	background-position:0 -160px;
}
.icon-export{
	background-position:0 -200px;
}
.icon-sort-arrow{
	display:inline-block;
	width:10px;
	height:12px;
	background-image:url('../img/icon-sort.png');
	background-repeat:no-repeat;
	vertical-align:baseline;
}
.icon-arrow-down{
	background-position:0 -240px;
}
.icon-arrow-up{
	background-position:-10px -240px;
}
.icon-sort-caret{
	position:absolute;
	right:8px;
	top:50%;
	width:7px;
	height:4px;
	margin-top:-2px;
	background-image:url('../images/icon-sort.png');
	background-repeat:no-repeat;
}
.icon-caret-down{
	background-position:0 -255px;
}
.icon-caret-up{
	background-position:-7px -255px;
}

/* table */
.table-plan{}
.table-plan-calendar{}
/*plan table*/
.table-plan {
	table-layout:fixed;
	width:100%;
	margin-bottom:20px;
	background-color: #FFF;
	border-spacing:0;
	border: 1px solid #DDDDDD;
  	border-collapse: separate;
	border-top:0;
	border-spacing:0;
	color:#666;
	text-align:center;
}

.table-plan thead,.table-plan th{
	background-color:#EEEEEE;
	color: #404040;
}
.table-plan th, .table-plan td {
	position:relative;
  	padding:6px 8px;
  	vertical-align: top;
  	border-top: 1px solid #ddd;
  	vertical-align:middle;
}
.table-plan th{
	padding:8px 10px;
	border-bottom: 0;
}
.table-plan tbody tr:nth-child(even){
	background-color:#F8F8F8;
}
.table-plan tbody tr:hover{
	background-color:#FFFFCC;
}
.btn-reserve{
	display:inline-block;
	padding:3px 8px;
	border:0;
	font:12px;
	color:#06c;
}
.btn-disable{
	color:#888;
	cursor:not-allowed;
}
.table-plan tbody tr:hover .btn-reserve{
	background-color:#f60;
	color:#fff;
}
.table-plan tbody tr:hover .btn-disable{
	background-color:#ddd;
	color:#888;
}

.table-blue{
	border-color:#DEE6FE;
	border-top:1px solid #DEE6FE;
}
.table-blue thead,.table-blue th{
	background-color:#D0DAFD;
	color:#364B84;
}
.table-blue th,.table-blue td{
	border-left:1px solid #fff;
	border-color:#fff;
}
.table-blue tbody tr:nth-child(even){
	background-color:#EFF3FF;
}
.table-blue tbody tr:hover{
	background-color:#FFFFCC;
}

.table-green{
	border-color:#c2c2c2;
	border-left:0;
}
.table-green th,.table-green td{
	border-left:1px solid #C2C2C2;
	border-color:#C2C2C2;
}
.table-green thead,.table-green th{
	border-color:#85A170;
	background-color:#0F9DEF;
	color:#fff;
}

.status-normal {
    background-color: #0F9DEF !important;
}

.table-green thead th{
	border-left:1px solid #999;
}
.table-green tbody tr:nth-child(even){
	background-color:#F3F3F3;
}
.table-green tbody tr:hover{
	background-color:#FFFFCC;
}



/*main-nav*/
.main-nav{
	position: relative;
	z-index: 21;
	line-height:32px;
}

/*main-nav-item*/
.main-nav .main-nav-item,
.main-nav .main-nav-item-more{
	position: relative;
	z-index: 22;
	float:left;
	height: 30px;
	display:none;
	/*padding-left:3px;*/
	/*margin-right:10px;*/
}
.main-nav .open{
	background: transparent url("../img/nav-li-bg.png") no-repeat scroll 0px -34px;
}

.main-nav .hover{
	background: transparent url("../img/nav-li-bg.png") no-repeat scroll 0px -34px;
}

/*main-nav-link*/
.main-nav .main-nav-item .main-nav-link{
	position: relative;
	z-index: 24;
	display: block;
	height: 30px;
	line-height: 30px;
	/*padding-left:17px;
	padding-right:20px;*/
	padding:0 20px;
	font-size: 16px;
	color: #333;
	background-image:none;
	/*background-color:#2994c2;*/
	border-radius:3px;
}
.main-nav .active{
	background-color:#2994c2;
	color:#FFF !important;
	border-radius:3px;
	}
.main-nav .hover .main-nav-link{
	/*background: transparent url("../img/nav-li-bg.png") no-repeat scroll right -34px;*/
	background-color:#2994c2;
	color: #fff;
}
.main-nav-link:hover {
    text-decoration: none;
}
.main-nav .active .main-nav-link{
	color: #fff;
}
.main-nav .active.hover .main-nav-link{
	background-color: #2994c2;
	color: #fff;
}
.main-nav .main-nav-item-more .main-nav-link{
	position: relative;
	z-index: 24;
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left:20px;
	padding-right:25px;
	font-size: 16px;
	color: #333;
}
.main-nav .open > .main-nav-link{
	/*background-color:#2994C2;*/
	border-radius:3px;
	color:#333;
}
.main-nav .has-sub-nav .main-nav-link{
	padding-right:25px;
}

/*main-nav-arrow*/
.main-nav .main-nav-item .main-nav-link .main-nav-arrow,
.main-nav .main-nav-item-more .main-nav-link .main-nav-arrow{
	display:none;
	position: absolute;
	right:10px;
	top: 50%;
	z-index: 25;
	width: 20px;
	height: 10px;
	margin-top: -3px;
	background-image: url("../images/icon20.png");
	background-repeat: no-repeat;
	background-position: 0 -106px;
	line-height: 0;
	font-size: 0;
}
.main-nav .main-nav-item .main-nav-link .main-nav-arrow{
	display:none;
	position: absolute;
	right:10px;
	top: 50%;
	background-image: url("../images/icon20.png");
	background-repeat: no-repeat;
	background-position: 0 -106px;
	}
.main-nav-dropdown-list{
	border-radius:3px;
	}
.main-nav .main-nav-link:hover{
	background-color:#2994C2;
	border-radius:3px;
	color:#fff;
	}

.main-nav .open > .main-nav-link{
	background-color:#2994C2;
	border-radius:3px;
	color:#fff;
	}
/*.main-nav .main-nav-link:hover span{
	color:#fff;
	}*/
.main-nav .hover .main-nav-link .main-nav-arrow,
.main-nav .open .main-nav-link .main-nav-arrow{
	background: transparent url("../images/icon20.png") no-repeat scroll 0px -45px;

}
.main-nav .has-sub-nav .main-nav-link .main-nav-arrow,
.main-nav .main-nav-item-more .main-nav-link .main-nav-arrow{
	display:block;
}

/*sub-nav*/

.sub-nav li a{ display:block; height:30px; color:#FFF; font-size:14px; text-decoration:none; padding:0 10px;}
.sub-nav li a:hover{ background-color:#177DD9; color:#FFF; text-decoration:none;}

.main-nav .main-nav-item .sub-nav-wrapper{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 23;
	width: 200px;
	padding: 5px 0;

}
.main-nav .hover .sub-nav-wrapper{
	background-color:rgba(29,137,231,0.8);
	border-radius:3px;
	display: block;
}
.sub-nav-wrapper .sub-nav{

	line-height: 30px;
}
.sub-nav-wrapper .sub-nav .sub-nav-item{
	height: 30px;
}

/*main-nav-drowdown-list*/
.main-nav .main-nav-item-more .main-nav-dropdown-list{
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	width: 150px;
	background-color:#fff;
	background-color: rgba(255,255,255,.9);
	box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.main-nav .open .main-nav-dropdown-list{
	display: block;
}
.main-nav-dropdown-list .main-nav-item{
	float: none;
	width: 150px;
	height: 40px;
	background-image:none;
	padding:0;
	margin-bottom:0;
}
.main-nav-dropdown-list .hover{
	border:0;
	color: #0F9DEF;
	background-image:none;
}
.main-nav-dropdown-list .main-nav-item .main-nav-link{
	background-image:none;
	width: 120px;
	height: 40px;
	line-height: 40px;
	padding:0;
	padding-left:20px;
	padding-right: 10px;
	text-align: center;
	color:#333;
}
.main-nav-dropdown-list .hover .main-nav-link{
	height: 40px;
	line-height: 40px;
	background-image:none;
	color: #fff;
}
.main-nav-dropdown-list .main-nav-item .main-nav-link .main-nav-arrow{
	display: none;
	position: absolute;
	left:10px;
	right: auto;
	top: 50%;
	z-index: 25;
	width: 6px;
	height: 11px;
	margin-top:-6px;
	background-repeat: no-repeat;
	/*background-position: -12px 0;*/
	line-height: 0;
	font-size: 0;
}
.main-nav-dropdown-list .hover .main-nav-link .main-nav-arrow{
	background-position:-18px 0;
}
.main-nav-dropdown-list .has-sub-nav .main-nav-link .main-nav-arrow{
	display: block;
}
.main-nav-dropdown-list .main-nav-item .sub-nav-wrapper{
	left: -200px;
	top: 0;
}


/*line_list.html*/
/*product-box*/
.inner{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.product-box{
	width: 1000px;
	border: 1px solid #ddd;
	background-color: #fff;
	margin-top: 35px;
	margin-bottom:15px;
}
.bread-nav{
	padding: 10px;
}
.bread-nav em{
	margin: 0 10px;
}
.product-box .product-list li {
	border: 1px #e4e4e4 solid;
    background: #FFF;
    width: 305px;
    height: 285px;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}
.product-box .product-list li:hover{
	border-color:#ccc;
	box-shadow:0 0 5px rgba(0,0,0,.3);
	}
.product-box .product-list li .pro-img{
	width: 305px;
	height: 200px;
	overflow: hidden;
}
.product-box .product-list li .pro-img img{
	width: 305px;
}
.pro-cont .pro-tit{
	padding: 0 10px;
	font-size: 16px;
	color: #3391D2;
	height: 40px;
	line-height:40px;
}
.pro-cont .pro-tit a{
	font-size: 16px;
}
.pro-cont .pro-tit a:hover{
	color: #0F9DEF;
}
.pro-cont .pro-price em{
	color: #e86e1d;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	margin-left: 10px;
	font-size: 16px;
	font-weight: bold;
}
.pro-cont .pro-price a{
	float: right;
	margin-right: 10px;
	width: 100px;
	height: 30px;
	border-radius: 5px;
	background-color: #e86e1d;
	text-align: center;
	line-height: 30px;
	color: #fff;
}
.pro-cont .pro-price a:hover{
	color: #0F9DEF;
}

/*pagination*/
.pagination{ height:30px; text-align:center;margin: 20px 0;}
.pagination a,.pagination span{ display:inline-block; border:1px solid #DDD; background-color:#FFF; color:#666; height:28px; line-height:28px; padding:0 10px; border-radius:2px; margin:0 3px; cursor:pointer; box-shadow:1px 1px 2px rgba(0,0,0,0.1);}
.pagination a:hover,.pagination span:hover,.pagination a.active{ background-color:#FF5918; border-color:#E33F00; color:#FFF; text-decoration:none;}

/* turn-page */
.turn-page{
	height:80px;
	padding:20px 0;
	border-top:1px solid #ddd;
}
.turn-page a{
	display:block;
	width:49%;
	line-height:30px;
	font-size:14px;

}
.turn-page a p{
	display:block;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.turn-page a .title{
	height:30px;
	line-height:30px;
	color:#333;
	font-weight:bold;
}
.turn-page .nex01t{
	float:left;
	border-right:1px dotted #ccc;
}
.turn-page .prev01{
	float:right;
}


.hide{
	display:none;
	}


/* bbs */
.box{
	min-height:300px;
	border:1px solid #ddd;
}
.box>.hd{
	padding:10px 0;
	border-bottom:1px solid #ddd;
}
.box>.hd h3{
	line-height:30px;
	font-size:24px;
	font-weight:normal;
}
.box>.hd .info-title{
	font-size:20px;
}
.box>.hd .info-desc{
	margin-top:5px;
	height:28px;
	line-height:28px;
	color:#999;
}
.box>.bd{
	padding:10px 0;
}
.box>.bd .msg{
	line-height:24px;
	font-size:14px;
}
.box>.bd .msg img{
	max-width:100%;
	height:auto;
	margin-bottom:10px;
}
.list-text li{
	height:32px;
	line-height:32px;
	border-bottom:1px dotted #ccc;
	font-size:14px;
}
.list-text li .time{
	float:right;
	width:120px;
	color:#999;
	text-align:right;
}

/* listview */
.list-pic{
	padding-top:10px;
	padding-bottom:10px;
	overflow:hidden;
}
.list-pic .li-item{
	display:inline;
 	float:left;
	width:178px;
	padding:4px;
	border:1px solid #ddd;
	margin-left:10px;
	overflow:hidden;
}
.list-pic .li-item:hover{
	border-color:#ccc;
	box-shadow:0 0 5px rgba(0,0,0,.3);
}
.list-pic .li-item .img-link{
	display:block;
	width:178px;
	height:100px;
}
.list-pic .li-item .img-link img{
	display:block;
	width:178px;
	height:100px;
	background:url(../img/loading.gif) center center no-repeat;
}
.list-pic .li-item .info{
	padding:5px;
}
.list-pic .li-item .title{
	height:30px;
	line-height:30px;
	font-weight:normal;
	font-size:16px;
}
.list-pic .li-item .desc{
	height:40px;
	overflow:hidden;
	line-height:20px;
	color:#999;
}
.list-pic .li-item .operate{
	background-color:#f8f8f8;
	height:30px;
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
}
.list-pic .li-item .operate .operate-item{
	text-align:right;
	color:#999;
}
.list-pic .li-item .operate .operate-item a{ color:#999;}
.list-pic .li-item .operate .operate-item a:hover{ color:#f60;}
.list-pic .li-item .price{
	height:30px;
	line-height:30px;
	font-size:14px;
	color:#404040;
}
.list-pic .li-item .price .caret{

}
.list-pic .li-item .price .number{
	font-size:20px;
	color:#f60;
}
.list-pic-col6{ width:980px; margin:-10px;}
.list-pic-col6 .li-item{
	width:459px;
	margin:10px;
}
.list-pic-col6 .li-item .img-link{
	display:block;
	width:459px;
	height:260px;
}
.list-pic-col6 .li-item .img-link img{
	display:block;
	width:459px;
	height:260px;
	background:url(../img/loading.gif) center center no-repeat;
}
.icon16{
	display:inline-block;
	width:16px;
	height:16px;
	background-image:url('../images/icon_bbs.png');
	background-repeat:no-repeat;
	vertical-align:text-top;
}
.icon16-time{ background-position:0 0;}
.icon16-see{ background-position:0 -16px;}
.icon16-praise{ background-position:0 -32px;}
a:hover .icon16-praise,
.list-pic .li-item .operate .operate-item:hover .icon16-praise{ background-position:0 -48px;}
.icon16-msg{ background-position:0 -64px;}
.list-pic .li-item .operate .operate-item:hover .icon16-msg{ background-position:0 -80px;}

/* 换页 */
.page{
	height:80px;
	padding:20px 0;
	border-top:1px solid #ddd;
	position:relative;
}
.page a{
	display:block;
	width:49%;
	line-height:30px;
	font-size:14px;

}
.page a p{
	display:block;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.page a .title{
	height:30px;
	line-height:30px;
	color:#333;
	font-weight:bold;
}
.page .prev01{
	float:left;
	border-right:1px dotted #ccc;
}
.page .next01{
	float:right;
}

/* 评论模块 */
.comment-box{}
.comment-box h3{
	height:30px;
	line-height:30px;
	font-size:14px;
	font-weight:normal;
}

.form-textarea{
	display:block;
	width:948px;
	padding:4px;
	line-height: 18px;
	border:1px solid #ddd;
	background-color:#f8f8f8;
	font-size: 14px;
	-webkit-transition: all linear .2s;
	-moz-transition: all linear .2s;
	-o-transition: all linear .2s;
	transition: all linear .2s;
	resize:none;
}
.form-textarea:hover{
	border-color:#ccc;
	background-color:#fafafa;
}
.form-textarea:focus{
	border-color:#79B5E4;
	border-color: rgba(82,168,236,0.8);
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
	background-color:#fff;
}
.comment-box .comment-btn {
  display: inline-block;
  background-color: #0CA500;
  border: 1px solid #0A8500;
  padding: 3px 10px;
  font-size: 14px;
  color: #FFF;
  border-radius: 2px;
}
.comment-btn:hover{
	background-color:#0DAA00;
	color:#FFF;
}
.comment-record h4{
	height:40px;
	line-height:40px;
	border-bottom:1px solid #ddd;
	margin-bottom:20px;
	font-size:14px;
	color:#404040;
	font-weight:normal;
}
.comment-record h4 strong{
	color:#50b400;
	font-size:20px;
}
.comment-record .comment-record-item{
	margin-bottom:10px;
}
.comment-record .comment-record-respond{
	padding-left:70px;
}
.comment-record .comment-record-item dt{
	float:left;
	width:48px;
	height:48px;
	padding:1px;
	border:1px solid #ccc;
	background-color:#fff;
}
.comment-record .comment-record-item dd{
	position:relative;
	z-index:10;
	margin-left:70px;
	padding:10px;
	border:1px solid #ddd;
	border-radius:3px;
	background-color:#f8f8f8;
	color:#666;
	line-height:20px;
	box-shadow:0 1px 3px rgba(0,0,0,.1);
}
.comment-record .comment-record-item dd:before{
	content:"";
	position:absolute;
	left:-20px;
	top:19px;
	width:0;
	height:0;
	border-width:10px;
	border-style:dashed solid dashed dashed;
	border-color:transparent #ddd transparent transparent;
	font-size:0;
	line-height:0;
}
.comment-record .comment-record-item dd:after{
	content:"";
	position:absolute;
	left:-18px;
	top:20px;
	width:0;
	height:0;
	border-width:9px;
	border-style:dashed solid dashed dashed;
	border-color:transparent #f8f8f8 transparent transparent;
	font-size:0;
	line-height:0;
}

.comment-record .comment-record-item .comment-user-name{
	color:#0CA500;
	font-size:14px;
}
.comment-record .comment-record-item .comment-user-remark{
	padding-top:5px;
	color:#999;
}


/* no msg*/
.no-msg{
	height:90px;
	padding:50px 0 150px 0;
	text-align:center;
	line-height:26px;
}
.no-msg .icon-no-msg{
	display:inline-block;
	width:64px;
	height:64px;
	background:url('../img/icon_msg.png') no-repeat center center;
}


.form-search .btn-refresh {
    position: relative;
    height: 30px;
    line-height: 30px;
    padding-left: 30px;
    padding-right: 30px;
    border: 0;
    border: 1px solid #ddd;
    background-color: #fafafa;
    color: #404040;
    cursor: pointer;
    font-size: 14px;
}
.form-search .btn-refresh:hover{
	border-color:#ccc;
	background-color:#fff;
	color:#f60;
}

.icon16-word {
    float: left;
    width: 16px;
    height: 16px;
    margin-top: 7px;
    margin-right: 5px;
    background-image: url('../images/icon_word.png');
    background-repeat: no-repeat;
    vertical-align: text-bottom;
}
.list-text2 li {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px dotted #ccc;
    font-size: 14px;
}




.topbar .tb-left{
	float: left;
}
.topbar .tb-right{
	float:right;
}

.ellipsis {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal;
}