@charset "utf-8";
@import ;
@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: ; /* ie9*/
  src:  format('embedded-opentype'), /* ie6-ie8 */
   format('woff2'),
   format('woff'), /* chrome、firefox */
   format('truetype'), /* chrome、firefox、opera、safari, android, ios 4.2 */
   format('svg'); /* ios 4.1- */
}
* {
	box-sizing: border-box;
}

a,
address,
b,
big,
blockquote,
body,
center,
cite,
code,
dd,
del,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
label,
legend,
li,
ol,
p,
pre,
small,
span,
strong,
u,
ul,
var,
menu {
	margin: 0;
	padding: 0
}

body,
button,
input,
select,
textarea {
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-text-size-adjust: none;
}

a,
a:hover,
button,
input,
label,
select {
	cursor: pointer
}

textarea {
	resize: none
}

h1 {
	font-size: 2rem;
}

h2 {
	font-size: 1.75rem;
}

h3 {
	font-size: 1.25rem;
}

h4 {
	font-size: 1.125rem;
}

h5 {
	font-size: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 900;
}

ol,
ul {
	list-style: none
}

:focus {
	outline: 0
}

img {
	vertical-align: middle;
	border: 0;
}

table {
	border-collapse: collapse;
	empty-cells: show;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

em {
	font-style: normal;
}

p:empty {
	display: none;
}

button::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=file]>input[type=button]::-moz-focus-inner {
	border: none;
	padding: 0
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset;
}

input,
button {
	border: 0;
	outline: 0;
}

a,
a:visited {
	text-decoration: none;
	color: #333333;
}

a:hover,
a:active {
	color: #33a1fd;
	text-decoration: none;
	transition: all .15s linear;
}

.web-font{
    font-family:"webfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.bg-widget {
	background-color: #fafafa;
	padding: 0.75rem 0.95rem;
}

.p-b-m-n {
	display: block;
}

.p-n-m-b {
	display: none;
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.affix {
	position: fixed;
}

.mg-auto {
	margin: 0 auto;
}

.mg-top {
	margin-top: 0.937rem !important;
}

.mg-left {
	margin-left: 1.875rem !important;
}

.mg-right {
	margin-right: 1.875rem !important;
}

.pc-bottom,
.mg-bottom {
	margin-bottom: 1.562rem !important;
}

.padding {
	padding: 0.625rem;
}

code {
	font-family: "microsoft yahei";
}

.bgc-fafa {
	background-color: #fafafa;
	padding: 0.625rem 0.75rem;
}

figure {
	position: relative;
    overflow: hidden;
    margin: 0 auto;
}

/*文本超出省略...*/

.text-ellipsis {
	display: block;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.line-clamp-2,
.line-clamp-3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	vertical-align: middle;
	text-overflow: ellipsis;
}


/*文本限2行*/

.line-clamp-2 {
	-webkit-line-clamp: 2;
}

.line-clamp-3 {
	-webkit-line-clamp: 3;
}


/*文本超出截取*/

.text-intercept {
	display: block;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: clip;
	white-space: nowrap;
}


/*flex换行*/

.flex-wrap {
	flex-wrap: wrap !important;
}


/*局部遮罩层*/

.mask-layer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .3);
	color: white;
}


/*全屏遮罩层*/

.full-mask {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index:880;
}

.full-mask span {
	display:inline-block;
	margin-left: 50%;
	transform: translate(-50%,130%);
}

.full-mask span i {
	font-size: 2.6rem;
	color: white;
}


/*遮罩层关闭按钮*/

.mask-colse-btn {
	display: inline-block;
	position: absolute;
	right: 5vw;
	top: 6.5vh;
	line-height: 1.2;
	padding: 0.15rem 0.35rem;
	background-color: rgba(0, 0, 0, .35);
	border: solid 1.2px white;
	border-radius: 50%;
}

.mask-colse-btn i {
	font-size: 2.5rem;
	color: rgba(255, 255, 255, .9);
}

.mask-colse-btn i:hover {
	color: white;
	cursor: pointer;
}

/*浮层 内容区*/


/*垂直居中*/
.vertical-centering {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
}


/*等比例缩放*/

.dbl-inner {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	border-radius: 0.125rem;
}

.dbl-inner[style*="--aspect-ratio"] {
	padding-top: calc(100% / (var(--aspect-ratio)));
}

.dbl-inner>* {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dbl-inner img {
	background-size: cover;
}

.flex-column,
.flex-row {
	display: -webkit-flex;
	display: flex;
}

.flex-column>*,
.flex-row>* {
	overflow: hidden;
}

.flex-column {
	flex-flow: column nowrap;
	align-items: stretch;
}

.flex-row {
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}

img {
	display: block;
	width: 100%;
	min-height: 100%;
	background-size: cover;
	font-size: 85%;
	line-height: 1.3;
	color: #cccccc;
	border-radius: 0.22rem;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}

.img-sc {
	/*filter: brightness(.85);*/
	transition:all .35s;
}

.img-sc:hover {
	transform: scale(1.2);
	filter: brightness(1);
	/*-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);*/
	transform: matrix(1.05, 0, 0, 1.05, 0, 0);
}

.hood {
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
	background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .8));
	background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .8) 100%);
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8));
	/*background-color: rgba(0, 0, 0, .2);
	background: -webkit-gradient(linear, 0 15%, 0 100%, from(rgba(0, 0, 0, 0)), to(#484848));
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), #484848);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), #484848);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), #484848);*/
	padding: 0.40625rem 0.9375rem;
	transition: all .2s ease;
}

.hood a {
	color: white;
}

.hood a:hover {
	filter: brightness(1);
}


/*文字渐隐*/
.fade-text:before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 85%;
	height: 58%;
	right: 0;
	bottom: 3%;
	background: linear-gradient(to left, #ffffff 15%, rgba(255, 255, 255, 0));
}


/*清除浮动*/

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
	overflow: hidden;
}

.clearfix {
	zoom: 1;
}

html {
	font: 400 16px/2 'arial','microsoft yahei','微软雅黑','simhei','黑体';
	/*font-family: 'arial, helvetica, "微軟正黑體", geneva, "heiti tc", "新細明體", sans-serif';*/
	letter-spacing: 1px;
	scroll-behavior: smooth;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body {
	position: relative;
	font-size: 1rem;
	font-weight: normal;
	color: #2b2d30;
	background-color:#eff1f4;
	margin: 0 auto;
	/*z-index:0;*/
}

html,
body {
	height: 100%;
	position: relative;
}

.content {
	min-height: 100%;
}

.bz-wid {
	width:77.5rem;
}

.bz-wid {
	margin: 0 auto;
}

.full-add,
.full {
	width: 100%;
}

.add-wrap {
	margin: 0 auto;
}

.add-wrap {
	width: 100%;
	margin: 0 auto 1.25rem;
}

.full-add {
	position: relative;
}

.full-add:after {
	content: '广告';
	position: absolute;
	bottom: 3.5%;
	right: 1.5%;
	font-size: 65%;
	line-height: 1.2;
	color: white;
	padding: 0.09375rem 0.3125rem;
	background-color: rgba(0, 0, 0, .5);
	border-radius: 0.15rem;
}

/*底边阴影*/
.bottom-box-shadow {
	box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%), 0 2px 5px 0 rgb(0 0 0 / 12%);
}

.product-wrap {
	overflow: hidden;
}

.product-main {
	overflow-y:auto;
}

