/**/ .borderR{border-right: 1px dotted #ccc;} .article_box p { color: #666;} .xgzs .article_box li{ background:#f0ebf1; width:100%; padding:10px;*width:97%; box-sizing: border-box;} .xgzs .article_box li .title_type{ color:#511B66; font-size:18px;} .h254{ height:254px;} h2.table_title span,h2.tab_title span{border-bottom: none;padding: 10px 0px;} h2.table_title i,h2.tab_title i{font-style: normal;padding:0px 10px;} h2.table_title span,h2.tab_title span {color: #999; cursor:pointer } h2.table_title span.active,h2.tab_title span.active{color: #511b66 ;border-bottom:3px solid #511b66 ;} @media only screen and (max-width: 1024px){ ul.article_list li{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .daoshi_list .cont_box{ background:none; padding:15px 10px 0 10px} } @media only screen and (max-width: 1000px) { .col-sm-fl{ width: 49%;float: left;} .col-sm-fr{ width: 49%;float:right;} .pl10 { padding-left: 0;} .daoshi_list .cont_box{ background:url(/Content/Areas/News/images/JiaoYuYuRen/daoshi_bg.jpg) no-repeat; padding:15px 10px 0 35px} } @media only screen and (max-width:768px) { .h254{ height:auto;} .article_list li{ width:49%; float:left; box-sizing:border-box} } @media only screen and (max-width:640px) { .col-sm-fl{ width: 100%;float: left;} .col-sm-fr{ width:100%;float:right;} } @media only screen and (max-width:540px) { .col-md-6 { width:100%;} .borderR { border-right: none;} .pr20 { padding-right:0;} .pl20 { padding-left:0;} .article_list li{ width:100%;} } @media only screen and (max-width:320px) { .daoshi_list .cont_imgbox{ width:70px;} }