﻿/*------------------------------CSS 一度花艺网首页样式-------------------------------*/
#main{
	width:754px;
	height:auto;
	overflow:hidden;
	float:left;
}
#main #newsbox{
	height:277px;
	overflow:hidden;
	background:url(images/index.gif) left 0 no-repeat;
}
/*-------------------------------首页广告CSS----------------------------*/
#newsbox #ad{
    width:350px;
	height:260px;
	overflow:hidden;
	float:left;
	display:inline;
	margin:8px 0 0 10px;
}
#imgscontent{
	display:none;
}
#showid2{
	width:350px;
	height:190px;
}
#showid2 img{
	width:346px;
	height:186px;
	padding:1px;
	border:1px solid #d7d7d7;
}
.Vboxtop{
	width:350px;
	height:190px;
	overflow:hidden;
}
#ad .smallimg{
	clear:both;
	width:350px;
	overflow:hidden;
	margin-top:3px;
	margin-left:3px;

}
#ad .smallimg li{
	width:80px;
	height:63px;
    float:left;
	display:inline;
	cursor:pointer;
	padding:12px 0 4px 6px;
	}
#ad .smallimg img{
	padding:1px;
    width:72px;
	height:43px;
	position:relative;
	border:1px solid #e8e8e8;
	background:#FFF;
	margin:0 auto;
}
#ad #smalllist .imgon{
	width:80px;
	height:63px;
	background:url(images/index.gif) right -78px  no-repeat;
	border:0;
}
/*-------------------------------首页广告CSS结束----------------------*/
/*-------------------------------新闻 专题----------------------*/
#newsbox #news{
	width:350px;
	height:200px;
	float:right;
	margin:30px 15px 0 0;
	display:inline;
}