/*.product-main > div {
	align-items: stretch;
}*/

.product-main::-webkit-scrollbar {
	/*滚动条整体样式*/
    width:0.25rem; 
    height:0.2rem;
}

.product-main::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
    border-radius:0.625rem;
    -webkit-box-shadow: inset 0 0 5px rgba(51,161,253,.35);
    background:rgba(0,0,0,.5);
}

.product-main::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
    /*-webkit-box-shadow: inset 0 0 5px #fafafa;*/
    border-radius:0.625rem;
    /*background: #fafafa;*/
}

/*header*/
#webheader {
	background-color:white;	
	box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%), 0 2px 5px 0 rgb(0 0 0 / 12%);
}

.header-fixed {
	position: fixed;
	z-index:999;
	right: 0;
	left: 0;
	top: 0
}

.animated {
	-webkit-animation-duration: .5s;
	/*表示动画执行的时间*/
	-webkit-animation-fill-mode: both;
	/*规定动画在播放前和之后其动画效果是否可见*/
	animation-fill-mode: both
}

@-webkit-keyframes slidedown {
	/*表示匀速地执行动画*/
	0% {
		-webkit-transform: translatey(-100%);
	}
	100% {
		-webkit-transform: translatey(0);
	}
}

.animated.slidedown {
	-webkit-animation-name: slidedown;
	animation-name: slidedown;
}

@-webkit-keyframes slideup {
	0% {
		-webkit-transform: translatey(0);
	}
	100% {
		-webkit-transform: translatey(-100%);
	}
}

.animated.slideup {
	-webkit-animation-name: slideup;
	animation-name: slideup
}

#webheader .head-top {
	display: none;
	position: relative;
	margin: 0 auto;
	font-size: 0.812rem;
	color:#0f9ad7;
}

.head-main .logo {
	float: left;
	width:12.5rem;
	/*max-width: 7.812rem;*/
}

.head-main .logo-img {
	display: inline-block;
	width: 10.937rem;
	padding:6.5% 0 6.6%;
}

.site-menu {
	float:left;
	width:calc(100% - 14.15rem);
	margin: 0 0 0 1.6rem;
}

#nav {
	position: relative;
}

.nav-list > li {
	float: left;
}

.nav-list > li > a {
	display: inline-block;
	line-height:3.75;
	padding: 0 10px;
    margin: 0 10px;
}

.nav-list > li > a > span {
	display: inline-block;
}

li .iconzhankai2 {
    display: inline-block;
    transform: translate(-15% ,-3%);
    transition: all .5s;
}

.item-a:hover .iconzhankai2 {
	transform:rotate(180deg) translate(30%, -5%);
}

.nav-list .item-a .nav-cont {
    position: absolute;
    width: auto;
    max-height:100vh;
    overflow: hidden;
    overflow-y: scroll;
    display: none;
    background: white;
    border: 1px solid #e3e3e3;
    box-shadow: 0 0 1.5px 0 #efefef;
    border-radius: 0.1rem;
    font-size: 1rem;
    /*padding: 0.75rem 1.125rem 1rem;*/
    transform: translate(-15%, 0);
    z-index: 1;
}

.child-menu-cont {
	justify-content: flex-start;
	padding-bottom: 0.75rem;
}

.child-menu-cont > li {
	width:calc(25% - 24px);
	background-color:#fafafa;
	border: 1px solid #f3f3f3;
	border-radius: 0.218rem;
	align-self: stretch;
	margin:1rem 0 0.35rem 1.25rem;
	transition: all .1s;
}

.child-menu-cont > li a {
    height: 100%;
    box-sizing: border-box;
    padding:1rem 1.25rem;
    justify-content: flex-start;
}

.child-menu-cont > li a i {
	width: 20%;
	font-size:2rem;
	line-height: 1.2;
	color: #33a1fd;
	margin-right: 0.75rem;
}

.child-menu-cont > li a .nub-txt {
	flex: 1;
	/*width: calc(100% - 20% - 0.75rem);*/
}

.child-menu-cont > li a h3 {
	font-size:1.125rem;
	font-weight:400;
	line-height: 1.55;
	color: #333333;
}

.child-menu-cont > li a h5 {
	font-size:0.812rem;
	font-weight: 400;
	line-height: 1.5;
	color: #8d8d8d;
}

.child-menu-cont > li:hover {
	box-shadow: 0 8px 12px 0 hsl(207deg 98% 60% / 50%);
	background-color:#33a1fd;
	border-color:hsl(207deg 98% 60% / 50%);
}

.child-menu-cont > li:hover a {
	background-color:#33a1fd;
}

.child-menu-cont > li:hover a,
.child-menu-cont > li:hover i,
.child-menu-cont > li:hover h3,
.child-menu-cont > li:hover h5 {
	color: white;
}

.itopic > li a i {
	display: none;
}

.itopic > li a h3:before {
	content: "#";
	display: inline-block;
	font-size: 1.6rem;
	line-height: 1;
	transform: translatey(2px);
	margin-right: 0.312rem;
}

.nav-single-column {
	margin-left:2%;
}

.nav-single-column li {
	padding: 0.312rem 0.468rem;
	text-align: center;
}

.nav-single-column li:hover {
	background-color: #33a1fd;
}

.nav-single-column li:hover a {
	color: white;
}

.nav-list .more-btn {
	float: right;
	margin-left: 0.75rem;
}

.nav-list .more-btn:hover {
	cursor: pointer;
}

.nav-list .more-btn span {
    position: relative;
    display: inline-block;
    color: #373d41;
}

.nav-list .more-btn .icongengduosousuo {
    display: inline-block;
    font-size: 1.6rem;
    transform: translatey(10%);
}

.nav-list .more-btn:hover .icongengduosousuo {
	color: #0aabf1;
}

.nav-list .item-a .sub-column {
	padding-left: 0.937rem;
	padding-right: 0.937rem;
}

.nav-list .item-a .sub-column > li {
	float: left;
	width: auto;
}

.nav-list .item-a .sub-column > li a {
	line-height: 2.3;
	padding: 0 0.75rem;
}

.nav-list .item-a .sub-column > li a:hover {
	color: white;
	background-color: #33a1fd;
}

#moreli {
    overflow: hidden;
    height: auto;
    max-height:70vh;
    overflow-y: scroll;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding:2rem 1.65rem;
    /* border-radius: 0.1rem; */
    /* box-shadow: 0 0 1px 0 rgb(0 0 0 / 30%); */
    background-color: white;
    border: solid 1px rgba(0,0,0,.05);
    z-index: 1;
}

.more-li > .fl {
    float: left;
    width:65%;
}

#allmoermenu a {
	display: inline-block;
	text-align: center;
	line-height: 1.5;
	padding:0.312rem 0;
	transition: all .1s;
}

#allmoermenu a:hover {
	text-decoration: underline;
}

#allmoermenu > a {
	font-weight: 900;
}

#allmoermenu > a:not(:last-child) {
	margin-right: 1.25rem;
}

#allmoermenu .inde {
	display: block;
	width: 100%;
	text-align:left !important;
}

#allmoermenu .inde   ul {
	width: 100% !important;
    height: auto;
    margin-bottom: 0.75rem;
    display: block;
    position: relative;
    border: none;
    box-shadow: none;
    left: 15% !important;
}

#allmoermenu .inde   ul li {
	float: left;
	margin:0.25rem;
}

#allmoermenu .inde   ul li a {
	padding: 0 0.35rem;
}

