/*首页改为黑白样式*/
/*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*/
}