body,html,ul {
	padding: 0;
	margin: 0
}

body,html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #333;
	line-height: 1.8;
	background: #f5f5f5;
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif
}

ul li {
	list-style-type: none
}


h1,h2 {
	font-size: 20px
}

h1,h2,h3 {
	font-weight: 700
}

.min-hight {
	min-height: 400px!important
}

input[type=text],input[type=email],input[type=url],input[type=password] {
	padding: 5px;
	border: 1px solid #ddd;
	width: 100%;
	border-radius: 2px;
	box-sizing: border-box;
	outline: 0
}

textarea {
	padding: 5px;
	border: 1px solid #ddd;
	width: 100%;
	border-radius: 2px;
	box-sizing: border-box;
	outline: 0;
	resize: vertical
}

textarea.form-control {
	background: #fdfdfd!important;
	color: #222;
	font-size: 14px;
	line-height: 1.8;
	margin: 0;
	overflow: auto;
	padding: 10px
}

.clear {
	clear: both
}


a:active,a:link,a:visited {
	text-decoration: none;
	color: #333
}

a.active{
	color:#409EFF;
}

a:focus {
	outline: 0
}

a {
	text-decoration: none;
	-webkit-transition: all .1s ease-in 0s;
	transition: all .1s ease-in 0s
}

a:hover {
	text-decoration: none;
	color: #409EFF
}
body .layui-layer-blue .layui-layer-btn .layui-layer-btn0{
	font-size: 0.8125em;
}

.breadcrumb{
/*	padding: 0;*/
/*	width:100%;*/
	padding-top: 0;
	margin-bottom: 0;
	margin-right: 10px;
	white-space:nowrap;
	overflow: hidden;
/*	text-overflow: ellipsis;*/
}

/*toast start*/
 #toast{
    position: fixed;
    top: 30%;left:50%;transform: translateX(-50%);
    min-width: 80px;
    max-width: 180px;
    min-height: 18px;
    padding: 15px;
    line-height: 18px;
    text-align: left;
    font-size: 16px;
    border-radius: 5px;
    display: none;
    z-index: 999999;
}
.toast_error {
    background:#FEF0F0;
    border:1px solid #FDE2E2;
    color: #F56C6C;
}
.toast_info {
    background:#EDF2FC;
    border:1px solid #EBEEF5;
    color: #909399;
}
.toast_success {
    background:#F0F9EB;
    border:1px solid #E1F3D8;
    color: #67C23A;
}
.toast_warning {
    background:#FDF6EC;
    border:1px solid #FAECD8;
    color: #E6A23C;
}
/*toast end*/
.nav-tabs>li>a,.nav-tabs>li>a:focus,.nav-tabs>li.active>a:hover {
	border: none;
	border-bottom: 3px solid rgba(0, 0, 0, 0);
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
	border: none;
	border-bottom: 3px solid #409EFF
}

header {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	border: 0;
	background: #fff;
	box-shadow: 0 0 3px 1px rgba(0,0,0,.1);
	height: 62px;
	font-size: 15px
}

header .site-name a {
	text-decoration: none;
	color: #333;
	height: 62px;
	display: table-cell;
	vertical-align: middle
}
header .site-logo{
	padding-left: 5px;
	padding-right: 5px;
}

header .site-name a img {
	width: 100%
}

header .site-nav {
	display: block;
	padding-left: 15px
}

header .site-nav ul li {
	margin: 0 8px;
	display: inline-block;
	list-style-type: circle;
	line-height: 62px
}

#header #navWrapper{
	padding-left: 5px;
	padding-right: 5px;
}

header #navWrapper #navScroller ul li {
	display: inline-block;
	padding: 0 8px;
	line-height: 62px;
	font-size: 1.0em;
}
.regloginright{
	float: right;
    font-size: 0.9em!important;
    padding-right: 0!important;
}

header .topNav {
	line-height: 62px
}

header .topNav .navbar-right {
	margin-right: 0
}

header .topNav .navbar-right li {
	font-size: 14px;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding: 0 5px
}

header .topNav .navbar-right li.dropdown .dropdown-menu li {
	display: block;
	height: 30px;
	line-height: 30px
}

.carousel .carousel-inner {
	height: 100%
}

.carousel .carousel-inner img {
	width: 100%
}

.normal-img-ads {
	margin-bottom: 15px
}

.normal-img-ads a img {
	width: 100%
}

.normal-text-ads ul li {
	display: inline-block
}

.top-rec-contents {
	padding: 0 15px 0 0
}

.top-rec-contents .rec-li {
	position: relative;
	margin-bottom: 10px
}

.top-rec-contents .rec-li .contentImg {
	height: 7.2rem
}

.top-rec-contents .rec-li .contentImg img {
	width: 100%;
	height: 100%
}

.top-rec-contents .rec-li .title {
	font-size: 12px;
	position: absolute;
	bottom: 0;
	background: rgba(0,0,0,.3);
	width: 100%;
	color: #fff;
	text-indent: 10px
}

.contentImg {
	overflow: hidden;
	/*-webkit-transition: -webkit-box-shadow .3s ease 0s;
	-webkit-transition: box-shadow .3s ease 0s;
	transition: box-shadow .3s ease 0s*/
}

.contentImg img {
	/*-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;*/
	max-width: 100%
}

.contentImg img:hover {
	/*-webkit-transform: scale(1.03);
	transform: scale(1.03);
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s*/
}

.contentImg:hover {
	/*box-shadow: 0 0 1px 0 rgba(0,0,0,.3);
	-webkit-transition: -webkit-box-shadow .3s ease 0s;
	-webkit-transition: box-shadow .3s ease 0s;
	transition: box-shadow .3s ease 0s*/
}

.mainbody {
	margin-top: 62px
}

.mainbody .main-container {
	margin-top: 15px
}

.mainbody .main-container .left-frame {
	padding-right: 0
}

.mainbody .main-container .articel-details .articel-main {
	padding: 20px;
	background-color: #fff
}

.mainbody .main-container .articel-details .post-meta {
	position: relative
}

.mainbody .main-container .articel-details .post-meta li {
	display: inline-block;
	margin: 0;
	margin-right: 3px;
}

.mainbody .main-container .articel-details .content-author {
	color: #969696;
	margin: 15px 0
}

.mainbody .main-container .articel-details .content-author li.author-name {
	color: #409EFF
}

.mainbody .main-container .articel-details .tag-list {
	margin: 20px 0
}

.mainbody .main-container .articel-details .tag-list ul li {
	display: inline-block;
	margin: 5px
}

.mainbody .main-container .articel-details .tag-list ul li .label-info {
	color: #409EFF;
	background: #ecf5ff;
	padding: 8px 20px;
	border-color: #b3d8ff
}

.mainbody .main-container .articel-details .tag-list ul li .label-info a:link,.mainbody .main-container .articel-details .tag-list ul li .label-info a:visited {
	color: #409EFF
}

.mainbody .main-container .articel-details .tag-list ul li .label-info:hover {
	background: #409EFF;
	border-color: #409EFF;
	color: #fff
}

.mainbody .main-container .articel-details .tag-list ul li .label-info:hover a:link,.mainbody .main-container .articel-details .tag-list ul li .label-info:hover a:visited {
	color: #fff
}

.mainbody .main-container .articel-details .near-article {
	margin: 40px 0
}

.mainbody .main-container .articel-details .near-article ul li {
	height: 30px;
	line-height: 30px
}

.mainbody .main-container .articel-details .post-content {
	margin: 40px 0;
	font-size: 15px;
	color: #666;
	min-height: 70px
}

.mainbody .main-container .articel-details .post-content img {
	max-width: 100%!important;
	height: auto!important;
}

.mainbody .main-container .column-wrap {
	position: relative;
/*	font-size: 20px;*/
	color: #303030;
	background-color: #fff;
	padding: 0 15px
}

.mainbody .main-container .column-wrap h1 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 48px;
	font-weight: 500;
	color: #333;
	border-bottom: 1px solid #EFEFEF
}

.mainbody .cmscase-pannel .column-wrap {
	position: relative
}

.mainbody .cmscase-pannel .column-wrap .gitstar {
	position: absolute;
	right: 18px;
	top: 10px
}

.mainbody .cmscase-pannel .cmscase-container {
	margin: 0;
	min-height: 500px;
	background-color: #fff;
	padding: 50px 0
}

.mainbody .user-pannel {
	padding: 0 15px
}

.mainbody .user-pannel .pannel-container {
	background: #fff;
	padding: 15px
}

.mainbody .user-pannel .pannel-container .left-frame {
	padding-left: 0
}

.mainbody .user-pannel .pannel-container .right-frame,.mainbody .user-pannel .pannel-container .right-frame .recent-content-list {
	padding: 0
}

.mainbody .user-pannel .setPwd-box .top-bar,.mainbody .user-pannel .uInfos .top-bar {
	font-size: 18px;
	line-height: 18px;
	font-weight: 700;
	color: #555;
	margin-bottom: 15px
}

.mainbody .user-pannel .setPwd-box .top-bar i,.mainbody .user-pannel .uInfos .top-bar i {
	margin-right: 10px
}

.mainbody .user-pannel .setPwd-box .btn-primary,.mainbody .user-pannel .uInfos .btn-primary {
	padding: 10px 50px;
	font-size: 15px
}

.mainbody .user-contents .pannel-container .left-frame {
	min-height: 500px
}