.more-li > .fr {
    float: right;
    width: calc(35% - 1.5rem);
    padding-left: 1.5rem;
    margin-left: 1.5rem;
    border-left: dashed 1px #e3e3e3;
}

.expand-wrap .head {
	font-weight: 900;
	margin-bottom: 0.937rem;
}

.expand-content {
	align-items: flex-start;
}

.expand-content > .nub-wxh {
	margin-bottom: 0.75rem;
}

.expand-content > .nub-wxh > div {
	width: 100%;
}

.nub-wxh .wx-txt {
	text-align: center;
}

.nub-wxh .wx-txt p:first-child {
	font-weight: 900;
	line-height: 1.35;
	color:yellow;
	margin-bottom: 0.75rem;
	background-color: tomato;
	padding: 0.125rem 0.312rem;
	border-radius: 0.218rem;
}

.nub-wxh .wx-txt p:last-child {
	/*font-size:*/ 
	line-height: 1.35;
}

.ss-sobox {
	width: 90%;
    margin-bottom: 0.937rem;
}

.put-away {
	display: none;
}

.free-mod {
	float: right;
	width:8.5rem;
}


/*页头通栏导航 end*/

#so .mask-search {
	position: relative;
}

.search {
	width:100%;
}

#so .search {
	width: 100%;
	margin:3.5rem auto 0.25rem;
}

.search-bar {
	width: 100%;
	position: relative;
	justify-content: center;
}

.search-bar input[type="search"] {
	overflow: hidden;
	width: 100%;
	/*max-width: 27.187rem;*/
	font-size:1rem;
	background-color: white;
	border: solid thin #d9d9d9;
	border-radius:0.312rem;
	padding: 0.65rem 2.5rem 0.65rem 1rem;
	transition: all .1s;
}

#so .search-bar input[type="search"] {
	font-size: 1.125rem;
	border-width: 0.125rem;
}

.search-bar input[type="search"]:focus {
	/*width: 90%;*/
	border-color: #33a1fd;
	outline: 0;
	-webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, .075), 0 0 3px rgba(51, 161, 253, .6);
	box-shadow: inset 0 0px 1px rgba(0, 0, 0, .075), 0 0 3px rgba(51, 161, 253, .6);
}

.search-bar button {
	position: absolute;
	right: 0.5rem;
	background-color: transparent;
}

.search-bar button i {
	font-size: 1.5rem;
	padding: 0;
	color:#33a1fd;
}

#so .search-bar button i {
	color: #c6c6c6;
}

#so .search-bar button:hover i {
	color: #0f9ad7;
}

.search .close-so i {
	display: inline-block;
    font-size: 1.8rem;
    font-weight: 300;
    padding: 0 12px;
}

.head-bottom {
	padding-top: 0.937rem;
	/*margin-bottom: 1.25rem;*/
}

#home .head-bottom {
	background-color: white;
}

/*header end*/

/*layout*/
.layout-flex {
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: space-between;
}

.layout-flex > * {
	overflow: hidden;
}

.index-container {
	width: 100%;
  	background: url(/uploads/image/simg/bg_diamond.png) center no-repeat;
  	background-repeat: repeat;
  	padding:55px 0 100px 0;
  	/*margin-top: 55px;*/
  	margin-bottom: 1.875rem;
  	background-color:#33a1fd;
}

.index-container .bz-wid > * {
	margin: 0 auto;
}

.index-container h1 {
	width:65%;
	text-align: center;
	color: white;
	font-weight: 400;
}

.index-container h1 .web-font {
	display: inline-block;
	font-size:2.65rem;
}

.index-container .search {
	width:60%;
}

.index-container .search-bar button i {
	font-size: 1.85rem;
	font-weight: 900;
}

.index-container .tj-hot-tags {
	width:60%;
	margin-top: 1.2rem;
}

#mainfull {
	margin-bottom: 1.875rem;
}

#mainfull > #maincontainer {
	float: left;
}

#mainfull > #aside {
	float: right;
}

.main-container {
	width: calc(100% - 22.5rem - 30px);
}

.first {
	background-color: white;
}

.area-first {
	padding: 1.75rem 0 1.55rem;
	margin-bottom: 1.562rem;
}

.area-first .fl-right,
.aside-container {
	width:22.5rem;
}

.area-first .fl-left {
	flex: 1;
	margin-right: 1.875rem;
}

.area-first .fl-right {
	border-radius: 0.22rem;
	/*padding:0 1.25rem;*/
}

.main-container > *:not(:last-child) {
	margin-bottom: 1.25rem;
}

.aside-container > * {
	background-color: white;
	border-radius: 0.15rem;
	box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%);
	/*padding: 1.25rem 1.75rem;*/
}

.fl-right > *:not(:last-child),
.aside-container > *:not(:last-child) {
	margin-bottom: 1.25rem;
}

/*.fl-right > .widget,*/
.aside-container .widget {
	padding: 0.937rem 1.25rem;
}

/*layout end*/

/*模块-组件*/

.advsty-a {
	overflow: hidden;
}

#parent .first-content {
	background-color: white;
	padding: 0.937rem 1.25rem;
}

.firsttitle {
	margin-bottom: 0.55rem;
}

.toptitle {
	border-bottom: solid 1px #eaeaea;
	padding-bottom: 0.625rem;
	text-align: center;
    margin-bottom: 12px;
}

.toptitle h1 {
	font-size:2rem;
	line-height: 1.65;
	margin-bottom: 0.25rem;
}

.toptitle .summary {
	font-size: 0.875rem;
	color: #bebebe;
}

.is-c {
	justify-content: flex-start;
	margin: 0.75rem 0 0.95rem;
}

.is-c > a {
	border: solid 1px #eaeaea;
    background-color: #fafafa;
    border-radius: 0.218rem;
    color: #808080;
    text-align: center;
    line-height: 1.5;
    padding: 0 0.55rem;
    transition: all .1s;
}

.is-c > *:not(:last-child) {
    margin-right:1rem;
}

.is-c > a:hover {
	filter: brightness(.8);
}

.is-c > *:nth-child(-n 1) {
    border-color: greenyellow;
    background-color: rgba(173,255,47,.15);
}

.is-c > *:nth-child(2n 1) {
    border-color: skyblue;
    background-color: rgba(135,206,235,.15);
}

.is-c > *:nth-child(3n 1) {
    border-color: tomato;
    background-color: rgba(255,99,71,.15);
}

.module,
.mod-full,
.mod-nub {
	position: relative;
}

.slide-item {
	overflow: hidden;
	position: relative;
	border-radius: 0.25rem;
}

.slide-item .title {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	padding:0 0.343rem 0.25rem;
}

.slide-item a {
	color: white;
}

.all-cat .c-tab-box .tab {
    position: relative;
}

.c-tab-box .tab > li {
	position: relative;
	float: left;
	width:calc(100% / 4);
	font-size:1.125rem;
	font-weight:normal;
	text-align: center;
	letter-spacing: 0.125rem;
	padding: 0.343rem 0;
	border-top:solid 2px #dfdfdf;
	transition: all .1s;
}

.all-cat .c-tab-box .tab > li:hover,
.all-cat .c-tab-box .tab .activ {
	border-top-color:#409be7;
	background-color: white;
	color:#409be7;
	cursor: pointer;
}

.c-tab-box .tab > li:hover,
.c-tab-box .tab .activ {
	border-top-color:#409be7;
	border-top-width:2px;
	color:#409be7;
	cursor: pointer;
}