#newsbox #news #tablist{
	width:194px;
	height:35px;
	float:left;
	padding:5px 0 0 1px;
}
#newsbox #news #tablist li{
	width:86px;
	height:29px;
	background:url(images/index.gif) right -40px no-repeat;
	float:left;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#c328b0;
	padding-top:6px;
	cursor:pointer;
	margin:0 10px 0 0;
}
#newsbox #news #tablist .on{
	background:url(images/index.gif) right 0 no-repeat;
	color:#fff;
}
#newsbox #news #showid1{
	height:auto;
	overflow:hidden;
	clear:both;
	padding-top:5px;
}
#newsbox #news #newscontent{
	display:none;
}
#newsbox #news #showid2a{
	width:50px;
	height:12px;
	display:block;
	float:right;
	padding:19px 6px 0 0;
	text-align:center;
}
.boxnews{
    height:90px;
	overflow:hidden;
	clear:both;
	padding-top:5px;
}
.boxnews .pic{
    width:104px;
	height:80px;
	float:left;
}
.boxnews .pic img{
    width:100px;
	height:75px;
	padding:1px;
	border:1px solid #ddd;
}
.boxnews h4{
    width:235px;
	height:20px;
	overflow:hidden;
    font-size:14px;
	color:#333;
	float:right;
	text-align:center;
	line-height:20px;
}
.boxnews .text{
    width:235px;
	height:auto;
	float:right;
	padding-top:4px;
	line-height:20px;
	text-indent:24px;
}
.boxnews .more{
	font-weight: bold;
	color:#ff6600;
}
.boxnews .more a{
    color:#fd4d00;
}
.#boxnews .more a:hover{
    text-decoration:underline;
}
.contentnews,.contentzt{
	height:80px;
	overflow:hidden;
	font-size:12px;
	margin-top:8px;
	padding:5px 0;
}
.contentnews li,.contentzt li{
    background:url(images/index.gif) 0 -1049px no-repeat;
	padding-left:15px;
	width:330px;
	height:20px;
	line-height:20px;
	overflow:hidden;
	vertical-align:bottom;
}
.contentnews li a,.contentzt li a{
	height:20px;
	overflow:hidden;
}
.contentnews li a,.contentnews li img,.contentzt li a,.contentzt li img{
	float:left
}
.contentzt li{
	float:left;
	width:155px;
	padding-right:5px;
}
/*-------------------------------新闻 专题结束----------------------*/
.leftbox{
	width:754px;
	height:auto;
	overflow:hidden;
	float:left;
	padding-top:8px;
}
.leftbox .top{
	height:28px;
	overflow:hidden;
	background:url(images/index.gif) 0 -328px repeat-x;
}
.leftbox .middle{
	width:742px;
	height:auto;
	overflow:hidden;
	border-left:1px solid #ddddde;
	border-right:1px solid #ddddde;
	padding:0 5px;
}
.leftbox .bottom{
	height:10px;
	overflow:hidden;
	background:url(images/index.gif) 0 -365px no-repeat;
}
.leftbox .top .L{
	width:250px;
	height:28px;
	line-height:28px;
	overflow:hidden;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding-left:30px;
	float:left;
}
.leftbox .top .L01{
	background:url(images/index.gif) 0 -290px no-repeat;
}
.leftbox .top .L02{
	background:url(images/index.gif) 0 -471px no-repeat;
}
.leftbox .top .L03{
	background:url(images/index.gif) 0 -570px no-repeat;
}
.leftbox .top .L04{
	background:url(images/index.gif) 0 -614px no-repeat;
}
.leftbox .top .C{
	width:380px;
	height:28px;
	line-height:28px;
	overflow:hidden;
	float:left;
	text-align:right;
}
.leftbox .top .C a{
	color:#333;
}
.leftbox .top .C a:hover{
	color:#b539a0;
}
.leftbox .top .R{
	width:60px;
	height:28px;
	line-height:28px;
	overflow:hidden;
	background:url(images/index.gif) right -290px no-repeat;
	padding-left:25px;
	float:right;
}
.leftbox .top .x{
	width:60px;
	height:28px;
	line-height:28px;
	overflow:hidden;
	background:url(images/index.gif) right -259px no-repeat;
	padding-left:25px;
	float:right;
}
.leftbox .top a{
	color:#b439a1;
}
#product{
	height:366px;
	overflow:hidden;
}
#product dl{
	width:110px;
	padding:8px 6px 0 7px;
	float:left;
	text-align:center;
}
#product dd{
	width:110px;
	height:18px;
	line-height:18px;
	overflow:hidden;
}
#product .price{
	color:#578e00;
}
#product .price span{
	color:#ff9900;
}
#product img{
	width:100px;
	height:100px;
	padding:4px;
	border:1px solid #ddd;
	margin-bottom:8px;
}
.leftbox .classtop{
	height:56px;
	overflow:hidden;
	background:url(images/index.gif) 0 -393px no-repeat;
}
#showmore{
	text-align:right;
	height:14px;
	padding:8px 18px 0 0;
}
#showmore a{
	color:#fff;
}
.leftbox .classtop .tablist{
	height:26px;
	overflow:hidden;
	margin-top:8px;
}
.classtop .tablist li{
	float:left;
	width:98px;
	height:24px;
	border:1px solid #cc3aa2;
	background:#FFFFFF;
	font-weight:bold;
	color:#8e5934;
	cursor:pointer;
}
.classtop .tablist li span{
	height:16px;
	display:block;
	background:url(images/index.gif) -870px -632px no-repeat;
	padding:7px 0 0 32px;
}
.classtop .tablist .classon{
	height:25px;
	border-bottom:none;
	background:url(images/index.gif) -883px -580px no-repeat;
	color:#c228ae;
}
.classtop .tablist .classon span{
	height:16px;
	display:block;
	background:url(images/index.gif) -870px -609px no-repeat;
	padding:7px 0 0 32px;
}
#showcontent{
	display: none;
}

.classlist{
	display:block;
	float:left;
	padding-top:15px;
	height:103px;
	overflow:hidden;
}
.classlist li{
	float:left;
	width:240px;
	height:20px;
	overflow:hidden;
	line-height:20px;
	vertical-align:bottom;
	color:#0c8200;
	margin:0 3px;
	display:inline;
}
.leftad{
	width:752px;
	height:86px;
	float:left;
	margin-top:8px;
}
.leftad img{
	width:752px;
	height:86px;
}
.trainingL{
	width:400px;
	height:auto;
	overflow:hidden;
	padding:10px 0 0 0;
	float:left;
	display: block;
	color:#e73175;
}
.trainingL li{
	width:200px;
	height:20px;
	overflow:hidden;
	vertical-align:bottom;
	line-height:20px;
	float:left;
}
.trainingL .pic{
	height:110px;
	padding-top:5px;
	text-align:center;
}
.trainingL .pic img{
	width:180px;
	height:94px;
	margin:0 auto;
	padding:1px;
	border:1px solid #ddd;
}
.trainingR{
	width:325px;
	height:220px;
	overflow:hidden;
	margin:10px 5px 0 10px;
	float:right;
	background:#fcf5fa;
}
.trainingR .top{
	display:block;
	height:30px;
	background:url(images/index.gif) 0 -515px no-repeat;
}
.trainingR .classname{
	padding:10px;
	color:#c72e9e;
}
.trainingR .classname li{
	width:305px;
	overflow:hidden;
	display:block;
}
.trainingR .classname li a{
	width:220px;
	height:22px;
	overflow:hidden;
	line-height:22px;
	vertical-align: bottom;
	display:block;
	float:left;
	padding-left:5px;
}
.trainingR .classname li span{
	display:block;
	float:left;
	height:22px;
	overflow:hidden;
	line-height:20px;
}
.trainingR .classname .date{
	text-align:right;
	color:#666;
}

