.periodicals[data-v-a8bf3612] {
    overflow: hidden;
    padding: 45px 0;
}
.periodical[data-v-a8bf3612] {
    width: calc(30% - 83px);
    box-sizing: border-box;
    margin-bottom: 30px;
    margin-right: 110px;
    float: left;
}
.periodicalImg[data-v-a8bf3612] {
    width: 195px;
    height: 290px;
    border-radius: 6px;
    overflow: hidden;
}
.periodicalImg img[data-v-a8bf3612] {
    height: 100%;
    width: 100%;
    transform: scale(.94);
    box-shadow: 0 0 4px 4px rgba(0,0,0,.1);
}
.periodicalName[data-v-a8bf3612] {
    font: 400 16px/30px microsoft yahei;
}
.star[data-v-a8bf3612] {
    padding: 0;
    overflow: hidden;
}
.star img[data-v-a8bf3612] {
    display: block;
    height: 20px;
    width: 20px;
    float: left;
}
.periodical{
	cursor: pointer;
}
@media screen and (max-width: 600px) {
    .periodicals[data-v-a8bf3612] {
    overflow: hidden;
    padding: 45px 0;
}
.periodical[data-v-a8bf3612] {
   width: 47%;
    box-sizing: border-box;
    margin-bottom: 30px;
    margin-right: 3%;

    float: none;
    display: inline-block;
    vertical-align: top;
}
.periodicalImg[data-v-a8bf3612] {
    width: 100%;
    height: auto;
    border-radius: 6px;
    overflow: hidden;
}
.periodicalImg img[data-v-a8bf3612] {
    height: 100%;
    width: 100%;
    transform: scale(.94);
    box-shadow: 0 0 4px 4px rgba(0,0,0,.1);
}
.periodicalName[data-v-a8bf3612] {
    font: 400 16px/30px microsoft yahei;
}
.star[data-v-a8bf3612] {
    padding: 0;
    overflow: hidden;
}
.star img[data-v-a8bf3612] {
    display: block;
    height: 20px;
    width: 20px;
    float: none;
    display: inline-block;
    vertical-align: top;
}
}

.periodicalName.Line1{
    height: 60px;
    overflow: hidden;
}