.c-tab-box .tab > li:hover {
	text-decoration: underline;
}

.c-tab-box .tab > li:hover b,
.c-tab-box .tab .activ b {
    position: absolute;
    display: inline-block;
    border: 6px solid transparent;
    border-top: 6px solid #409be7;
    top:1px;
    left:48%;
}

.c-tab-box .tab li span {
	font-size: 1rem;
	font-weight: 400;
    color:#e5e5e5;
    position:absolute;
    top:12%;
    right: -1.5%;
}

.all-cat-sty01 {
	padding: 0.937rem;
	background-color: white;
}

.all-cat-sty01 .c-tab-box .tab {
	background-color: #fafafa;
}

.all-cat-sty01 .c-tab-box .tab li span {
	display: none;
}

.all-cat-sty01 .c-tab-box .tab > li {
	width: auto;
	padding: 0.35rem 1.75rem;
	border: none;
	color: #333;
}

.all-cat-sty01 .c-tab-box .tab > li:hover,
.all-cat-sty01 .c-tab-box .tab .activ {
	background-color: #33a1fd;
	color: white;
}

.all-cat-sty01 .c-tab-box .tab > li:hover {
	text-decoration: none;
}

.all-cat-sty01 .c-tab-box .tab > li:hover b,
.all-cat-sty01 .c-tab-box .tab .activ b {
	border-top: 6px solid transparent;
}

.head-name {
	position: relative;
	border-top: 1px #e5e5e5 solid;
	background-color:#fafafa;
}

.widget .head-name {
	border-top:none;
	border-bottom:1px #e5e5e5 solid;
	background-color: transparent;
	margin-bottom:0.468rem;
}

.head-name h2 {
	display: inline-block;
	border-top:2.2px #d93a1d solid;
	font-size: 1.125rem;
	font-weight: 400;
	transform: translatey(-2px);
}

.widget .head-name h2 {
	border-top: none;
	border-bottom:2.2px #d93a1d solid;
	transform: translatey(0.5px);
	padding-right: 0.625rem;
}

.head-name h2 > * {
	padding: 0 0.55rem 0 0.3rem;
}

.head-name h2 i {
	font-size: 1.35rem;
    transform: translatey(6%);
    display: inline-block;
    line-height: 1;
}

.head-name h2 a:hover {
	color: #d93a1d;
}

.list .li {
	border: 1px solid transparent;
	transition: all .1s;
}

.list .li:hover {
	border-radius: 0.312rem;
	background-color: #fafafa;
	border-color:#e3e3e3;
}

.list .li:hover .title:before {
	display: none;
}

.article-group {
	background-color: white;
}

.parent-mod .head-name,
.article-group .head-name {
	padding: 0 0.937rem;
}

.parent-mod .head-name h2,
.article-group .head-name h2 {
	font-size:1.437rem;
	line-height: 2.5;
	transform: translatey(-1px);
	border-top-width: 0.2rem;
}

.aricle-list {
	padding:1.75rem 0 0.75rem;
}

.list-item-default {
	width: 100%;
	margin:0 1.5rem 1.2rem;
	padding-bottom: 1.2rem;
	border-bottom: solid 1px #e5e5e5;
}

.list-item-default:hover .item-thumb img,
.sd-li-item:hover .item-thumb img {
	transform: scale(1.2);
	filter: brightness(1);
}

.list-item-default .item-thumb {
	width:25%;
	max-width: 16.25rem;
	margin-right: 1.25rem;
	overflow: hidden;
}

.list-item-default .item-content {
	flex: 1;
	align-self: stretch;
	justify-content: flex-start;
}

.adv-item h3,
.list-item-default .item-content h3 {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.75;
	margin-bottom:5px;
}

.list-item-default .item-content h3 .category-name,
.sd-li-item .item-content h3 .category-name {
	color:#33a1fd;
}

.item-content h3 .category-name:hover {
	color:#d93a1d;
}

.adv-item h3 a:last-child:hover,
.list-item-default .item-content h3 a:last-child:hover {
	text-decoration: underline;
}

.list-item-default:hover h3 .category-name,
.sd-li-item:hover h3 .category-name {
	color: #d93a1d;
}

.list-item-default .item-content h3 .category-name:after,
.sd-li-item .item-content h3 .category-name:after {
    content: '|';
    color: #cccccc;
    font-weight: 300;
}

.list-item-default .item-content .description {
	display: none;
}

.adv-item .detail,
.list-item-default .item-content .description,
.list-item-default .item-content > *:last-child {
	font-size: 0.8rem;
	line-height: 1.5;
	color:#9d9d9d;
}

.list-item-default .item-content > *:last-child {
	margin-top:auto;
}

.list-item-notpic .item-content > *:last-child {
	margin-top: 0.75rem;
}

.list-item-notpic .item-content .description {
	display: block;
	text-indent: 2rem;
}

.list-item-default .title-bottom-oth {
	justify-content: flex-start;
}

.list-item-default .title-bottom-oth > *:not(:last-child):after {
	content: '|';
}

.list-item-default .title-bottom-oth > span:first-child {
	color: #d93a1d;
}

.list-item-default .title-bottom-oth a {
	color:green;
}

.list-item-default .title-bottom-oth a:hover {
	color:#626675;
}

.side-list > ul {
	padding-top: 0.75rem;
}

.side-list > ul li:last-child {
	margin-bottom:0.75rem;
	
}

.side-list > ul li {
	border-bottom: dotted 1px #e3e3e3;
}

.sd-li-item {
	/*margin-bottom:0.75rem;*/
	padding:0 0.35rem;
	border-radius: 0.187rem;
}

.sd-li-item:hover {
	background-color: #fafafa;
}

.sd-li-item .item-thumb {
	order: 2;
	width:calc(40% - 0.35rem);
	/*max-width: 6rem;*/
	/*margin-right:1.5rem;*/
}

.sd-li-item .item-thumb .dbl-inner img {
	border-radius: 0;
}

.sd-li-item .item-content {
	order: 1;
	width:60%;
	align-self: flex-start;
	padding: 0.35rem 0;
}

.sd-li-item .item-content h3 {
	overflow: hidden;
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 400;
}

.sd-li-item .item-content > span,
.sd-li-item .item-content time {
	display: inline-block;
	font-size: 0.812rem;
	color: #cccccc;
	margin-top: 0.312rem;
}

.sd-li-item .item-content > span .iconhuo {
	font-size: 1rem;
	color: #ff6347;
}

.all-cat-sty01 .aricle-list {
	padding-bottom: 0;
}

.all-cat-sty01 .tab-content .list-item-default {
	/*margin: 0.937rem 0;*/
	margin-left:0.312rem;
	margin-right: 0.312rem;
}

.page-wrap {
	justify-content: center;
	padding-bottom: 1.562rem;
}

.page-wrap > * {
	border: 1px solid #efefef;
	margin: 0 0.937rem;
	border-radius: 35px;
    padding: 0.2% 3.5% 0.3%;
    background-color: #fafafa;
}

.page-wrap > *:hover {
	border-color: #33a1fd;
	background-color:rgba(51,161,253,.05);
}

.add-pic-alone {
	display: inline-block;
	width:calc(100% - 2.5rem);
	border-radius: 0.187rem;
	margin:1.2rem 1.25rem 0.25rem;
	transition: all .1s; 
}

.add-pic-alone:hover .dbl-inner img {
	transform: scale(1.2);
	filter: brightness(.85);
}

