@charset "utf-8";

*{word-break: break-word;}

body {

	background-color: #f6f6f6;

}

a:hover, .mcolor, .ui-banner .ui-banner-slogans li.ui-banner-slogans-current h3, .loglist li.con .des h2 i.fa, .wapost h2 i.fa, .calendar td.day a, .logcon a, #tw li p:hover {

	color: #2984DE;

}

.itbox h3, .loglist li.con:hover .more, #pagenavi a:hover {

	background: #2984DE;

}

.loglist li.con:hover, #blogsort ul li a:hover, #pagenavi a:hover, #tw li:hover i {

	border-color: #2984DE;

}

#topnav {

	background-color: #222222;

}

#topnav .tnrt a, .comment .comment-content a.fa {

	color: #2984DE;

}



* {

	padding: 0;

	margin: 0

}

ul {

	list-style: none

}

img {

	border: 0;

	transition: all .3s linear;

}

input, select {

	font-size: 12px;

	vertical-align: middle

}

em, i {

	font-style: normal

}

a {

	color: #111;

	text-decoration: none;

	transition: all .3s linear;

	-webkit-transition: all .3s linear;

}

a:hover {

	color: #2984DE

}

body {

	color: #555;

	font-family: "\5FAE\8F6F\96C5\9ED1", "\82F9\679C\4E3D\4E2D\9ED1", Arial, Helvetica, sans-serif;

	font-size: 14px;

	background-color: #f6f6f6;

	background-position: center 98px;

	background-repeat: repeat

}

.wrap {

	width: 1200px;

	margin: 0 auto;

}

i.fa {

	color: #aaa

}

.mcolor {

	color: #2984DE

}

/* Head */

#topnav {

	height: 28px;

	line-height: 28px;

	font-size: 12px;

	background: #222;

	clear: both

}

#topnav .tnlt {

	float: left;

	max-width: 50%;

	color: #aaa;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden

}

#topnav .tnrt {

	float: right

}

#topnav .tnrt a {

	color: #2984DE;

	margin-left: 15px

}

#topnav .tnrt a i.fa {

	color: #bbb;

	margin-right: 3px

}

#mainav {

	width: 100%;

	height: 68px;

	color: #fff;

	

}

#mainav a {

	color: #fff

}

#mainav .navbox {

	width: 100%;

	height: 68px;

	line-height: 68px;

	background:#2984DE /* url(../images/header-bg.png)  */ bottom;

	z-index: 9990;

	box-shadow: 0 3px 3px #fff

}

#mainav .navbox .wrap {

	position: relative;

	height: 100%;

}

#mainav .mlogo {

	float: left;

	width: 300px;

	height: 100%;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden

}

#mainav .mlogo a {

	font-size: 30px;

}

#mainav .mlogo img {

	height: 50px;
	margin-top: 9px;

}

#mainav .topmenu {

	position: absolute;

	top: 0;

	right: 0

}

#mainav .bar {

	margin-right: -18px

}

#mainav .bar li {

	position: relative;

	float: left;

	z-index: 9991;

}

#mainav .bar>li:last-child .dot {

	display: none

}

#mainav .bar li i.dot {

	position: absolute;

	top: 50%;

	right: 0;

	display: block;

	width: 1px;

	height: 16px;

	margin: -7px 0 0;

	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 0) 100%);

}

#mainav .bar li a {

	display: block;

	font-size: 16px;

	text-align: center;

	padding: 0 10px;

}

#mainav .bar li a:hover {

	color: #FCEE8B

}

#mainav .bar li a i.fa {

	color: #fff;

	font-size: 12px;

	margin-left: 4px;

	transition: all .1s linear;

	-webkit-transition: all .1s linear;

}

#mainav .bar li:hover i.fa {

	-webkit-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	-o-transform: rotate(180deg);

	transform: rotate(180deg);

}

#mainav li.current a {

	font-weight: bold

}

#mainav li.current li a {

	font-weight: normal

}

#mainav li .sub-nav {

	display: none;

	position: absolute;

	top: 68px;

	left: -1px;

	width: 100%;

	border-top: 0;

	padding: 0 0 5px;

	z-index: 9992;

	border-radius: 0 0 8px 8px;

	background: #777;

}

#mainav .sub-nav li {

	width: 100%;

	height: 32px;

	line-height: 32px;

	border-top: 1px #999 solid;

	border-right: 0

}

#mainav .sub-nav li a {

	width: 100%;

	font-size: 14px;

	padding: 0

}

#mainav .sub-nav a:hover {

	background: #444;

}

#mainav .headfix {

	position: fixed;

	top: 0;

	left: 0;

	line-height: 42px;

}

#mainav .headfix .mlogo a {

	font-size: 24px

}

#mainav .headfix .mlogo img {

	height: 42px;
	margin-top: 0;

}


#mainav .headfix .bar li a {

	font-size: 14px

}

#mainav .headfix .sub-nav {

	top: 42px

}

#mainav .fa-navicon {

	display: none;

	position: fixed;

	top: 15px;

	right: 15px;

	color: #fff;

	font-size: 2em;

	cursor: pointer;

	z-index: 9999

}

/* Left */

#content {

	padding: 22px 0;

	clear: both

}

#contentleft {

	float: left;

	width: 981px;

}

.imoney {

	width: 100%;

	margin: 0 0 15px;

	text-align: center;

	overflow: hidden

}

.imoney img {

	width: 100%

}

.ui-banner {

	display: block;

	position: relative;

	width: 100%;

	margin: 0 0 20px;

	background: #fff

}

.ui-banner.ui-banner-invalid {

	display: none;

}

.ui-banner, .ui-banner .ui-banner-slides, .ui-banner .ui-banner-slogans, .ui-banner .ui-banner-arrow {

	height: 320px;

}

.ui-banner .ui-banner-slides, .ui-banner .ui-banner-slogans, .ui-banner .ui-banner-arrow {

	position: absolute;

	top: 0;

}

.ui-banner ul {

	overflow: hidden;

}

.ui-banner .ui-banner-slides {

	width: 660px;

	height: 320px;

	left: 0

}

.ui-banner .ui-banner-slides li {

	display: none;

	position: absolute;

	width: 100%;

	height: 100%;

}

.ui-banner .ui-banner-slides li img {

	width: 100%;
	height: auto;

}

.ui-banner .ui-banner-slides li.ui-banner-slides-current, .ui-banner .ui-banner-slides li.ui-banner-slides-prev, .ui-banner .ui-banner-slides li.ui-banner-slides-next {

	display: block;
	background-size: cover !important;

}

.ui-banner .ui-banner-slides li.ui-banner-slides-current {

	left: 0;

}

.ui-banner .ui-banner-slides li.ui-banner-slides-prev {

	left: -660px;

}

