body { padding-bottom: 7rem; }
.focus { background: #F1F1F1; }
.hot { padding-top: 1.5rem; background: #FFF; padding-bottom: .6rem; }
.hot-head { border-top: .1rem solid #C8C9CA; position: relative; background: #fff; }
.hot-head-box { position: absolute; left: 0; top: -1rem; background: #FFFFFF; width: 6rem; color: #E9575E; font-size: 1.5rem; padding-left: 1rem; }
.hot-head-box i { padding-right: .4rem; }
.picScroll .bd li { width: 23.875%; margin-right: 1.5%; float: left; }
.picScroll .bd li img { width: 100%; }
.picScroll .hd li { opacity: 0; position: absolute; }
.picScroll { margin-top: 1.8rem; background: #fff; }
.picScroll-title { font-size: 1.2rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: .6rem; color: #3E3A39; padding-top: .5rem; }
.whole { position: relative; border-top: .8rem solid #f1f1f1; }
.whole-head { background: #fff; height: 3.4rem; width: 100%; line-height: 3.4rem; box-sizing: border-box; padding-left: 5rem; font-size: 1.5rem; }
.whole i { font-size: 1.4rem; color: #E9575E; padding-right: .3rem; }
.whole-head span { position: absolute; left: 1rem; }
.whole-head li { float: left; width: 33.33%; font-size: 1.4rem; text-align: center; }

.whole-head li a { padding: .25rem 1.2rem; border-radius: 12rem; }
.whole-head li.cur a { color: #fff; background: #E9575E; }
.whole-box { margin-top: .6rem; overflow: hidden; }

.whole-box ul { padding-left: 2%; }
.whole-box ul li { float: left; width: 31.3333%; margin-right: 2%; box-sizing: border-box; background: #fff; }
.whole-box ul li img { width: 100%; display: block; margin-bottom: .3rem; }
.whole-box ul li .whole-box-name { display: block; font-size: 1.2rem; color: #717071; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 6rem; }
.whole-box-line { width: 5.5rem; height: 1.6rem; line-height: 1.6rem; background: #E25B5F; float: right; border-bottom-left-radius: 10rem; border-top-left-radius: 10rem; color: #fff; }
.whole-box-line i { font-size: 1rem; color: #fff; padding-left: .4rem; padding-right: .2rem; }
.whole-box-line span { color: #fff; }

/*ÖØдÑùʽ*/
.whole-box ul li { position: relative; overflow: hidden; margin-bottom: 4px; }
.whole-box ul li a { display: block; height: 100%; height: 100%; position: relative; }
.whole-box ul li img { position: absolute; }
.picScroll .bd li { width: 23.6%; margin-right: 1%; }
.picScroll .bd li span { width: 100%; display: block; overflow: hidden; position: relative; }
.picScroll .bd li img { position: absolute; }
.whole-box-title { position: absolute; bottom: 0; width: 100%; box-sizing: border-box; height: 2.4rem; background: rgba(0,0,0,0.5); line-height: 2.4rem; padding-left: .5rem; padding-right: .5rem; font-size: 1.2rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }