@charset "utf-8";
body,div,li,ul,ol,dl,dd,dt,span,b,strong,p,h1,h2,h3,h4,h5,input{margin:0;padding:0;}
ul,li,dl,dt,dd,ol{list-style:none;list-style-type:none;}
a img,a,a:hover,a:active,a:visited{border:none;text-decoration:none; outline:none;}
body{font-size:12px;}
input,body,textarea{ font-family:"PingFang SC", "Microsoft YaHei","Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,sans-serif;}
body{ background-color: #f5f7fa;}

::selection{background:#06f;color:#fff;}
::-moz-selection{background:#06f;color:#fff;}

::-webkit-input-placeholder{text-overflow:ellipsis}
::-webkit-scrollbar{width:8px;height:8px;overflow:auto}
::-webkit-scrollbar-thumb{background-color:#e6e6e6;min-height:25px;min-width:25px;border:1px solid #e0e0e0}
::-webkit-scrollbar-track{background-color:#f7f7f7;border:1px solid #efefef}

.pagination{ width:auto; height:auto; overflow:hidden; clear:both; text-align:center;  margin:20px auto 20px auto;}
.pagination li{ min-width:60px; height:32px;text-align:center; display:inline-block; line-height:32px; margin-right:4px;border:solid 1px #d9d9d9; border-radius:4px;}
.pagination li:first-child a,.pagination li:last-child a{box-sizing: border-box;padding: 0 10px;}
.pagination li a{ width:100%; height:32px; text-align:center; line-height:32px; display:block; font-size:14px; color:#666; box-sizing: border-box; }
.pagination li:hover,.pagination li.active{ background:#e50113; color:#fff; border:solid 1px #e50113; }
.pagination li:hover a{ color: #fff;}


.ui-header-logo{ height: 60px; line-height: 60px; padding: 0 20px; font-size: 20px; font-weight: bold; cursor: pointer; display: inline-block; float: left; margin-right: 20px; margin-left: 20px;}
.ui-header-logo a{ color: #333;}
.ui-header{ height: 60px; width: 100%;  min-width: 1200px;overflow: hidden; box-sizing: border-box; background-color: #fff;box-shadow: rgba(0,0,0,8%) 0px 0px 10px 0; position: fixed; top: 0; left: 0; z-index: 60;}
.ui-header-main{ min-width: 1200px; height: 60px; margin: 0 auto; box-sizing: border-box;}
.ui-nav{ width:auto; height: 60px; float: left;}
.ui-nav li{ float: left;}
.ui-nav li a{ padding: 0 15px; height: 60px; display: block; line-height: 60px; box-sizing: border-box; font-size: 14px; color: #333; }
.ui-nav li a.active{ font-weight: bold; font-size: 15px; color: #000;}

.ui-search{ float: right; width: 300px; height: 60px; overflow: hidden; box-sizing: border-box; margin-right: 20px;}
.ui-search input{ width: 100%; height: 35px; line-height: 35px; font-size: 13px; color: #666; border:solid 1px #ddd; border-radius: 20px; outline:none; padding: 0 10px; box-sizing: border-box; margin-top: 11px; background: url('../images/search.png') no-repeat 270px center; background-size: 16px;}


.ui-main{ width: 1200px; height:auto; border-radius: 4px; margin: 20px auto 0 auto; box-sizing: border-box; overflow: hidden;}

.ui-left{ width: 865px; height: auto; float: left; overflow: hidden; box-sizing: border-box;}
.ui-right{ float:right; width: 320px; box-sizing: border-box; overflow:hidden;}

.ui-banner{ width: 100%; height: 300px; background-color: #fff; border-radius: 8px; overflow: hidden; box-sizing: border-box; position: relative;}



.ui-hotnews{  width: 320px; height:auto; border-radius: 8px; box-sizing: border-box; padding: 0px 15px 15px 15px; overflow: hidden; background: #fff url(../images/top-bg.png) no-repeat top center;}
.ui-hotnews h4{ font-size: 16px; font-weight: normal; height: 48px; line-height: 48px; border-bottom: solid 1px #efefef; font-weight: bold;}
.ui-hotnews h4 i{ width: 4px; height: 21px; background-color: #e50113; display: inline-block; margin: 5px 3px 0 5px; position: relative; top: 5px; border-radius: 3px;}
.ui-hotnews h4 a{ float:right; font-size: 13px; color:rgb(179, 179, 179); margin-right: 5px;position: relative; top: 4px; font-weight: normal;}

.ui-news{ width: 100%; height: auto; box-sizing: border-box; overflow: hidden; margin-top: 10px; box-sizing: 0 0 8px 0 #e6e9f0;}
.ui-news li{ width: 100%; display: flex; height: 32px; line-height: 32px; overflow: hidden;}
.ui-news li a{ flex: 1;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color: #666; font-size: 13px;}
.ui-news li i{ width: 80px; text-align: right; font-style: normal;color: #666;}
.ui-news li a:hover{ color: #f00; text-decoration: underline;}
.ui-news li a span{ width: 18px; height: 18px; line-height: 18px; text-align: center; display: inline-block; font-weight: bold; color: #fff; margin-right: 5px; position: relative; top: 1px;background-color: #bbb; border-radius: 4px;}
.ui-news li:nth-child(1) a span{ background-color: #f00;}
.ui-news li:nth-child(2) a span{ background-color: #fe3030;}
.ui-news li:nth-child(3) a span{ background-color: #fc5e5e;}

.ui-tags{  width: 320px; height:auto; border-radius: 8px; box-sizing: border-box; padding: 0px 15px 15px 15px; overflow: hidden; background: #fff; margin: 15px auto;}
.ui-tags h4{ font-size: 16px; font-weight: normal; height: 48px; line-height: 48px; border-bottom: solid 1px #efefef;}
.ui-tags h4 i{ width: 4px; height: 21px; background-color: #06f; display: inline-block; margin: 5px 3px 0 5px; position: relative; top: 5px; border-radius: 3px;}
.ui-tags h4 a{ float:right; font-size: 13px; color:rgb(179, 179, 179); margin-right: 5px;position: relative; top: 4px;}

.ui-tags-ul{ width: 100%; height: auto; box-sizing: border-box; overflow: hidden; margin: 10px auto 0 auto;}
.ui-tags-ul li{ display: inline-block; border-radius: 3px; border:solid 1px #06f; padding: 4px 6px; margin: 0 5px 5px 0;}
.ui-tags-ul li a{ color: #666;}

.ui-adv{ width: 100%; height: auto; overflow:hidden; box-sizing: border-box; overflow: hidden; margin-bottom: 15px;}
.ui-adv img{ width: 100%; margin: 0 auto; padding: 0; border-radius: 8px;}


.ui-footer{ height: 120px; background-color: #fff; width: 100%; min-width: 1200px;}
.ui-fooer-main{ width: 1200px; height: 120px; margin: 0 auto;}

.ui-footer-right{ width: 600px; height: 120px; float: right; overflow: hidden; box-sizing: border-box;}
.ui-footer-nav{ width: 100%; overflow: hidden; height: 35px; line-height: 35px; font-size: 13px; text-align: right; margin-top: 30px;}
.ui-footer-nav li{ display: inline-block; margin: 0 0 0 20px;}
.ui-copyright{ height: 30px; color: #8e8787; text-align: right; clear: both;}
.ui-copyright a{ color:#8e8787;}
.ui-footer-nav li a{ color:#292525;}

.ui-footer-share{ width: 600px; float: left; height: auto; display: block; box-sizing: border-box; margin-top: 35px;}
.ui-footer-share .ui-icon{ width: 40px; height: 40px; border: solid 1px #333; color: #333; border-radius: 50%; display: inline-block; line-height: 40px; text-align: center; cursor: pointer; margin: 0 8px 0 0; position: relative;}
.ui-footer-share .ui-icon i{ font-size: 18px;}
.ui-footer-share .ui-fix-weixin{ width: 95px; height: 95px; border: solid 1px #333; position: absolute; left: -28px; bottom: 48px; z-index: 999; background-color: #fff; border-radius: 8px; box-sizing: border-box; overflow: hidden; display: none;}
.ui-footer-share .ui-fix-weixin img{ width: 90px; height: 90px; display: block; margin: 1px auto;}

.ui-footer-share .ui-icon:hover .ui-fix-weixin{ display: block;}

.ui-links{height: 120px; background-color: #fff; overflow: hidden;width: 1200px; margin: 0px auto 20px auto; padding: 10px; box-sizing: border-box; border-radius: 8px;}
.ui-links h4{ font-size: 16px; font-weight: normal; height: 48px; line-height: 48px; border-bottom: solid 1px #efefef;}
.ui-links h4 i{ width: 4px; height: 21px; background-color: #06f; display: inline-block; margin: 5px 3px 0 5px; position: relative; top: 5px; border-radius: 3px;}
.ui-links-ul{ width: 100%; height: auto; overflow:hidden; margin: 10px auto;}
.ui-links-ul li{ display: inline-block; margin: 0 5px; height: 35px; line-height: 35px;}
.ui-links-ul li a{ font-size: 14px; color: #666;}
.ui-links-ul li a:hover{ color: #f00; text-decoration: underline;}

.ui-list-div{ height: auto; background-color: #fff; width: 100%; box-sizing: border-box; margin: 15px auto; border-radius: 8px; padding: 0px 15px 15px 15px; }
.ui-list-div h4{ font-size: 16px; font-weight: normal; height: 48px; line-height: 48px; border-bottom: solid 1px #efefef; font-weight: bold;}
.ui-list-div h4 i{ width: 4px; height: 21px; background-color: #06f; display: inline-block; margin: 5px 3px 0 5px; position: relative; top: 5px; border-radius: 3px;}
.ui-list-div h4 a{ float:right; font-size: 13px; color:rgb(179, 179, 179); margin-right: 5px;position: relative; top: 4px; font-weight: normal;}

.ui-hot{ width: 20px; height: 20px; line-height: 20px; font-size: 12px; background-color: #f00; color: #fff; display:inline-block; margin-left: 5px; position: relative; top: -3px; border-radius: 4px; text-align: center;}
.ui-top{ width: 20px; height: 20px; line-height: 20px; font-size: 12px; background-color: #52c41a; color: #fff; display:inline-block; margin-left: 5px; position: relative; top: -3px; border-radius: 4px; text-align: center;}

.ui-n-news{ width: 1200px; height: auto; margin: 20px auto; box-sizing: border-box; overflow: hidden;}

.ui-news-right{ width: 320px; height: auto; overflow: hidden; float:right; box-sizing: border-box;}
.ui-news-left{ width: 865px; float: left; box-sizing: border-box;overflow: hidden; padding: 20px; background-color: #fff; border-radius: 8px;}

.ui-news-ul dl{ border-bottom:dotted 1px #efefef; padding: 8px; box-sizing: border-box; overflow: hidden;}
.ui-news-ul dl dt{ font-size: 16px; height: 38px; line-height: 38px; color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ui-news-ul dl dt a{ color: #333;}
.ui-news-ul dl dt a:hover{ color: #f00; text-decoration: underline;}
.ui-news-ul .ui-news-intro{ height: 60px; line-height: 30px; font-size: 13px; color: #999; margin-bottom: 5px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ui-news-ul dl dd{ height: 28px; line-height: 28px;}
.ui-news-ul dl dd span.ui-new-date{ float:right; color: #666;}
.ui-news-ul dl dd span.ui-new-date i{ color: #999;}
.ui-news-ul dl dd span.ui-new-tag{ float:left; color: #666;}

.ui-news-ul dl dd span.ui-new-tag a{ display: inline-block; padding: 4px 6px; border: solid 1px #efefef; border-radius: 4px; line-height: 16px; margin-right: 4px; color: #999;}
.ui-news-ul dl dd span.ui-new-tag a:hover{ background-color: #efefef; color: #333;}
.ui-news-ul dl dd span.ui-new-tag a i{ font-size: 12px;}

.ui-news-ul dl:last-child{ border:none !important;}

.ui-news-pic{ width: 120px; height: 80px; background-color: #efefef; float: left; overflow: hidden; margin-top: 10px; cursor: pointer;max-height: 80px; float: left; border-radius: 4px; margin-right: 10px;}
.ui-news-pic img{ width: 120px; height: 80px;}
.ui-news-cont{ float: left; width: calc(100% - 130px); height: 135px; overflow: hidden;}


.ui-article{ width: 1200px; margin: 20px auto 5px auto; height: auto; box-sizing: border-box; overflow: hidden;}
.ui-content{ width: 865px; float: left; box-sizing: border-box;overflow: hidden;}

.ui-content-main{ width: 100%; height: auto; background-color: #fff; box-sizing: border-box; overflow: hidden; padding: 20px;border-radius: 8px; }
.ui-content h2{ line-height: 40px; font-size: 20px; text-align: center;}
.ui-art-tags{ text-align: center; line-height: 35px; font-size: 13px; color: #999; border-top: solid 1px #efefef; border-bottom: solid 1px #efefef; margin: 15px auto;}
.ui-art-tags span{ margin: 0 5px;}
.ui-cont{ line-height: 280%; font-size: 16px; font-family:"PingFang SC", "Microsoft YaHei","Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,sans-serif !important;}
.ui-cont p,.ui-cont div{font-family:"PingFang SC", "Microsoft YaHei","Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,sans-serif !important;line-height: 280%; font-size: 16px;}
.ui-cont img{  max-width: 800px;display:inline-block;}
.ui-right{ width: 320px; float: right;}

.article-pager{ width:100%; height:38px; margin:15px auto 15px auto; clear:both; text-align:center;}
.article-pager li{ width:128px; height:38px; border:solid 1px #efefef; text-align:center; display:inline-block; line-height:38px; box-sizing:border-box; border-radius:4px; background:#fff; margin-right:7px;}
.article-pager li a{ width:100%; height:38px; display:block; color:#333; font-size: 13px;}
.article-pager li a span{ font-size: 13px;}
.article-pager li:hover{  border:solid 1px #e50113;}
.article-pager li:hover a{ color:#e50113;}


.article-share{ height:40px; margin-bottom:10px; position:relative;}
.article-share div{ float:right;}
.article-share div.share-iconfont{ height:40px; line-height:30px; margin-right:5px; font-size: 13px;}
.article-share div.share-icon{ width:24px; height:24px; margin-right:5px; border-radius:50%; border:solid 1px #ececec; overflow:hidden; text-align:center; padding:3px;}
.article-share div.share-icon img{ height:18px; display:block; margin:3px auto;-webkit-filter: grayscale(1);filter:gray;filter: grayscale(1);}
.article-share div.share-icon:hover{ border:solid 1px #ddd;}
.article-share div.share-icon:hover img{-webkit-filter: grayscale(0);filter:none;filter: grayscale(0);}

.ui-article-tag{ margin:0px auto 0px auto; clear:both;}
.ui-article-tag span{ padding:4px 6px; border:solid 1px #efefef; margin:0 5px 0 0; border-radius:4px; color:#999;}
.ui-article-tag span a{ color: #999;}
.ui-article-tag span i{ font-size: 12px;}
.ui-article-tag span:hover{ background-color: #efefef; color: #999;}

.ui-news-navs{ height: 45px; border-bottom: solid 1px #efefef; overflow: hidden; box-sizing: border-box;}
.ui-news-navs li{ display: inline-block; height: 45px; line-height: 45px; margin: 0 15px 0 0; padding: 0 8px;}
.ui-news-navs li a{ font-size: 15px; color: #333;}
.ui-news-navs li a.active{ color: #06f; font-weight: bold; border-bottom: solid 2px #06f; height: 40px; line-height: 40px; display: inline-block; font-size: 16px;}

.ui-news-page{ height: auto; box-sizing: border-box; overflow: hidden;}

.ui-nodata{ text-align: center; padding: 20px; box-sizing: border-box; overflow: hidden;}
.ui-nodata img{ display:block; margin: 0 auto;}
.ui-nodata p{ font-size: 13px; color: #666; line-height: 38px;}

.ui-tags-main{ width: 1200px; height: auto; overflow: hidden; box-sizing: border-box; padding: 10px; background-color: #fff; margin: 15px auto; border-radius: 8px;}
.ui-tags-main h4{ font-size: 16px; font-weight: normal; height: 48px; line-height: 48px; border-bottom: solid 1px #efefef; font-weight: bold;}
.ui-tags-main h4 i{ width: 4px; height: 21px; background-color: #06f; display: inline-block; margin: 5px 3px 0 5px; position: relative; top: 5px; border-radius: 3px;}

.ui-about-main{ width: 1200px; height: auto; overflow: hidden; box-sizing: border-box; padding: 10px; background-color: #fff; margin: 15px auto; border-radius: 8px;}
.ui-about-main h4{ font-size: 16px; font-weight: normal; height: 48px; line-height: 48px; border-bottom: solid 1px #efefef; font-weight: bold;}
.ui-about-main h4 i{ width: 4px; height: 21px; background-color: #06f; display: inline-block; margin: 5px 3px 0 5px; position: relative; top: 5px; border-radius: 3px;}

.ui-hot-data{ padding: 2px 6px; border: solid 1px #f00; color: #f00; font-size: 12px; cursor: pointer; border-radius: 2px;}

@media screen and (max-width:767px){
    .ui-header{ height: 48px; line-height: 48px; min-width: 100%; overflow: hidden; box-sizing: border-box;}
    .ui-header-main{ height: 48px; line-height: 48px; min-width: 100%;}

    .ui-header-logo{ height: 48px; line-height: 48px; padding: 0 15px; font-size: 20px;  margin-right: 0px; margin-left: 0px;}
    .ui-header-logo a{ color: #333;}

    .ui-nav{ width:auto; height: 48px; float: left;}
    .ui-nav li{ float: left;}
    .ui-nav li a{ padding: 0 15px; height: 48px; display: block; line-height: 48px; box-sizing: border-box; font-size: 14px; color: #333; }
    .ui-nav li a.active{ font-weight: bold; font-size: 15px; color: #000;}


    .ui-article{ width: 100%; margin: 0px auto; height: auto; box-sizing: border-box; overflow: hidden; padding: 10px;}
    .ui-content{ width: 100%; box-sizing: border-box;overflow: hidden;}
    .ui-right,.ui-tags,.ui-hotnews,.ui-article-tag{ width: 100%; background: #fff;}
    .ui-cont p,.ui-cont div{font-size: 16px;}

    .article-pager li{ height:38px; border:solid 1px #efefef; text-align:center;  line-height:38px; box-sizing:border-box; border-radius:4px; background:#fff;  clear: both; width:calc((100% - 30px)/3);}
    .article-pager li:nth-child(3n){ margin: 0;}

    .ui-search{ clear: both; width: 100%; height: 35px; overflow: hidden; box-sizing: border-box; margin-right: 0; position: relative;}
    .ui-search input{ width: 100%; height: 35px; line-height: 35px; font-size: 13px; color: #666; border:solid .5px #ddd; border-radius: 20px; outline:none; padding: 0 10px; box-sizing: border-box; margin-top: 0px; background:none; background-size: 16px;}
    .ui-search img{ position: absolute; right: 10px; top: 7px; height: 20px;}


    .ui-n-news{ width: 100%; height: auto; margin: 0px auto; overflow: hidden; padding: 10px; box-sizing: border-box;}

    .ui-news-right{ width: 100%; height: auto; overflow: hidden; float:right; box-sizing: border-box;}
    .ui-news-left{ width: 100%; float: left; box-sizing: border-box;overflow: hidden; padding: 10px; background-color: #fff; border-radius: 8px; margin-bottom: 10px;}

    .ui-adv{ margin-bottom: 10px;}

    .pagination{ width:auto; height:auto; overflow:hidden; clear:both; text-align:center;  margin:10px auto;}
    .pagination li{ min-width:22px; height:22px;text-align:center; display:inline-block; line-height:22px; margin-right:4px;border:solid 1px #d9d9d9; border-radius:4px;}
    .pagination li:first-child a,.pagination li:last-child a{box-sizing: border-box;padding: 0 10px;}
    .pagination li a{ width:100%; height:22px; text-align:center; line-height:22px; display:block; font-size:14px; color:#666; box-sizing: border-box; }
    .pagination li:hover,.pagination li.active{ background:#e50113; color:#fff; border:solid 1px #e50113; }
    .pagination li:hover a{ color: #fff;}

    .ui-tags-main-m{ width: 100%; padding: 10px; box-sizing: border-box; overflow: hidden;}
    .ui-tags-main{ width: 100%; margin: 0;}

    .ui-article-tag{ height: 34px; text-align: center;}
    .ui-art-tags{ line-height: 30px;}
    .ui-cont img{  max-width: 100% !important; height: auto !important; border-radius: 3px;}

    .ui-news-navs{ height:auto; border-bottom:none;box-sizing: border-box; overflow-x: auto;}
    .ui-news-navs li{ display: inline-block; height: 35px; line-height: 35px; margin: 0 5px 5px 0; padding: 0 12px; border: solid 1px #efefef; border-radius: 3px;}
    .ui-news-navs li a{ font-size: 13px; color: #333;}
    .ui-news-navs li a.active{ color: #06f; font-weight: bold; border-bottom:none; height: 25px; line-height: 25px; display: inline-block; font-size: 14px;}

    .ui-main{ width: 100%; height: auto; padding: 10px; box-sizing: border-box; margin: 0;}
    .ui-left{ width: 100%; height: auto;}
    .ui-banner{ height: 140px; border-radius: 8px;}
    .ui-banner img{ height: 100%; border-radius: 8px; display: block; overflow: hidden;}

    .ui-tags{ margin: 10px auto;}

    .ui-footer-nav,.ui-copyright{ text-align: center; margin: 0;}
    .ui-footer-nav li{ margin: 0 4px 0 4px;}

    .ui-news-pic{ width: 80px; height: 60px; background-color: #efefef; float: left; overflow: hidden; margin-top: 5px; cursor: pointer;max-height: 60px; float: left; border-radius: 4px; margin-right: 10px;}
    .ui-news-pic img{ width: 80px; height: 60px;}
    .ui-news-cont{ float: left; width: calc(100% - 90px); min-height: 60px; height: auto; overflow: hidden; margin-bottom: 4px;}
    .ui-news-ul dl dt{ font-size: 14px; height: 28px; line-height: 28px;}
    .ui-news-ul dl{ padding-left: 0;}
    .ui-news-ul .ui-news-intro{ height: 40px; line-height: 20px; font-size: 12px; margin: 0; overflow: hidden; height: auto;}

    .ui-hot{ width: 16px; height: 16px; line-height: 16px; font-size: 10px; position: relative; top: 0px;}
    .ui-top{ width: 16px; height: 16px; line-height: 16px; font-size: 10px; position: relative; top: 0px;}
}

.ui-header-menu{ width: 24px; height:auto; float: right; margin-right: 12px; margin-top: 13px;}
.ui-header-menu i{ width: 100%; height: 3px; background-color: #666; display:block; margin: 3px auto; border-radius: 8px;}

.m-ui-nav{ width: 100%; height: auto; padding: 10px; box-sizing: border-box; background-color: #fff; position: fixed; top: 40px; z-index: 999; border-bottom: solid 1px #efefef; text-align: center; display: none;}
.m-ui-nav li{ width:calc((100%)/3 - 10px); height: 32px; line-height: 32px; float: left;text-align: center; border-radius: 4px; border:solid 1px #efefef; margin: 0 10px 10px 0 ;}
.m-ui-nav li:nth-child(3n){ margin-right: 0;}
.m-ui-nav li a{ font-size: 14px; color: #333;}

.bh-fixtop{ width: 50px; height: 50px; border-radius: 50%; line-height: 50px; text-align: center; background-color: #fff; box-shadow: 0 0 5px #ddd; position: fixed; bottom: 20px; right: 20px;cursor: pointer;}
.bh-fixtop span{ font-size: 16px; color: #000; }

.swiper-slide{ position: relative;}
.swiper-slide .ui-adv-title{ width: 100%; height: 35px; background-color: rgba(0,0,0,.5); color: #fff; position: absolute; left: 0; bottom: 0; line-height: 35px; box-sizing: border-box; padding: 0 10px; font-size: 13px;}


.ui-pictrue{ width: 100%; height: auto; box-sizing: border-box; padding: 10px 15px; background-color: #fff; margin: 15px auto; border-radius: 8px;}
.ui-pictrue h4{ font-size: 16px; font-weight: normal; height: 48px; line-height: 48px; border-bottom: solid 1px #efefef; font-weight: bold; margin-bottom: 10px;}
.ui-pictrue h4 i{ width: 4px; height: 21px; background-color: #06f; display: inline-block; margin: 5px 3px 0 5px; position: relative; top: 5px; border-radius: 3px;}
.ui-pictrue h4 a{ float:right; font-size: 13px; color:rgb(179, 179, 179); margin-right: 5px;position: relative; top: 4px; font-weight: normal;}

.ui-pictrue dl{ width: 100%; height: 85px; border-bottom: dotted 1px #ddd; box-sizing: border-box; overflow: hidden; margin: 5px auto;}
.ui-pictrue dl dt{ width: 75px; height: 75px; overflow: hidden; float: left; border-radius: 5px; margin-right: 10px;}
.ui-pictrue dl dt img{ width: 75px; height: 75px;}
.ui-pictrue dl dd.ui-pictrue-hn{ height: 30px; line-height: 30px; overflow: hidden; font-size: 14px;text-overflow:ellipsis;white-space: nowrap;}
.ui-pictrue dl dd.ui-pictrue-hn a{ color: #333;}
.ui-pictrue dl dd.ui-pictrue-hn a:hover{ color: #f00; text-decoration: underline;}
.ui-pictrue dl dd.ui-pictrue-intro{ height: 45px; line-height: 22px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; color: #666;}

.ui-com-tips{ background-color: #ff9900; color: #fff; width: 100%; font-size: 14px; height: 50px; line-height: 50px; text-align: center; position: fixed; left: 0; top: 0; z-index: 9999; display: none;}