body{background-color: #fff;}
a, a:hover { text-decoration: none; color: #333; }
ul, li { list-style: none; }
.clear{ clear:both;}
.red{ color: #ed0303 !important;}

.discover-nav{ height: 44px; border-bottom: 2px solid #222;}
.tab-title {width: 800px; margin: 0 auto; text-align: center;}
.tab-title .item { line-height: 42px; padding: 0 20px; margin: 0 20px; display: inline-block; text-align: center; color: #333; font-size: 18px; }
.tab-title .item-cur { color: #ed0303; border-bottom: 4px solid #ed0303; }
.tab-cont { position: relative;width: 1190px; min-height: 220px; margin: 0 auto; }
.tab-cont__wrap {width: 1190px; position: absolute; }
.tab-cont .crumb{ height: 50px; line-height: 50px; color: #ed0303; }
.tab-cont .crumb a{ color:#333;}
.tab-cont .crumb span{ margin:0 10px; color: #333;}
.tab-cont .item {width: 100%; }

.filter-list{ margin-bottom: 30px;}
.filter-list .filter-list-con{ height: 30px; margin-bottom: 10px; overflow: hidden;}
.filter-list label { float: left; display: inline; font-size: 13px; color: #333; width: 63px; height: 30px; line-height: 30px; }
.filter-list a { float: left; display: inline; width: 111px; height: 28px; border: solid 1px #e4e4e4; line-height: 28px; color: #333; text-align: center; margin-right: 20px; position: relative; }
.filter-list .f-item-selected, .filter-list a:hover { border: solid 1px #ed0303; color: #ed0303; }
.filter-list2{ width: 100%; height: auto; border: 1px solid #dddddd; padding: 10px; margin-bottom: 0px; float: left; box-sizing: border-box; }
.filter-list2 .filter-list-con{ margin-bottom: 10px; clear: both;}
.filter-list2 label{ float: left; display: inline; font-size: 13px; color: #fff; text-align: center; width: 60px; height: 28px; line-height: 28px; background-color: #ed0303;}
.filter-list2 .list-con{ width: 718px; float: left; background-color: #fff;}
.filter-list2 a{ float: left; display: inline; min-width: 60px; width:auto; height: 28px; border: solid 1px transparent; line-height: 28px; color: #333; text-align: center; margin-left: 20px; margin-bottom: 10px; position: relative; }
.filter-list2 .f-item-selected, .filter-list2 a:hover { border: solid 1px #ed0303; color: #ed0303; }
.sy-banner{ width: 390px; height: 212px; float: right;}
.sy-banner img{ width: 390px; height: 212px; border: 0;}

.pro-list{ width: 1190px; margin: 0 auto;}
.pro-list-ul{ margin-right: -20px;}
.pro-list-ul li{ float: left; display: inline; width: 280px; margin-right: 20px; padding-top: 20px; height: 330px; position: relative; margin-bottom: 20px; border: 1px solid #dddddd; border-radius: 3px; overflow: hidden; }
.pro-list-ul li a,.pro-list-ul .list-item a{ display: block;}
.pro-list-ul .list-item{ width: 580px; float: left; margin-right: 20px; height: 330px; position: relative; margin-bottom: 20px; border: 1px solid #dddddd; border-radius: 3px; overflow: hidden;}
.pro-list-ul li:hover,.pro-list-ul .list-item:hover{ border: 1px solid #ffd4d4;}
.pro-list-ul .p-img, .pro-list-ul .p-name, .pro-list-ul .p-orders,.pro-list-ul .p-number,.pro-list-ul .p-price2, .pro-list-ul .p-price, .pro-list-ul .p-countdown, .pro-list-ul3 .p-img { width: 190px; margin: 0 auto; text-align: center;}
.pro-list-ul .p-name,.pro-list-ul3 .p-name3{ font-size: 14px; height: 20px; color: #333; margin-bottom: 20px; overflow: hidden;}
.pro-list-ul .p-img,.pro-list-ul3 .p-img{ margin-bottom: 20px;}
.pro-list-ul .p-price,.pro-list-ul3 .p-price3{ font-size: 16px; font-weight: 700; color: #ed0303; margin-bottom: 10px;}
.pro-list-ul .p-orders,.pro-list-ul .p-number,.pro-list-ul .p-price2{ height: 16px; margin-bottom: 10px; }
.pro-list-ul .p-orders i,.pro-list-ul .p-number i,.pro-list-ul .p-price2 i{ display: inline-block; vertical-align: top; margin-right: 5px;}
.pro-list-ul .p-orders span,.pro-list-ul .p-number span,.pro-list-ul .p-price2 span{ display: inline-block; vertical-align: top;  color: #999; font-size: 12px;}
.pro-list-ul .p-countdown{ margin-bottom: 10px;}
.pro-list-ul .p-btnbox { margin: 0 auto; width: 140px; height: 40px; color: rgb(255, 255, 255); text-align: center; font: 16px/40px ΢���ź�, "Hiragino Sans GB"; border-radius: 2px; background: #ed0303; }
.p-wrap-yy{ background-color: #f7f7f7; height: 160px; width: 280px; padding-top: 20px; opacity: 0; z-index: 999; position: absolute; bottom: 0; left: 0;}
.pro-list-ul li:hover .p-wrap-yy, .pro-list-ul .list-item:hover .p-wrap-yy2{ opacity: 1; transition: all .4s;}
.p-wrap-yy2{ background-color: #f7f7f7; height: 160px; width: 580px; padding-top: 30px; display: block; opacity: 0; z-index: 999; position: absolute; bottom: 0; left: 0;}
.pro-list-ul .p-img2{ width: 580px;text-align: center; position: absolute; top:0; left:0;}
.pro-list-ul .p-name2{ width: 560px;text-align: center; font-size: 14px; height: 30px; line-height: 30px; color: #333; margin-bottom: 10px; position: absolute; top:0;left: 10px; z-index: 10; overflow: hidden;}
.pro-list-ul .p-img2 img{ width: 580px; height: 330px;}
.text strong{ font-size: 14px; color: #ed0303;}


.pro-list-ul3{ margin-right: -20px;}
.pro-list-ul3 li{ float: left; display: inline; width: 280px; height: 280px; margin-right: 20px; padding-top: 20px; position: relative; margin-bottom: 20px; border: 1px solid #dddddd; border-radius: 3px; overflow: hidden; }
.pro-list-ul3 .p-price3{ padding:0 10px; margin-bottom: 3px;}
.pro-list-ul3 .p-name3,.pro-list-ul3 .p-dianpu{ width: 260px; line-height: 20px; padding:0 10px; margin-bottom: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pro-list-ul3 .p-name3:hover{ color:#ed0303; cursor: pointer;}
.pro-list-ul3 .p-dianpu{ color: #999;}
.pro-list-ul3 .xp-flag{ width: 40px; height: 47px; line-height: 40px; background: url("../images/xp-flag.png") right top no-repeat; color: #fff; font-size: 14px; text-align: center; position: absolute; top:-1px; right: 0; z-index: 10000;}
#ul-mycity .fl {border: 0px; left: 220px;padding-top: 0px; border: 0px;}
#heard_div {padding-bottom: 3px;}
#ttbar-myjd {left: 0px;}
ul.pro-list-ul li a .p-img img{max-width:100%; max-height:180px;min-height: 179px;}

 /* banner */
.banner { position: relative; overflow: auto; text-align: center;}
.banner li { list-style: none; }
.banner ul li { float: left; }
#bannerId { width: 1190px; margin: 0 auto 20px auto;}
#bannerId .dots { position: absolute; left: 0; right: 0; bottom: 20px;}
#bannerId .dots li { display: inline-block; width: 10px; height: 10px; margin: 0 4px; text-indent: -999em; border: 2px solid #fff; border-radius: 6px; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; }
#bannerId .dots li.active { background: #fff; opacity: 1; }
#bannerId .arrow { position: absolute; top: 150px;}
#bannerId #al { left: 15px;}
#bannerId #ar { right: 15px;}