.mall {
	padding:0;
	color:#333;
}

.mall .pagetitle {
	padding:10px 0 10px 5px;
	font-size:20px;
	font-weight:bold;
}
.mall .pagetitle img {
	vertical-align: middle;
}

.mall .topdesc {
	padding:5px;
	line-height:1.5;
}

.mall-body {
	padding:15px 0;
}

.top-category-wrap {
	border:1px #cacaca solid;
	border-top:4px #35445d solid;
	
}
.top-category-wrap .tabs {
	height:39px;
	background-color:#f5f5f5;
}
.top-category-wrap .tab {
	width:150px;
	height:38px;
	float:left;
	font-size:16px;
	color:#000;
	text-align:center;
	cursor:pointer;
	border-right:1px #d9d9d9 solid;
}
.top-category-wrap .tab.active {
	background-color:#35445d;
	color:#fff;
}
.top-category-wrap .tab > div {
	padding-top:9px;
}
.top-category-wrap .top-category-list-wrap {
	clear:both;
}
.top-category-wrap .top-category-list-wrap ul {
	list-style:none;
	margin:10px;
	padding:10px;
}
.top-category-wrap .top-category-list-wrap ul li {
	display:inline-block;
	width:190px;
	padding:4px 0;
}
.top-category-wrap .top-category-list-wrap .num-cat-goods {
	color:#f70;
}








.goodslist-wrap {
	padding-top:50px;
	margin-top:50px;
	border-top:1px #d9d9d9 solid;
}

.list-helper {
	padding:4px;
	font-size:14px;
	line-height:100%;
}
.list-helper .searchbox {
	float:right;
}
.list-helper .searchbox input[type=text] {
	border:1px #d2d2d2 solid;
	height:27px;
	width:150px;
	margin:0;
	padding:0;
	vertical-align:middle;
}
.list-helper .searchbox .btn-search {
	border:1px #ccc solid;
	border-left:0;
	vertical-align:middle;
	margin:0;
	padding:0;
}
.list-helper .searchbox .btn-listtype img {
	vertical-align: middle;
}
.list-helper .order-selector {
	display:inline-block;
	padding-top:7px;
	
}
.list-helper .order-selector a {
	margin:0 5px;
}
.list-helper .order-selector a img {
	vertical-align:middle;
}


.toplist-wrap {
	padding:15px 0;
}
.toplist-wrap .topgoods-wrap {
	width:200px;
	height:300px;
	float:left;
	cursor:pointer;
}
.topgoods-wrap .imgbox {
	width:180px;
	height:180px;
	margin:0 auto 5px 0;
	text-align:center;
}
.topgoods-wrap .imgbox img {
	max-width:100%;
	max-height:100%;
	width:auto; height:auto;
	border:1px #fff solid;
}
.topgoods-wrap:hover .imgbox img {
	border-color:#f80;
}
.topgoods-wrap .special {
	padding:3px 0;
	text-align:center;
}
.topgoods-wrap .title {
	padding:3px 0;
	text-align:center;
}
.topgoods-wrap .price {
	padding:3px 0;
	text-align:center;
	line-height:20px;
}
.topgoods-wrap .price span {
	color:#f50;
	font-weight:bold;
}
.topgoods-wrap .price del {
	color:#888;
}