.add-pic-alone .title {
	margin: 0.406rem 0 0.43rem;
	line-height: 1.35;
}

.add-pic-alone p {
	font-size: 0.812rem;
	color:#c6c6c6;
}

.add-pic-alone p span:last-child {
	color: #33a1fd;
}

.add-pic-alone:hover p span:last-child {
	color: #d93a1d;
}

.part-two > div a {
	display: block;
	padding: 0.95rem 1.15rem;
}

.part-two > div:first-child a {
	color: white;
	background-color: #33a1fd;
}

.part-two > div:first-child a:hover {
	background-color:#ef6461;
}

.part-two > div:hover,
.part-two > div *:hover  {
	color: white;
	background-color:#33b56a;
}

.part-two i {
	color: #d93a1d;
	margin-right: 0.468rem;
}

.part-two > div:first-child i {
	color: white;
}

.part-two a {
	line-height: 1.55;
}

.part-two a:hover i {
	/*color: #d93a1d;*/
	color: white;
}

.part-two .next {
	border-top: 1px solid #e5e5e5;
}

.topic-tag ul {
	justify-content: flex-start;
}

.topic-tag ul > li {
	display: inline-block;
	width: auto;
	line-height: 1.75;
	margin-top:0.5rem;
	margin-bottom: 0.5rem;
	margin-right: 0.75rem;
	border-radius: 0.218rem;
}

.topic-tag ul > li a {
	display: inline-block;
	padding: 0 0.625rem;
	transition: all .22s;
	border: solid 1px #e3e3e3;
}

.topic-tag ul > li a:hover {
	border-color: #33a1fd;
	background-color: #33a1fd;
	color: white;
}

.topic-tag ul > li a:before {
	content: '#';
	/*font-style: italic;*/
	font-size: 1.125rem;
	margin-right:0.218rem;
}

.area-first .fl-right .head-name {
	border-bottom: none;
}

.area-first .fl-right .head-name h2 {
	font-size: 1.25rem;
	font-weight: 900;
	color: #d93a1d;
	border-bottom: none;
}

.area-first .fl-right .topic-tag ul {
	font-size: 1.125rem;
	font-weight: 400;
}

.area-first .fl-right .topic-tag ul > li {
	margin-right: 1.75rem;
}

.topic-tag ul > li a {
	padding:0.2rem 0.85rem 0.17rem;
}

.adv-item {
	width: 100%;
}

.adv-item .img-container {
	overflow: hidden;
	margin: 0.625rem 0;
}

.adv-item .detail {
	justify-content: flex-start;
}

.adv-item .detail > * {
	display: inline-block;
	margin-right:0.75rem;
}

.adv-item .detail > *:first-child {
	border: solid 1px #d93a1d;
	border-radius: 0.22rem;
	padding: 0 0.25rem;
	color: #d93a1d;
}

.adv-item .detail > *:last-child {
	margin-left: auto;
}

.advsty-a .img-container > a {
	display: inline-block;
	/*width: calc(25% - 12px);*/
	width: calc(33.333% - 12px);
}

/*模块-组件 end*/

.first-isgood  {
	/*align-items: stretch;*/
}

.first-isgood > div {
	overflow: hidden;
}

.first-isgood .fl {
	width:36%;
}

.first-isgood .slide-item .title {
	display: none;
}

.first-isgood .fr {
	width:calc(64% - 20px);
	font-size: 1.125rem;
	font-weight: 400;
}

.first-isgood .first-list .li {
	width: 100%;
	line-height: 2.15;
}

.first-isgood .first-sty-a li:nth-child(3),
.first-isgood .first-sty-a li:nth-child(4),
.first-isgood .first-sty-a li:nth-child(6),
.first-isgood .first-sty-b li:nth-child(4),
.first-isgood .first-sty-b li:nth-child(5),
.first-isgood .first-sty-a li:nth-child(7) {
	width:calc(50% - 6px);
}

.first-isgood .first-sty-b li:nth-child(4) .category-a,
.first-isgood .first-sty-a li:nth-child(3) .category-a,
.first-isgood .first-sty-a li:nth-child(7) .category-a {
	display: none;
}

.li .category-a {
	width: auto;
	margin-right: 0.75rem;
}

.li .category-a > * {
	color: #999999;
}

.li .category-a > *:hover {
	color: #d93a1d;
}

.li .title {
	flex: 1;
}

.side-list-sty-a .li {
	width: 100%;
	padding:0.13rem 0.35rem;
}

.side-list-sty-a .title:before {
	content: "";
	display: inline-block;
	background: #cccccc;
	width:3.5px;
	height:3.5px;
	border-radius:3.5px;
	-moz-border-radius:3.5px;
	-o-border-radius:3.5px;
	-webkit-border-radius:3.5px;
	transform: translatey(-4px);
	margin-right: 0.218rem;
}

/*class*/
.site-breadcrumb {
	margin-bottom:1rem;
	font-size: 0.875rem;
}

.site-breadcrumb > a,
.site-breadcrumb > span {
	color: #999999;
}

.site-breadcrumb > a:hover {
	color: #33a1fd;
}

.site-breadcrumb > a:after {
	content: '>';
	color: #cccccc;
	margin: 0 0.218rem 0 0.35rem;
}

.class-container {
	margin-top: 1.25rem;
}

.class-wrapper {
	align-items:flex-start;
	margin-bottom:1.25rem;
}

.class-wrapper .fl {
	flex:2.8;
	margin-right: 0.75rem;
}

.class-first .slide-item .title {
	font-size:1.125rem;
	font-weight: 900;
	line-height: 1.5;
	padding:1.2rem 0.75rem;
}

.class-wrapper .fr {
	flex:3.25;
}

.class-wrapper .fr > .item:not(:last-child) {
	margin-bottom: 0.37rem;
}

.class-wrapper .fr > .item {
	width: 100%;
	background-color: white;
	border-radius: 0.2rem;
	transition: all .15s;
}

.class-wrapper .fr > .item:hover {
	background-color: #fafafa;
}

.class-wrapper .fr > .item:hover .dbl-inner img {
	transform: scale(1.2);
}

.class-wrapper .fr > .item .item-thumb {
	width:36.8%;
	padding: 0.468rem 0 0.468rem 0.468rem;
}

.class-wrapper .fr > .item .item-content {
	flex: 1;
	padding:0.468rem 0.468rem 0.468rem 0.75rem;
	align-self: stretch;
}

.class-wrapper .fr > .item .item-content span {
	display:block;
	font-size: 0.875rem;
	font-weight:400;
	color: #cccccc;
	margin-bottom: 0.35rem;
}

.class-wrapper .fr > .item .item-content span a {
	color: #cccccc;
}

.class-wrapper .fr > .item .item-content span a:hover {
	color: #d93a1d;
}

.class-wrapper .fr > .item .item-content h3 {
	overflow: hidden;
	font-size: 1.025rem;
	line-height: 1.5;
	font-weight:900;
}

.article-title h1 {
	font-size:1.85rem;
	text-align: justify;
    /* font-weight: 400; */
    padding: 1.5rem 0 0.35rem;
    line-height: 1.65;
}

.entry-site {
	font-size: 0.812rem;
	margin-bottom: 0.937rem;
	justify-content: flex-start;
}

.entry-site,
.entry-site a {
	color:#b6b6b6;
}

.entry-site > .views {
	margin-left: auto;
}

