@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{ font-family:"PingFang SC", "Microsoft YaHei","Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,sans-serif;}



::-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:32px; height:32px;text-align:center; display:inline-block; line-height:32px; margin-right:4px;border:solid 1px #d9d9d9; border-radius:4px; background-color: #fff;}
.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:#20CAAC; color:#fff; border:solid 1px #20CAAC; }
.pagination li:hover a{ color: #fff;}

.ui-nodata{ width: 100%; height: auto; background-color: #fff; padding: 20px 40px;}
.ui-nodata p{ text-align: center; font-size: 14px; color: #666;}
.ui-nodata img{ display: block; margin: 10px auto;}

.ui-content{ width: 100%; 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;}
.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 #06f;}
.article-pager li:hover a{ color:#06f;}


.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: 1rem; width: 1rem; display:block; margin:3px auto;-webkit-filter: grayscale(1);filter:gray;filter: grayscale(1); vertical-align: middle;}
.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;}

.room-typename{ padding: 4px 6px; background-color: #e4fffa; color: #20caac; border-radius: 4px;font-size: 14px; position: relative; top: -2px; border-top-left-radius: 0; border: solid 1px #20caac;}

.room-img{ position: relative;}
.ui-hc{ position: absolute; z-index: 66; left: 0; bottom:0; background-color: #ff5a3c; color: #fff; padding: 2px 8px; border-radius: 4px; border-top-left-radius: 0; border-bottom-right-radius: 0;}

.room-tags{ margin-top: 8px;}
.room-tags span{ margin: 0 5px 5px 0; background-color: #f3f5f7; color: #888; padding: 4px 6px; border-radius: 4px;}

.ui-join{position: absolute; z-index: 66; right: 10px; top:10px; background-color: rgba(0,0,0,.5); color: #fff; padding: 4px 10px; border-radius: 4px; cursor: pointer;}