.elite{
	width:170px;
	height:206px;
	overflow:hidden;
	float:left;
	margin:10px 10px 0 5px;
	display:inline;
}
.elite img{
	width:160px;
	height:112px;
	padding:4px;
	border:1px solid #d7d7d7;
}
.elite dt a{
	width:170px;
	height:25px;
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	color:#dc08a0;
	text-align:center;
	display:block;
	padding:5px 0;
}
.elite dt a:hover{
	color:#dc08a0;
}
.elite dd{
	text-indent:24px;
	line-height:18px;
}

#sidebar{
	width:220px;
	height:auto;
	overflow:hidden;
	float:right;
}
.rightbox{
	width:220px;
	height:auto;
	overflow:hidden;
	float:left;
	padding-bottom:8px;
}
.rightbox .top01{
	height:33px;
	overflow:hidden;
	background:url(images/index.gif) right -443px no-repeat;
	padding-left:10px;
}
.rightbox .top01 li{
	float:left;
	width:101px;
	height:33px;
	background:url(images/index.gif) right -404px no-repeat;
	display:inline;
	text-align:center;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
	color:#c228ae;
	cursor:pointer;
}
.rightbox .top01 .tabon{
	background:url(images/index.gif) right -369px no-repeat;
	color:#fff;
}
.rightbox .top02{
	height:22px;
	overflow:hidden;
	background:url(images/index.gif) right -501px no-repeat;
	padding:6px 0 0 10px;
}
.rightbox .top03{
	height:27px;
	line-height:27px;
	overflow:hidden;
	background:url(images/index.gif) right -537px no-repeat;
	padding:0 0 0 19px;
}
.rightbox .top02 span,.rightbox .top03 span{
	display:block;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}
.rightbox .top02 a{
	display:block;
	float:right;
	padding:2px 13px 0 0;
	color:#fff;
}
.rightbox .top03 a{
	display:block;
	float:right;
	padding:2px 13px 0 0;
}
.rightbox .top04{
	height:22px;
	overflow:hidden;
	background:url(images/index.gif) right -216px no-repeat;
	padding:6px 0 0 19px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}