.ui-banner .ui-banner-slides li.ui-banner-slides-next {

	left: 660px;

}

.ui-banner .ui-banner-slogans {

	width: 280px;

	height: 320px;

	overflow: hidden;

	padding: 0 20px;

	right: 0;

	background: #fff;

}

.ui-banner .ui-banner-slogans li {

	padding: 17px 0;

	border-bottom: 1px #ddd dotted;

	cursor: pointer;

}

.ui-banner .ui-banner-slogans li h3 {

	font-size: 18px;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden

}

.ui-banner .ui-banner-slogans li .des {

	font-size: 12px;

	height: 44px;

	line-height: 22px;

	padding: 5px 0 0;

	overflow: hidden

}

.ui-banner .ui-banner-slogans li.ui-banner-slogans-current h3 {

	color: #2984DE;

}

.ui-banner .ui-banner-slogans li.ui-banner-slogans-prev {

	border-bottom: none;

}

.ui-banner .ui-banner-arrow {

	display: block;

	width: 18px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	right: 0;

	outline: none;

	color: #fff;

	background: #eee;

	transition: all .3s linear;

}

.ui-banner .ui-banner-arrow:hover {

	background: #2984DE

}

.ui-banner .ui-banner-arrow.ui-banner-arrow-prev {

	top: 0

}

.ui-banner .ui-banner-arrow.ui-banner-arrow-next {

	top: auto;

	bottom: 0

}

.itbox {

	position: relative;

	height: 42px;

	line-height: 42px;

	margin: 0 0 15px;

	background: #FFF;

}

.itbox h3 {

	position: absolute;

	top: 0;

	left: 0;

	width: 110px;

	text-align: center;

	color: #fff;

	font-size: 15px;

	background: #2984DE;

	box-shadow: 20px 0 30px #fff

}

.itscroll {

	border: 0 #fff solid;

	border-width: 0 15px 0 110px;

	clear: both;

	overflow: hidden

}

.itscroll .con {

	width: 5000%

}

.itscroll .con ul {

	float: left

}

.itscroll li {

	float: left;

	margin: 0 1em;

}

.itscroll li i.fa {

	margin-right: 5px

}

.itscroll li span {

	margin-left: 4px;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif

}

.cmsbox {

	width: 996px;

	overflow: hidden

}

.cmslist {

	float: left;

	width: 290px;

	min-height: 282px;

	margin: 0 16px 16px 0;

	border: 1px #e5e5e5 solid;

	background: #FFF;

	padding: 5px 12px;

}

.cmslist .xyti {

	height: 34px;

	line-height: 34px;

	border-bottom: 1px #e5e5e5 solid;

}

.cmslist .xyti h3 {

	font-size: 15px;

}

.cmslist .xyti h3 i.fa {

	margin-right: 9px

}

.cmslist ul {

	padding: 8px 0

}

.cmslist li {

	height: 28px;

	line-height: 28px;

	font-size: 14px;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden

}

.cmslist li i.fa {

	font-size: 10px;

	margin-right: 6px

}

.cmslist li.first {

	height: 80px;

	line-height: 18px;

	white-space: normal;

	padding: 5px 0

}

.cmslist li.first .pic {

	display: block;

	float: left;

	width: 120px;

	height: 80px;

	margin-right: 10px;

	overflow: hidden

}

.cmslist li.first img {

	width: 120px;

	height: 80px;

}

.cmslist li.first img:hover, .loglist li.con .des img:hover {

	-webkit-transform: scale(1.2);

	-moz-transform: scale(1.2);

	-ms-transform: scale(1.2);

	-o-transform: scale(1.2);

}

.cmslist li.first .text {

	display: block;

	width: 160px;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden

}

.cmslist li.first div {

	color: #999;

	font-size: 12px;

	padding-top: 4px;

}

.loglist li.con {

	position: relative;

	margin: 0 0 15px;

	border: 1px #e5e5e5 solid;

	background: #FFF;

	padding: 10px 10px;

	clear: both;

	overflow: hidden;

	transition: all .4s linear;

}

.loglist li.con:hover {

	border: 1px #2984DE solid;

}

.loglist li.con .info {

	float: left;

	width: 140px;

	line-height: 30px;

	margin-right: 20px;

	color: #999;

	font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei";

	border-right: 1px #e5e5e5 dotted;

	overflow: hidden;

	height: 30px;

}

.loglist li.con .info span:not(.sn) a {

	color: #999

}

.loglist li.con .info .sn a {

	display: block;

	margin: 0 0 15px;

	font-size: 16px;

	text-align: center;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	border-radius: 15px 0 0 15px;

	background: #f6f6f6

}

.loglist li.con .info .sn a:hover {

	background: #f6f6f6

}

.loglist li.con .info .pi span em {

	display: none

}

.loglist li.con .info i.fa {

	margin: 0 5px 0 12px

}

.loglist li.con .des .h2 {

	font-weight: normal;

	padding: 0 0 15px;

	display: block

}

.loglist li.con .des i.fa {

	margin-right: 6px;

	font-size: 1.2em

}

.loglist li.con .des .h2 {

	font-size: 18px;

	word-break: keep-all;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

.loglist li.con .des .h2:hover {

	padding-left: 10px;

}

.loglist li.con .des .pic {

	display: block;

	float: left;

	width: 17%;

	height: 100px;

	margin-right: 10px;

	overflow: hidden

}

.loglist li.con .des img {

	width: 100%;

	max-height: 100px;

}

.loglist li.con .des .text {

	line-height: 24px;

	height: 72px;

	overflow: hidden;

}

.loglist li.con .des .tags {

	clear: both;

	padding: 10px 0 0;

}

.tags a {

	display: inline-block;

	margin: 0 3px 5px 0;

	font-size: 12px;

	border: 1px #ddd solid;

	border-radius: 12px;

	padding: 3px 8px;

	background-image: linear-gradient(#fff, #F6F6F6);

}

.loglist li.con .more {

	position: absolute;

	bottom: 0;

	right: 0;

	width: 100px;

	height: 32px;

	line-height: 32px;

	color: #fff;

	text-align: center;

	background: #d2d2d2;

}

.loglist li.con .more i {

	color: #fff;

	margin-left: 8px

}

.loglist li.con:hover .more {

	background: #2984DE

}

.loglist li.con .more:hover {

	width: 150px;

}

.wapost {

	width: 290px;

	margin: 0 0 -1px -1px;

	border: 1px #e5e5e5 solid;

	background: #FFF;

	padding: 14px 18px;

	transition: all .4s linear;

}

.wapost:hover {

	box-shadow: 0 0 50px 2px rgba(0,0,0,0.2);

	position: relative;

	z-index: 9;

}

.wapost i.fa {

	margin-right: 4px

}

.wapost .aptop {

	border-bottom: 1px #e5e5e5 solid;

	padding: 15px 0;

	overflow: hidden;

}

.wapost .aptop .sn {

	float: left;

}

.wapost .aptop .sn a {

	font-size: 16px;

	font-weight: bold

}

.wapost .aptop .pi {

	float: right;

	color: #999;

	font-size: 12px

}

.wapost .aptop .pi span em {

	display: none

}

.wapost h2 {

	padding: 15px 0 20px

}

.wapost h2 a {

	font-size: 18px;

}

.wapost .img {

	text-align: center

}

.wapost .img img {

	width: 290px;

	height: 200px;

}

.wapost .text {

	word-break: break-all;

	word-wrap: break-word;

	line-height: 22px;

	padding: 10px 0;

}

.wapost .tags a {

	display: inline-block;

	margin: 0 3px 4px 0;

	color: #aaa;

	font-size: 12px;

	border: 1px #ddd dotted;

	border-radius: 5px;

	padding: 2px 5px;

}

.wapost .count {

	margin-top: 10px;

	border-top: 1px #e5e5e5 solid;

	padding: 15px 0;

	overflow: hidden;

}

.wapost .count span {

	float: left;

	margin-right: 40px;

	font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei";

}

.wapost .count span.edit {

	float: right;

	margin-right: 0;

	font-size: 12px;

}

.loading {

	text-align: center;

	padding: 30px 0;

	clear: both

}

/* Right */

#sidebar {

	float: right;

	width: 202px;

	overflow: hidden

}

#sidebar>li {

	margin-bottom: 20px;

	border: 1px #e5e5e5 solid;

	background: #FFF;

	overflow: hidden

}