.txt-addsty-a {
	background-color: rgba(221,162,60,.1);
    border-radius: 4px;
    color:#0f9ad7;
    padding: 8px 15px;
    font-size: 14px;
    transition: all .2s;
}

.txt-addsty-a > *,
.txt-addsty-a > *:visited,
.txt-addsty-a > *:hover {
	display: inline-block;
	color:#d93a1d;
	line-height: 1.65;
}

.txt-addsty-a a {
	display: inline-block;
	border-bottom:dashed 1px #aeaeae;
}

.txt-addsty-a a:hover {
	border-bottom-style: solid;
}

.txt-addsty-a a:before {
	content: '>> 推荐：';
	color: #0aabf1;
}

.txt-addsty-a:hover {
	box-shadow:0 0 1px 0.5px rgba(221,162,60,.11);
	background-color: rgba(221,162,60,.12);
}

.breadcrumb li:after {
    content: " >";
    margin-right: 0.218rem;
}

.breadcrumb li:first-child:after,
.breadcrumb li:last-child:after {
	display: none;
}

.breadcrumb li a:hover {
	color:#33a1fd
}

#artentry {
	position: relative;
	background-color: white;
	padding:0.75rem 3.125rem 0.25rem;
	border-radius: 0.2rem;
}

#artentry .entry-site .category {
	position: absolute;
	left: 0;
	top: 0;
	color: white;
	padding:0.05rem 0.937rem;
	border-radius: 0.2rem;
	background-color: #33a1fd;
}

#artentry .entry-site .category > * {
	color: white;
}

.article-head-area {
	margin-bottom: 1.25rem;
	padding-top: 0.937rem;
}

#artentry > p {
	font-size:1.125rem;
	line-height: 1.9;
	margin: 0 auto 1.5rem;
	color: rgba(0,0,0,.85);
}

#artentry > h1,
#artentry > p h1,
#artentry > h2,
#artentry > p h2,
#artentry > h3,
#artentry > p h3 {
	font-size:1.25rem;
	font-weight: 900;
	margin-bottom:0.75rem;
}

#artentry > h4,
#artentry > p h4 {
	font-size:1.062rem;
	font-weight: 900;
	color: rgba(0,0,0,.8);
}

#artentry > strong {
	text-decoration: underline;
}

#artentry > p a {
	/*display: inline-block;*/
	color: #0aabf1;
}

#artentry > p a:hover {
	color:#d93a1d;
	border-bottom: dotted 1px #ff6347;
}

#artentry > p img {
	width: auto;
	max-width:100%;
	margin: 0 auto 1.75rem;
}

#artentry blockquote {
	margin: 0 auto 1.25rem;
	padding: 1.25rem;
	border-radius: 0.22rem;
	background-color: #fafafa;
}

#artentry blockquote h3 {
	font-size:1.125rem;
	line-height: 1.65;
	font-weight:900;
	margin-bottom: 0.35rem;
	color:#d93a1d;
}

#artentry blockquote p {
	overflow: hidden;
	font-size:0.875rem;
	line-height: 1.65;
	color:#9d9d9d;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    vertical-align: middle;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}

#artentry table {
	width:100%;
	color: #4d4d4d;
	margin: 0 auto 1rem;
	overflow-wrap: break-word;
	word-wrap: break-word;
	border-color: #cccccc;
	line-height: 1.8;
	background-color: #ffffff;
	background: url(/uploads/image/simg/bg-logo.png) center no-repeat;
	background-repeat: repeat;
	background-size:50% 60%;
    -webkit-background-size:50% 60%;
    -o-background-size:50% 60%;
	background-position:35% 50%; 
	border: solid 1px #e5e5e5;
	border-left: none;
}

#artentry table > * {
	background-color: rgba(255,255,255,.75);
}

#artentry table td {
	padding: 2px 0.312rem;
}

#artentry table td,
#artentry table th {
	padding: 0.343rem 0.468rem;
	border-left: solid 1px #e3e3e3;
}

#artentry table tr:hover {
	background-color: rgba(250, 250, 250, 0.65);
}

#artentry table tr:not(:last-child) {
	border-bottom: solid 1px #e3e3e3;
}

#artentry table td:hover {
	color: #33a1fd;
}

#artentry table tr:first-child {
	line-height:1.65;
	background-color:#ebebeb;
}

#artentry table tr:first-child:hover {
	background-color: #e3e3e3;
}

.end-here {
	border-top: 1px solid #e3e3e3;
	padding-top:1.25rem;
	margin-top:2.5rem;
	text-align: center;
}

.end-here > * {
	display: none;
}

.end-here .txt {
	font-size: 1.125rem;
	font-weight: 900;
	margin: 0 auto 0.75rem;
}

.end-here .sub-wx {
	width: 65%;
	align-items: flex-start;
	margin: 0 auto 1.85rem;
	color: #8d8d8d;
}

.end-here .sub-wx img {
	max-width:80%;
	margin: 0 auto;
}

.advtxt-area {
	margin-bottom: 1.25rem;
}

.advtxt-area > * {
	display:block;
	line-height:2;
	border-radius: 0.22rem;
	padding: 0 0.5rem;
	border: solid 1px transparent;
}

.advtxt-area > *:nth-last-child(-n 2) {
	margin-top:1rem;
}

.advtxt-area > * {
	width: calc(50% - 5px);
	background-color: rgba(51,161,253,.05);
 	color: rgba(51,161,253,.9);
	transition: all .2s;
}

.advtxt-area > *:hover {
	filter: brightness(.65);
	border-color:rgba(0,0,0,.03);
}

.advtxt-area > *:nth-child(2n 1) {
	background-color: rgba(51,181,106,.05);
	color:rgba(51,181,106,.9);
}

.advtxt-area > *:nth-child(4n 1) {
	background-color:rgba(239,100,97,.05);
	color:rgba(239,100,97,.9);
}

.advtxt-area > *:nth-child(3n 1) {
	background-color:rgba(243,75,45,.05);
	color:#d93a1d;
}

.advtxt-area > *:nth-child(5n 1) {
 	background-color: rgba(183,29,233,.05);
 	color: rgba(183,29,233,.9);
 }
 
 .adv-first-bottom {
 	background-color: white;
 	justify-content: flex-start;
 	padding: 0.35rem;
 	border-radius: 0.2rem;
 }
 
 .adv-first-bottom > * {
 	width: calc(33.333% - 12px);
 	margin: 0.35rem;
 }

#home .adv-first-bottom > * {
	width: calc(25% - 12px);
}

.promotion-area {
	border: 2px dashed #e3e3e3;
	border-radius: 0.3rem;
	padding:1.5rem;
	margin-bottom: 1.25rem;
}

.inside-bottom {
	border-radius: 0.22rem;
	border: solid 1px #33a1fd;
	padding:1rem 1.5rem;
	margin-bottom:0.937rem;
	margin-top: 1.25rem;
	background-color:#33a1fd;
	background-image: ;
	color: white;
	background-size: cover;
    background-position: center;
	transition: all .22s;
}

.inside-bottom .fl {
	width: 20%;
	max-width:5rem;
	margin-right:1.25rem;
}

.inside-bottom .fr {
	flex: 1;
}

.inside-bottom a {
	color: white;
}

.inside-bottom .fr h3 {
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.75;
}

.inside-bottom .fr p {
	font-size: 0.812rem;
	color:white;
}

.inside-bottom h3 b {
	position: relative;
	font-style: normal;
	border-radius: 0.2rem;
	background-color: white;
	color: #d93a1d;
	padding: 0.156rem 0.625rem 0.25rem;
	font-weight: 400;
}

