@import screen and (min-width: 750px); @media screen and (max-width: 750px){ 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:#333;font-size: 16px;} .yjg_header{width: 100%;margin:0 auto;text-align: center;} .logo{width: 125px;height: 37px;background: no-repeat;display: inline-block;margin-top: 10px;background-size: 100%;} .yjg_header .nav{width: 100%;float: left;background: #3790e2;padding-top: 10px;} .yjg_header li{float: left;background: #3790e2;width: 20%;height: 33px;text-align: center;} .yjg_header li a{font-size: 15px;color: #fff;} .rougao{float: right;margin-top: 30px;display: none;} .rougao a{float: right;font-size:14px;margin-left:9px;width: 108px;height: 34px;background-color: #3790e2;border-radius: 17px;color:#fff;line-height: 34px;} .rougao .tg{margin-left:0;} .rougao .tg i{width: 34px;height: 34px;display: block;background: no-repeat center;margin:0 0 4px 4px;float: left;} .rougao .jianyi{background: #ff9f08} .rougao .jianyi i{float: left;width: 34px;height: 34px;display: block;background: no-repeat center;border-radius: 21px;margin:0 0 4px 4px;} .yjg_nav{float: left;width: 100%;margin-top: 10px;} .yjg_nav_con{width: 100%;} .yjg_nav_con ul{width: 100%;} .yjg_nav li{float: left;border: 1px solid #dedede;margin-left: 3%;height: auto;line-height: 36px;margin-bottom: 10px;width: 29%;text-align: center;border-radius: 4px;} .yjg_nav a{font-size: 15px;} .main{width: 100%;margin: auto;} .yjg_top{width: 94%;margin: 5px 3%;float: left;} .yjg_top_left{width: 100%;float: left;} .ytl_box{margin-bottom: 15px;} .ytl_box_top{overflow: hidden;font-size: 17px;} .ytl_box_top div{width: 48%;float: left;margin-right: 2%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;color:#3790e2;} .ytl_box_top div a{color: #3790e2;font-size: 16px;} .ytl_box_top div span{float: left;} .ytl_box_top div .r{float: right;} .ytl_box ul{overflow: hidden;margin-top:10px;} .ytl_box ul li{width: 100%;float: left;margin-right: 2%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 38px;line-height: 38px;} .ytl_box ul li span {width:4px;height:4px;background: #3790e2;float: left;margin: 17px 6px 0 0;border-radius: 10px;} .yjg_top_mid{width: 100%;float: left;} .banner{width: 100%;height: 245px;background: no-repeat;background-size: 100%;} .yjg_top_right{width: 100%;float: right;} .ytr_title{font-weight: bold;} .ytr_title span{width: 4px;height: 15px;background-color: #3790e2;margin-right:6px;float: left;margin-top:4px;} .yjg_top_right ul{margin-top: 14px;} .yjg_top_right li{overflow: hidden;text-overflow: ellipsis;white-space:nowrap;margin-top: 21px;font-size:14px;} .yjg_top_right li span{width: 18px;height: 18px;line-height: 18px;text-align: center;background: #ebebeb;font-size: 12px;float: left;color:#a39999;margin-right:6px;margin-top: 1px;border-radius: 4px;} .yjg_top_right li:nth-child(1) span{background: #ff5722;color:#fff;} .yjg_top_right li:nth-child(2) span{background: #ff9800;color:#fff;} .yjg_top_right li:nth-child(3) span{background: #ffc107;color:#fff;} .yjg_top_right li i{font-size:12px;float: right;color:#999;margin-left:6px;} .yjg_sort{float: left;width: 94%;padding: 3%;border-top: 10px solid #f7f7f7;} .yjg_sort_left{width: 100%;float: left;overflow: hidden;} .ysl_title{width: 100%;height: 46px;background-color: #f7f7f8;line-height: 46px;} .ysl_title_name{float: left;font-size: 22px;color: #3790e2;font-weight: bold;} .ysl_title_name span{float: left;width:29px;height:35px;background: no-repeat;margin: 5px;} .ysl_title ul{float: right;} .ysl_title li{float: left;border: 1px solid #dedede;margin-right: 3%;line-height: 36px;margin-top: 10px;width: 29%;text-align: center;height: 36px;overflow: hidden;border-radius: 4px;} .ysl_left{width: 100%;float: left;} .ysl_left_tw{overflow: hidden;margin-top: 14px;display: block;} .ysl_left_tw img{width: 119px;height: 80px;float: left;border-radius: 10px;margin-top: 5px;} .ylt_msg{width: 57%;float: left;margin-left: 10px;} .ylt_title{font-size:15px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #3790e2;} .ylt_desc{font-size:14px;color:#999;line-height: 19px;height: 40px;overflow: hidden;margin: 4px 0;} .ylt_time{width:53px;height:20px;border-radius: 10px;text-align: center;line-height: 20px;background: #f7f7f7;font-size:12px;color: #a2a2a2;} .ysl_left li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 22px;margin-top: 17px;} .ysl_left li span{font-size:14px;color:#999;float: left;margin-right:6px;} .ysl_left li i{color:#999;font-size:12px;float: right;margin-left:6px;} .ysl_right{width: 100%;float: left;} .ysl_right_title{font-size: 16px;color: #333333;font-weight: bold;margin-top:16px;} .ysl_right_title span{width: 6px;height: 20px;background-color: #3790e2;border-radius: 3px;float: left;margin:1px 8px 0 0;} .ysl_right_tw{overflow: hidden;margin-top:16px;display: block;} .ysl_right_tw img{width: 120px;height: 80px;float: left;border-radius: 5px;} .yrt_msg{width: 58%;float: right;} .yrt_title{font-size: 17px;font-weight: bold;color: #3790e2;height: 30px;overflow: hidden;line-height: 30px;} .yrt_desc{font-size:14px;color:#999;line-height: 22px;height:44px;overflow: hidden;margin: 4px 0;} .ysl_right ul{overflow: hidden;} .ysl_right li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 24px;font-size:14px;width: 100%;margin-right:2%;float: left;margin-top: 18px;} .ysl_right li span{width:4px;height:4px;border-radius: 2px;background: #4e77de;float: left;margin:10px 6px 0 0;} .yjg_sort_right{width: 100%;float: left;margin-top: 15px;} .ysr_title{width: 100%;height: 44px;background-color: #e5f2ff;line-height: 44px;font-weight: bold;font-size:18px;} .ysr_title span{width: 19px;height: 23px;background: no-repeat;float: left;margin: 11px 7px 0 12px;} .yjg_sort_right ul{margin-top: 6px;} .yjg_sort_right li{overflow: hidden;text-overflow: ellipsis;white-space:nowrap;margin-top: 23px;font-size:14px;} .yjg_sort_right li span{width: 18px;height: 18px;line-height: 18px;text-align: center;background: #ebebeb;font-size: 12px;float: left;color:#a39999;margin-right:6px;margin-top: 1px;border-radius: 4px;} .yjg_sort_right li:nth-child(1) span{background: #ff5722;color:#fff;} .yjg_sort_right li:nth-child(2) span{background: #ff9800;color:#fff;} .yjg_sort_right li:nth-child(3) span{background: #ffc107;color:#fff;} .yjg_sort_right li i{font-size:12px;float: right;color:#999;margin-left:6px;} .flink{width: 94%;background: #fafafa;padding: 3%;overflow: hidden;border-top: 10px solid #efefef;float: left;} .flink ul{width: 1100px;margin: auto;} .flink b{line-height:22px;font-weight: 400;float: left;font-size: 12px;color: #3790e2;} .flink li{line-height: 22px;color: #b7b7b7;margin: 5px;float: left;} .flink li a{color: #888;font-size: 12px;} .flink li a:hover{color: #4586f1;} .footer {background: #3e4445;padding: 3%;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;display: inline-block;} @media screen and (max-width: 320px){.banner { height: 200px;}} }