.rightbox .middle{
	width:198px;
	height:auto;
	overflow:hidden;
	border-left:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
	padding:10px 10px 0 10px;
}
.rightbox .middle #zhcontent{
	display:none;
}
.rightbox .middle .show{
	
	overflow:hidden;
}
.show li{
    background:url(images/index.gif) 0 -1049px no-repeat;
	padding-left:15px;
	width:190px;
	height:22px;
	line-height:22px;
	overflow:hidden;
	vertical-align:bottom;
}
.show li a{
	overflow:hidden;
	float:left;
}
.show li a,.show li img{
	float:left;
	display:block;
}
.rightbox .bottom{
	height:9px;
	overflow:hidden;
	background:url(images/index.gif) right -482px no-repeat;
}
#deal{
	height:358px;
	overflow:hidden;
}
#deal dl{
	margin:6px 0;
	height:66px;
	overflow:hidden;
	border-bottom:1px dashed #d7d7d7;
}
#deal dt{
	width:60px;
	float:left;
}
#deal dt img{
	width:50px;
	height:50px;
	padding:2px;
	border:1px solid #d7d7d7;
}
#deal dd{
	width:130px;
	height:20px;
	line-height:20px;
	vertical-align:bottom;
	overflow:hidden;
	float:right;
}
#deal dd span{
	color:#2f8500;
}
#deal .name{
	color:#c4018e;
}
.quick a{
	display:block;
	padding-bottom:8px;
	float:left;
}
#bank{
	height:250px;
	overflow:hidden;
	padding-top:10px;
}
#bank #title{
	height:24px;
	display:block;
}
#bank #title li{
	display:block;
	float:left;
	color:#612f64;
	padding:0 3px;
}
#bank .num{
	width:30px;
}
#bank .name{
	width:92px;
	overflow:hidden;
}
#bank .scroe{
	width:50px;
}
#bank #store{
	background:url(images/rank_3.gif) 5px 0 no-repeat;

}
#bank #store li{
	height:23px;
	line-height:23px;
	overflow:hidden;
	vertical-align:bottom;
	padding-left:36px;
}
#store li.storeli0,#store li.storeli1,#store li.storeli2{
	font:normal bolder 14px/150% "宋体";
}
#bank #store li.storeli0{
	background:url(images/ico_top1.gif) 5px 0 #fff no-repeat;
}
#bank #store li.storeli1{
	background:url(images/ico_top2.gif) 5px 0 #fff no-repeat;
}
#bank #store li.storeli2{
	background:url(images/ico_top3.gif) 5px 0 #fff no-repeat;
}
#bank #store li span{
	display:block;
	float:left;
	padding:0 3px;
}
#bank .scroenum{
	width:50px;
	color:#ff6600;
	text-align:center;
}
.bbs{
	width:400px;
	height:178px;
	overflow:hidden;
	float:left;
	display: block;
	color:#e73175;
}
.bbs li{
	width:200px;
	height:20px;
	overflow:hidden;
	vertical-align:bottom;
	line-height:20px;
}
.bbs .pic{
	height:78px;
}
.bbs .pic img{
	width:185px;
	height:70px;
	margin:0 auto;
	padding:1px;
	border:1px solid #ddd;
}
#recommended{
	width:984px;
	height:380px;
	overflow:hidden;
	clear:both;
	background:url(images/index.gif) 0 -661px no-repeat;
}
#recommended .more{
	display:block;
	height:20px;
	text-align:right;
	padding:10px 10px 0 0;
}
#recommended .more a{
	color:#fff;
}
#recommended ul{
	display:block;
	height:auto;
	overflow:hidden;
	margin:20px 10px 10px 25px;
}
#recommended ul li{
	width:164px;
	height:auto;
	overflow:hidden;
	float:left;
	margin:5px 12px 0 12px;
	display:inline;
}
#recommended ul img{
	width:152px;
	height:114px;
	padding:5px;
	border:1px solid #d7d7d7;
}
#recommended ul span{
	display:block;
	width:164px;
	height:26px;
	overflow:hidden;
	line-height:26px;
	text-align:center;
}
#media{
	width:754px;
	height:auto;
	overflow:hidden;
	float:left;
}
#media .imageslist{
	width:535px;
	height:auto;
	overflow:hidden;
	float:left;
	padding-top:10px;
}

#media .imageslist #left{
	width:20px;
	height:143px;
	float:left;
	padding-top:20px;
	cursor:pointer;
}
#media .imageslist .center{
	width:495px;
	float:left;
}
#media .imageslist .center .Cont{
    width:495px;
	height:auto;
	overflow:hidden;
	float:left;
}
#media .imageslist .center .ScrCont{
    width:1000000px;
	overflow:hidden;
}
#media .imageslist .center #List1,#media .imageslist .center #List2{
    float:left;
}
#media .imageslist .center ul{
	display:block;
	height:auto;
	overflow:hidden;
	margin:10px 0 0 0;
}
#media .imageslist .center li{
	width:114px;
	height:auto;
	overflow:hidden;
	float:left;
	margin:0 5px;
	display:inline;
}
#media .imageslist .center img{
	width:110px;
	height:144px;
	padding:1px;
	border:1px solid #d7d7d7;
}
#media .imageslist .center span{
	display:block;
	width:114px;
	height:26px;
	overflow:hidden;
	line-height:26px;
	text-align:center;
}
#media .imageslist #right{
	width:20px;
	height:143px;
	float:right;
	padding-top:20px;
	cursor:pointer;
}

#media .namelist{
	width:179px;
	height:170px;
	overflow:hidden;
	float:right;
	background:url(images/index.gif) 0 -1094px no-repeat;
	margin:10px 5px 0 0;
	display:inline;
	padding:10px 0 0 10px;
}
#media .namelist li{
	height:18px;
	line-height:18px;
	vertical-align:bottom;
	padding-right:12px;
	float:left;
	white-space:nowrap;
	margin-left:3px;
}
#media .namelist li a{
	color:#d21fa3;
}
#contact{
	width:220px;
	height:228px;
	overflow:hidden;
	float:right;
	padding-top:15px;
	background:url(images/contact.jpg) 0 118px no-repeat;
	line-height:22px;
}
#classtabjy .classonjy{
color:#c50397;
cursor:pointer;
}
#friend_links{ width:984px; margin:5px auto;}
#friend_links h6{ font-size:14px; color:#f00; padding:5px 0;}
#friend_links .pic img{ display:inline; width:176px; height:60px;}
#friend_links .text{ padding-top:5px;}
#friend_links .text li{ padding:5px 10px; float:left;}