@import url(article.ie.css) screen and (min-width:750px);
@media screen and (max-width: 750px) {

    .article{width: 100%;}
    .content{margin: 2%;line-height: 28px;font-size: 17px;width: 96%;float: left;overflow: hidden;}
    .content p{font-size: 17px;line-height: 28px;padding-bottom: 12px;color: #333;}
    .title{line-height: 40px;font-size: 26px;margin: 5% 3%;text-align: center;font-weight: 700;color: #333;}
    .info a{color: #999;font-size: 12px;display: none;}
    .info span{padding: 0 3px;}
    .info{height: 28px;line-height: 22px;margin: 0 auto;margin-bottom: 10px;color: #999;font-size: 16px;width: 96%;border-bottom: 1px solid #e8e8e8;padding: 0 2%;padding-bottom: 5px;}

    .previous{margin-top: 10px;font-size: 14px;float: left;width: 94%;border-top: 10px solid #eee;padding: 2% 3%;}
    .previous span{line-height: 32px;height: 32px;float: left;overflow: hidden;width: 50%;}
    .next{text-align: right;}

    .related_article_img{float: left;width: 94%;border-top: 10px solid #eee;padding: 2% 3%;}
    .related_article_img .related_top{height: 40px;width: 100%;border-bottom: 1px solid #EEE;}
    .related_article_img .related_top code{float: left;font-size: 16px;height: 40px;line-height: 40px;color: #333;background: #fff;border-bottom: 2px solid #1c1c1c;font-family: initial;font-weight: 700;}
    .related_article_img ul{margin-top: 13px;width: 100%;float:left;display: flex;justify-content: space-between;align-content: center;flex-flow: wrap;}
    .related_article_img li{overflow: hidden;width: 48%;height: 132px;float: left;}
    .related_article_img li a:hover span{text-decoration: underline;}
    .related_article_img li a img{height: 98px;float: left;width: 100%;}
    .related_article_img li a span{float: left;height: 24px;width: 99%;line-height: 30px;font-size: 14px;color: #2965b1;overflow: hidden;text-align: center;}

    /*related_article*/
    .related_about{float: left;width: 94%;border-top: 10px solid #eee;padding: 2% 3%;}
    .related_about .related_about_t{float: left;width: 100%;height: 40px;line-height: 40px;color: #494949;font-size: 16px;border-bottom: 1px solid #EEE;margin-bottom: 10px;}
    .related_about .related_about_t code{color: #000;font-size: 16px;float: left;font-family: inherit;border-bottom: 2px solid #000;font-weight: 700;}
    .related_about ul{float: left;width: 100%;}
    .related_about li{float: left;width: 50%;height: 30px;font-size: 16px;overflow: hidden;line-height: 30px;}
    .related_about li a{font-size: 15px;color: #2965b1;}
    .related_about li a:before{float: left;content: "";width: 3px;height: 3px;background: #000;margin-top: 11px;margin-right: 5px;}
    .related_about li a:hover{color: #000;}

    .related_article{float: left;width: 100%;border-top: 10px solid #eee;background: #fff;}

    u{text-decoration:none;}
    .content a{font-size: 16px;}
    .content h2,.content h2 a,.content h2 a u{text-decoration: none;text-align: left;font-weight: bold;line-height: 28px;clear: both;color: #ff0000;margin-bottom: 12px;font-size: 17px;}
    .content img{max-width: 100%!important;height: auto!important;}
    .content img{border-radius: 10px;}
    .after_height_light~p a {color: #2965b1 !important;}

    .right_fixed { bottom: 54px;width: 336px;position: fixed!important;z-index: 300;}
    .main-right{float: left;width: 100%;display: none;}
    .wanwen_box{float: left;width: 94%;background: #fff;border-radius: 10px;padding: 3%;margin-top: 10px;}
    .wanwen_box_t{height: 42px;line-height: 42px;font-size: 16px;float: left;width: 100%;background: #f5f5f8;font-weight: 700;border-radius: 10px;color: #333;margin-bottom: 6px;}
    .wanwen_box_t:before{content:"";float: left;width: 7px;background: #2191f0;margin-right: 4px;height: 18px;margin-top: 12px;border-radius: 10px;}
    .wanwen_box ul{float: left;width: 100%;margin-bottom: 5px;}
    .wanwen_box ul li{float: left;width: 50%;line-height: 35px;height: 35px;overflow: hidden;}
    .wanwen_box ul li a{font-size: 16px;width: 82%;float: left;color: #333;}
    .wanwen_box ul li:before{content:"w";line-height: 15px;color: #ffffff;width: 15px;height: 15px;text-align: center;float: left;margin-top: 11px;margin-right: 6px;background: #ec8858;font-family: inherit;font-weight: 700;font-size: 12px;border-radius: 4px;}


}


.content .rel_art_line:before {
    background: #e8b856;
    content: "";
    display: block;
    position: absolute;
    height: 16px;
    width: 6px;
    border-radius: 10px;
    left: 10px;
    top: 12px;
}

.after_height_light~p:after {
    content: "";
    border-bottom: 1px dashed #cecece;
    width: 68%;
    top: 15px;
    display: inline-block;
    position: absolute;
    right: 46px;
}

.content .after_height_light~p {
    position: relative;
    width: 50%;
    overflow: hidden;
    height: 33px;
    float: left;
    font-size: 15px;
    color: #2965b1;
}

.content .rel_art_line::after {
    display: none;
}

.content .after_height_light~p a {
    display: inline-block;
    background: #fff;
    font-size: 15px;
    position: absolute;
    z-index: 2;
    max-width: 68%;
    overflow: hidden;
    height: 24px;
    padding-right: 5px;
}

.content .after_height_light~p span {
    float: right;
    font-size: 12px;
    color: #bebbbb;
    background: #fff;
    position: absolute;
    z-index: 2;
    right: 19px;
    padding-left: 6px;
}

.content .rel_art_line {
    line-height: 40px !important;
    padding-left: 20px;
    font-size: 15px;
    background-color: #f2f8fc;
    border-radius: 10px;
    float: left;
    width: 97%!important;
    font-weight: 700;
    color: #333!important;
    padding-bottom: 12px!important;
    margin-bottom: 12px!important;
    font-size: 16px!important;
}