#sidebar .rlist1 {

	border-top: 3px #333 solid;

}

#sidebar .rlist1 h3 {

	height: 38px;

	line-height: 38px;

	text-align: center;

	font-size: 16px;

	font-weight: normal;

	background: #f6f6f6;

}

#sidebar .rlist1 ul {

	padding: 10px 12px

}

#sidebar .rlist1 ul li {

	line-height: 24px;

	border-bottom: 1px #eee solid;

	padding: 10px 0

}
#sidebar .rlist1 ul li a{
	
	display: -webkit-box;
	
	-webkit-box-orient: vertical;
	
	-webkit-line-clamp: 4;
	
	overflow: hidden;
}

#sidebar .rlist1 ul li:last-child {

	border-bottom: 0

}

#sidebar .rlist1 .link a{line-height:30px;}

.calendartop {

	width: 100%;

	line-height: 30px;

	border-collapse: collapse;

	text-align: center;

}

.calendar {

	width: 100%;

	border-collapse: collapse;

}

.calendar td {

	font-size: 12px;

	text-align: center;

	border: 1px #eee solid;

	padding: 1px 5px;

	line-height: 20px;

}

.calendar td.day {

	background: #eee

}

.calendar td.day a {

	color: #2984DE

}

.calendar .sun {

	color: #333;

	font-weight: bold

}

#newcomment i.fa {

	color: #ccc;

	margin: 0 5px;

	font-size: 10px

}

#newcomment li span {

	color: #999;

	margin-left: 4px;

}

#sidebar .mscroll ul {

	max-height: 304px;

	overflow-y: auto;

}

#blogsort h3 {

	height: 38px;

	line-height: 38px;

	font-size: 16px;

}

#blogsort h3 i.fa {

	margin: 0 5px 0 10px

}

#blogsort ul li {

	position: relative;

	line-height: 38px;

	border-top: 1px #eee solid;

}

#blogsort ul li .sico {

	position: absolute;

	top: 0;

	right: 0;

	width: 20px;

	height: 38px;

	line-height: 38px;

	color: #ccc;

	font-size: 8px;

	text-align: center;

	cursor: pointer

}

#blogsort ul li .sico:hover {

	border-left: 1px #eee solid;

	background: #f6f6f6

}

#blogsort ul li a {

	display: block;

	height: 38px;

	text-indent: 28px;

	border-left: 4px #fff solid;

}

#blogsort ul li a.cu, #blogsort ul li a:hover {

	border-left: 4px #2984DE solid;

	background: #f6f6f6

}

#blogsort ul li a i {

	color: #999;

	margin-left: 5px;

	font-size: 12px

}

#blogsort li ul {

	display: none;

	background: #fafafa

}

#blogsort li ul li a {

	text-indent: 35px;

	border-color: #fafafa

}

#bloggerinfoimg {

	text-align: center;

	padding: 10px 0

}

#bloggerinfo {

	line-height: 20px;

	font-size: 12px;

	padding: 6px 8px 12px 16px;

}

#record i.fa, #sidelinks i.fa {

	margin-right: 6px;

}

#sidebar ul#sidelinks li {

	font-size: 12px;

	padding: 5px 0 !important

}

#logsearch {

	position: relative;

	padding: 25px 15px

}

#logsearch i.fa {

	position: absolute;

	top: 34px;

	left: 26px;

	color: #ccc

}

#logsearch .search {

	width: 100%;

	height: 32px;

	border: 1px solid #999;

	text-align: center;

	box-shadow: inset 2px 2px 2px #eee;

	border-radius: 5px;

	outline: none

}

#sidebar ul#hotlog {

	padding-left: 30px

}

#hotlog li {

	position: relative

}

#hotlog i {

	position: absolute;

	top: 10px;

	left: -22px;

	font-size: 16px;

	font-weight: bold;

	font-family: Georgia, "Times New Roman", Times, serif;

}

#sidebar>li.diyarea {

	text-align: center;

	border: 0;

	background: none

}

.slfix {

	position: fixed;

	top: 55px;

	width: 200px

}

/* PageNav */

#pagenavi {

	text-align: center;

	padding: 25px 0;

	overflow: hidden;

	clear: both

}

#pagenavi a, #pagenavi span {

	display: inline-block;

	font: 14px/20px Arial;

	border-radius: 3px;

	padding: 6px 12px;

	margin: 0 3px;

	height: 20px;

	border: 1px solid #ddd;

	background: #FFF

}

#pagenavi a:hover {

	color: #fff;

	border-color: #2984DE;

	background: #2984DE

}

#pagenavi span {

	color: #aaa;

	background: #f6f6f6

}

/* Foot */

#footerbar {

	line-height: 26px;

	font-size: 12px;

	padding: 15px 0px;

	border-top: 1px solid #dfdfdf;

	color: #4c4c4c;

	text-align: center;

	background: #fff;

	box-shadow: 0 -1px 3px #fff;

	overflow: hidden;

	clear: both

}

#footerbar .wrap {

	position: relative

}

#footerbar .wrap a {

	color: #4c4c4c

}

#footerbar .wrap .zz {

	text-align: center

}

