/* 焦点图 */
.focusBg{width: 100%;height: 310px;background: url(../images/focusBg.jpg) repeat-x;padding: 20px 0;}
.focusBg .focus{width: 1200px;height: 310px;margin: 0 auto;}
.focusBg .focus a img{width: 750px;height: 310px;}

.focusBg .focus .swiper-slide{width: 750px;height: 310px;}

.focusBg .focus .swiper-pagination-bullet{width: 12px;height: 12px;background: #aaa;opacity: 1;}
.focusBg .focus .swiper-pagination-bullet-active{width: 12px;height: 12px;background: #4c921b;}

/* 最新上架 */
.newShelf{width: 1200px;margin: 0 auto;margin-top: 35px;}
.newShelf .tit{height: 50px;display: flex;align-items: center;position: relative;}
.newShelf .tit img{width: 32px;height: 30px;}
.newShelf .tit h5{font-size: 30px;color: #555;font-weight: normal;margin-left: 8px;}
.newShelf .tit .more{width: 30px;height: 30px;position: absolute;right: 0;top: 11px;background: url(../images/more.png) no-repeat;background-size: 30px 30px;}

.newShelf .cont{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 5px;}
.newShelf .cont .item{width: 380px;height: 140px;position: relative;margin-bottom: 30px;}
.newShelf .cont .item .normal{width: 338px;height: 80px;border: 1px solid #ddd;padding: 29px 20px;}
.newShelf .cont .item .normal img{width: 80px;height: 80px;float: left;margin-right: 20px;border-radius: 50%;}
.newShelf .cont .item .normal h3{font-size: 20px;color: #333;font-weight: normal;margin-top: 5px;margin-bottom: 8px;}
.newShelf .cont .item .normal p{line-height: 17px;font-size: 14px;color: #999;text-align: justify;}

.newShelf .cont .item .over {width: 380px;height: 140px;position: absolute;left: 0;top: 0;background: rgba(95, 148, 57, 0.9);display: none;}
.newShelf .cont .item .over .tit{width: 14px;height: 92px;position: absolute;left: 90px;top: 20px;}
.newShelf .cont .item .over .login{width: 60px;height: 60px;border-radius: 50%;position: absolute;right: 100px;bottom: 12px;}
.newShelf .cont .item .over .qrcode{width: 100px;height: 100px;border: 2px solid #72b046;border-radius: 10px;padding: 8px;background: #fff;position: absolute;left: 112px;top: 11px;}
.newShelf .cont .item .over .qrcode img{width: 100px;height: 100px;}

.newShelf .cont .item:hover .over{display: block;}

/* 专题精选 */
.special{width: 1200px;margin: 0 auto;margin-top: 10px;}
.special .tit{height: 50px;display: flex;align-items: center;position: relative;}
.special .tit img{width: 32px;height: 32px;}
.special .tit h5{font-size: 30px;color: #555;font-weight: normal;margin-left: 8px;}
.special .tit .more{width: 30px;height: 30px;position: absolute;right: 0;top: 11px;background: url(../images/more.png) no-repeat;background-size: 30px 30px;}

.special .cont{display: flex;justify-content: space-between;margin-top: 5px;}
.special .cont .item{width: 585px;height: 240px;display: block;position: relative;}
.special .cont .item img{width: 585px;height: 240px;}
.special .cont .item p{width: 585px;height: 40px;line-height: 40px;position: absolute;bottom: 0;background: rgba(95, 148, 57, 0.9);text-align: center;font-size: 20px;color: #fff;}

/* 编辑推荐 */
.reco{width: 1200px;margin: 0 auto;margin-top: 40px;}
.reco .tit{height: 50px;display: flex;align-items: center;position: relative;}
.reco .tit img{width: 32px;height: 34px;}
.reco .tit h5{font-size: 30px;color: #555;font-weight: normal;margin-left: 8px;}
.reco .tit .more{width: 30px;height: 30px;position: absolute;right: 0;top: 11px;background: url(../images/more.png) no-repeat;background-size: 30px 30px;}

.reco .cont{display: flex;justify-content: space-between;margin-top: 5px;}
.reco .cont .item{width: 380px;height: 180px;position: relative;display: block;}
.reco .cont .item img{width: 380px;height: 180px;}
.reco .cont .item p{height: 40px;line-height: 40px;position: absolute;left: 0;top: 15px;background: #8bb556;padding: 0 30px 0 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;font-size: 20px;color: #fff;}

/* 榜单 */
.bang{width: 1200px;margin: 0 auto;margin-top: 40px;display: flex;justify-content: space-between;}
.bang .item .tit{height: 50px;display: flex;align-items: center;}
.bang .item .tit img{width: 32px;height: 25px;}
.bang .item .tit span{font-size: 30px;color: #333;margin-left: 8px;}

.bang .item .cont{width: 378px;border: 1px solid #ddd;border-top: 2px solid #72b046;margin-top: 5px;}
.bang .item .cont ul a{display: block;}
.bang .item .cont ul a li{width: 313px;height: 40px;border-bottom: 1px solid #ddd;padding: 15px 35px 15px 30px;display: flex;align-items: center;position: relative;}
.bang .item .cont ul a li em{width: 40px;display: block;color: #999;}
.bang .item .cont ul a li .face{width: 40px;height: 40px;margin-right: 28px;border-radius: 50%;}
.bang .item .cont ul a li div p{font-size: 16px;color: #333;}
.bang .item .cont ul a li div b{font-size: 12px;font-weight: normal;}
.bang .item .cont ul a li i{width: 10px;height: 12px;display: block;background-size: 10px 12px;position: absolute;right: 35px;top: 30px;}
.bang .item .cont ul a li i.up{background: url(../images/up.png) no-repeat;}
.bang .item .cont ul a li i.down{background: url(../images/down.png) no-repeat;}
.bang .item .cont ul a li i.line{background: url(../images/line.png) no-repeat;}

.bang .item .cont ul a:nth-child(-n+3) li{height: 60px;}
.bang .item .cont ul a:nth-child(-n+3) li em{font-size: 26px;font-style: italic;font-weight: bold;}
.bang .item .cont ul a:nth-child(-n+3) li .face{width: 60px;height: 60px;}
.bang .item .cont ul a:nth-child(-n+3) li p{font-size: 20px;}
.bang .item .cont ul a:nth-child(-n+3) li i{position: inherit;display: inline-block;margin-right: 8px;}

.bang .item .cont ul a:nth-child(1) li em{color: #e92a2a;}
.bang .item .cont ul a:nth-child(2) li em{color: #f87128;}
.bang .item .cont ul a:nth-child(3) li em{color: #f2b14b;}

.bang .item .cont ul a:last-child li{border: none;}

.bang .item .cont ul a li div .lineTxt{color: #999;}
.bang .item .cont ul a li div .upTxt{color: #ff0000;}
.bang .item .cont ul a li div .downTxt{color: #288f00;}

.bang .item .cont ul a:hover{background: #e7f7dc;}

/* 友情链接 */
.friendLinkBg{width: 100%;height: 100px;background: #f9f9f9;margin-top: 30px;}
.friendLinkBg .friendLink{width: 1200px;height: 100px;margin: 0 auto;display: flex;align-items: center;}
.friendLinkBg .friendLink img{width: 32px;height: 32px;margin-right: 8px;}
.friendLinkBg .friendLink b{font-size: 24px;color: #333;font-weight: normal;}
.friendLinkBg .friendLink ul{font-size: 16px;color: #666;display: flex;margin-left: 28px;}
.friendLinkBg .friendLink ul li a:hover{color: #666666;text-decoration: underline;}
.friendLinkBg .friendLink ul li span{margin: 0 6px;}

/* 侧条 */
.sidebar{width: 60px;height: 190px;position: fixed;right: 50%;bottom: 300px;margin-right: -675px;z-index: 999;}

.sidebar .weixin{width: 60px;height: 60px;background: url(../images/icon.png) no-repeat #e0e0e1;cursor: pointer;background-position: left 0;position: relative;}
.sidebar .weixin:hover{background-position: left -60px;background-color: #72b046;}
.sidebar .weixin .weixinSub{width: 125px;height: 153px;background: #fff;border: 1px solid #72b046;position: absolute;left: -127px;top: -10px;text-align: center;display: none;}
.sidebar .weixin .weixinSub em{width: 6px;height: 10px;display: block;background: url(../images/sj.png) no-repeat;position: absolute;right: -6px;top: 28px;}
.sidebar .weixin .weixinSub img{width: 120px;height: 120px;margin: 0 auto;margin-top: 5px;}
.sidebar .weixin:hover .weixinSub{display: block;}


.sidebar .service{width: 60px;height: 60px;background: url(../images/icon.png) no-repeat #e0e0e1;cursor: pointer;margin: 5px 0;background-position: left -120px;position: relative;}
.sidebar .service:hover{background-position: left -180px;background-color: #72b046;}
.sidebar .service .serviceSub{width: 224px;background: #fff;border: 1px solid #72b046;position: absolute;left: -266px;top: 0;padding: 15px 20px;display: none;}
.sidebar .service .serviceSub em{width: 6px;height: 10px;display: block;background: url(../images/sj.png) no-repeat;position: absolute;right: -6px;top: 28px;}

.sidebar .service .serviceSub ul li{line-height: 32px;font-size: 16px;color: #666;}
.sidebar .service:hover .serviceSub{display: block;}


.sidebar .backTop{width: 60px;height: 60px;background: url(../images/icon.png) no-repeat #e0e0e1;cursor: pointer;background-position: left -240px;}
.sidebar .backTop:hover{background-position: left -300px;background-color: #72b046;}