.mainbody .user-contents .pannel-container .left-frame .my-contents {
	background: #fff
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .nav-tabs {
	background-color: #444;
	width: 100%;
	z-index: 100;
	padding: 10px;
	text-align: left;
	-webkit-transition: all .2s;
	transition: all .2s;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .nav-tabs li {
	font-weight: 500;
	margin-right: 10px
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .nav-tabs li a {
	border-radius: 4px
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .nav-tabs li a:link,.mainbody .user-contents .pannel-container .left-frame .my-contents .nav-tabs li a:visited {
	color: #fff
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .nav-tabs li a:hover {
	background: 0 0;
	border: 1px solid transparent
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .nav-tabs li:hover {
	background-color: #555;
	border-radius: 4px
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .nav-tabs li.active a {
	background-color: #409EFF;
	border: 0;
	border-radius: 4px
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content {
	padding: 15px
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .no-contents {
	padding-bottom: 50px
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .no-contents .um-profile-note {
	color: #666;
	text-align: center;
	padding-top: 60px
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .no-contents .um-profile-note i {
	display: block;
	font-size: 70px;
	height: 70px;
	line-height: 70px
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myContentList,.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myJoinTopicsList,.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myMessageList {
	min-height: 300px
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myContentList .discription {
	border-bottom: 1px solid #efefef;
	padding-top: 20px
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myContentList .discription .post-title {
	position: relative;
	margin: 0 0 15px
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myContentList .discription .post-title .contentState {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 15px;
	font-weight: 700
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myContentList .discription .post-content {
	color: #666;
	line-height: 30px
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myContentList .discription .post-meta li {
	display: inline-block;
	border: none;
	color: #999;
	font-size: 13px;
	margin-right: 20px;
	padding: 20px 0
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myContentList .discription .post-meta li i {
	margin-right: 5px
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myMessageList {
	padding: 15px
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myMessageList ul li {
	position: relative;
	padding: 15px 0;
	border-bottom: 1px dashed #ededed
}

.mainbody .user-contents-post .main-form,.mainbody .user-contents-post .right-form {
	padding: 15px
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myMessageList ul li .notify-title {
	color: #409EFF;
	display: inline-block;
	font-size: 15px
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myMessageList ul li .notify-title i {
	width: 15px;
	cursor: pointer;
	display: inline-block;
	font-size: 20px;
	margin-right: 10px;
	font-weight: 700
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myMessageList ul li .notify-title.noRead {
	font-weight: 700
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myMessageList ul li .notify-title.isRead {
	font-weight: 400;
	color: #909090
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myMessageList ul li .notify-content {
	display: none
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myMessageList ul li .notify-content p {
	margin: 10px 10px 10px 30px;
	font-size: 15px
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myMessageList ul li .opt {
	position: absolute;
	top: 12px;
	right: 0
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myJoinTopicsList .replyList {
	background-color: #fff
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myJoinTopicsList .replyList li {
	font-size: 14px;
	position: relative;
	padding-left: 15px;
	border-bottom: 1px dashed #ededed
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myJoinTopicsList .replyList li h4 {
	font-size: 14px;
	font-weight: 400;
	line-height: 30px
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myJoinTopicsList .replyList li time {
	float: right;
	color: #8492a6;
	font-size: 12px;
	margin-right: 30px
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myJoinTopicsList .replyList li blockquote {
	color: #475669
}

.mainbody .user-contents-post {
	background-color: #fff;
	margin: 0
}

.mainbody .user-contents-post .main-form .select-group select {
	display: inline-block;
	width: 30%;
	margin-right: 10px
}

.mainbody .user-contents-post .right-form .sub-content {
	width: 100%;
	padding: 10px 0;
	margin-bottom: 15px
}

.mainbody .user-contents-post .right-form .webuploader-pick {
	padding: 6px 15px;
	background-color: #409EFF
}

.mainbody .user-contents-post .right-form .thumbImg .uploader-demo {
	position: relative
}

.mainbody .user-contents-post .right-form .thumbImg .uploader-demo .uploader-list .thumbnail {
	height: 15rem
}

.mainbody .user-contents-post .right-form .thumbImg .uploader-demo .uploader-list .thumbnail img {
	width: 100%;
	height: 100%
}

.mainbody .user-contents-post .right-form .thumbImg .uploader-demo .trashIco {
	display: none;
	position: absolute;
	z-index: 99;
	right: 0;
	top: 0;
	padding: 8px;
	font-size: 22px;
	color: #fff;
	background: rgba(0,0,0,.55);
	cursor: pointer
}

.mainbody .user-container .login-main,.top-news {
	background-color: #fff
}

.mainbody .user-container {
	padding-top: 15px
}

.mainbody .user-container .login-main .login-box {
	width: 300px;
	margin: 20px auto 0;
	padding: 20px 0 100px
}

.mainbody .user-container .login-main .login-box .title {
	text-align: center;
	font-size: 24px;
	position: relative
}

.mainbody .user-container .login-main .login-box .forget-psd {
	margin-top: 30px;
	text-align: center
}

.mainbody .user-container .login-main .form-group label {
	line-height: 22px;
	padding-bottom: 8px!important;
	font-weight: 600;
	font-size: 15px
}

.mainbody .user-container .login-main .sub-btns button {
	width: 100%;
	padding: 12px 20px
}

.mainbody .login-box .agree{
	margin: 4px 0 0 16pxrem;
    position: relative;
    top:10px;
    color: #999;
    font-size: 12px;
    line-height: 34px;
}
.mainbody .login-box .agree input{
	position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.mainbody .login-box .agree span{
	padding-left: 24px;
    display: inline-block;
    background: url(../images/check02_off.png) no-repeat left center;
    background-size: 18px auto;
}
.mainbody .login-box .agree a{
	color: #00a0e9;
}
.protocolstyle{
	width: 100%;
	background: white;
	padding-bottom: 60px;
}
.protocolstyle .p-title{
	padding-top: 40px;
	text-align: center;
}
.protocolstyle .p-subtitle{
	font-weight: bold;
}

.top-news {
	color: #409EFF;
	font-weight: 500;
	padding: 15px 0;
	margin: 8px 0 0;
	font-size: 16px;
	border-bottom: solid 1px #efefef
}

.top-news span {
	padding-bottom: 15px;
	border-bottom: 2px solid #409EFF
}

.pl-docs{
	color: #409EFF;
	padding: 15px 0;
	margin: 8px 0 0;
	font-size: 16px;
	border-bottom: solid 1px #efefef;
	padding-bottom: 7px;
}
.pl-docs h2{
	font-size: 1.0em;
	font-weight: 500;
	margin: 0;
}
.pl-docs h2 span {
	padding-bottom: 15px;
	border-bottom: 2px solid #409EFF
}

.post-list {
	background-color: #FFF;
	padding: 0 15px 15px
}

.post-list .post {
	padding: 20px 0;
	border-bottom: 1px solid #efefef;
	background-color: #fff
}

.post-list .post:last-child {
	border: none
}

.post-list .post .discription {
	min-height: 12rem
}

.post-list .post .discription h2 {
	font-weight: 500;
	font-size: 20px
}

.post-list .post .discription h2 .sticky-post {
	display: inline-block;
	padding: 0 5px;
	margin-top: 4px;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	color: #fff;
	background: #3ca5f6;
	border-radius: 3px;
	vertical-align: top;
	background-image: -webkit-linear-gradient(left,#3ca5f6 0,#a86af9 100%);
	background-image: linear-gradient(90deg,#3ca5f6 0,#a86af9 100%)
}

.post-list .post .discription .post-content {
	font-size: 14px;
	margin: 10px 0;
	color: #666;
	min-height: 70px;
}
.post-list .post .discription .post-content a{
	color:#999;
}

.post-list .post .discription .searchkey {
	color: #409EFF;
	font-weight: 500
}

.post-list .post .contentImg img {
	height: 150px;
	width: 100%
}

.post-list .post .post-title {
	margin: 0;
	font-size: 22px;
	word-break: break-all;
	font-weight: 500;
	line-height: 1.4
}

.leftNav>ul>li>a,.pagenation ul li.active {
	font-weight: 700
}

.post-list .post .post-meta {
	color: #999
}

.post-list .post .post-meta li {
	display: inline-block;
	margin-right: 15px;
	font-size: 13px
}

.post-list .post .post-meta li i {
	font-size: 14px;
	margin-right: 5px;
	cursor: pointer
}

.post-list .post .post-meta li.author {
	margin-right: 20px
}

.post-list .post .post-meta li.author .logo {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top:-2px;
}

.post-list .post .post-meta li .pp-clicknum{
	color:orange;
}

.post-list .post .post-meta li.author .logo img {
	border-radius: 50%;
	width: 22px;
	height: 22px
}

.post-list .post .post-meta li.author span {
	display: inline-block;
	margin-left: 10px
}

.post-list .post .comment-count {
	float: right;
	margin-top: -30px
}

.post-list .post .item-category {
	z-index: 1;
	position: absolute;
	left: 26px;
	top: 10px;
	padding: 5px 6px;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	background-color: #000;
	filter: alpha(opacity=60);
	background: rgba(0,0,0,.5);
	border-radius: 2px;
	text-decoration: none
}

.post-list .post:hover {
	/*margin: 0 -15px;
	padding: 20px 15px;
	background: #fafafa;
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s*/
}

.loading-flag {
	text-align: center;
	color: #aaa
}

.archive-title {
	color: #999;
	font-size: 1em;
	margin: 0 0 20px
}

.cateList,.friendLink,.hotNewsList,.leftNav,.newItemList,.reSetPsdBoard,.searchBoard,.tagsList {
	margin-bottom: 30px
}

.friendLink ul li,.pagenation ul li,.tagsList ul li {
	display: inline-block;
	margin: 0 5px
}

.leftNav .sonNav {
	padding-left: 10px
}

.pagenation {
	padding: 30px 0;
	background-color: #fff
}

.pagenation ul li.active a {
	color: #409EFF
}

.friendLink ul li,.tagsList ul li {
	line-height: 30px
}

.page-500 .number {
	float: left;
	font-size: 100px
}

.page-500 .details {
	margin-left: 190px
}

.msgBoard .giveMsg h3 {
	border-bottom: 1px solid #ddd;
	color: #6e7173;
	font-size: 16px;
	line-height: 2.7;
	margin-top: 0
}

.msgBoard .txt-area {
	margin-top: 25px
}

.msgBoard .sent-btn {
	display: block;
	margin-top: 15px
}

.msgBoard .msgList {
	padding: 20px 0;
	border-top: 1px dotted #ddd
}

.msgBoard .msgList h3 {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 8px
}

.msgBoard .msgList .media-logo img {
	border-radius: 50%
}

.msgBoard .msgList h3 .uName {
	color: #0da3e2
}

.conformBoard h3,.loginBoard h3,.noticeBoard h3,.reSetPsdBoard h3,.regBoard h3 {
	color: #6e7173;
	font-size: 16px
}

.setPsd,.uInfos {
	margin-top: 30px;
	width: 80%
}

.searchBoard .search-input {
	width: 100%
}

.replyList li blockquote,.replyList li h4 {
	font-size: 13px;
	font-weight: 400
}

.reCommendList dl dd {
	margin-top: 10px
}

.reCommendList dl dd a {
	line-height: 25px
}

.back-to-top, .add-wechat {
	background-color: #fff;
	position: fixed;
	right: 30px;
	bottom: 150px;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s;
	box-shadow: 0 0 6px rgba(0,0,0,.12)
}

.add-wechat{
	bottom:100px;
}

.add-wechat i {
	color: #1AAD19;
	display: block;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	margin-right: 0;
}

.span-mark,.span-mark::after {
	position: absolute;
	display: inline-block
}

.back-to-top i {
	color: #409EFF;
	display: block;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	position: relative;
	left:1px;
}

.span-mark {
	background-color: #d9534f;
	color: #fff;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	padding: 0 9px;
	z-index: 1;
	top: 0;
	left: 5px
}

.span-mark::after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent #d41b1b transparent transparent;
	-webkit-border-image: none;
	border-image: none;
	border-style: solid;
	border-width: 10px;
	bottom: -10px;
	clip: rect(10px,20px,20px,0);
	content: "";
	left: -10px;
	z-index: 0
}

.notifyList .toolbar {
	height: 35px;
	line-height: 35px;
	background: #eee;
	padding: 0 10px
}

.notifyList .datalist {
	padding: 0 10px;
	margin-top: 10px
}

.notifyList .mini {
	margin-top: 12px;
	float: left
}

.notifyList ul {
	padding: 15px
}

.notifyList ul li {
	border-bottom: 1px dashed #f0f0f0;
	line-height: 35px;
	font-weight: 400
}

.notifyList ul li .title {
	cursor: pointer;
	display: inline-block;
	width: 95%
}

.notifyList ul li.noRead {
	font-weight: 700
}

.notifyList ul li.noRead i {
	color: #0da3e2;
	font-weight: 700
}

.notifyList ul li.noRead a:link {
	color: #000
}

.notifyList ul li span.more {
	font-weight: 400;
	padding: 0 22px;
	display: none
}

.bottom-ads {
	display: none
}

#footer {
	font-size: 14px;
	padding: 35px 0;
	color: #5f676f;
	background: #2d3237;
	text-align: center;
	margin-top: 15px
}

#footer ul li {
	text-align: center;
	line-height: 35px;
	padding: 0 10px
}

#footer ul li a {
	margin: 0 5px
}

#footer ul li a:link,#footer ul li a:visited {
	color: #76818c
}

#addWechat-dialog .modal-body{
	text-align: center;
}
#addWechat-dialog .modal-body .addWechat-img{
	
}
#addWechat-dialog .modal-body .addWechat-img img{
	width:50%;
	padding:20px;
}
#addWechat-dialog .modal-body .addWechat-desc-h5>div{
	margin-bottom: 10px;
}
#addWechat-dialog .modal-body .copyBtn{
	padding:3px 6px;
	position: relative;
	top:-1px;
	margin-left: 8px;
}
#addWechat-dialog .addWechat-buttons{
	margin-top:20px;
}
#addWechat-dialog .addWechat-buttons button{
	width: 200px;
}

.pannel-box {
	padding: 15px;
	margin-bottom: 20px;
	background: #fff
}

.pannel-box .pannel-title {
	margin: 0 0 10px;
	padding: 1px 0 1px 7px;
	font-size: 16px;
	font-weight: 400;
	border-left: 3px solid #409EFF
}

.hot-content-list .content-list ul li .con a:link,.hot-content-list .content-list ul li .con a:visited {
	color: #666
}

.hot-content-list .content-list {
	text-align: left
}

.hot-content-list .content-list ul li {
	font-size: 15px;
	padding: 0 0 .75rem 1rem;
	position: relative
}

.hot-content-list .content-list ul li .triangle {
	position: absolute;
	top: .7em;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #fff #fff #fff #ccc;
	-webkit-transform-origin: 25% center;
	transform-origin: 25% center;
	border-width: 4px
}

.hot-content-list .content-list ul li .con {
	webkit-transition: opacity .5s ease-in;
	-webkit-transition: opacity .5s ease-in;
	transition: opacity .5s ease-in
}

.rec-content-list .content-list .list-img {
	display: block;
	overflow: hidden;
	min-height: 10rem
}

.rec-content-list .content-list .list-img img {
	width: 100%;
/*	height: 8rem;*/
	border-radius: 2px
}

.rec-content-list .content-list .list-img .title {
	font-size: 13px;
	word-break: break-all;
	line-height: 16px;
	display: inline-block;
	height: 45px;
	vertical-align: text-top
}

.recent-content-list .content-list .list-img {
	padding: 5px 15px
}

.recent-content-list .content-list .list-img img {
	width: 100%;
/*	height: 7rem;*/
	border-radius: 2px
}

.recent-content-list .content-list .list-img .col-md-7 {
	padding-left: 0
}

.recent-content-list .content-list .list-img .date {
	color: #999;
	font-size: 13px;
	display: block
}

/*添加更多按钮 start*/
.content-list{
    clear: both;
}
.pb-title{
    overflow: hidden;
}
.pb-title .pannel-title{
    float: left;
}
.pb-title .pb-more{
    float: right;
    position: relative;
    top:-4px;
}
/*添加更多按钮 end*/

.content-message-list ul li {
	border-top: 1px solid #efefef;
	padding: 24px 0;
	font-size: 14px
}

.content-message-list ul li .col-md-1,.content-message-list ul li .col-xs-1 {
	padding: 0
}

.content-message-list ul li .user-logo img {
	width: 100%;
	min-height: 2rem;
	border-radius: 50%
}

.content-message-list ul li .user-name {
	margin: 0 0 0 15px;
	color: #409EFF
}

.content-message-list ul li .user-name .name {
	display: inline-block;
	margin-right: 10px
}

.content-message-list ul li .user-name .time {
	font-size: 11px;
	display: inline-block;
	color: #777
}

.content-message-list ul li .user-name .reply {
	font-size: 12px;
	display: none
}

.content-message-list ul li .user-name .reply a:link,.content-message-list ul li .user-name .reply a:visited {
	color: #aaa
}

.content-message-list ul li .content-message-post {
	margin-top: 20px;
	padding: 15px
}

.content-message-list ul li .content-message-post h2 small {
	display: inline-block
}

.content-message-list ul li .msgList.active .reply {
	display: block
}

.content-message-list ul li .user-content {
	position: relative;
	color: #666;
	padding-left: 15px;
	word-break: break-all
}

.catesMenu .cate-list li.active a:link,.catesMenu .cate-list li.active a:visited,.content-message-post h2 small a:link,.content-message-post h2 small a:visited {
	color: #409EFF
}

.content-message-post {
	margin-bottom: 30px
}

.content-message-post h2 small {
	display: none;
	margin-left: 10px
}

.content-message-post .give-message textarea.form-control {
	border-color: #efefef #efefef #f5f5f5!important;
	border-width: 1px!important;
	background: #fff!important;
	border-radius: 0
}

.content-message-post .give-message .form-control:focus {
	box-shadow: none
}

.content-message-post .give-message .send-button {
	padding: 5px 15px;
	text-align: right;
	background: #fbfbfb;
	border: 1px solid #efefef;
	border-top: 0;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	overflow: hidden;
	line-height: 38px
}

.content-message-post .give-message .user-notice {
	float: left;
	font-size: 13px
}

.catesMenu .parent-name {
	font-weight: 700;
	height: 30px;
	line-height: 30px;
	padding-left: 30px;
	margin-top: 15px
}

.catesMenu .cate-list {
	padding-left: 20px
}

.catesMenu .cate-list li {
	font-weight: 400;
	height: 30px;
	line-height: 30px
}

.catesMenu .cate-list li.active {
	font-weight: 700
}

.content-message-list,.content-message-post,.random-content-list {
	padding: 0
}

.random-articls {
	margin-top: 10px;
	margin-bottom: 25px
}

.random-articls .title {
	font-size: 14px;
	display: block;
	text-align: left;
	padding: 0;
	min-height: 52px;
	line-height: 20px;
	word-wrap: break-word;
	margin-top: 10px
}

.random-articls .contentImg img {
/*	height: 14rem;*/
	width: 100%;
	border-radius: 4px;
}

.user-left-menu {
	padding-top: 50px;
	padding-right: 15px
}

.user-left-menu .user-logo .logo {
	width: 100px;
	height: 100px;
	margin: 0 auto
}

.user-left-menu .user-logo .logo img {
	width: 100%;
	height: 100%;
	border-radius: 50%
}

.user-left-menu .user-logo span {
	font-weight: 700;
	display: block;
	text-align: center;
	margin: 10px auto
}

.user-left-menu .user-menu-options li {
	position: relative;
	margin-bottom: 1px;
	background: #eee;
	cursor: pointer
}

.user-left-menu .user-menu-options li a:hover {
	color: #444;
	background: #ddd
}

.user-left-menu .user-menu-options li a {
	color: #999;
	padding: 4px 0;
	font-size: 14px;
	line-height: 30px;
	display: block
}

.user-left-menu .user-menu-options li a i {
	padding: 0 15px;
	font-size: 20px;
	line-height: 30px
}

.user-left-menu .user-menu-options li a span.fa {
	font-size: 20px;
	padding: 0 15px;
	line-height: 30px;
	border-right: 1px solid #ccc
}

.user-left-menu .user-menu-options li a span.label {
	font-size: 14px;
	color: #555;
	padding-left: 15px
}

.user-left-menu .user-menu-options li a .fa-angle-right {
	right: 0;
	top: 6px;
	font-size: 26px;
	position: absolute;
	opacity: .6
}

.user-left-menu .user-menu-options li.active span.fa {
	color: #409EFF
}

.search-pannel {
	width: 30%;
	display: inline-block;
	padding-top: 16px;
	text-align: right;
	margin-right: 10px
}

.search-pannel .input-area {
	display: inline-block;
	position: relative;
	width: 50px;
	height: 30px;
	background: #fff;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	box-sizing: border-box;
	vertical-align: top;
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

.search-pannel .input-area input {
	border: none;
	width: 0;
	padding: 0;
	float: right
}

.search-pannel .input-area i {
	display: inline-block;
	cursor: pointer;
	font-weight: 700px;
	color: #ccc;
	position: absolute;
	top: 5px;
	right: 14px;
	font-size: 20px
}

.search-pannel .input-area.active input {
	width: 155px;
	padding: 0 10px;
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

.rec-message-list .message-list {
	border-top: 1px solid #efefef;
	font-size: 14px;
	color: #999;
	padding: 16px 0
}

.rec-message-list .message-list .comment-info .logo {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

.rec-message-list .message-list .comment-info .logo img {
	width: 1.9rem;
	height: 1.9rem;
	border-radius: 50%
}

.rec-message-list .message-list .comment-info .uname {
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.rec-message-list .message-list .comment-info span {
	float: right
}

.rec-message-list .message-list .comment-excerpt {
	position: relative;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	background: #f5f5f5;
	border-radius: 1px;
	color: #666
}

.rec-message-list .message-list .comment-excerpt p {
	margin: 0;
	padding: 0 10px
}

.rec-message-list .message-list .comment-post {
	font-size: 13px;
	padding: 0;
	margin: 0
}

.loading-more {
	width: 100%;
	height: 50px;
	line-height: 50px;
	border: 1px solid #eee;
	border-radius: 5px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	background: #F5F5F5;
	color: #aaa
}

.loading-more:hover {
	background: #fff
}

.gap-img-ads ul li {
	margin: 40px 0
}

.gap-img-ads ul li a {
	height: 45px;
	display: block
}

.gap-img-ads ul li a img {
	width: 100%;
	height: auto
}

.gap-img-ads ul li span {
	font-size: 11px;
	text-align: center;
	color: #aaa;
	display: block;
	line-height: 36px
}

.email-user-info {
	background-color: #fff;
	padding: 15px 0
}

.email-user-info .form-horizontal h3 {
	margin-bottom: 20px
}

.email-user-info .form-horizontal h3 small {
	font-size: 13px;
	margin-left: 10px
}

.email-user-info .form-horizontal textarea {
	height: 200px
}

/* 标签云start */
.hot-tags-list{
    overflow: hidden;
}
.wrapper {
    max-width:340px;
    padding:20px;
    background:url(../images/bg.jpg) repeat;
    overflow: hidden;
}

.itag {
    float:left;
    margin:0 0 7px 20px;
    line-height: 1.0;
    position:relative;

    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:0.85em;
    font-weight:bold;
    text-decoration:none;

    color:#996633;
    text-shadow:0px 1px 0px rgba(255,255,255,.4);

    padding:0.417em 0.417em 0.417em 0.917em;

    border-top:1px solid #d99d38;
    border-right:1px solid #d99d38;
    border-bottom:1px solid #d99d38;

    -webkit-border-radius:0 0.25em 0.25em 0;
    -moz-border-radius:0 0.25em 0.25em 0;
    border-radius:0 0.25em 0.25em 0;

    background-image: -webkit-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -moz-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -o-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -ms-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#feda71', EndColorStr='#feba47');

    -webkit-box-shadow:
        inset 0 1px 0 #faeaba,
        0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow:
        inset 0 1px 0 #faeaba,
        0 1px 1px rgba(0,0,0,.1);
    box-shadow:
        inset 0 1px 0 #faeaba,
        0 1px 1px rgba(0,0,0,.1);
}

.itag:before {
    content:'';

    width:1.358em;
    height:1.38em;

    background-image: -webkit-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -moz-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -o-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -ms-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#feda71', EndColorStr='#feba47');
    
    position:absolute;
    left:-0.69em;
    top:.2em;

    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);

    border-left:1px solid #d99d38;
    border-bottom:1px solid #d99d38;

    -webkit-border-radius:0 0 0 0.25em;
    -moz-border-radius:0 0 0 0.25em;
    border-radius:0 0 0 0.25em;

    z-index:1;
}

.itag:after {
    content:'';

    width:0.5em;
    height:0.5em;

    background:#fff;

    -webkit-border-radius:4.167em;
    -moz-border-radius:4.167em;
    border-radius:4.167em;

    border:1px solid #d99d38;

    -webkit-box-shadow:0 1px 0 #faeaba;
    -moz-box-shadow:0 1px 0 #faeaba;
    box-shadow:0 1px 0 #faeaba;

    position:absolute;
    top:0.667em;
    left:-0.083em;
    z-index:99;
}

.itag:hover {
    background-image: -webkit-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: -moz-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: -o-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: -ms-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fee18d', EndColorStr='#fec86c');

    border-color:#e1b160;
}

.itag:hover:before {
    background-image: -webkit-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: -moz-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: -o-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: -ms-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#fee18d', EndColorStr='#fec86c');

    border-color:#e1b160;
}
/* 标签云end */

/* 首页css start */
.main-kingkong{
/*	margin-left: 10px;*/
}
.main-kk-title{
	font-weight: bold;
	font-size:1.6rem;
	margin:5px 0 5px 0;
}
.main-kk-title .glyphicon{margin-right: 6px;}
.main-kingkong .li-item{
	width:360px;
	height:270px;
	float: left;
	margin-right:15px;
	margin-bottom:15px;
	border-radius: 4px;
}
.main-kingkong .li-item img{
	width: 360px;
	height:270px;
	border-radius: 4px;
}
.clearfix:after{
    content:"";
    display:block;
    visibility:hidden;
    clear:both;
}
/* 首页css end */


/* 紫微css start */
#zw-container,#sz-container,#hl-container,#fs-container{background-color:white;padding:8px;margin-left: 0px;}
.ziwei{display: grid;border:1px darkgray groove; padding:1px; height:500px;
	grid-template-columns: repeat(4,25%);
	grid-template-rows: repeat(4,25%);}
.ziwei,.zwDivHeader,.zw-output{ width:630px;margin:0 auto;}
.zw-output{text-align: left;margin-top:20px;margin-bottom: 30px;}
.zw-output .zwo-title{font-size:1.2em;}
.zwo-zonghe,.zwo-shenti,.zwo-xianyun{
	margin-bottom: 10px;
}
.zwo-zonghe span,.zwo-shenti span,.zwo-xianyun span{
	font-weight: bold;padding:2px;border-radius: 3px;margin-right: 6px;
}
/*@media only screen and (max-width:1024px){
.ziwei,.zwDivHeader{ width:100%; } body{padding-bottom: 20px;}}*/
.zwDivCenter{ grid-column-start: 2; grid-column-end: 4; grid-row-start: 2; grid-row-end: 4;}
.ziwei>div { border:1px solid #B7B7B7;margin:1px;position:relative;font-size:0.75em;line-height: 1.2;}
#zw-container h2,#sz-container h2,#hl-container h2,#fs-container h2{ margin:0 5px; position:relative;text-align: center;font-size:1.6em;margin-top:10px;margin-bottom: 10px;}
.zwDivHeader, #pan{ width:630px;text-align: center;margin:0 auto;margin-bottom: 20px;}
.zwDivHeader .tabBtn{float:left;padding: 2px 6px;margin:8px 8px 8px 0;cursor: pointer;}
.zwDivHeader .ztyBtn{padding: 2px 6px;margin:2px 15px 8px 15px;cursor: pointer; font-size: 12px;}
.zwDivHeader .selected{background: #409EFF; color:white;border:1px solid #116ac6;}
.szDivHeader{padding:0px 6px;}
.zwformcontent{clear:both;text-align:left;position: relative;margin:8px 0;}
/*.zwDivHeader input[type=button],input[type=text],select,input[type=radio]:first-of-type{margin-left:15px;}*/
.zwformcontent label{cursor: pointer;margin-right: 10px;display: inline-block;width:50px;}
.zwformcontent span.formlabel{display:inline-block;width:70px;}
#transSizhu{padding: 3px 6px;margin-left: 6px;margin-top: -2px;}
.zwDivCenter{position:relative;border:1px solid #B7B7B7;margin:1px;color:#666;padding:10px;}
.zwDivCenter div{text-align:left;margin-bottom:5px;}
.zwDivCenter .zwcopy{bottom:0;right:0;font-size:1em;font-weight: normal;}
.StarA,.StarB,.StarC,.StarD,.StarE,.MangA,.MangB,.MangC,.MangY10,.MangY1,.MangY11,.zwcopy{position:absolute;}
.starDiv{border:0px solid blue;margin:5px;}
.StarA{top:0;color:#ff0000;}
.StarA span.mainstar{color:#ff0000;}
.StarA span{color:#FF66CC;}
span.Star3,span.Star3 span{color:#666;}
/*span.Star3 span{transform:scale(0.85);display: inline-block;}*/
/*.Star4 {margin-top:8px;}*/
.Star4 span{color:white;font-weight:normal;background-color: red; }
.StarB{color:#339933;top:0;}
.StarC{/*text-align: right;top:75px;right:0;width:100%;*/color:#996600;}
.StarD{color:#999;}
.StarD .Star3 span{color:#bbb;}
.StarE{clear: left;position: absolute;bottom: 2.4em;right: 0;color: #999;font-size: 0.8em;}
.StarF{clear: left;position: absolute;bottom: 2.6em;left: 0;color: #999;font-size: 0.8em;width:12px;display: flex;flex-direction: column;}
.StarS{clear: left;position: absolute;bottom: 0em;right: 0;color: #999;font-size: 0.8em;}
.StarJ{clear: left;position: absolute;bottom: 1.2em;right: 0;color: #999;font-size: 0.8em;}
.StarA,.StarC,.StarD,.StarE{/*text-align: right;*/}
.StarAll{display:none;}
.no-lumin{opacity: 0;}
.MangA{font-size: 1.0em;line-height: 1.0;font-weight: bold;}
.MangB{width:100%;font-weight:bold;}
.MangB .redGW{color:red;}
.MangC{color:blue;}
.MangA,.MangB,.MangC{bottom:0;}
.MangY10,.MangY1,.MangY11{width:100%; height:1.5em;font-size:0.8em;}
.MangY10,.MangY1,.MangY11,.MangB{text-align: center;}
.MangY10 span,.MangY1 span,.MangY11 span{
	display: inline-block;
	width: 60%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.MangY10{bottom:1.2em;color:#333;font-weight: bold;font-size: 0.9em;}
.MangY1{bottom:2.8em;color:#999;}
.MangY11{bottom:4.2em;color:#999;}
.zwStarRight,.MangC{/*right:0;*/}
.zwStarLeft,.MangA{/*left:0;*/}
.zwStarLeft,.zwStarRight,.StarC,.StarD{position:relative;float: left;}
.MangC{right:0.8em;}
#beSelectedTime{position: relative;margin-top: 10px;}
#beSelectedTime .selectTime{margin-right: 8px;}
.zw-errtip{color:red;margin-left: 6px;}
.zw-tips{width:630px;text-align: left;margin:0 auto;}
.zw-tips2{margin-top:60px;width:auto;text-align: center;}
.zw-tips .zw-wxts>span{font-size:0.9em;font-weight: bold;padding:2px;border-radius: 3px;margin-right: 6px;}
.zw-tips .tipx{padding-top: 20px;}
.zw-tips .zw-yiju{font-size: 0.9em;color:#888;}
.zw-tips .zw-yiju a{color:#409EFF;}
.zw-tips .zw-jiawx{clear:both;font-size: 0.9em;color:#333;}
.zw-tips .zw-jiawx .copyBtn{padding: 2px 6px;margin:8px 8px 8px 0;cursor: pointer; font-size: 12px;}
.zw-tips .zw-wximg img{margin-top: 6px;}
.zw-donation-img img{float: left;height:240px;margin-right: 5px;}
.zw-radio{position: relative;top:1px;}
.zw-radiolabel{margin-left: 5px;}
.post-meta .label-info{background: #ecf5ff;}
.post-meta .label a:active, .post-meta .label a:link, .post-meta .label a:visited{color:#409EFF;}
.modal-content .ztytime-tip{font-weight: bold;margin-bottom: 10px;}
.modal-content .formlabel{margin-right: 8px;}
.modal-content .ztytimedisplaybox{text-align: center;}
.modal-content .ztytimedisplay{font-size: 1.4em;}
.ztytime-detail{
	font-size: 0.8em;
}
.ztytime-detail a{
	color:#409EFF;
}
.zwstar-list .zwstar-list-title{
	margin-left: 10px;
	font-weight: bold;
	color:#666;
}
.zwstar-list .zwstar-list-title span{
	margin-right: 5px;
}
.zwstar-list ul{
	margin-bottom:20px;
}
.zwstar-list ul li{
	display: inline-block;
	padding:5px 10px !important;
}
.zwgong-list .list-img{
	padding: 0 10px;
	text-align: center;
	min-height:auto !important;
}
.zwgong-list a.continue-reading{
	width: 100%;
	display: inline-block;
	overflow: hidden;
}
.zwgong-list a.continue-reading img{
	padding:5px 20px;
	opacity: 0.5;
}
.rec-content-list .content-list.zwgong-list .list-img a.title{
	font-size: 1.0em;
/*	font-weight: bold;*/
	color:#666;
	line-height: 0 !important;
	height: 30px !important;
}
#zw-container .zwDivHeader hr,#fs-container .zwDivHeader hr{
	clear: both;
	margin:5px 0;
}
#zw-container .ziweintro,#sz-container .ziweintro,#fs-container .ziweintro{
	overflow: hidden;
}
#zw-container .ziweintro img,#sz-container .ziweintro img,#fs-container .ziweintro img{
	width: 121px;
	height: 75px;
	float: left;
	border:1px solid #efefef;
	padding: 3px;
	margin-right: 5px;

}
#zw-container .ziweintro p,#sz-container .ziweintro p,#fs-container .ziweintro p{
	font-size: 0.8em;
	float: left;
	text-align: left;
	line-height: 1.7em;
	text-indent: 1.8em;
}
#fs-container .zwDivHeader{
	width: 100%;
	padding:0 5px;
	padding-bottom: 0;
	margin-bottom: 0;
}
.post-list.zwgj .row{
	padding:0 15px;
}
.post-list.zwgj .row p.gj-intro{
	font-size: 1.0em;
	color: #999;
	display: inline-block;
}
.post-list.zwgj .row p.gj-intro .fa{
	margin-right: 5px;
}
.post-list.zwgj ul{
	margin-bottom: 20px;
}
.post-list.zwgj ul li{
	display: inline-block;
	margin:5px 10px;
	color:#666;
}
.post-list.zwgj ul li a{
	color:#666 !important;
}
.post-list.zwgj .gj-subtitle{
	font-weight: bold;
}
.post-list.zwgj .gj-subtitle .fa{
	margin-right: 5px;
}

.post-list.zwsw .row{
	padding:0 15px;
}
.post-list.zwsw .row p.gj-intro{
	font-size: 1.0em;
	color: #999;
	display: inline-block;
}
.post-list.zwsw .row p.gj-intro .fa{
	margin-right: 5px;
}
.post-list.zwsw ul{
	margin-bottom: 20px;
}
.post-list.zwsw ul li{
	/*display: inline-block;
	margin:5px 10px;*/
	margin:5px 0;
	color:#666;
}
.post-list.zwsw ul li a{
	color:#666 !important;
}
.post-list.zwsw .gj-subtitle{
	font-weight: bold;
}
.post-list.zwsw .gj-subtitle .fa{
	margin-right: 5px;
}
.post-list.zwsw .gj-subimg img{
	width: 100%;
	border:1px solid #efefef;
	border-radius: 4px;
}

.post-list.zwxyzh .row{
	padding:0 15px;
}
.post-list.zwxyzh .row p.gj-intro{
	font-size: 1.0em;
	color: #999;
	display: inline-block;
}
.post-list.zwxyzh .row p.gj-intro .fa{
	margin-right: 5px;
}
.post-list.zwxyzh ul{
	margin-bottom: 20px;
}
.post-list.zwxyzh ul li{
	/*display: inline-block;
	margin:5px 10px;*/
	margin:5px 0;
	color:#666;
}
.post-list.zwxyzh ul li a{
	color:#666 !important;
}
.post-list.zwxyzh .gj-subtitle{
	font-weight: bold;
}
.post-list.zwxyzh .gj-subtitle .fa{
	margin-right: 5px;
}
.post-list.zwxyzh .gj-subimg img{
	width: 100%;
	border:1px solid #efefef;
	border-radius: 4px;
}

.post-list.bzgz .row{
	padding:0 15px;
}
.post-list.bzgz .row p.gj-intro{
	font-size: 1.0em;
	color: #999;
	display: inline-block;
}
.post-list.bzgz .row p.gj-intro .fa{
	margin-right: 5px;
}
.post-list.bzgz ul{
	margin-bottom: 20px;
}
.post-list.bzgz ul li{
	/*display: inline-block;
	margin:5px 10px;*/
	margin:5px 0;
	color:#666;
}
.post-list.bzgz ul li a{
	color:#666 !important;
}
.post-list.bzgz .gj-subtitle{
	font-weight: bold;
	font-size:2.2em;
}
.post-list.bzgz .gj-subtitle .fa{
	margin-right: 5px;
}
.post-list.bzgz .gj-subimg img{
	width: 100%;
	border:1px solid #efefef;
	border-radius: 4px;
}
/* 紫微css end */

/*四柱八字 start*/
.wximg{
	width:18px;
}
.wx-jin{
	color:#c69827;
}
.wx-mu{
	color:#74e65b;
}
.wx-shui{
	color:#467aef;
}
.wx-huo{
	color:#b73021;
}
.wx-tu{
	color:#876a29;
}
.sz-shensha-td{
	vertical-align: top;
}
.sz-shensha-name{
	display: block;
	color:#E0CCA8;
	font-size: 0.85em;
}
.sstip{
	font-size: 0.8em;
	color:#aaa;
}
/*四柱八字 end*/


/* 八卦css start */
#bg-container{background: white;padding:5px;}
#bg-container h2{
	text-align: center;
	margin:0 auto;
	margin-top: 20px;
}
.bg-yg-qians img{
	width:90px;
}
.bg-yaogua{
	text-align: center;
	padding:20px;
}
.bg-yg-top{
	width:500px;
	margin:0 auto;
	text-align: center;
	border:1px solid #E6CAB5;
	background: #FFF8F2;
	border-radius: 4px;
}
.bg-qians-info{
	margin:5px;
	font-size: 1.2em;
	color:#999;
}
.bg-yg-qians{
	padding:10px;
	text-align: center;

}
.bg-yg-qians-in{
	/*margin:0 auto;*/
	/*text-align: center;*/
	/*width:300px;*/
	margin-left: 40px;
	height: 90px;
}
.bg-yg-qians .yg-imgbox{
	float:left;
	width:90px;
	margin:0 20px;
}
.bg-yg-qians img{
	
}
.bg-yg-box{
	clear: both;
	padding:10px 0;
}
.bg-yg-box span{
	color:#C4814D;
	font-size: 1.2em;
	margin-right: 10px;
}
.bg-yg-box li{
	margin-top: 10px;
}

.bg-yg-box img{
	width:180px;
	margin-bottom: 5px;
}
.flipper{
	transition:3.2s;
	transition-timing-function:linear;
	transform-style:preserve-3d;
}
.bg-yg-warning{
	text-align: left;
	background: #FFEEE0;
	color:#C4814D;
	margin:4px;
	padding:3px;
}
.bg-yg-btns{margin:8px 0;}
.bg-yg-btns .btn{width:300px;}
.bg-btns{width:500px;text-align: center;margin: 0 auto;}
.bg-btns-left{float: left;width:300px;}
.bg-btns-right{float: left;width:200px;}
.bg-btns-right .btn{width:180px; height:76px;margin:8px 0 0 20px;}

#bg-result{
	clear: both;
	width:680px;
	text-align: left;
	margin:0 auto;
	padding-top: 80px;
}
.bg-titletip{width:680px;text-align: center;font-size: 1.6rem;margin-bottom: 20px;}
.bg-titletip span{color:red;}
.bg-name{text-align: center;}
.bg-left,.bg-right{float: left;}
.bg-left{width:120px;}
.bg-right{width:550px;margin-left: 10px;}
.bg-historycase{font-size: 1.5rem;}
.bg-info{font-size: 1.4rem;}
.bg-body{clear: both;}
.bg-bodyinfo{border-top:1px solid #ccc;border-bottom: 1px solid #ccc;padding:20px 0 20px 0;margin:10px 0 20px 0;}
.bg-solution{margin-bottom: 40px;}

ul.bg-ul li{
	margin:5px 0;
}
ul.bg-ul img{
	width:120px;
}

.bg-name{
	font-size: 1.8em;
}
.bg-pic img{
	width:500px;
	/*height:50%;*/
}
img.img-yijing{
	width: 100%;
	margin-bottom:5px;
}

/* 八卦css end */


/* 周公解梦 start */
#jm-container{
	background: white;
	padding:5px;
/*	padding-bottom:400px;*/
}
#jm-container h2{
	text-align: center;
	margin:20px auto;
/*	margin-top: 20px;*/
}
.jm-tab{
	width:612px;
	text-align: center;
	margin: 0 auto;
}
.jm-box .idream{
/*	margin-left: 10px;*/
}
#jiemeng,#aiJiemeng{
	margin-left: 10px;
}
.jm-tips{
	border:1px dashed #ccc;
	background: #eee;
	padding:10px;
}
.jm-tips .label{
	font-size: 0.9em;
    font-weight: bold;
    padding: 2px;
    border-radius: 3px;
    margin-right: 6px;
}
.jm-tips .jm-tips-desc{
	font-size: 0.85em;
    color: #888;
}
.jm-search-info,.jm-search-info-ai{
	text-align: left;
    color: red;
    margin-left: 52px;
}
.jm-result-box{width:612px;text-align:left;margin:0 auto;margin-top:20px;}
.jm-result-ca{font-weight: bold;}
.jm-categorys{
	display: inline-block;
/*	margin:10px 20px;*/
}
.jm-categorys li{
	float: left;
	margin-right: 20px;
	cursor: pointer;
	color:#337ab7;
}
.jm-result-label{
	font-size: 1.4em;
}
.jm-result-container,.jm-result-container-ai{
	clear: both;
/*	min-height: 50vh;*/
	padding-bottom: 60px;
/*	margin:10px 20px;*/
}
.jm-result-container-ai{
	white-space: pre-wrap;
}
.jm-fragment{
	padding:10px 5px 5px 5px;
/*	text-indent: 2em;*/
}
.idream{
	width:612px;
	margin:0 auto;
	text-align: center;
	margin-top: 20px;
}
.idream .btn{
	width:100px;
	margin-top: -5px;
}
input.jm-dreaminput{
	margin-left: 10px;
	width:450px;
}
.jm-suggestion{
	width:612px;
	text-align: left;
	margin-top: 6px;
}
.jm-suggestion-box{
	width:612px;
	text-align: center;
	margin:0 auto;
}
.jm-suggestion .jm-su-label{margin-right: 20px}
.jm-suggestion a{
	margin-right: 15px;
	color:#337ab7;
	cursor: pointer;
}

/* 周公解梦 end */

/* 关于我们 start */
.main-aboutus{
	padding-bottom: 120px;
}
.main-aboutus h2{
	text-align: center;
	margin:0 auto;
	margin-top: 20px;
}
.ab-img{
	width:180px;
	height:180px;
}
.ab-img-fwhss{
	width:250px;
	/*margin-left: 20px;*/
}
.ab-shenjige{
	margin-top: 20px;
}
.ab-shenjige-title{
	font-size:1.6rem;
	font-weight: bold;
}
.ab-shenjige-content{
	font-size: 1.4rem;
}
.ab-shenjige-content div{
	text-indent: 2.8rem;
}
.ab-gezhu,.ab-shenjigehao,.ab-gezhuhao,.ab-juanzhu{
	clear: both;
	padding-top: 20px;
}
.ab-fwh-img{
	margin-left: 2.8rem;
	margin-top: 10px;
}
.ab-fwh-img .ab-img{
	margin-right: 20px;
}
.ab-gezhuhao ul{
	margin-left: 2.8rem;
	margin-top: 10px;
}
.ab-gezhuhao ul li{
	float: left;
	display: block;
	margin-right:20px;
}
.ab-gezhuhao ul li span{
	display: block;
	text-align: center;
	font-size:1.4rem;
}
.ab-img-ad{
	width: 200px;
}
.ab-gezhu-anli{
	margin:10px 10px 10px 2.8rem;
	border:1px solid #ccc;
	padding: 6px;
	text-align: left;
}
.ad-flex{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
} 
.main-aboutus .glyphicon{
	margin-right: 3px;
	position: relative;
	top:2px;
}

.img-center{
	margin-left: 2.8rem;
	margin-top: 10px;
}

/* 关于我们 end */

/* 打赏 start */

.post-dashang{
	padding:0 10px;
}
.postds-btn{
	width:144px;
	height:64px;
	margin:0 auto;
	text-align: center;
	cursor: pointer;
}
.postds-btn img{
	width:64px;
	height:64px;
}
.postds-info{
	width:160px;
	margin:0 auto;
	text-align: center;
}

#dashang-dialog .row{
	padding:0 5px;
}

#dashang-dialog .col-xs-4{
	padding-left: 5px;
	padding-right: 5px;
}
#dashang-dialog{
	padding-bottom: 20px;
}
#dashang-qrcode-dialog .modal-body{
	text-align: center;
	margin: 0 auto;
}
#dashang-dialog .row button:hover{
	background-color: orange;
}
#dashang-qrcode-dialog .ds-amount{
	font-size:24px;
}
#dashang-qrcode-dialog .modal-title img{
	width:24px;
	height: 24px;
	display: inline-block;
	margin-right: 5px;
}
.ds-center{
	text-align: center;
	margin: 0 auto;
}
.ds-qrcode-tips .ds-center{
	background: #20BF64;
	overflow: hidden;
	width: 224px;
}
.ds-qrcode-row{
	text-align: center;
	margin: 0 auto;
	margin-bottom: 10px;
}
.ds-qrcode-row img{
	/*display: inline-block;*/
	text-align: center;
	margin: 0 auto;
	width: 224px;
	height: 224px;
}
.ds-sys{
	float: left;
	width:32px;
	height: 32px;
	margin:10px 20px 10px 30px;
}
.ds-tips{
	float: left;
	color:#fff;
	line-height: 1.2;
	margin-top: 9px;
}
.ds-anquan img{
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 2px;
	margin-top: -1px;
}
.dashang-detail{
	clear: both;
}

/* 打赏 end */

/*登录注册 dialog start*/
#login-dialog .login-info{
	color:#999;
	margin-bottom: 10px;
	font-size: 0.9em;
}
#login-dialog .loginform{
	overflow: hidden;
}
#login-dialog input[name="phoneNum"]{

}
#login-dialog input[name="messageCode"]{
	width:260px;
	margin-right: 10px;
	float: left;
}
#login-dialog label[for="messageCode"]{
	display: block;
}
#login-dialog .vcode-btn{
	float: left;
}
#login-dialog .login-otheroption{
	clear: both;
	margin-top: 5px;
	overflow: hidden;
	font-size: 0.9em;
}
#login-dialog .login-otheroption .login2btn{
	float: left;
	color: #5bc0de;
}
#login-dialog .login-otheroption .regbtn{
	float: right;
	color: #5bc0de;
}
#login-dialog .login-buttons{
	clear: both;
	margin-top: 20px;
}
#login-dialog .login-buttons button{
	width:calc((100% - 10px)/2);
	line-height: 32px;
}
#login-dialog .login-buttons button:first-child{
	margin-right: 10px;
}

/*登录注册 dialog end*/

/* 支付处理 start*/
#shouyin-dialog .order-detail{
	text-align: center;
	background-color:#efefef;
	padding: 10px 0px;
}
#shouyin-dialog .order-detail .order-detail-title-text{
	margin-left: 5px;
}
#shouyin-dialog .order-detail .order-detail-amount .fa{
	color:orange;
	margin-right: 5px;
}
#orderAmount{
	font-size: 2.2em;
	color:orange;
}
#shouyin-dialog .order-pay-type{
	margin-top: 20px;
}
#shouyin-dialog .order-pay-type .orderpaytype-tip{
	color: #666;
	font-size: 0.9em;
	border-bottom:1px solid #efefef;
	padding-bottom: 5px;
}
#shouyin-dialog .order-pay-type .zhifu-list li{
	padding:10px 5px;
	overflow: hidden;
	border-bottom: 1px solid #efefef;
	cursor: pointer;
}
#shouyin-dialog .order-pay-type .zhifu-list li:hover{
	background: #efefef;
}
#shouyin-dialog .order-pay-type .zhifu-list li.clearboth{
	clear: both;
	border-bottom: none;
}
#shouyin-dialog .order-pay-type .zhifu-list li .zhifu-item-left{
	width:60%;
	float: left;
	font-size: 1.2em;
}
#shouyin-dialog .order-pay-type .zhifu-list li .zhifu-item-left img{
	width: 32px;
	height: 32px;
	margin-right: 10px;
}
#shouyin-dialog .order-pay-type .zhifu-list li .zhifu-item-right{
	width:24px;
	height:24px;
	float: right;
	line-height: 30px;
}
#shouyin-dialog .order-pay-type .zhifu-list li .zhifu-item-right .zhifu-checked{
	display: inline-block;
	width:24px;
	height: 24px;
	background: url('/static/themes/dorawhite/images/checked.png') 0 0 no-repeat;
	background-size:24px 24px;
	margin-top: 4px;
}
#shouyin-dialog .order-pay-type .zhifu-list li .zhifu-item-right .zhifu-unchecked{
	display: inline-block;
	width:24px;
	height: 24px;
	background: url('/static/themes/dorawhite/images/unchecked.png') 0 0 no-repeat;
	background-size:24px 24px;
	margin-top: 4px;
}
.alipaystatus-img{
	text-align: center;
	margin-bottom: 25px;
}
.alipaystatus-buttons button{
	width:calc((100% - 10px)/2);
	line-height: 32px;
}
.alipaystatus-buttons button:first-child{
	margin-right: 10px;
}


/*下载区域 start*/
.zl-downloadbox{
/*	margin-top: 120px;*/
}
.zl-downloadbox>h3{
	font-size: 1.4em;
}
.zl-downloadbox .fa-download{
	margin-right:5px;
}
.small-fulu-icon{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('/static/themes/dorawhite/images/fulu.png') 0 0 no-repeat;
	background-size: 16px 16px;
	position: relative;
	top:3px;
}
.middle-fulu-icon{
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('/static/themes/dorawhite/images/fulu.png') 0 0 no-repeat;
	background-size: 24px 24px;
	position: relative;
	top:3px;
}
.zl-downloadbox .fulu-amount{
	color:orange;
	font-size: 1.4em;
	margin-right: 4px;
}
.zl-downloadbox .download-link-tip,.zl-downloadbox .download-link{
	border: 1px dashed #ddd;
	background: #efefef;
	text-align: center;
	padding:10px;
}
.zl-downloadbox .download-link-tip .btn,.zl-downloadbox .download-link .btn{
	margin-left: 5px;
	line-height: 16px;
	position: relative;
	top:-2px;
}
.zl-downloadbox .download-link .zl-link{
	margin-right: 5px;
	color:#5bc0de;
	display: inline-block;
}
.zl-downloadbox .download-link .zl-pwd{
	margin-right: 5px;
	color:#5bc0de;
}
.zl-downloadbox .download-link .copyPwd{
	padding:3px 10px;
}
.zl-downloadbox .zl-intro{
	text-align: left;
}
.zl-downloadbox .zl-intro .zl-introtitle{
	font-weight: bold;
	font-size: 1.0em;
	color:#666;
	margin-bottom: 0;
	margin-top: 10px;
}
.zl-downloadbox .zl-intro .zl-introlist{
	font-size: 0.9em;
	color:#999;
}

/*下载区域 end*/


/* 支付处理 end*/

/* 关于响应式手机屏的一些处理 start */
#mnavh { display: none; width: 70px; height: 40px; background: #fff; text-align: center; }
.navicon { display: block; position: relative; width: 30px; height: 3px; background-color: #333; margin-top: 18px; float: left; margin-left: 20px; }
.navicon:before, .navicon:after { content: ''; display: block; width: 30px; height: 3px; position: absolute; background: #333; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.navicon:before { margin-top: -10px; }
.navicon:after { margin-top: 10px; }
.open .navicon { background: none }
.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open .navicon:before, .open .navicon:after { content: ''; display: block; width: 30px; height: 3px; position: absolute; background: #333; }


/*AI聊天*/

#dify-chatbot-bubble-button{
	display: none;
}


/* 关于响应式手机屏的一些处理 end */



@media screen and (max-width:839px) {
	div.mainbody{
/*		height: 40px;*/
		margin: 0;
	}
	.main-kingkong{
		margin-left: 0;
	}
	.main-kingkong .li-item,.main-kingkong .li-item img{
		width: 100%;
		height: auto;
	}
	#mnavh {
	    display: block;
	    top: 0;
	    position: absolute;
	    right: 0;
	    font-size: initial;
    	margin-top: 0;
    	color: #333;
	    padding-left: 10px;
	    font-weight: normal;
	    line-height: 40px;
	}
	#mnavh h2 {
	    
	}
	#header{
		height:40px;
	}
	#header .site-name a{height:40px;}
	#header .header-box {
		padding: 0
	}

	#header #navWrapper {
		/*position: absolute;
		z-index: 100;
		top: 61px;
		left: 0;
		width: 100%;
		background: #eff0f2;
		overflow: hidden;
		height: 45px;
		line-height: 45px;
		padding: 0*/
		position: fixed;
	    top: 40px;
	    z-index: 9;
	    /*background: rgba(0,0,0,.6);*/
	    /*border-top: #1487f4 40px solid;*/
	    width: 100%;
	    /*height: 100%;*/
	    padding-left: 0;
	    padding-right: 0;
	}
	.black{
		background: rgba(0,0,0,.6);
		height: 100%;
	}

	#header #navScroller {
		display:none;
		position: absolute;
		-webkit-tap-highlight-color: transparent;
		width: 650px;
		height: 100%;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-text-size-adjust: none;
		-ms-text-size-adjust: none;
		-o-text-size-adjust: none;
		text-size-adjust: none
	}

	#header #navScroller ul {
		list-style: none;
		padding: 0;
		margin: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		background: white;
	}

	header #navWrapper #navScroller ul li {
		/*display: block;
		float: left;
		height: 100%;
		font-size: 14px;
		line-height: 45px!important*/
		width: 60%;
    	margin: 0;
    	background: #fff;
    	border-bottom: #eee 4px solid;
    	position: relative;
	    display: inline;
	    float: left;
	    /*font-size: 15px;*/
	    text-align: left;
	    line-height:44px;
	}
	#header #navScroller li:last-child{
/*		padding-bottom:100%;*/
	}

	#header #navScroller li a {
		/*display: block;
		padding: 0 10px;
		line-height: 45px!important*/
		text-align: left;
	    /*text-indent: 2em;*/
	    /*color: #000;*/
	    width: 100%;
	    padding: 0;
	    /*color: #1487f4;*/
	    background: #fff;
	    display: inline;
	    float: left;
	    padding: 0 20px;
	    /*color: #fff;*/
	}

	#header #navScroller .dropdown-menu{
		border:none;
	}
	#header #navScroller .dropdown-menu li{
		width: 100%;
		line-height:50px;
		border-bottom: #eee 4px solid;
	}
	#header #navScroller .dropdown-menu li a{
		float: none;
		padding-left: 40px;
	}

	.mainbody .user-container .login-main .login-box{
		width:100%;
	}


	#header .site-nav {
		margin-top: -1px;
		padding: 0;
		opacity: .9;
		background-color: #eff0f2;
		position: absolute
	}

	#header .site-nav .nav-container {
		position: absolute;
		left: 0;
		width: 100%;
		overflow: hidden;
		height: 40px
	}

	#header .site-nav ul li {
		margin: 0 6px
	}

	#header .site-name a img {
		height: 3rem;
		width: auto
	}

	#header .topNav {
		/*display: block;*/
		line-height: 40px;
	}
	#navRight{
		position: fixed;
		top:0;
		right:80px;
	}
	.text-right{
		line-height: 40px;
	}
	.search-pannel{
		padding-top: 5px;
	}

	.mainbody .main-container .left-frame .market-quotation,.mainbody .main-container .left-frame .post-list .post .discription .post-content,.mainbody .main-container .left-frame .post-list .post .discription .post-meta .author,.mainbody .main-container .left-frame .top-rec-contents {
		display: none!important
	}

	.mainbody .main-container .left-frame .market-quotation, .mainbody .main-container .left-frame .post-list .post .discription .post-content{
		display: -webkit-box!important;
		-webkit-line-clamp: 2; 
        -webkit-box-orient: vertical;
        overflow: hidden; 
        min-height:auto;
        font-size: 14px;
        margin:4px 0;
        line-height: 1.4;
	}

	.mainbody {
		margin-top: 90px;
		width: 100%!important
	}

	.mainbody .main-container {
		margin-top: 4rem
	}

	.mainbody .main-container .left-frame {
		padding: 15px 0
	}

	.mainbody .main-container .left-frame .slider-box {
		margin: 0
	}

	.mainbody .main-container .left-frame .slider-box .col-md-10 {
		padding: 0
	}

	.mainbody .main-container .left-frame .ads-frame {
		margin-right: 0
	}

	.mainbody .main-container .left-frame .post-list .post {
		padding: 10px 0
	}

	.mainbody .main-container .left-frame .post-list .post .discription {
		min-height: 8rem;
		padding-left: 0
	}

	.mainbody .main-container .left-frame .post-list .post .discription .post-title {
		margin-top: 0;
		font-size: 16px
	}

	.mainbody .main-container .left-frame .post-list .post .discription .post-meta {
		margin: 5px 0
	}

	.mainbody .main-container .left-frame .post-list .post .item-category {
		display: none
	}

	.mainbody .main-container .left-frame .post-list .post .contentImg {
		height: 90px;
		overflow: hidden;
		display: block
	}

	.mainbody .main-container .left-frame .post-list .post .contentImg img {
		height: 100%
	}

	#footer,.mainbody .main-container .right-frame {
