/*首页改为黑白样式*/ /*html{*/ /* overflow-y:scroll;filter:progid:dximagetransform.microsoft.basicimage(grayscale=1);-webkit-filter: grayscale(100%);*/ /* }*/ body { background-color: #bedff1; } #index-wrap{ background-color: #91c3e6; background-clip: content-box; } #index-wrap > .row{ padding-top: 8px; } /* 左侧v榜 */ #index-wrap .side-left { padding-right: 8px; width: 20%; } #side-left { background-color: #e1f4ff; margin-left: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #side-left .nav-tabs, #side-right .nav-tabs { border-bottom: none; } #side-left .side-top-item.active a, #side-right .side-top-item.active a { color: #17acf6; } #side-left .nav-tabs > li > a, #side-right .nav-tabs > li > a { display: block; padding: 0; border: none; background-color: transparent; margin-right: 0; } #side-left .side-top .side-top-icon, #side-right .side-top .side-top-icon { font-size: 16px; color: #ff6602; font-weight: bold; float: left; padding-left: 10px; } #side-left .side-top, #side-right .side-top { padding-top: 8px; } #side-left .side-top .v-icon, #side-right .side-top .v-icon { width: 23px; height: 18px; display: inline-block; background: no-repeat -60px 0; vertical-align: sub; } #side-left .side-top ul.clearfix, #side-right .side-top ul.clearfix { float: right; } #side-left .side-top .side-top-item, #side-right .side-top .side-top-item { float: left; font-size: 12px; width: 38px; height: 16px; line-height: 16px; margin-right: 3px; border: 1px solid #cdcdcd; margin-top: 4px; } #side-left .side-top .side-top-item.active, #side-right .side-top .side-top-item.active { color: #17acf6; border-color: #17acf6; } #side-left .sidel-tip { color: #999; font-size: 12px; margin-top: 8px; margin-left: 3px; padding-left: 10px; } #side-left .sidel-item-list { position: relative; margin: 6px 0 0 23px; border-bottom: 1px solid #e3e3e3; } #side-left .sidel-item-list:nth-last-of-type(1) { border: none; } #side-left .sidel-item-list .sidel-item-list-num { position: absolute; left: -19px; top: 14px; color: #fff; width: 14px; height: 14px; line-height: 14px; -moz-border-radius: 50%; border-radius: 50%; background-color: #91c3e6; font-size: 10px; } #side-left .sidel-item-list:nth-of-type(1) .sidel-item-list-num { background-color: #ff6600; } #side-left .sidel-item-list:nth-of-type(2) .sidel-item-list-num, #side-left .sidel-item-list:nth-of-type(3) .sidel-item-list-num { background-color: #ffa405; } #side-left .sidel-item-list .sidel-item-txwrap { position: relative; float: left; margin-right: 4px; } #side-left .sidel-item-list .sidel-item-txwrap .sign-crown { position: absolute; top: 30px; right: 1px; width: 14px; height: 14px; background: url(/uploads/image/images/forum-sprites.png) no-repeat -72px -117px; } #side-left .sidel-item-txwrap .icon{ position: absolute; top: 27px; right: 3px; width: 16px; height: 16px; } #side-left .sidel-item-txwrap .icon img{ width: 100%; vertical-align: top; } #side-left .sidel-item-list .sidel-item-list-tx { width: 40px; height: 40px; -moz-border-radius: 50%; border-radius: 50%; } #side-left .sidel-item-list .sidel-item-list-info { margin-left: 40px; margin-bottom: 9px; } #side-left .sidel-item-list-info .sidel-item-list-name { padding-top: 2px; height: 20px; } #side-left .sidel-item-list-info .sidel-item-list-name > a{ display: inline-block; max-width: 80px; white-space: nowrap; overflow: hidden; } #side-left .sidel-item-list-info .sidel-item-list-name >img{ vertical-align: unset; } /*#side-left .sidel-item-list-name .sidel-item-icon{*/ /*margin-left: 4px;*/ /*}*/ #side-left .sidel-item-list-info .sidel-item-list-name .sign-lv { display: inline-block; width: 24px; height: 14px; color: #ff5b01; margin-left: 10px; background: no-repeat 0 -71px; } #side-left .sidel-item-list-info .sidel-item-list-name .sign-lv.lv2 { background-position: -32px -71px; } #side-left .sidel-item-list-info .sidel-item-list-name .sign-lv.lv3 { background-position: -63px -71px; } #side-left .sidel-item-list-info .sidel-item-list-name .sign-lv.lv4 { background-position: -96px -71px; } #side-left .sidel-item-list-info .sidel-item-list-name .sign-lv.lv5 { background-position: -128px -71px; } #side-left .sidel-item-list-info .sidel-item-list-name .sign-lv.lv6 { background-position: -160px -71px; } #side-left .sidel-item-list-info .sidel-item-list-name .sign-lv.lv7 { background-position: -192px -71px; } #side-left .sidel-item-list-info .sidel-item-list-name .sign-lv.lv8 { background-position: -224px -71px; } #side-left .sidel-item-list-info .sidel-item-list-name .sign-lv.lv9 { background-position: -256px -71px; } #side-left .sidel-item-list-info .sidel-item-list-name .sign-lv.mode { width: 14px; background-position: -72px -93px; } #side-left .sidel-item-list .sidel-item-connect { color: #999; font-size: 12px; margin-top: 3px; } #side-left .sidel-item-connect .conn-type { padding-right: 10px; } /* 左侧v榜结束 */ /* 首页中间内容区域 */ #home-cont { padding: 0; overflow-x: hidden; width: 55%; } #home-cont .home-cont-stick { padding: 0 15px; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #home-cont .home-stick-item { color: red; font-size: 16px; font-weight: bold; line-height: 42px; border-bottom: 1px solid #e3e3e3; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } #home-cont .home-stick-item:last-child { border-bottom: none; } #home-cont .home-stick-item .iconfont.total { font-size: 12px; color: red; } #home-cont .home-stick-item .home-stick-item-top { color: #fff; display: inline-block; font-size: 14px; padding: 2px 5px; -moz-border-radius: 2px; border-radius: 2px; line-height: 16px; background: -webkit-gradient(linear, left top, left bottom, from(#ff9c02), to(#ff5b01)); background: -webkit-linear-gradient(#ff9c02, #ff5b01); background: -moz-linear-gradient(#ff9c02, #ff5b01); background: linear-gradient(#ff9c02, #ff5b01); vertical-align: text-top; } /*排序方式*/ #home-cont .home-cont-nav{ padding: 10px; margin-top: 8px; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #home-cont .home-cont-nav .nav > li > a { padding: 0 10px; } #home-cont .home-cont-nav .sort .sortnav-list{ float: right; font-size: 16px; } #home-cont .home-cont-nav .sort .sortnav-list a{ color: #333; } #home-cont .home-cont-nav .sort .sortnav-list a:hover{ color: #17acf6; } #home-cont .home-cont-nav .sort .sortnav-list .iconfont{ font-size: 14px; } #home-cont .home-cont-nav .sort.nav-pills .sortnav-list.active a, .sort.nav-pills > li.active > a:focus, .sort.nav-pills > li.active > a:hover { background-color: #ffa730; color: #fff; } /*日期选择*/ .home-cont-nav .date-change-wrap{ color: #666; border-top: 1px solid #cdcdcd; margin-top: 2px; padding-top: 8px; display: none; } .home-cont-nav .date-change-wrap.active{ display: block; margin-top: 14px; } .home-cont-nav .date-change-wrap .date-item{ font-size: 14px; margin-right: 16px; } .home-cont-nav .date-change-wrap .date-item.active{ color: #ffa730; } .home-cont-nav .date-change-wrap .date-label{ padding-left: 10px; position: relative; cursor: pointer; } .date-change-wrap .date-label .ui-circle{ width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #cdcdcd; position: absolute; left: 0; top: 50%; margin-top: -5px; } .date-change-wrap .date-label input[type="radio"]:checked .ui-circle:before{ content: ''; position: absolute; left: 50%; top: 50%; margin-top: -3px; margin-left: -3px; width: 6px; height: 6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #ffa730; } .home-cont-nav .date-change-wrap .date-label input[type=radio]{ display: none; } .date-change-wrap .custom-date{ margin: 5px 0 13px 0; } .date-change-wrap .custom-date .custom-date-inp{ width: 88px; height: 22px; border: 1px solid #cdcdcd; font-size: 12px; padding-left: 4px; } .date-change-wrap .custom-date .date-tip{ font-size: 14px; color: red; margin-left: 10px; display: none; } .date-change-wrap .date-btn .date-submit{ font-size: 16px; color: #fff; padding: 5px 21px; background: #ffa730; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .date-change-wrap .date-btn .date-submit.disabled{ background: #ddd; color: #777; cursor: not-allowed; pointer-events: auto; } /*日期选择结束*/ #home-cont .home-cont-box{ overflow: hidden; margin-bottom: 120px; } /*无关注人样式*/ #home-cont .home-cont-wrap .no-content{ height: 100px; line-height: 100px; text-align: center; background: #fff; margin-top: 8px; font-size: 16px; color: #666; } /*无关注人样式结束*/ #home-cont .home-cont-item { padding: 10px 20px 6px 20px; -ms-word-wrap: break-word; word-wrap: break-word; margin-top: 5px; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #home-cont .homec-item-info .homec-item-title { font-size: 18px; color: #333; font-weight: bold; margin-bottom: 2px; } #home-cont .homec-item-title .homec-detail-link .iconfont{ font-size: 18px; color: #ffa200; } #home-cont .homec-item-info .homec-item-title .shield-icon{ font-size: 12px; } #home-cont .homec-item-info span { color: #989898; font-size: 14px; padding: 0 4px; margin-top: 10px; } #home-cont .homec-item-info span:first-of-type { padding-left: 0; } #home-cont .homec-detail-top { position: relative; min-height: 44px; } #home-cont .homec-detail-top .homec-detail-info-tx { float: left; width: 40px; height: 40px; -moz-border-radius: 50%; border-radius: 50%; margin-right: 10px; } #home-cont .homec-detail-info { position: relative; } #home-cont .homec-detail-info .icon{ position: absolute; left: 28px; top: 24px; width: 16px; height: 16px; } #home-cont .homec-detail-info .icon img{ width: 100%; height: 100%; } #home-cont .homec-detail-info .name { color: #17acf6; line-height: 24px; font-size: 16px; font-weight: bold; } #home-cont .homec-detail-info .name img{ vertical-align: text-bottom; } #home-cont .homec-detail-info .fan { color: #999; line-height: 20px; font-size: 14px; margin-top: 1px; } #home-cont .homec-detail-top .homec-detail-info-btn { position: absolute; right: 0; bottom: 10px; padding: 0 10px; color: #17acf6; height: 24px; line-height: 22px; border: 1px solid #17acf6; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } #home-cont .homec-detail-top .homec-detail-info-btn.state-red{ color: #ff6600; border-color: #ff6600; } /*#home-cont .homec-detail-top .homec-detail-info-btn.yet-follow{*/ /*border-color: #999;*/ /*color: #999;*/ /*}*/ /*#home-cont .homec-detail-info .homec-detail-info-btn.active {*/ /*color: #999;*/ /*}*/ #home-cont .homec-detail-info .homec-detail-info-btn a { display: block; } #home-cont .homec-detail-top .homec-detail-info-btn .iconfont { color: #17acf6; margin-right: 2px; } #home-cont .homec-item-detail { margin-top: 4px; } #home-cont .homec-item-detail .homec-detail-cont { color: #333; font-size: 16px; } #home-cont .homec-detail-cont .homec-detail-words{ margin-top: 4px; } #home-cont .homec-item-detail .homec-detail-cont .row > div { padding: 0 15px; } #home-cont .homec-item-detail .homec-detail-cont .alivideo{ margin-top: 6px; } #home-cont .homec-item-detail .homec-detail-cont .homec-detail-link:hover { color: inherit; } #home-cont .homec-item-detail .homec-detail-cont p .link { color: #17acf6; } #home-cont .homec-item-detail .homec-detail-cont-item { margin-top: 4px; margin-left: 0; } /*一张图*/ #home-cont .homec-item-detail .homec-detail-cont-item.one-pic { width: 250px; } #home-cont .homec-item-detail .homec-detail-cont-item.one-pic li { width: 100%; height: auto; max-height: 220px; } #home-cont .homec-item-detail .homec-detail-cont-item.one-pic li img { width: 100%; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } #home-cont .homec-item-detail .homec-detail-cont-item li { width: 120px; height: 120px; max-width: none; max-height: none; padding: 0; overflow: hidden; margin: 3px; float: left; position: relative; cursor: url(/uploads/image/icursor/big.cur),auto; } #home-cont .homec-item-detail .homec-detail-cont-item li img { width: auto; min-width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: perspective(1px) translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: perspective(1px) translate(-50%, -50%); transform: perspective(1px) translate(-50%, -50%); } .more-pic .pic-total{ position: absolute; bottom: 2px; right: 2px; background: rgba(0,0,0,0.5); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 0 5px; color: #fff; font-size: 14px; } #home-cont .home-cont-item .homec-item-bot { height: 32px; line-height: 32px; color: #999; border-top: 1px solid #e3e3e3; font-size: 14px; } #home-cont .home-cont-item .homec-item-bot .iconfont { margin: 4px; } #home-cont .homec-item-bot .homec-item-praise { cursor: pointer; } #home-cont .homec-item-bot .homec-item-praise.active a { color: #17acf6; } /*列表团购*/ .home-cont-item .scenes-item { width: 192px; height: 295px; background-color: #fff; float: left; margin-right: 10px; margin-top: 10px; } .home-cont-item .scenes-item:last-child{ margin-right: 0; } .home-cont-item .scenes-item .link-detail { display: inline-block; width: 100%; height: 100%; } .home-cont-item .scenes-item .scenes-item-img-wrap { position: relative; width: 192px; height: 192px; overflow: hidden; } .home-cont-item .scenes-item .scenes-item-img { width: auto; min-width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: perspective(1px) translate(-50%, -50%); object-fit: cover; } .home-cont-item .scenes-item .scenes-item-title { height: 44px; margin-top: 12px; font-size: 16px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 22px; } .home-cont-item .scenes-item .scenes-item-bottom { margin-top: 20px; } .home-cont-item .scenes-item .scenes-item-money { color: #ff5207; font-size: 18px; font-weight: bold; } .home-cont-item .scenes-item .scenes-item-money .money-icon { font-size: 12px; } .home-cont-item .scenes-item .scenes-item-money .original-money { font-size: 16px; text-decoration: line-through; color: #999; font-weight: normal; } .home-cont-item .scenes-item .scenes-item-bottom .sold-out { font-size: 14px; color: #999; line-height: 26px; } /*列表团购end*/ /*正在加载中*/ .loading_box{ color: #7ba0d1; font-size: 16px; font-weight: bold; background: #fff; margin-top: 8px; height: 30px; line-height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .loading_box b{ display: inline-block; width: 30px; height: 30px; background: no-repeat; -webkit-background-size: 30px; background-size: 30px; vertical-align: top; } .loading_box .iconfont{ font-size: 20px; margin-right: 10px; vertical-align: middle; } /*正在加载中结束*/ /* 首页中间内容区域结束 */ /* 右侧边栏 */ /* 右侧24小时排行 */ #index-wrap .side-right { padding-left: 8px; } #side-right{ margin-right: 5px; } #side-right .sider-box { padding-bottom: 20px; margin-bottom: 10px; } #side-right #sider-box-hot{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #side-right .sider-hot-wrap{ background-color: #e1f4ff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #side-right .sider-rightimg > a{ position: relative; display: block; } #side-right .sider-rightimg > a .imgs-text{ position: absolute; bottom: 4px; left: 4px; color: #cfcfcf; font-size: 12px; width: 30px; background: rgba(0,0,0,0.2); border-radius: 6px; text-align: center; } #side-right .sider-rightimg img{ width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #side-right .sider-hot-item { margin-top: 15px; } #side-right .side-top-icon { padding-left: 3px; } #side-right .sider-hot-item .sider-hot-list { font-size: 14px; color: #333; line-height: 26px; padding-left: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #side-right .sider-hot-list .sider-hot-list-dot { display: inline-block; width: 5px; height: 5px; background-color: #808080; -moz-border-radius: 50%; border-radius: 50%; margin-right: 4px; } #side-right .sider-hot-list:nth-of-type(1) .sider-hot-list-dot, #side-right .sider-hot-list:nth-of-type(2) .sider-hot-list-dot, #side-right .sider-hot-list:nth-of-type(3) .sider-hot-list-dot { width: 7px; height: 7px; background-color: #ff6600; } /* 右侧24小时排行结束 */ /* 业务合作 */ #side-right .sider-coll { border-bottom: 1px solid #fff; color: #fff; padding-left: 8px; } #side-right .sider-coll-title { font-size: 14px; font-weight: bold; margin-top: 15px; } #side-right .list-inline { margin-top: 10px; } #side-right .sider-coll-item { font-size: 12px; line-height: 20px; padding: 0 4px; } #side-right .sider-coll-item a{ white-space: pre; } /* 业务合作结束 */ /* 网站详情 */ #side-right .sites-details { color: #fff; font-size: 12px; line-height: 26px; padding: 16px 8px 20px 8px; } #side-right .sites-details .police-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat -171px -31px; vertical-align: sub; margin-right: 4px; } /* 网站详情结束 */ /* 右侧边栏结束 */ /* 分享弹框 */ .share-wrap { position: fixed; width: 300px; height: 120px; left: 50%; top: 50%; margin-left: -150px; margin-top: -60px; background-color: #17acf6; overflow: hidden; border: 1px solid #dedede; border-radius: 3px; color: #333; z-index: 1001; box-shadow: 1px 1px 10px #999; display: none; } .share-wrap .share-box { margin-top: 20px; height: 100px; background-color: #fff; } .share-wrap .share-box .share-words { font-size: 18px; line-height: 18px; padding-top: 18px; } .share-wrap .share-btn { padding-left: 40px; margin-top: 20px; } .share-wrap .share-btn li { width: 88px; height: 30px; line-height: 30px; background-color: #17acf6; border-radius: 2px; color: #fff; float: left; margin-right: 40px; text-align: center; cursor: pointer; } .share-wrap .share-btn .cancel-share { background-color: #f9f9f9; color: #999; border: 1px solid #dedede; } /* 分享弹框结束 */ /*推荐关注*/ .re-attention{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 999; } .re-attention .re-atte-content{ position: absolute; left: 50%; top: 50%; margin-left: -360px; margin-top: -178px; width: 720px; height: 356px; background-color: #fff; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } .re-attention .re-atte-content .re-atte-title{ height: 106px; line-height: 73px; font-size: 23px; letter-spacing: 5px; margin-top: -56px; color: #fff; background: no-repeat center; -webkit-background-size: 300px; background-size: 300px; } .re-attention .re-atte-cont{ width: 690px; margin: 0 auto; } .re-attention .re-atte-cont ul.clearfix{ margin-right: -10px; } .re-attention .re-atte-cont .re-atte-item{ float: left; width: 60px; margin-right: 10px; margin-bottom: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } .re-attention .re-atte-item .img-wrap{ width: 60px; height: 60px; border: 1px solid #ff6600; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #ff6600; position: relative; } .re-attention .img-wrap .select-box{ position: absolute; right: -1px; bottom: -4px; background-color: #fff; width: 20px; height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #ff6600; } .re-attention .img-wrap .iconfont{ line-height: 20px; font-size: 20px; color: #ff6600; } .re-attention .re-atte-cont .re-atte-item img{ width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .re-attention .re-atte-item .name{ display: inline-block; margin-top: 8px; } .re-attention .re-atte-footer{ width: 100%; position: absolute; bottom: 20px; } .re-attention .re-atte-footer .footer-tit{ font-size: 13px; color: #999; } .re-attention .re-atte-footer .re-atte-btn{ background: #ff6600; color: #fff; font-size: 20px; letter-spacing: 4px; margin-top: 14px; padding: 5px 30px; text-indent: 4px; } /*推荐关注结束*/ /* 头部广告 */ #header .imgs-wrap { font-size: 0; /*margin-right: -10px;*/ text-align: center; } #header .imgs-wrap a { width: 100%; font-size: 12px; /*margin-right: 10px;*/ margin-bottom: 6px; display: inline-block; position: relative; } #header .imgs-wrap a .imgs-text{ position: absolute; bottom: 4px; left: 4px; color: #cfcfcf; font-size: 12px; width: 30px; background: rgba(0,0,0,0.2); text-align: center; border-radius: 6px; } #header .imgs-wrap img { width: 100%; vertical-align: middle; } /*头部广告结束*/ /*移动端广告*/ .homec-item-detail .mobile-independent-wrap{ display: block; position: relative; } .homec-item-detail .mobile-independent-wrap .mobile-independent{ width: 100%; height: auto; } .homec-item-detail .mobile-independent-wrap .mobile-independent-tip{ position: absolute; left: 5px; bottom: 5px; padding: 2px 5px; background: rgba(0,0,0,0.5); color: #fff; font-size: 12px; border-radius: 4px; } #home-cont .homec-item-info .list-money{ margin-top: 0; color: red; font-size: 20px; } #home-cont .homec-item-info .list-money .list-money-icon{ font-size: 20px; color: red; } /*移动端广告end*/ @media (max-width: 1440px) { .home-cont-item .scenes-item{ width: 167px; height: 270px; } .home-cont-item .scenes-item .scenes-item-img-wrap{ width: 167px; height: 167px; } } @media (max-width: 1280px) { #home-cont .homec-item-detail .homec-detail-cont-item li{ width: 100px; height: 100px; } .home-cont-item .scenes-item{ width: 127px; height: 255px; } .home-cont-item .scenes-item .scenes-item-img-wrap{ width: 127px; height: 127px; } } @media (min-width: 1280px){ /*左侧排行*/ #side-left{ margin-left: 8px; } #index-wrap .side-left{ width: 236px; } #side-left .sidel-item-list-info .sidel-item-list-name > a{ max-width: 100px; } /*中间区域*/ #home-cont{ width: 740px; } #home-cont .home-cont-item{ padding: 10px 20px 6px 20px; } /*右侧热门*/ #index-wrap .side-right{ width: 286px; } #side-right{ margin-right: 0; } } @media (min-width: 1440px){ /*左侧排行*/ #index-wrap .side-left{ width: 251px; } #side-left{ margin-left: 8px; } #side-left .sidel-item-list-info .sidel-item-list-name > a{ max-width: 110px; } /*中间内容区*/ #home-cont{ width: 840px; } #home-cont .home-cont-item{ padding: 10px 20px 6px 20px; } /*右侧热门区域*/ #index-wrap .side-right{ width: 330px; } #side-right{ margin-right: 0; } } /*移动端*/ @media (max-width: 768px) { #index-wrap{ background: none; } /*主题内容区域宽度*/ #home-cont{ width: 100%; overflow: hidden; } #home-cont .home-cont-item{ padding: 10px; } /*排序方式*/ .home-cont-nav .nav > li > a{ padding: 4px 6px; } /*排序方式结束*/ #home-cont .homec-item-detail .homec-detail-cont-item > li { padding-right: 0; } #home-cont .homec-item-detail .homec-detail-cont-item.four-pic{ width: auto; } .loading_box b{ width: 30px; height: 30px; -webkit-background-size: 30px; background-size: 30px; left: 90px; } /*推荐关注*/ .re-attention .re-atte-content{ position: static; width: 350px; height: auto; margin: 0 auto; margin-top: 70px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .re-attention .re-atte-content .re-atte-title{ position: relative; top: -56px; width: 80%; line-height: 76px; margin: 0 auto; font-size: 28px; -webkit-background-size: 100%; background-size: 100%; } .re-attention .re-atte-cont{ width: 300px; margin-top: -56px; } .re-attention .re-atte-cont .re-atte-item{ width: 52px; margin-bottom: 10px; } .re-attention .re-atte-item .img-wrap{ width: 52px; height: 52px; } .re-attention .re-atte-footer{ position: static; } .re-attention .re-atte-footer .re-atte-btn{ font-size: 18px; padding: 5px 20px; margin: 8px auto 10px; } /*推荐关注结束*/ /*团购*/ .home-cont-item .scenes-item { width: 46vw; height: 66vw; } .home-cont-item .scenes-item .scenes-item-bottom{ margin-top: 5px; } .home-cont-item .scenes-item .scenes-item-img-wrap{ width: 46vw; height: 46vw; } .home-cont-item .scenes-item .scenes-item-money{ font-size: 16px; } /*团购end*/ }