@charset "utf-8";
/*
Theme ID: lazy20210301
Author: 懒鸟飞移植
Author QQ：1430826160
Author Email：1430826160@qq.com
Author URL: http://www.lanniaofei.com/
*/

* {
	margin: 0;
	padding: 0
}

html,body {
	height: auto;
	background: #f1f2f3;
	overflow: auto;
	overflow-x: hidden;
	font-family: "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu
}

input {
	border-radius: 0;
	-webkit-appearance: none
}

li {
	list-style: none;
	cursor: default
}

a {
	text-decoration: none
}

.clear {
	clear: both
}

.left {
	float: left
}

.right {
	float: right
}

.marginRL {
	margin: 0 10px
}

.marginTB {
	margin: 10px 0
}

.marginR {
	margin-right: 10px
}

.marginL {
	margin-left: 10px
}

.marginT {
	margin-top: 10px
}

.marginB {
	margin-bottom: 10px
}

.container {
	width: 1400px;
	margin: 0 auto
}

.borderB {
	border-bottom: 1px solid #e8e8e8
}

.bgWhite {
	background: #fff
}

.flex {
	display: flex;
	display: -webkit-flex
}

.clearfix:after {
	display: block;
	content: ' ';
	clear: both
}

img {
	width: 100%;
	object-fit: cover;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	vertical-align: top;
	-webkit-transition: -webkit-transform .6s;
	-moz-transition: -moz-transform .6s;
	-o-transition: -o-transform .6s;
	transition: transform .6s
}

#lcp_sale_module ul {
	padding: 10px 15px
}

#lcp_sale_module .title {
	font-size: 16px;
	margin-bottom: 10px
}

#lcp_sale_module li {
	line-height: 30px;
	font-size: 14px;
	position: relative
}

#lcp_sale_module li .vip {
	position: absolute;
	right: 0;
	border-radius: 20px;
	line-height: 30px;
	padding: 0 10px;
	border: solid 1px #4b7fb8;
	color: #4b7fb8
}

#lcp_sale_module .price {
	color: #f60
}

#lcp_sale_module .price .num {
	color: red
}

#lcp_sale_module hr {
	margin: 0
}

#lcp_sale_module .botton {
	text-align: center;
	padding: 10px 0
}

#lcp_sale_module .botton a {
	display: inline-block;
	line-height: 35px;
	padding: 0 18px;
	margin: 10px;
	border-radius: 3px;
	color: #fff
}

#lcp_sale_module .botton a:hover {
	opacity: .8
}

#lcp_sale_module .botton .lcpdownload {
	background-color: #1c8eff
}

#lcp_sale_module .botton .demo {
	background-color: #ed3734
}

.title {
	display: block;
	background: #fdfdfd;
	height: 33px;
	line-height: 33px;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	font-weight: bold;
	padding: 0 20px!important
}

.title i {
	padding: 0 13px;
	min-width: 13px;
	border-right: 1px solid #e5e5e5;
	line-height: 45px;
	height: 40px;
	margin-right: 13px;
	color: #555;
	font-size: 18px
}

.title a {
	color: #333;
	font-size: 14px
}

.siteTop {
	width: 100%;
	background: #555;
	border-bottom: 1px solid #ddd
}

.siteTop ul.topInfo {
	margin: 0 5px
}

