@import "article.ie.css" screen and (min-width: 750px);
@media screen and (max-width:750px){
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
    table{border-collapse:collapse;border-spacing:0;width:100%;line-height:30px;}
    td{line-height:30px;}
    fieldset,img{border:0 none;}
    address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
    ol,ul,li{list-style:none outside none;}
    caption,th{text-align:left;}
    h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
    a{text-decoration:none;color: #2965b1;}
    a:hover{text-decoration:none;color: #ff3333;}
    body,input,button,textarea,select{font-size:12px;}
    div{display:block;}

    .ql_header{background: #f3f3f3;height: 50px;border-bottom: 1px solid #e4e4e4;float: left;width: 100%;}
    .ql_header_con{width: 100%;text-align: center;padding: 2% 0;}
    .nav{display: none;}
    .logo{height: 36px;background: url(../img/logo_min.png) no-repeat center;display: inline-block;background-size: 100%;width: 200px;}
    .rougao{float: right;margin-top: 26px;display: none;}
    .rougao a{float: right;font-size: 15px;margin-left:14px;line-height: 34px;width: 101px;height: 33px;color: #2b99ff;border: solid 2px #2b99ff;text-align: center;}
    .rougao .tg{margin-left:0;}
    .rougao .jianyi{border:2px solid #ff7315;color:#ff7315;}

    .cluster{width: 94%;padding: 0 3%;float: left;height: 40px;line-height: 40px;color: #999;font-size: 16px;overflow: hidden;}
    .cluster a{font-size: 16px;margin-right:5px;color: #999;}
    .cluster code{font-size: 14px;margin-right:5px;color: #666;}

    .lan{width: 100%;float: left;}
    .main-left{width:100%;float:left;}
    .main-left .article{width: 100%;overflow:hidden;}
    .main-left .article .title{text-align:center;font-weight:700;font-size: 26px;line-height: 32px;display:block;padding: 3%;margin-bottom: 15px;}
    .main-left .article .imformation{width: 94%;color: #999;font-size: 16px;padding: 0 2%;}
    .main-left .article .imformation span{padding: 0 5px;}
    .main-left .article .imformation a{color: #999;font-size: 12px;display: none;}
    .resource{background:url(../img/3.png)no-repeat 0px 2px;}
    .article .content{font-size: 17px;line-height: 28px;color: #333;width: 100%;float: left;}
    .article .content p{color:#333;font-size: 17px;line-height: 27px;padding-bottom: 12px;display: inline-block;margin: 0 3%;width: 94%!important;}.content img{border-radius: 10px;max-width: 100%!important;height: auto!important;}
.content a{font-size: 15px;}
.content h2,.content h2 a,.content h2 a u{text-decoration: none;font-size: 17px;text-align: left;font-weight: bold;line-height: 28px;clear: both;color: #ff0000;margin-bottom: 12px;padding: 0 3%;}
.content img{max-width: 100%!important;height: auto!important;}
.content p{text-indent: 2em;}
.content img {display: block;margin: 0 auto;border-radius: 10px;}
.content em {background: url(../img/bolang.png) 100% 100% repeat-x;padding-bottom: 4px;color: red;font-weight: bold;}
.after_height_light~p a {color: #2965b1 !important;}

    .q-h{float: left;width: 94%;border-top: 10px solid #eee;padding: 2% 3%;}
    .q-h a{font-size: 14px;}
    .q{width: 50%;float: left;overflow: hidden;font-size: 14px;color: #333;height: 30px;line-height: 30px;}
    .h{width: 50%;float: left;overflow: hidden;font-size: 14px;color: #333;height: 30px;line-height: 30px;text-align: right;}

    .main-right{width:100%;float:right;}
    .lan-right-lsit{float: left;width: 94%;border-top: 10px solid #eee;padding: 0 3%;display: none;}
    .main-right span{display: inline-block;height: 55px;font-weight: normal;line-height: 55px;color: #000;border-bottom: 2px solid #000;font-size: 18px;padding: 0 5px;}
    .main-right ul{width:100%;border-top: 1px solid #e7e7e7;}
    .main-right ul li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 32px;line-height: 32px;width: 49%;display: inline-block;}
    .main-right ul li a{font-size:15px;color: #333;}
    .main-right li em{width: 16px;height:17px;font-size:12px;float: left;background: #ebebeb;color:#a399ae;line-height: 16px;text-align: center;margin: 8px 6px 0 0;}
    .main-right li:nth-child(1) em{background: #ff5722;color:#fff;}
    .main-right li:nth-child(2) em{background: #ff9800;color:#fff;}
    .main-right li:nth-child(3) em{background: #ffc107;color:#fff;}

    .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;}

    .tuijian_title{text-align: left;height: 56px;line-height: 56px;border-bottom: 1px solid #e2e2e2;border-top: 10px solid #eee;padding: 0 2%;margin-bottom: 10px;}
    .tuijian_title span{float: left;display: inline-block;height: 54px;font-weight: normal;line-height: 56px;font-size: 18px;padding: 0 8px;color: #000;border-bottom: 2px solid #000;}
    .related_article{display: inline-block;width: 100%;}
    .flink{border-top: 10px solid #eaeaea;width: 94%;float: left;padding: 3%;}
    .flink ul{width: 1100px;margin: auto;}
    .flink b{line-height:22px;font-weight: 400;float: left;font-size:14px;}
    .flink li{line-height: 22px;color: #b7b7b7;margin: 3px 6px;float: left;}
    .flink li a{color: #888;font-size: 12px;}
    .flink li a:hover{color: #4586f1;}
    .footer {padding: 3%;background: #3c3f42;overflow: hidden;float: left;width: 94%;}
    .footer p {width: 100%;text-align: center;color: #eaeaea;font-size: 12px;line-height: 24px;}
    .footer p a {color: #eaeaea;font-size: 12px;padding: 0 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;}
    /*old*/
    .ql_header .num{float: left;margin: 35px 0 0 24px;display: none;}
    .ql_header .num span{display: inline-block;width: 19px;height: 19px;background-color: #ffffff;border: solid 1px #bcbcbc;font-size: 15px;font-weight: bold;color:   #2b99ff;line-height: 19px;text-align: center;margin-right:8px;}
    .ql_header .num i{font-size: 15px;color:#666;line-height: 19px;}

    .ql_nav{background: #fff;border-bottom:3px solid #2b99ff;display: none;}
    .ql_nav_con .nav_list{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-around;}
    .ql_nav .nav_list li{width:33.33%;text-align: center;height: 28px;line-height: 28px;}
    .ql_nav .nav_list li:nth-child(1){display: none;}
    .ql_nav .nav_list a{color:#333;font-size: 15px;display: block;}

}