#footerbar .wrap .zz a {

	color: #737373

}

#backtop {

	display: none;

	position: fixed;

	left: 50%;

	bottom: 170px;

	margin-left: 625px;

	color: #888;

	font-size: 32px;

	text-align: center;

	cursor: pointer;

	transition: all .3s linear;

}

#backtop:hover {

	color: #f90

}

/* PageLeft */

.pagenow {

	color: #ccc;

}

.pagenow i.fa {

	margin: 0 10px 0 15px

}

.pagenow span {

	margin-left: 5px;

}

.pagenow .csort {

	position: absolute;

	top: 0;

	right: 15px;

	width: 60%;

	text-align: right;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

.pagenow .csort p {

	margin-right: -5px

}

.pagenow .csort a, .logbox .pagenow a {

	color: #999;

}

.logcu span {

	margin-right: 5px

}

.logbox {

	margin: 0 0 30px;

	border: 1px #e5e5e5 solid;

	background: #fff;

	padding: 5px 15px 10px;

	overflow: hidden

}

.logbox .pagenow {

	margin-bottom: 0;

	border-top: 0

}

.logbox .pagenow i.fa {

	margin-left: 0

}

.logbox .pagenow span {

	color: #ccc;

	margin: 0 4px;

}

.logbox h1 {

	color: #000;

	font-size: 40px;

	line-height: 58px;

	font-weight: 400;

	padding: 15px 0

}

.logbox .data {

	color: #999;

	font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei";

	padding: 0 0 20px 5px

}

.logbox .data i.fa {

	margin: 0 3px 0 25px

}

.logcon {

	color: #000;

	line-height: 1.9;

	font-size: 16px;

	border-top: 1px #eee dotted;

	padding: 10px

}

.logcon p {

	margin: 0.5em 0;

}

.logcon a {

	color: #2984DE

}

.logcon img, .logcon embed, .logcon iframe {

	max-width: 98% !important;

}

.logcon img {

	height: auto !important

}

.logbox .tags {

	padding: 5px 0;

}

.nextlog {

	margin: 15px 0;

	border: 0 #ddd solid;

	border-width: 1px 0;

	padding: 15px 0;

	overflow: hidden;

	clear: both

}

 

.nextlog a:hover {

	background: #f6f6f6

}

.nextlog .prev {

	float: left;

	width: calc(42% - 1px);

	border-right: 1px #eee dotted;

}

.nextlog .next {

	float: right;

	text-align: right;

}

.nextlog a span {

	display: block;

	color: #aaa;

	padding: 0 0 10px

}

.nextlog a i.fa {

	position: absolute;

	top: 28px;

	left: 5px;

}

.nextlog .next i.fa {

	left: auto;

	right: 5px

}

.link-box {

	border-bottom: 3px #333 solid;

	padding: 15px 0;

	overflow: hidden;

	clear: both

}

.link-box h3 {

	font-size: 18px;

	padding: 0 0 10px

}

.ullist4 li {

	float: left;

	width: 48%;

	line-height: 30px;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	padding: 0 1%

}

.ullist4 li i.fa {

	margin-right: 5px;

	font-size: 10px

}

/* Comment */

.comment {

	font-size: 12px;

	padding: 15px 0;

	border-bottom: #f8f8f8 1px solid;

	overflow: hidden;

	clear: both

}

.comment .comment-time {

	color: #999;

	display: inline

}

.comment .avatar {

	float: left;

	width: 40px;

	padding: 2px 10px 0 0

}

.comment .avatar img {

	width: 40px;

	height: 40px

}

.comment .comment-info {

	float: left;

	width: calc(100% - 50px)

}

.comment .comment-info b {

	color: #555;

	margin-right: 10px;

	font-weight: normal

}

.comment .comment-content {

	font-size: 14px;

	padding: 10px 0 0

}

.comment .comment-content a.fa {

	color: #2984DE;

	margin-left: 15px;

}

.comment-children {

	float: right;

	width: calc(100% - 73px);

	margin-top: 10px;

	clear: both;

	border: none;

	border-left: 3px #eee solid;

	background: #f8f8f8;

	padding: 10px

}

.comment-children .avatar img {

	border-radius: 6px

}

.comment-header {

	font-size: 18px;

	font-weight: bold;

	padding: 25px 0 0;

	clear: both

}

.comment-post {

	padding: 15px 0;

	overflow: hidden;

	clear: both

}

.comment-post .comment-header {

	border-top: 1px #ddd dashed;

	padding: 25px 0 10px

}

.comment-post p {

	float: left;

	height: 28px;

	line-height: 28px;

	margin: 0 15px 10px 0;

	border: 1px #ccc solid;

	background: #eee;

	border-radius: 5px

}

.comment-post p i.fa {

	width: 30px

}

.comment-post p input {

	height: 28px;

	line-height: normal;

	vertical-align: top;

	text-indent: 8px;

	border: none;

	border-left: 1px #ccc solid;

	outline: none;

	border-radius: 0 5px 5px 0

}

.comment-post p:nth-child(5) {

	background: none;

	margin-right: 0;

	padding-left: 3px

}

.comment-post .cancel-reply {

	float: right;

	cursor: pointer;

	padding: 0 0 7px

}

.comment-post .input {

	width: 80px

}

.comment-post textarea {

	display: block;

	width: 98%;

	width: calc(98% - 2px);

	height: 80px;

	font-size: 14px;

	border: solid 1px #ccc;

	padding: 1%;

	resize: none;

	outline: none;

	overflow: hidden;

	background-image: -webkit-linear-gradient(top, #f9f9f9, #fff);

	background-image: linear-gradient(to bottom, #f9f9f9, #fff);

	background-repeat: repeat-x;

	border-radius: 5px 5px 0 0;

	clear: both

}

.comment .comment-post {

	width: 96%;

	margin: 15px auto

}

.comment-post .cpost {

	position: relative;

	width: calc(98% - 2px);

	border: 1px solid #ccc;

	border-top: 0;

	overflow: hidden;

	padding-right: 2%;

	background-image: linear-gradient(to bottom, #fff, #f9f9f9);

	clear: both

}

.comment-post .cpost i.fa {

	width: 50px;

	height: 30px;

	line-height: 30px;

	color: #666;

	font-size: 16px;

	border-right: 1px #ccc solid;

	background: #eee;

	background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);

	background-image: -webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);

	cursor: pointer

}

#comment_submit {

	position: absolute;

	top: 0;

	right: 0;

	width: 100px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	text-shadow: 0 1px 0 #fff;

	font-weight: bold;

	background: #eee;

	border: 0;

	border-left: 1px #ccc solid;

	cursor: pointer;

	background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);

	background-image: -webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);

	outline: none

}

.comment-post .cpost i.fa:hover, #comment_submit:hover {

	background-image: linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);

	background-image: -webkit-linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);

}