.inside-bottom .subscribe {
	position: relative;
	display: inline-block;
	width:16%;
	/*max-width: 4.687rem;*/
	align-self: stretch;
	border-radius: 0.3rem;
	margin-left: 0.937rem;
}

.inside-bottom .subscribe a,
.inside-bottom .subscribe span {
	display: inline-block;
	color:#e5e5e5;
	position: absolute;
	top: 50%;
	right: 5%;
	transform: translatey(-50%);
}

.inside-bottom .subscribe a:hover {
	color: white;
}

.inside-bottom .subscribe i {
	font-size:2.85rem;
	font-weight: 400;
	line-height: 1;
}

.inside-bottom .subscribe span {
	font-size: 1.125rem;
	line-height: 1.25;
	color: #33a1fd;
	border-radius: 0.22rem;
	background-color:yellow;
	padding: 0.75rem;
	filter: brightness(.95);
}

.inside-bottom .subscribe span:hover {
	cursor: pointer;
	filter: brightness(1);
}

.entry-tags {
	justify-content: flex-start;
	margin: 1.25rem auto 0;
}

.entry-tags > * {
	background-color:#ffffff;
	text-align: center;
	line-height:2;
	padding: 0 0.75rem 0.05rem;
	border-radius: 0.25rem;
	/*margin-top: 1.25rem;*/
	margin-bottom: 1.25rem;
	transition: all .15s;
}

.entry-tags > *:not(:last-child) {
	margin-right:1.25rem;
}

.entry-tags > *:hover {
	color: white;
	background-color: #33a1fd;
}

.entry-bottom {
	padding: 0.312rem 0.937rem 1.125rem;
	margin-bottom: 1.25rem;
	background-color: white;
}

.entry-bottom .add-title {
  font-size: 1.35rem;
  font-weight: 900;
  margin-bottom: 0.468rem;
}

.entry-bottom .add-pic > div {
	overflow: hidden;
  width: calc(33.333% - 5px);
  border-radius: 0.312rem;
}

.article-related {
	border-radius: 0.2rem;
	background-color: white;
	margin-bottom: 1.25rem;
	padding: 0.75rem;
}

.article-related .head-name,
.article-related .head-name h2 {
	border-top: none;
	background-color: transparent;
}

.article-related .head-name h2 {
	font-size: 1.25rem;
	font-weight: 900;
	margin: 0 0.65rem;
}

.article-related .related-list {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items:stretch;
}

.article-related .sd-li-item {
	width:calc(50% - 5px);
	padding:0.25rem 0.7rem;
	margin-bottom: 0;
}

.article-related .sd-li-item:hover {
	background-color:#fafafa;
}

.article-related .sd-li-item .item-thumb {
	order:1;
	/*display: none;*/
	width: calc(40% - 1rem);
	margin-right:1rem;
  max-width:initial;
}

.article-related .sd-li-item .item-content {
	order:2;
	flex: 1;
	/*width:62%;*/
	align-self:center;
}

.article-related .sd-li-item .item-content h3 {
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.65;
}

#special .article-group .head-name h2,
#tags .article-group .head-name h2,
#searchresult .article-group .head-name h2 {
	font-size: 1.125rem;
	line-height: 3;
}

#special .article-group .head-name h2 i,
#tags .article-group .head-name h2 i,
#searchresult .article-group .head-name h2 i {
	font-size: 1.437rem;
}

#articlercommd {
	background-color: white;
}

#articlercommd .head-name h2 {
	font-size: 1.25rem;
	font-weight: 900;
	padding: 0 1.5rem;
}

/*label page*/
#tagspage .article-group {
	padding-bottom: 1.25rem;
}

.ci-list {
	/*justify-content: flex-start;*/
	font-size: 1.125rem;
	font-weight: 400;
	margin-top: 0.625rem;
	padding-left:0.85rem;
}

.index-container .ci-list {
	font-size: 1rem;
	margin-top: 0;
	padding-left: 0;
	justify-content: flex-start;
}

.ci-list .ci-item {
	width: auto;
	margin-top: 0.937rem;
	margin-right:1.25rem;
}

.index-container .ci-list .ci-item {
	margin-top: 0;
	/*margin-right:0;*/
}

.ci-list .ci-item a {
	position: relative;
	display: inline-block;
	padding: 0.15rem 0.75rem;
	line-height:2.35;
	/*border: 1px solid #e3e3e3;*/
	transition: all .23s;
}

.index-container .ci-list .ci-item a {
	color: white;
}

.ci-list .ci-item a:hover {
	border-color: #33a1fd;
	border-radius: 0.23rem;
	background-color: #33a1fd;
	color: white;
}

.index-container .ci-list .ci-item a:hover {
	border-color: transparent;
	background-color: transparent;
	text-decoration: underline;
}

.ci-list .ci-item:nth-child(4n 3) a:hover {
	border-color:#33b56a;
	background-color: #33b56a;
}


.ci-list .ci-item a:before {
	position: absolute;
	font-size:0.625rem;
	color:white;
	line-height: 1.25;
	padding:0 0.125rem;
	right:-3.5px;
	top:-3px;
	transform: scale(.65);
}

.ci-list .ci-item:nth-child(4n 3) a:before {
	content: 'new';
	background-color: #33b56a;
	
}

.ci-list .ci-item:nth-child(3n 4) a:hover {
	background-color:#ef6461;
	border-color: #ef6461;
}

.index-container .ci-list .ci-item:nth-child(4n 3) a:hover,
.index-container .ci-list .ci-item:nth-child(3n 4) a:hover {
	border-color:transparent;
	background-color:transparent;
}

.ci-list .ci-item:nth-child(3n 4) a:before {
	content: 'hot';
	background-color:#ef6461;
}

/*ztlist*/
#ztlist {
	
}

.ztlist-container {
	justify-content: flex-start;
}

.ztlist-container > div {
	width: calc(25% - 15px   3.75px);
	margin-bottom:1.562rem;
	margin-left:0.937rem;
}

.ztlist-container > div:first-child,
.ztlist-container > div:nth-child(5),
.ztlist-container > div:nth-child(9),
.ztlist-container > div:nth-child(13),
.ztlist-container > div:nth-child(17),
.ztlist-container > div:nth-child(21),
.ztlist-container > div:nth-child(25),
.ztlist-container > div:nth-child(29),
.ztlist-container > div:nth-child(33),
.ztlist-container > div:nth-child(37),
.ztlist-container > div:nth-child(41) {
	margin-left: 0;
}

.ztlist-container .zt-item {
	position: relative;
}

.ztlist-container .zt-item a {
	color: white;
}

.ztlist-container .zt-item .title {
	font-size: 1.125rem;
	font-weight: 400;
	padding: 0.125rem 0.937rem;
	background: rgba(0,0,0,.35);
}

.ztlist-container .zt-item a > i {
	position: absolute;
	top: 0;
	left:3%;
	font-size: 1.5rem;
	color:white;
}

.ztlist-container .zt-item:nth-child(3n 2) a > i {
	color: #ef6461;
}

.ztlist-container .zt-item:nth-child(2n 7) a > i {
	color: #33b56a;
}

.area-first .fl-right .ztlist-container,
.widget .ztlist-container {
	justify-content: space-between;
}

