/*common*/
body{background: url('../img/bg.png');}
input[type="text"] {padding: 5px;font-size: 20px;border: 1px #ccc solid;}
select{border: 1px #ccc solid;}
textarea {width: 98%;padding: 1%;font-size: 30px;border: 1px #ccc solid;}
textarea:focus,input:focus,.btn {outline: none !important;}
.container{padding-top:20px;min-height: 600px;}
.clearfix{clear:both;}
.mt20{margin-top:20px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.pa10{padding:10px;}
.pa15{padding:15px;}
.pa20{padding:20px;}
.form-control:focus{outline:none;box-shadow:none}
::-webkit-scrollbar-track{background-color:#F5F5F5}
::-webkit-scrollbar{width:6px;background-color:#F5F5F5}
::-webkit-scrollbar-thumb{background-color:#999;}

/*index*/
.title{font-size:18px;color:#db4343;    clear: both;margin: 10px 0px;}
#gz{margin-top:15px;line-height: 50px;}
#output{padding: 20px;line-height: 40px;color:#f00;border-top:1px #eee solid;font-size: 30px;   word-wrap: break-word;}

/*api*/
#request-url{width:800px;}
#request-url:focus {outline: none !important;}

/*message*/
#model{width: 940px;}

/*index*/
.leftbar{width: 240px;box-shadow: initial;border-radius: initial;float: left;}
.rightbar{box-sizing: border-box;width: 860px;min-height: 800px;float: right;}
.more{font-size: 13px;float: right;}

.title{font-size:18px;color:#db4343;    clear: both;margin: 10px 0px;}
.common-box{margin-bottom: 10px;/* background: #ffffff96; *//* border: 1px solid #eaeaea; */width: 100%;}
.common-title{padding: 8px 16px 8px 16px;font-weight: bolder;border-bottom: 1px solid #eaeaea;/* background-color: #fbfbfb; */color: #666;font-size: 15px;}

/*.article-yl{margin-bottom: 10px;padding: 10px;background: #fff;text-indent: 2em;font-size:14px;}*/
/*.abox{margin-bottom: 15px;border: 1px solid #eaeaea;width: 420px;float: left;margin-right: 10px;height: 250px;}*/
/*.abox:nth-of-type(even){margin-right:0px;}*/
/*.aitem{padding: 5px 15px 25px 15px;color: #666;margin-bottom:7px;border-bottom: 1px #def dashed;height: 32px;line-height: 32px;overflow: hidden;}*/

/*top*/
.top {text-align: center;padding: 10px 0px;/* background: url('/static/img/bg_top.jpg') -215px -15px; */margin-bottom:10px;}
.topbig{vertical-align: top;line-height: 40px;font-size: 24px;font-weight: normal;font-family: 'Rosario', 'Monda', "PingFang SC", "Microsoft YaHei", sans-serif;}
.topbig img {border-radius: 70%;padding: 2px;border: 1px solid #eee;animation: cycle 1s 0.5s forwards;transition: border-radius 2s;  max-width: 90px;}
.topbig img:hover {border-radius: 0;border: 1px solid #eee;}

/* category */
.category{padding: 5px 20px;font-size: 14px;}
.category li{display: inline-block;margin: 5px 0px;border-bottom: 1px dashed #efefef;text-decoration: none;width: 100%;text-align: center;}
.category li a:hover{color: #222;border-bottom: none;}

/*left*/
.user img {border-radius: 70%;padding: 2px;border: 1px solid #eee;  animation: cycle 1s 0.5s forwards;  transition: border-radius 2s;  max-width: 100px;}
.user img:hover {border-radius: 0;  border: 1px solid #eee;}
.user h2 {margin-top: 10px;text-align: center;color: #222;font-weight: 600;font-size: 14px;}
.user p{margin-bottom: 25px;text-align: center;font-size: 13px;color: #999;}
.user .zcount{margin-top:15px;min-height: 60px;}
.user .zcount span{display: inline-block;padding: 0 16px;text-align: center;font-size: 13px;border-right: 1px #eee solid;}
.user .zcount span:last-child {border-right: none;}
.zcount{margin-top:15px;min-height: 60px;}
.zcount span{display: inline-block;padding: 0 16px;text-align: center;font-size: 13px;border-right: 1px #eee solid;}
.zcount span:last-child {border-right: none;}

/*ad*/
.adposition{padding: 20px;margin-top: 10px;height: 300px;font-size:26px;line-height: 300px;text-align: center;}

/*top card*/
.hot-card {margin-bottom: 10px;height: 250px}
.hot-card ul {height: 250px;padding: 0px;}
.hot-card li {float: left;position: relative;width: 247px;height: 120px;margin: 0px 0px 10px 10px;overflow: hidden;}
.hot-card li.hot-first {width: 346px;height: 250px;margin-left:0px;}
.hot-content {width: 100%;position: absolute;left: 0;bottom: 0}
.hot-content-wrap {position: relative;max-width: 100%;padding: 15px 10px 5px}
.hot-first .hot-content-wrap {padding: 50px 20px 20px}
.hot-label {position: absolute;left: 0;top: 0}
.hot-content-wrap:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: transparent;background: -webkit-linear-gradient(top,rgba(0,0,0,0) 2%,rgba(0,0,0,.9) 100%);background: -moz-linear-gradient(top,rgba(0,0,0,0) 2%,rgba(0,0,0,.9) 100%);background: -ms-linear-gradient(top,rgba(0,0,0,0) 2%,rgba(0,0,0,.9) 100%);background: -o-linear-gradient(top,rgba(0,0,0,0) 2%,rgba(0,0,0,.9) 100%);background: linear-gradient(to bottom,rgba(0,0,0,0) 2%,rgba(0,0,0,.9) 100%)}
.hot-content-wrap h3 {color: #fff;line-height: 16px;font-weight: 400;font-size: 13px;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap}
.hot-content-wrap .muted {font-size: 10px;color: #bbb;margin-left: 10px}
.hot-first .hot-content-wrap h3 {height: 25px;font-size: 20px}
.hot-content-wrap h3 a {color: #fff}
.hot-info {position: relative;z-index: 2}
.hot-item img {width: 272px;height: 116px;-webkit-transition: -webkit-transform .3s ease;-moz-transition: -moz-transform .3s ease;-ms-transition: -ms-transform .3s ease;transition: transform .3s ease}
.hot-first .hot-item img {width: 380px;height: 242px}
.hot-card li:hover .hot-item img {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2)}
.label {top: -1px;margin-right: 8px;padding: 2px 7px;color: #fff;}
.label-1 {background-color: #f44336}
.label-2 {background-color: #4caf50}
.label-3 {background-color: #ffc107}
.label-4 {background-color: #00bcd4}
.label-5 {background-color: #2196f3}
.label-6 {background-color: #e91e63}
.label-7 {background-color: #34495e}
.label-8 {background-color: #f4e3ab}

/*left category*/
.git_tags {padding: 12px 10px 15px 20px}
.git_tags a:nth-child(9n) {color: #FF4500;background-color: rgba(255,69,0,.15)}
.git_tags a:nth-child(9n+1) {color: #F1404B;background-color: rgba(249,100,90,.15)}
.git_tags a:nth-child(9n+2) {color: #39c408;background-color: rgba(58,196,8,.15)}
.git_tags a:nth-child(9n+3) {color: #ff8400;background-color: rgba(255,131,0,.15)}
.git_tags a:nth-child(9n+4) {color: #837adc;background-color: rgba(132,122,220,.15)}
.git_tags a:nth-child(9n+5) {color: #20a0ff;background-color: rgba(32,158,255,.15)}
.git_tags a:nth-child(9n+6) {color: #00a67c;background-color: rgba(0,166,124,.15)}
.git_tags a:nth-child(9n+7) {color: #b37333;background-color: rgba(179,115,51,.15)}
.git_tags a:nth-child(9n+8) {color: #4682B4;background-color: rgba(70,130,180,.15)}
.git_tags a {display: inline-block;margin: 0 5px 5px 0;padding: 2px 6px;background-color: #00a67c;color: #fff;font-size: 0.875rem;width: 100%;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.git_tags a:hover {box-shadow: 1px 1px 2px #ccc}

/*list*/
.list-title{padding: 10px 20px;font-size: 20px;border-bottom: 1px #e6e6e6 solid;}
.index-news-box{opacity: 1;display: block;transform: translateY(0px);min-height: 130px;padding: 20px;border-bottom: 1px #eaeaea solid;}
.index-news-box h1{font-size: 20px;word-break: break-word;font-weight: 400;}
.index-news-box h1 a {text-decoration: none;display: inline-block;position: relative;color: #333;border-bottom: none;line-height: 1.2;vertical-align: top;}
.index-news-box h1 a::before {  content: "";  position: absolute;  width: 100%;  height: 2px;  bottom: 0;  left: 0;  background-color: #000;  visibility: hidden;  -webkit-transform: scaleX(0);  -moz-transform: scaleX(0);  -ms-transform: scaleX(0);  -o-transform: scaleX(0);  transform: scaleX(0);  transition-duration: 0.2s;  transition-timing-function: ease-in-out;  transition-delay: 0s;}
.index-news-box h1 a:hover::before {  visibility: visible;  -webkit-transform: scaleX(1);  -moz-transform: scaleX(1);  -ms-transform: scaleX(1);  -o-transform: scaleX(1);  transform: scaleX(1);}
.index-news-thumb{padding: 20px;}
.index-news-left{float: left;max-width: 680px;}
.index-news-leftnopic{width: 100%;}
.index-news-right{max-width: 176px;padding: 4px;border: 1px #c1bdbd solid;float: right;}
.index-news-right img{max-height: 130px;}
.index-news-meta{height:20px;margin: 5px 0 10px 0;color: #999;font-size: 13px;text-align: center;}
.index-news-desc{max-height: 70px;overflow: hidden; font-size: 14px;line-height: 24px;}
.article-empty{margin-top:100px;text-align: center;line-height: 28px;}
.postauthor{background: url(/static/img/meta.png) no-repeat -9px -9px;padding-left:18px;margin-right:15px;float:left;}
.posttime{background: url(/static/img/meta.png) no-repeat -8px -118px;padding-left: 17px;float:left;margin-right:15px;}
.postviews{background: url(/static/img/meta.png) no-repeat -7px -37px;padding-left:22px;margin-right:15px;float:left;}
/*view*/
.article-title {margin: 20px 20px 0px 20px;padding-bottom:10px;border-bottom: 1px solid #e7e7eb;font-size: 24px;}
.article-meta {padding:20px;height:30px;font-size: 14px;}
.article-meta span{margin-right: 15px;}
.view-content{padding: 0px 20px;}
.view-content img{max-width: 720px;}
.view-content a {color: #4183c4;}
.view-item{padding: 10px 0 0 0;overflow: hidden;}
.view-item a {position: relative; line-height: 25px;font-size: 14px;color: #555;border-bottom: none;}
.view-pnbox{display: table;margin-top: 15px;margin-bottom: 10px;padding: 0 20px;border-top: 1px solid #eee;}
/*footer*/
.footerbar{position: relative;clear: both;padding: 6px 0px;text-align: center;color: #999;font-size:13px;background-color: #fff;border-top: 1px solid #eaeaea;}
.footerbar a{color:#999;}

/*words*/
.jsaitem{padding: 5px 15px;margin-bottom: 7px;border-bottom: 1px #def dashed;overflow: hidden;font-size: 14px;line-height: 24px;}
.jsaitem a{font-size:14px;}
.more2{display:block;padding:20px;text-align:center;margin:10px auto;}

/*lab*/
.lab{margin-bottom: 10px;}
.lab a{padding: 8px;margin-top:4px;}
.lab a:last-child{margin-bottom:4px;}

@media (max-width: 767px) {
	body{background: #fff;}
	.container{padding:10px;}
    .leftbar, .hot-card {
        display: none;
    }
    .rightbar{
    	width:100%;border:none !important;
    }
    .page-link{padding:0.5rem;}
    .view-content img{width: 100%;}
    .row{margin:0;}
    .words_top button{padding: 2px 5px;}
}