/* Tw */

#tw {

	border: 1px #e5e5e5 solid;

	background: #fff;

	padding: 0 15px;

	overflow: hidden

}

#tw li {

	position: relative;

	float: left;

	width: calc(100% - 100px);

	padding-left: 100px

}

#tw li .date {

	position: absolute;

	top: 50%;

	left: 0;

	margin-top: -16px;

	display: block;

	width: 80px;

	color: #999;

	font-size: 12px;

	text-align: right;

}

#tw li p {

	position: relative;

	float: right;

	width: calc(100% - 35px);

	line-height: 1.8;

	border-left: 1px #eee solid;

	font-size: 15px;

	padding: 20px 10px 20px 25px;

	transition: all .3s linear

}

#tw li p:hover {

	color: #2984DE

}

#tw li p i {

	position: absolute;

	top: 50%;

	left: -6px;

	display: block;

	width: 6px;

	height: 6px;

	margin-top: -6px;

	border: 3px #ddd solid;

	background: #fff;

	border-radius: 50%;

	transition: all .3s linear

}

#tw li:hover i {

	border-color: #2984DE

}

#tw li .tp {

	max-width: 90%;

	margin-top: 6px;

	border: 1px #eee solid;

	padding: 1px

}

#footerbar .friendlink {

	text-align: left;

	width: 1200px;

	margin: auto;

}

#footerbar .friendlink a {line-height:30px; height:30px; padding-right:10px; display:inline-block}

#footerbar .friendlink .friendlinktitle {

	height:30px;

	border-bottom: 1px solid #f6f6f6;

	color: #555;

	

}

#footerbar .friendlink .friendlinktitle span{width: 150px; height:30px; background: #f6f6f6; text-align: center; display:block}

.mycenterad {

	width: 96%;

	overflow: hidden;

	position: relative;

	margin: 0 0 20px;

	border: 1px solid #ddd;

	padding: 10px 2%;

}

.mycenterad .imgbox {

	width: 20%;

	max-width: 100%;

	float: left;

}

.mycenterad .name_price {

	width: 76%;

	padding: 10px 0;

	color: #333;

	float: left;

	margin-left: 4%

}

.mycenterad .name_price .name {

	font-size: 16px;

	font-weight: bold;

	word-break: keep-all;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

.mycenterad .name_price .price {

	font-size: 14px;

	margin: 20px 0 0

}

.mycenterad .name_price .price em {

	background: #2984DE;

	color: #fff;

	font-size: 14px;

	padding: 3px 6px;

	margin: 0 5px 0 0

}

.mycenterad .name_price .price span {

	font-size: 24px;

	font-weight: bold;

	color: #2984DE

}

.mycenterad .name_price .gobuy {

	text-align: center;

	width: 50%;

	margin: 20px 0 0;

	background: #2984DE;

	color: #fff;

	font-size: 14px;

	padding: 6px 0;

}

.mycenterad .marquee {

	height: 30px;

	line-height: 30px;

	font-size: 14px;

	font-weight: bold;

	background: rgba(0,0,0,0.5);

	color: #fff;

}

 @media only screen and (max-width: 1200px) {

.wrap {

	width: 98%;

}

#mainav .mlogo {

	width: 200px;

}

#mainav .bar {

	float: right;

	margin-right: 0

}

#mainav .bar li a {

	padding: 0 12px

}

#mainav .topmenu, #contentleft {

	width: 80%;

	width: calc(100% - 220px);

	overflow: hidden

}

.cmsbox {

	width: 108%;

	width: calc(100% + 16px);

}

.cmslist {

	width: 42%;

	width: calc(50% - 42px);

}

.loglist li.con .info {

	width: 120px;

}

.wapost {

	width: 44%;

	width: calc(50% - 37px);

}

}

@media only screen and (max-width: 1024px) {

#mainav .bar li a {

	font-size: 14px

}

#mainav .sub-nav li a {

	font-size: 12px;

	padding: 0

}

#contentleft {

	float: none;

	width: 98%;

	margin: 0 auto

}

}

@media only screen and (max-width: 800px) {

#footerbar .friendlink {

	display: none;

}

#topnav, #mainav .bar li a i.fa, #ajax-more {

	display: none

}

#mainav .bar {

	display: none;

	position: fixed;

	top: 0;

	right: 50px;

	background: #777;

	padding: 1px 0 6px;

	z-index: 9999;

	border-radius: 0 0 6px 6px;

}

#mainav .bar li {

	float: none;

	height: 32px;

	line-height: 32px;

	border-bottom: 1px #999 solid

}

#mainav .bar li i.dot {

	display: none

}

#mainav .bar li a:hover {

	background: #444;

}

#mainav li .sub-nav {

	display: none !important

}

#mainav .fa-navicon {

	display: block

}

.cmslist li.first .text {

	width: calc(100% - 130px);

}

#sidebar {

	float: none;

	width: 100%;

}

.slfix {

	position: inherit;

	width: 100%;

}

.ui-banner .ui-banner-slogans {

	width: 90%;

	height: 106px;

	padding: 0 5%;

	right: auto;

	top: auto;

	bottom: 0;

	background: rgba(255,255,255,0.5);

}

.ui-banner {

	height: 320px;

}

.ui-banner .ui-banner-slides {

	width: 100%;

	height: 320px;

}

.ui-banner .ui-banner-slides li img {

	height: auto;

}

.mycenterad {

	width: 100%;

	height: 90vw;

	overflow: hidden;

	position: relative;

	border: none;

	padding: 0

}

.mycenterad .imgbox {

	width: 100%!important;

	max-width: 100%!important;

	float: none;

	height: 90vw!important;

}

.mycenterad .name_price {

	position: absolute;

	bottom: 0;

	width: 96%;

	padding: 3px 2%;

	background: rgba(0,0,0,0.5);

	color: #fff;

	float: none;

	margin-left: 0

}

.mycenterad .name_price .name {

	font-size: 14px;

	font-weight: bold;

	word-break: keep-all;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

.mycenterad .name_price .price {

	font-size: 12px;

	margin: 0

}

.mycenterad .name_price .price em {

	background: #2984DE;

	color: #fff;

	font-size: 14px;

	padding: 3px 6px;

	margin: 0 5px 0 0

}

.mycenterad .name_price .price span {

	font-size: 24px;

	font-weight: bold;

}

.mycenterad .name_price .gobuy {

	text-align: center;

	width: 50%;

	margin: 5px auto 0;

	background: #2984DE;

	color: #fff;

	font-size: 14px;

	padding: 3px 6px;

}

.mycenterad .marquee {

	position: absolute;

	width: 100%;

	top: 0;

	left: 0;

	height: 40px;

	line-height: 40px;

	font-size: 18px;

	font-weight: bold;

	background: rgba(0,0,0,0.5);

	color: #fff;

	z-index: 1

}

.loglist li.con .des .pic {

	width: 35%

}

.dcmp-content textarea{width:95%!important;}

}

