@charset "utf-8";
/* CSS Document */
.fg72 {
	height: 72px;
	display: block;
	overflow: hidden;
	clear: both;
}
body{ background:#f5f5f5;}
#main{ overflow: hidden; background:url(../images/categorybgcolor.gif) repeat-y left center #fff;}
/*left*/
#category{ float: left; width: 160px; padding-bottom: 20px; color:#fff;}
#category .t{ font-size: 20px; text-align: center; height: 60px; line-height: 60px;}
#category .t a{ font-size: 20px; text-align: center; height: 60px; line-height: 60px; color:#FFF;}
#category .c{}
#category dl{}
#category dl dt{ height: 20px; padding: 10px 20px; line-height: 20px; cursor: pointer; background: #8cd8f6;}
#category dl dt i{ float: left; display: block; width: 20px; height: 20px;}
#category dl.on dt{ background: #fff; color: #5dc8f2;}
#category dl.on dt i{ background: url(../images/on.png) no-repeat center;}
#category dl.on{ border-top: 1px solid #5dc8f2;}
#category dl.off{ border-top: 1px solid #b7e6fa;}
#category dl.off dt i{ background: url(../images/off.png) no-repeat center;}
#category dl dt h4{ font-size: 14px; font-weight: normal; line-height: 20px;}
#category dl dd{ display: none; padding: 10px 0; background: url(../images/categoryli_fg.png) no-repeat 30px 0;}
#category dl dd ul li{ height: 30px;}
#category dl dd ul li a{ display: block; height: 30px; line-height: 30px; padding: 0 14px 0 38px; background: url(../images/categoryli.png) no-repeat 30px center; color: #fff;}
#category dl dd ul li.last a{ background: url(../images/categoryli_last.png) no-repeat 30px center;}
#category dl dd ul li a:hover{ color: #0593d3;}
/*right*/
#main .r{ float: right; width: 900px; padding:20px;}
/*right-head*/
#head{ height:60px; margin-bottom: 10px; position:relative; z-index:8;}
#head .h1name{ float:left; font-size:30px; line-height:60px; margin-right:30px; color: #ff9300;}
#head .search{ margin-top:20px; float:left; width:440px; height:34px; border:2px solid #ff9300; z-index:4; position:relative;}
#head .stype{ float:left; height:34px; width:80px; margin-bottom:5px; position:relative;}
#head .stype dl dt{ width:50px; height:34px; line-height:34px; padding:0 18px 0 10px; background:url(http://jialib.com/templates/images/searchbg.gif) no-repeat 65px center #f6f6f6; border-left:1px solid #f6f6f6; border-right:1px solid #e5e5e5; cursor:pointer;}
#head .stype dl dd{ position:absolute; top:34px; left:0; width:78px; border-top:0; background:#fff; border:1px solid #e5e5e5; display:none; height:61px; overflow:hidden;}
#head .stype dl dd ul li{ height:30px; border-bottom:1px solid #e5e5e5;}
#head .stype dl dd ul li a{ display:block; height:30px; line-height:30px; padding:0 10px;}
#head .stype dl dd ul li a:hover{ background:#f6f6f6; color:#ff9300;}
#head .stype b{ margin:0 7px; font-weight:normal; color:#ccc;}
#head .stype a{ color:#999;}
#head .stype a.current{ color:#f60;}
#head .searchtext{ float:left; height:34px; line-height:34px; width:260px; padding:0 10px; border:0; background:none; color:#ccc;}
#head .searchbutton{ float:right; width:60px; height:34px; cursor:pointer; border:0; background:#ff9300; color:#fff; font-size:14px;}
#head .release{ float:left; height:20px; line-height:20px; display:inline; margin:30px 0 0 20px; font-size:14px;}
#head .release a{ color:#999;}
#head .release a:hover{ color:#ff9300; text-decoration:underline;}
#head .tel{ float:right; margin-top:32px; height:20px; line-height:20px;}
#head .tel i{ display:block; float:left; background:url(http://jialib.com/templates/images/icon-index.png) no-repeat -50px 0; width:18px; height:18px; margin-right:5px;}
#head .tel em{ font-style:normal; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#ff9300; font-size:16px;}
#head .other{ float:right; margin-left:10px; margin-top:28px; position:relative;}
#head .other dl dt{ height:25px; line-height:25px; background:url(http://jialib.com/templates/images/bg31.png) no-repeat 62px 8px #f4f4f4; border:1px solid #eee; width:78px; text-indent:10px; color:#999;}
#head .other dl dt.on{ background:url(http://jialib.com/templates/images/bg31.png) no-repeat 62px -32px #fff !important; position:relative; z-index:3; border-bottom:1px solid #fff !important;}
#head .other dl dd{ position:absolute; top:25px; right:0; width:200px; border:1px solid #eee; background:#fff; padding:10px 12px; line-height:20px; display:none; z-index:2;}
#head .other dl dd .fj{ color:#2ab7ea;}
#head .other dl dd .fj span{ float:left; white-space:nowrap; margin-right:20px;}
#head .other dl dd ul.fjtel li{ height:20px; line-height:20px; overflow:hidden;}
#head .other dl dd .address{ color:#999;}
#head .other dl dd .border0{ clear:both; height:5px; line-height:0; font-size:0; border-bottom:1px solid #eee; margin-bottom:5px;}
#head .other dl dd .more{ text-align:right; margin-top:5px;}
#head .other dl dd .more a{ color:#ccc;}
#head .other dl dd .more a:hover{ color:#2ab7ea; text-decoration:underline;}
/*right-content*/
#main .main .content{ float: left; width: 600px; overflow: hidden;}
#main .main .content .t{ border-bottom:solid 1px #e6e6e6; height: 20px; margin-bottom: 30px;}
#main .main .content .t h3{ background:#FFF; margin-top:3px; height: 40px; float:left; padding-right:10px; color:#1ab3ee; font-size:24px; font-weight: normal;}
#main .main .content .c{ line-break: 22px; font-size: 13px;line-height:20px;  margin-bottom: 20px;}
#main .main .content .c p{ margin-bottom: 3px;}
#main .main .content .c .price-table{ border-collapse:collapse; border:solid 1px #eeeeee; margin-top:20px;}
#main .main .content .c .price-table th{ height:35px; background:#ff9300;  border:solid 1px #eeeeee; font-weight:normal; color:#fff; font-size:14px;font-weight:bold;}
#main .main .content .c .price-table td{ height:30px; text-align:center; color:#666; border:solid 1px #eeeeee; }
#main .main .content .c .hot{ float: left; width: 220px; height: 147px; overflow: hidden; border: 1px solid #ccc;}
#main .main .content .c .hot img{ width: 100%;}
#main .main .content .c ul{ float: right; width: 360px; }
#main .main .content .c ul li{ height: 20px; line-height: 20px; overflow: hidden; margin-bottom: 6px;}
#main .main .content .c ul li a{ float: left; display: inline-block; width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#main .main .content .c ul li span{ float: right; color: #aaa;}
#main .main .content .c ul li a:hover{ color: #ff9300; text-decoration: underline;}
/*other*/
#main .main .other{ float: right; width: 270px; padding-top: 20px;}
/*right-rank*/
#rank{ border: solid 1px #e6e6e6; padding: 10px; margin-bottom: 15px; position: relative; overflow: hidden;}
#rank .t{ height: 30px; overflow: hidden;}
#rank .t h3{ float: left; line-height: 30px; font-weight: normal; font-size: 16px; background: url(../images/top_icon.gif) left center no-repeat; padding-left:25px; color:#18b2ee;}
#rank .t a{ float: right; line-height: 30px; color: #999;}
#rank .t a:hover{ color: #ff9300;}
#rank .list{}
#rank .list ul{}
#rank .list ul li{ background:url(../images/icon.gif) right center no-repeat; padding:14px 10px; border-bottom:solid 1px #f5f5f5; height: 50px;}
#rank .list ul li em{ float:left; display:block; width:22px; height:22px; border-radius:50%; line-height:22px; text-align:center; margin:18px 10px 0 0; color:#338de6; font-size:14px; font-style: normal;}
#rank .list ul li.first em{ background:#52a3f5; color:#FFF;}
#rank .list ul li.second em{ background:#8ac2fb; color:#FFF;}
#rank .list ul li.third em{ background:#8ac2fb; color:#FFF;}
#rank .list ul li a{ display:block; height: 50px;}
#rank .list ul li a:hover{ color:#0075e6;}
#rank .list ul li a:hover dl dt img{ border-color:#91c6f9; }
#rank .list ul li a:hover dl dd i{ background-position:0 -34px; color:#89c2f9;}
#rank .list ul li dl{ float:left;}
#rank .list ul li dl dt{ float:left; margin-top:5px;}
#rank .list ul li dl dt img{ border-radius:50%; border:solid 2px #FFF;}
#rank .list ul li dl dd{ float:left; padding-left:10px;}
#rank .list ul li dl dd h4{ padding-top:10px; font-size:14px; font-weight: normal;}
#rank .list ul li dl dd p{ height:17px; line-height: 17px; overflow: hidden; margin-top:5px;}
/*order*/
#main .main .other .order{ border: solid 1px #e6e6e6; padding: 10px; margin-bottom: 15px;}
#main .main .other .order .t{ margin-bottom: 10px; hanging-punctuation: 30px; font-size: 16px; color: #f60;}
#main .main .other .order .name{ margin-bottom: 8px; border: 1px solid #eee; height: 24px; padding: 0 10px 0 30px; background:url(../images/icon_name.gif) 8px center no-repeat;}
#main .main .other .order .name .f-name{ border: 0; color:#ccc; font-size:12px; height: 24px; line-height: 24px; width: 100%;}
#main .main .other .order .phone{ margin-bottom: 8px; border: 1px solid #eee; height: 24px; padding: 0 10px 0 30px; background:url(../images/icon_phone.gif) 11px center no-repeat;}
#main .main .other .order .phone .f-phone{ border: 0; color:#ccc; font-size:12px; height: 24px; line-height: 24px; width: 100%;}
#main .main .other .order .con{ margin-bottom: 8px; border: 1px solid #eee; overflow-x: hidden; padding: 0 10px 0 30px; background:url(../images/icon_con.gif) 8px 5px no-repeat;}
#main .main .other .order .con .f-textarea{ border: 0; color:#ccc; font-size:12px; height: 72px; line-height: 24px; width: 100%; overflow: auto;}
#main .main .other .order .submit{ margin-bottom: 8px; background:#ff9300; border:solid 1px #f27a00; height: 30px;font-size:14px; text-align:center;line-height:30px;}
#main .main .other .submitt { margin-bottom: 8px; background:#f2f2f2; border:solid 1px #eee; height: 30px;font-size:14px; text-align:center;line-height:30px;color: #fff;}
#main .main .other .order .submit .f-button{ width: 100%; border: 0; color: #FFF; background: none; line-height: 30px; font-size: 15px; cursor:pointer;}
#main .main .other .order .c{ margin-bottom: 10px; hanging-punctuation: 30px; font-size: 12px; color: #333;	padding:8px; background:#f8f8f8;}
#main .main .other .order .c span{ float:left; padding-right:10px;color: #5dc8f2;	font-size: 14px;line-height: 50px;font-weight: bold;height:50px;}
#main .main .other .order .c p{ color: #7e7e7e;	}
#main .main .other .order .cc{ margin-bottom: 10px; hanging-punctuation: 30px; font-size: 12px; color: #333;	padding-bottom:5px;padding-top:5px;border-top-width: 1px;border-top-style: solid;border-top-color: #f2f2f2;}
#main .main .other .order .cc span{ color: #f60;	font-size: 14px;line-height: 30px;font-weight: bold;height:30px;}
#main .main .other .order .cc p{ color: #000;	}

#main .main .other .order .tips{ text-align:right; font-size:12px; color:#aaa;}
#main .main .other .order .tips span{ color:#ff9300; padding:0 5px;}

#main .main .other .order .tips span{ color:#ff9300; padding:0 5px;}


.copy{ padding:15px 0; text-align:center; line-height:18px; color:#ccc;}