_1620_magazine.scss 3.49 KB
@media screen and (min-width:1190px){
.mags-container{
	width: 1080px;
	margin: 0 auto;	
}
.newest-mags{
	margin: 43px 0 0 0;
}
.mags-info{
	width: 640px;
	h2{
		margin: 26px 0 0 0;
		height: 83px;
		background-size: 36% 100%;
	}
	.mags-text{
		margin: 38px auto 0;
		width: 430px;
		line-height: 24px;
		font-size: 15px;
	}
	.date-price{
		margin: 42px 0 0 0;
		p{
			font-size: 20px;
			color: #333333;
			text-align: center;
		}
		.price{
			color: #666666;
			font-size: 16px;
		}
	}
	.mags-buy{
		margin: 22px 0 0 0;
		.buy-btn{
			width: 160px;
			height: 34px;
			line-height: 34px;
			font-size: 20px;
			background: url("../assets/images/magazine/buy-btn.png") no-repeat center center;
		}
	}
}

.mags-slide{
	width: 340px;
	.slide-box{
		height:426px;
		li{
			width: 340px;
			height: 426px;
		}
	}
	.slide-ctrl{
		margin: 20px 0 0 0;
		li{
			margin: 0 0 0 15px;
			a{
				display: block;
				width: 12px;
				height: 12px;
				background: url("../assets/images/magazine/slide-ctrl.png");
			}
		}
		li.on{
			a{
				background: url("../assets/images/magazine/slide-ctrl-current.png");
			}
		}
	}
}

.column-slide{
	margin: 50px 0 0 0;
	.slide-box{
		height: 361px;
		width: 1080px;
		.slide-piclist{
			width:1100px;
		}
		li{
			width: 255px;
			margin: 0 20px 0 0;
			float: left;
			img{
				width: 100%;
				height: 321px;
				display: block;
			}
			span{
				display: block;
				margin: 18px 0 0 0;
				line-height: 22px;
				text-align: center;
				font-size: 18px;
				color: #000;
				font-weight: bold;
			}
		}
	}
	.slide-ctrl{ 
		a{
			position: absolute;
			width: 45px;
			height: 48px;
			top: 50%;
			margin-top: -48px;
			background-image: url("../assets/images/magazine/slide-ctrl-btn.png");
		}
		a.slide-ctrl-prev{
			background-position: 0 0;
			left: -65px;
		}
		a.slide-ctrl-next{
			background-position: -45px 0;
			right: -65px;
		}
	}
}
.column-slide.magazine-list{
	.slide-box{
		width: 1100px;
		li{
			width:275px;
			a{
				width: 255px;
			} 
		}
	}
}
.mags-column{
	margin: 43px 0 0 0;
	h2{
		line-height: 48px;
		font-size: 28px;
		text-align: center;
		color: #000;
		font-weight: bold;
	}
	.column-slide{
		margin: 0 0 20px 0;
		h4{
			line-height: 45px;
			font-size: 20px;
			font-weight: bold; 
		}
		.slide-box{
			margin: 5px 0 0 0;
			height: 424px;
			.slide-piclist{
				float: left;
				width: 1096px;
				height: 424px;
			}
			li{
				margin: 0 17px 0 0;
				width: 120px;
				height: 212px;
				.img-wrap{
					width: 120px;
					height: 180px;
				}
				img{
					width: 120px;
					height: 180px;
				}
				span{
					margin: 0;
					line-height: 32px;
					font-size: 14px;
				}
			}
		}
	}
}
.column-slide.mags-app-download{
	margin: 37px 0 0 0;
	.slide-box{
		height: auto;
		li{
			height: 172px;
			img{
				width: auto;
				margin: 0 auto;
			}
			span{
				margin: 0;
				display: block;
				font-weight: normal;
				font-size: 18px;
				line-height: 22px;
				text-align: center;
			}
			h6{
				margin: 15px 0 0 12px;
				font-size: 25px;
			}
			p{
				margin: 0 0 0 12px;
				line-height: 20px;
				color: #666666;
				font-size: 18px;
			}
			strong{
				display: block;
				margin: 22px 0 0 12px;
				line-height: 18px;
				font-size: 16px;
				color: #000;
			}
		}
		li.column-slide02{
			img{
				margin:11px 0 0 88px;
				width: 170px;
				height: 130px;
			}
		}
	}
}

.column-slide.rule{
	margin: 40px 0 0 0;
	h2{
		line-height: 48px;
		font-size: 28px;
		font-weight: bold;
		text-align: center;
	}
	.slide-box{
		margin: 15px 0 0 0;
		height: 381px; 
	}
}
.imgZoom{
	width:558px; 
}
}