@media only screen and (max-width: 600px) {

.cmsbox {

	width: 100%;

}

.cmslist {

	width: 92%;

	width: calc(100% - 26px);

}

.loglist li.con .info {

	float: none;

	width: auto;

}

.loglist li.con .info span {

	display: block;

	float: left;

}

.loglist li.con .info .sn a, .loglist li.con .info .sn a:hover {

	background: none;

	font-size: 14px

}

.loglist li.con .info i.fa {

	float: left;

	margin-top: 8px

}

.loglist li.con .info br {

	display: none

}

.loglist li.con .des h2 a {

	font-size: 18px;

}

.pagenow, .nextlog a i.fa {

	display: none

}

.logcon {

	padding: 10px 0

}

.logbox h1 {

	font-size: 24px;

	line-height: 30px;

}

.logbox .data {

	font-size: 12px;

}

.logbox .data i.fa {

	margin: 0 3px 0 10px

}

.nextlog a {

	float: none !important;

	width: 92% !important;

	text-align: left !important;

	height: auto;

	font-size: 16px;

}

.ullist4 li {

	float: none;

	width: 98%;

}

#tw li p {

	font-size: 13px;

	padding: 10px 10px 10px 25px;

}

}

.lvxvtagbox {

	background: #fff;

	padding: 10px;

	display: table;

	height: 100%

}

.lvxvtagwz {

	font-size: 16px;

	padding-bottom: 5px;

	margin-bottom: 10px;

	color: #0C3;

	border-bottom: 1px solid #00aff0

}

.lvxvtagli {

	white-space: nowrap;

	margin: 0 10px 10px 0;

	float: left

}

.lvxvtagspan {

	line-height: 30px;

	border: 1px dashed #CCC;

	padding: 5px;

	border-radius: 10px;

	display: block;

}

/*#mainav .mlogo a{

  outline: none;

  text-decoration: none;

  position: relative;

  font-size: 30px;

  line-height: 1;

  color: #fff;

  display: inline-block;

  font-family: serif;

}   



.lvxv--logowz {

  text-transform: uppercase;

  font-weight: 900;

  overflow: hidden;

  line-height: 0.75;

  color: #b2b0a9;

}



.lvxv--logowz:hover {

  color: #b2b0a9;

}



.lvxv--logowz::after {

  content: '';

  position: absolute;gi

  height: 16px;

  width: 100%;

  top: 50%;

  margin-top: -8px;

  right: 0;

  background: #F9F9F9;

  transform: translate3d(-100%,0,0);

  transition: transform 0.4s;

  transition-timing-function: cubic-bezier(0.7,0,0.3,1);

}



.lvxv--logowz:hover::after {

  transform: translate3d(100%,0,0);

}



.lvxv--logowz::before {

  content: attr(data-letters);

  position: absolute;

  z-index: 2;

  overflow: hidden;

  color: #424242;

  white-space: nowrap;

  width: 0%;

  transition: width 0.4s 0.3s;

}



.lvxv--logowz:hover::before {

  width: 100%;

} */





.rank_des {

	background: #fff;

	padding: 20px;

	margin-bottom: 20px;

	line-height: 25px;

}

.rank_des h1 {

	text-align: center;

	margin-bottom: 20px;

}

.rank-tit {

	background: #fff;

	padding: 15px 10px;

	border-left: 4px solid #2984DE;

	margin-bottom: 20px;

}

.rank-other {

	clear: both;

	margin: 30px auto;

}

.rank-other ul {

	background: #fff;

	margin-top: 20px;

	padding: 20px;

}

.rank-other ul li {

	display: inline-block;

	margin: 5px;

}

.rank-other ul li a {

	font-size: 20px;

}





.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}

.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}

