<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
*Description:   Theme CSS
*Author:    toyean
*Website:   http://www.toyean.com/
*Mail:      toyean@qq.com
*Version:   3.8(2021-07-27)
*/
::-webkit-scrollbar {
width:8px
}
::-webkit-scrollbar-thumb {
border-radius:3px;
background:rgba(0, 0, 0, 0.2)
}
::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0, 0, 0, 0.1)
}
::-webkit-scrollbar-thumb:vertical:hover {
background-color:rgba(0, 0, 0, 0.3)
}
::-webkit-scrollbar-thumb:vertical:active {
background-color:rgba(0, 0, 0, 0.5)
}
a, img, button, input, textarea {
	-webkit-tap-highlight-color:rgba(255, 255, 255, 0)
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	font-size:100%;
	border:0;
	vertical-align:baseline
}
article, aside, dialog, footer, header, section, footer, nav, figure, menu {
	display:block
}
body {
	font-size:14px;
	color:#666;
	font-family:arial, verdana, "microsoft yahei"
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal
}
a {
	color:#ef5b00;
	text-decoration:none;
-webkit-transition:background-color .15s linear, color .15s linear;
-moz-transition:background-color .15s linear, color .15s linear;
-o-transition:background-color .15s linear, color .15s linear;
-ms-transition:background-color .15s linear, color .15s linear;
transition:background-color .15s linear, color .15s linear
}
a:hover {
	color:#ef5b00;
	text-decoration:none
}
i {
	font-style:normal
}
ul, ol {
	list-style-type:none
}
img {
	max-width:100%;
	height:auto;
	width:auto\9;
	border:0;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
-webkit-transition:-webkit-transform .3s ease 0s;
transition:transform .3s ease 0s
}
input, textarea {
	font-size:14px;
	font-family:arial, verdana, "microsoft yahei";
	outline:0
}
.wrapper .focus {
	border:1px solid #ef5b00
}
@font-face {
font-family:'iconfont';
src:url('../fonts/iconfont.eot');
src:url('../fonts/iconfont.eot') format('embedded-opentype'), url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg') format('svg');
font-weight:normal;
font-style:normal
}
.hide {
	display:none !important
}
.zoom {
	display:inline-block;
	vertical-align:top
}
.nowrap {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.wrapper {
	width:100%;
	min-width:1000px;
	background:#fff;
	overflow:hidden
}
.wrap {
	width:1000px;
	min-width:1000px;
	margin:0 auto;
	zoom:1;
*zoom:1
}
.wrap:after {
	content:"";
	display:block;
	clear:both
}
.wrap .mask {
	width:100%;
	height:100%;
	background:transparent;
	position:absolute;
	left:0;
	top:0;
	z-index:-1
}
.header {
	width:100%;
	height:100px;
	position:fixed;
	z-index:100
}
.header.static {
	height:60px;
	position:static
}
.header .wrap {
	overflow:visible
}
.headbg, .define {
	height:60px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.1);
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.1);
	background:rgba(255, 255, 255, 0.9);
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
	background:#fff
}
.headbg .logo, .define .logo {
	height:60px
}
.headbg .logo a, .define .logo a {
	height:60px
}
.headbg .logo a img, .define .logo a img {
	height:40px
}
.headbg .logo a img:first-child, .define .logo a img:first-child {
	display:none
}
.headbg .logo a img:last-child, .define .logo a img:last-child {
	display:block
}
.headbg .menu, .define .menu {
	margin-top:0
}
.headbg .menu li, .define .menu li {
	line-height:60px
}
.headbg .menu li, .define .menu li {
	color:#333; font-size:16px;
}
.headbg .menu li :before, .define .menu li :before {
	content:"";
	bottom:0;
	background:#ef5b00
}
.headbg .search, .define .search {
	margin:13px 0 0 12px;
	border:1px solid #e8e8e8;
	background:#fff
}
.headbg .search .text, .define .search .text {
	color:#666
}
.headbg .search .text:focus, .define .search .text:focus {
	color:#666
}
.headbg .search .text::-webkit-input-placeholder, .define .search .text::-webkit-input-placeholder {
color:#666
}
.headbg .search .text::-moz-placeholder, .define .search .text::-moz-placeholder {
color:#666
}
.headbg .search .text:-ms-input-placeholder, .define .search .text:-ms-input-placeholder {
color:#666
}
.headbg .search .btn:after, .define .search .btn:after {
	color:#666
}
.static .logo {
	margin-top:10px
}
.static .logo a {
	display:block
}
.static .menu {
	margin-top:0
}
.static .menu li {
	line-height:60px
}
.static .menu li a {
	color:#333
}
.static .menu li a:before {
	content:"";
	bottom:0;
	background:#ef5b00
}
.static .search {
	margin:13px 0 0 12px;
	border:1px solid #e8e8e8;
	background:#fff
}
.static .search .text {
	color:#666
}
.static .search .text:focus {
	color:#666
}
.static .search .text::-webkit-input-placeholder {
color:#666
}
.static .search .text::-moz-placeholder {
color:#666
}
.static .search .text:-ms-input-placeholder {
color:#666
}
.static .search .btn:after {
	color:#666
}
.logo {
	height:100px;
	float:left;
	display:inline;
	overflow:hidden;
	position:relative;
	z-index:99;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s
}
.logo {
	width:20%;
	height:100px;
	display:table-cell;
	vertical-align:middle;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s
}
.logo img {
	height:45px;
	vertical-align:middle;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s
}
.logo img:first-child {
	display:block
}
.logo img:last-child {
	display:none
}
.menu {
	float:right;
	display:inline;
	margin-top:20px;
	line-height:60px;
	position:relative;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s
}
.menu ul {
	zoom:1
}
.menu ul:after {
	content:"";
	display:block;
	clear:both
}
.menu ul.nosch {
	padding:0
}
.menu li {
	float:left;
	display:inline;
	margin:0 30px 0 0;
	position:relative
}
.menu li a {
	font-size:16px;
	color:#fff;
	position:relative;
	display:inline-block
}
.menu li a:hover {
	color:#ef5b00
}
.menu li::before {
content:"";
width:0;
height:3px;
border-radius:3px 3px 0 0;
opacity:.1;
background:#ef5b00;
position:absolute;
left:50%;
bottom:0;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-o-transition:all .2s;
transition:all .2s
}
.menu li:hover::before, .menu li.on::before {
width:32px;
margin-left:-16px;
opacity:1
}
.menu li:hover , .menu li.on {
	color:#ef5b00
}
.menu li .subnav {
	min-width:200px;
	padding:10px;
	line-height:40px;
	border-top:1px solid #ef5b00;
	box-shadow:0 2px 2px 0 #ddd;
	background:#fff;
	position:absolute;
	top:60px;
	left:-20px;
	z-index:99;
	display:none;
-webkit-animation:fadeInUp .1s 0s ease both;
-moz-animation:fadeInUp .1s 0s ease both
}
.menu li .subnav a {
	padding:0 20px;
	font-size:14px;
	border-bottom:1px solid #f5f5f5;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:block
}
.menu li .subnav a::after {
content:"\e6a6";
font-size:16px;
color:#ccc;
font-family:iconfont;
font-weight:600;
position:absolute;
top:0;
right:18px;
vertical-align:top;
-moz-transition:opacity .5s;
-o-transition:opacity .5s;
-webkit-transition:opacity .5s;
transition:opacity .5s
}
.menu li .subnav a:hover::after {
color:#ef5b00
}
.menu li .subnav a.on {
	color:#ef5b00
}
.menu li .subnav a.on::after {
opacity:1
}
.menu li .subnav a:last-child {
	border:0
}
.menu li .subnav::before {
content:"";
width:0;
height:0;
margin:-21px 0 0 0;
border:10px solid transparent;
border-bottom-color:#ef5b00;
position:absolute;
top:0;
left:26px;
z-index:3
}
.menu li .subnav::after {
content:"";
width:0;
height:0;
margin:-20px 0 0 0;
border:10px solid transparent;
border-bottom-color:#fff;
position:absolute;
top:0;
left:26px;
z-index:3
}
.menu li.subcate:hover a {
	color:#ef5b00
}
.menu li.subcate:hover::before {
display:none
}
.menu li.subcate:hover .subnav {
	display:block
}
.menu li.subcate:hover .subnav a {
	color:#666
}
.menu li.subcate:hover .subnav a:hover {
	color:#ef5b00
}
.menu li.subcate:hover .subnav a.on {
	color:#ef5b00
}
.menu li.subcate:hover .subnav a.on::after {
color:#ef5b00
}
.menu li.subcate .subnav a {
	color:#666
}
.menu.on {
	width:100%;
	float:left;
	display:inline;
	margin:0 -20px;
	padding:10px 20px 0;
	border-top:1px solid #e0e0e0;
	background:#fff;
	position:absolute;
	top:50px;
	z-index:9;
	display:block
}
.menu.on li {
	width:100%;
	float:none;
	line-height:40px;
	border-bottom:1px dotted #e0e0e0;
	display:block
}
.menu.on li a {
	display:block
}
.menuico {
	width:38px;
	height:38px;
	float:right;
	border-radius:2px;
	cursor:pointer;
	position:relative;
	z-index:10;
	top:6px;
	display:none;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
transition:all .2s ease-in
}
.menuico span {
	width:21px;
	height:2px;
	background-color:#ef5b00;
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	-webkit-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
-webkit-transition:all .1s ease-in;
-moz-transition:all .1s ease-in;
-o-transition:all .1s ease-in;
transition:all .1s ease-in
}
.menuico span:first-child {
	margin-top:-6px
}
.menuico span:last-child {
	margin-top:6px
}
.menuico.on span:first-child {
	width:20px;
	margin-top:-8px;
	margin-left:-7px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg)
}
.menuico.on span:nth-child(2) {
opacity:0;
width:2px;
left:20px;
-moz-transition-delay:0s;
-o-transition-delay:0s;
-webkit-transition-delay:0s;
transition-delay:0s;
-webkit-transition:all .1s ease-in;
-moz-transition:all .1s ease-in;
-o-transition:all .1s ease-in;
transition:all .1s ease-in
}
.menuico.on span {
	background-color:#666;
	-webkit-transform-origin:0;
	-moz-transform-origin:0;
	transform-origin:0
}
.menuico.on span:last-child {
	width:20px;
	margin-top:6px;
	margin-left:-7px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.search {
	float:right;
	display:inline;
	margin:32px 0 0 12px;
	border:1px solid #fff;
	border-radius:20px;
	overflow:hidden;
	position:relative;
	display:inline-block;
	vertical-align:top;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s
}
.search .text {
	width:100px;
	height:33px;
	padding:0 3px;
	float:left;
	font-size:14px;
	color:#fff;
	line-height:33px;
	text-indent:10px;
	border:0;
	border-radius:20px;
	outline:0;
	background:transparent;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s
}
.search .text:focus {
	color:#666
}
.search .text::-webkit-input-placeholder {
color:#fff
}
.search .text::-moz-placeholder {
color:#fff
}
.search .text:-ms-input-placeholder {
color:#fff
}
.search .on {
	border:1px solid #ef5b00;
	border-right:0
}
.search .btn {
	width:30px;
	height:33px;
	float:left;
	margin:0 5px 0 0;
	border:0;
	outline:0;
	cursor:pointer;
	background:transparent
}
.search .btn:after {
	content:"\e613";
	font-size:17px;
	color:#fff;
	font-family:iconfont
}
.search .btn.active:after {
	color:#666
}
.search.on {
	border:1px solid #ef5b00;
	background:#fff
}
.fademask.on {
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.5);
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:20
}
.sch-m {
	line-height:0;
	position:relative;
	display:none
}
.sch-m input {
	width:100%;
	height:50px;
	padding:0 18px;
	font-size:18px;
	color:#666;
	line-height:50px;
	border:0;
	outline:0;
	border-bottom:2px solid #ef5b00;
	border-radius:3px;
	box-sizing:border-box;
	background:transparent
}
.sch-m input:focus {
	color:#ef5b00;
	border:0;
	border-bottom:2px solid #ef5b00;
	outline:0
}
.sch-m button {
	width:30px;
	height:30px;
	padding:0;
	border:0;
	outline:0;
	cursor:pointer;
	background:transparent;
	position:absolute;
	bottom:10px;
	right:10px
}
.sch-m button::after {
content:"\e6e1";
font-size:30px;
color:#ef5b00;
font-family:iconfont;
font-weight:600;
display:inline-block;
vertical-align:top
}
.schwords {
	color:#ef5b00
}
.searchnull {
	padding:20% 0;
	color:#888;
	text-align:center;
	background:#fff
}
.searchnull::before {
content:"\e869";
margin-bottom:10px;
font-size:100px;
color:#e0e0e0;
font-family:iconfont;
display:block
}
.searchnull a {
	border-bottom:1px solid #ef5b00
}
.menuico {
	float:right;
	display:inline;
	margin-right:20px;
	cursor:pointer;
	position:relative;
	z-index:10;
	top:11px;
	display:none;
	width:38px;
	height:38px;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
transition:all .2s ease-in
}
.menuico.on {
	border-radius:4px;
	background:#ef5b00
}
.menuico.on span {
	background:#fff
}
.menuico span {
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	width:21px;
	height:2px;
	background-color:#666;
	-webkit-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
-webkit-transition:all .1s ease-in;
-moz-transition:all .1s ease-in;
-o-transition:all .1s ease-in;
transition:all .1s ease-in
}
.menuico span:first-child {
	margin-top:-6px
}
.menuico span:last-child {
	margin-top:6px
}
.menuico.on span:first-child {
	width:20px;
	margin-top:-8px;
	margin-left:-7px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg)
}
.menuico.on span:nth-child(2) {
opacity:0;
width:2px;
left:20px;
-moz-transition-delay:0s;
-o-transition-delay:0s;
-webkit-transition-delay:0s;
transition-delay:0s;
-webkit-transition:all .1s ease-in;
-moz-transition:all .1s ease-in;
-o-transition:all .1s ease-in;
transition:all .1s ease-in
}
.menuico.on span {
	-webkit-transform-origin:0;
	-moz-transform-origin:0;
	transform-origin:0
}
.menuico.on span:last-child {
	width:20px;
	margin-top:6px;
	margin-left:-7px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.videoslide {
	background-size:cover;
	background-repeat:no-repeat;
	overflow:hidden;
	position:relative
}
.slide {
	width:100%;
	font-size:0;
	text-align:center;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	position:relative;
	overflow:hidden
}
.slide a {
	margin:0;
	text-align:center;
	display:block
}
.slide img {
	width:100%;
	display:block
}
.slideurl {
	width:100%;
	height:100%;
	display:block
}
.slidetitle {
	width:80%;
	margin-top:-20px;
	text-align:left;
	position:absolute;
	top:50%;
	left:10%;
	z-index:20
}
.slidetitle h3 {
	font-size:50px;
	color:#fff;
	position:relative
}
.slidetitle h3:after {
	content:"";
	width:50px;
	height:4px;
	margin-bottom:-30px;
	background:#fff;
	position:absolute;
	bottom:0;
	left:0
}
.slideshadow {
	width:100%;
	height:100%;
	background:rgba(27, 63, 88, 0.5);
	position:absolute;
	top:0;
	left:0;
	z-index:1
}
.loader {
	width:50px;
	height:50px;
	margin:-25px 0 0 -25px;
	border-top:1px solid rgba(0, 0, 0, 0.08);
	border-right:1px solid rgba(0, 0, 0, 0.08);
	border-bottom:1px solid rgba(0, 0, 0, 0.08);
	border-left:1px solid rgba(0, 0, 0, 0.5);
	border-radius:50%;
	position:absolute;
	top:50%;
	left:50%;
	z-index:20;
	-webkit-animation:loader 700ms infinite linear;
	animation:loader 700ms infinite linear
}
@keyframes loader {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
.swiper-slide {
	text-align:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center
}
.swiper-container-horizontal&gt;.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom:10px
}
.swiper-pagination-bullet {
	width:30px;
	height:3px;
	margin:0 5px;
	padding:14px 0;
	border-radius:0;
	opacity:.8;
	background-color:#fff;
	background-clip:content-box;
	vertical-align:top
}
.swiper-pagination-bullet-active {
	background-color:#ef5b00
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	right:5%
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left:5%
}
.swiper-button-prev, .swiper-button-next {
	width:auto;
	background:none;
	opacity:.6
}
.swiper-button-prev:after, .swiper-button-next:after {
	font-size:50px;
	color:#fff;
	font-family:iconfont;
	text-align:center;
	line-height:45px;
	display:block
}
.swiper-button-prev:hover, .swiper-button-next:hover {
	opacity:1
}
.swiper-button-prev:after {
	content:"\e6dc"
}
.swiper-button-next:after {
	content:"\e6a6"
}
.display {
	background-size:cover
}
.videobanner {
	width:auto;
	min-width:100%;
	height:auto;
	min-height:100%;
	position:absolute;
	top:0;
	left:50%;
	z-index:0;
	-webkit-transform:translate(-50%);
	-ms-transform:translate(-50%);
	transform:translate(-50%)
}
.videomask {
	min-width:100%;
	min-height:100%;
	position:absolute;
	top:0;
	left:0
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -10%, 0);
-moz-transform:translate3d(0, -10%, 0);
-o-transform:translate3d(0, -10%, 0);
transform:translate3d(0, -10%, 0);
-ms-transform:translate3d(0, -10%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-moz-transform:none;
-o-transform:none;
transform:none;
-ms-transform:none
}
}
@-moz-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -10%, 0);
-moz-transform:translate3d(0, -10%, 0);
-o-transform:translate3d(0, -10%, 0);
transform:translate3d(0, -10%, 0);
-ms-transform:translate3d(0, -10%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-moz-transform:none;
-o-transform:none;
transform:none;
-ms-transform:none
}
}
@-o-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -10%, 0);
-moz-transform:translate3d(0, -10%, 0);
-o-transform:translate3d(0, -10%, 0);
transform:translate3d(0, -10%, 0);
-ms-transform:translate3d(0, -10%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-moz-transform:none;
-o-transform:none;
transform:none;
-ms-transform:none
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -10%, 0);
-moz-transform:translate3d(0, -10%, 0);
-o-transform:translate3d(0, -10%, 0);
transform:translate3d(0, -10%, 0);
-ms-transform:translate3d(0, -10%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-moz-transform:none;
-o-transform:none;
transform:none;
-ms-transform:none
}
}
.custom {
	width:1000px;
	margin:0 auto 0;
	font-size:14px;
	color:#fff;
	text-align:center;
	position:relative;
	top:50%;
	z-index:99;
	-webkit-animation:fadeInDown 1s ease-in;
	-moz-animation:fadeInDown 1s ease-in;
	-o-animation:fadeInDown 1s ease-in;
	animation:fadeInDown 1s ease-in
}
.custom h2 {
	margin-bottom:20px;
	padding:0 20px;
	font-size:42px;
	color:#fff;
	font-family:"microsoft yahei light", PingFangSC-Ultralight, sans-serif;
	line-height:1.5
}
.custom h2 span {
	margin:0 3px;
	font-family:"microsoft yahei";
	-webkit-background-clip:text;
	background-clip:text;
	-webkit-text-fill-color:transparent;
	background-image:-webkit-gradient(linear, left top, right top, from(#ef5b00), to(#ff0));
	background-image:-webkit-linear-gradient(left, #ef5b00, #ff0);
	background-image:-moz-linear-gradient(left, #ef5b00, #ff0);
	background-image:linear-gradient(to right, #ef5b00, #ff0)
}
.custom p {
	margin:0 15px;
	padding:0 1em;
	font-size:20px;
	color:#fff;
	line-height:40px;
	border-radius:3px;
	display:inline-block;
	vertical-align:middle
}
.custom p.red {
	background:#ef5b00
}
.custom p.grey {
	padding:0 1em;
	border:1px solid #e0e0e0
}
.custom p:hover {
	color:#fff;
	border-color:#ef5b00;
	background:#ef5b00
}
.container {
	padding-top:50px;
	background:#fff;
	position:relative;
	z-index:20
}
.caption {
	width:60%;
	margin:auto;
	padding:0 0 30px;
	text-align:center
}
.caption h3 {
	font-size:26px;
	color:#333
}
.caption p {
	margin:10px 0;
	color:#858585;
	line-height:24px
}
.captab {
	width:70%;
	margin:0 auto 60px;
	font-size:0;
	text-align:center
}
.captab li {
	display:inline-block;
*display:inline;
*zoom:1
}
.captab li a {
	padding:12px 50px;
	font-size:22px;
	color:#666;
	line-height:26px;
	border-bottom:2px solid #ddd;
	white-space:nowrap;
	display:block;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s
}
.captab li a img {
	margin:3px 12px 0 0;
*margin-top:6px;
	vertical-align:top
}
.captab li a:hover {
	border-bottom:2px solid #ef5b00
}
.captab li.on a {
	color:#ef5b00;
	border-bottom:2px solid #ef5b00
}
.tabitem {
	margin:0 auto 50px;
	font-size:0
}
.tabitem li {
	display:none
}
.tabitem li img {
	width:1000px
}
.tabitem li.on {
	display:block
}
.selling {
	margin:0 auto
}
.selling ul {
	margin:0 0 50px -2%;
	font-size:0;
	text-align:center
}
.selling li {
	width:23%;
	margin-left:2%;
	padding:25px 0;
	border-radius:3px;
	box-sizing:border-box;
	box-shadow:0 0 1px #999;
	display:inline-block;
	vertical-align:top
}
.selling li a, .selling li img, .selling li span {
	display:block
}
.selling li img {
	margin:0 auto;
	display:inline-block
}
.selling li span {
	margin-top:10px;
	padding:0 20px;
	font-size:14px;
	color:#666;
	line-height:20px
}
.selling li span.bold {
	margin-top:20px;
	font-size:16px;
	color:#666;
	font-weight:bold
}
.selling li:hover {
	box-shadow:0 0 3px #ccc
}
.selling li:hover span {
	color:#ef5b00
}
.caselist {
	max-width:1350px;
	margin:0 auto
}
.casebox {
	margin-bottom:50px;
	padding:50px 0 30px;
	background:#f5f5f5;
	position:relative;
	z-index:1
}
.casebox ul {
	margin-left:-3%;
	font-size:0
}
.casebox li {
	width:30.33%;
	margin:0 0 3% 3%;
	font-size:16px;
	border-radius:3px;
	overflow:hidden;
	display:inline-block;
	vertical-align:top
}
.casebox li a {
	position:relative;
	display:block
}
.casebox li:hover img {
	filter:brightness(80%);
	-webkit-filter:brightness(80%);
	-moz-filter:brightness(80%);
	-ms-filter:brightness(80%);
	-webkit-transform:scale(1.1);
	transform:scale(1.1)
}
.casebox li:hover .caseinfo {
	background:rgba(0, 0, 0, 0.5)
}
.casebox li.capintro:hover .caseinfo {
	bottom:0
}
.caseimg span {
	width:100%;
	height:0;
	padding-bottom:60%;
	text-align:center;
	overflow:hidden;
	position:relative;
	display:block
}
.caseimg span img {
	min-width:100%;
	min-height:100%;
	position:absolute;
	top:0;
	left:0;
	display:block;
transition:all .4s
}
.caseinfo {
	width:100%;
	padding-bottom:10px;
	background:rgba(0, 0, 0, 0.3);
	position:absolute;
	bottom:-69px;
	left:0;
transition:all .4s
}
.caseinfo strong, .caseinfo span {
	display:block
}
.caseinfo strong {
	margin-bottom:10px;
	padding:0 40px 0 20px;
	font-size:18px;
	color:#fff;
	font-weight:normal;
	line-height:50px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	border-bottom:1px solid rgba(255, 255, 255, 0.2);
	position:relative
}
.caseinfo strong::after {
content:"\e6a6";
font-size:18px;
color:#fff;
font-family:iconfont;
font-weight:bold;
line-height:50px;
position:absolute;
top:0;
right:20px
}
.caseinfo span {
	height:48px;
	padding:0 20px;
	font-size:14px;
	color:#fff;
	line-height:24px;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	display:-webkit-box
}
.casebtn {
	width:200px;
	margin:0 auto 16px;
	text-align:center
}
.casebtn p{
	font-size:16px;
	color:#ef5b00;
	line-height:36px;
	border:1px solid #ef5b00;
	border-radius:2px;
	display:block
}
.casebtn p:hover {
	color:#fff;
	border:1px solid #ef5b00;
	background:#ef5b00
}
.aboutme {
	margin:0 auto 50px;
	text-align:center
}
.news {
	padding:50px 0 30px;
	background:#f5f5f5
}
.newstitle {
	margin-bottom:50px;
	line-height:40px;
	text-align:center
}
.newstitle h3 {
	font-size:26px;
	color:#333
}
.newstitle p {
	color:#999
}
.newslist ul {
	margin-left:-4%;
	font-size:0
}
.newslist li {
	width:46%;
	margin:0 0 4% 4%;
	font-size:14px;
	display:inline-block;
	vertical-align:top
}
.newslist li.on .newsdate {
	color:#fff;
	border:1px solid #ef5b00;
	background:#ef5b00
}
.newslist li.on .newsname a {
	color:#ef5b00
}
.newslist li.on .newsname .newsread {
	color:#fff;
	background:#ef5b00
}
.newslist li.on .newsintro {
	color:#666
}
.newsdate {
	width:58px;
	height:38px;
	float:left;
	display:inline;
	padding:10px 0;
	font-size:12px;
	color:#666;
	text-align:center;
	border:1px solid #e0e0e0;
	background:#e0e0e0
}
.newsdate b {
	width:100%;
	font-size:22px;
	display:block
}
.newsinfo {
	margin-left:80px
}
.newsname {
	margin-bottom:20px;
	position:relative
}
.newsname a {
	font-size:16px;
	color:#666
}
.newsname .newsread {
	width:19px;
	height:19px;
	font-size:16px;
	color:#fff;
	text-align:center;
	line-height:19px;
	background:#e0e0e0;
	position:absolute;
	top:0;
	right:0
}
.newsintro {
	font-size:12px;
	color:#999;
	line-height:24px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3
}
.newsbtn {
	width:200px;
	margin:0 auto 16px;
	text-align:center
}
.newsbtn p{
	font-size:16px;
	color:#ef5b00;
	line-height:36px;
	border:1px solid #ef5b00;
	border-radius:2px;
	display:block
}
.newsbtn p:hover {
	color:#fff;
	border:1px solid #ef5b00;
	background:#ef5b00
}
.friend {
	padding:50px 0 30px
}
.friend ul {
	margin-left:-3%;
	font-size:0;
	text-align:center
}
.friend ul.partnergrey .friendimg img {
	filter:#808080;
	-webkit-filter:grayscale(1);
	-moz-filter:grayscale(1);
	-ms-filter:grayscale(1);
	-o-filter:grayscale(1)
}
.friend ul.partnergrey li:hover img {
	filter:none;
	-webkit-filter:grayscale(0);
	-moz-filter:grayscale(0);
	-ms-filter:grayscale(0);
	-o-filter:grayscale(0)
}
.friend ul.partnerline li:hover span:nth-of-type(1) {
width:100%;
left:auto;
right:0
}
.friend ul.partnerline li:hover span:nth-of-type(2) {
width:100%;
left:0;
right:auto
}
.friend ul.partnerline li:hover span:nth-of-type(3) {
height:100%;
top:0;
bottom:auto
}
.friend ul.partnerline li:hover span:nth-of-type(4) {
height:100%;
top:auto;
bottom:0
}
.friend li {
	width:13.66%;
	margin:0 0 3% 3%;
	padding:5px;
	border:1px solid #e0e0e0;
	box-sizing:border-box;
	text-align:center;
	background:#fff;
	position:relative;
	display:inline-block;
	vertical-align:top
}
.friend li a {
	display:block
}
.friend li p {
	margin-top:5px;
	padding-top:5px;
	font-size:14px;
	color:#999;
	line-height:24px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	border-top:1px dotted #e0e0e0
}
.friend li a:hover {
	z-index:2
}
.friend li a:hover p {
	color:#ef5b00
}
.friend li span {
	background-color:#999;
	position:absolute;
transition:.4s ease-in-out;
	transition-property:width, height
}
.friend li span:nth-of-type(1) {
width:0;
height:1px;
left:0;
top:-1px;
right:auto
}
.friend li span:nth-of-type(2) {
width:0;
height:1px;
left:auto;
bottom:-1px;
right:0
}
.friend li span:nth-of-type(3) {
width:1px;
height:0;
top:auto;
bottom:0;
left:-1px
}
.friend li span:nth-of-type(4) {
width:1px;
height:0;
top:0;
bottom:auto;
right:-1px
}
.friendimg {
	height:55px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	vertical-align:middle
}
.friendimg img {
	max-height:40px;
	vertical-align:middle
}
.pagebar, .cmtpagebar {
	width:100%;
	margin:0 auto 20px;
	font-size:14px;
	text-align:center;
	border-radius:3px;
	background:#fff;
	zoom:1
}
.pagebar:after, .cmtpagebar:after {
	content:"";
	display:block;
	clear:both
}
.pagebar .now-page, .cmtpagebar .now-page {
	font-size:14px;
	color:#fff;
	font-weight:400;
	padding:5px 10px;
	margin:0 5px 5px;
	border:1px solid #ef5b00;
	border-radius:2px;
	background:#ef5b00;
	display:inline-block
}
.pagebar a, .cmtpagebar a {
	margin:4px;
	padding:5px 10px;
	color:#777;
	font-weight:600;
	border-radius:3px;
	border:1px solid #e2e2e2;
	background:#fff
}
.pagebar a:hover, .cmtpagebar a:hover {
	color:#ef5b00;
	border:1px solid #ef5b00;
	background:#fff
}
.pagebar .now-page {
	margin:10px 5px
}
.pagination-loading {
	margin:10px 0;
	line-height:38px;
	text-align:center;
	border-radius:2px;
	background:#ebebeb
}
.main {
	padding:70px 0 10px;
	background:#f5f5f5
}
.main.static {
	padding:20px 0 50px
}
.main .ias_trigger {
	margin:10px 0;
	line-height:36px
}
.main .ias_trigger a {
	font-size:16px;
	color:#ef5b00;
	text-align:center;
	border:1px solid #ef5b00;
	border-radius:3px;
	background:#fff;
	display:block
}
.main .ias_trigger a:hover {
	color:#fff;
	background:#ef5b00
}
.main .ias_loader {
	margin:10px 0;
	line-height:38px;
	text-align:center;
	border-radius:2px;
	background:#ebebeb;
	display:block
}
.main .ias_loader .ias_trigger {
	margin:0
}
.single {
	width:70%;
	float:left;
	overflow:hidden;
	zoom:1
}
.single:after {
	content:"";
	display:block;
	clear:both
}
.singletitle {
	margin:30px 30px 0;
	border-bottom:1px solid #efefef
}
.singletitle h1 {
	margin-bottom:16px;
	font-size:24px;
	color:#333
}
.singleinfo {
	padding:0 0 15px;
	font-size:0;
	text-transform:uppercase;
	line-height:17px
}
.singleinfo span {
	margin-right:15px;
	font-size:12px;
	color:#999
}
.singleinfo span:before {
	margin-right:5px;
	font-size:16px;
	font-family:iconfont;
	display:inline-block;
	vertical-align:top
}
.singleinfo span span {
	margin:0
}
.singleinfo a {
	color:#999
}
.sitemap {
	padding:15px 20px
}
.articlebox {
	margin:0 0 10px;
	border-radius:3px;
	background:#fff;
	overflow:hidden;
	zoom:1
}
.articlebox:after {
	content:"";
	display:block;
	clear:both
}
.articletitle {
	height:50px;
	margin:0 0 0 30px;
	font-size:16px;
	line-height:60px
}
.articlecon {
	padding:0 0 20px 0
}
.multi {
	margin:0 0 10px;
	padding:20px;
	border-radius:3px;
	background:#fff;
	zoom:1
}
.multi:after {
	content:"";
	display:block;
	clear:both
}
.multi h2 {
	margin:0 0 10px;
	font-size:20px;
	color:#666;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.multi h2 a {
	color:#333
}
.multiimgs {
	margin-bottom:10px;
	zoom:1
}
.multiimgs:after {
	content:"";
	display:block;
	clear:both
}
.multiimgs ul {
	margin-left:-2%;
	font-size:0;
*zoom:1;
	_position:relative
}
.multiimgs li {
	width:31.3333%;
	float:left;
	display:inline;
	margin-left:2%;
	overflow:hidden
}
.multiimgs li a {
	width:100%;
	height:0;
	padding-bottom:70%;
	text-align:center;
	border-radius:3px;
	overflow:hidden;
	position:relative;
	display:block
}
.multiimgs li a img {
	min-width:100%;
	min-height:100%;
	position:absolute;
	top:0;
	left:0
}
.multiimgs li:hover img {
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1)
}
.multiimgs li.v a::before {
content:"";
width:32px;
height:32px;
background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 48 48'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Ccircle cx='24' cy='24' r='24' fill='%23000' fill-opacity='.15'/%3E    %3Cpath fill='%23FFF' fill-rule='nonzero' d='M24 0c13.255 0 24 10.745 24 24S37.255 48 24 48 0 37.255 0 24 10.745 0 24 0zm0 1.44C11.54 1.44 1.44 11.54 1.44 24c0 12.46 10.1 22.56 22.56 22.56 12.46 0 22.56-10.1 22.56-22.56 0-12.46-10.1-22.56-22.56-22.56zm-4.8 13.828a1.2 1.2 0 0 1 .595.158l13.182 7.532a1.2 1.2 0 0 1 0 2.084l-13.182 7.532A1.2 1.2 0 0 1 18 31.532V16.468a1.2 1.2 0 0 1 1.2-1.2z'/%3E  %3C/g%3E%3C/svg%3E");
background-size:cover;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
z-index:1
}
.multiimg {
	width:190px;
	float:left;
	display:inline;
	overflow:hidden
}
.multiimg a {
	width:100%;
	height:0;
	padding-bottom:70%;
	text-align:center;
	border-radius:3px;
	overflow:hidden;
	position:relative;
	display:block
}
.multiimg a img {
	min-width:100%;
	min-height:100%;
	position:absolute;
	top:0;
	left:0
}
.multiimg:hover img {
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1)
}
.multiimg.v a::before {
content:"";
width:32px;
height:32px;
background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 48 48'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Ccircle cx='24' cy='24' r='24' fill='%23000' fill-opacity='.15'/%3E    %3Cpath fill='%23FFF' fill-rule='nonzero' d='M24 0c13.255 0 24 10.745 24 24S37.255 48 24 48 0 37.255 0 24 10.745 0 24 0zm0 1.44C11.54 1.44 1.44 11.54 1.44 24c0 12.46 10.1 22.56 22.56 22.56 12.46 0 22.56-10.1 22.56-22.56 0-12.46-10.1-22.56-22.56-22.56zm-4.8 13.828a1.2 1.2 0 0 1 .595.158l13.182 7.532a1.2 1.2 0 0 1 0 2.084l-13.182 7.532A1.2 1.2 0 0 1 18 31.532V16.468a1.2 1.2 0 0 1 1.2-1.2z'/%3E  %3C/g%3E%3C/svg%3E");
background-size:cover;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
z-index:1
}
.multibox {
	padding-left:210px
}
.multibox.noimg {
	padding:0
}
.multiintro {
	color:#999;
	line-height:22px;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	display:-webkit-box;
	overflow:hidden
}
.multiinfo {
	margin:10px 0 0;
	font-size:0;
	line-height:16px;
	text-transform:uppercase
}
.multiinfo span {
	margin-right:15px;
	font-size:12px;
	color:#999
}
.multiinfo span:before {
	margin-right:5px;
	font-size:16px;
	font-family:iconfont;
	display:inline-block;
	vertical-align:top
}
.multiinfo span span {
	margin:0
}
.multiinfo a {
	color:#999
}
.user:before {
	content:"\e6a9";
	margin:0 5px 0 0
}
.cate:before {
	content:"\e6e2";
	margin:0 5px 0 0
}
.date:before {
	content:"\e69c";
	margin:0 5px 0 0
}
.view:before {
	content:"\e6a7";
	margin:0 5px 0 0
}
.cmt:before {
	content:"\e6a8";
	margin:1px 5px 0 0
}
.edit:before {
	content:"\e69a"
}
.del:before {
	content:"\e6ac"
}
*+html .multiimgs li {
	width:33.3%
}
*+html .multiintro {
*margin-top:10px
}
.imglist ul {
	margin-left:-2%;
	font-size:0
}
.imglist .ias_trigger, .imglist .ias_loader, .imglist .pagination-loading {
	margin-top:0
}
.imglist .imgitem {
	width:31.333%;
	margin:0 0 2% 2%;
	display:inline-block;
	vertical-align:top
}
.imglist .imgitem.on a {
	color:#ef5b00
}
.imglist .imgitem.on img {
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1)
}
.imglist .imgitem:hover a {
	color:#ef5b00
}
.imglist .imgitem:hover img {
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1)
}
.imglist .imglistimg {
	text-align:center;
	border-top-right-radius:3px;
	border-top-left-radius:3px;
	background:#fff;
	overflow:hidden
}
.imglist .imglistimg a {
	width:100%;
	height:0;
	padding-bottom:70%;
	text-align:center;
	overflow:hidden;
	position:relative;
	display:block
}
.imglist .imglistimg a img {
	min-width:100%;
	min-height:100%;
	position:absolute;
	top:0;
	left:0
}
.imglist .imglistimg.v a::before {
content:"";
width:32px;
height:32px;
background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 48 48'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Ccircle cx='24' cy='24' r='24' fill='%23000' fill-opacity='.15'/%3E    %3Cpath fill='%23FFF' fill-rule='nonzero' d='M24 0c13.255 0 24 10.745 24 24S37.255 48 24 48 0 37.255 0 24 10.745 0 24 0zm0 1.44C11.54 1.44 1.44 11.54 1.44 24c0 12.46 10.1 22.56 22.56 22.56 12.46 0 22.56-10.1 22.56-22.56 0-12.46-10.1-22.56-22.56-22.56zm-4.8 13.828a1.2 1.2 0 0 1 .595.158l13.182 7.532a1.2 1.2 0 0 1 0 2.084l-13.182 7.532A1.2 1.2 0 0 1 18 31.532V16.468a1.2 1.2 0 0 1 1.2-1.2z'/%3E  %3C/g%3E%3C/svg%3E");
background-size:cover;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
z-index:1
}
.imglist .imglistinfo {
	padding-bottom:20px;
	line-height:20px;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	background:#fff;
	overflow:hidden
}
.imglist .imglistinfo h3 {
	max-height:50px;
	margin:20px 0 12px;
	padding:0 10px 0 20px;
	font-size:18px;
	line-height:25px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	position:relative
}
.imglist .imglistinfo h3 a {
	color:#333
}
.imglist .imglistinfo h3:after {
	content:"";
	width:3px;
	height:22px;
	background:#ef5b00;
	position:absolute;
	top:0;
	left:0;
	display:block
}
.imglist .imglistintro {
	padding:0 20px;
	font-size:14px;
	color:#999;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
	display:-webkit-box
}
.comment, .relate, .pages {
	margin:0 30px;
	padding:20px 0;
	line-height:26px;
	border-top:1px dotted #ddd;
	zoom:1
}
.comment:after, .relate:after, .pages:after {
	content:"";
	display:block;
	clear:both
}
.cmtsitem {
	padding:18px 0 14px;
	border-top:1px dotted #e0e0e0;
	zoom:1
}
.cmtsitem:after {
	content:"";
	display:block;
	clear:both
}
.cmtsitem .avatar {
	width:48px;
	height:48px;
	float:left;
	display:inline;
	margin-right:10px;
	overflow:hidden
}
.cmtsitem .avatar img {
	width:48px;
	height:48px;
	border-radius:3px
}
.cmtsitem .cmtscon .avatar {
	display:none
}
.cmtscon {
	margin-left:65px;
	zoom:1
}
.cmtscon:after {
	content:"";
	display:block;
	clear:both
}
.cmtscon&gt;.cmtsitem {
	margin-top:15px;
	padding:0 0 0 20px;
	border-left:2px solid #e4e8eb
}
.cmtscon&gt;.cmtsitem .cmtscon {
	margin:0
}
.cmtsdate {
	float:right;
	display:inline;
	font-size:14px;
	color:#999
}
.cmtsname {
	font-size:14px;
	color:#666;
	display:inline-block
}
.cmtsname a {
	font-size:14px;
	color:#666
}
.cmtsbody {
	margin-top:8px;
	line-height:26px;
	text-align:justify;
	text-justify:inter-ideograph;
	word-wrap:break-word;
	word-break:break-all
}
.cmtsbody .cmtscon {
	margin:0;
	padding-left:20px;
	border-left:2px solid #e0e0e0
}
.cmtsbody .cmtsfoot {
	display:none !important
}
.cmtsreply {
	margin-top:15px;
	padding-left:20px;
	border-left:2px solid #e0e0e0
}
.cmtsreplyname {
	font-size:14px;
	color:#888
}
.cmtsreplyname a {
	font-size:14px;
	color:#666
}
.cmtsreplycon {
	margin-top:8px;
	word-wrap:break-word;
	word-break:break-all
}
.cmtsreplydate {
	margin-top:8px;
	font-size:14px;
	color:#bbb
}
.cmtsfoot {
	margin-top:8px
}
.cmtsfoot .reply {
	font-size:14px;
	color:#888
}
.cmtsfoot .reply::before {
content:"\e6a8";
margin-right:3px;
font-size:21px;
color:#888;
font-family:iconfont;
vertical-align:top
}
.cmtsfoot .reply:hover {
	color:#ef5b00
}
.cmtsfoot .reply:hover::before {
color:#ef5b00
}
.cmts.nocmt {
	padding:15px 30px
}
.cmts.nocmt::before {
content:attr(data-content);
width:100%;
font-size:16px;
color:#888;
text-align:center;
display:inline-block
}
.reply-frm {
	border-left:2px solid #e0e0e0;
	margin-top:15px;
	box-shadow:none
}
.reply-frm .cmtimg {
	display:none !important
}
.reply-frm .cmtarea {
	padding:0
}
.reply-frm .comment {
	margin-right:0
}
#cancel-reply {
	height:26px;
	margin-left:10px;
	font-size:14px;
	color:#ef5b00;
	line-height:25px;
	border:0;
	outline:0;
	box-sizing:content-box;
	cursor:pointer;
	background:none;
	display:none
}
.comment {
	zoom:1
}
.comment:after {
	content:"";
	display:block;
	clear:both
}
.cmtlist {
	padding:0 30px
}
.cmtimg {
	width:48px;
	float:left;
	text-align:center
}
.cmtimg img {
	width:48px;
	height:48px;
	border-radius:3px
}
.cmtimg p {
	height:20px;
	font-size:12px;
	color:#888;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.cmtinfo {
	padding-left:70px;
	font-size:14px;
	word-break:break-all
}
.cmtinfo a {
	color:#666
}
.cmtinfo .cmtinfo {
	width:500px
}
.cmtinfo .cmtinfo .cmtinfo {
	width:430px
}
.cmtinfo .cmtinfo .cmtinfo .cmtinfo {
	width:360px
}
.cmttime, .cmttime a {
	font-size:12px;
	color:#888
}
.cmtarea {
	padding-left:68px
}
.cmtarea textarea {
	width:100%;
	margin:0 0 10px;
	padding:5px 15px;
	font-size:16px;
	color:#666;
	line-height:28px;
	border:1px solid #e0e0e0;
	outline:0;
	border-radius:3px;
	overflow:hidden;
	vertical-align:top;
	box-sizing:border-box
}
.cmtarea textarea:focus {
	color:#ef5b00;
	background-color:#fff;
	border-color:#aab7c1;
	outline:0;
box-shadow:0 0 0 .2rem rgba(31, 73, 119, 0.1)
}
.cmtsubmit button {
	height:36px;
	float:right;
	display:inline;
	padding:0 20px;
	font-size:16px;
	color:#888;
	line-height:32px;
	border:2px solid #e0e0e0;
	outline:0;
	border-radius:20px;
	cursor:pointer;
	background:#fff
}
.cmtsubmit button::before {
content:"\e69a";
margin-right:3px;
font-size:23px;
color:#888;
font-family:iconfont;
vertical-align:top
}
.cmtsubmit button:hover {
	color:#ef5b00;
	border-color:#ef5b00
}
.cmtsubmit button:hover::before {
color:#ef5b00
}
.cmtsubmit button:active {
	border-color:#ef5b00;
	background:#f1f1f1
}
.cmtsubmit span {
	font-size:14px;
	color:#888;
	line-height:36px
}
.cmtform {
	width:100%;
	float:left;
	margin:0 0 20px;
	padding:0 0 20px;
	border-bottom:1px dotted #e0e0e0;
	display:none
}
.cmtform p {
	width:49%;
	float:left;
	padding:5px 0
}
.cmtform input {
	width:180px;
	height:27px;
	padding:2px 6px;
	color:#666;
	border:1px solid #e0e0e0;
	outline:0;
	border-radius:3px
}
.cmtform input:focus {
	color:#ef5b00;
	background-color:#fff;
	border-color:#aab7c1;
	outline:0;
box-shadow:0 0 0 .2rem rgba(31, 73, 119, 0.1)
}
.cmtform input {
*display:inline
}
.cmtform label {
	padding:0 10px;
	line-height:27px;
	cursor:pointer
}
.cmtform #inpVerify {
	width:100px
}
.cmtform img.imgcode {
	width:68px;
	height:31px;
	margin-left:10px;
	border:1px solid #e0e0e0;
	cursor:pointer;
	vertical-align:top
}
.voidinfo {
	margin:20px 0 0;
	padding:0 0 20px;
	text-transform:uppercase;
	border-bottom:1px solid #efefef
}
.map {
	padding:0 0 30px
}
.map li {
	height:35px;
	font-size:14px;
	line-height:35px;
	border-bottom:1px dotted #eee;
	list-style-type:decimal-leading-zero;
	list-style-position:inside;
	overflow:hidden;
	position:relative
}
.map li a {
	font-size:14px
}
.map li span {
	padding-left:10px;
	background:#fff;
	position:absolute;
	top:0;
	right:0
}
.content {
	margin:20px 0;
	padding:0 30px;
	font-size:16px;
	line-height:30px;
	word-break:break-all;
	overflow:hidden
}
.content p {
	margin-bottom:1em;
	text-align:justify;
	text-justify:inter-ideograph;
	position:relative
}
.content p img.ue-image {
	margin:0 auto
}
.content p img.ue-emoticon {
	vertical-align:middle
}
.content p.ue-upload {
	padding:10px;
	border:1px dashed #e0e0e0
}
.content p.ue-upload img {
	vertical-align:top !important
}
.content p.ue-upload a {
	font-size:14px !important;
	color:#ef5b00 !important
}
.content pre {
	font-size:12px
}
.videowrap {
	overflow:hidden
}
.videobox {
	width:100%;
	height:0;
	padding-bottom:56.25%;
	border-radius:3px;
	overflow:hidden;
	position:relative;
	display:block
}
.videobox object, .videobox video, .videobox embed, .videobox iframe {
	width:100%;
	height:100%;
	outline:0;
	position:absolute;
	display:block
}
.videobox object video, .videobox video video, .videobox embed video, .videobox iframe video {
	width:100%
}
.videobox video {
	background:#262626
}
.down {
	margin:20px 30px 0;
	padding:15px;
	border:1px solid #e0e0e0;
	border-radius:8px;
	background:#f8f8f8;
	zoom:1
}
.down:after {
	content:"";
	display:block;
	clear:both
}
.downimg {
	width:110px;
	float:left;
	display:inline
}
.downimg span {
	width:100%;
	height:0;
	padding-bottom:70%;
	text-align:center;
	border-radius:3px;
	overflow:hidden;
	position:relative;
	display:block
}
.downimg span img {
	min-width:100%;
	min-height:100%;
	position:absolute;
	top:0;
	left:0
}
.downinfo {
	padding-left:130px
}
.downinfo h3 {
	margin-bottom:8px;
	font-size:16px;
	color:#ef5b00;
	line-height:28px
}
.downinfo.noimg {
	padding:0
}
.downbtn {
	padding:0 20px 0 14px;
	font-size:14px;
	color:#fff;
	line-height:30px;
	border-radius:4px;
	background:#ef5b00;
	display:inline-block;
	vertical-align:top
}
.downbtn:before {
	content:"\e69d";
	margin-right:2px;
	font-size:20px;
	color:#fff;
	font-family:iconfont;
	display:inline-block;
	vertical-align:top
}
.main .downbtn:hover {
	color:#fff
}
.tags {
	margin:20px 30px 10px
}
.tags a {
	margin:0 5px 10px;
	padding:0 12px;
	font-size:14px;
	color:#666;
	line-height:24px;
	border:1px solid #e0e0e0;
	border-radius:3px;
	background:#fff;
	display:inline-block
}
.tags a:hover {
	border:1px solid #ef5b00
}
.tagscloud {
	margin-left:-2%;
	font-size:0
}
.tagscloud li {
	width:23%;
	margin:0 0 2% 2%;
	border-radius:3px;
	background:#f5f5f5;
	position:relative;
	display:inline-block;
	vertical-align:top
}
.tagscloud li a {
	width:100%;
	padding:0 50px 0 10px;
	font-size:14px;
	color:#666;
	box-sizing:border-box;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:block;
	transition:background-color 0s linear, color 0s linear
}
.tagscloud li span {
	font-size:12px;
	color:#999;
	font-family:arial;
	line-height:28px;
	position:absolute;
	top:0;
	right:10px;
	z-index:1
}
.tagscloud li:hover {
	color:#fff;
	background:#ef5b00
}
.tagscloud li:hover a, .tagscloud li:hover span {
	color:#fff
}
.tagsnull {
	padding:10% 0;
	color:#888;
	text-align:center
}
.tagsnull::before {
content:"\e869";
margin-bottom:10px;
font-size:100px;
color:#e0e0e0;
font-family:iconfont;
line-height:1;
display:block
}
.archive {
	padding:20px
}
.archivedate {
	margin-bottom:10px;
	font-size:16px;
	color:#ef5b00;
	line-height:30px;
	border-bottom:1px solid #e0e0e0
}
.archivelist {
	margin-bottom:20px
}
.archivelist li {
	line-height:28px;
	zoom:1
}
.archivelist li:after {
	content:"";
	display:block;
	clear:both
}
.archivelist h3 {
	margin:0;
	padding:0;
	font-size:14px;
	line-height:inherit;
	border:0;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.archivelist h3 a {
	font-size:14px;
	color:#666
}
.archivelist h3 a:hover {
	color:#ef5b00
}
.archivelist h3::after {
display:none
}
.archivetime {
	float:left;
	display:inline;
	margin-right:10px;
	font-size:14px;
	color:#999
}
.archivenull {
	padding:20% 0;
	color:#888;
	text-align:center
}
.archivenull::before {
content:"\e869";
margin-bottom:10px;
font-size:100px;
color:#e0e0e0;
font-family:iconfont;
line-height:1;
display:block
}
.sharebox {
	margin:10px 30px
}
.sharebox .label {
	font-size:14px;
	color:#999;
	line-height:30px
}
.sharebox .label, .sharebox .sharebtn {
	display:inline-block
}
.pages a {
	color:#666
}
.pages a:hover {
	color:#ef5b00
}
.pages p {
	height:26px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
a.backtolist {
	float:right;
	display:inline;
	margin:8px 0 0;
	padding:3px 30px;
	font-size:14px;
	color:#ef5b00;
	border:1px solid #ef5b00;
	border-radius:50px
}
a.backtolist:hover {
	color:#fff !important;
	background:#ef5b00
}
.relateimg {
	width:120px;
	float:left;
	display:inline;
	margin-right:20px;
	overflow:hidden
}
.relateimg a {
	width:100%;
	height:0;
	padding-bottom:70%;
	text-align:center;
	border-radius:3px;
	overflow:hidden;
	position:relative;
	display:block
}
.relateimg a img {
	min-width:100%;
	min-height:100%;
	position:absolute;
	top:0;
	left:0
}
.relateimg:hover img {
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1)
}
.relateimg.v a::before {
content:"";
width:32px;
height:32px;
background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 48 48'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Ccircle cx='24' cy='24' r='24' fill='%23000' fill-opacity='.15'/%3E    %3Cpath fill='%23FFF' fill-rule='nonzero' d='M24 0c13.255 0 24 10.745 24 24S37.255 48 24 48 0 37.255 0 24 10.745 0 24 0zm0 1.44C11.54 1.44 1.44 11.54 1.44 24c0 12.46 10.1 22.56 22.56 22.56 12.46 0 22.56-10.1 22.56-22.56 0-12.46-10.1-22.56-22.56-22.56zm-4.8 13.828a1.2 1.2 0 0 1 .595.158l13.182 7.532a1.2 1.2 0 0 1 0 2.084l-13.182 7.532A1.2 1.2 0 0 1 18 31.532V16.468a1.2 1.2 0 0 1 1.2-1.2z'/%3E  %3C/g%3E%3C/svg%3E");
background-size:cover;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
z-index:1
}
.relateinfo h3 {
	margin:0 0 10px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.relateinfo h3 a {
	font-size:18px;
	color:#333
}
.relateinfo h3 a:hover {
	color:#ef5b00
}
.relateinfo p {
	font-size:14px;
	color:#999;
	line-height:22px;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	display:-webkit-box
}
.relateinfo p a {
	color:#999
}
.relatelist {
	margin-top:5px;
	padding-bottom:5px;
	font-size:12px;
	color:#999;
	line-height:27px;
	border-bottom:1px dotted #e0e0e0;
	position:relative
}
.relatelist a {
	width:75%;
	margin-right:20px;
	font-size:16px;
	color:#333;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:inline-block;
	vertical-align:top
}
.relatelist a:hover {
	color:#ef5b00
}
.relatelist .posttime {
	font-size:14px;
	color:#bbb;
	position:absolute;
	top:0;
	right:0
}
.onlyone {
	margin:0 30px;
	border-top:1px dotted #e0e0e0
}
.diallel {
	margin:0 30px;
	border-top:1px dotted #e0e0e0;
	zoom:1
}
.diallel:after {
	content:"";
	display:block;
	clear:both
}
.diallel .relatelist {
	width:47%;
	float:left;
	display:inline
}
.diallel .relatelist:nth-child(even) {
float:right;
display:inline
}
.diallel .datetime {
	display:none
}
.sidebar {
	width:28%;
	float:right
}
.sidebox {
	margin:0 0 10px;
	padding:10px 16px;
	border-radius:3px;
	background:#fff
}
.sidebox h3::before {
margin-right:3px;
font-size:20px;
color:#ef5b00;
font-family:iconfont;
display:inline-block;
vertical-align:top
}
.listtitle, .cmttitle, .reltitle, .sidetitle {
	line-height:40px
}
.listtitle h3, .cmttitle h3, .reltitle h3, .sidetitle h3 {
	font-size:16px;
	color:#666;
	border-bottom:1px solid #ef5b00
}
.sidecon {
	padding:10px 0;
	overflow:hidden
}
.sidecon ul {
	zoom:1
}
.sidecon ul:after {
	content:"";
	display:block;
	clear:both
}
.sidecon li {
	width:100%;
	float:left;
	display:inline;
	padding:10px 0;
	line-height:22px;
	border-bottom:1px dotted #ccc;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.sidecon li a {
	color:#666
}
.sidecon li a:hover {
	color:#ef5b00
}
.sidecon li:before {
	content:"\e6a6";
	font-size:13px;
	color:#ccc;
	font-family:iconfont;
	display:inline-block;
	vertical-align:top
}
.sidecon dl {
	width:100%;
	float:left;
	display:inline;
	padding:14px 0;
	border-bottom:1px dotted #ccc
}
.sidecon dl h3 {
	height:28px
}
.sidecon dl h3 a {
	font-size:14px
}
.sidecon .subnav {
	display:none
}
#divCatalog h3:before {
	content:"\e69d"
}
#divPrevious h3:before {
	content:"\e69a"
}
#divComments h3:before {
	content:"\e6a8"
}
#divNavBar h3:before {
	content:"\e6e2"
}
#divCalendar h3:before {
	content:"\e69d"
}
#divContorPanel h3:before {
	content:"\e699"
}
#divSearchPanel h3:before {
	content:"\e613";
	font-size:14px
}
#divArchives h3:before {
	content:"\e6e2"
}
#divStatistics h3:before {
	content:"\e69e"
}
#divFavorites h3:before {
	content:"\e6a3"
}
#divLinkage h3:before {
	content:"\e6e2"
}
#divMisc h3:before {
	content:"\e6e2"
}
#divAuthors h3:before {
	content:"\e6a9"
}
#divTags h3:before {
	content:"\e697"
}
#sideguess h3:before {
	content:""
}
#hotpost h3:before {
	content:"\e6e2"
}
#divCalendar table {
	width:100%;
	table-layout:fixed
}
#divCalendar caption {
	height:24px;
	margin:0 0 10px;
	padding:0;
	font-size:16px;
	text-align:center;
	border-bottom:1px dotted #eee
}
#divCalendar caption a {
	padding:0 10px;
	font-size:14px
}
#divCalendar th {
	height:25px;
	color:#fff;
	line-height:25px;
	text-transform:uppercase;
	border:1px solid #c2c2c2;
	border-radius:2px;
	background:#ccc
}
#divCalendar td {
	height:25px;
	text-align:center;
	line-height:25px;
	border:1px solid #efefef
}
#divCalendar td.pad {
	border:none
}
#divCalendar td a {
	color:#fff;
	line-height:30px;
	background:#ef5b00;
	display:block
}
#today {
	font-weight:bold
}
#divContorPanel .sidecon div {
	padding:10px 20px;
	text-align:center;
	line-height:24px;
	border:1px dotted #f0f0f0;
	background:#fbfbfb
}
#divContorPanel .cp-hello {
	width:100%;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px dotted #e0e0e0;
	display:inline-block
}
#divContorPanel .cp-hello:before {
	content:"\e6a9";
	margin-right:3px;
	font-size:17px;
	font-family:iconfont;
	display:inline-block;
	vertical-align:top
}
#divContorPanel .cp-login a, #divContorPanel .cp-vrs a {
	padding:0 10px;
	font-size:14px;
	color:#888;
	border:2px solid #e4e8eb;
	border-radius:20px;
	display:inline-block
}
#divContorPanel .cp-login a:hover, #divContorPanel .cp-vrs a:hover {
	color:#ef5b00;
	border-color:#ef5b00
}
#divContorPanel .cp-login a:hover::before, #divContorPanel .cp-vrs a:hover::before {
color:#ef5b00
}
#divSearchPanel form {
	zoom:1
}
#divSearchPanel form:after {
	content:"";
	display:block;
	clear:both
}
#divSearchPanel input[type="text"] {
	width:70%;
	height:22px;
	float:left;
	display:inline;
	font-size:12px;
	color:#666;
	line-height:24px;
	border:1px solid #c8c8c8;
	outline:0;
	background:#fff
}
#divSearchPanel input[type="submit"] {
	width:22%;
	height:26px;
	float:right;
	display:inline;
	line-height:24px;
	border:1px solid #999;
	background:#eee
}
#divNavBar li, #divCatalog li, #divLinkage li, #divFavorites li, #divArchives li, #divAuthors li, #divStatistics li {
	width:50%;
	height:22px;
	float:left;
	overflow:hidden
}
#divCatalog li:before, #divPrevious li:before, #divLinkage li:before, #divNavBar li:before, #divComments li:before, #divAuthors li:before {
	content:"\e6a6";
	margin:0 3px 0 0;
	font-size:12px;
	font-family:iconfont;
	display:inline-block;
	vertical-align:top
}
#divArchives li:before, #divMisc li:before {
	display:none
}
.sidebar #divMisc li {
	width:50%;
	float:left;
	padding:0;
	text-indent:0;
	text-align:center;
	border:0;
	background:none
}
#divTags ul li {
	width:auto;
	float:left;
	margin:10px 0 0 0;
	padding:0;
	line-height:18px;
	white-space:nowrap;
	border:0
}
#divTags ul li:before {
	display:none
}
#divTags ul li a, .tags-cloud a {
	margin:0 10px 0 0;
	padding:0 8px;
	font-size:14px;
	color:#666;
	line-height:28px;
	border-radius:3px;
	border:1px solid #e0e0e0;
	display:inline-block;
	vertical-align:top
}
#divTags ul li a:hover, .tags-cloud a:hover {
	text-decoration:none;
	color:#ef5b00;
	border-color:#ef5b00
}
.tag-count {
	display:none
}
.footer {
	padding:20px 0 20px;
	font-size:12px;
	color:#a5a5a5;
	line-height:20px;
	background:#666
}
.footer a:hover {
	color:#fff
}
.sns {
	margin:10px 0 20px;
	font-size:0;
	text-align:center
}
.sns div {
	margin:0 10px;
	padding:0;
	display:inline-block;
	vertical-align:top
}
.sns div a {
	width:36px;
	height:36px;
	text-align:center;
	line-height:36px;
	border:1px solid #999;
	border-radius:50%;
	background:#555;
	position:relative;
	display:inline-block
}
.sns div a::after {
font-family:iconfont;
color:#fff
}
.sns div a.qq::after {
content:"\e60f";
font-size:28px
}
.sns div a.qq:hover {
	border-color:#12b7f5;
	background-color:#12b7f5
}
.sns div a.wechat span {
	width:120px;
	margin-left:-70px;
	padding:15px 10px 10px;
	border-top:2px solid #4cbf2a;
	box-shadow:0 0 2px 0 #bbb;
	background:#fff;
	position:absolute;
	bottom:50px;
	left:50%;
	z-index:30;
	display:none
}
.sns div a.wechat span::before {
content:"";
width:0;
height:0;
margin:-21px 0 0 -10px;
border:10px solid transparent;
border-top-color:#e0e0e0;
border-bottom-color:transparent;
position:absolute;
bottom:-20px;
left:50%;
z-index:3
}
.sns div a.wechat span::after {
content:"";
width:0;
height:0;
margin:-20px 0 0 -10px;
border:10px solid transparent;
border-top-color:#fff;
border-bottom-color:transparent;
position:absolute;
bottom:-18px;
left:50%;
z-index:3
}
.sns div a.wechat span img {
	width:100%;
	display:block
}
.sns div a.wechat::after {
content:"\e610";
font-size:32px
}
.sns div a.wechat:hover {
	border-color:#4cbf2a;
	background-color:#4cbf2a
}
.sns div a.email::after {
content:"\e617";
font-size:20px
}
.sns div a.email:hover {
	border-color:#f9671c;
	background-color:#f9671c
}
.sns div a.weibo::after {
content:"\e612";
font-size:32px
}
.sns div a.weibo:hover {
	border-color:#e6162d;
	background-color:#e6162d
}
.sns div a.group::after {
content:"\e604";
font-size:24px
}
.sns div a.group:hover {
	border-color:#38638c;
	background-color:#38638c
}
.friendlink {
	margin:0 10px 14px;
	font-size:0;
	text-align:center;
	border-bottom:1px dotted #444
}
.friendlink span {
	margin-right:10px;
	font-size:14px;
	color:#fff
}
.friendlink ul {
	line-height:16px;
	display:inline
}
.friendlink li {
	margin:0 20px 10px 0;
	display:inline-block;
	vertical-align:top
}
.friendlink li a {
	font-size:14px;
	color:#ddd
}
.foot {
	margin:0 10px;
	text-align:center;
	overflow:hidden
}
.link li {
	margin:0 0 10px;
	padding:0 20px;
	font-size:14px;
	line-height:14px;
	border-right:1px solid #808080;
	display:inline-block;
*display:inline;
*zoom:1
}
.link li {
	color:#ddd
}
.link li.noborder {
	border-right:0
}
.copyright {
	margin:0 10px;
	text-align:center
}
.copyright  {
	color:#a5a5a5
}
a.backtotop {
	width:45px;
	height:45px;
	text-align:center;
	line-height:45px;
	border-radius:3px;
	cursor:pointer;
	opacity:.8;
	background:rgba(10, 10, 10, 0.2);
	overflow:hidden;
	position:fixed;
	_position:absolute;
	right:30px;
	bottom:30px;
	_bottom:30px;
	z-index:99
}
a.backtotop i::after {
content:"\e600";
font-size:32px;
color:#fff;
font-family:iconfont
}
a.backtotop:hover {
	opacity:1;
	background:#ef5b00
}
a.setnight {
	width:45px;
	height:45px;
	margin-left:550px;
	text-align:center;
	line-height:45px;
	border-radius:3px;
	cursor:pointer;
	opacity:.8;
	background:rgba(10, 10, 10, 0.2);
	overflow:hidden;
	position:fixed;
	_position:absolute;
	right:30px;
	bottom:88px;
	_bottom:88px;
	z-index:99
}
a.setnight::after {
content:"\e6e4";
font-size:36px;
color:#fff;
font-family:iconfont
}
a.setnight.black:after {
	content:"\e635"
}
a.setnight:hover {
	opacity:1;
	background:#ef5b00
}
.advice {
	width:960px;
	margin:0 auto
}
.adtxt {
	width:770px;
	margin:0 auto;
	font-size:14px;
	color:#666;
	text-align:center
}
.adtxt .adtitle {
	height:40px;
	padding:20px 0 0;
	font-size:22px;
	color:#333;
	line-height:40px
}
.adtxt p {
	margin-bottom:15px
}
.adcontent, .adcontact, .adsubmit {
	text-align:center
}
.adcontent {
	margin-top:50px
}
.adcontent textarea {
	width:750px;
	padding:10px;
	font-size:16px;
	color:#333;
	line-height:25px;
	border:1px solid #dbdbdb
}
.adcontact {
	margin-top:20px
}
.adcontact label {
	font-size:16px
}
.adcontact input {
	width:666px;
	margin-left:20px;
	padding:10px;
	font-size:16px;
	color:#333;
	border:1px solid #dbdbdb
}
.adsubmit {
	margin-top:20px
}
.adsubmit input {
	width:188px;
	height:45px;
	font-size:18px;
	color:#ef5b00;
	text-align:center;
	line-height:38px;
	border:1px solid #ef5b00;
	border-radius:2px;
	cursor:pointer;
	background:#fff
}
.adsubmit input:hover {
	color:#fff;
	background:#ef5b00
}
.errorpage {
	width:420px;
	margin:0 auto 50px;
	text-align:center
}
.errorpage h2 {
	font-size:98px;
	line-height:150px;
	font-weight:bold;
	color:#666;
	margin:10px 0;
	text-shadow:rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px, rgba(61, 61, 61, 0.3) 3px 3px
}
.errorpage h3 {
	font-size:30px;
	color:#666;
	line-height:35px;
	margin:10px 0
}
.errorpage p {
	font-size:14px;
	color:#666;
	margin:0 0 10px
}
.schtxt {
	width:71%;
	float:left;
	padding:0 17px;
	font-size:14px;
	color:#666;
	line-height:40px;
	border:1px solid #ef5b00;
	border-radius:2px;
	outline:0;
	background-color:#fafafa;
	position:relative;
	z-index:2
}
.schbtn {
	width:20%;
	font-size:16px;
	color:#fff;
	padding:10px 0;
	line-height:22px;
	border:0;
	border-radius:2px;
	background:#ef5b00;
	outline:0;
	cursor:pointer
}
.main .goback {
	padding:10px 30px;
	font-size:16px;
	color:#fff;
	text-align:center;
	border-radius:2px;
	background:#ef5b00
}
.main .goback:hover {
	color:#fff;
	text-decoration:none
}
.fadebox {
	opacity:0
}
@-webkit-keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
-webkit-transform:translate3d(0, 50px, 0);
transform:translate3d(0, 50px, 0)
}
to {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}
@keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
-webkit-transform:translate3d(0, 50px, 0);
transform:translate3d(0, 50px, 0)
}
to {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}
.fadeInUp {
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp
}
.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.viewall {
	overflow:hidden;
	position:relative
}
.teles, .telesmore {
	width:100%;
	height:150px;
	color:#ef5b00;
	text-align:center;
	font-size:14px;
	text-indent:0;
	cursor:pointer;
	background:linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 50%);
	position:absolute;
	left:0;
	bottom:0;
	display:block
}
.telesmore i {
	margin:100px auto 0;
	line-height:36px;
	text-align:center;
	border:1px solid #ef5b00;
	border-radius:3px;
	background:#fff;
	display:block
}
.telesmore i:after {
	content:"\e69b";
	font-size:22px;
	font-family:iconfont;
	display:inline-block;
	vertical-align:top;
-webkit-animation:telesmoreico .4s infinite alternate
}
.teles i {
	margin:80px 0 20px;
	font-size:18px;
	font-style:normal;
	text-indent:0;
	line-height:28px;
	display:inline-block
}
.teles i:after {
	content:"\e69b";
	width:33px;
	margin-left:-20px;
	font-size:30px;
	font-family:iconfont;
	position:absolute;
	bottom:20px;
	left:50%;
-webkit-animation:telesico .4s infinite alternate;
-ms-animation:telesico .4s infinite alternate
}
@-webkit-keyframes telesico {
0% {
-webkit-transform:translate(0, 0)
}
100% {
-webkit-transform:translate(0, 5px)
}
}
@-webkit-keyframes telesmoreico {
0% {
-webkit-transform:translate(0, -2px)
}
100% {
-webkit-transform:translate(0, 3px)
}
}
@-webkit-keyframes arrow {
from {
-webkit-transform:translate3d(-webkit-calc(-44%), 5px, 0);
transform:translate3d(calc(-44%), 5px, 0)
}
to {
	-webkit-transform:translate3d(-webkit-calc(-44%), 0, 0);
	transform:translate3d(calc(-44%), 0, 0)
}
}
@keyframes arrow {
from {
-webkit-transform:translate3d(-webkit-calc(-44%), 5px, 0);
transform:translate3d(calc(-44%), 5px, 0)
}
to {
	-webkit-transform:translate3d(-webkit-calc(-44%), 0, 0);
	transform:translate3d(calc(-44%), 0, 0)
}
}
.readerimg {
	margin-bottom:5px;
	display:block
}
.readerimg img {
	width:48px;
	height:48px;
	margin:0 auto;
	border-radius:50%;
	display:block
}
.readername {
	font-size:14px;
	color:#666;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:block
}
.readernum {
	font-size:12px;
	color:#999;
	line-height:20px;
	display:block
}
.readernum::before {
content:"\e6a8";
margin:0 3px 0 0;
font-size:18px;
color:#999;
font-family:iconfont;
display:inline-block;
vertical-align:top
}
.readers ul {
	margin-left:-3%;
	font-size:0
}
.readers li {
	width:30.33%;
	margin:0 0 3% 3%;
	padding:10px;
	border:1px solid #f1f1f1;
	border-radius:3px;
	box-sizing:border-box;
	overflow:hidden;
	position:relative;
	display:inline-block;
	vertical-align:top;
	zoom:1
}
.readers li:after {
	content:"";
	display:block;
	clear:both
}
.readers li a {
	display:block
}
.readers li a::after {
content:"\e6e9";
font-size:16px;
color:#ccc;
font-family:iconfont;
position:absolute;
top:-2px;
right:5px
}
.readers li.top {
	padding:15px 10px 10px
}
.readers li.top .readersimg {
	float:none
}
.readers li.top .readersimg img {
	width:60px;
	height:60px;
	margin:0 auto
}
.readers li.top .readersinfo {
	margin-top:8px;
	padding:0;
	text-align:center
}
.readers li.top:nth-child(1) .honor {
background:#df951a
}
.readers li.top:nth-child(2) .honor {
background:#91a3a7
}
.readers li.top:nth-child(3) .honor {
background:#d98a63
}
.readers li.top a::after {
display:none
}
.readers li .honor {
	width:100px;
	height:22px;
	font-size:12px;
	color:#fff;
	text-align:center;
	line-height:22px;
	background:#0c60ee;
	position:absolute;
	top:10px;
	right:-29px;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg)
}
.readersimg {
	float:left;
	display:inline;
	margin-right:10px
}
.readersimg img {
	width:48px;
	height:48px;
	border-radius:50%;
	display:block
}
.readersinfo {
	padding-left:60px;
	font-size:12px;
	color:#888;
	line-height:25px;
	display:block
}
.readersinfo span {
	font-size:16px;
	color:#666;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:block
}
.closepage {
	background:#f1f1f1
}
.closesite {
	width:750px;
	margin:0 auto;
	padding:30px 40px;
	box-sizing:border-box;
	background:#fff;
	position:absolute;
	top:50%;
	left:50%;
	z-index:1;
	transform:translate(-50%, -50%)
}
.closesite h1 {
	margin:0 0 20px -40px;
	padding-left:33px;
	font-size:28px;
	color:#333;
	font-weight:600;
	border-left:5px solid #ef5b00
}
.closesitebg {
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:0
}
.closesitebg.bgmask::before {
content:"";
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.5);
position:absolute;
top:0;
left:0;
z-index:1
}
.closelogo {
	margin-bottom:20px;
	font-size:16px;
	color:#999
}
.closelogo img {
	width:100px
}
.closecon {
	font-size:16px;
	color:#666;
	text-align:justify;
	line-height:1.9
}
.night {
	background:#191919
}
.night, .night body {
	color:#999
}
.night .wrapper {
	background:#191919
}
.night .container, .night .main {
	background:#191919
}
.night .headbg, .night .define {
	background:#202020
}
.night .headbg .logo a img:first-child, .night .define .logo a img:first-child {
	display:block
}
.night .headbg .logo a img:last-child, .night .define .logo a img:last-child {
	display:none
}
.night .headbg .menu li a, .night .define .menu li a {
	color:#fafafa
}
.night .headbg .menu li a:hover, .night .define .menu li a:hover {
	color:#ef5b00
}
.night .headbg .menu li.on a, .night .define .menu li.on a {
	color:#ef5b00
}
.night .headbg .search, .night .define .search {
	border-color:#888;
	background:#262626
}
.night .headbg .search .text, .night .define .search .text {
	color:#ccc
}
.night .headbg .search .btn::after, .night .define .search .btn::after {
color:#ccc
}
.night .menu li.subcate .subnav a {
	color:#ccc
}
.night .menu li .subnav {
	box-shadow:0 2px 2px 0 #191919;
	background:#202020
}
.night .menu li .subnav a {
	border-color:#191919
}
.night .menu li .subnav::after {
border-bottom-color:#202020
}
.night .search.on {
	border-color:#ef5b00
}
.night .searchnull {
	background:#262626
}
.night .caption h3, .night .captab li a, .night .selling li span, .night .newstitle h3, .night .newsname a {
	color:#ccc
}
.night .casebox, .night .news, .night .sitemap, .night .multi, .night .articlebox, .night .sidebox {
	background:#262626
}
.night .captab li.on a {
	color:#ef5b00;
	border-color:#ef5b00
}
.night .captab li a {
	border-color:#444
}
.night .selling li span {
	color:#999
}
.night .selling li span.bold {
	color:#ccc
}
.night .selling li:hover {
	box-shadow:0 0 3px #444
}
.night .selling li:hover span {
	color:#ef5b00
}
.night .newsdate {
	color:#ccc;
	border-color:#333;
	background:#202020
}
.night .newsread {
	background:#202020
}
.night .newslist li.on .newsintro {
	color:#ccc
}
.night .friend li {
	border-color:#444;
	background:#262626
}
.night .friend p {
	border-color:#444
}
.night .multi h2 a {
	color:#ccc
}
.night .multi h2 a:hover {
	color:#ef5b00
}
.night .multiinfo span {
	color:#666
}
.night .multiinfo span a {
	color:#666
}
.night .multiinfo span a:hover {
	color:#ef5b00
}
.night .imglist .imglistinfo {
	background:#262626
}
.night .imglist .imglistinfo h3 a {
	color:#ccc
}
.night .imglist .imglistinfo h3 a:hover {
	color:#ef5b00
}
.night .pagebar, .night .cmtpagebar {
	background:#262626
}
.night .pagebar a, .night .cmtpagebar a {
	color:#ccc;
	border-color:#444;
	background:#444
}
.night .main .ias_trigger a {
	background:#262626
}
.night .main .ias_trigger a:hover {
	background:#ef5b00
}
.night .singletitle {
	border-color:#444
}
.night .singletitle h1 {
	color:#ccc
}
.night .content p {
	color:#999
}
.night .readername {
	color:#bbb
}
.night .readers li {
	border-color:#505050;
	background:#333
}
.night .readers li a::after {
color:#888
}
.night .readersinfo span {
	color:#bbb
}
.night .tags a {
	color:#ccc;
	border-color:#444;
	background:none
}
.night .tags a:hover {
	color:#ef5b00;
	border-color:#ef5b00
}
.night .tagscloud li {
	background:#444
}
.night .tagscloud li a {
	color:#ccc
}
.night .tagscloud li a:hover {
	color:#fff
}
.night .tagscloud li:hover {
	color:#fff;
	background:#ef5b00
}
.night .down {
	border-color:#444;
	background:#222
}
.night .telesmore i {
	background:#262626
}
.night .teles, .night .telesmore {
	background:linear-gradient(to bottom, rgba(38, 38, 38, 0), #262626 50%)
}
.night .listtitle h3, .night .cmttitle h3, .night .reltitle h3, .night .sidetitle h3 {
	color:#ccc;
	border-color:#444
}
.night .sidecon li {
	border-color:#444
}
.night .sidecon li::before {
color:#666
}
.night .sidecon li a {
	color:#999
}
.night .sidecon li a:hover {
	color:#ef5b00
}
.night #divCalendar th, .night #divCalendar td, .night #divCalendar caption {
	border-color:#444;
	background:none
}
.night #divSearchPanel input[type="text"], .night #divSearchPanel input[type="submit"] {
	color:#ccc;
	border-color:#444;
	background:none
}
.night #divContorPanel .sidecon div, .night #divContorPanel .cp-hello {
	border-color:#444;
	background:transparent
}
.night #divContorPanel .cp-login a, .night #divContorPanel .cp-vrs a {
	border-color:#444
}
.night #divTags ul li a, .night .tags-cloud a {
	color:#999;
	border-color:#444
}
.night #divTags ul li a:hover, .night .tags-cloud a:hover {
	color:#ef5b00;
	border-color:#ef5b00
}
.night .comment, .night .relate, .night .pages {
	border-color:#444
}
.night .pages a {
	color:#ccc
}
.night .pages a:hover {
	color:#ef5b00
}
.night .pages a.backtolist {
	color:#ef5b00
}
.night .pages a.backtolist:hover {
	color:#fff
}
.night .ias_trigger a, .night .ias_loader a {
	border-color:#444;
	background:#262626
}
.night .pagination-loading {
	background:#262626
}
.night .cmtarea textarea {
	border-color:#444;
	background:#191919
}
.night .cmtsubmit button {
	border-color:#444;
	background:none
}
.night .cmtsubmit button:hover {
	border-color:#ef5b00
}
.night .cmtsitem, .night .cmtsreply, .night .reply-frm {
	border-color:#444
}
.night .cmtsreplyname a, .night .cmtsname a {
	color:#ccc
}
.night .cmtsreplyname a:hover, .night .cmtsname a:hover {
	color:#ef5b00
}
.night .cmtform {
	border-color:#444
}
.night .cmtform input {
	border-color:#444;
	background:#191919
}
.night .cmtform img.imgcode {
	border-color:#444
}
.night .cmtsdate {
	color:#666
}
.night .relateinfo h3 a {
	color:#ccc
}
.night .relateinfo h3 a:hover {
	color:#ef5b00
}
.night .relateinfo p {
	color:#777
}
.night .relatelist {
	border-color:#444
}
.night .relatelist a {
	color:#ccc
}
.night .relatelist a:hover {
	color:#ef5b00
}
.night .relatelist .posttime {
	color:#999
}
.night .diallel, .night .onlyone {
	border-color:#444
}
.night .archivelist h3 a {
	color:#999
}
.night .archivelist h3 a:hover {
	color:#ef5b00
}
.night .archivedate {
	border-color:#444
}
.night .footer {
	color:#666;
	background:#202020
}
.night .footer a:hover {
	color:#ef5b00
}
.night .sns div a {
	border-color:#444;
	background:#262626
}
.night .sns div a::after {
color:#ccc
}
.night .sns div a:hover::after {
color:#fff
}
.night .friendlink span, .night .friendlink a {
	color:#999
}
.night .link a {
	color:#999
}
.night .copyright a {
	color:#666
}
.night a.backtotop, .night .setnight {
	background:rgba(68, 68, 68, 0.8)
}
.night a.backtotop:hover {
	background:#ef5b00
}
.night .schtxt {
	color:#ef5b00;
	background:#262626
}
@media screen and (max-width:1380px) {
.caplist ul {
max-width:100%
}
.caplist ul li {
width:45%
}
.caselist {
width:90%
}
a.setnight {
width:36px;
height:36px;
margin:auto;
line-height:36px;
right:10px;
bottom:60px;
left:auto
}
a.setnight::after {
font-size:30px
}
a.backtotop {
width:36px;
height:36px;
margin:auto;
line-height:38px;
right:10px;
bottom:20px;
left:auto
}
a.backtotop i:after {
font-size:26px
}
}
@media screen and (max-width:1000px) {
.wrapper, .wrap, .advice {
width:100%;
min-width:100%
}
.static .menuico {
top:11px
}
.static .logo {
margin-top:12px
}
.static .menu {
top:60px;
z-index:999
}
.header {
height:60px
}
.header.isslide {
background:#fff
}
.header.isslide .menu {
top:60px
}
.header.isslide .menu ul li.on&gt;a {
color:#ef5b00
}
.headbg .wrap, .define .wrap {
height:60px
}
.headbg .menuico, .define .menuico {
top:11px
}
.headbg .menu, .define .menu {
top:60px;
z-index:999
}
.headbg .logo a img, .define .logo a img {
height:36px
}
.logo {
height:60px;
margin-left:20px
}
.logo a {
height:60px
}
.logo a img {
height:40px
}
.logo a img:first-child {
display:none
}
.logo a img:last-child {
display:block
}
.menuico {
display:inline
}
.search, .menu, .adcontact label {
display:none
}
.sch-m {
display:block
}
.menu {
width:100%;
height:auto;
float:left;
margin:0;
border-top:1px solid #111;
display:none
}
.menu ul {
width:100%;
padding-right:0;
border-left:0
}
.menu ul li {
width:100%;
padding:0;
color:#ddd;
line-height:40px;
border-bottom:1px solid #111;
border-right:0
}
.menu ul li::before {
display:none
}
.menu ul li a {
padding:0 18px;
font-size:16px;
color:#666;
border:0;
display:block
}
.menu ul li.subcate:hover .subnav {
display:none
}
.menu ul li.subcate&gt;a:after {
content:"\e69b";
margin-left:10px;
font-size:16px;
color:#666;
font-family:iconfont;
font-weight:600;
position:absolute;
top:0;
right:18px
}
.menu ul li.subcate.slidedown&gt;a:after {
content:"\e6a4";
color:#ef5b00
}
.menu ul li.subcate.slidedown .subnav {
margin-bottom:-1px;
padding:0;
line-height:40px;
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
box-shadow:none;
background:#fafafa;
position:static;
display:block;
-webkit-animation:fadeInUp 0s 0s ease both;
-moz-animation:fadeInUp 0s 0s ease both
}
.menu ul li.subcate.slidedown .subnav::before, .menu ul li.subcate.slidedown .subnav::after {
display:none
}
.menu ul li.subcate.slidedown .subnav a {
padding:0 18px;
color:#666
}
.menu.on {
width:100%;
margin:0;
padding:5px 0 0;
display:block
}
.menuico {
display:block
}
.slide {
margin-top:60px
}
.videoslide {
margin-top:60px
}
.swiper-button-prev {
background:rgba(0, 0, 0, 0.5);
left:0
}
.swiper-button-next {
background:rgba(0, 0, 0, 0.5);
right:0
}
.swiper-button-prev::after, .swiper-button-next::after {
font-size:28px
}
.custom, .caption, .captab {
width:90%
}
.custom h2 {
font-size:24px;
line-height:36px
}
.custom a {
margin:0 10px 5px;
padding:0 20px;
font-size:16px;
line-height:32px
}
.custom a.grey {
padding:0 20px;
line-height:30px
}
.caption {
padding-bottom:30px
}
.captab {
margin:0 auto 40px
}
.captab li a {
padding:12px 30px
}
.tabitem, .aboutme {
width:90%;
margin-bottom:40px
}
.caseinfo {
padding:0;
bottom:-56px
}
.caseinfo strong {
margin-bottom:6px;
font-size:16px;
line-height:40px
}
.caseinfo strong::after {
line-height:40px
}
.caseinfo span {
font-size:13px;
line-height:22px
}
.newslist ul {
width:90%;
margin:0 auto
}
.newslist ul li {
width:100%;
margin:0 0 4% 0;
padding-bottom:4%;
border-bottom:1px dotted #e0e0e0
}
.main {
padding:70px 10px 10px
}
.single, .sidebar {
width:auto;
float:none
}
.sidebar.hide {
display:none
}
.adtxt {
width:92%
}
.adcontent {
margin:30px auto 0
}
.adcontent textarea {
width:90%
}
.adcontact input {
width:90%;
margin:0
}
.imglist ul {
margin-left:-10px
}
.imglist ul .imgitem {
width:calc(33.33% - 10px);
margin:0 0 10px 10px
}
.friend {
width:90%;
margin:0 auto
}
.friend li {
width:30%
}
.night .header.isslide {
background:#202020
}
.night .header.isslide .logo a img:first-child {
display:block
}
.night .header.isslide .logo a img:last-child {
display:none
}
.night .headbg .menu li a, .night .define .menu li a {
color:#ccc
}
.night .menu.on {
border-color:#444;
background:#202020
}
.night .menu.on li {
border-color:#444
}
.night .menu ul li a {
color:#ccc
}
.night .menu ul li a:hover {
color:#ef5b00
}
.night .menu ul li.subcate&gt;a::after {
color:#ccc
}
.night .menu ul li.subcate.slidedown .subnav {
border-color:#444;
background:#191919
}
.night .menu ul li.subcate.slidedown .subnav a {
color:#ccc;
border-color:#333
}
.night .menu ul li.subcate.slidedown .subnav a.on {
color:#ef5b00
}
.night .menuico span {
background:#fff
}
.night .newslist ul li {
border-color:#444
}
}
@media screen and (max-width:800px) {
.comment .cmtimg {
display:none
}
.comment .cmtarea {
padding:0
}
}
@media screen and (max-width:700px) {
.static .menu {
top:50px
}
.header {
height:50px
}
.header .menu {
top:50px
}
.header.isslide .menu {
top:50px
}
.headbg .wrap, .define .wrap {
height:50px
}
.headbg .logo, .define .logo {
height:50px
}
.headbg .logo a, .define .logo a {
height:50px
}
.headbg .menuico, .define .menuico {
top:6px
}
.headbg .menu, .define .menu {
top:50px
}
.logo {
height:50px;
margin-left:10px
}
.logo a {
height:50px
}
.logo a img {
height:36px
}
.slide {
margin-top:50px
}
.videoslide {
margin-top:50px
}
.videobanner {
display:none
}
.menuico {
margin-right:8px;
top:6px
}
.menu li a {
padding:5px 0
}
.container {
padding-top:30px
}
.main {
padding:60px 5px 10px
}
.custom h2 {
margin-bottom:10px;
font-size:20px;
line-height:32px
}
.custom a.red {
border:1px solid #ef5b00
}
.swiper-container-horizontal&gt;.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom:0
}
.swiper-pagination-bullet {
width:14px;
height:2px;
padding:14px 0;
border-radius:2px;
opacity:1
}
.captab {
margin:0 auto 20px
}
.captab li {
width:33.33%;
overflow:hidden
}
.captab li a {
padding:0 0 10px;
font-size:16px;
display:block
}
.captab li a img {
height:15px;
margin:6px 5px 0 0
}
.caption {
padding:0 0 20px
}
.caption, .captab, .tabitem, .caselist, .aboutme, .newslist ul, .friend {
width:94%
}
.tabitem, .aboutme {
margin-bottom:30px
}
.selling ul {
margin-bottom:20px
}
.selling li {
width:48%;
margin-bottom:2%;
padding:15px 5px 5px
}
.selling li span {
margin:10px 0;
padding:0 5px
}
.caplist {
padding:35px 0
}
.captxt {
padding-left:15px;
padding-right:15px
}
.captxt h4 a {
font-size:18px
}
.casebox {
margin-bottom:30px;
padding:30px 0
}
.casebox li {
width:47%
}
.casebtn {
margin:10px auto 0
}
.multi {
padding:15px
}
.multi h2 {
margin:0 0 6px;
font-size:18px;
line-height:30px
}
.multibox {
padding-left:134px
}
.multiimg {
width:120px
}
.multiintro {
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden
}
.multiinfo {
margin-top:10px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden
}
.imglist ul {
margin-left:-5px
}
.imglist ul .imgitem {
width:calc(50% - 5px);
margin:0 0 5px 5px
}
.imglist .imglistinfo {
padding-bottom:10px
}
.imglist .imglistinfo h3 {
margin:10px 0 8px
}
.imglist .imglistinfo h3::after {
height:16px;
top:5px
}
.imglist .imglistinfo h3 a {
font-size:16px
}
.news {
padding:30px 0
}
.newsname {
margin-bottom:10px
}
.newsbtn {
margin-bottom:0
}
.friend {
padding:30px 0 20px
}
.sitemap {
padding:10px 15px;
font-size:12px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden
}
.singletitle {
margin:15px 15px 0
}
.singletitle h1 {
font-size:20px
}
.content {
padding:0 15px
}
.onlyone {
margin:0 15px
}
.diallel {
margin:0 15px 10px
}
.diallel .relatelist {
width:100%;
float:none;
display:block
}
.diallel .relatelist:nth-child(even) {
float:none;
display:block
}
.tags, .sharebox {
margin:0 15px 10px
}
.articletitle {
height:50px;
margin:0 15px
}
.articlecon {
padding:0
}
.comment, .relate, .pages {
margin:0 15px;
padding:10px 0
}
.cmtsitem {
padding:14px 0 10px
}
.cmtsitem .avatar {
width:38px;
height:38px
}
.cmtsitem .avatar img {
width:38px;
height:38px
}
.cmtscon {
margin-left:50px
}
.cmtshead {
zoom:1
}
.cmtshead:after {
content:"";
display:block;
clear:both
}
.cmtsname {
width:100%;
float:left;
display:inline
}
.cmtsdate {
float:left;
display:inline
}
.cmtsbody, .cmtsreply {
margin-left:-50px
}
.cmtsfoot {
margin-left:-50px;
text-align:right
}
.cmtlist {
padding:0 15px
}
.cmtarea {
padding:0
}
.cmtform p {
width:100%
}
.cmtform input {
width:60%
}
.cmtform #inpVerify {
width:30%
}
.cmtform img.imgcode {
width:calc(30% - 12px);
border-radius:3px
}
.cmtimg {
display:none
}
.cmtsubmit {
text-align:center
}
.cmtsubmit button {
width:100%;
height:40px;
margin:0 0 10px 0
}
.reply-frm {
margin-left:-50px
}
.map li {
height:auto;
padding:10px 0;
line-height:25px;
list-style-type:none
}
.map li a {
display:block
}
.map li span {
padding-left:0;
position:static
}
.newstitle {
margin-bottom:20px
}
.newsread {
display:none
}
.down {
margin:0 15px 15px;
padding:10px
}
.downimg {
width:100px
}
.downinfo {
padding-left:116px
}
.downinfo h3 {
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden
}
.footer {
padding:20px 0
}
.sns div a {
width:32px;
height:32px;
line-height:32px
}
.tagscloud li {
width:48%
}
.readers li {
width:47%;
padding:15px 10px 10px
}
.readers li img {
width:60px;
height:60px
}
.readersimg {
float:none
}
.readersimg img {
margin:0 auto
}
.readersinfo {
margin-top:8px;
padding:0;
text-align:center;
line-height:20px
}
.closepage {
padding:1px 0
}
.closesite {
width:90%;
margin:5%;
padding:20px;
position:relative;
top:auto;
left:auto;
transform:none
}
.closesite h1 {
margin:0 0 20px -20px;
padding-left:15px;
font-size:22px
}
}
@media screen and (max-width:410px) {
.imglist ul {
width:100%
}
.caplist ul {
width:95%
}
.caplist ul li {
width:100%;
margin:0 0 30px
}
.cmtsubmit span, .cmtinfo .datetime, #divCatalog {
display:none
}
a.backtolist {
margin:0 0 20px;
float:none;
text-align:center;
display:block
}
.cmtimg {
margin:6px 0 0
}
.relateimg {
width:100px;
margin-right:14px
}
.relateinfo h3 {
margin-bottom:5px
}
.relateinfo h3 a {
font-size:16px
}
}
</pre></body></html>