@import url(//www.yjbys.com/static/css/v2/zhuanlan_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;}
    a{color:#3665c3;text-decoration:none}
    body{font-size: 12px;color: #333;}
    .w-index{width: 100%;margin: auto;}
    .subnav_box-index{width: 1200px;margin: auto;}
    /*header*/
    .header{float:left;width:100%}
    .head{float: left;width: 100%;text-align: center;}
    .head .logo{float:left;text-align: center;width: 100%;height: 50px;}
    .head .logo img{display: inline-block;width: 135px;margin-top: 4px;}

    .head .Nav{float:left;width: 100%;height: 45px;line-height: 45px;background: #f1f1f1;overflow: hidden;}
    .head .Nav a{float: left;color: #444;font-size: 15px;margin: 0 0px 0 17px!important;position: relative;}
    .head .Nav a.on,.head .Nav a:hover{ color:#6BBB2E; text-decoration:none;}
    .head .Nav a .i_hot{background:url(https://www.yuwenmi.com/static/img/hot3.gif) no-repeat scroll 0 0;height:16px;position:absolute;right:-19px;top:10px;width:21px}
    .head .login{ float:right; height:30px; width:auto; line-height:30px; background:#6BBB2E; padding:0 10px;}
    .head .login a{ color:#FFFFFF; font-size:14px; cursor:pointer}
    .head .login code{ color:#FFFFFF; margin:0 5px;}
    .head .headtit{float: left;width: 100px;display: none;}
    .head .headtit span{float: left;background: #6bbb2e;color: #fff;padding: 4px 10px;font-size: 11px;border-radius: 2px;}

    .head_login{display: none;}
    
   /*main-left*/
    .main-left{width: 100%;float: left;}

    .article{background: #fff;width: 96%;padding: 2%;}
    .article .title{color: #000;font-size: 24px;line-height: 130%;padding-bottom: 15px;font-weight: 700;border: 0;text-align: center;}
    .main-left .info{color: #999;font-size: 12px;text-align: center;padding-bottom: 5px;}
    .main-left .info span{margin: 0 5px;}
    .main-left .info span.phone a{ display:inline-block; padding-left:12px; background:url(//www.yjbys.com/static/img/common/phone.png) no-repeat left center;}

    .article .content{color: #333;line-height: 28px;margin-top: 12px;font-size: 18px;}
    .article .content p{color: #333;line-height: 28px;margin-top: 12px;font-size: 16px;}
    .article .content p a{font-size: 16px;}
    .article .content strong{font-weight: 700;font-size: 16px;}
    .article .content img {max-width: 100%!important;height: auto!important;}
    .article .content h2{text-align: left; font-weight: bold; line-height: 30px; color: #ff0000;margin-bottom: 15px;}
    .related_article ul{display: inline-block;width: 96%;padding: 2%;}
    .related_article ul li{float: left;border-bottom: 1px solid #f3f3f3;width: 100%;padding: 2% 0;}
    .related_article .pic1 a{width: 100%;display: block;}
    .related_article .pic1 a i{width: 5px;height: 5px;background: #ccc;border-radius: 50%;margin-right: .5rem;display: inline-block;position: relative;top: -1.125rem;}
    .related_article .pic1 a .pic_img{float: left;width: 180px;height: 120px;overflow: hidden;}
    .related_article .pic1 a .pic_img img{width: 100%;float: left;height: 100%;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
    .related_article .pic_art{width: 100%;display: inline-block;float: left;}
    .related_article .pic_art .pic_art_title{display: block;width: 100%;line-height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-wrap: normal;font-size: 18px;color: #333;font-weight: 700;margin-top: 4px;}
    .related_article .pic_art .pic_art_title h2{font-weight: 700;font-size: 16px;}
    .related_article .pic_art .pic_art_list{float: left;width: 100%;}
    .related_article .pic_art .pic_art_describe{width: 100%;float: left;margin: 5px 0;}
    .related_article .pic_art .pic_art_describe p{display: block;font-size: 14px;width: 100%;overflow: hidden;color: #888;line-height: 24px;height: 24px;}
    .related_article .pic_art .pv{display: inline-block;color: #b9b9b9;margin-right: 8px;}
    .related_article .pic_art .time{display: inline-block;color: #b1b1b1;margin-right: 8px;font-size: 13px;}
    .related_article .pic_art .comment{display: inline-block;color: #b9b9b9;}
    .related_article ul li:hover h2{color: #cc1500;}
    .related_article ul li:hover p{text-decoration: underline;color: #3665c3!important;}
    .related_article .pic1:hover img{-webkit-transform: scale3d(1.02, 1.02, 1);transform: scale3d(1.02, 1.02, 1);transition: opacity .4s ease 0s,-webkit-transform .4s ease 0s;transition: opacity .4s ease 0s,transform .4s ease 0s;box-shadow: 0 0 6px 0px rgb(178, 194, 202);}
    .related_article .pic1 .pic_art .time:before{content:"";float: left;height: 6px;width: 6px;background: #ccc;border-radius: 50px;margin-top: 7px;margin-right: 8px;}

    .related_article{width: 100%;float: left;border-top: 10px solid #ebebeb;}
    .related_article .pic4 a{width: 100%;display: block;}
    .related_article .pic4 a i{width: 5px;height: 5px;background: #ccc;border-radius: 50%;margin-right: .5rem;display: inline-block;position: relative;top: -1.125rem;}
    .related_article .pic4 .pic_img{width: 100%;float: left;display: flex;justify-content: space-between;}
    .related_article .pic4 .pic_img span{width: 160px;float: left;position: relative;height: 110px;background-size: cover;}
    .related_article .pic4 .pic_img span img{width: 100%;float: left;height: 100%;position: absolute;bottom: 0;}
    .related_article .pic4 .pic_img span:last-child{margin-right: 0px;}
    .related_article .pic4 .pic_art_title{display: block;font-size: 18px;width: 100%;overflow: hidden;color: #000;line-height: 28px;margin-bottom: 8px;}
    .related_article .pic4 .pic_art_list{float: left;width: 100%;margin-top: 5px;}
    .related_article .pic4 .pv{display: inline-block;color: #999;margin-right: 8px;}
    .related_article .pic4 .pv{display: inline-block;color: #999;margin-right: 8px;}
    .related_article .pic4 .time{display: inline-block;color: #999;margin-right: 8px;}
    .related_article .pic4 .comment{display: inline-block;color: #999;}
    .related_article .related_title{border-bottom: 1px solid #f3f3f3;float: left;width: 96%;line-height: 34px;height: 34px;padding: 2%;}
    .related_article .related_title span{color: #424242;font-size: 16px;height: 39px;float: left;border-bottom: 2px solid #000;}
    .related_article .pic4 span:hover img{-webkit-transform: scale3d(1.02, 1.02, 1);transform: scale3d(1.02, 1.02, 1);transition: opacity .4s ease 0s,-webkit-transform .4s ease 0s;transition: opacity .4s ease 0s,transform .4s ease 0s;box-shadow: 0 0 6px 0px rgb(178, 194, 202);}
    .pincai_wx{text-align:center;}

    /*foot*/
    .foot{float: left;line-height:28px;padding: 2%;text-align:center;width: 96%;background: #303a40;}
    .foot_l{float:left;width: 100%;text-align: center;}
    .foot_l a{display: inline-block;width: 152px;height: 35px;background: url(//www.yjbys.com/static/img/common/2018/foot_logo.png) 0 0 no-repeat;background-size: 100%;}
    .foot_r{float:right;}
    i.wxin{background:url(//www.yjbys.com/static/img/index/wxin.gif) no-repeat 0 0; height:75px; width:75px; margin-top:19px; float:left;}
    .botnav{color: #797979;overflow:hidden;text-align: center;font-size: 12px;}
    .botnav a{color: #a7a7a7;padding:0 8px;}
    a.question{padding: 0 0 0 10px;}
    .copyright{color: #a7a7a7;overflow:hidden;text-align: center;line-height: 20px;font-size: 12px;}
    .copyright a{color: #3281e6;padding:0 5px;}
    .yjbys{color: #a7a7a7;overflow:hidden;text-align: center;line-height: 20px;font-size: 12px;}
    .foot p{color:#d4d4d4}
    .foot p a{color:#d4d4d4;padding: 0 4px;}

    .rightNav{line-height: 22px;font-size: 14px;bottom: 15px;position: fixed;left: 48%;margin-left: 560px;width: 50px;height: 400px;top: 366px;text-align: center;}
    .rightNav code{background: #6BBB2E;color: #fff;border: 1px solid #6BBB2E;height: 41px;line-height: 18px;float: left;width: 35px;padding: 5px 6px 0; cursor:pointer}
    .rightNav code:hover{background: #6DD449;border: 1px solid #6DD449;}
    .rightNav a{border: 1px solid #f5f5f5;color: #666;height: 40px;line-height: 16px;float: left;width: 35px;padding: 7px 6px 0;border-top: 0;cursor:pointer;background-color: #fff;}
    .rightNav a:first-child{ border-top:1px solid #E8E8E8}
    .rightNav a.current{background: #6bbb2e;color: #fff;border: 1px solid #6bbb2e;height: 41px;line-height: 18px;float: left;width: 35px;padding: 5px 6px 0;cursor:pointer;}
    .rightNav .shaoma{border: 1px solid #f1f1f1;height: 41px;line-height: 18px;float: left;width: 35px;padding: 6px 6px 0;margin-top: 8px;background: url(//www.yjbys.com/static/img/common/2018/foot_logo.png) no-repeat 0px -200px;background-color: #fff;}
    .rightNav .shaoma:hover{background: url(//www.yjbys.com/static/img/common/2018/foot_logo.png) no-repeat 0px -260px;}
    .rightNav .backtop{display: none;border: 1px solid #E5F5E1;height: 41px;line-height: 18px;float: left;width: 35px;padding: 6px 6px 0;margin-top: 8px;background: url(//www.yjbys.com/static/img/common/2018/foot_logo.png) no-repeat 0px -148px;cursor:pointer;background-color: #fff;}
    .rightNav .backtop:hover{background: url("//www.yjbys.com/static/img/common/2018/foot_logo.png") no-repeat 0px -90px;}
    .rightNav .weixin{position: absolute;padding-bottom: 10px;border: 1px solid #e7e7e7;top: 80px;left: 60px;display: none;}
    .rightNav .weixin img{width: 150px;}
    .rightNav .weixin span{ font-size: 12px;color: #FFF;display: inline-block;background: #F90; width:130px; text-align:center;}

    .content img{border-radius: 10px;}
}