body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd {
	margin:0;
	padding:0;
}
div,ul,h1,h2,h3,h4,h5,h6 {
	box-sizing:border-box;
}
ul,ol,li {
	list-style:none;
}
img {
	max-width:100%;
}
a {
	color:#262626;
}
a:hover {
	color:#ff5c00;
	text-decoration: none;
}
button,input,textarea {
	letter-spacing:.5px;
	outline:none;
}
html,body {
	background:#fff;
}
body {
	font-size:20px;
	line-height:1.5;
	font-family:"Microsoft YaHei",Arial,sans-serif;
	letter-spacing:.1px;
	width:100%;
	overflow-x:hidden;
}
.header {     }
.navbar { padding: 0; background: #fff; }
.navbar dd { padding:0 0 0.5rem; font-size: 1rem; margin:0.5rem 1.5rem 0;display: inline-block;  }
.navbar dd a { }
.navbar dd a:hover {  }
.navbar .dropdown-menu { transition: all .4s ease; left:-100%; top: 120%; min-width: 10rem; border-top: 0.2rem solid #ff5c00 ; border-radius: 0; }
.navbar .dropdown-menu li a:hover { color:#ff5c00 ;  text-indent: 0.5em;  }
.navbar dt { margin: 0.5rem 1.5rem; }
.navbar dt a { background: #f5f5f5; border-radius: 1rem; font-size:1rem;color:#666; line-height: 1rem; padding:0.3rem 1rem; font-weight: normal;}
.navbar-toggler-icon { color: #ff5c00; }

.navbar dt form { position: relative;  color:#fff;  padding:0.3rem 0.5rem;  background: #f5f5f5;border-radius: 0.3rem; font-size:0.8rem;}
.navbar dt input { display: inline-block;width: 4rem; border: none;  background:#f5f5f5; }
.navbar dt button {position: absolute; right: 0; text-align: right ; display: inline-block; border: none; background: #f5f5f5; }


@media (max-width:1140px ) and (min-width:960px)  { 
.navbar dd { margin: 0.5rem 1rem 0; }
}

@media (max-width:767px  )   {
.navbar-collapse   {  background: #ff5c00; }
.navbar dd a { color: #fff; }
.navbar dd  { border-bottom: 0.05rem solid #fff ; }
.navbar .dropdown-menu { background: transparent; }
.navbar dd li a {border-bottom: 0.05rem solid #fff ;}
.dropdown-menu { border: none; }
.navbar dt button  { width: auto; }
}


.ad-banner  {}
.crumbs { font-size: 0.8rem; line-height: 1.2rem;height: 1.2rem;color: #c9c9c9;}
.crumbs a { color: #c9c9c9; }
.crumbs a:hover { color:#ff5c00; }

.art-header  { border-bottom: 0.05rem solid #f2f2f2;padding: 1rem 0; }
.art-header  h1 { font-size: 2rem; font-weight: bold; line-height: 3rem;margin: 0 0 1rem; }
.art-header  p { color: #888; line-height: 2rem; font-size: 0.9rem; }
.art-header  i { margin: 0 0 0 1rem; }

.art-header .readtime{ float: right; }
@media ( max-width:575px)  {
.readtime  { display: none; }	
}
.art-content { font-size: 1rem; }
.art-content  p{margin-bottom:1.5rem;max-width:100%;}
.art-content h2 {
	font-size:1.5rem;
	margin-bottom:0.5rem;
	font-weight: bold;
}
.art-content h3 {
	font-size:1.4rem;
	margin-bottom:0.5rem;
	font-weight: bold;
}

.art-content h4 {
	color:#333;
	font-size:1.3rem;
	line-height:1.5rem;
	margin-bottom:1.5rem;
	font-weight: bold;
}
.art-content h5 {
	font-weight: bold;
	font-size:1.2rem;
	margin-bottom:0.5rem;
}

.art-content ul {
	margin-bottom:1.5rem;
	margin-left:2.8em;
}
.art-content ul li {
	list-style:circle;
	margin-bottom:.5em
}
.art-content ol {
	list-style-type:decimal;
	margin:0 0 1.75em 3.1em;
	padding:0;
}
.art-content ol li {
	list-style-type:decimal;
}
.art-content .img-zoom {
	overflow:visible;
}
.art-content img {
	visibility:visible;
	opacity:1;
	transition:all .2s;
	height:auto!important;
	width:auto;
	transition:none;
	margin:0;
	max-width: 100%!important;

}
.art-content .aligncenter {
	margin:0 auto;
}
.art-content a {
	border-bottom:0.05rem solid #525252;
	word-break:break-all;
}
.art-content a:hover {
	border-bottom-color:transparent;
}

.art-content blockquote {
    margin: 0.5rem 0 0.5rem 0.5rem;
    padding: 0.5rem 0.5rem 0.5rem 0.75rem;
    padding-left: 15px;
    border-left: 0.15rem solid #f2f2f2;
    background-color:#fafafa;
	color:#888;
	position:relative;
}
.art-content blockquote::before {
	content:'';
	font-family:"fontello";
	font-style:normal;
	font-weight:normal;
	speak:none;
	text-decoration:inherit;
	font-size:1.7rem;
	color:#e7e7e7;
	width:1em;
	text-align:center;
	font-variant:normal;
	text-transform:none;
	display:block;
	position:absolute;
	left:0;
	top:0;
}

.shang-box {  }
.shang-close {}
.shang-title {}
.shang-qrcode {}
.shang-text {}


.archives {border-bottom: 0.05rem solid #f2f2f2; padding: 1rem;}
.archives h3 {width:30%;vertical-align: top; color: #ff6000; display: inline-block; font-size:1.2rem; line-height: 2rem;}
.archives ul {width:90%;display: inline-block; margin-left: 10%;}
.archives  li { position: relative; color: #888; list-style:disc; font-size: 1rem; line-height: 2rem; }
.archives li span {  margin-right: 5%;  }
.archives li p {  position: absolute; right: 0; top: 0; }

@media  (max-width:767px)    {
.archives li p {display: none;}
}

.art-tool { margin: 0 0 3rem; text-align: center; }
.art-tool i { font-size: 1.2rem; }
.art-zan {padding: 0.5rem 1rem; display: inline-block;background-image:linear-gradient(to right, #ff2a00, #ff8400) ; border-radius: 0.5rem;  }
a.art-zan   { color: #fff; font-size: 1rem; }
a.art-zan:hover { background-image:linear-gradient(to right, #ff8400,#ff2a00) ; }
.art-fav  { border:0.05rem solid #ff5c00; display: inline-block; padding:0.55rem 1rem; border-radius: 0.5rem; color: #ff5c00;margin: 0 1rem; }
a.art-fav  { color: #ff5c00;font-size: 1rem; }
a.art-fav:hover { background: #fff5ef;color: #ff5c00;    }

.art-tags {padding: 1rem 0 0; margin: 0 0 2rem;border-top:0.05rem solid #f3f3f3  }
.art-tags h4{  font-size: 1rem; line-height: 2rem; color: #888; margin: 0 0 1rem;  }
.art-tags ul { overflow: hidden;   }
.art-tags li { display: inline-block;  }
.art-tags li a {  background: #f7f7f7; color: #888; white-space: nowrap; border-radius: 0.1rem; padding: 0.25rem 0.5rem; font-size: 0.8rem; margin: 0 0.5rem 0 0; }
.art-tags li a:hover {  background:#ff5c00;color:#fff;}
.art-prenext { border:0.05rem solid #f3f3f3; }
.art-prenext li { font-weight: bold;  padding:2%; display: inline-block; width:46%;font-size: 1rem;}
.art-prenext li a { font-size: 1rem;  font-weight: normal; }
.art-relate {  }
.art-relate h3 { font-size: 1.1rem; font-weight: bold; margin: 0 0 1rem;  }
.relate-block { overflow: hidden; margin:0 0 1.5rem;padding: 0; }
.relate-thumb {border-radius: 0.4rem; display: inline-block; width: 35%; margin: 0; float:left;}
.relate-content {display: inline-block; width: 60%; float:right;}
.relate-content h4{ font-size: 1rem; line-height: 1.5rem; padding:0 0 0.5rem; }
.relate-content p {  font-size: 0.8rem; color: #888; }


.art-tab {   }
.art-tab li {  display:block; width: 25%; text-align: center;  }
.art-tab li a{ font-size: 1rem; color: #888; background: #f9f9f9;display:block; padding: 0.5rem 0;  }
.art-tab li a:hover,.art-tab li a.active { background:#ff5c00; color: #fff; }
.art-tab  .tab-content {  }
.art-tab  .tab-content li {  text-align: left; width: 100%; padding:1rem 0; border-bottom: dashed 0.05rem #f2f2f2; }
.art-tab  .tab-content li a {background: #fff;  padding: 0;   }
.art-tab  .tab-content li a:hover  {color:#ff5c00; }
.art-tab  .tab-content li h4 { margin: 0 0 0.3rem; font-size: 1.2rem; line-height:1.8rem;  }
.art-tab  .tab-content li h4  a{ color:#000; font-weight: bold; }
.art-tab  .tab-content li p{text-indent: 2em;  font-size: 0.9rem;line-height:1.5rem; color:#a7a7a7;}
@media ( max-width:575px )  {
.art-tab  .tab-content li p { display: none; }
}

.list-ztheader { margin: 2rem 0 2rem; position: relative; }
.list-ztheader i { display: inline-block;font-size: 1.8rem; }
.list-ztheader h1 { font-weight: bold; font-size: 1.8rem;display: inline-block; margin:0 0 0.8rem;}
.list-ztheader p { color: #888; font-size: 0.9rem; }
.list-ztheader span { text-align: center; position: absolute; right:0.3rem; top: 0; font-size: 1rem; color: #888; }
.list-ztheader span strong { color: #ff5c00; display:block;  font-size: 2.5rem; }

@media (max-width:575px) {
.list-ztheader span{   display: none;        }	
}


.zt-row { font-size:0.9rem;  background: #fff; border-radius: 0.2rem; padding: 2rem; }
.zt-row i { color: #ff5c00; }
.zt-row a { color: #888; }


.list-cat a {  line-height: 2rem;padding: 1rem 0; display: inline-block; font-size: 1rem; font-weight: bold; }
.list-cat a.active  { border-bottom: 0.2rem solid #ff5c00; color: #ff5c00; }

.list-header {  }
.list-header i { display: inline-block;font-size:1.8rem;  }
.list-header h1 { display: inline-block; font-size:1.8rem; line-height: 3rem;  font-weight: bold; }
.list-header span { display: inline-block; font-size:1rem; color:#888;}
.list-notice { background: #fcfcfc; font-size:0.9rem; line-height: 1rem;padding:1rem;}
.list-notice a {color:#9b9b9b;}
.list-notice a:hover {color:#ff5c00;}
.page-nav {  font-size: 0.9rem; }
.page-nav a {margin:0 0 0.5rem;display: inline-block; border:0.05rem solid #f3f3f3; background:#fff; text-align: center;  border-radius: 0.2rem; padding: 0.5rem 1rem; }
.page-nav a:hover { border: #ff5c00 solid 0.05rem; color: #ff5c00; background: #fffaf6;border-radius: 0.2rem;   }
.page-nav b{ background:#ff5c00; color: #fff; padding: 0.5rem 1rem;border-radius: 0.2rem; }
.page-nav a b { border: none; }



.tags-header { text-align: center; }
.tags-header h1 { font-size:1.8rem; font-weight: bold;margin:0 0 1.2rem;}
.tags-header p { color: #888; font-size: 0.9rem; }

.tags-lable { background:#fff;border-radius: 0.2rem; }
.tags-lable a { background: #fff; padding: 1rem;display: block; margin:1rem 0 0; }
.tags-lable a:hover { margin:0.8rem 0 0; }
.tags-lable h3{ font-weight: bold; font-size: 1rem; margin: 0 0 0.8rem; border-radius: 0.2rem; height: 1.3rem; overflow: hidden; }
.tags-lable p {font-size: 0.9rem;color:#888;}

.tags-letter { margin: 1rem 0 ; border-bottom:0.05rem solid #f3f3f3; padding: 0 0 2rem;   }
.tags-letter a {color: #888;  display: inline-block; margin: 0 0.2rem 0.2rem;  border:0.05rem solid #f3f3f3; border-radius: 0.2rem; padding:0 0.5rem; }
.tags-letter a:hover { border: 0.05rem solid #ff5c00;background: #fffaf6 ;color: #ff5c00;}
.tags-letter span { font-size: 0.9rem; color: #888; }

@media (max-width:576px) {
.tags-letter span { display: block; text-align: center; line-height: 2rem; }
}

.tags-block {display:block; margin-bottom: 2rem;  }
.tags-alphabet { font-size: 2rem; font-family:Arial,Impact,Georgia; font-weight: bold; color:#666; width:3rem; }
.tags-content{font-size: 1rem; padding:0.5rem 0.5rem 0 ;border-left:0.4rem solid #f9f9f9;  }
.tags-content a { color: #888; background: #f9f9f9; padding: 0.3rem 0.5rem; margin: 0 0.5rem 0.5rem; display: inline-block; border-radius: 0.2rem;      }
.tags-content a:hover {background: #ff5c00;    color: #fff; }
.tags-content a i {color:#ff5c00;   }
.tags-content a:hover i {color: #fff;}


.tags-item {transition: all .2s;  background: #fff; border:0.05rem solid #f3f3f3; padding: 1.2rem 0.8rem; margin: 0 0 2rem;display: block;  }
.tags-item:hover  { margin: -0.5rem 0 0;border:0.05rem solid #ff5c00; }
.tags-item h3{ height: 2.6rem; line-height: 1.3rem; overflow: hidden; font-size: 1.1rem; font-weight: bold;margin: 0 0 1rem; }
.tags-item p {  margin: 0 0 1rem;  }
.tags-item p img { border-radius: 0.4rem; }
.tags-item h5 {  font-size: 0.8rem; color: #bbb;  overflow: hidden;   }
.tags-item h5 a {color: #bbb;}
.tags-item h5 a:hover {color: #ff5c00;}
.tags-item .tagcat{   }
.tags-item .tagtime{ float: right;  }


.page-title { border-bottom: 0.05rem solid #f2f2f2; }
.page-title h1 { color:#333; font-size: 2rem; font-weight: bold; text-align: center; margin: 0 0 2rem; }
.page-siderbar { position: fixed; top: 12rem;  border: 0.05rem solid #f2f2f2; background: #fff;  z-index: 55;  }
.page-siderbar li {  text-align: center; border-bottom: 0.05rem solid #f2f2f2; padding:0.5rem 2rem; }
.page-siderbar li a { font-size: 1rem; }
.page-siderbar li.active { background: #fafafa; border-right: 0.2rem solid #ff5c00; }

@media (max-width:767px) {
.page-siderbar {display: none;}
}
.wrapper { background:#fff;    }
.bg-fc { background: #fcfcfc; }
.bg-fff { background: #fff; }
.slide { position: relative; }
.slide img {width:100%;}
.slide  .owl-dots { position: absolute; right:1rem; bottom:0; }
.slide  .owl-nav  {   }
.owl-nav button.owl-prev,.owl-nav button.owl-next  {width:2rem; height:2rem; border:2px solid;   font-size:1rem; line-height: 1rem; position: absolute; border-radius: 50%; transition: 
all .3s ease-out 0s; top:50%; left:0.5rem; margin-top:-1rem !important;}
.owl-nav button.owl-next {left:auto;right:0.5rem;}
.owl-nav button.owl-next:hover {  color: #fff; background: #ff5c00; }
.owl-dots .owl-dot span { color: #fff; }
.owl-theme .owl-nav [class*=owl-]:hover   { background: #000; }


.zt-thumb {margin:0 0 1rem;}
.zt-thumb img {}

.zt-share {color:#bbb; font-size:0.9rem;}
.zt-share dd { display: inline-block;}
.zt-share dd i { font-size: 1.5rem; border-radius: 100%; padding: 0.3rem; border: 0.05rem solid #bbb;color: #bbb; }
.zt-share dt {  display: inline-block; font-weight: normal; }
.zt-content {}
.zt-content h1 { font-size: 1.8rem; font-weight: bold; margin: 0 0 1rem; }
.zt-content h4{color:#888; padding: 0 0 1rem; font-size: 0.9rem;border-bottom: 0.05rem solid #f3f3f3; }
.zt-content h4 span { font-weight: bold; font-size: 1.4rem;color: #ff5c00; }
.zt-content p {color: #888; margin: 1rem 0; font-size: 0.9rem; line-height: 1.5rem; }

@media (max-width:575px) {
.zt-share {display: none;}
}

.dh-box {margin:0 0 1rem; border:0.05rem solid #f2f2f2;  box-sizing:border-box;box-shadow: 0.4rem 0.4rem 0.6rem #fafafa; padding:0.7rem 0.85rem 0;}
.dh-title { border-bottom:0.05rem solid #f2f2f2; margin: 0 0 0.5rem;padding: 0 0 0.5rem; }
.dh-title>i{ color: #ff5c00; display: inline-block;line-height: 1rem; font-size: 1rem; font-weight: bold;margin: 0 0.3rem 0 0; }
.dh-title h3{ color: #383838; display: inline-block;line-height: 1rem;font-size: 1rem; font-weight: bold;margin: 0 0.3rem 0 0;}
.dh-title span { color: #a7a7a7; display: inline-block; line-height: 1rem;font-size: 0.8rem; }
.dh-content {display: block; padding:0  0.5rem 1rem; overflow: hidden;}
.nav-lable {   }
.nav-lable a { font-size:0.8rem; background: #f9f9f9;padding: 0.3rem 0.5rem; border-radius: 0.1rem; color: #888; display: inline-block;  }
.nav-lable a:hover { background: #ff5c00;color: #fff; }
.nav-say {  }
.nav-say li {  font-size: 0.8rem; line-height: 1.3rem; }
.nav-say li a {color:#888;}
.nav-say li a:hover { color: #ff5c00; }
.nav-icon {  }
.nav-icon li { float:left; display: inline-block; width: 25%;padding: 0; margin: 0 ; }
.nav-icon li a  {  display: block; text-align: center;  }
.nav-icon li a i {  border-radius: 100%; background: #fff5f0; color: #ff5c00; font-size: 1.5rem; padding: 0.7rem;  }
.nav-icon li a:hover i { background: #ff5c00; color: #fff; }
.nav-icon li a span { display: block; color: #888;  font-size: 0.8rem; }
.nav-icon li a:hover span { color: #ff5c00; }

.article-menu { border-bottom: 0.05rem solid #f2f2f2; line-height: 3.3rem; height:3.3rem;  }
.article-menu h2 { color: #ff5c00; font-weight: bold; display: inline-block; font-size: 1.2rem; border-bottom: 0.3rem solid  #ff5c00; line-height: 2.5rem;}
.article-menu h2::after { content: ""; border-right:0.1rem solid  #f2f2f2; font-size: 0.3rem; padding:0 0 0 0.8rem;      }
.article-menu ul { display: inline-block;  }
.article-menu li { display: inline-block; padding: 0 0.6rem; }
.article-menu li a { font-size: 1.1rem; font-weight: bold;  }
.article-menu li a:hover { text-decoration: none; }

@media ( max-width: 575px)   {
.article-menu ul { display:none; }	
}


.listtitle {  background: #fafafa;  padding:1rem;   } 
.listtitle  h3{  font-size: 0.9rem;  color: #888;     }
.listtitle  h3 strong { color:#ff5c00;        }


.article-list {margin:2rem 0;}
.article-list .row{ padding:1rem 0; }
.article-list .row:hover{ background: #fafafa; border-radius: 0.25rem;  }

.article-title { padding:0 0 0.8rem;  }
.article-title h3 { font-size: 1.2rem; line-height:1.8rem; }
.article-block  {}
.article-block  h3{ font-size: 1.2rem; line-height: 1.5rem; margin:0.5rem 0; font-weight: bold; }
.article-block  p { color: #888; line-height: 1.4rem; font-size: 0.9rem;margin: 0 0 1rem; }
.article-block  h4 {color: #a7a7a7; line-height: 1.5rem; font-size: 0.8rem;}

.article-des  p {  color: #888; line-height: 1.6rem; font-size: 0.9rem;margin: 0 0 1rem;      }


.article-info    { text-align: right; }
.article-info h4  a { font-size: 1.0rem; color: #008000; }
.article-info  p  { font-size: 0.7rem; color: #888; }

@media (max-width:576px) {
.article-block  h3{   margin: 0;  font-size: 0.85rem;        }	
.article-block p {display: none;}
.article-list .row{ padding:0.6rem 0; border-bottom: 0.05rem dashed #f2f2f2; }
.list-cat a {display: none;}
.article-info { padding: 0; margin: 0;  text-align: left; color: #888; }
.article-info h4  { display: inline-block; padding: 0;margin: 0;  }
.article-info h4 a {  font-size: 0.8rem; }
.article-info  p { display: inline-block; max-height: ;  }
.article-des p{font-size:0.8rem;  height: 3.9rem; margin: 0;  line-height: 1.3rem; overflow: hidden;  }
.article-title h3  { font-size: 1.1rem; line-height: 1.5rem; }
}

.article-thumb  {overflow:hidden; border-radius: 0.3rem;}
.article-thumb img {width: 100%; transition: .3s; }
.article-thumb img:hover {transform:scale(1.1);}


.more-btn { line-height: 2.5rem; color: #fff; text-align: center; font-size: 1rem; background: #ff5c00; width: 100%; }
.more-btn a{ color: #fff; }
.more-btn a:hover { font-size: 1.1rem;color: #fff; }

.section-title { position: relative; height: 1.5rem; line-height: 1.5rem;margin:0 0 1.2rem; }
.section-title h2 { font-size: 1.2rem;  font-weight: bold;position: absolute; left: 0;width: auto; }
.section-title span { font-size: 0.8rem; float: right; color: #a7a7a7;position: absolute; right: 0; }
.section-title span a  {color: #a7a7a7;}
.section-line { border-top:0.05rem solid #f2f2f2; margin:0 0 1rem;}

.box-item {border:0.05rem solid #f2f2f2; border-top-color:transparent; border-radius:0.2rem;}
.box-item:hover {box-shadow:0 .125rem .25rem rgba(0,0,0,.075);}
.box-thumb  { margin: 0 0 1rem; }
.box-thumb img {}
.box-thumb img::after{content:''; display: block; height: 1rem; background-image: linear-gradient(to bottom, rgba(255,255,255,0.7) 0, #fff 100%);background-repeat: repeat-x; }
.box-content {}
.box-content h2 { font-size: 1.2rem; font-weight: bold;margin: 0.5rem 0; }
.box-content h2::before { content:''; width: 0.3rem; background: #ff5c00;display: inline-block; height: 1rem; margin: 0 0.5rem 0 0; }
.box-content p {font-size:0.9rem; line-height: 1.5rem; color:#888; margin:0 1rem 1rem;}
.box-content .btns { display: block; text-align: center; padding: 0 0 2rem; }
.box-content .btns .view-btn { font-size: 0.8rem;  border: 1px solid #eaeaea; padding:0.5rem 1rem;border-radius: 0.2rem; }
.box-content .btns .view-btn:hover { background: #ff5c00; color: #fff;border-color:#ff5c00;}


.card-list { }
.card-item {display: block; border-radius: 0.2rem;margin:0 0 1.5rem}
.card-item a {padding:2rem; background: #fafafa;display: block; border-radius: 0.2rem; position: relative; }
.card-item a:hover{ background: #ff5c00;color:#fff; }
.card-item a:hover i {color:#fff;}
.card-item a:hover p{color:#fff;}
.card-item a i{ color: #ff5c00; display: inline-block;  }
.card-item a h3 { font-size: 1rem; font-weight: bold;display: inline-block; }
.card-item a p { line-height: 1.5rem; color: #888; font-size: 0.9rem;display: inline-block; }

.tag-item { height: 1.4rem;line-height: 1.2rem; margin: 0 0 1.5rem; overflow: hidden;}
.tag-item a {   }
.tag-item a i { line-height:1.1rem;display: inline-block;  width:1.2rem; height:1.2rem; text-align: center;border:0.05rem solid #b4b4b4; font-size:0.7rem;font-style:normal; border-radius: 0.1rem;}
.tag-item a strong{ font-size: 0.9rem; display: inline-block; font-weight: normal;}
.tag-item a span {display: inline-block; color:#cacaca; font-size: 0.8rem; }
.tag-item a:hover i { border:0.05rem solid #ff5c00; color: #ff5c00; }

.rank-header {}
.rank-box  {    border-radius: 0.3rem;  border: 0.05rem solid #f3f3f3;  background: #fff; position: relative;  padding:1rem 0;}
.rank-box h2 {  font-size: 1.2rem; line-height: 1.5rem; display: inline-block; font-weight: bold; }
.rank-box h2::before{ content:''; width: 0.3rem; background: #ff5c00;display: inline-block; height: 1rem; margin: 0 0.5rem 0 0; }
.rank-box ul  {position: absolute; right: 1rem; top:1rem;}
.rank-box li { display: inline-block; }
.rank-box li a { font-size: 1rem; margin:0 0.5rem;  padding: 0.3rem 0;}
.rank-box li a.active { color: #ff5c00; border-bottom: 0.1rem solid #ff5c00; }
.rank-box  .tab-content {}
.rank-box  .tab-content ul { position: relative; margin: 1rem; right:0;top:0;}
.rank-box  .tab-content  li {height: 2.5rem; line-height: 2.5rem; display: block; border-bottom: solid 0.05rem #f2f2f2; overflow: hidden; }
.rank-box  .tab-content  li a { font-size: 1rem;  position: relative; padding: 0; }
.rank-box  .tab-content  li  span.onclick{ float: right;  color:#a7a7a7; font-size:0.8rem; line-height: 2.8rem; }
.rank-box  .tab-content  li  span.no{ border:0.05rem solid #b4b4b4; text-align: center; font-size: 0.7rem;  border-radius: 0.2rem;  color: #888; padding: 0.1rem 0.3rem; }
.tab-content li:nth-child(3) span.no,.tab-content li:nth-child(2) span.no, .tab-content li:nth-child(1) span.no { color: #fff; background: #ff5c00;border-color: #ff5c00;  }


.sitemap   {  }
.sitemap dl  {  margin: 0 0 0.3rem;    }
.sitemap dt  {  line-height: 2rem; font-size: 1.0rem; }
.sitemap dt a {  }
.sitemap dd { line-height: 2rem; font-size: 1.0rem;  }
.sitemap dd a {  margin: 0 0.5rem;  }



.widget {  margin:0 0 1.5rem;  box-sizing: border-box;  position: relative;}
.widget-tagslist {} 
.tag-card { background: #fafafa; margin: 0 0  1rem; } 
.tag-card:hover { background:#ff5c00; color: #fff;display: block; }
.tag-card:hover h3{color:#fff;}
.tag-card:hover h3 i{color:#fff;}
.tag-card:hover h3 p{color:#fff;}
.tag-card a {display: inline-block; padding:0.5rem; border-radius: 0.2rem;} 
.tag-card a h3{ font-size: 0.9rem; font-weight: bold;  line-height:1.8rem; height: 1.8rem; overflow: hidden;  } 
.tag-card a h3 i{ color: #ff5c00;margin: 0 0.3rem 0 0; } 
.tag-card a p{ font-size: 0.8rem; color: #cacaca; } 
.widget-newslist {} 
.widget-newslist li { font-size: 0.9rem; line-height: 2rem; margin: 0 0 1rem; } 
.widget-newslist li:hover a i{color:#ff5c00;} 
.widget-newslist li a { position: relative; padding: 0 0 0 3rem;display: block; line-height: 1.2rem; }



.widget-ad {overflow:hidden; position: relative; }
.widget-ad img {width: 100%; transition: .3s;border-radius: 0.3rem; }
.widget-ad img:hover {transform:scale(1.1);}
.widget-ad i { padding: 0.2rem; font-style: normal; z-index: 5; background: rgba(0,0,0,0.2); color:#fff; position: absolute; right: 0.5rem; bottom: 0.5rem;  font-size: 0.6rem; }


.widget-tags { font-size: 0.8rem;  }
.widget-tags a {border-radius: 0.2rem; margin: 0 0.5rem 0.5rem 0 ; display: inline-block; background:#f5f6f7; color: #555; padding:0.4rem  0.6rem;    }
.widget-tags a:hover { background: #ff5c00; color: #fff;  }

.num { font-style: normal; font-weight:bold;display: block; color:#dbdbdb; font-family:Arial,Impact,Georgia;font-size: 2rem;line-height: 2.8rem; position: absolute; left: 0; top: 0;  }
.widget-more { display: block; border-radius: 0.2rem;   text-align: center; width:100%;background: #fafafa;height:2rem;line-height:2rem; font-size:0.9rem;}
.widget-more:hover a {color:#fff;}
.widget-more:hover {display: block; background:#ff5c00; color: #fff;width:100%;  }


.widget-tabs   {}
.widget-tabs li { width: 33%;font-size: 1rem;text-align: center;  margin-bottom:-0.05rem;}
.widget-tabs li a {display: inline-block; padding:.2rem 1rem;color: #888;  }
.widget-tabs li a.active { border: 0.05rem solid #f2f2f2;border-top-left-radius: 0.3rem; border-top-right-radius:0.3rem; background: #fafafa; color: #000; font-weight: bold; } 
.widget .tab-content { padding: 0.5rem 0; }
.widget .tab-content li { font-size: 0.9rem; line-height: 2rem;height:2rem; white-space: nowrap;text-overflow:ellipsis; overflow: hidden; }
.widget .tab-content li a {   position: relative; padding:0 0 0 1.3rem; }  
.widget .tab-content li a span { border:0.05rem solid #b4b4b4; text-align: center; font-size: 0.7rem; display: block; width: 1rem; height: 1rem; border-radius: 0.2rem; line-height: 0.8rem; position: absolute; left: 0; color: #888; top: 0.2rem; }
.tab-content li:nth-child(3) .num ,.tab-content li:nth-child(2) .num, .widget .tab-content li:nth-child(1) .num { color: #fff; background: #ff5c00;border-color: #ff5c00; }




.widget-follow { position: fixed; top: 100px;z-index:250; }
.widget-catalog { border-radius: 0.3rem; background: #fff;  border:0.05rem solid #efefef; padding:1rem;  } 
.widget-catalog h2 { font-size: 1.2rem; font-weight: bold;margin: 0 0 1rem;  } 
.widget-catalog li { list-style: disc inside; font-size: 0.9rem; line-height: 1.8rem; }
.widget-catalog li a{  }

@media (max-width:767px) {
.widget-follow { position: relative; top: 0; display: none; }
.widget-catalog {display: none; }
.s-header { text-align: center; }
.s-words { text-align: center; }
.s-sider { display: none; }
}	

.s-box {  }
.s-box form { display: block; position: relative; width: 100%; }
.s-btn { height: 3rem; font-size:1rem; padding:0.2rem 1.5rem;border-radius: 0 0.3rem 0.3rem 0;  background: #ff5c00; color: #fff; position: absolute; right: 0 ;top: 0;  border: none; }
.s-input {border: 0.05rem solid #f2f2f2; line-height: 3rem; height: 3rem; font-size: 1rem; border-radius: 0.3rem;display: block; box-sizing: border-box; padding: 0.3rem  7rem 0.3rem 1rem; background: #f9f9f9; border: #f2f2f2;   width: 100%; }
.s-words { margin: 0.5rem 0; line-height: 2rem; height: 2rem; overflow: hidden; }
.s-words a { font-size: 0.9rem; line-height: 1.2rem;  margin: 0 0.5rem 0 0;   }

.p404 {  }
.p404 h1 {   }
.p404 {  }

.ad-block { background: #ecf1f5; }
.ad-img {}
.ad-info {}
.ad-info h3{ font-size: 1.3rem; font-weight: bold; line-height: 2.5rem; }
.ad-info h4{margin: 0.5rem 0; font-size: 1.1rem; line-height: 2.2rem; }
.ad-info ul {}
.ad-info li { display: inline-block; font-size: 0.9rem; }
.ad-btn { text-align: center; }
.ad-btn span{ font-size:1rem;margin:3rem 0 0; border-radius: 0.2rem;padding: 0.5rem; display: block; background:#ff5c00 ; color: #fff; }


.footer{ }
.f-main { background: #2a2a32; color: #949498; padding:2rem 0;}
.f-main a {color: #949498; }
.f-main a:hover { color: #fff; }
.fmain-intro {}
.fmain-intro h3 { font-size: 1.2rem; line-height: 2rem; color: #fff; margin: 0 0 0.5rem; }
.fmain-intro p {font-size: 0.9rem; line-height: 1.5rem;}
.fmain-intro h5 {font-size: 1rem; line-height: 2rem;}
.fmain-nav { margin: 0 0 0 3rem; }
.fmain-nav h3 {font-size: 1.2rem; line-height: 2rem; color: #fff; margin: 0 0 0.5rem;}
.fmain-nav ul {}
.fmain-nav li {font-size: 0.9rem; line-height: 1.5rem;}
.fmain-nav li a {}
.fmain-total {margin: 0 0 0 2.5rem;}
.fmain-total h3 {font-size: 1.2rem; line-height: 2rem; color: #fff; margin: 0 0 0.5rem;}
.fmain-total ul {}
.fmain-total li {font-size: 0.9rem;}
.fmain-total li i {color:#ff5c00; font-size: 1rem;  font-style:normal;margin:0 0.2rem 0 0;}
@media (max-width: 767px)   {
.fmain-total   { display: none;  }	
}    

 @media (max-width: 575px)   {
.fmain-nav , .f-link , .fbar-menu{ display: none; }
.fbar-copy { text-align: center; }
} 	
.f-link {background: #000; color: #949498; padding:0.5rem 0; }
.f-link h5 {font-size:0.8rem;display: inline;}
.f-link ul {display: inline;}
.f-link li { display: inline-block;font-size:0.8rem; margin: 0 1rem 0 0; }
.f-link li a {color:#4f4f4f; }
.f-link li a:hover {color: #676b6f;}
.f-bar {background:#25282a;color: #676b6f; height:2.5rem; line-height: 2.5rem; font-size:0.8rem;  }
.f-bar a {color:#676b6f;}
.f-bar a:hover {color:#acacac;}
.fbar-copy { text-align: left; }
.fbar-menu {text-align: right;}
.fbar-menu li {display: inline-block;}
.fbar-menu li a { margin: 0 1rem 0 0;  }

.fix-bar  { text-align: center; position: fixed;  z-index: 10; display: block;  bottom: 3rem; right:auto; left: 50%;transition: all .2s; margin-left: 580px; color: #999;   }
.fix-bar dd {background: #fff;  padding:0.5rem 1rem;border: 0.05rem solid #f2f2f2; }
.fix-bar dt  {background: #fff;  margin: 1rem 0 0; padding:0.5rem 1rem 1rem;border: 0.05rem solid #f2f2f2; }
.fix-bar dt span { display: block; font-size: 0.5rem; font-weight: normal; margin: -0.5rem 0 0; }
.fix-bar a { color: #888; }
.fix-bar a:hover i,.fix-bar a:hover span{ color: #ff5c00;  }