.siteTop li {
	height: 43px;
	line-height: 43px;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.sTLeft {
	width: 40%
}

.sTright {
	width: 60%;
	text-align: right
}

.siteTop a,.siteTop span,.siteTop h1,.siteTop h2 {
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.sTLeft span,.sTLeft h1,.sTLeft h2 {
	width: 100%;
	display: inline;
	padding-right: 5px;
	font-weight: 400;
}

.sTLeft i {
	padding-right: 3px;
	font-size: 16px
}

.sTright>a.topUser {
	margin-right: 6px
}

.sTright i {
	margin-right: 3px
}

.header {
	border-bottom: 1px solid #e5e5e5;
	box-shadow: 0 2px 10px rgb(0 0 0 / 0.02);
}

.header>.container {
	position: relative;
	height: 100px;
	text-align: center
}

.logo {
	height: 100px;
	display: table;
	width: 50%;
	text-align: left
}

.logo>a {
	display: table-cell;
	vertical-align: middle;
	font-size: 0
}

.logo>a>img {
	max-height: 55px;
	width: auto
}

.searchFont {
	display: none
}

.search {
	height: 100px;
	display: table;
	margin-left: -110px
}

.search>form {
	display: table-cell;
	vertical-align: middle
}

.search input {
	height: 42px;
	line-height: 42px;
	font-size: 15px
}

.search input[name="keyboard"] {
	width: 355px;
	padding: 0 10px;
	float: left;
	outline: 0;
	border: 2px solid #6899ec;
	border-right: 0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	box-sizing: border-box
}

.search input[name="s"] {
	cursor: pointer;
	width: 85px;
	background: #6899ec;
	color: #fff;
	outline: 0;
	border: 0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.quickLink {
	float: right;
	height: 100px;
	display: table
}

.quickLink>a {
	display: table-cell;
	vertical-align: middle
}

.quickLink>a>span {
	display: block;
	width: 98px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #444;
	border: #c9c9c9 solid 1px
}

.quickLink>a>span:hover {
	background: #f8f8f8
}

.monavber>.container {
	height: 40px;
	line-height: 40px
}

.leftMenu {
	width: 170px
}

.menuTit {
	color: #fff;
	cursor: default;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
	background: #6899ec;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

.menuList {
	position: relative;
	z-index: 9;
	border: 1px solid #e1e2e3;
	border-top: 1px solid transparent
}

.leftMenuLi {
	overflow: hidden
}

.leftMenuLi>a {
	display: flex;
	vertical-align: middle;
	height: 50px;
	line-height: 50px
}

.leftMenuLi>a:hover {
	background: #f1f1f1
}

.leftMenuLi>a:hover>span {
	color: #0ec5a1
}

.leftMenuLi i {
	font-size: 28px;
	line-height: 50px;
	color: #7b7d80;
	margin: 0 15px 0 20px
}

.leftMenuLi span {
	font-size: 15px;
	color: #333;
	overflow: hidden
}

.navbar {
	font-size: 15px;
	font-weight: 500
}

.navbar>li {
	position: relative
}

.navbar>li a {
	color: #000;
	display: block;
	font-size: 16px;
	padding: 0 18px;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden
}

.navbar>li:nth-child(1)>a {
	margin-left: 15px
}

ul.navbar i {
	margin-right: 3px
}

ul.navbar i.iconvip5 {
	font-size: 23px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: initial;
	color: #fb9b0e;
	background-image: linear-gradient(90deg,#ed1c24 0,#fb8f02 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.navbar>li:hover>a,.navbar .on{
	color: #e53e40
}

.navbar ul {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 20;
	width: 100%;
	opacity: 0;
	border: 1px solid rgba(0,0,0,.1);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background: #fff;
	box-shadow: 0 6px 12px rgba(0,0,0,.1);
	box-sizing: border-box;
	transition: transform .5s ease,opacity .2s ease;
	-webkit-transition: -webkit-transform .5s ease,opacity .2s ease;
	transform: scale(1,0);
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-transform: scale(1,0)
}

.navbar>li:hover>ul {
	opacity: 1;
	z-index: 22;
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	transition: transform .3s ease,opacity .2s ease .1s;
	-webkit-transition: -webkit-transform .3s ease,opacity .2s ease .1s
}

.navbar>li>ul:before,.navbar>li>ul:after {
	content: '';
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent
}

.navbar>li>ul:before {
	border-bottom: 6px solid #ccc
}

.navbar>li>ul:after {
	border-bottom: 6px solid #fff;
	margin-top: 1px
}

.navbar>li>ul>li>a {
	width: auto;
	height: auto;
	font-size: 15px;
	color: #303030;
	text-align: center;
	border-bottom: 1px dashed rgba(116,116,116,.1);
	border-right: 0
}

.shenQ,.daYi {
	border-radius: 3px;
	background: #8463a9;
	color: #fff !important;
	padding: 3px 10px;
	font-size: 13px;
	margin-left: 3px;
	font-weight: 500!important;
}

.shenQ {
	background: #8463a9;
}

.shenQ:hover,.daYi:hover {
	background: #ffb174;
}

/*.fancybox-navigation button:before {
	content: "";
	position: absolute;
	top: 30px;
	right: 10px;
	width: 40px;
	height: 40px;
	background: rgba(30,30,30,.6);
}*/

.lcphidebox >*::after {
	content: ".";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0;
	height: 0;
}

.lcphidebox >* {
	zoom: 1;
}

.lcphidebox {
	border: solid 1px #eee;
	position: relative;
}

.lcphidebox > div {
	padding: 10px
}

.lcphidebox .lcp-title {
	background-color: #eee
}

.lcphidebox .lcp-header {
	border-bottom: solid 1px #eee
}

.lcphidebox .lcp-header > div {
	float: left;
	margin-right: 10px
}

.lcphidebox .shade {
	background-image: url(../images/loading-1.gif);
	display: none;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	opacity: .8;
	background-color: #f1f1f1;
}

.canautoopenbox p {
	text-align: center;
	padding: 30px 0
}

.canautoopenbox p a {
	background: #1c8eff;
	display: inline-block;
	padding: 0 15px;
	color: #fff;
	border-radius: 5px;
	line-height: 30px
}

.lcp-download {
	position: relative;
	box-sizing: border-box;
	border: solid 1px #e8e8e8;
	border-radius: 5px;
	margin: 15px 0;
	background-color: #f9f9f9;
	padding: 10px;
	zoom: 1
}

.lcp-download:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0
}

.lcp-download:hover {
	box-shadow: 0 0 5px 0 #eeeeee80;
}

.lcp-download-icon {
	float: left;
	width: 39px;
	height: 50px;
	background: url(../images/icon.png);
}

.lcp-download-icon.rtf {
	background-position: -38px;
}

.lcp-download-icon.xml {
	background-position: -75px;
}

.lcp-download-icon.psd {
	background-position: -113px;
}

.lcp-download-icon.jpg {
	background-position: -150px;
}

.lcp-download-icon.ai {
	background-position: -188px;
}

.lcp-download-icon.html {
	background-position: -225px;
}

.lcp-download-icon.svg {
	background-position: -262px;
}

.lcp-download-icon.csv {
	background-position: -299px;
}

.lcp-download-icon.js {
	background-position: -337px;
}

.lcp-download-icon.css {
	background-position: -374px;
}

.lcp-download-icon.iso {
	background-position: -412px;
}

.lcp-download-icon.dwg {
	background-position: -449px;
}

.lcp-download-icon.png {
	background-position: -487px;
}

.lcp-download-icon.zip {
	background-position: -524px;
}

.lcp-download-icon.avi {
	background-position: -562px;
}

.lcp-download-icon.doc {
	background-position: -599px;
}

.lcp-download-icon.xls {
	background-position: -637px;
}

.lcp-download-icon.pdf {
	background-position: -674px;
}

.lcp-download-icon.mp3 {
	background-position: -712px;
}

.lcp-download-icon.ppt {
	background-position: -749px;
}

.lcp-download-icon.mp4 {
	background-position: -786px;
}

.lcp-download-icon.txt {
	background-position: -824px;
}

.lcp-download-icon.exe {
	background-position: -861px;
}

.lcp-download-icon.json {
	background-position: -899px;
}

.lcp-download-info {
	margin-left: 50px;
	margin-right: 100px;
}

.lcp-download-info p.name,.lcp-download-info p.subtext {
	line-height: 26px;
	margin: 0;
	margin-top: 0;
	margin-bottom: 0
}

.lcp-download-info p.name {
	font-size: 16px
}

.lcp-download-info p > span {
	margin-right: 10px;
	color: #999;
	font-size: 12px;
	display: inline-block;
}

.lcp-download-info p > span span {
	color: #ad0000
}

.lcp-download-button {
	position: absolute;
	top: 10px;
	right: 10px;
	line-height: 57px;
	margin-right: 5px
}

.lcp-download-button a {
	display: inline-block;
	padding: 8px 15px;
	border-radius: 4px;
	background-color: #1487f4;
	color: #fff;
	line-height: normal;
}

.lcp-download-button a:hover {
	opacity: .9
}

.lcp-body>p>span>em {
	font-style: normal;
	color: #555;
	font-weight: 700;
}

.navbar>li>ul>li:last-child>a {
	border-bottom: 0
}

.navbar ul>li:hover>a {
	color: #e53e40;
	background: 0
}

.active {
	border-bottom: 0
}

.mnav .icon-bar {
	display: block;
	width: 20px;
	height: 2px;
	border-radius: 1px;
	background-color: #5c5c5c;
	margin: 5px 0
}

.breadcrumb {
	padding: 5px 3px
}

.breadcrumb1>ul,.breadcrumb>ul {
	font-size: 0;
	height: 22px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #666
}

.breadcrumb>ul>li,.breadcrumb1>ul>li {
	display: inline;
	max-height: 20px;
	line-height: 20px;
	margin-right: 5px;
	font-size: 12px
}

.breadcrumb>ul>li>a {
	color: #666
}

.breadcrumb>ul>li>a:hover {
	color: #f60
}

.breadcrumb1 {
	padding: 5px 15px;
	background: #fdfdfd
}

.breadcrumb1>ul>li {
	color: #333
}

.breadcrumb1>ul>li>a {
	color: #333
}

.breadcrumb1>ul>li>a:hover {
	color: #f60
}

.breadcrumb i,.breadcrumb1 i {
	font-size: 12px;
	margin-right: 2px;
}

.swiperLeft {
	width: 170px;
	margin-bottom: 10px;
	float: left
}

.swiper {
	width: 715px;
	margin: 10px
}

.swiper-wrapper {
	height: auto;
}

.carousel {
	position: relative;
	overflow: hidden
}

.swiper-container img {
	width: 100%;
	height: 267px
}

.swiper-pagination {
	text-align: right
}

.swiper-container-horizontal>.swiper-pagination-bullets {
	left: auto;
	right: 5px
}

.swiper-pagination-bullet {
	width: 16px;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	text-align: center;
	color: #6899ec;
	opacity: 1;
	background: #fff;
	margin: 0 3px 0 0!important;
	border: 1px solid #6899ec;
	border-radius: 2px;
	outline: 0
}

.swiper-pagination-bullet-active {
	color: #fff;
	width: 18px;
	height: 18px;
	line-height: 18px;
	font-size: 16px;
	background: #6899ec
}

.swiper-button-next,.swiper-button-prev {
	display: none;
	height: 50px;
	line-height: 50px;
	width: 40px;
	overflow: hidden;
	background-image: none;
	text-align: center;
	transition: all .25s ease 0s
}

.swiper-container:hover .swiper-button-next,.swiper-container:hover .swiper-button-prev {
	display: block
}

.swiper-button-prev {
	left: 0
}

.swiper-button-next i,.swiper-button-prev i {
	font-size: 30px;
	color: #888;
	font-weight: 600;
}

.swiper-button-next {
	right: 0
}

.swiper-button-next:hover,.swiper-button-prev:hover {
	background: rgba(75,75,75,0.5)
}

.swiper-button-next:hover>i,.swiper-button-prev:hover>i {
	color: #fff
}

.notice {
	color: #666;
	text-align: left;
	box-sizing: border-box;
	border: 1px solid #e1e2e3
}

.noticeTit {
	font-size: 14px;
	padding: 8px 10px;
	overflow: hidden;
	background: #f3f3f3
}

.noticeTit strong {
	padding-right: 5px
}

.noticeDiv li span {
	color: #f20;
	margin: 0 3px;
	letter-spacing: 0.5px;
}

.noticeTit em {
	color: #939393;
	font-size: 12px;
	line-height: 19px
}

.noticeDiv {
	font-size: 12px;
	height: 72px;
	display: inline-block;
	overflow: hidden;
	width: 100%
}

.noticeDiv ul {
	padding: 0 10px
}

.noticeDiv li {
	line-height: 36px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	border-bottom: #e2e2e2 dashed 1px;
	height: 36px
}

.noticeDiv li a {
	color: #369;
	margin: 0 0 0 5px
}

.noticeDiv li a:hover {
	color: #f00;
	text-decoration: underline
}

.noticeDiv li em {
	color: #080;
	font-style: normal;
	margin-left: 3px;
}

.siteRelated {
	width: 243px;
	margin: 10px 0;
	border: 1px solid #e1e2e3
}

.rightUser {
	display: flex;
	margin-top: 20px;
	align-items: center;
	justify-content: center
}

.avatar {
	overflow: hidden;
	width: 53px;
	height: 53px
}

.rightUser p {
	max-width: 168px;
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	color: #666;
	margin-left: 10px;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.userLink {
	padding-top: 8px;
	margin-left: 6px;
	font-size: 0
}

.userLink a {
	font-size: 12px;
	color: #666;
	display: inline-block;
	padding: 2px 10px;
	border: 1px solid #ccc;
	margin: 0 3px;
	border-radius: 3px;
	background: #fafafa
}

.userLink a:nth-child(2) {
	color: #f00
}

.rightUserBtn {
	max-width: 150px;
	text-align: center;
	font-size: 0;
	border-radius: 15px;
	margin: 5px 0 0 10px;
	background: #007de4;
	overflow: hidden
}

.rightUserBtn a {
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	cursor: pointer;
	background: #007de4;
	color: #fff;
	padding: 0 20px
}

.rightUserBtn span {
	font-size: 12px;
	color: #116db6
}

ul.bulletin {
	overflow: hidden;
	margin-top: 15px
}

ul.bulletin li {
	height: 25px;
	line-height: 25px;
	padding: 0 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 7px
}

ul.bulletin a {
	color: #333;
	font-size: 12px
}

.bulletin>li:hover>a {
	color: #f00
}

.bulletin em {
	padding: 0 5px;
	background: #777;
	margin-right: 5px;
	border-radius: 4px;
	color: #fff;
	white-space: nowrap;
	font-style: normal
}

.bulletinImg {
	margin-bottom: 15px!important;
	background: url(../images/notice.png) no-repeat center
}

.listBox {
	margin-bottom: 10px
}

.title1 {
	height: 50px;
	line-height: 50px;
	border-bottom: 2px solid #0ec5a1
}

.title1 h2 {
	font-weight: 400;
	color: #f60;
	font-size: 16px;
	padding-left: 40px;
	border-bottom: #f60 solid 2px;
	background-size: 25px;
	background-position: 10px 12px
}

.tuiTit {
	background: url(../images/tui.png) no-repeat
}

.hotTit {
	background: url(../images/hot.png) no-repeat
}

.newTit {
	background: url(../images/new.png) no-repeat
}

.title1>a {
	color: #333;
	font-size: 12px;
	padding-right: 10px;
	border-bottom: #0ec5a1 solid 2px
}

.title1>a:hover {
	text-decoration: underline
}

.news h2>a {
	color: #000;
}

.tuiTit>a,.hotTit>a,.newTit>a {
	color: #f60;
}

.postList {
	padding: 10px
}

.postSingle {
	width: 20%
}

.postInfor {
	margin: 3px;
	padding: 7px;
	overflow: hidden;
	border: 1px solid #f1f2f3;
	border-radius: 3px;
	transition: all .1s linear;
	-webkit-transition: all .1s linear
}

.postSingle:hover>.postInfor {
	border: 1px solid #ddd;
	box-shadow: 0 0 10px rgba(0,0,0,.3)
}

.articlePic,.cateArticlePic {
	display: block;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.articlePic {
/*	height: 204px*/
}

.articlePic img {
	height: 100%
}

.postSingle:hover>.postInfor>.articlePic>img {
	transform: scale(1.05)
}

.articleInfor {
	width: 100%;
	overflow: hidden
}

.articleInfor h3,.cateArticleInfor h3 {
	height: 40px;
	line-height: 20px;
	font-weight: 400;
	margin: 10px 0 6px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.articleInfor h3 a,.cateArticleInfor h3 a {
	display: block;
	font-size: 14px;
	color: #333;
	white-space: normal;
	word-break: break-all;
}

.articleInfor>h3>a:hover {
	color: #0ec5a1
}


.pricebtn {
    color: #ea4c89;
    font-size: 16px;
    border-top: 1px solid #f2f2f2;
    padding: 5px 5px;
}
.buy {
    background-color: #ea4c89;
    display: inline-block;
    border-radius: 2px;
    color: #FFF;
    margin-top: 0px;
    padding: 3px 15px;
    font-size: 12px;
    float: right;
}
.buylist {
    background-color: #ea4c89;
    display: inline-block;
    border-radius: 2px;
    color: #FFF;
    margin-top: 0px;
    padding: 3px 10px;
    font-size: 12px;
    float: right;
}

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

.buylist {
    display: none;
}
    
}

.deom {
    background-color: #00c3b6;
    display: inline-block;
    border-radius: 2px;
    color: #FFF;
    margin-top: 0px;
    padding: 3px 15px;
    float: right;
    font-size: 12px;
    margin-right: 8px;
}

.mbfl{
	margin: 10px auto;
	background-color:#fff;
}

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

.pricebtn strong span{
    display: none;
}

.buy{
display: none;
}
.deom .fa,.buy .fa{
	display: none;
}

.mbfl{
	margin-top:110px; 
}

}


.cateArticleInfor p,.articleInfor p {
	line-height: 20px;
	height: 20px
}

.cateArticleInfor p span{
	width: 50%;
	display: block;
	float: left;
	font-size: 12px;
	color: #555;
	padding-right: 10px;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.articleInfor span a {
	color: #333;
}

.cateArticleInfor p span:nth-child(2),.articleInfor>p>span:nth-child(2) {
	padding-right: 0;
	text-align: right
}

.cateArticleInfor strong,.articleInfor strong {
	font-size: 16px;
	color: #e85308;
	font-weight: bold
}

.cateArticleInfor p>span.rsPrice,.cateArticleInfor p>span.rsDemo.right {
	color: #f60;
	font-size: 14px;
	height: 30px;
	line-height: 30px
}

span.rsDemo.right>a {
	color: #fff;
	font-size: 12px;
	height: 20px;
	text-align: center;
	font-family: Arial,Helvetica,sans-serif;
	background-color: #009dbf;
	padding: 5px 10px 4px;
	border-radius: 4px
}

.news {
	box-sizing: border-box;
	margin-bottom: 10px
}

.news h2 {
	font-size: 18px;
	font-weight: 400;
	padding: 20px 70px;
	background: url(../images/cursor.png) no-repeat;
	background-position: 26px 20px
}

ul.newsList.clearfix {
	padding-bottom: 20px
}

ul.newsList li {
	width: 50%;
	padding: 15px 40px;
	float: left;
	font-size: 14px;
	box-sizing: border-box
}

ul.newsList li a {
	display: block;
	width: 80%;
	color: #333;
	float: left;
	padding-right: 10px;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

ul.newsList li a:hover {
	text-decoration: underline
}

ul.newsList li span {
	display: block;
	width: 20%;
	font-size: 14px;
	color: #444;
	text-align: right;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.option {
	border: 1px solid #e8e8e8
}

.option ul li {
	border-bottom: 1px dotted #eee;
	padding: 10px 15px;
	box-sizing: border-box;
	overflow: hidden
}

.option li {
	position: relative;
	color: #333;
	font-size: .9em;
	line-height: 26px
}

.option strong {
margin: 0 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.option>ul>li>.opLiA {

	width: auto;
	line-height: 26px
}

.opLiA a {
	color: #505050;
	margin-right: 20px;
	float: left;
	display: block
}

.opLiA a:hover ,.opLiA .on {
	color: #f32424
}

.option>ul>li>span.toggleBtn {
	position: absolute;
	text-align: center;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 11;
	display: block;
	height: 47px;
	width: 35px;
	line-height: 47px;
	color: #6c6c6c
}

span.toggleBtn>i {
	font-size: 15px;
	color: #999;
}

.opSelect>li {
	border-bottom: 0!important
}

.opSelect li a {
	line-height: 22px;
	border: 1px solid #e8e8e8;
	margin-right: 12px;
	cursor: pointer;
	background: url(../images/serclose.png) right 1px center no-repeat;
	padding: 1px 16px 1px 6px;
	border-radius: 3px
}

.sort {
	color: #333;
	font-size: .9em;
	line-height: 30px;
	border: 1px solid #e8e8e8;
	background: #f8f8f8;
	padding: 5px 15px;

}

.sortLeft {
	
}

.sortRight {
	max-height: 30px;
	overflow: hidden;
	margin-left: 75px
}

.sort a {
	display: block;
	float: left;
	margin-right: 20px;
	color: #333
}

a.currentSpan {
	padding-right: 13px;
	color: #f32424!important;
	background: url(../images/arrow.gif) no-repeat;
	background-size: 8px 11px;
	background-position: 59px 10px
}

.cateBox {
	margin-bottom: 15px
}

.catePostList {
	padding-top: 10px;
	margin: 0 -5px
}

.chajianlist{}
.chajianlist li{}
.chajianlist li a{
    height: 200px;
}
.chajianlist li a img{}

.catePostInfor {
	padding: 1px;
	margin: 0 5px 10px;
	border: 1px solid #f1f2f3;
	border-radius: 3px;
	overflow: hidden;
	transition: all .1s linear;
	-webkit-transition: all .1s linear
}

.postSingle:hover>.catePostInfor {
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	border: 1px solid #ddd
}

.cateArticlePic {
	/*height: 218px*/
}

.cateArticlePic img {
	height: 100%;
	border-radius: 3px;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s
}

.postSingle:hover>.catePostInfor img {
	transform: scale(1.05)
}

.cateArticleInfor {
	overflow: hidden;
	padding: 0 10px 7px
}

.cateArticleInfor>h3>a:hover {
	color: #e23a3a
}

.s1 {
	display: block;
	border: #e23a3a solid 1px;
	color: #e23a3a;
	padding: 1px 4px;
	cursor: pointer;
	margin: 7px 2px;
	border-radius: 2px;
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif
}

.insideBox {
	margin-bottom: 20px;
	margin-top: 15px
}

.leftBox {
	width: 18%
}

.rightBox {
	width: 82%
}

.insideNav {
	border: 1px solid #e8e8e8;
	margin-right: 15px;
	border-top: 0
}

.insideNav li {
	font-size: 0
}

.insideNav li .title a {
	padding: 0
}

.insideNav li a {
	display: block;
	color: #333;
	font-size: 14px;
	padding: 0 30px;
	height: 36px;
	line-height: 36px
}

.authInfor {
	border: 1px solid #e8e8e8;
	padding-bottom: 10px;
	border-radius: 5px;
	margin-right: 10px
}

.postTitle {
	font-size: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 20px;
	font-weight: 400;
	line-height: 20px
}

.postTitle span {
	display: block;
	width: 20%;
	color: #9c9c9c;
	text-align: right
}

.postTitle a {
	display: block;
	width: 80%;
	float: left;
	color: #333;
	padding-right: 10px;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.postTitle i {
	font-size: 16px;
	margin-right: 5px;
	color: #999
}

.rightList {
	border: 1px solid #e8e8e8;
	border-radius: 3px
}

.rightList a:hover {
	color: #f60
}

.rightPostList {
	padding: 5px 20px 0;
	margin-bottom: 15px;
	border-bottom: 1px solid #eee
}

.rightPostList li {
	overflow: hidden;
	padding: 10px 0;
	border-top: 1px dotted #eee
}

.rightPostList li:nth-child(1) {
	border-top: 0
}

.insideCon {
	margin-bottom: 20px
}

.leftCon {
	width: 75%
}

.rightCon {
	width: 25%
}

.leftConList>.title>a {
	color: #333;
	font-size: 14px;
	border-bottom: 2px solid #f00;
	padding: 5px
}

.leftConList>.title>a>span {
	color: #f30707
}

.listTit {
	color: #555;
	background: #f8f8f8;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 18px;
	font-weight: 300
}

.listTit i {
	padding: 0 13px;
	min-width: 13px;
	border-right: 1px solid #e5e5e5;
	line-height: 45px;
	height: 40px;
	margin-right: 13px;
	color: #555;
	font-size: 18px
}

.leftConList {
	border: 1px solid #e8e8e8;
	border-top: 0;
	padding-bottom: 30px
}

.postTitle1 {
	font-size: 18px;
	height: 26px;
	line-height: 22px;
	font-weight: 500;
	margin-bottom: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.postTitle1 i {
	font-size: 16px;
	margin-right: 5px
}

.postTitle1 a {
	color: #333
}

.articleList {
	margin-bottom: 20px
}

.articleList li {
	overflow: hidden;
	padding: 20px;
	border-bottom: 1px dotted #e1e2e3
}

.insidePostPic>a {
	display: block;
	width: 180px;
	height: 120px;
	border-radius: 3px;
	overflow: hidden
}

.insidePostPic img {
	height: 100%
}

.articleList li:hover img {
	transform: scale(1.08)
}

.articleList li h3:hover {
	color: #f00
}

.articleList li h3:hover>a {
	color: #f00
}

.insidePostInfor {
	margin-left: 195px;
	overflow: hidden
}

.insidePostIntro {
	height: 55px;
	line-height: 28px;
	overflow: hidden;
	word-break: break-all;
	font-size: 14px;
	color: #7e7e7e;
	margin-bottom: 11px
}

.itemMeta {
	color: #999;
	font-size: 12px;
}

.insidePostInfor .itemMeta span {
	line-height: 18px
}

.itemMeta span {
	padding-right: 15px;
	line-height: 180%
}

.itemMeta span:last-child {
	padding: 0;
}

.itemMeta span a {
	color: #999
}

.itemMeta span a:hover {
	color: #f00
}

.itemMeta i {
	font-size: 15px;
	margin-right: 3px
}

.noResult>h3 {
	font-size: 22px;
	font-weight: normal;
	color: #333;
	margin: 35px 20px 25px
}

.noResult>span {
	font-size: 13px;
	color: #666;
	margin-left: 20px
}

.noResult>p {
	margin: 13px 67px;
	color: #333;
	font-size: 13px
}

.metaBox {
	border: 1px solid #e8e8e8;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 3px
}

.article {
	margin-bottom: 20px
}

.articleBox {
	margin-bottom: 15px;
	border: 1px solid #e8e8e8;
	border-radius: 3px
}

.articleBox a:hover {
	color: #f60
}

a.articleImg {
	width: 31%
}

a.articleImg img {
	height: 284px;
	border-radius: 5px
}

.articleTit h1 {
	font-size: 28px;
	font-weight: 400;
	color: #333
}

.articleTit p {
	color: #5c5c5c;
	font-size: 14px;
	padding: 10px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #e8e8e8
}

.articleTit p>img {
	width: 92px;
	margin-top: 1px
}

.articleTit p a {
	color: #086ab7;
	margin-right: 20px
}

.articleMeta {
	margin-left: 31%;
	padding-left: 20px
}

.articleMeta p {
	padding: 10px;
	color: #5c5c5c;
	font-size: 14px;
	line-height: 20px;
	border-top: 1px dotted #e1e2e3
}

.articleMeta p:nth-child(1),.articleMeta p:nth-child(6) {
	border-top: 0
}

.articleMeta p:nth-child(6) {
	height: 60px;
	line-height: 20px;
	overflow: hidden;
	background: #eee
}

.articleMeta p a {
	color: #086ab7;
	margin-right: 10px
}

.articleMeta p a:hover {
	color: #f60
}

.articleTit1 {
	text-align: center;
	border-bottom: 1px solid #eee
}

.articleTit1 h1 {
	font-size: 16px;
	color: #333;
	line-height: 30px;
	padding: 20px 20px 10px
}

.postMeta {
	padding: 0 20px 18px;
	height: auto
}

.postMeta span {
	font-size: 13px
}

.articleContent {
	margin: 18px 0 8px;
	color: #333;
	font-size: 18px;
	line-height: 38px;
	padding:10px 20px;
	word-break: break-all

}


.articleContent>* {

}

.articleContent table {
	border-collapse: collapse;
}

.articleContent td {
	line-height: 30px;
	border: 1px solid #e8e8e8;
	padding: 10px;
}

.articleContent img {
	width: auto;
	height: auto !important;
	max-width: 100%;
}

.articleContent img:hover {
	opacity: 0.85;
	box-shadow: 0 0 10px #bbb;
}

.lcphidebox {
	margin: 0 20px 20px
}

.articleContent blockquote {
	display: block;
	width: 100%;
	margin: 10px 0 10px -4px;
	padding: 12px 0;
	border-left: 4px solid #428BCA;
	background-color: #fbfbfb;
	font-weight: 400;
	font-size: 18px;
	line-height: 18px;
}

.articleContent blockquote p {
	line-height: 25px;
    margin: 0 20px;
    font-size: 20px;
    font-weight: bold;
    color: red;
}

.shouqian, .shouhou{
    font-weight: bold;
   
}
.shouqian p strong{
    color: red;
}

.articleContent iframe {
	max-width: 100%;
}

.declare {
	padding: 12px 20px
}

.declare>h4 {
	font-weight: bold;
	border-left: 4px solid #4693e9;
	padding: 10px 0 10px 15px;
	background: #f5f5f5;
	box-sizing: border-box
}

.articleContent>p a {
	color: #428bca;
	text-decoration: underline
}

.postCopyright {
	background-color: #eee;
	font-size: 12px;
	padding: 8px 30px;
	border-radius: 2px;
	color: #aaa;
	text-align: center;
	margin-bottom: 18px;
	overflow: hidden;
	clear: both
}

.postCopyright a,.postCopyright a:hover {
	color: #aaa;
	text-decoration: none
}

.product {
	position: relative;
	background-color: #fff;
	border: 1px solid #e8e8e8;
	padding: 20px;
	margin-bottom: 15px;
	border-radius: 3px;
	overflow: hidden
}

.proPhoto {
	float: left;
	width: 260px;
	overflow: hidden;
	box-sizing: border-box
}

.proPhoto>img {
	max-height: 100%
}

.proInfor {
	display: block;
	width: 100%;
	height: 22px;
	overflow: hidden;
	line-height: 21px;
	margin-top: 14px
}

span.sc {
	float: left;
	height: 22px;
	line-height: 22px;
	font-size: 0;
	cursor: pointer;
	border-right: #e6e6e6 solid 1px;
	padding: 0 8px 0 0;
	margin-right: 8px
}

span.sc i {
	font-size: 13px;
	color: #e5511d;
	font-weight: 700;
	margin-right: 2px
}

span.sc a {
	color: #333;
	font-size: 12px
}

span.share {
	float: left;
	cursor: pointer;
	color: #666
}

span.shareTitle {
	width: 57px;
	float: left;
	color: #666;
	font-size: 14px
}

span.shareTitle i {
	font-size: 12px;
	color: #ccc;
	margin-right: 3px
}

.G-share {
	float: left;
	height: 22px;
	font-size: 0
}

.G-share i {
	font-size: 20px;
	margin-right: 6px
}

.G-weixin i {
	color: #8dc81b
}

.G-qzone i {
	color: #f5be3f
}

.G-sqq i {
	color: #68a5e1
}

.G-tsina i {
	color: #f56467
}

.G-share a {
	display: inline-block;
	cursor: pointer;
	height: 23px
}

span.jbCode {
	float: right;
	font-size: 14px;
	color: #333;
	cursor: pointer
}

.risktips {
	border: solid 1px #e4d0be;
	background: #fefef5;
	padding: 8px 10px;
	color: #d2733f;
	overflow: hidden;
	margin-top: 10px;
	line-height: 18px;
	font-size: 12px;
	cursor: pointer
}

.risktips i {
	font-size: 14px;
	margin-right: 2px;
	vertical-align: -1px
}

.proChoice {
	margin-left: 280px
}

h1.proTit {
	line-height: 30px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	letter-spacing: .5px;
	margin-top: -4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: arial,helvetica,sans-serif
}

.proMeta {
	width: 100%;
	color: #666;
	margin-bottom: 8px;
	font-weight: normal;
	font-size: 14px;
	padding-left: 10px;
	text-align: left
}

.proMeta p {
	padding-right: 5px;
	color: #666;
	letter-spacing: 2px;
	line-height: 35px
}
.proMeta .tuijian{
	color: red;
    font-size: 16px;
    font-weight: bold;
}

.proMeta span {
	letter-spacing: 0;
	color: #888
}

.proMeta a {
	color: #0195da;
	letter-spacing: 1px
}

.proMore {
	margin: 12px 0 8px;
	padding: 15px 0 15px 10px;
	overflow: hidden;
	border-top: 1px dashed #eee;
	border-bottom: 1px dashed #eee;
	background: #e9e9e9 url(../images/price_bg.png) 0 0 no-repeat
}

span.proPrice:nth-child(1){
    font-size: 16px;
    margin-left: 0px;
    padding-top: 4px;
}

span.proPrice {
	position: relative;
	display: inline;
	font-size: 14px;
	color: #666;
	margin-left: 10px;
}

span.proPrice>em {
	letter-spacing: 1px;
	font-style: normal;
	margin-right: 5px;
	color: #f60;
	font-size: 18px;
	height: 20px;
	font-weight: 700
}
span.proPrice>em a{
	color: #f60;
	font-size: 14px;
}






.proFree {
	color: #666;
	font-size: 14px;
	text-align: left;
	padding-left: 10px;
	line-height: 35px
}

.proFree>a {
	text-decoration: underline;
	color: #f00;
	letter-spacing: 1px
}

.proFree>em {
	font-style: normal
}

span.proView {
	float: right;
	font-size: 20px;
	color: #ff433e;
	margin-right: 5px
}

span.proView>i {
	margin-right: 3px
}

span.collect {
	float: right;
	font-size: 15px;
	color: #ff433e;
	margin-right: 5px
}

span.collect>i {
	margin-right: 3px
}

span.collect>a {
	color: #ff433e
}

.proMoreBtn {
	font-size: 0;
	padding-left: 5px;
	overflow: hidden
}

.proMoreBtn>a {
	display: block;
	float: left;
	width: 25%;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	background: #6899ec;
	border: 0;
	margin-right: 1%;
	cursor: pointer;
	box-sizing: border-box;
	border-radius: 3px
}

a.lcpbuyed {
	background: #fc4a1a
}
a.lcpbuyed:nth-child(2) {
	background: #ff8400
}


.proMoreBtn>a.lcpbuyed:hover {
	background: rgba(255,132,0,0.8)
}

a.commBtn i {
	font-size: 16px;
	margin-right: 2px;
}

.proMoreBtn>a.proDemo2:hover,.proMoreBtn>a.commBtn:hover {
	background: rgba(104,153,236,0.8)
}

.layui-layer-dialog {
	max-width: 280px;
}

.proState {
	font-size: 14px;
	color: #333;
	margin-top: 20px
}

.proState>p {
	line-height: 20px;
	height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.proState em {
	font-style: normal
}

.articleTab {
	padding: 0 15px
}

.articleTab>ul {
	width: 100%;
	height: 48px;
	border-bottom: 1px solid #efefef
}

.articleTab>ul>li {
	float: left;
	font-size: 18px;
	color: #ccc;
	line-height: 48px;
	padding: 0 20px;
	text-align: center;
	cursor: pointer
}

.articleTab>ul>li.setTab {
	color: #333;
	border-bottom: 2px solid #1478f0
}

.articleCopyright {
	border-top: 1px dotted #e1e2e3;
	padding: 5px 20px
}

.articleCopyright p {
	margin: 5px 0;
	line-height: 22px
}

.articleUrl {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.articleCopyright p,.articleCopyright p a {
	font-size: 14px;
	color: #333
}

.articleContent>.entryCopyright {
	font-size: 13px;
	color: #999;
	padding: 15px 0 12px;
	margin: 0;
	border-top: 1px solid #efefef
}

.entryCopyright p {
	font-size: 14px;
	color: #999;
	line-height: 22px
}

.entryCopyright p:nth-child(1),.entryCopyright p:nth-child(2) {
	color: #333
}

.entryCopyright a,.entryCopyright span {
	color: #555
}

.articleTags {
	line-height: 20px;
	margin: 20px 20px 13px;
	overflow: hidden
}

.articleTags p {
	width: 65px;
	font-size: 14px;
	color: #5c5c5c;
	border: 1px solid transparent;
	padding: 2px 0
}

.articleTagList {
	margin-left: 68px
}

.articleTags a {
	color: #666;
	font-size: 14px;
	padding: 4px 15px;
	float: left;
	display: block;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	margin-right: 5px;
	margin-bottom: 5px
}

.prevNext {
	border-top: 1px solid #e8e8e8;
	margin: 0;
	padding: 10px 20px;
	font-size: 14px;
	background: #fdfdfd
}

.prevNext p>a {
	color: #333
}

.prevNext p>span {
	color: #5c5c5c;
	cursor: default
}

.articlePrev,.articleNext {
	line-height: 26px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.articleNext {
	margin-top: 6px
}

.relatedPosts {
	border: 1px solid #e8e8e8;
	border-top: 0;
	border-radius: 3px;
	margin-bottom: 15px
}

.relatedTit {
	font-size: 14px
}

ul.relatedList {
	padding: 10px 15px 0;
	font-size: 14px
}

ul.relatedList>li {
	width: 20%;
	overflow: hidden
}

ul.relatedList>li>a {
	display: block;
	color: #333;
	border: 1px solid #f5f5f5;
	margin-bottom: 10px;
	margin-right: 10px
}

ul.relatedList>li>a>p {
	padding: 6px;
	height: 24px;
	line-height: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

ul.relatedList>:nth-child(5n)>a {
	margin-right: 0
}

.relatedPic {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	overflow: hidden
}

.relatedPic img {
	height: 157px
}

.relatedList li:hover img {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03)
}

.relatedList li:hover p {
	color: #f60
}

.comList {
	padding-bottom: 10px;
	border: 1px solid #e5e5e5;
	border-top: 0;
	border-radius: 3px
}

.comList>.comBox {
	font-size: 14px;
	padding: 0 20px
}

.comBox li p {
	color: #999;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

img.avatar {
	height: 50px;
	width: 50px;
	border-radius: 5px
}

.parentCritic {
	overflow: hidden;
	margin-top: 20px;
	padding-bottom: 10px
}

.criticInfor {
	margin-left: 65px
}

.criticInfor ul {
	margin-top: 30px;
	margin-left: -65px
}

.commCont .comTab ul {
	margin-left: 0;
	margin-top: 0;
}

.commeta {
	border-bottom: 1px solid #eff2f7;
	font-size: 0;
	height: 25px
}

.commeta span {
	display: inline-block;
	max-width: 33.3333%;
	font-size: 13px;
	line-height: 20px;
	padding-bottom: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

span.criticName {
	font-weight: 700;
	color: #20a0ff;
	border-bottom: 1px solid #20a0ff
}

a.attention {
	color: #ff0000;
	margin-left: -3px;
	cursor: pointer;
}

.attentionBox {
	position: fixed;
	top: 218px;
	left: 50%;
	margin: 0;
	padding: 0;
	margin-left: -322px;
	background-color: #fff;
	-webkit-background-clip: content;
	box-shadow: 1px 1px 50px rgba(0,0,0,.3);
	z-index: 99999999;
	box-sizing: border-box;
	display: none;
}

.attentionTitle {
	padding: 0 80px 0 20px;
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	color: #333;
	overflow: hidden;
	background-color: #F8F8F8;
	border-radius: 2px 2px 0 0;
}

.attentionContent {
	width: 570px;
	padding: 10px 20px 26px;
	background: #fff;
}

.attentionContent p {
	line-height: 25px;
	font-size: 13px;
	color: #333333;
	padding: 5px 0;
}

.attentionContent p b {
	padding-right: 4px;
	color: #666;
	font-size: 15px;
}

span.attentionOff {
	position: absolute;
	right: 15px;
	top: 10px;
	line-height: initial;
	color: #333;
	cursor: pointer;
	font-weight: 700;
}

span.criticName a {
	color: #20a0ff
}

.comdate {
	color: #c0ccda;
	font-size: 13px;
	margin-left: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.criticAtName {
	font-weight: 700;
	color: #999
}

.commCont {
	font-size: 14px;
	padding-top: 5px;
	color: #666;
	letter-spacing: 0.5px;
	line-height: 24px;
	word-break: break-all;
}

.commCont .comTab {
	margin: 20px 0 15px -65px
}

.childCritic {
	margin-left: 20px;
	margin-top: 20px;
	padding-bottom: 10px
}

.parentCritic .childCritic {
	padding-bottom: 0
}

.childCritic .childCritic {
	margin-left: 0
}

.commDate a {
	color: #c0ccda;
	font-size: 14px
}

.commDate a:hover {
	color: #f00
}

.comBox+label+.noComm {
	display: none
}

.noComm i {
	font-size: 1.2em
}

.noComm {
	text-align: center;
	padding: 10px 0;
	font-size: 16px;
	color: #5c5c5c;
	line-height: 30px
}

.comTab {
	margin-bottom: 15px;
	border-radius: 3px;
	border: 1px solid #e5e5e5
}

.comTab>h4 {
	color: #333;
	background: #fdfdfd;
	height: 33px;
	line-height: 33px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 14px;
	font-weight: 700;
	padding-left: 20px;
	position: relative
}

.comTab>h4 a {
	font-weight: normal
}

.comName {
	position: absolute;
	right: 15px
}

.comName a {
	font-size: 14px;
	color: #f60
}

.comPost {
	padding: 15px 20px
}

.comInfo {
	color: #5c5c5c;
	font-weight: normal;
	line-height: 22px
}

.comInfo li {
	width: 100%;
	float: left
}

.comInputList li {
	width: 50%;
	margin-bottom: 10px
}

.commBorder {
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	margin-right: 10px;
	position: relative
}

.comInputList li:nth-child(2n)>.commBorder {
	margin-right: 0
}

.comInfo li img {
	width: auto;
	position: absolute;
	top: 1px;
	right: 2px;
	height: 33px;
	cursor: pointer
}

.comInfo input {
	padding: 10px;
	height: 35px;
	line-height: 35px;
	width: 100%;
	border: 0;
	box-sizing: border-box
}

.comTex {
	position: relative;
	height: 130px;
	border: 1px solid #ddd;
	border-radius: 3px;
}

.comTex textarea {
	display: block;
	outline: none;
	resize: none;
	width: 100%;
	height: 130px;
	line-height: 180%;
	border: 0;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.comTex p {
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	left: 0;
	line-height: 20px;
	color: #666;
	margin: -10px 0 0 0;
	text-decoration: underline;
}

.comTex p a {
	color: #ed2222;
	padding: 0 3px;
}

.comInfo button {
	color: #fff;
	background-color: #f60;
	height: 30px;
	width: 88px;
	border: 1px solid #e5e5e5;
	outline: 0;
	cursor: pointer;
	border-radius: 4px;
	margin-top: 10px
}

.comInfo span {
	color: #fff;
	background-color: #6899ec;
	height: 30px;
	width: 88px;
	text-align: center;
	line-height: 30px;
	border: 0;
	outline: 0;
	cursor: pointer;
	border-radius: 4px;
	margin-top: 10px;
	display: block;
	font-size: 13px;
}

.widget {
	border-radius: 3px;
	margin-top: 15px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-top: 0;
	vertical-align: top;
	overflow: hidden
}

.rightConList .widget:nth-child(1) {
	margin-top: 0
}

.rightList>.widget:nth-child(1) {
	margin-top: 0
}

.widget ul {
	padding: 0 10px;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	overflow: hidden
}

.widgetSystem li {
	padding: 9px 10px 12px
}

.widgetSystem li a {
	color: #3f3f3f
}

.authAvarar {
	background-image: url(../images/auhtbg.jpg);
	background-size: cover;
	position: relative;
	height: 100px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 54px
}

a.authAvararA {
	display: block;
	position: absolute;
	top: 54px;
	left: 50%;
	margin-left: -46px;
	padding: 6px;
	background-color: transparent;
	border-radius: 100%
}

a.authAvararA img {
	width: 80px;
	height: 80px;
	border-radius: 100%
}

.widgetAuthor h3 {
	text-align: center;
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 26px
}

.widgetAuthor h3>a {
	color: #333
}

.authorCount {
	background-color: #fff;
	border-top: 1px solid #efefef;
	border-bottom: 0px solid #efefef
}

.authorCount ul {
	padding: 0;
	text-align: center;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex
}

.authorCount ul li {
	float: left;
    width: 33%;
    border-right: 1px #efefef solid;
    padding: 8px 0;
    font-weight: 300;
    border-bottom: 1px solid #efefef;
}

.authorCount ul>li:nth-child(3n) {
	border-right: 0
}

.authorCount ul li span {
	display: block;
	font-size: 14px;
	color: #333
}

.authorCount ul li strong,.authorCount ul li strong a{
	font-size: 13px;
	color: #f60;
	font-weight: bold
}

.widgetAuthor>ul {
	padding: 5px 10px
}

.widgetAuthor>ul>li {
	padding: 5px 0
}

.widgetAuthor>ul>li>a {
	display: block;
	font-size: 14px;
	color: #3f3f3f;
	line-height: 21px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.widgetAuthor>ul>li>a:hover {
	color: #ff4f4f;
	text-decoration: underline
}

.rightConList {
	margin-left: 15px
}

.modTit h4 {
	text-align: center;
	cursor: pointer
}

.modNav {
	background: #fff!important;
	border-bottom: none!important
}

.modMenu>li {
	border-top: 1px dotted #cbcbcb
}

.modMenu li:nth-child(1) {
	border-top: 0
}

.modMenu>.modLi:hover .modRightTit {
	color: #ff4f4f;
	text-decoration: underline
}

.modMenu>li:hover>a>.modLeft>.modLeftI>img {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg)
}

.modMenu>li>a {
	display: block;
	margin: 13px 0;
	-moz-transition: ease-in-out .2s;
	-webkit-transition: ease-in-out .2s;
	-o-transition: ease-in-out .2s;
	-ms-transition: ease-in-out .2s;
	transition: ease-in-out .2s
}

.modLeftPic {
	width: 60px;
	height: 45px;
	line-height: 50px;
	text-align: center;
	-moz-transition: ease-in-out .3s;
	-webkit-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	-ms-transition: ease-in-out .3s;
	transition: ease-in-out .3s
}

.modLeftPic img {
	height: 45px;
	border-radius: 3px
}

.modRightTit {
	height: 41px;
	line-height: 21px;
	text-align: left;
	overflow: hidden;
	font-size: 14px;
	color: #3f3f3f;
	margin-left: 70px;
	white-space: normal;
	text-overflow: ellipsis;
	word-break: break-all;
}

.modLeft {
	width: 41px;
	height: 41px;
	line-height: 41px;
	border-radius: 50%;
	text-align: center;
	color: #888;
	font-size: 9pt;
	background: #f2f2f2;
	font-family: arial;
	-moz-transition: ease-in-out .3s;
	-webkit-transition: ease-in-out .3s;
	-o-transition: ease-in-out .3s;
	-ms-transition: ease-in-out .3s;
	transition: ease-in-out .3s
}

.modLeftI {
	font-size: 20px;
	width: 30px;
	text-align: right
}

.modRight {
	height: 41px;
	line-height: 21px;
	overflow: hidden;
	font-size: 14px;
	color: #3f3f3f;
	margin-left: 51px;
	white-space: normal;
	text-overflow: ellipsis
}

.modLeftI img {
	width: 41px;
	height: 41px;
	border-radius: 50%
}

.modRightComm {
	height: 41px;
	line-height: 21px;
	overflow: hidden;
	font-size: 14px;
	color: #3f3f3f;
	margin-left: 51px;
	white-space: nowrap;
	text-overflow: ellipsis
}

.modRightComm p {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #5c5c5c
}

.tagWallCon {
	margin: 3px;
	max-height: 371px;
	line-height: 21px;
	overflow: hidden
}

.tagWallCon a {
	color: #726161;
	border-radius: 2px;
	font-size: 14px;
	width: 29%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	border: 1px solid #eee;
	padding: 2px 3px;
	display: inline-block;
}

.tagWallCon a:hover {
	background: #f60;
	color: #fff
}

.page404 {
	margin: 0 auto 20px;
}

.errorInfor {
	margin: 0;
	text-align: center;
	border: 1px solid #e8e8e8;
	border-radius: 3px;
}

.pic404 {
	margin: 63px 20px 0
}

.errorInfor h2 {
	font-size: 30px;
	color: #333;
	letter-spacing: 5px;
	margin: 25px 20px 0
}

.errorInfor p {
	font-size: 15px;
	color: #ef6666;
	font-weight: 300;
	letter-spacing: 1px;
	margin: 25px 20px
}

.errorInfor h3 {
	font-size: 16px;
	color: #666;
	font-weight: 400;
	letter-spacing: 1px;
	margin: 0 20px 25px
}

.errorInfor a {
	margin: 0 auto 63px;
	display: block;
	background: #7caced;
	height: 46px;
	line-height: 46px;
	color: #fff;
	width: 200px;
	letter-spacing: 5px;
	border: 0;
	font-size: 18px;
	text-align: center;
	border-radius: 5px
}

.errorInfor img {
	width: 431px;
	height: 231px
}

.pagebar {
	padding-bottom: 5px;
	font-size: 0;
	text-align: center;
	padding-right: 15px
}

.pagebar span,.pagebar a {
	font-size: 14px;
	padding: 0 12px;
	display: inline-block;
	border: 1px solid #f1f2f3;
	color: #333;
	margin: 5px 0 5px 7px;
	line-height: 32px;
	border-radius: 2px
}


.pagebar a:hover, .pagebar .nowPage {
	background: #f60;
	color: #fff
}

.friendLinks {
	background: #fff;
	margin-bottom: 10px
}

.linkTit {
	background: url(../images/link.png) no-repeat
}

.linksList {
	padding: 9px
}

.linksList li {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	line-height: 2;
	font-size: 13px
}

.linksList li a {
	color: #888
}/*.linksList li a:hover{color:#f60;text-decoration:underline}*/

.footer {
	font-size: 0;
	text-align: center;
	padding: 20px 0 30px;
	border-top: 1px solid #e8e8e8;
	background: #333;
}

.footer img {
	width: auto;
	height: auto;
	margin: 0 3px 10px;
}

.footerNav {
	margin-bottom: 12px
}

.footerNav a {
	font-size: 14px;
	color: #333;
	margin: 0 10px
}

.footerNav a:hover {
	color: #ff4f4f
}

.footerNav span {
	font-size: 12px;
	border-left: 1px solid #9e9e9e
}

.footerNav span:nth-child(1) {
	border-left: 0
}

.footerCopy {
	font-size: 14px;
	color: #9e9e9e
}

.footerCopy p {
	margin-top: 12px;
	line-height: 20px
}

.footerCopy p>a {
	color: #9e9e9e
}

.footerCopy p>a:hover {
	color: #ff4f4f;
	text-decoration: underline
}

.footerMore {
	font-size: 14px;
	color: #9e9e9e;
	overflow: hidden;
	white-space: normal;
	word-break: break-all;
	margin-top: 12px
}

.footerMore a {
	color: #9e9e9e
}

.rightOp {
	width: 55px;
	font-size: 12px;
	text-align: center;
	position: fixed;
	z-index: 55;
	right: 15px;
	bottom: 20px
}

.rightOp .rightOpQ,.rightOp .rightOpV,.rightOp .rightOpT {
	float: left;
	width: 55px;
	height: 65px;
	border-bottom: #5c5d6e solid 1px;
	background-color: #646577
}

.rightOp>.rightOpQ>.rightOpB {
	background: url(../images/zxicon.png) no-repeat;
	background-position: 13px 10px
}

.rightOp>.rightOpV>.rightOpB {
	background: url(../images/kficon.png) no-repeat;
	background-position: 13px 10px
}

.rightOp>.rightOpT>.rightOpB {
	background: url(../images/fanhui.png) no-repeat;
	background-position: 17px 10px
}

.rightOp .rightOpB {
	float: left;
	width: 55px;
	height: 21px;
	padding: 44px 0 0 0;
	text-align: center;
	color: #fff;
	cursor: pointer
}

.rightOp>.rightOpQ:hover,.rightOp>.rightOpV:hover,.rightOp>.rightOpT:hover {
	background: #e40231
}

.rightOp>.rightOpQ:hover>.rightOpN,.rightOp>.rightOpV:hover>.rightOpN {
	display: block
}

.rightOp .rightOpN {
	display: none;
	position: absolute;
	left: -120px;
	top: 0;
	width: 120px;
	background-color: #e40231;
	padding: 10px 0 7px 0;
	color: #fff
}

.rightOp>.rightOpQ>.rightOpN>a {
	color: #333;
	float: left;
	padding: 3px 0 0 30px;
	background: url(../images/qq4.gif) left top no-repeat;
	width: 72px;
	height: 21px;
	text-align: left;
	margin: 0 0 6px 9px
}

.rightOp>.rightOpV>.rightOpN>img {
	width: 100px;
	height: 100px;
	margin: 0 0 5px 0
}

.mnav,.toggleBtn,.mNavBtn,.mBg {
	display: none
}

.indexA {
	margin: -3px 0 8px
}

.indexA a {
	display: block;
	margin-bottom: 3px
}

.indexA img {
	display: block;
	width: 100%
}

.articleA {
	text-align: center;
	margin: 20px;
	overflow: hidden
}

.articleA a {
	display: block;
	margin-bottom: 3px
}

.articleA img {
	height: auto
}

.lcphidebox .lcp-title {
	line-height: 25px;
	background-color: #eee;
	padding: 8px 0 8px 18px!important;
	margin: 0!important;
	font-size: 14px;
	color: #fff;
	font-weight: inherit;
	background-image: -webkit-linear-gradient(45deg,#3e4b62 1%,#9fa5b0 64%,#ecedef 97%);
	background-image: -o-linear-gradient(45deg,#3e4b62 1%,#9fa5b0 64%,#ecedef 97%);
	background: linear-gradient(45deg,#3e4b62 1%,#9fa5b0 64%,#ecedef 97%)
}

.lcphidebox .lcp-header {
	border-bottom: 0!important;
	padding: 0!important;
	margin: 0 3px!important
}

.lcp-header>p {
	color: #666;
	font-size: 14px;
	padding: 8px 15px;
	margin: 0;
	border-bottom: 1px solid #f8f8f8
}

.lcp-header>p.price>span {
	color: #ff6c70;
	font-weight: 700;
	font-size: 120%
}

.lcp-body>p.buy>span>a.button {
	font-weight: 400;
	color: #fff;
	background-color: #ff7575;
	padding: 2px 5px;
	margin: 0 3px;
	font-size: 13px;
	border-radius: .3rem;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.lcp-body>p.buy>span>i.card {
	font-weight: 400;
	color: #fff;
	background-color: #ff7575;
	font-size: 14px;
	border-radius: 2px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.lcp-body>p.buy>span>a {
	font-weight: 700;
	color: #f47564;
	font-size: 13px
}

.lcp-body>p.buy>span>a#lcpbuy,span.download>a {
	border-radius: 2px;
	background: #ff7575;
	color: #fff!important;
	padding: 0 13px;
	text-decoration: none!important;
	font-size: 13px;
	display: inline-block;
	font-weight: 400;
	line-height: 25px
}

span.download>a {
	font-weight: 600;
}

.lcp-body>p.buy>span>a#lcpbuy:hover,span.download>a:hover {
	background: #ffb174;
}

.lcphidebox>div {
	padding: 3px 0 0!important
}

.lcp-body p {
	margin: 0 20px;
}

.lcp-body>p>span {
	display: block;
	line-height: 30px;
	font-size: 14px;
	color: #666;
	margin: 0 -17px;
	padding: 8px 15px;
	border-bottom: 1px solid #f8f8f8
}

.lcp-body>p>span:last-child {
	border: 0;
	margin: 0 -17px 0
}

.lcphidebox {
	border: 1px solid #f1f2f3;
	border-radius: 5px;
	overflow: hidden
}

@media screen and (max-width:1180px) {
	.container {
		width: 970px
	}

	.leftMenu {
		width: 145px
	}

	.leftMenuLi i {
		margin: 0 15px
	}

	.swiperLeft {
		width: 145px
	}

	.menuList {
		width: 143px;
		padding: 6px 0
	}

	.menuList>li:nth-child(8) {
		display: none
	}

	.swiper {
		width: 600px;
		margin: 10px
	}

	.swiper-container img {
		width: 100%;
		height: 229px
	}

	.siteRelated {
		width: 203px
	}

	.rightUser p {
		max-width: 125px
	}

	.rightUserBtn {
		max-width: 120px
	}

	.rightUserBtn a {
		height: 27px;
		line-height: 27px;
		padding: 0 15px
	}

	.userLink a {
		padding: 2px 4px
	}

	ul.bulletin>li:nth-child(9) {
		display: none
	}

	.articlePic {
		height: 168px
	}

	.cateArticlePic {
		height: 182px
	}

	.cateArticlePic img {
		border-radius: 3px
	}

	.leftBox {
		width: 21%
	}

	.rightBox {
		width: 79%
	}

	.leftCon {
		width: 71%
	}

	.rightCon {
		width: 29%
	}

	.proMoreBtn>a {
		width: 25%;
		margin-right: 1%
	}

	.relatedPic img {
		height: 129px
	}
}

@media screen and (max-width:990px) {
	.articleContent blockquote {
		border-left: 3px solid #428BCA;
		margin: 10px 0 10px 0px;
	}

	.container {
		width: 750px
	}

	.logo>a>img {
		width: auto
	}

	.header {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		border-bottom: 1px solid #e5e5e5;
		box-shadow: 0 0 5px rgba(0,0,0,.1);
		z-index: 999
	}

	.search {
		display: none;
		width: 100%;
		height: 40px;
		margin: 0;
		position: absolute;
		z-index: 10;
		top: 100%;
		left: 0;
		border-top: 1px solid #e5e5e5;
		padding: 20px 0;
		background-color: rgba(255,255,255,0.95)
	}

	.search form {
		width: 90%;
		display: block;
		margin: 0 auto
	}

	.search input[name="keyboard"] {
		width: 84%;
		padding: 0 2%
	}

	.search input[name="s"] {
		width: 16%
	}

	.searchFont {
		display: block;
		width: 48px;
		position: absolute;
		top: 50%;
		right: 15px;
		text-align: right;
		margin-top: -10px
	}

	.searchFont i {
		font-size: 21px;
		color: #666;
		display: block
	}

	.searchFont i:hover {
		color: #f60
	}

	.breadcrumb {
		border-top: 1px solid #e5e5e5
	}

	.mnav {
		display: block;
		position: absolute;
		top: 50%;
		left: 10px;
		cursor: pointer;
		margin-top: -15px;
		padding: 2px 15px 2px 5px
	}

	.mnav:hover>.icon-bar {
		background-color: #333
	}

	.monavber>.container {
		height: auto
	}

	.leftMenu {
		display: none
	}

	.monavber>.container>ul.navbar {
		position: fixed;
		top: 0;
		left: -190px;
		display: block;
		font-weight: 400;
		width: 190px;
		background: #111;
		height: 100%;
		z-index: 999
	}

	ul.navbar>li>a {
		font-size: 14px;
		color: #fff;
		border-bottom: 1px solid rgba(255,255,255,0.08);
		padding: 0 25px;
		line-height: 48px
	}

	.mNavBtn {
		display: block;
		position: fixed;
		z-index: 999;
		height: 48px;
		line-height: 48px;
		top: 0;
		left: -200px;
		cursor: pointer
	}

	.mNavBtn i {
		color: #fff;
		opacity: .9;
		font-size: 20px;
		line-height: 48px
	}

	.mBg {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.6);
		z-index: 899
	}

	span.toggleBtn {
		position: absolute;
		text-align: center;
		top: 0;
		right: 0;
		cursor: pointer;
		z-index: 11
	}

	ul.navbar>li>span.toggleBtn {
		display: block;
		height: 48px;
		width: 48px;
		line-height: 48px;
		color: #fff
	}

	span.toggleBtn>i {
		font-size: 12px;
		font-weight: 600;
	}

	ul.navbar>li:hover>a {
		color: #fff
	}

	.monavber a {
		color: #7c7c7c;
		font-size: 15px
	}

	ul.navbar ul {
		display: none;
		min-width: 190px;
		position: static;
		background: #111;
		text-align: left;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none
	}

	.navbar>li>ul:before,.navbar>li>ul:after {
		border: 0
	}

	ul.navbar>li>ul>li>a {
		font-size: 12px;
		color: #fff;
		text-align: left;
		border-bottom: 0;
		opacity: .8;
		text-transform: none;
		text-indent: .4em
	}

	.monavber ul.navbar ul>li:hover>a {
		color: #c5c5c5
	}

	.logo {
		width: 325px;
		float: none;
		margin: 0 auto
	}

	.logo>a {
		width: 325px;
		text-align: center
	}

	.quickLink,.leftNavbar,.siteRelated {
		display: none
	}

	.lss {
		padding-top: 155px
	}

	.swiperLeft {
		display: none
	}

	.swiper {
		width: 100%;
		margin: 0 0 10px
	}

	.swiper img {
		max-height: 300px
	}

	.swiper img {
		width: 100%;
		height: auto
	}

	ul.postList>li.postSingle {
		width: 25%
	}

	ul.postList>li:nth-child(5n) {
		/*display: none*/
	}

	.articlePic {
		height: 160px
	}

	ul.newsList li a {
		width: 70%
	}

	ul.newsList li span {
		width: 30%
	}

	.breadcrumb {
		padding: 145px 3px 0
	}

	.postSingle {
		width: 25%;
		overflow: hidden
	}

	.cateArticlePic {
		height: 176px
	}

	.insideBox {
		padding-top: 145px
	}

	.leftBox {
		width: 26%
	}

	.rightBox {
		width: 74%
	}

	.leftCon {
		width: 100%
	}

	.rightCon {
		/*display: none;*/
		width: 100%;
		margin-top: 15px
	}

	.rightConList {
		margin-left: 0
	}

	.proChoice {
		margin-left: 0;
		width: 100%;
		height: 100%;
		margin-top: 20px;
		text-align: center
	}

	.proPhoto {
		float: none;
		width: 315px;
		height: 315px;
		margin: 0 auto
	}

	.relatedPic img {
		height: 141px
	}

	.errorInfor h2 {
		font-size: 28px
	}

	h1.proTit {
		white-space: normal;
		overflow: auto;
		text-overflow: unset
	}
}

@media screen and (max-width:767px) {
	.container {
		width: 100%
	}

	.search input[name="keyboard"] {
		width: 82%
	}

	.search input[name="s"] {
		width: 18%
	}

	.swiper-container-horizontal>.swiper-pagination-bullets {
		bottom: 5px
	}

	ul.postList>li.postSingle {
		width: 50%;
		max-width: none
	}

	ul.postList>li:nth-child(5n) {
		display: block
	}

	ul.indexRecommend>li:nth-child(5n) {
		/*display: none*/
	}

	.articlePic {
		height: 218px
	}

	ul.newsList li {
		width: 100%;
		padding: 15px 20px
	}

	ul.newsList li a {
		width: 80%
	}

	ul.newsList li span {
		width: 20%
	}

	.option>ul>li {
		position: relative
	}

	.option>ul>li>.opLiA {
		padding-right: 20px;
		width: auto
	}

	.opCateTag>li>.opLiA a {
		display: none
	}

	.catePostList {
		margin: 0
	}

	.postSingle {
		width: 50%
	}

	.cateArticlePic {
		height: 236px
	}

	.footer {
		padding: 20px 10px
	}

	.rightOp {
		display: none
	}

	.leftBox {
		display: none
	}

	.rightBox {
		width: 100%
	}

	ul.relatedList>li {
		width: 50%
	}

	ul.relatedList>li:nth-child(5) {
		display: none
	}

	.relatedPic img {
		height: 200px
	}

	.comInputList li {
		width: 100%
	}

	.comInputList li>.commBorder {
		margin-right: 0
	}

	.attentionBox {
		position: absolute;
		top: 230px;
		left: 50%;
		margin-left: -160px;
		z-index: 0;
	}

	.attentionContent {
		width: 320px;
		margin: 0 auto;
		box-sizing: border-box;
	}
}

@media screen and (max-width:500px) {
	.header>.container {
		height: 80px
	}

	.breadcrumb {
		padding: 125px 10px 0
	}

	.logo {
		height: 80px;
		width: auto;
		max-width: 50%;
	}

	.logo>a>img {
		max-height: 30px
	}

	.search {
		padding: 15px 0
	}

	.search input {
		height: 34px;
		line-height: 34px
	}

	.search input[name="keyboard"] {
		width: 80%;
		padding: 0 3%
	}

	.search input[name="s"] {
		width: 20%
	}

	.lss {
		padding-top: 135px
	}

	.articlePic {
		height: 178px
	}

	.swiper img {
		max-height: 200px
	}

	ul.newsList li a {
		width: 78%
	}

	ul.newsList li span {
		width: 22%
	}

	.cateArticlePic {
		height: 196px
	}

	.insideBox {
		padding-top: 125px
	}

	.postTitle a {
		width: 78%
	}

	.postTitle span {
		width: 22%
	}

	.postMeta span span {
		display: none
	}

	.relatedPic img {
		height: 182px
	}

	.pic404 {
		margin-top: 30px
	}

	.errorInfor img {
		width: 381px;
		height: auto
	}

	.errorInfor h2 {
		font-size: 26px
	}

	.errorInfor a {
		font-size: 16px;
		width: 130px;
		height: 35px;
		line-height: 35px;
		margin-bottom: 30px
	}

	.proPhoto {
		display: none
	}

	.proChoice {
		margin-top: 5px
	}

	.proMoreBtn>a {
		width: 40%
	}

	.lcp-download-info p.subtext {
		display: none;
	}

	.lcp-download-info p.name {
		line-height: 50px;
	}
}

@media screen and (max-width:420px) {
	.header>.container {
		height: 60px
	}

	.logo {
		height: 60px
	}

	.logo>a>img {
		max-height: 25px
	}

	.breadcrumb {
		padding: 105px 10px 0
	}

	.lss {
		padding-top: 115px
	}

	.swiper img {
		max-height: 160px
	}

	.insideBox {
		padding-top: 105px
	}

	.articlePic {
		height: 148px
	}

	ul.newsList li a {
		width: 74%
	}

	ul.newsList li span {
		width: 26%
	}

	.cateArticlePic {
		height: 166px
	}

	.postTitle a {
		width: 73%
	}

	.postTitle span {
		width: 27%
	}

	.insidePostPic>a {
		width: 100px;
		height: 66px
	}

	.insidePostInfor {
		margin-left: 110px
	}

	.postTitle1 {
		font-size: 16px;
		height: 20px;
		line-height: 20px;
		margin-bottom: 5px
	}

	.insidePostIntro {
		height: 20px;
		line-height: 20px;
		margin-bottom: 5px
	}

	.itemMeta span:nth-child(3),.itemMeta span:nth-child(4) {
		display: none;
	}

	.insidePostInfor .itemMeta span {
		line-height: 16px;
	}

	.commeta span {
		max-width: 50%
	}

	.commeta span.comdate {
		display: none
	}

	.relatedPic img {
		height: 147px
	}

	.noComm {
		font-size: 15px
	}

	.errorInfor img {
		width: 100%;
		height: auto
	}

	.errorInfor h2 {
		font-size: 22px
	}

	h1.proTit {
		font-size: 16px;
		font-weight: 700
	}

	.proPhoto {
		height: auto;
		width: 100%;
		left: 50%
	}

	.proMeta>span {
		max-width: 33.3334%;
		margin: 0 10px 6px 0;
		background: 0
	}

	.proMeta>span:nth-child(4) {
		display: none
	}

	.proAdt {
		margin-top: 10px
	}

	.proAdt>a {
		font-size: 16px
	}

	.proMoreBtn>a {
		height: 35px;
		line-height: 35px;
		font-size: 15px
	}

	.articleTab>ul {
		height: 40px
	}

	.articleTab>ul>li {
		font-size: 16px;
		line-height: 40px;
		padding: 0 15px
	}
}

@media screen and (max-width:350px) {
	.logo>a>img {
		max-height: 23px
	}

	.articlePic {
		height: 128px
	}

	.cateArticlePic {
		height: 146px
	}

	ul.newsList li a {
		width: 69%
	}

	ul.newsList li span {
		width: 31%
	}

	.postTitle a {
		width: 69%
	}

	.postTitle span {
		width: 31%
	}

	.relatedPic img {
		height: 132px
	}

	.errorInfor h2 {
		font-size: 20px
	}
}

.lcp-body i,.lcp-header i {
	margin-right: 3px;
}


/*****tags以字母排序*****/
.zmlist a{    
    color: #fff;
    display: inline-block;
    font-size: 14px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin: 0 7px 0 0;
    text-align: center;
    border-radius: 4px;
    background: #f44336;
    border: 1px solid #f44336;
}
.zmlist a:hover{
    color: #f44336;
    background: #fff;
    border: 1px solid #f44336;
    
}
    
    
/*****tag以字母排序的列表*****/    
.taglist{}
.taglist h3{
	font-size: 16px;
    border-left: 3px solid #ffae49;
    margin: 18px 0px;
    padding-left: 17px;
}
.taglist h3 a{
    color: #000;
}


.taglist ul{}
.taglist li{
	margin: 8px 2px 8px 2px !important;
    list-style: none;
    list-style-type: none;
    display: inline-block;} 
.taglist ul li a {
    border: 1px solid #e5e1e1;
    border-radius: 3px;
    padding: 4px 8px;
    text-indent: 0px;
    color: #333;
}  


/******视频下载*****/
.meihua_1 {
	display: block;
	margin-top: 10px;
	padding: 5px 10px;
	background-color: #f16b6f;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
	font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.meihua_2 {
	background-color: #fff;
	margin-bottom: 20px;
	box-shadow: 0 1px 2px rgba(15,39,65,0.1);
	font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.meihua_2 .meihua_2_1 {
	height: auto;
	overflow: hidden;
	background-color: #FFF;
	border: 1px solid #DDDDDD;
	border-width: 1px 1px 1px 1px;
	padding: 20px;
}

.meihua_2 .meihua_2_1 p {
	margin: 5px auto!important;
}

.meihua_2 .meihua_2_1 .meihua_btn {
	float: left;
	border: 1px solid #8a8a8a;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	padding-left: 40px;
	margin: 10px 10px 0 0;
	overflow: hidden;
	border-radius: 2px;
	background: url(../images/30.png) no-repeat 5px 3px #f16b6f;
	border: 1px solid #f16b6f;
	color: #FFF!important;
	text-decoration: none;
	padding-right: 10px;
}

.meihua_2 .meihua_2_1 .meihua_btn i {
	margin-right: 5px
}

.meihua_2 .meihua_2_1 .meihua_btn:hover {
	background-color: #ea4c89;
	-webkit-transition: box-shadow .2s linear;
	transition: box-shadow .2s linear;
	box-shadow: inset 0 0px var(--accent-color)
}

.video {
	position: relative;
	padding-bottom: 56.25%!important;
	height: 0;
	overflow: hidden;
}

.video iframe,
.video object,
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.short-btn {
	float: left;
	border: 1px solid #8a8a8a;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	padding-left: 40px;
	margin: 10px 10px 0 0;
	overflow: hidden;
	border-radius: 2px;
	background: url(../images/10.png) no-repeat 5px 3px #f16b6f;
	border: 1px solid #f16b6f;
	text-decoration: none;
	color: #FFF!important;
	padding-right: 10px;
	text-decoration: none;
}

.short-btn:hover {
	background-color: #ea4c89
}

.aboxd1 {
	margin-bottom: 20px;
}

.aboxd2 {
	margin-top: 20px;
}

.user .sidebar-header .userfen {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	width: 100%;
	background: rgba(0,0,0,.2);
	padding: 10px 15px;
}

.user .sidebar-header .userfen span {
	width: 33.33%;
	display: inline-block;
}

.user .comment .plp2 span {
	margin-right: 20px;
}

@media(max-width:768px) {
	.user .widget.widget_categories ul li {
		border-bottom: 1px solid #f1f1f1;
		width: 49%;
		display: inline-block;
		text-align: center;
		box-sizing: border-box;
	}
}

.mt20 {
	margin-top: 20px
}


/****QQ登录***/
.qqdl{
	width: 100px;
    display: inline-block;
}
.qqdl img{
	width: 100%;
    display: block;
}


/*******广告*******/
.exoad{
    text-align: center;
}

/*****点赞*****/
.post-options{padding:30px 0 35px;position:relative; margin-left: 30px;}
.post-options .btn-likes{width:130px;height:40px;line-height:40px;border:1px solid #F74840;box-shadow:none;background:#fff;display:inline-block;text-align:center;margin:0 2px;color:#F74840;font-size:14px;text-decoration:none;border-radius:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}
.post-options .btn-likes.like .icon-heart-filled{display:none;margin-top:-3px}
.post-options .btn-likes.like.current{background-color:#F74840;color:#fff;border-color:#F74840;}
.post-options .btn-likes.like i{vertical-align:middle;display:inline-block;margin-top:-2px;}
.post-options .btn-likes.like.current .icon-heart-filled{display:inline-block;-webkit-animation:waver .3s linear 1;-moz-animation:waver .3s linear 1;-o-animation:waver .3s linear 1;animation:waver .3s linear 1}
.post-options .btn-likes.like.current .icon-heart{display:none}
.post-options .btn-publicity{color:#19b5fe;border-color:#19b5fe;}
.post-options .btn-publicity:hover{color:#FFF;background-color:#19b5fe}