.pagess ul li:hover{ background:#2984DE; color:#fff;border: 1px solid #2984DE}

.pagess ul li:hover a{color:#fff;}

.pagess ul li.thisclass {display: inline-block;border: 1px solid #2984DE;padding: 2px 9px;margin: 0 3px;background: #2984DE;color: #fff;}

.pagess ul li.thisclass a {color: #fff;}

.pagess ul li a{ display:block;color:#999}

.pagess ul li a:hover {color: #fff;}




.gbko{padding-left:3%}

.mt1{background-color: #fff; overflow: hidden; width: 100%}

.mt1 .tbox{ width: 100%; padding-top:2%}

.posttitle{ height: 22px; line-height: 22px; font-size:18px; font-weight: normal; border-left: 3px solid #3169b0; padding-left:8px; margin:8px 0px 12px 0; }

.posttitle strong{ color: #3169b0; font-weight: normal;}

.decmt-box2{width:98%;padding:6px 10px 6px 0;margin:0px auto;overflow:hidden;clear:both;}

.decmt-box2 span.fr{float:right;}

.decmt-box2 span.title{float:left;width:80%;line-height:20px;}

.decmt-box2 ul{}

.decmt-box2 ul li{width:100%;border-bottom:1px dashed #ccc;padding-bottom:10px;overflow:hidden;}

.decmt-box2 ul li a.plpic{float:left;width:46px;height:46px;background:#F9FDED;margin-right:5px;overflow:hidden;}

.decmt-box2 ul li a.plpic img{width:40px;height:40px; padding:2px;border:1px solid #DFD9B9;}

.decmt-box2 ul li p{float:left;width:630px;line-height:22px;}

.decmt-box2 .comment_act{float:left;width:80%;line-height:20px;color:#aeaeae;}

.decmt-box2 .comment_act a{color:#aeaeae;}

.decmt-box{width:98%;padding:6px 5px;margin:0px auto;overflow:hidden;clear:both;}

.decmt-box span.fr{float:right;}

.decmt-box span.title{float:left;line-height:20px;width:600px;}

.decmt-box ul{}

.decmt-box ul li{width:100%;border-bottom:1px dashed #ccc;padding-bottom:10px;overflow:hidden;}

.decmt-box ul li a.plpic{float:left;width:40px;height:40px;padding:2px;border:1px solid #DFD9B9;background:#F9FDED;margin-right:5px;overflow:hidden;}

.decmt-box ul li p{float:left;width:630px;line-height:22px;}

.decmt-box .comment_act{float:left;width:630px;line-height:20px;color:#aeaeae;}

.decmt-box .comment_act a{color:#aeaeae;}

.decmt-box1{width:98%;padding:6px 5px;margin:0px auto;overflow:hidden;clear:both;}

.decmt-box1 span.fr{float:right;}

.decmt-box1 span.title{float:left;line-height:20px;width:600px;}

.decmt-box1 ul{}

.decmt-box1 ul li{width:100%;border-bottom:1px dashed #ccc;padding:10px 0;overflow:hidden;}

.decmt-box1 ul li a.plpic{float:left;width:40px;height:40px;padding:2px;border:1px solid #DFD9B9;background:#F9FDED;margin-right:5px;overflow:hidden;}

.decmt-box1 ul li p{float:left;width:880px;line-height:22px;}

.decmt-box1 .comment_act{float:left;width:880px;line-height:20px;color:#aeaeae;}

.decmt-box1 .comment_act a{color:#aeaeae;}

.dede_comment .decmt-box .decmt-title{line-height:19px;color:#999;font-family:Tahoma;}

.dede_comment .decmt-box .decmt-title span{margin-right:2px;vertical-align:middle;}

.dede_comment .decmt-box .decmt-title .moodico{height:18px;width:18px;display:inline-block;}

.dede_comment .decmt-box .decmt-title .username{color:#669;}

.dede_comment .decmt-box .decmt-title .username a{color:#669;}

.dede_comment .decmt-box .decmt-title .username a:hover{text-decoration:none;color:#690;}

.dede_comment .decmt-box .decmt-title .ip{color:#669;font-size:11px;}

.dede_comment .decmt-box .decmt-title .date{color:#555;font-size:11px;}

.dede_comment .decmt-box .decmt-act{float:right;margin-top:-18px;padding-right:10px;position:relative;clear:both;color:#999;}

.dede_comment .decmt-box .decmt-act span{margin-right:7px;}

.dede_comment .decmt-box .decmt-act span a{color:#888;}

.dede_comment .decmt-box .decmt-content{color:#555;line-height:21px;clear:both;width:99%;margin:2px auto 0px;

/*background:url(../images/ico-comment-quote.gif) 0px 4px no-repeat;text-indent:18px;*/}

.dede_comment .decmt-box .decmt-content img{vertical-align:middle;}

.decmt-box,.decmt-content .decmt-box,.dede_comment .decmt-box .decmt-box{background:#FFE;border:1px solid #CCC;margin:6px auto;}

.dede_comment .decmt-box .decmt-box .decmt-title{text-indent:4px;}

.dede_comment .decmt-box .decmt-box .decmt-content{color:#555;}

.nocomment{padding:10px;color:#666;}

.dede_comment_post{padding:5px 0;}

.dcmp-content{padding-top:8px;}

.dcmp-content textarea{  width:98%;  height: 120px; display: block; border: 1px solid #dedede; padding: 4px 8px;line-height: 24px; color: #666;}

.dcmp-content1{/*width:700px;*/padding-top:8px;}

.dcmp-content1 textarea{height:100px;width:700px;float:left;}

 

.dcmp-post{overflow:hidden;clear:both;color:#444;padding:5px 0 10px 0;}

.dcmp-post .dcmp-userinfo{float:left;margin-right:6px; width:100%}

.dcmp-post .dcmp-userinfo .yzm{height:30px; line-height:30px;}

.dcmp-post .dcmp-userinfo input{height:25px;padding-right:0px; border: 1px solid #dedede;}

.dcmp-post .dcmp-userinfo input,.dcmp-post .dcmp-userinfo img{vertical-align:middle;margin:5px; display:inline-block}

.dcmp-post .dcmp-submit{float:left;padding-top:6px; width:100%}

.dcmp-post .dcmp-submit input,.dcmp-post .dcmp-submit button{vertical-align:middle;}

.dcmp-post .dcmp-submit button{background-image:none;height:45px;width:145px;background-color:#0077dd;font-size:16px;color:#fff;text-align:center;line-height:45px;float:left;border:0px;margin:15px 15px 0px 0px;cursor: pointer;}

.dcmp-post .dcmp-submit .comment-sm{height:45px; line-height: 45px; width:400px;display:block; float:left; overflow:hidden;color:#333;margin-top:15px;}





.ui-banner .ui-banner-slogans li.ui-banner-slogans-current .des{
	color: #2984DE;
}
.ui-banner .ui-banner-arrow{
	background: #2984DE;
}
.zxtit{
	margin-top: 20px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
	height: 30px;
}
.zxtit h4{
	height: 30px;
	border-bottom: 1px solid #2984DE;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	color: #2984DE;
}


.pager {
    text-align: center;
    margin-top: 20px;
    margin-bottom:20px;
    font-size: 12px;
}
.pager select{
	display: inline-block;
    height: 26px;
    line-height: 24px;
    border: 1px solid #ddd;
    text-align: center;
    color: #444;
    margin: 0 2px;
    border-radius: 3px;
    font-size: 12px;
}
.pager a,.pager span {
    display: inline-block;
    height: 26px;
    line-height: 24px;
    border: 1px solid #ddd;
    padding: 0 10px;
    text-align: center;
    color: #444;
    margin: 5px 2px;
    border-radius: 3px;
    font-size: 12px;
}
.pager span.nowpage{
	background: #2984DE;
    border-color: #2984DE;
    color: #fff;
}
.pager a:hover{
	background: #f5f5f5;
}
.pager a.pageCurrent {
    background: #2984DE;
    border-color: #2984DE;
    color: #fff;
}

.iftit{
	font-size: 12px;
	color:#999;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.iftit i{
	margin: 0 5px;
}
.iftit a{
	color: #999;
}
.iftit a:hover{
	color: #BF1313;
}
.iftop h4{
	font-size: 30px;
	font-weight: normal;
	line-height: 45px;
}
.iftop p{
	font-size: 12px;
	color: #adb6b9;
	margin-top: 15px;
	font-style: italic;
}
.iftop p span{
	margin-right: 20px;
	font-style: normal;
}
.iftop p span i{
	margin-right: 5px;
}

.iftxt{
	border-top: 1px solid #eee;
	margin-top: 20px;
	padding-top: 15px;
	font-size: 15px;
	line-height: 35px;
}
.iftxt img{
	max-width: 100%;
}
.iftxtstyle p{
	text-indent: 0em;
}
.iftxtstyle span{
	white-space: inherit !important;
}
.iftxtb{
	background: #f5f5f5;
    border: 1px solid #eee;
    margin-top: 30px;
    padding: 10px 20px;
    line-height: 28px;
    font-size: 12px;
    color: #888;
}
.ifbox{
	padding: 20px;
	background: #fff;
}
.textcenter{
	text-align: center;
}


#mainav .bar li{
	position: relative;
}
.navhide{
	width: 200px;
	position: absolute;
	right: 0;
	top: 100%;
	background: #fff;
	z-index: 999;
	border: 1px solid #eee;
	border-top: 0;
	opacity: 0;
	visibility: hidden;
	transition: .25s;
	padding: 5px 0;
	background: #2984DE ;
}
#mainav .bar li:hover .navhide{
	opacity: 1;
	visibility: inherit;
}
.navhide a{
	display: block;
	text-align: center;
	line-height: 36px;
	height: 36px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	font-size: 14px !important;
	color: #fff;
}
.navhide a:hover{
	background: rgba(255,255,255,.2);
}

.foot .wrap{
	width: 1200px;
	margin: 0 auto;
}
.foot{
	background: #222;
	color: #fff;
}
.fttop{
	padding: 35px 0 30px 0;
}
.ftbot{
	line-height: 30px;
	padding: 20px 0;
	border-top: 1px solid #444;
}
.ftl{
	width: 17%;
}
.ftll{
	width: 35%;
	margin-left: 3%;
}
.ftll a img{
	display: block;
	height: 42px;
	opacity: .6;
	max-width: 100%;
}
.ftlla p{
	width: 32.33333%;
	float: left;
	margin-bottom: 15px;
	margin-right: 1%;
}
.ftlla a:hover img{
	opacity: 1;
}
.ftl h4{
	font-size: 17px;
	font-weight: normal;
	margin-bottom: 20px;
	color: #fff;
}
.ftl a{
	color: #aaa;
	display: inline-block;
	line-height: 36px;
}
.ftl a:hover{
	color: #EC4E4E;
}
.ftl_1{
	width: 45%;
}
.ftl_1 a{
	color: #fff;
	opacity: .85;
	margin-right: 3px;
}
.ftl_1 a:hover{
	color: #fff;
	opacity: 1;
}
.ftl_1 p{
	line-height: 36px;
}
.ftl_1 p i{
	font-size: 27px;
	font-weight: bold;
}
.ftl_2{
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.ft_flex{
	display: flex;
	justify-content: space-between;
}
.ftl_2 img{
	max-width: 100%;
	max-height: 140px;
}
.ftl_2 a{
	color: #fff;
	display: block;
	opacity: .85;
	height: 36px;
	overflow: hidden;
}
.ftl_2 a:hover{
	color: #fff;
	opacity: 1 !important;
}
.ft_flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.ft_flex a{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	width: 48%;
}
.ft_flex a:HOVER{
	text-decoration: underline;
}
.ft_flex a i{
	display: inline-block;
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 6px;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 10px;
}
.clear {
	height: 0;
	clear: both;
	zoom: 1;
}
.clearfix:before, .clearfix:after {
	content:"";
	display:table
}
.clearfix:after {
	clear:both;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.ssi{
	display: inline-block;
	padding: 0 5px;
	cursor: pointer;
	margin-top: 5px;
}
.ssbox{
	position: absolute;
	right: 0;
	top: 0;
	width: 395px;
	margin-top: 2px;
	display: none;
}
.ss1{
	width: 300px;
	height: 60px;
	font-size: 18px;
	padding: 0;
	padding-left: 15px;
}
.ss2{
	width: 75px;
	height: 64px;
	background: url(../images/search1_03.png) no-repeat center #2575c4;
	cursor: pointer;
	border: 0;
}

.conltop h4{
	font-size: 20px;
	color: #1b1b1b;
	margin: 0;
}
.conltop p{
	font-size: 15px;
	color: #a0a0a0;
	margin-top: 10px;
}
.conlfmipt{
	width: 99%;
	height: 42px;
	line-height: 42px;
	border: 1px solid #e0e0e0;
	background: #f2f2f2;
	padding-left: 10px;
	resize: none;
}
.conlfmipttext{
	height: 150px;
	font-family: "Microsoft YaHei";
	-webkit-appearance:none;
	 outline:none; 
}
.conlfmiptsbm{
	width: 140px;
	height: 42px;
	color: #fff;
	background: #F94651;
	margin-top: 20px;
	cursor: pointer;
	border: 0;
}
.m1lmsg{
	display: block;
	float: none;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 40px;
	width: 940px;
	border: 1px solid #eee;
	padding: 30px;
}
.posrelative{
	position: relative;
}
.code{
	width: 110px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 1px;
	overflow: hidden;
	cursor: pointer;
}
.code img{
	width: 100% !important;
	height: 100% !important;
}
.mt_20{
	margin-top: 20px;
}



@media only screen and (max-width:950px) {
	.ui-banner .ui-banner-slides{
		display: block;
		height: 200px;
		overflow: hidden;
	}
	.ui-banner .ui-banner-slogans{
		z-index: 999;
	}
	.ui-banner .ui-banner-arrow{
		z-index: 9999;
	}
	.iftop h4{
		font-size: 22px;
		line-height: 34px;
	}
	.m1lmsg{
		width: 100%;
		padding: 0;
		background: none !important;
		border: 0;
	}
	
	.wrap{
		width: 100%;
	}
	.ftl_2{
		padding: 0 15px;
	}
	.ft_flex a{
		width: 100%;
	}
}

@media only screen and (max-width:950px) {
	.foot .wrap{
		width: 100%;
	}
	.ssbox{
		width: 100%;
		display: block !important;
		position: relative;
		margin-top: 15px;
		float: left;
	}
	.ss1{
		width: 79%;
		padding: 0;
		height: 35px;
		font-size: 13px;
		border: 1px solid #eee;
	}
	.ss2{
		width: 20%;
		height: 37px;
	}
	
	.ftl{
		margin-bottom: 15px;
		width: 100%;
	}
	.fttop{
		padding-top: 20px;
		padding: 20px 15px;
	}
	.ftl p{
	}
	.ftll{
		margin-top: 10px;
	}
	.ftl h4{
		margin-bottom: 5px;
	}
	.ftl_2{
		width: 100%;
		text-align: center;
	}
	.ftl_2 img{
		margin: 0 auto;
		margin-bottom: 20px;
	}
}

.videoinfo {
    text-align: center;
}
.videoinfo video {
    width: 80%;
    height: auto;
    margin: 0 auto;
}
/*swiper-container*/
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}

.ibnbox{
	display: flex;
	justify-content: space-between;
	background: #fff;
}
.pi1b{
	width: 65%;
}
.pi1t{
	width: 30%;
	height: 320px;
	padding: 10px;
}
.pi1ta{
	min-height:100%;
	border-bottom: 1px solid #eee;
	display: flex;
	align-items: center;
}
.pi1ta .w100{
	width: 100%;
}
.pi1ta h3{
	font-size: 17px;
	line-height: 25px;
	height: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.pi1ta p{
	font-size: 12px;
	color：#999;
	line-height: 20px;
	height: 40px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 5px;
}
.swiper-slide-thumb-active .pi1ta h3,
.swiper-slide-thumb-active .pi1ta p{
	color: #2984DE;
}
.pi1ba{
	width: 100%;
	height: 320px;
	display: block;
	background-size: cover !important;
}