.area-first .fl-right .ztlist-container .zt-item,
.widget .ztlist-container .zt-item {
	width: calc(50% - 5px);
	margin-left: 0;
	margin-bottom:0.65rem;
}

.area-first .ztlist-container .zt-item .title,
.widget .ztlist-container .zt-item .title {
	font-size: 0.875rem;
    padding: 0 0.625rem;
    bottom:20%;
    text-align: center;
    margin: 0 15px;
    /*transform: translatey(50%);*/
}

.area-first .ztlist-container .zt-item:hover .title,
.widget .ztlist-container .zt-item:hover .title {
	font-size: 0.75rem;
	transform: scale(1.35);
	transform-origin: center center;
}

.ztlist-container .zt-item a > i {
	font-size: 1.125rem;
}

.area-first .ztlist-container .zt-item:nth-last-child(-n 2),
.widget .ztlist-container .zt-item:nth-last-child(-n 2) {
	margin-bottom: 0;
}

.parent-mod {
	background: white;
}

.parent-mod .head-name h2 {
	font-size:1.25rem;
	line-height: 2;
	font-weight: 900;
	border-top-color: #33a1fd;
}

.parent-mod .head-name h2 > * {
	padding: 0 0.35rem;
}

.mod-content {
	padding: 0.937rem;
}

.channel-mod-first {
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px dashed #efefef;
  transition: all .3s;
}

.channel-mod-first .show-img {
  width: calc(25% - 20px);
  margin-right: 1.25rem;
}

.channel-mod-first .title-cont {
  flex: 1;
  overflow: hidden;
  position: relative;
  line-height: 1.65;
  color: #666;
  justify-content: flex-start;
  align-self: stretch;
}

.channel-mod-first h3 {
  font-size: 1.45rem;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 0.75rem;
}

.channel-mod-first .miaoshu {
  /* display: none; */
  overflow: hidden;
  height: calc(0.8rem * 3.5);
  font-size: 0.8rem;
  text-indent: 2rem;
  color: #aeaeae;
}

.channel-mod-first .span-time {
  font-size: 0.812rem;
  margin-top: auto;
  color: #c6c6c6;
}

.title-alone-mod {
  width:100%;
  font-size: 1.125rem;
  /*font-weight: 300;*/
  /*margin-top: 1.25rem;*/
  align-self: flex-start;
}

.title-alone-mod ul li {
	width:calc(50% - 0.75rem);
	line-height: 2;
	border: solid 1px transparent;
}

.title-alone-mod ul li > a {
	flex: 1;
}

.title-alone-mod  ul li > a:before {
	content: '';
	display: inline-block;
	width: 0.25rem;
	height: 0.25rem;
	background-color:#c6c6c6;
	border-radius: 2.812rem;
	transform: translatey(-95%);
	margin-right: 0.312rem;
	margin-left: 0.35rem;
}

.title-alone-mod  ul li:hover {
	font-size:1.093rem;
	border-color:#e3e3e3;
	border-radius: 0.187rem;
	background-color: #fafafa;
	padding-left: 0.468rem;
}

.title-alone-mod  ul li:hover a {
	text-decoration: none;
}

.title-alone-mod  ul li .category-a a {
	color: #cccccc;
}

.title-alone-mod  ul li:hover .category-a a {
	color: #222c3c;
	
}

.title-alone-mod  ul li:hover .category-a a:hover {
	text-decoration: underline;
}

/*.title-alone-mod  ul li:hover > span,
.title-alone-mod  ul li:hover > a:before {
	display: none;
}*/

.title-alone-mod  ul li:hover time {
	display: none;
}

.title-alone-mod  ul li > time {
	width: auto;
	font-size: 0.812rem;
	color: #cccccc;
	margin-left: 0.937rem;
}

/*footer*/
#webfooter {
	font-size: 0.875rem;
	margin-top:3.125rem;
	background-color:#222c3c;
	color: #818394;
}

#webfooter > header {
	border-bottom: solid 1px #6c6c6c;
	padding:2rem 0 1rem;
}

#webfooter > header a {
	display: inline-block;
	/*padding: 0.025rem 0.406rem 0.125rem;
	border-radius:0.2rem;
	background-color: rgba(255,255,255,.8);
	margin-bottom:1rem;*/
	transition: all .3s;
}

#webfooter > header a:hover {
	color: #33a1fd;
	/*background-color: rgba(255,255,255,.9);*/
}

#webfooter > header a:before {
	content: '#';
	font-size: 1.125rem;
	margin-right:0.218rem;
}

#webfooter > section {
	/*background-color:#1d2431;*/
	padding:1.25rem 0;
}

.footer-bottom .info {
	width: 60%;
	line-height: 1.5;
}

.f-bottom-href {
	justify-content: flex-start;
	line-height: 2.2;
}

#webfooter  a {
	color: #818394;
}

#webfooter a:hover {
	color: #ffffff;
}

#webfooter > header > *:not(:last-child),
.f-bottom-href > *:not(:last-child) {
	margin-right: 1.25rem;
}

.footer-bottom .info > p {
	margin-bottom: 1.25rem;
}

.footer-bottom .show {
	width: calc(35% - 30px);
	justify-content:flex-end;
}

.footer-bottom .show > div {
	width: calc(50% - 20px);
	max-width:7.5rem;
	border-radius: 0.2rem;
	border: dashed 1px #707070;
	margin-left: 1.75rem;
	text-align: center;
	padding: 0.65rem 0.65rem 0.35rem;
}

.footer-bottom .show > div span {
	margin-top: 0.468rem;
}

/*返回顶部*/
#fubtnbox {
	position: fixed;
	right:2.5%;
	bottom: 20vh;
	z-index:880;
}

#fubtnbox > div {
	display: inline-block;
	background-color:white;
	transition: all .1s;
}

#fubtnbox > div:not(:last-child) {
	margin-bottom: 0.33rem;
}

#fubtnbox > b {
	display: inline-block;
	width:calc(100% - (0.468rem * 2));
	height: 0.062rem;
	border-bottom: solid 1px #d7d7d7;
	margin:0.15rem 0.45rem;
}

#fubtnbox i {
	display: inline-block;
	font-size:150%;
	font-weight: 300;
	line-height: 1.5;
	color: #33a1fd;
	padding: 0 0.5rem;
}

#fubtnbox > div:hover {
	cursor: pointer;
	border-color: #33a1fd;
	background-color: #33a1fd;
	box-shadow: 0 0 3.5px 1px #f0f0f0;
}

#fubtnbox > div:hover i {
	color: white;
}

#tipsframe {
	position:fixed;
	width: 220px;
	height:auto;
	background-color:rgba(0,0,0,.5);
	border-radius: 0.25rem;
	box-shadow: 0 0 0.35rem 0.15rem rgba(0,0,0,.05);
	top:40%;
	left:50%;
	transform: translate(-50%,-70%);
	padding:0.937rem 0.75rem;
	cursor: pointer;
}

#tipsframe > * {
	text-align: center;
}

#tipsframe .tips-txt {
	color:white;
}

#tipsframe .tips-close {
	display: inline-block;
	font-size:0.812rem;
	color: #ffffff;
	margin-left: 50%;
	transform: translatex(-55%);
}

#tipsframe .tips-close i {
	font-size: 1.75rem;
}

.float-widget-bar {
	border: solid salmon 1px;
	position: absolute;
	width: 300%;
    transform: translate(-100%,-30%);
}

.float-widget-bar img {
	max-width: 7.5rem;
	margin: 0 auto;
}

/*footer end*/