@import url(article.ie.css) screen and (min-width:750px);
@media screen and (max-width: 750px) {
@charset "gb2312";
    body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
    fieldset,img,input{border:0 none;}li{list-style:none;}
    h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;line-height:1.2;}
    em,cite,i{font-style:normal;}
    a{text-decoration:none;padding:0;margin:0;color: #2965b1;font-size: 14px;}

    /*header*/
    .header{height: 52px;}
    .header_box{width: 100%;text-align: center;position: relative;background: #f9f9f9;border-bottom: 1px solid #ebebeb;height: 45px;}
    .logo{width: 107px;height: 30px;background:url("../img/logo.png") no-repeat;display: inline-block;margin-top: 8px;background-size: 100%;}
    .header .nav{float: left;font-size:15px;position: absolute;top: 54px;height: 400px;display: none;}
    .header .nav a{float: left;margin-left: 34px;font-size: 16px;color: #fff;}
    .rougao{float: right;margin-top: 26px;display: none;}
    .rougao a{float: right;font-size: 12px;margin-left:9px;width: 98px;height: 30px;background-color: #ffffff;border-radius: 17px;color: #568dc9;line-height: 30px;}
    .rougao .tg{margin-left:0;}
    .rougao .tg i{width: 34px;height: 31px;display: block;background: url("../img/ioc1.png") no-repeat center;margin: 0px 0 0px 4px;float: left;}
    .rougao .jianyi{background: #fda645;color:#fff;}
    .rougao .jianyi i{float: left;width: 30px;height: 31px;display: block;background: url("../img/ico2.png") no-repeat center;margin:0 0 4px 4px;}


    /*ÄÚÈÝ*/
    .main{width: 100%;margin: auto;overflow: hidden;}
    /*Ãæ°üм*/
    .sidebar{width: 94%;float: left;line-height: 30px;font-size: 16px;color: #999;height: 30px;overflow: hidden;margin: 0 3%;margin-top: 15px;}
    .sidebar a{color: #999;padding: 0 4px;font-size: 16px;}
    .sidebar span{color: #585858;font-size: 14px;}

    .main-left{width: 100%;background-color: #fff;float: left;}
    .article{width: 100%;}
    .content{margin: 2%;line-height: 40px;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: 3%;text-align: center;font-weight: 700;color: #333;margin-bottom: 20px;}
    .info a{color: #999;font-size: 12px;display: none;}
    .info span{padding: 0 3px;}
    .info{height: 24px;line-height: 24px;margin: 0 auto;color: #999;font-size: 16px;width: 100%;border-bottom: 1px solid #e8e8e8;padding: 0 2%;padding-bottom: 10px;}

    .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;font-size: 17px;text-align: left;font-weight: bold;line-height: 28px;clear: both;color: #ff0000;margin-bottom: 12px;}
    .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%;}
    .yw_box{float: left;width: 94%;border-top: 10px solid #eee;padding: 2% 3%;display: none;}
    .yw_box_t{float: left;width: 100%;height: 39px;line-height: 39px;}
    .yw_box span{float: left;height: 45px;color: #333;font-size: 16px;font-weight: 700;}
    .yw_box ul{float: left;width: 100%;margin-bottom: 5px;}
    .yw_box ul li{float: left;width: 50%;line-height: 30px;height: 30px;overflow: hidden;}
    .yw_box ul li a{font-size: 15px;}
    .yw_box ul li em {font-style: inherit;line-height: 18px;color: #ffffff;width: 18px;height: 18px;font-size: 12px;text-align: center;float: left;margin-top: 8px;margin-right: 6px;background: #d2d2d2;font-family: inherit;border-radius: 4px;}
    .yw_box ul li:nth-child(1) em {background: #1eb2c9;color: #fff;}
    .yw_box ul li:nth-child(2) em {background: #2196f3;color: #fff;}
    .yw_box ul li:nth-child(3) em {background: #ffc107;color: #fff;}
    .yw_box ul li:nth-child(4) em {background: #5bd0e2;color: #fff;}


    /*Ò³½Å*/
    .footer {background: #3e4445;float: left;width: 94%;padding: 2% 3%;margin-top: 10px;}
    .footer p {width: 100%;text-align: center;color: #eaeaea;font-size: 12px;height: 28px;line-height: 28px;}
    .footer p a {color: #eaeaea;font-size: 12px;padding: 0 3px;}
.huiyuan_container.huiyuan_container_hide{display:none;}
.huiyuan_container{display: table-cell;height: 100%;width: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.6);text-align: center;vertical-align: middle;position: fixed;z-index: 9;}
	
.author_btn { max-width: 300px; }
.author_btn { max-width: 300px; }
.ar-author {padding: 5%;background: #fff;height: 143px;margin-top: 10px;border: 1px solid #f3f3f3;border-radius: 10px;text-align: center;width: 90%;}
.ar-author-avatar {width: 60px;height: 60px;border-radius: 100%;overflow: hidden;margin-top: 5px;float: left;margin-right: 15px;}
.ar-author-avatar img { width: 100%; }
.ar-author-nr {float: left;text-align: left;}
.ar-author-nr h4 {font-size: 18px;color: #1eb2c9;}
.ar-author-nr h4 em { color: #f0a81d; margin-left: 5px; }
.ar-author-nr p {font-size: 13px;color: #999;margin-top: 5px;}
.ar-author-nr .user_btn1,.ar-author-nr .user_btn2{width: 99px; height:28px; margin-left:10px; border-radius: 14px; display: inline-block; line-height:28px; background:#e8b856; color:#fff; text-align:center;}
.ar-author-nr .user_btn1{background:#36ad9e; margin-left:0;}
.autoer_lianxi{cursor: pointer;display: inline-block;background: #1eb2c9;padding: 10px;color: #fff;border-radius: 4px;width: 127px;margin-top: 26px;font-size: 16px;}
.autoer_lianx:hover {background: ##67d2e3;}
.huiyuan_top{background: #ededed;height: 44px;line-height: 44px;border-bottom: 1px solid #dddddd;}
.huiyuan_top_box{width: 1200px;margin: auto;}
.login_cz {height: 36px;margin-top: 7px;width: 220px;display: flex;flex-wrap: wrap;justify-content: space-between;float:right;}
.login_cz a {width: 47%;text-align: center;line-height: 30px;height: 30px;border-radius: 36px;color: #fff;display: block;float: left;font-size: 14px;cursor: pointer;}
.bg_a {background: #1eb2c9;}
.bg_b { background: #e8b856;}
.huiyuan_container.huiyuan_container_hide{display:none;}
.mask_box{width: 332px;height: 326px;background: #fff;margin: 249px auto 0;border-radius: 15px;position: relative;}
.dl_mask_top{height: 60px;background: #38ad3a;color:#fff;line-height: 60px;font-size: 24px;border-radius: 14px 14px 0 0;text-align: center;}
.dl_qrcode{width:160px;height:160px;margin: 27px auto 0;border: 1px solid #e7e7e7;}
.dl_qrcode img{width:100%;height:100%;}
.dl_price{font-size: 12px;color:#666;text-align: center;margin-top: 23px;position: relative;}
.dl_price span{color:#ff7800;;}
.mask_box .close{position: absolute;right: -10px;background: #767676;width: 28px;height: 28px;text-indent: -9999px;top: -10px;cursor: pointer;border-radius: 60px;border: 3px solid #fff;}
.mask_box .close:before{content:"";position: absolute;width: 3px; height: 17px; background: #fff;display: inline-block;left: 13px;-webkit-transform: rotate(45deg);border-radius: 4px;top: 5px;transition: rotate(45deg);}
.mask_box .close:after{  content: "";position: absolute;width: 3px;height: 17px;background: #fff;display: inline-block;left: 13px;-webkit-transform: rotate(313deg);border-radius: 4px;top: 5px;transition: rotate(45deg);}
.mask_box .close:hover{background:#2196F3}

}