html { overflow-y: auto; height: 100%; min-width: 1280px; }
body { position: relative; background: #fff; margin: 0 auto; -webkit-overflow-scrolling: touch; height: 100%; min-width: 1280px; }
.fr { float: right; }
.fl { float: left; }
.mod-data { position: absolute; width: 105px; height: 26px; background: rgba(0, 0, 0, 0.51); border-radius: 13px; font-size: 12px; font-weight: 400; color: #ffffff; left: 4px; bottom: 4px; text-align: center; line-height: 26px; }
/****小道视频列表页上方****/
.mode-width { width: 1200px; margin: 0 auto; }
.velist-con { margin-top: 70px; }
.veliat-top { background: #F8F8F8; padding: 20px 0; }
.veliat-top .v-img { width: 220px; height: 308px; margin-right: 40px; }
.veliat-top .ve-detail { width: 940px; }
.veliat-top .ve-tit { font-size: 28px; margin-bottom: 30px; font-weight: 600; color: #333333; margin-top: -8px; }
.veliat-top .ve-mods { margin-bottom: 15px; }
.veliat-top .specail-f { font-size: 14px; font-weight: bold; color: #333333; }
.veliat-top .mods-label { font-size: 14px; margin-right: 12px; font-weight: 400; color: #808080; }
.veliat-top .stage-box { margin-left: 50px; }
.veliat-top .f-done { font-size: 12px; height: 20px; line-height: 20px; padding: 0 7px; border-radius: 4px; border: 1px solid #bfbebe; font-weight: 400; color: #a0a0a0; }
.veliat-top .f-collection { margin-left: 10px; }
.veliat-top .f-collection em { color: #E34B19; margin: 0 5px; }
.veliat-top .ve-disc { font-size: 14px; font-weight: 400; color: #333333; line-height: 20px; }
.veliat-top .f-app { margin-top: 33px; }
.veliat-top .play-current { width: 140px; height: 40px; border-radius: 25px; line-height: 40px; padding-left: 58px; background: url(../images/f-play.png) no-repeat 26px center #da3515; background-size: 20px 20px; font-weight: 400; color: #ffffff; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.veliat-top .play-current:hover { background-color: #F74320; }
.veliat-top .f-download { padding-bottom: 10px; position: relative; width: 190px; margin-left: 46px; }
.veliat-top .f-download span { display: block; width: 190px; height: 40px; line-height: 40px; font-weight: 400; color: #da3515; padding-left: 44px; background: url(../images/f-app.png) no-repeat 24px center rgba(218, 53, 21, 0.18); background-size: 10px 16px; border-radius: 25px; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.veliat-top .f-download span:hover { background-color: rgba(255, 132, 108, 0.18); }
.f-download .share-box { top: 50px; right: 50%; margin-right: -70px; }
.open .share-box { display: block; }
.share-box { display: none; position: absolute; right: -12px; top: 30px; z-index: 20; font-size: 14px; width: 140px; padding: 12px 18px; font-weight: 400; color: #666666; background: #ffffff; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.26); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.share-box:before { position: absolute; content: ''; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent #fff transparent; /*border-color的四个值代表上右下左，分别实现下左上右箭头 */ top: -19px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.share-box li { line-height: 21px; margin-top: 18px; }
.share-box li:first-child { margin-top: 0; }
.share-box img { margin-right: 8px; vertical-align: middle; }
.share-box .ls { width: 76px; height: 76px; margin: 0 auto; display: block; }
/*切换年份*/
.veliat-con { margin-top: 40px; margin-bottom: 30px; }
.mode-left { width: 830px; }
.update-current { position: absolute; width: 70px; height: 26px; text-align: center; line-height: 26px; background: linear-gradient(136deg, #ef652f 0%, #da3515 100%); border-radius: 0px 10px 0px 10px; font-size: 12px; font-weight: 400; color: #ffffff; top: 0; right: 0; }
.week-tit { position: relative; }
.more-list { right: 0; position: absolute; z-index: 2; line-height: 33px; font-size: 14px; padding-right: 12px; font-weight: 400; color: #da3515; background: url(../images/arrow-r.png) no-repeat right center; background-size: 7px 12px; }
.mode-left .v-tab { color: #666666; }
.mode-left .v-tab span { cursor: pointer; line-height: 26px; display: inline-block; margin-right: 26px; }
.mode-left .v-tab span.on { position: relative; color: #DA3515; }
.mode-left .v-tab span.on:after { content: ''; position: absolute; width: 100%; height: 3px; background: #DA3515; bottom: 0; left: 0; right: 0; }
.mode-left .f-list { margin-left: -25px; margin-top: 30px; }
.mode-left .f-list-item { margin-bottom: 50px; cursor: pointer; width: 260px; margin-left: 25px; }
.mode-left .f-list-item:hover .f-tops { box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.19); }
.mode-left .f-tops { position: relative; height: 146px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.mode-left .f-tops .f-bg { width: 260px; height: 146px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.mode-left .f-tops .f-play2 { width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; }
.mode-left .f-tops .mod-data { width: 100%; left: 0; bottom: 0; height: 40px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 100%); border-radius: 0px 0px 10px 10px; font-size: 12px; font-family: -webkit-pictograph; font-weight: bold; padding-top: 10px; text-align: left; padding-left: 15px; }
.mode-left .f-tops .mode-time { margin-right: 20px; }
.mode-left .mode-tits { height: 40px; margin-top: 17px; font-weight: 600; color: #333333; line-height: 20px; }
.f-seemore span { display: block; margin: 0 auto; width: 118px; height: 26px; line-height: 26px; border-radius: 4px; border: 1px solid #da3515; text-align: center; font-weight: 400; color: #da3515; }
/*楼事专题推荐*/
.mode-left .week-tit { margin-top: 40px; }
.week-list { margin-left: -30px; margin-top: 40px; }
.week-list .week-item { display: block; float: left; width: 256px; height: 280px; background: #ffffff; border-radius: 10px; border: 1px solid #ededed; margin-left: 30px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.week-list .week-item:hover { box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.19); }
.week-list .we-imgs { position: relative; height: 141px; }
.week-list .we-imgs img { width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.week-list .we-imgs .two_hide { position: absolute; background: rgba(0, 0, 0, 0.56); font-size: 14px; padding: 8px 17px; font-weight: 600; color: #ffffff; line-height: 20px; height: 52px; bottom: 0; }
.week-list .we-imgs .only-read { position: absolute; width: 50px; text-align: center; height: 26px; line-height: 26px; background: linear-gradient(126deg, #f45160 0%, #b7001d 100%); border-radius: 0px 10px 0px 10px; font-size: 12px; top: 0; right: 0; font-weight: 400; color: #ffffff; }
.week-list .week-dec { padding: 11px 17px 27px; font-size: 12px; font-weight: 400; color: #333333; line-height: 19px; min-height:66px;}
.week-list .week-from { margin-left: 17px; font-size: 12px; font-weight: 400; color: #999999; }
.week-list .week-from span.week-cj { color: #2181FF; margin-left: 5px; }
.week-list .week-from span.week-deep { color: #E83B0C; margin-left: 5px; }
.week-list .week-from span.week-tulianshe { color: #CD351A; margin-left: 5px; }
.mode-left .f-banner { width: 100%; margin-top: 50px; display: block; }
.mode-left .f-banner img { width: 100%; }
/**右边**/
.mode-right { width: 300px; }
.mode-right .r-list { max-height: 516px; padding-left: 4px; margin-top: 30px; overflow-y: auto; }
.mode-right .r-list::-webkit-scrollbar {
width: 10px;
background: #D8D8D8;
border-radius: 10px;
}
.mode-right .r-list::-webkit-scrollbar-track-piece {
background: 0 0;
}
.mode-right .r-list::-webkit-scrollbar-button {
display: none;
}
.mode-right .r-list::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #646179;
}
.mode-right .r-list li { border-left: 2px solid #EAEAEA; position: relative; margin-bottom: 20px; }
.mode-right .r-list li .m-round { position: absolute; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #DA3515; left: -4.5px; top: 0; }
.mode-right .r-list li .m-tit-time { font-weight: 400; color: #999999; margin-left: 13px; margin-bottom: 10px; }
.mode-right .r-list li .mod-details { margin-left: 13px; width: 262px; padding: 20px; font-size: 12px; font-weight: 400; color: #000000; line-height: 17px; background: #f8f8f8; }
.mode-right .r-list li .mod-details img { max-width: 100%; display: block; margin: 20px auto 0; }
.mode-right .r-list li .mod-details .two_imgs img { width: 105px; margin-right: 10px; float: left; }
.mode-right .r-list li .mod-details .two_imgs img:nth-child(2n) { margin-right: 0; }
.mode-right .r-list li .mod-details .more_imgs img { width: 65px; float: left; margin-right: 12.5px; }
.mode-right .r-list li .mod-details .more_imgs img:nth-child(3n) { margin-right: 0; }
.mode-right .aboutus { margin-top: 56px; margin-bottom: 30px; }
.mode-right .atten-tab-box .atten-tab span:nth-child(2) img { width: 32px; height: 31px; margin-top: 14px; }
.mode-right .atten-tab-box .atten-tab span:nth-child(3) img { width: 31px; height: 31px; margin-top: 13px; }
.mode-right .atten-tab-box .atten-tab span:nth-child(4) img { width: 36px; height: 36px; margin-top: 12px; }
.mode-right .at-con-item { display: none; }
.mode-right .at-con-item:last-child { display: block; }
/*小道内页*/
.cont-main { margin: 40px auto 30px; }
.banner-pic { margin: 0 auto; width: 1200px; display: block; }
.banner-pic img { width: 1200px; height: 90px; }
.article-con h2 { font-weight: 600; line-height: 40px; font-size: 28px; }
.article-con .important_news { overflow: hidden; margin-top: 30px; }
.article-con .important_news li { float: left; font-size: 12px; color: #999; height: 16px; line-height: 16px; }
.article-con .important_news li.first { color: #DA3515; border-right: 1px #DB3F20 solid; margin-right: 10px; padding-right: 10px; }
.article-con .important_news li.see { margin-left: 60px; padding-left: 20px; background: url(../images/see3.png) left center no-repeat; }
.article-con .important_news li.last { float: right; }
.article-con .article_t1 { font-size: 14px; line-height: 30px; color: #a4abb1; margin-top: 28px; }
.article-con .long_rec { display: block; width: 162px; height: 4px; margin-top: 20px; border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; background: #efefef; }
.article-con .article_t2 { margin-top: 40px; line-height: 24px; font-size: 14px; color: #333; }
.article-con .article_view { margin: 0 auto; margin-top: 40px; width: 640px; background: #000; }
.article_view .videobox { width: 100%; position: relative; height: 360px; }
.videobox .app-play { position: absolute; right: 30px; bottom: 48px; width: 130px; height: 40px; line-height: 40px; background: rgba(0, 0, 0, 0.59); border-radius: 26px; font-size: 14px; font-weight: 400; color: #fa5e2f; cursor: pointer; }
.videobox .app-play em { float: left; width: 18px; height: 18px; background: url(../images/play2.png) no-repeat center center; background-size: 100% 100%; margin: 11px 9px 11px 17px; }
.videobox .app-play:hover { background: linear-gradient(129deg, #ef652f 0%, #da3515 100%); color: #ffffff; }
.videobox .app-play:hover em { float: left; width: 18px; height: 18px; background: url(../images/play.png) no-repeat center center; background-size: 100% 100%; margin: 11px 9px 11px 17px; }
.article_view .mod-content { padding: 25px 16px 20px; }
.seebox > div { height: 30px; }
.seebox div { margin-left: 30px; }
.seebox div:first-child { margin-left: 0; }
.mod-content .list-box { font-size: 14px; font-weight: 400; color: #ffffff; }
.mod-content .list-box .mod-see { background: url(../images/see.png) left 5px no-repeat; background-size: 16px 12px; padding-left: 20px; }
.mod-content .list-box .mod-share { background: url(../images/share.png) left 3px no-repeat; background-size: 16px 16px; padding-left: 22px; cursor: pointer; position: relative; }
.mod-content .list-box .mod-share .share-box { right: 50%; margin-right: -70px; }
.mod-content .list-box .mod-add { user-select: none; width: 64px; background: url(../images/add.png) left 3px no-repeat; background-size: 16px 15px; padding-left: 22px; cursor: pointer; }
.mod-content .list-box .mod-add.on { color: #DA3515; background: url(../images/m-shoucangon.png) left 3px no-repeat; background-size: 16px 15px; }
.mod-content .list-box .mod-phone { background: url(../images/phone.png) left 3px no-repeat; background-size: 10px 16px; padding-left: 16px; cursor: pointer; margin-left: 26px; position: relative; }
.mod-content .list-box .mod-phone .share-box { right: 50%; margin-right: -70px; }
.mod-content .list-box .mod-all { background: url(../images/all.png) left 3px no-repeat; background-size: 16px 16px; padding-left: 21px; cursor: pointer; }
.mod-content .list-box .show-list { width: 100px; height: 32px; line-height: 32px; border-radius: 4px; border: 1px solid #ffffff; font-size: 14px; text-align: center; font-weight: 400; color: #ffffff; margin-top: -9px; }
.open .share-box { display: block; }
.article_wz { margin: 0 auto; margin-top: 40px; font-size: 16px; line-height: 30px; }
.article_wz img { display: block; width: auto; max-width: 830px; margin: 10px auto; }
.article_bottom { margin: 0 auto; width: 740px; padding-top: 45px; }
.share { overflow: hidden; height: 45px; line-height: 45px; font-size: 16px; color: #a4abb1; }
.share .all_content,
.share .collect2 { margin-top: 5px; box-sizing: content-box; float: right; display: block; width: 77px; height: 28px; color: #d3d7db; font-size: 16px; padding-left: 38px; line-height: 28px; background: url(../images/yuan1.png) no-repeat 11px center; border-radius: 14px; -webkit-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; border: 1px #d3d7db solid; }
.share .all_content:hover,
.share .collect2:hover { background-image: url(../images/yuan2.png); color: #e8320d; border: 1px #e8320d solid; }
.share .collect2 { float: right; margin-right: 5px; width: 45px; background: url(../images/collect1.png) no-repeat 11px center; }
.share .collect2:hover { background-image: url(../images/collect2.png); }
.share .collect2.on,
.share .collect2.on:hover { background-image: url(../images/collect3.png); color: #e8320d; border: 1px #e8320d solid; width: 61px; }
.article_bottom .card { margin-top: 34px; height: 100px; background: rgba(206,43,15,1); border-radius: 6px; padding: 0 20px;}
.article_bottom .card .pictu { background: url(../images/arrow3.png) right center no-repeat; padding-right: 30px; }
.article_bottom .card .pictu img { display: block; width: 80px; height: 80px; border-radius: 12px; }
.article_bottom .card .wz { width: 572px; height: 66px; overflow: hidden; line-height: 22px; color: #fff; font-size: 14px; }
.article_bottom .card .wz span { font-size: 16px; font-weight: 600; }
/*左边一周秀*/
.week-update { position: absolute; left: 160px; top: 2px; border-radius: 6px 6px 6px 0px; width: 290px; height: 30px; background: #DD0C7F; line-height: 30px; font-size: 14px; color: #fff; padding-left: 11px; padding-right: 22px; }
.ls-xd { position: relative; height: 300px; }
.week-tit.loushi-tit { margin-top: 40px; margin-bottom: 40px; }
.ls-img-box .mod-data { height: 40px; width: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 100%); border-radius: 0px 0px 10px 10px; font-size: 12px; font-family: -webkit-pictograph; font-weight: bold; color: rgba(255, 255, 255, 0.69); padding-top: 10px; text-align: left; padding-left: 15px; bottom: 0; left: 0; }
.ls-list { box-sizing: content-box; height: 240px; padding-top: 73px; top: 0; margin-top: -73px; }
.ls-list .swiper-container { padding-top: 73px; position: relative; top: -82px; }
.ls-list .ls-item { float: left; display: block; width: 256px; margin-right: 30px; }
.ls-list .ls-item:hover .ls-img-box { box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.19); }
.ls-list .ls-item:last-child { margin-right: 0; }
.ls-list .two_hide { margin: 16px auto 18px; font-size: 14px; font-weight: 600; color: #333333; line-height: 20px;height: 40px;}
.ls-list .list-see { color: #999999; background: url(../images/see2.png) no-repeat left center; background-size: 16px 12px; padding-left: 21px; }
.ls-list .list-time { color: #999999; }
.ls-img-box { position: relative; height: 142px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.ls-img-box img { width: 100%; height: 100%; display: block; border-radius: 10px; }
/*内页右侧*/
.vlogimg-box { margin-bottom: 40px; }
.vlogimg { width: 300px; height: 167px; margin-top: 20px; }
.vlogimg:first-child { margin-top: 40px; }
/*文章内页增加样式左边*/
.art-list>div { margin-top: 30px; border-radius: 10px; background: #f8f8fa; padding: 20px 40px 20px 20px; }
.art-list>.between { margin-top: 30px; border-radius: 10px; background: #f8f8fa; padding: 20px 40px 20px 20px; }
.art-list .pic { width: 260px; height: 150px; position: relative; }
.art-list .pic img { width: 260px; height: 150px; }
.art-list .pic .tip { position: absolute; left: 0; top: 0; width: 70px; height: 26px; background: linear-gradient(132deg, rgba(244,81,96,1) 0%, rgba(183,0,29,1) 100%); border-radius: 0px 4px 0px 4px; line-height: 26px; text-align: center; color: #fff; font-size: 12px; }
.art-list .lpinfo { width: 480px; }
.art-list .lpinfo_01 { height: 30px; line-height: 30px; font-size: 0; vertical-align: middle; }
.art-list .lpinfo_01 .vip { vertical-align: middle; display: inline-block; width: 20px; height: 19px; background: url(../images/vip.png) no-repeat; margin-right: 10px; }
.art-list .lpinfo_01 .name { vertical-align: middle; display: inline-block; font-size: 22px; font-weight: 600; }
.art-list .lpinfo_01 .tag1 { vertical-align: middle; display: inline-block; margin-left: 10px; height: 18px; line-height: 18px; padding: 0 8px; border-radius: 4px; background: #DA3515; color: #fff; font-size: 12px; }
.art-list .lpinfo_01 .tag2 { vertical-align: middle; display: inline-block; margin-left: 10px; height: 18px; line-height: 18px; padding: 0 8px; border-radius: 4px; background: #bcbcbc; color: #fff; font-size: 12px; }
.art-list .lpinfo_01 .tag3 { vertical-align: middle; display: inline-block; margin-left: 10px; height: 18px; line-height: 16px; padding: 0 7px; border-radius: 4px; background: #fff; border: 1px solid #D4D4D4; color: #999; font-size: 12px; }
.art-list .lpinfo_02 { margin-top: 20px; }
.art-list .lpinfo_02 span { vertical-align: middle; display: inline-block; height: 24px; margin-right: 20px; padding: 0 9px; border-radius: 2px; background: #D8D8D8; font-size: 16px; }
.art-list .lpinfo_03 { margin-top: 18px; height: 20px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.art-list .lpinfo_03:hover { color: #DA3515; }
.art-list .lpinfo_03 span { color: #666; font-weight: 500; }
.art-list .lpinfo_04 { margin-top: 10px; height: 28px; line-height: 28px; color: #666; }
.art-list .lpinfo_04 span { color: #DA3515; font-size: 20px; font-weight: 600; }
.article_bottom.article_ny { width: 100%; padding-top: 30px; }
.article_bottom.article_ny .card2 { margin-top: 25px; border: 1px dashed #cbcbcb; padding: 15px 20px; border-radius: 6px; }
.article_bottom.article_ny .card2 .card { background: #f1f1f1; margin: 0; padding: 0 40px; }
.article_bottom.article_ny .card2 .pictu { background: url(../images/arrow4.png) right center no-repeat; }
.article_bottom.article_ny .card2 .img { border-radius: 4px; }
.article_bottom.article_ny .card2 .wz { width: 550px; color: #333; }
.article_bottom.article_ny .card2 .wz span { color: #AC271E; }
.week-cehua { position: absolute; left: 130px; top: 5px; height: 24px; background: linear-gradient(140deg, rgba(244,76,44,1) 0%, rgba(240,65,21,1) 100%); border-radius: 81px 2px 2px 81px; line-height: 24px; font-size: 12px; color: #fff; padding-left: 20px; padding-right: 10px; }
.week-cehua:before { position: absolute; content: ''; left: 10px; top: 9px; width: 5px; height: 5px; border-radius: 50%; background: #fff; }

/*文章右侧热门楼盘*/
.hotlp li { margin-top: 20px; width: 290px; height: 180px; position: relative; }
.hotlp li .pic { width: 290px; height: 180px; }
.hotlp li .text { position: absolute; left: 0; bottom: 0; width: 290px; height: 80px; background: rgba(0,0,0,.6); font-size: 18px; color: #fff; }
.hotlp li .text .bt { margin-top: 18px; height: 22px; line-height: 22px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hotlp li .text .bt a { color: #fff; }
.hotlp li .text .price { text-align: center; line-height: 22px; }
.hotlp li .text .price span { color: #e8320d; }
.change { display: block; margin: 50px auto; color: #e8320d; border: 1px solid #e8320d; margin-top: 40px; width: 118px; height: 28px; line-height: 28px; border-radius: 5px; text-align: center; font-size: 14px; }
/*文章内页图片集*/
.mode-left.mode-pho { margin: 0 auto; }
.mode-width .screen-pic { margin: 0 auto; margin-top: 30px; width: 1060px; height: 768px; }
.mode-width #pho_play { width: 1060px; padding: 0 30px; height: 768px; }
.mode-width #pho_play .img_ul .img_a { width: 1000px; }
.mode-width #pho_play .img_ul .wzjs { width: 1000px; padding: 24px 0; margin-top: 114px; }
.mode-width #pho_play .img_ul .wzjs p{ padding-left:65px;font-size:16px; text-align:left;line-height:30px; height:90px;/*overflow:hidden; text-overflow:ellipsis; display:-webkit-box;*/-webkit-line-clamp:3;-webkit-box-orient:vertical; word-break:break-all;}
.mode-width #pho_play .change_a { width: 30px; height: 30px; position: absolute; top: 245px; z-index: 1; cursor: pointer; display: block; overflow: hidden; }
.mode-width #pho_play .change_a span { width: 30px; height: 30px; display: block; }
.mode-width #pho_play .prev_a span { background: url(../images/prev.png) left no-repeat; }
.mode-width #pho_play .next_a span { background: url(../images/next.png) right no-repeat; }
.mode-width .mkeNum { background: url(../images/banNum.png); height: 70px; width: 70px; position: absolute; z-index: 100; left: 30px; top: 660px; display: block; }
.mode-width .mke_ns1 { display:block; line-height: 36px; text-align: center; height: 40px; width: 30px; position: absolute; left: 0px; top: 0px; font-size: 24px; color: #e8320d; }
.mode-width .mke_ns2 { line-height: 20px; text-align: center; height: 26px; width: 50px; position: absolute; right: 10px; bottom: 10px; font-size: 30px; }
.mode-width .pholist { width: 1000px; background: #f0f0f0; height: 114px; position: absolute; left: 30px; top: 516px; z-index:10000; }
.mode-width .img_hd { margin: 0 auto; width: 960px; height: 114px; overflow: hidden; position: relative; }
.mode-width .img_hd ul { position: absolute; z-index: 1; left: 0; top: 11px; }
.mode-width .img_hd ul li { float: left; width: 150px; height: 92px; cursor: pointer; margin: 0 5px; overflow: hidden; *display:inline;
text-align: center; position: relative; }
.mode-width .img_hd ul li.on i { border: 2px solid #fccf00; position: absolute; top: 0; left: 0; width: 150px; height: 92px; display: block; }
.mode-width .img_hd ul li a { display: table-cell; width: 150px; height: 92px; vertical-align: middle; }
.mode-width .img_hd ul li a img { width: 150px; height: 92px; }
.mode-width .pholist .bottom_a { width: 30px; height: 114px; position: absolute; display: block; top: 0; cursor: pointer; z-index: 10 }
.mode-width .pholist .prev_a { left: 2px; background: url(../images/s_prev.png) left center no-repeat; }
.mode-width .pholist .next_a { right: 2px; background: url(../images/s_next.png) right center no-repeat; }