/* 默认详情页样式表 displayinfo.css */

/* 文章详情: satrt */
.article {
    width: 100%;
}
.article-head {
    width: 100%;
}
.article-head .title {
    font-size: 28px;
    line-height: 40px;
    color: #055094;
    text-align: center;
    padding: 20px 0px;
}
.article-head p {
    text-align: center;
    background: #f7f7f7;;
}
.article-head p span {
    font-size: 12px;
    line-height: 38px;
    color: #000000;
    margin-right: 40px;
}
.article-head p span img {
    margin-right: 5px;
    margin-bottom: 4px;
}
.article-head p span:last-child {
    margin-right: 0px;
}
.article-content {
    padding: 40px 0px 10px;
}
/* 文章详情: satrt */

/* 默认详情页-响应式样式表 */
@media(max-width: 1500px){
    .container {
        width: 1170px;
    }
    .common-right {
        width: 900px;
    }
}


/* iPadPro（横屏1366) */
@media(max-width: 1300px){
    .container {
        width: 996px;
    }
    .first-title {
        display: block;
    }
    .common-left {
        margin-top: 2px;
        width: 100%;
        display: none;
    }
    .first-column {
        height: 60px;
    }
    .common-right {
        width: 100%;
    }
}

/* iPadPro(1024), iPad(横屏1024)，iPhone X(横屏812)，Pixel2 XL(横屏823)*/
@media(max-width: 1024px){
    .container {
        width: 750px;
    }
}

/* iPad(768);Glaxy Fold(653);Pixel2(横屏731)*/
@media(max-width: 768px){
    .container {
        width: 510px;  /*因为当缩减到540时，padding为0px 15px；540-15*2 = 510，刚好拼接起来，不发生跳动*/
    }
    .first-column {
        height: 46px;
    }
    .navlist-side .second>a {
        line-height: 40px;
    }
}

/* Surface Duo(540) */
@media(max-width: 540px){
    .container {
        width: 100%;
        padding: 0px 15px;
    }
    .article-head p span {
        margin-right: 10px;
    }
}

/* iPhone 6/7/8 Plus(414) */
@media(max-width: 450px){}

/* iphone6,7,8(375)；iphoneX(375) */
@media(max-width: 375px){}

/* iPhone5/SE(320) */
@media(max-width: 320px){}