@charset "utf-8";
/* CSS Document */
body { margin: 0px; padding: 0px; color: #666; font: 14px/1.5 "Microsoft YaHei", Arial, Verdana; background: #F5F5F5; }
a { color: #666; text-decoration: none; }
a:visited { color:#666; }
a:hover { text-decoration: none; }
ul, h1, h2, h3, form, p, dl, dd, ul, li { margin: 0px; padding:0px; }
ul { list-style:none;}
img { border: none; margin: 0px; padding:0px; }
em { font-style: normal; }
table { font-size: 14px; }
td { margin: 0px; padding: 2px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
/* header */
.top { height: 43px; width: 100%; background: #ff6600 none repeat scroll 0 0; background-size:30px 250px; border-bottom: 1px solid #D6D6D6; }
.top .logo { margin: 0px auto; max-width: 640px; min-width: 310px; position: relative; }
.top .logo img { padding-top: 2px; padding-left: 8px; }
.top .logo h1 { font-size: 12px; font-weight: normal; display: inline; margin-left: 2px; position: relative; bottom: 2px; }

.top1 { background: #E42B2B; color: #FFF; height: 46px; }
.top1 .header { margin: 0px auto; max-width: 600px; min-width: 310px; font-size: 16px; line-height: 46px; text-align: center; }
.header .goback { float: left; background: url("m_icons.png")/*tpa=http://m.360flower.com/img/m_icons.png*/ no-repeat center -184px; background-size:30px 250px; width: 40px; height: 36px; margin-top: 5px; }
.header .index { float: right; background: url("m_icons.png")/*tpa=http://m.360flower.com/img/m_icons.png*/ no-repeat center -154px; background-size:30px 250px; width: 40px; height: 36px; margin-top: 5px; margin-right: 5px; }

.wrap{ margin:0px auto; min-width:310px; max-width:630px; padding: 0px 5px;}
.banner { background: #FFF; padding: 5px; margin: 10px 0px; border-bottom: 1px solid #E9E9E9; }
.banner .ads { display: block; width: 100%; overflow: hidden; }
.nav ul li { float:left; display: inline; width: 25%; letter-spacing: 1px; text-align: center; font-size: 12px; margin: 5px 0px 3px; position:relative; }
.nav ul li a { display:block; width: 100%; }
.nav ul li span { width:28px; height:28px; display: block; margin:0 auto; background: url("m_icons.png")/*tpa=http://m.360flower.com/img/m_icons.png*/ no-repeat; background-size:30px 250px; -moz-background-size:30px 250px; -o-background-size:30px 250px; -webkit-background-size:30px 250px;}
.nav ul li .n1 span { background-position:center -37px; }
.nav ul li .n2 span { background-position:center -210px; }
.nav ul li .n3 span { background-position:center -82px; }
.nav ul li .n4 span { background-position:center -105px; }
.nav ul li .n5 span { background-position:center -210px; }
.n1:after, .n2:after, .n3:after{content:"";display:block;width:1px;height:28px;background:#dadada;position:absolute;right:-1px;top:12px;}

.subnav { height: 43px; width: 100%; overflow: hidden; }
.subnav .sub { float: left; width: 25%; border-bottom: 1px solid #E9E9E9; border-left: 1px solid #E4E4E4; height: 42px; background: #FFF; text-align: center; line-height: 42px; margin-left: -1px; }
.subnav .on { border-bottom: 1px solid #E42B2B; color: #E42B2B; }
.more { background: #FFF; text-align: center; padding: 8px; margin: 15px 0px; border: 1px solid #E4E4E4; }

.hotpro { border-bottom: 1px solid #E9E9E9; padding-left: 1px; background: #FFF; }
.hotpro .hot1 { float: left; width: 50%; margin-left:-1px; border-right: 1px solid #ECECEC; }
.hotpro .hot2 { float: right; width: 50%; border-bottom: 1px solid #ECECEC; }
.hotpro .hot3 { float: right; width: 50%; }
.hotpro img { display: block; }

.probox { margin-top: 10px; padding: 6px 6px 18px; background: #FFF; border-bottom: 1px solid #E9E9E9; }
.pro { width: 97%; margin:0px auto; overflow: hidden; }
.pro .pro_ad { border: 1px solid #EFEFEF; display: block; overflow: hidden; }
.pro h1 { font-size: 16px; line-height: 28px; height: 28px; }
.pro h1:before{content:"";display:block;width:3px;height:12px;float:left;background:#d8505c;margin:7px 7px 0 0;}

.pro .proL { float:left; width: 48.5%; margin-top: 8px; border: 1px solid #EFEFEF; }
.pro .proR { float:right; width: 48.5%; margin-top: 8px; border: 1px solid #EFEFEF; }
.proL img, .proR img { display: block; }
.pro h2 { font-size: 14px; font-weight: normal; margin: 6px 10px; }
.pro h3 { font-size: 12px; font-weight: bold; }
.pro strong { font-size: 14px; font-weight: normal; color: #CF3E3E; margin: 6px 10px; display: block; }
.pro p { font-size: 12px; margin-bottom: 6px; }
.pro p a { padding: 5px; float: left; width: 70px; text-align: center; }

.footer { margin:0px auto; min-width:310px; max-width:640px; padding-bottom: 20px; color: #999; }
.footer .loginbar { border-bottom: 1px solid #E5E5E5; padding: 10px; }
.footer .loginbar em { float:right; }
.footer .loginbar span { font-size: 12px; color: #960; }
.footer p { text-align: center; padding-top: 10px; }
.footer a { padding: 6px; color: #999; }
.footer .copr { font-size: 12px; color: #999; }

.proinfo { background: #FFF; }
.proimg img { margin: 0px auto; display: block; min-width:310px; max-width:400px; width: 100%; }
.proinfo .price { padding: 10px; border-bottom: 1px solid #E5E5E5; }
.proinfo .price strong { font-size: 18px; font-weight: bold; color: #F24B48; }
.proinfo .price span { float: right; }
.proinfo .price span a { display: block; color: #FFF; border-radius: 2px; border: 0px; background: #FD6060; padding: 5px 20px; }
.proinfo h1 { font-size: 16px; font-weight: normal; padding: 6px 10px; border-bottom: 1px solid #E5E5E5; }
.proinfo p { padding: 4px 10px; }
.proinfo p em { color: #C60; }
.prointro { background: #FFF; margin-top: 10px; padding: 6px 10px; }
.prointro h2 { font-size: 14px; font-weight: normal; border-bottom: 1px solid #E5E5E5; }
.prointro img { margin-top: 10px; margin-bottom: 10px; }

.prointro dl { padding: 5px 0px 15px; letter-spacing: 1px; font-size: 12px; }
.prointro dl dt { line-height: 27px; font-weight: bold; height: 27px; background: #F8F8F8; padding-left: 5px; }
.prointro dl dd { line-height: 20px; padding: 0px 10px 0px 25px; }
.prointro dl dd a { color: #00F; }

.buynow { margin: 20px; }
.buynow strong { float: left; font-weight: normal; width: 45%; text-align: center; font-size: 16px; }
.buynow span { float: right; width: 45%; text-align: center; font-size: 16px; }
.buynow strong a { display: block; color: #FFF; border-radius: 2px; border: 0px; background: #FD6060; padding: 10px; }
.buynow span a { display: block; color: #FFF; border-radius: 2px; border: 0px; background: #FBA847; padding: 10px; }

.myprolist { background: #FFF; border-bottom: 1px solid #E5E5E5; padding: 10px; font-size: 12px; }
.myprolist img { display: block; float: left; }
.myprolist span { display: block; float: left; margin-left: 10px; }
.myprolist span .del { border-radius: 2px; border: 1px solid #E5E5E5; padding: 1px 8px; }
.cart_amount { background: #FFFDEE; text-align: center; margin: 20px 10px; padding: 10px; border: 1px solid #EDD28B; }
.cart_jiesuan { text-align: center; margin: 20px 10px; font-size: 16px; }
.cart_jiesuan a { display: block; color: #FFF; border-radius: 2px; border: 0px; background: #FD6060; padding: 10px; }
.cart_jiesuan input{ color: #FFF; border-radius: 2px; border: 0px; background: #FD6060; width: 100%; padding: 10px; font-size: 16px; }

.order { background: #FFF; margin-top: 10px; padding: 6px; }
.order h2 { font-size: 14px; font-weight: bold; border-bottom: 1px solid #E5E5E5; color: #C60; }
.order p { margin: 5px; }
.order p strong { text-align: right; width: 90px; display: inline-block; font-weight: normal; }
.order p .beizhu { color: #999; font-size: 12px; }

.comment { line-height: 16px; margin-top: 5px; }
.comment h3 { line-height: 29px; background: #F8F8F8; height: 29px; font-size: 12px; padding: 0px 40px 0px 10px; }
.comment h3 span { float: right; }
.comment h3 em { font-weight: normal; color: #999; }
.comment ul { margin-bottom: 5px; font-size: 12px; }
.comment ul li { border-bottom: 1px dotted #DDD; padding: 5px 10px 2px; }
.comment ul li span { float: right; color: #999; }
.comment ul li em { display: block; color: #999; }

.clear {
	idth:100%;
	margin:0px auto;
	clear:both;
	font-size:1px;
	height:1px;
	line-height:1px;
	border-bottom:1px #CCC solid;
	max-width:620px;
}

.gwDiv {
	width:302px;
	margin:0px auto;
}
.gwDiv .gw1 {
	width:48%;
	float:left;
	height:38px;
	line-height:38px;
	background-color:#CC0000;
	text-align:center;
	color:#FFF;
	border-radius:2px;
	cursor:pointer
}
.gwDiv .gw2 {
	width:48%;
	float:right;
	height:38px;
	line-height:38px;
	background-color:#6CB248;
	text-align:center;
	color:#FFF;
	border-radius:2px;
}
.addcart{
	width:40%;
	float:right;
	text-align:right;
	height:40px; 
	line-height:40px;
}
.addcart a{
	border:1px #348B16 solid;
	padding:3px 10px 3px 10px;
	border-radius:3px;
	color: #348B16;
	font-size:13px;
}