/*		display: none*/
	}
	.rec-content-list .content-list .list-img{
		width: 50%;
		display: inline-block;
	}
	.rec-content-list .content-list .list-img:nth-child(odd){
		padding-right: 7.5px;
	}
	.rec-content-list .content-list .list-img:nth-child(even){
		padding-left: 7.5px;
	}
	.rec-content-list .content-list.zwgong-list .list-img{
		width:25%;
	}
	.recent-content-list .content-list .list-img{
		display: inline-block;
		width: 50%;
	}
	.recent-content-list .content-list .list-img img{
		height: 100px;
	}
	.recent-content-list .content-list .list-img .col-md-7{
		padding-left: 15px;
		white-space: nowrap;      /* 保持文本在一行内显示，不换行 */
		overflow: hidden;         /* 超出容器部分隐藏 */
		text-overflow: ellipsis;  /* 超出部分显示为省略号 */
	}
	#footer{
		padding:10px;
	}
	#footer ul li{
		line-height: 1.6em;
	}

	/*关于我们*/

	.ab-gezhu-anli{
		border:none;
	}

	.ad-flex{
		display: block;
		/*flex-wrap: nowrap;*/
		/*justify-content: center;*/
	} 
	.ad-flex .ab-img-ad{
		display: block;
	}
	.ab-img-fwhss{
		margin-top: 10px;
	}

	/*关于我们*/


	/*解梦*/
	#jm-container{
		padding: 5px 0;
	}
	.jm-tab{
		width:100vw;
	}
	.jm-box .idream{
		width:100vw;
	}
	input.jm-dreaminput{
		width: calc(100vw - 52px - 110px - 20px);
	}
	.jm-suggestion-box{
		width: 100vw;
/*		margin:0 10px;*/
	}
	.jm-suggestion{
		width: 100vw;
		padding: 0 10px;
	}
	.jm-result-box{
		width: 100vw;
		padding:0 10px;
	}
	.jm-search-info,.jm-search-info-ai{
		margin-left: 62px;
	}


	/*解梦*/

	/*占卦*/
	.bg-yg-top{
		width:auto;
	}
	.bg-yg-qians-in{
		margin:0;
		display: flex;
      	flex-wrap: wrap;
      	align-items: center;
      	justify-content: space-between;
	}
	.bg-yg-qians .yg-imgbox{
		margin:0;
	}
	.bg-btns{
		width: auto;
	}
	.bg-btns-left{
		float: none;
		text-align: center;
		width: auto;
	}
	.bg-btns-right{
		width: auto;
		float: none;
	}
	.bg-btns-right .btn{
		width:300px;
		margin:0;
	}
	#bg-result{
		width: auto;
		text-align:left;
		margin:0 10px;
	}
	.bg-titletip{
		width: auto;
	}
	.bg-left{
		width: auto;
		float: none;
		text-align:center;
	}
	.bg-right{
		width: auto;
		margin-left: 0;
		float: none;
	}
	.bg-pic img{
		width: 100%;
	}
	.zw-tips{
		width: auto;
		margin:0 10px;
		padding-bottom: 30px;
	}
	.zw-tips2{margin-top:40px;width:auto;text-align: center;padding-bottom: 10px;}

	/*占卦*/

	/*紫微斗数*/
	#zw-container,#sz-container,#hl-container{
		overflow: hidden;
		padding:10px 0;
	}
	.zwDivHeader{
		width: 100%;
		padding:0 10px;
	}
	.szDivHeader{
		padding:0 7px;
	}
	#pan{
		padding:0 6px;
		width: calc(100vw*10/9);
        -webkit-transform: scale(calc(9/10));
    	position: relative;
    	/*left: calc(-100vw*(3/2)*(1-2/3)/2);*/
    	left: calc(-100vw*(10/9)*1/20);
    	top:-50px;
	}
	.zw-output{
		width: auto;
		padding:0 10px;
/*		margin-top: -60px;*/
	}
	.ziwei{

		width: calc(100vw*5/4);
        -webkit-transform: scale(calc(4/5));
    	position: relative;
    	/*left: calc(-100vw*(3/2)*(1-2/3)/2);*/
    	left: calc(-100vw*(5/4)*1/10);
    	top:-40px;
	}
	.MangY10{
		bottom:1.1rem;
	}
	.MangY1{
		bottom:2.4rem;
		font-size: 0.7em;
	}
	.MangY11{
		bottom:3.2rem;
		font-size: 0.7em;
	}
	#zw-container .ziweintro p,#sz-container .ziweintro p{
		width:calc(100vw - 20px);
	}
	.StarC{
		font-size: 1.0em;
	}
	.StarD{
		font-size: 0.85em;
	}

	/*紫微斗数*/

	/*首页*/
	.main-kingkong a{
		/*pointer-events: none;*/
	}

	/*首页*/

	#login-dialog input[name="messageCode"]{
		width:calc(100vw - 45px - 95px - 20px);
		margin-right: 10px;
		float: left;
	}

	
}

@media screen and (max-width:380px) {
	.StarC{
		font-size: 0.8em;
	}
	.StarD{
		font-size: 0.8em;
	}
}

@media screen and (max-width:360px) {
	.StarC{
		font-size: 0.75em;
	}
	.StarD{
		font-size: 0.75em;
	}
}


/*@media screen and (max-width:992px) {
	.header-main {
		width: 992px;
		margin: 0 auto
	}

	.mainbody {
		width: 992px;
		margin: 62px auto 0
	}

	.topNav {
		display: none
	}
}*/

@media screen and (max-width:1920px) {
	.header-main {
		width: 1199px;
		margin: 0 auto
	}

	.mainbody {
		width: 1199px;
		margin: 62px auto 0
	}
}

@media screen and (max-width:5000px) {
	.header-main {
		width: 1199px;
		margin: 0 auto
	}

	.mainbody {
		width: 1199px;
		margin: 62px auto 0
	}
}

@media (min-width: 768px) {
	.modal-dialog.login-dialog{
		width:400px;
	}
}