@charset "UTF-8";

/**
 * 
 * @authors wave (you@example.org)
 * @date    2017-11-02 08:29:57
 * @version $Id$
 */


.content { width: 1200px; margin: 0 auto; overflow: hidden; }
.goods-title { height: 34px;  }
.goods-title span { color: #cd061b; }
.goods-tit { line-height: 22px; margin-left: 10px; }
.ranking-box { width: 100%; height: 55px; background: #f4f4f4; overflow: hidden; }
.ranking { width: 1200px; height: 30px; margin: 15px auto 0; }

.ranking .list-inline { border: 1px solid #ccc; margin-right: 10px; }
.ranking li a { width: 49px; text-indent: 7px; border-right: 1px solid #ccc; height: 22px; line-height: 22px; float: left; background-color: #fff; }
.ranking li.list-i01 a { border-right: none; background: #fff url(../images/paixu_bg.png) no-repeat 35px 7px; }
.ranking li.list-i01.on a,.ranking li.list-i01:hover a { color: #cd061b; background: #e5e5e5 url(../images/paixu_bg_on.png) no-repeat 35px 7px; }
.ranking li.list-i03 { text-indent: 0; }
.ranking li.list-i03 a { border-right: none; background: #fff url(../images/paixu_bg.png) no-repeat 35px 7px;  border-right: 1px solid #ccc; }
.ranking li.list-i03:hover a,.ranking li.list-i03.on a { color: #cd061b; background: #e5e5e5 url(../images/paixu_bg_on.png) no-repeat 35px 7px; }
.ranking li.list-i03.on a,.ranking li.list-i03:hover a { color: #cd061b; background: #e5e5e5 url(../images/paixu_bg_on.png) no-repeat 35px 7px; }

.ranking li.list-i02 { position: relative; }
.ranking li.list-i02 a { background: #fff url(../images/paixu_up_bg.png) no-repeat 35px 7px; }
.ranking li.list-i02:hover a { color: #cd061b; background-color: #e5e5e5; background: #fff url(../images/paixu_up_bg_on.png) no-repeat 35px 7px; }
.ranking li.list-i02.on a { background: #fff url(../images/paixu_up_bg_on.png) no-repeat 35px 7px; }
.ranking li.list-i02.on-down:hover a { background: #fff url(../images/paixu_bg_on.png) no-repeat 35px 7px; }
.ranking li.list-i02.on-down a { background: #fff url(../images/paixu_bg_on.png) no-repeat 35px 7px; }
.ranking li.list-i02.on a,.ranking li.list-i02.on a:hover,.ranking li.list-i02.on-down a { color: #cd061b; background-color: #e5e5e5; }
.ranking li.list-i02 i { cursor: pointer; position: absolute; right: 5px; top: 5px; width: 8px; height: 5px; }

.ranking li.list-i02 .ico-mt { background: url(../images/ico_mt.png) no-repeat; }
.ranking li.list-i02 .ico-mt.on { background: url(../images/ico_mt_on.png) no-repeat; }
.ranking li.list-i02 .ico-mb { background: url(../images/ico_mb.png) no-repeat; top: 12px; }
.ranking li.list-i02 .ico-mb.on { background: url(../images/ico_mb_on.png) no-repeat; top: 12px; }
.ranking-l ul input { margin-left: 30px; width: 136px; height: 22px; border: 1px solid #ccc; text-indent: 5px; background: #fff url(../images/search_inp_bg.png) no-repeat 115px 5px; color: #666; font-size: 12px; }
.ranking-l .you-kcun { margin-top: 2px; }
.ranking-l .you-kcun input { margin-top: 5px; margin-top: 4px\9; margin-right: 3px; }
.ranking-l .you-kcun label { margin-right: 20px; }


.ranking-r { padding-right: 10px; }
.ranking-r a { font-family: 宋体; margin-left: 5px; width: 22px; height: 22px; line-height: 22px; border: 1px solid #c6c6c6; text-align: center; background: #fff; }
.ranking-r a.on,.ranking-r a:hover { background: #e5e5e5; }
.ranking-r span,.ranking-r s { height: 24px; line-height: 24px; color: #666; }

/* 商品列表 */
.goods-list ul { padding-top: 20px; width: 1220px; }
.goods-list li { width: 281px; margin-right: 20px; margin-bottom: 20px; padding: 1px; border: 1px solid #eee; padding-top: 3px; }
.goods-list li:hover { width: 281px; padding: 0; padding-top: 2px; border: 2px solid #999; }
.goods-list li a.lhl-img { margin-left: 3px; }
.goods-list li a img { width: 275px; height: 275px; }
.goods-list .lhl-txt { padding-left: 10px; margin-top: 10px; }
.goods-list .lhl-tit { font-size: 16px; height: 22px; line-height: 22px; margin-top: 5px; }
.goods-list .lhl-tit a { color: #333; }
.goods-list .lhl-tit a:hover { color: #cd061b; text-decoration: underline; }
.goods-list .lhl-desc { margin-bottom: 10px; margin-top: 5px; color: #666; height: 22px; line-height: 22px; font-size: 14px; }
.goods-list .lhl-desc .font-ch { margin-right: 15px; }
.goods-list .lhl-desc .font-en { font-family: Verdana; }
.goods-list .lhl-price { height: 22px; line-height: 22px; font-size: 16px; }
.goods-list .lhl-price strong { font-size: 16px; font-family: Verdana; }

/* 分页 */
.page .prev { margin-right: 5px; margin-left: 5px; }
.page .prev, .page .next { border: 1px solid #ddd; background: #f3f3f3; color: #333; width: 83px; height: 36px; line-height: 36px; text-align: center; }
.page .next.page .prev.off, .page .next.off { background: #fff; color: #ccc; }
.page li { cursor: pointer; border: 1px solid #ddd; width: 36px; height: 36px; line-height: 36px; text-align: center; margin-right: 5px; }
.page li.on { cursor: auto; border: 1px solid #fff; color: #d51d28; background: #fff; }
.page li.dot { cursor: auto; border: 1px solid #fff; background: #fff; font-family: sans-serif; font-weight: bold; }
.page span { margin-left: 25px; margin-right: 10px; height: 38px; line-height: 38px; }
.page i { height: 38px; line-height: 38px; }
.page input { margin: 0 3px; width: 36px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #ccc; }
.page .sure { width: 54px; height: 36px; line-height: 36px; border: 1px solid #ccc; text-align: center; background: #f6f6f6; border-radius: 2px; margin-left: 10px; }


/* 大家都喜欢 */
.like-box { background: #f6f6f6; width: 100%; padding-top: 27px; margin-top: 60px; }
.like { width: 1200px; margin: 0 auto; }
.like-tit { padding-bottom: 6px; height: 29px; }
.like-tit h4 { font-size: 20px; color: #000; }
.like-tit span { height: 24px; line-height: 35px; color: #666; margin-left: 18px; }
.like-tit a { background: url(../images/change_bg.png) no-repeat 0 4px; padding-left: 24px; height: 24px; line-height: 24px; color: #000; }
.like-tit a:hover { color: #d51d28; text-decoration: underline; }

.like-list ul { width: 1220px; }
.like-list li { width: 224px; margin-right: 20px; padding-bottom: 30px; }
.like-list li .lhl-img { padding: 12px; background: #fff; margin-bottom: 15px; }
.like-list li .lhl-img img { width: 200px; height: 200px; }
.like-list .lhl-tit { font-size: 12px; height: 22px; line-height: 22px; }
.like-list .lhl-tit a:hover { color: #cd061b; text-decoration: underline; }
.like-list .lhl-price { height: 22px; line-height: 22px; }
.like-list .lhl-price strong { color: #d51d28; font-size: 14px; font-weight: bold;  font-family: arial; }