.sp-new {display:inline-block; padding:1px 3px; color:#fff; background-color:#e70;}
.sp-hit {display:inline-block; padding:1px 3px; color:#000; background-color:#7e0;}
.sp-best {display:inline-block; padding:1px 3px; color:#fff; background-color:#07f;}
.sp-rcmd {display:inline-block; padding:1px 3px; color:#fff; background-color:#70f;}

.semitrans {opacity:0.3; filter:alpha(opacity=30);}

.list-container {
	padding:0;
}


.mall .nolist {
	padding:30px 0;
	text-align:center;
}

/* grid type */
.list-container .goods-wrap {
	width:232px;
	height:385px;
	float:left;
	cursor:pointer;
	margin:20px 8px;
	border:1px #ccc solid;
}
.goods-wrap .imgbox {
	width:232px;
	height:232px;
	text-align:center;
	border-bottom:1px #ccc solid;
	line-height:100%;
}
.goods-wrap .imgbox img {
	width:100%;
	height:100%;
}

.goods-wrap .special {
	padding:3px 0;
	text-align:center;
}
.goods-wrap .title {
	height:40px;
	font-size: 18px;
	font-weight:bold;
	line-height:130%;
	padding:10px;
	text-align:left;
	overflow-y:hidden;
}
.goods-wrap .goods-comment {
	padding:4px;
	text-align:left;
	/* border-bottom:1px #d7d7d7 solid; */
	color:#929292;
	overflow:hidden;
}
.goods-wrap .price {
	padding:3px 10px;
	text-align:right;
	font-size:20px;
}
.goods-wrap .price .price-block {
	display:inline-block;
	text-align:left;
}
.goods-wrap .price span {
	color:#f50;
	font-weight:bold;
}
.goods-wrap .price del {
	color:#888;
	font-size:14px;
}


/* list type */
.goods-listwrap {
}

.goods-listwrap .innerwrap {
	padding:20px 10px;
	border-bottom:1px #d0d0d0 solid;
	text-align:left;
}
.goods-listwrap .innerwrap .right-info {
	width:200px;
	height:120px;
	float:right;
	padding-left:10px;
	border-left:1px #d2d2d2 solid;
}
.goods-listwrap .innerwrap .right-info > div {
	padding:3px;
	line-height:20px;
}
.goods-listwrap .innerwrap .goods-info {
	text-align:left;
}
.goods-listwrap .innerwrap .goods-imgbox {
	width:120px;
	height:120px;
	text-align:center;
	float:left;
	margin-right:20px;
}
.goods-listwrap .innerwrap .goods-imgbox img {
	max-width:120px;
	max-height:120px;
	width:auto; height:auto;
	cursor:pointer;
}
.goods-listwrap .special {
	padding:3px 0;
}
.goods-listwrap .title {
	padding:3px 0;
}
.goods-listwrap .goods-comment {
	padding:4px;
	text-align:left;
	color:#929292;
}
.goods-listwrap .price {
	padding:3px 0;
	line-height:20px;
}
.goods-listwrap .price span {
	color:#f50;
	font-weight:bold;
}
.goods-listwrap .price del {
	color:#888;
}


/* goods detail page */

.detail-info-wrap {
	width:100%;
	border-spacing:0;
	border:1px #777 solid;
	border-collapse:collapse;
}
.detail-info-main,
.detail-info-btns {
	border:1px #777 solid;
	vertical-align:top;
	padding:0;
}
.detail-info-wrap > tr > td {
	border:1px #777 solid;
	vertical-align:top;
}
.detail-info-wrap .detail-info-top {
	height:40px;
	background-color:#e7e8e9;
	margin-bottom:10px;
}
.detail-info-btns img {
	margin:4px 0;
	cursor:pointer;
}
.detail-info-btns {
	text-align:center;
}

.detail-info-wrap .goods-name {
	font-size:22px;
	font-weight:bold;
	padding:5px 10px;
}
.detail-info-wrap .goods-name .goods-code {
	float:right;
	font-size:12px;
	font-weight:normal;
	margin-top:7px;
}


.imgwrap {width:300px; min-height:400px; margin-right:20px;}
.imgwrap .imgbox {height:290px; border:1px #d7d7d7 solid; padding:5px;}
.imgwrap .imgbox img {width:100%; height:100%;}

.imgwrap .thumbs {height:100px; padding-top:5px;}
.imgwrap .thumbs img {width:56px; height:56px; border:1px #d7d7d7 solid;}

.infobox {width:450px; float:right;}

.infobox .goodscode {text-align:right;}

.infobox table {border:0; border-spacing:0;}
.infobox tr {height:50px;}
.infobox th {width:100px; text-align:left; font-weight:bold; padding-left:5px; border-bottom:1px #ccc dotted;}
.infobox td {border-bottom:1px #ccc dotted; padding-left:5px;}
.infobox input[type=text] {border:1px #ccc solid; font-size:11px;}
.infobox select {border:1px #d0d0d0 solid;}
.infobox select option {}
.infobox .qty {width:30px; height:16px; text-align:center; padding:2px 0; border:1px #ccc solid; *height:18px; *padding:2px 0 0 0; }

.optionbox {padding-top:10px; background-color:#f5f5f5;}

.optitembox {padding:5px 0 5px 10px; border-bottom:1px #cccccc dotted; font-size:11px;}
.optitem_title {display:inline-block; width:200px; margin-right:4px;}
.optitem_amount {display:inline-block; width:80px; color:#ff6600; text-align:right; margin-right:4px; font-size:11px;}

.optqty {width:30px; height:12px; font-size:10px; text-align:center; padding:2px 0; border:1px #d7d7d7 solid !important; *height:14px; *padding:2px 0 0 0; }

.pricebox {margin-bottom:5px; padding-left:5px;}
.pricebox .special {padding:4px;}
.pricebox .price {padding:7px 0 15px; text-align:left;}
.pricebox .price .saleprice {color:#FF5500; font-size:16px; font-weight:bold;}
.pricebox .price .dc {color:#444; font-size:14px; font-weight:normal;}
.pricebox .normalprice {font-size:14px; padding:4px 4px 12px 0;}
.pricebox .normalprice span {color:#f50;}
.pricebox .normalprice del {margin-left:70px;}

.goods-btnbox {clear:both; padding:15px 0;}
.goods-btnbox img {margin:0 10px; cursor:pointer;}

.amount {color:#FF5500 !important; font-weight:bold; font-size:14px;}
#amount {font-size:18px; font-weight:bold;}

.mall-tabs {border-bottom:1px #898989 solid; height:35px;}
.mall-tabs div {
	width:110px;
	padding:10px 0;
	text-align:center;
	float:left;
	border:1px #d1d1d1 solid;
	border-bottom:0;
	margin-right:-1px;
}

.mall-tabs .tabs-active {background-color:#35445d; color:#fff; font-weight:bold; cursor:default;}
.mall-tabs .tabs-normal {background-color:#f0f0f0; color:#000;}

.goods_content {clear:both; width:800px; margin:0 auto; padding-top:20px; padding-bottom:40px;}
.goods_content img {max-width:100%; height:auto;}

.pricebyqty {}
.pricebyqty tr {height:22px;}
.pricebyqty td, .pricebyqty th {
	height:22px;
	padding:0;
	text-align:center;
	border-bottom:0;
}
.pricebyqty th {
	background-color:#eee;
}
.pricebyqty td {
	border-top:1px #ccc dotted;
}

.imp-goodsinfo {
	border:1px #ccc solid; padding:5px;
	line-height:25px;
}
.imp-goodsinfo img {
	width:100px; height:100px; float:left;
	margin-right:20px;
}

.imp-list {
	border-top:1px #bbb solid;
}
.imp-wrap {
	padding:10px;
	border-bottom:1px #aaa dotted;
}
.imp-wrap img {
	width:100px;
	height:100px;
	float:left;
	border:1px #777 solid;
	margin-right:10px;
}
.imp-wrap .goodstitle {
	font-size:14px;
	font-weight:bold;
	margin:3px 0 5px 0;
}
.imp-wrap .subject {
	font-weight:bold;
	margin:3px 0;
}
.imp-wrap .comment {
	line-height:150%;
}

.qnawrap {text-align:left !important; vertical-align:top;}
.qnawrap .goodstitle {padding:5px 0; font-weight:bold; border-bottom:1px #ccc solid;}
.qnawrap .title {padding:3px 0; font-weight:bold;}
.qnawrap .question {padding:3px; border-bottom:1px #ccc dashed;}
.qnawrap .answer {padding:3px 0 3px 20px;}

/* editoption page (popup) */

.optionedit {
	padding:5px;
	min-width:400px;
}
.optionedit .goodsinfo {
	width:100%;
}
.optionedit .goodsinfo .th {border-bottom:1px #ccc solid;}



/* itemstyle table */
.mall-item {width:100%; border-spacing:0; border-bottom:1px #ddd solid; border-collapse:collapse;}
.mall-item th {height:30px; background-color:#efefef; border:1px #ddd solid;}
.mall-item td {min-height:40px; padding:3px 0 3px 3px; text-align:left; border:1px #ddd solid;}

.mall-item a {color:inherit; text-decoration:none;}
.mall-item a:visited {color:inherit;}
.mall-item a:hover {text-decoration:none;}


/* cart, orderlist */
.mall-list {width:100%; border-spacing:0; border-bottom:1px #ddd solid; border-collapse:collapse;}
.mall-list th {height:30px; background-color:#efefef; border:1px #ddd solid; border-top:1px #2380ee solid;}
.mall-list td {min-height:40px; padding:3px 0 3px 3px; text-align:center; border:1px #ddd solid;}

.mall-list a {color:inherit; text-decoration:none;}
.mall-list a:visited {color:inherit;}
.mall-list a:hover {text-decoration:none;}

.order-state {padding:3px 0; color:#08f;}

.cart-goodsname {padding:3px 0; font-weight:bold; text-align:left;}
.cart-option {font-size:11px; text-align:left; padding:4px 0 0 10px; color:#0066FF;}
.cart-option .list-option {padding:2px 0;}
#cartForm .qty {border:1px #d7d7d7 solid; ime-mode:disabled; color:#929292; width:30px; height:12px; font-size:10px; text-align:center; padding:2px 0; border-left:0 !important; border-right:0 !important; *height:14px; *padding:2px 0 0 0; }
#cartForm .btn_qty {width:20px; color:#929292; font-size:10px; background-color:#fff !important; border:1px #d7d7d7 solid !important; height:18px; text-align:center; padding:1px 0; *height:18px; *padding:0px !important;}


/* Dialog */
.mall-dlg {position:absolute; padding:5px; border:1px #cccccc solid; background-color:#fff; display:none;}
.mall-dlg .dlgtitle {background-color:#ff8800; text-align:center; color:#fff; padding:5px 0; font-weight:bold; border-radius:4px;}
.mall-dlg .inner {padding:10px;}

/* Buttons */
.btnbox {padding:15px 0; text-align:center;}

.mall-btn {width:auto !important; height:auto !important; font-size:12px; padding:3px 5px; background-color:#ff8800; color:#fff; border:1px #ff8800 solid; border-radius:3px; cursor:pointer;}
.mall-btn-small {width:auto !important; height:auto !important; font-size:11px; padding:1px 2px; margin:3px 0; background-color:#eeeeee; color:#000; border:1px #ff6699 solid; border-radius:3px; cursor:pointer;}
.mall-btn-large {width:auto !important; height:auto !important; font-size:12px; font-weight:bold; padding:10px 15px; background-color:#ff8800; color:#fff; border:1px #ff8800 solid; border-radius:3px; cursor:pointer;}