body,
html {
	color: #333;
	min-height: 100%;
	margin: 0px;
	padding: 0px;
	/*background: #ccc;*/
	/*background:url('/img/bg.gif') repeat center;*/
	/*background-image: linear-gradient(to right bottom, #ff9569 0%, #e92758 100%);*/
	/*background:#ccc linear-gradient(to left top, #ABDCFF 0%, #0396FF 100%);*/
	background: transparent;
	/*font-size: 14px;*/
	font-family: "PingFang SC", miui, system-ui, -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, sans-serif
}

@media print {    
    *{
    		display:none !important;
    }
}
.link_href_target {
	color: blue;
}

.right_qa_container,
.right_pic_container {
	border-top: 1px solid #ccc;
	padding: 0px 10px 10px;
}

.right_pic_container p {
	margin: 5px 0px;
}

.right_pic_img {
	width: 100%;
	margin: 10px 0px 0px;
	cursor: default;
}

.head_nav_home {
	text-decoration: none;
	vertical-align:middle;
	color:#666;
	display: inline-block;
	margin-left:10px;
	font-size:15px;
}

.head_nav_home:hover {
	text-decoration: underline;
}
.pc_btn_group {
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;
}

.pc_btn {
	/*border:1px solid #ccc;*/
	cursor: pointer;
	display: inline-block;
	width: 140px;
	text-align: center;
	border-radius: 20px;
	margin: 13px 5px;
	color: #fff;
	padding: 6px;
    font-size: 15px;
}

.pc_btn:hover {
	filter: saturate(.4);
}

.pc_btn_login {
	background: #0396FF;
}

.pc_btn_register {
	background: #28C76F;
}

.snippet-wrap pre.sh_sourceCode {
	white-space: nowrap !important;
}

.qa_radio>label {
	margin: 10px 0px;
	display: block;
	/*border:1px solid black;*/
	cursor: pointer;
}

.qa_radio>label:hover>span {
	background: rgba(40, 40, 40, .1);
}

.qa_radio>label>span {
	display: inline-block;
	width: calc(100% - 30px);
	padding: 2px 0px 2px 5px;
	white-space: pre-line;
	vertical-align: middle;
}

.qa_button_group {
	text-align: center;
	padding: 5px 0px;
}

.qa_button {
	border: 1px solid #aaa;
	border-radius: 20px;
	width: 80px;
	cursor: pointer;
	line-height: 24px;
	text-align: center;
	display: inline-block;
	margin: 0px 15px;
	user-select: none;
}

.qa_button:hover {
	background: rgba(40, 40, 40, .1);
}

.right_today_watch_head,
.relative_article_ul_img {
	width: 20px;
	height: 20px;
	object-fit: cover;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
	-webkit-mask-image:url("/img/head_img2.png");
	-webkit-mask-size:cover;
}

.relative_article_ul_img {
	width: 25px;
	height: 25px;
}

.link_span {
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 8px;
	user-select: none;
	-webkit-user-select: none;
}

.link_span.small {
	height: 34px;
	line-height: 34px;
	width: 50px;
	color: #333;
	display: inline-block;
}

.bind_email,
.bind_email_btn,
.bind_email_cancel_btn {
	color: #aaa;
	margin-left: 10px;
	cursor: pointer;
}

.bind_email_btn,
.bind_email_cancel_btn {
	margin-right: 0px;
	margin-left: 5px;
}

.link_span:hover,
.link_span:active {
	background: #eee;
}

.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
	color: #999;
	opacity: 1
}

.form-control:-ms-input-placeholder {
	color: #999
}

.form-control::-webkit-input-placeholder {
	color: #999
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	cursor: not-allowed;
	background-color: #eee;
	opacity: 1
}

textarea.form-control {
	height: auto
}


/*.comment_markdown_result>*,
.nb_article_container>* {
	margin: 0px;
	padding: 0px;
	overflow: auto;
}*/

.ad_fixed {
	position: fixed;
	top: 10px;
}

.google-auto-placed {
	display: none !important;
}

.comment_markdown_result img {
	padding-left: 0px;
}

.right_side_bar {
	float: right;
	/*margin-top: 10px;*/
}

.clear {
	clear: both;
}

.right_side_link {
	text-decoration: underline;
	cursor: pointer;
}

.base_info {
	width: 300px;
	/*border: 1px solid #ccc;*/
	/*background:rgb(240,240,240);*/
	margin-bottom: 10px;
	/*padding: 5px;*/
	overflow: hidden;
	border-radius: 5px;
	background: #fff;
}

.log_out.right_side_bar_paragraph {
	cursor: pointer;
	color: #aaa;
}

.layui-layer-iframe {
	/*ios设备上，登录的关闭出现一半，问题修复*/
	overflow-y: visible !important;
}

.log_out.right_side_bar_paragraph:hover {
	text-decoration: underline;
}

.right_side_bar_title {
	padding: 10px;
	font-size: 14px;
	color: #999;
	margin: 0px;
}

a {
	color: #333;
}

.base_info_ul>li,
.about_article_list>li {
	border-top: 1px solid #ccc;
	word-break: break-all;
	padding: 10px 10px;
	line-height: 16px;
	font-size: 12px;
	color: #333;
	cursor: pointer;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.base_info_ul>li a,
.about_article_list>li a {
	width: 100%;
	font-weight: bold;
}

.about_article_list>li {
	padding: 15px 10px;
	font-size: 16px;
}

.about_article_list>li:first-child {
	border: none;
}

.base_info_ul>li.empty_li {
	text-align: center;
	color: #999;
}

.base_info_ul>li a {
	text-decoration: none;
}

.base_info_ul>li a:hover {
	text-decoration: underline;
}

.base_info_btn {
	width: 100px;
	line-height: 30px;
	color: #000;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	margin: auto;
	display: inline-block;
	background: #eee;
	margin: 20px 10px;
}

.base_info_btn:hover {
	background: #ddd;
}


/*
.base_info_ul>li:hover{
		text-decoration: underline;
}*/

.base_info_ul_li_link:hover {
	text-decoration: underline;
}

.base_info_ul_li_circle {
	padding: 2px 6px;
	background: #eee;
	color: #999;
	border-radius: 3px;
	height: 20px;
	display: inline-block;
	text-align: center;
	vartical-align: middle;
	word-break: keep-all;
}

.right_side_bar_paragraph>* {
	vertical-align: middle;
}

.right_side_bar_paragraph {
	margin: 8px 0px;
	padding: 0px 10px;
	font-size: 13px;
	color: #333;
}

.right_side_bar_paragraph .my_email_input {
	width: 155px;
	display: inline-block;
}

.right_side_bar_paragraph .link_span {
	margin-bottom: 0px;
	width: 40px;
	/*height:30px;
	line-height:30px;*/
}

.right_side_bar_paragraph .my_email {
	max-width: 150px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
}

.right_side_bar_paragraph .form-control {
	/*height:30px;
	line-height:30px;*/
}

.right_side_bar_flex {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-evenly;
	-webkit-justify-content: space-evenly;
	line-height: 36px;
	border-top: 1px solid #ccc;
}

.right_side_bar_flex a {
	border-right: 1px solid #ccc;
	display: inline-block;
	width: 50%;
	text-align: center;
	text-decoration: none;
	color: #888;
	font-size: 13px;
}

.right_side_bar_flex a:hover {
	text-decoration: underline;
}

.right_side_bar_flex a:last-child {
	border: none;
}

* {
	box-sizing: border-box;
}


/*input,
textarea,
button,
select {
	-webkit-appearance: none;
	appearance: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
}*/

.main_content_container {
	height: 100%;
	overflow: hidden;
	/*overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;*/
}

._nb_blog_block_ad {
	/*height: inherit;*/
}

.full_height {
	height: 100%;
}

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

.nb_image_wrapper_close {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 10px;
	right: 10px;
	background: url(/img/close_2.png) no-repeat center/contain;
	cursor: pointer !important;
}

ul,
li {
	margin: 0px;
	padding: 0px;
}

li {
	list-style: none;
}

._hide {
	opacity: 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

.hide {
	display: none !important;
}

.hidden {
	visibility: hidden;
}

.website_info {
	margin: 30px auto;
	
	font-weight:bold;
		background:url('/img/wave.svg') no-repeat center top /cover;
}

.qr_code {
	cursor: pointer;
	color: blue;
	position: relative;
}

.qr_code canvas {
	width: 100%;
	height: 100%;
}

.qr_code_container {
	position: absolute;
	left: 0px;
	width: 200px;
	height: 200px;
	/*border:1px solid black;*/
	z-index: 10;
}

.logo {
	margin: 0px;
	padding: 0px;
	line-height: 30px;
	word-break: break-all;
	padding: 10px 0px;
}

.header_top {
	/*border:1px solid #ccc;*/
	/*border-bottom: 1px solid #ccc;*/
	height: 50px;
	background: #fff;
	/*overflow: visible;*/
	/*padding-top: 5px;*/
	/*font-size: 16px;*/
}

.user_login_my {
	/*margin-right:10px;*/
	cursor: pointer;
}

.user_login_my:hover {
	text-decoration: underline;
}

.head_info_time,
.head_info_level,
.head_info_all_watich {
	margin: 0px 0px 5px 5px;
	display: inline-block;
	padding: 2px 0px;
}

.head_nav_item {
	/*width: 40px;*/
	/*height: 40px;*/
	display: inline-block;
	/*border: 1px solid black;*/
	margin: 5px 10px 0px 0px;
	border-radius: 4px;
	/*float: right;*/
	text-align: center;
	line-height: 40px;
	color: #888;
	cursor: pointer;
	text-decoration: none;
	/*font-size:13px;*/
}

.article_info {
	border-radius: 5px;
	color: #999;
	padding: 10px 10px 5px 20px;
	font-size: 13px;
	/*line-height:50px;*/
}

.info_tag_c {
	display: inline-block;
	/*margin: 10px 0px 0px 20px;*/
}

.info_tag_c>* {
	margin-right: 5px;
}

.shoucang {
	cursor: pointer;
}

.shoucang:hover {
	text-decoration: underline;
}
.pc_create_article{

	padding: 4px 10px 8px;
	border-radius:20px;
	color:#fff;
	/**/
	background: rgba(235, 107 ,107,.8);
 	text-decoration:none;
 	font-size:15px;
	
}
.pc_create_article:hover{
	color:#fff;
	text-decoration:underline;
}
.pc_create_article img{
	width:15px;
	margin-right:2px;
	margin-left:5px;
}
.pc_create_article >*{
	vertical-align:middle;
}

.user_login_my {
	/*margin-right:10px;*/
	/*	width: 40px;*/
	/*margin-right: 10px;*/
	/*height: 22px;
	line-height: 22px;*/
	/*border:1px solid black;*/
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}

.sort_container {
	padding: 5px 0px 10px 0px;
}

.sort_search_title {
	margin-bottom: 0px;
	display: inline-block;
	margin: 5px 0px 0px 10px;
	font-weight: bold;
	padding: 6px 0px 10px 0px;
}

.fast_search {
	overflow: hidden;
	padding: 5px 0px 10px 0px;
}

.fast_search.bottom {
	background: rgb(245, 245, 245);
	padding-left: 38px;
}

.sort_container,
.fast_search_container {
	overflow: hidden;
}

.fast_search li,
.bottom_title,
.sort_container li {
	float: left;
	line-height: 20px;
	padding: 1px 4px;
	color: #888;
	margin: 5px 0px 0px 10px;
	cursor: pointer;
	font-size: 13px;
}

.fast_search li:hover,
.sort_container li:hover {
	background: #eee;
	border-radius: 3px;
}

.fast_search.bottom li.attr_unit:hover {
	text-decoration: underline;
	background: transparent;
}

.fast_search li.botton_unit.active,
.fast_search li.catalog.active,
.fast_search.bottom li.attr_unit.active .bottom_title,
.sort_container li.active {
	color: #fff;
	background: black;
	border-radius: 3px;
}

.bottom_container{
	display:contents;
	/*vertical-align:middle;*/
}
li.botton_unit,.bottom_title{
	margin:0px;
	margin-left:10px;
		flex-shrink:0;
	-webkit-flex-shrink:0;

	/*display:inline-block;*/
}
.bottom_title{
	color:#333;
	font-weight:bold;
	margin:0px;
	
}
/*.fast_search li.active.catalog {
	color: #fff;
	background: #999;
	border-radius: 3px;
}*/

.fast_search.bottom{
	padding:10px 0px;
	max-height: 300px;
    overflow: auto;
}
.fast_search.bottom li.attr_unit{
	/*border:1px solid black;*/
	display:flex;
	display:-webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	float:none;
}

.search_container {
	width: 280px;
	height: 30px;
	background: #fff;
	line-height: 30px;
	border-radius: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	display: -webkit-inline-flex;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;
	vertical-align: middle;
	position: relative;
	background: #eee;
	margin-left:10px;
}

.search_result_container {
	position: absolute;
	left: 0px;
	right: 0px;
	z-index: 10;
	background: white;
	color: #333;
	top: 36px;
	/*height:100px;*/
	border: 1px solid #ccc;
	-webkit-box-shadow: 0 0 9px #ccc;
	box-shadow: 0 0 9px #ccc;
	max-height: 400px;
	overflow: auto;
}

.auth_info_c {
	/*border:1px solid black;*/
	display: flex;
	display: -webkit-flex;
	/*border-bottom:1px solid #ccc;*/
	border-top: 1px solid #ccc;
	/*cursor: pointer;*/
}

.auth_info_pic {
	/*border:1px solid black;*/
}

.auth_info_pic img {
	width: 80px;
	height: 80px;
	margin: 10px;
	object-fit: cover;
	cursor: pointer;
	-webkit-mask-image:url("/img/head_img2.png");
	-webkit-mask-size:cover;
}

.auth_btn_group {
	/*border: 1px solid black;*/
	display: flex;
	justify-content: space-between;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
}
.auth_middle_btn_group{
	border-top:1px solid #ccc;
	padding: 10px 10px ;
	overflow:hidden;
}
.auth_middle_btn_group .auth_sign_btn{
	font-weight:bold;
}
.auth_middle_btn_group .auth_sign_btn:hover{
	text-decoration:underline;
}
.auth_middle_btn_group .auth_btn{
	font-size:13px;
}
.auth_middle_btn_group .auth_btn:hover{
	font-weight:bold;
}
.auth_btn,.auth_fast_icon_text {
	cursor:pointer;
	font-size:13px;
	/*border: 1px solid black;*/
}
.auth_fast_icon_text{
	margin-top:4px;
}
.auth_btn:hover{
	font-weight:bold;
	
}
.auth_btn img{
	width:18px;
	cursor:pointer;
}
.auth_btn >*{
	vertical-align:middle;
}
.auth_fast_icon{
	width:24px;
	cursor:pointer;
}
.auth_fast_icon_c{
	padding:10px 0px;
}
.auth_fast_icon_c:hover{
	background:#eee;
	cursor:pointer;
	border-radius:5px;
}

.auth_about table {
	width: 100%;
	/*font-size: 13px;*/
	margin: 2px 0px 5px;
}

.auth_about table td {
	text-align: center;
	padding: 3px 0px;
}

.auth_info_content {
	/*border:1px solid black;*/
	margin: 5px 0px;
	font-size:13px;
}

.auth_info_content>.nick_name {
	font-weight: bold;
	font-size: 16px;
	width: 190px;
}

.auth_info_content>.info_myself {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	/*font-size:12px;*/
}

.auth_info_content>* {
	margin-bottom:2px;
	/*margin: 5px 10px 5px 0px;*/
}

.search_result_ul li {
	/*border:1px solid black;*/
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0px 5px;
	font-size: 12px;
	text-align: left;
}

.search_result_ul li a {
	text-decoration: none;
	color: #333;
}

.search_result_ul li a:hover {
	text-decoration: underline;
}

.search_result_ul li:not(.no_data):active,
.search_result_ul li:not(.no_data):hover {
	background: rgb(240, 240, 240);
}

.search_close {
	/*display: inline-block;*/
	height: 22px;
	width: 14px;
	height: 22px;
	/*vertical-align: middle;*/
	background: url('http://active.qiutianaimeili.com/index_close.png') no-repeat center center;
	background-size: 11px;
	margin: 0px 2px 0px 0px;
	float: left;
}

.search_icon,.search_baidu_icon {
	/*display: inline-block;*/
	width: 30px;
	border: none;
	height: 22px;
	/*vertical-align: middle;*/
	background: url('http://active.qiutianaimeili.com/index_search.png') no-repeat center center;
	background-size: 20px;
	/*border-left: 1px solid #666;*/
	margin-top: 0px;
	padding-left: 5px;
	float: left;
}
.search_baidu_icon{
	background: url('http://active.qiutianaimeili.com/FrM5yBEu-TvaU7ClMBYQgaHmZ15V') no-repeat center center/contain;
}

.search {
	float: left;
	border: none;
	width: calc(100% - 54px);
	margin: 0px 0px 0px 5px;
	/*vertical-align: middle;*/
	height: 22px;
	line-height: 22px;
	font-size: 13px;
	-webkit-appearance: none;
	background: transparent;
}

.search:focus,
.search:focus {
	outline: none;
}


/*.head_info_container .user_login_my{
	margin-right:10px;
}*/

.head_nav_item:hover {
	text-decoration: underline;
}

article p,
article h4 {
	margin: .5em 0em;
	line-height: 1.5em;
	letter-spacing: 1px;
	text-indent: 2em;
	word-break: break-all;
	overflow: hidden;
}

.clear {
	clear: both;
}

#article_preview .syntaxhighlighter {
	/*word-break: break-all;*/
	table-layout: fixed;
	white-space: nowrap;
}

#article_preview pre {
	white-space: nowrap !important;
	/*word-wrap: break-word!important;*/
	line-height: 1.5em;
	font-size: 13px;
	/*background: #f5f5f5;*/
	border: 1px solid #ccc;
	border-radius: 4px;
	/*padding: 10px;*/
}

#article_preview img.svg_img {
	/*svg->img,不需要缩放*/
	width: auto !important;
	float: none;
}

#article_preview table {
	border-collapse: collapse;
}

#article_preview table td {
	border: 1px solid #ccc;
	padding: 4px;
}

img {
	cursor: zoom-in;
	cursor: -webkit-zoom-in;
	-webkit-touch-callout: none;
}

@media(min-width: 800px) {
	#article_preview img:not(.svg_img) {
		max-width: calc(900px - 2em);
	}
}

@media(max-width:800px) {
	#article_preview img {
		width: calc(9rem - 20px);
		/*margin-left: -2em;*/
		/*float: right;*/
	}
	#article_preview img.half_img {
		width: calc(4.5rem - 10px - 2em);
		margin-left: 0em;
	}
}


/*img.small_img {
	height: 80px;
}

img.middle_img {
	height: 120px;
}

img.big_img {
	height: 160px;
}*/

.section_head {
	font-weight: bold;
	color: black;
}

.knowledge {
	background: rgb(250, 250, 250);
	border-radius: 5px;
	padding: 5px 0px;
	margin: 10px 0px;
	border-radius: 5px;
}

.second_title {
	background: rgb(240, 240, 240);
	padding: 2px 0px;
}

body>:not(._nb_blog_block_ad) {
	display: none !important;
	height: inherit;
}

.svg_container {
	overflow: auto;
	
}
.article_content .svg_container{
	display:block;
}

.sidebar_container {
	width: 1rem;
	height: 1rem;
	position: fixed;
	left: auto;
	margin-left: 10rem;
	transform: translate(-120%, 0);
	bottom: 1rem;
	border-radius: 50%;
	z-index: 100;
	border: 1px solid black;
	background: rgba(255, 255, 255, .6);
	overflow: hidden;
	transition: all .25s linear;
	-webkit-transition: all .25s linear;
}

.sidebar_container.big {
	height: 2rem;
	border-radius: 50px;
}

.sidebar_child {
	display: block;
	height: 1rem;
	color: white;
	display: none;
}

.sidebar_home {
	background: url('http://active.qiutianaimeili.com/goto_home.png') no-repeat center center;
	background-size: 60%;
}

.slidebar_index_top {
	background: url('http://active.qiutianaimeili.com/goto_top.png') no-repeat center center;
	background-size: 60%;
}

.comment_container {
	/*overflow: hidden;*/
}

.comment_container_top,
.about_article_container_top {
	border-bottom: 1px solid #ccc;
	background: #eee;
	height: 40px;
	line-height: 40px;
	padding: 0px 10px;
	border-radius: 5px 5px 0px 0px;
}

.comment_send_show_btn,
.comment_go_top {
	/*background:#333;
	color:white;*/
	color: #666;
	display: inline-block;
	font-size: 13px;
	width: 70px;
	/*height: 26px;*/
	text-align: center;
	/*line-height: 26px;*/
	float: right;
	border-radius: 4px;
	cursor: pointer;
}

.info_user {
	margin: 10px 0px 0px calc(3em + 35px);
	/*font-weight: bold;*/
	cursor: pointer;
	display: block;
	height: 20px;
	color: #333;
	/*vertical-align:middle;*/
	text-decoration: none;
}

.article_go_home {
	margin: 10px 0px 0px 20px;
	/*padding: 2px 5px 0px 0px;*/
	float: left;
	text-decoration: none;
	color: #333;
}

.article_go_home a {
	text-decoration: none;
	color: #333;
	font-weight: bold;
}

.article_go_home a:hover {
	text-decoration: underline;
}

.info_user>img {
	cursor: pointer;
	width: 20px;
	height: 20px;
	object-fit: cover;
	vertical-align: bottom;
	margin-right: 5px;
	-webkit-mask-image:url("/img/head_img2.png");
	-webkit-mask-size:cover;
}

.info_user:hover {
	text-decoration: underline;
}

.comment_send_show_btn:hover,
.comment_go_top:hover {
	text-decoration: underline;
}

p.comment_title,
p.about_article_title {
	margin: 0px;
	/*margin-bottom: -1px;*/
	padding: 0px;
	/*font-weight: bold;*/
}

.comment_list>li,
.current_comment>li,
.comment_replay_ul>li {
	border-bottom: 1px solid #ddd;
	padding: 15px 10px;
}

.comment_list>li:last-child,
.current_comment>li:last-child,
.comment_replay_ul>li:last-child {
	border-bottom: none;
}

.comment_list_empty_tip,
.comment_replay_ul_empty_tip {
	text-align: center;
	height: 60px;
	line-height: 60px;
	color: #888;
	margin: 0px !important;
	padding: 0px !important;
	background: white;
}

.comment_unit_tag {
	background: #eee;
	color: #666;
	padding: 2px 5px;
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
	margin: 0px 5px 5px 0px;
}

.article_info .comment_unit_tag {
	background: #ddd;
}

.comment_unit_tag:hover {
	background: #ddd;
}

.article_info .comment_unit_tag:hover {
	background: #ccc;
}

.comment_unit_top {
	color: #333;
	position: relative;
}

.comment_unit_name,
.comment_unit_text_replay_name {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

.comment_unit_name:hover,
.comment_unit_text_replay_name:hover {
	text-decoration: underline;
}

.comment_unit_name>img,
.comment_unit_text_replay_name>img {
	width: 20px;
	height: 20px;
	object-fit: cover;
	cursor: pointer;
}

.comment_unit_name>*,
.comment_unit_text_replay_name>* {
	vertical-align: middle;
}

.comment_unit_name.current {
	color: red;
}

.comment_unit_time,
.comment_unit_replay {
	margin-right: 20px;
	/*font-size: 12px;*/
	float: right;
	color: #888;
	cursor: default;
}

.comment_unit_replay {
	cursor: pointer;
}

.comment_unit_text {
	margin: 8px 0px;
	cursor: default;
}

.comment_unit_replay_num,
.comment_unit_leaf_num {
	color: #888;
	/*font-size: 12px;*/
	cursor: pointer;
	display: inline-block;
}

.comment_unit_leaf_num {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin: 10px 0px 3px;
}

.comment_zz_img {
	width: 20px;
	height: 20px;
	border: 50%;
	background: url(http://active.qiutianaimeili.com/logo.png) no-repeat center/cover;
	display: inline-block;
	margin: 0px 5px 0px 0px;
}

.comment_unit_up {
	cursor: pointer;
	float: right;
}

.comment_unit_leaf_replay_num {
	border: 1px solid black;
	float: right;
}

.comment_unit_text_replay {
	color: #666;
}

.comment_unit_text_replay_name>* {
	vertical-align: middle;
}

.comment_unit_leaf_num_tip {
	cursor: default;
}

.comment_unit_up_icon,
.comment_unit_select_up_icon,
.comment_unit_comment_icon,
.comment_unit_watch_all_icon,
.comment_unit_watch_today_icon,

/*.like_unit_up_icon,*/


/*.like_unit_select_up_icon,*/

.like_unit_up_num {
	display: inline-block;
	width: 14px;
	height: 14px;
	/*vertical-align: -10px;*/
}

.like_unit_up_icon,
.like_unit_select_up_icon {
	padding: 2px 5px;
}

.like_unit_up_icon:hover,
.like_unit_select_up_icon:hover {
	/*border-radius:10px;*/
	background: #fff;
}

.like_unit_up_num {
	margin-left: -2px;
	vertical-align: -1px;
}

.comment_unit_up_icon {
	background: url(http://active.qiutianaimeili.com/up.png) no-repeat center 10%;
	background-size: cover;
}


/*.like_unit_up_icon {
	background: url(http://active.qiutianaimeili.com/bookmark.png) no-repeat center 10%;
	background-size: 15px;
}*/

.comment_unit_comment_icon {
	background: url(http://active.qiutianaimeili.com/comment.png) no-repeat center 10%;
	background-size: cover;
}

.comment_unit_watch_all_icon {
	background: url(http://active.qiutianaimeili.com/eye_all.png) no-repeat center 10%;
	background-size: cover;
}

.comment_unit_watch_today_icon {
	background: url(http://active.qiutianaimeili.com/eye_today.png) no-repeat center 10%;
	background-size: cover;
}

.comment_unit_select_up_icon {
	background: url(http://active.qiutianaimeili.com/up_select.png) no-repeat center 10%;
	background-size: cover;
}


/*.like_unit_select_up_icon {
	background: url(http://active.qiutianaimeili.com/bookmark_2.png) no-repeat center center;
	background-size: 20px;
}*/

.comment_unit_select_up_icon.select {
	animation: up .5s linear;
	-webkit-animation: up .5s linear;
}

.comment_unit_up_num {
	/*vertical-align: middle;*/
	color: #666;
	margin-left: 5px;
}

.website_info_detail,
.friend_link_title {
	text-align: center;
}

.website_info_detail,
.website_info_detail>* {
	color: #333;
}

.frined_link_ul {
	text-align: center;
}

.frined_link_ul li {
	display: inline-block;
	padding: 6px;
}

.comment_send_layer {
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(0, 0, 0, .2);
	z-index: 200;
}

.comment_send_container,
.comment_email_bg {
	/*width: 400px;
	height: 280px;*/
	border-radius: 4px;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	background: white;
	transform-origin: bottom;
	transition: all .8s linear;
	-webkit-transform-origin: bottom;
	-webkit-transition: all .8s ease-out;
}

.comment_send_container.low_back {
	transform: perspective(1000px) rotateX(55deg);
	-webkit-transform: perspective(1000px) rotateX(55deg);
}

.comment_email_bg {
	z-index: 5;
	opacity: 0;
}

.comment_email_bg.low_show {
	animation: low_show .8s linear 0s 1 forwards;
	-webkit-animation: low_show .8s linear 0s 1 forwards;
}

.comment_email_bg.low_hide {
	animation: low_hide .8s linear 0s 1 forwards;
	-webkit-animation: low_hide .8s linear 0s 1 forwards;
}

.comment_email_bg_inner {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	height: 110px;
}

.main_container .google-auto-placed {
	display: none !important;
}

@keyframes low_show {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes low_hide {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.comment_send_title,
.comment_send_replay {
	/*font-size: 16px;*/
	/*padding: 0px 10px;*/
	margin: 10px 0px;
}

.comment_send_replay_name,
.comment_send_name {
	padding: 0px 10px;
}

.comment_send_replay_name_title {
	display: inline-block;
	vertical-align: middle;
}

.comment_send_replay_name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	width: 5rem;
	vertical-align: middle;
}

.comment_send_name_input,
.comment_edit_email {
	border: 1px solid #ccc;
	height: 24px;
	line-height: 24px;
	margin: 0px 10px;
	/*width: 200px;*/
	border-radius: 4px;
	/*font-size:13px;*/
	vertical-align: middle;
}

.comment_edit_email {
	width: 180px;
}

.comment_email_unit {
	margin: 20px 10px;
	text-align: center;
}

.comment_email_btn_group {
	text-align: center;
	margin-top: -10px;
}

.comment_bind_btn,
.comment_bind_cancel_btn {
	border: 1px solid #333;
	text-align: center;
	line-height: 30px;
	display: inline-block;
	font-size: 12px;
	width: 100px;
	border-radius: 4px;
	margin: 10px;
	cursor: pointer;
}

.comment_send_name_tip {
	/*font-size:12px;*/
	color: #888;
}

.comment_send_name_input:focus {
	outline: none;
}

.comment_send_tip {
	padding: 0px 10px;
	/*font-size: 12px;*/
	color: #888;
}

.comment_send_textarea_container {
	position: absolute;
	left: .25rem;
	right: .25rem;
	top: 40px;
}

.comment_markdown_result,
.comment_send_textarea,
.comment_send_replay_textarea {
	resize: none;
	width: 100%;
	height: calc(100% - 100px);
	/*margin: 10px;
	width: 370px;
	height: 145px;*/
	border: 1px solid #ccc;
	/*font-size: 13px;*/
	border-radius: 4px;
	padding: 0px;
}

.comment_markdown_result {
	position: absolute;
	z-index: 1;
	overflow: auto;
	background: rgb(244, 244, 244);
}

.comment_send_textarea:focus,
.comment_send_replay_textarea:focus {
	outline: none;
}

.comment_send_bottom {
	margin: 0px 10px;
}

.comment_send_bottom_word {
	color: #888;
	position: absolute;
	left: .25rem;
	bottom: 10px;
	line-height: 28px;
	display: none;
}

.comment_send_bottom_send,
.comment_send_bottom_send_before,
.comment_send_bottom_send_before_tip {
	position: absolute;
	right: .25rem;
	bottom: 10px;
	border: 1px solid black;
	width: 60px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;
}

.comment_send_bottom_send_before>* {
	vertical-align: middle;
}

.comment_send_bottom_send_before,
.comment_send_bottom_send_before_tip {
	right: calc(.25rem + 70px);
	left: 10px;
	border: none;
	width: auto;
	color: #333;
	text-align: left;
	font-size: 12px;
	bottom: 18px;
}

.comment_show_email {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 110px;
	vertical-align: middle;
}

.comment_send_bottom_send_before_tip {
	color: #aaa;
	left: 10px;
	font-size: 11px;
	bottom: 0px;
}

.comment_bind_email {
	color: -webkit-link;
	margin-left: 10px;
}

.zip_download_container {
	margin-top: 10px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 10px 20px;
	border-radius: 5px;
	width: 940px;
}

.other_file {
	color: -webkit-link;
	cursor: pointer;
}

.other_file_name {
	margin: 0px 6px;
	cursor: default;
	max-width: 200px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	vertical-align: -5px;
	color: #333;
}

.other_file_a_link {
	display: block;
	margin: 5px 0px 0px;
	color: #aaa;
	font-size: 13px;
}

.other_file_del {
	display: inline-block;
	vertical-align: 0px;
	color: #aaa;
	cursor: pointer;
}

.has_download_number {
	color: #888;
}

.user_login_my {
	/*display:none;*/
}

.user_login {
	text-align: center;
}

.why_login {
	margin: -5px 10px 10px;
	font-size: 12px;
	color: #666;
}

.comment_send_close {
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	/*font-size:22px;*/
	position: absolute;
	right: -15px;
	top: -15px;
	border-radius: 50%;
	background: white;
	cursor: pointer;
	z-index: 10;
}

.comon_toast {
	width: auto;
	max-width: 80%;
	height: auto;
	/*font-size: 14px;*/
	border: 1px solid black;
	background: rgba(0, 0, 0, .8);
	color: white;
	border-radius: 5px;
	display: inline-block;
	line-height: 16px;
	word-break: break-all;
	padding: 10px;
	text-align: justify;
	vertical-align: middle;
	/*position: absolute;
	top:50%;
	transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);*/
}

.comon_load_toast {
	pointer-events: none;
	text-align: center;
}

.comon_load_toast:after {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.head_info_look_comment,
.head_info_look_download,
.head_info_share {
	display: inline-block;
	/*margin-left: 10px;*/
	color: #888;
	font-weight: bold;
	margin-top: 8px;
	cursor: pointer;
	margin-bottom: 8px;
	margin-left: 20px;
	padding: 2px 5px;
}

.head_info_look_download {
	margin-left: 10px;
}

.head_info_look_comment:hover,
.head_info_look_download:hover,
.head_info_share:hover {
	/*border-radius:10px;*/
	background: #fff;
}

.main_outer_div.lock {
	position: fixed;
	left: 0px;
	right: 0px;
	top: -200px;
}


/*loading*/

.comon_load,
.comon_load_toast {
	position: fixed;
	z-index: 30000000;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(0, 0, 0, 0);
}

.comon_context_logo {
	margin-top: 0px !important;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 10px 10px 0px 0px;
	background: url('http://active.qiutianaimeili.com/loading.gif') no-repeat center center;
	background-size: 100% 100%;
}

.comon_text {
	display: block;
	text-align: center;
	line-height: 4rem;
	color: white;
	display: none;
	opacity: .2;
}

.nb_ad_bottom {
	/*border: 1px solid #ccc;*/
	border-radius: 5px;
	background: #fff;
	height: 150px;
	width: 940px;
	margin-top: 10px;
	overflow: hidden;
}

.right_side_bar_write {
	border-top: 1px solid #ccc;
	text-align: center;
	padding: 8px 0px;
}

.right_side_bar_write a {
	margin: 0px;
	padding: 0px;
	color: #888;
	text-decoration: none;
}

.right_side_bar_write a:hover {
	text-decoration: underline;
}

.nb_ad_top {
	/*border: 1px solid #ccc;*/
	border-radius: 5px;
	background: #fff;
	max-height: 100px;
	width: 940px;
	margin-top: 10px;
	/*display: none;*/
	overflow: hidden;
}

.nb_ad1 {
	height: 170px;
}

.nb_ad2 {
	height: 300px;
}

.v_h {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
}

.comon_context {
	width: 2.2rem;
	height: 2.4rem;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0);
}

.loading_item {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	float: left;
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	transition: all 250ms linear;
}

.loading_item-inner {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.loading_la-square-jelly-box {
	width: 64px;
	height: 64px;
	display: block;
	font-size: 0;
	color: rgba(0, 0, 0, .8);
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.loading_la-square-jelly-box>div:nth-child(1) {
	top: -25%;
	z-index: 1;
	height: 100%;
	border-radius: 10%;
	-webkit-animation: square-jelly-box-animate 0.6s -0.1s linear infinite;
	-moz-animation: square-jelly-box-animate 0.6s -0.1s linear infinite;
	-o-animation: square-jelly-box-animate 0.6s -0.1s linear infinite;
	animation: square-jelly-box-animate 0.6s -0.1s linear infinite;
}

.loading_la-square-jelly-box>div:nth-child(2) {
	bottom: -9%;
	height: 10%;
	background: #000;
	border-radius: 50%;
	opacity: .2;
	-webkit-animation: square-jelly-box-shadow 0.6s -0.1s linear infinite;
	-moz-animation: square-jelly-box-shadow 0.6s -0.1s linear infinite;
	-o-animation: square-jelly-box-shadow 0.6s -0.1s linear infinite;
	animation: square-jelly-box-shadow 0.6s -0.1s linear infinite
}

.loading_la-square-jelly-box>div {
	display: inline-block;
	float: none;
	background-color: currentColor;
	border: 0 solid currentColor;
	position: absolute;
	left: 0;
	width: 100%;
}

.replay_container,
.link_href_container {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	/*width: 1000px;*/
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	background: white;
	z-index: 150;
	overflow: hidden;
}

.replay_container_top,
.link_href_container_top {
	height: 34px;
	line-height: 34px;
	background: white;
	text-align: center;
	cursor: pointer;
	width: 140px;
	border-radius: 4px;
	margin: auto;
	border: 1px solid black;
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 10px;
}


/*.current_comment li {
	margin: 0px .5rem;
}*/

.unread_target,
.unread_target_score,
.all_create_num,
.unread_sign,
.unread_target_create {
	position: relative;
}

.unread_target.red,
.all_create_num.red,
.unread_sign.red,
.unread_target_score.red,
.unread_target_create.red {
	color: red;
	/*border-color:red;*/
}

.unread_target.red:after,
.unread_sign.red:after,
.all_create_num.red:after,
.unread_target_score.red:after,
.unread_target_create.red:after {
	content: attr(num);
	width: 15px;
	height: 15px;
	position: absolute;
	/*top: -10px;
	right: -10px;*/
	margin-left: 5px;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	border-radius: 50%;
	background: red;
	color: #fff;
	top: 2px;
}

.user_my_phone {
	display: inline-block;
	width: 28px;
	height: 28px;
	/*border:1px solid black;*/
	vertical-align: middle;
	/*margin-top: -4px;*/
	user-select: none;
	-webkit-user-select: none;
}

#my_catalog_container {
	position: absolute;
	border: 1px solid #ccc;
	top: 50px;
	width: 120px;
	background: #fff;
	z-index: 10000;
	left: 0px;
	text-align: left;
}

#my_catalog_container a {
	display: block;
	text-decoration: none;
	/*text-indent:1em;*/
	color: #333;
	font-size:14px;
	padding: 8px 0px 8px 10px;
}

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

#my_catalog_container a img{
	width:18px;
	cursor:pointer;
}
#my_catalog_container a >*{
	vertical-align:middle;
}

.user_my_phone.unread_target.red:after {
	right: auto;
	left: -15px;
	top: -8px;
}

.current_comment li,
.comment_replay_ul li {
	padding: 15px .5rem;
}

.current_comment {
	/*position: fixed;
	top: 0px;*/
	/*width: 1000px;*/
}

.comment_replay_ul li {
	background: rgb(250, 250, 250);
}

.all_comment_container {
	position: absolute;
	/*width: 1000px;*/
	top: 0px;
	bottom: 55px;
	overflow-y: scroll;
	overflow-x: hidden;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
}


/*.article_comment_container {
	overflow: hidden;
	text-align: center;
	height: 50px;
	margin-top: 20px;
}*/

.article_comment {
	width: 60px;
	cursor: pointer;
	height: 30px;
	border: 1px solid #888;
	border-radius: 4px;
	line-height: 30px;
	text-align: center;
	margin: 10px;
	display: inline-block;
}

.article_info_bottom {
	background: #eee;
	border-radius: 0px 0px 5px 5px;
	/*border-bottom: 1px solid #ccc;*/
}

.like_comment {
	display: inline-block;
	margin-left: 10px;
	cursor: pointer;
	font-weight: bold;
	color: #888;
	/*margin-top: 10px;*/
}

.relative_article_title {
	font-weight: bold;
	margin: 10px 0px 10px;
	padding: 4px 2px;
}

.ad_container_title {
	font-weight: bold;
}

.ad_container_title_link {
	float: right;
	font-size: 13px;
	text-decoration: none;
	color: #999;
	margin-right: 10px;
	padding-top: 4px;
}

.relative_article_ul {
	/*height: 340px;*/
	height: 270px;
}

.relative_article_ul li {
	height: 34px;
}

.relative_article_ul_href {
	font-weight: bold;
	color: #333;
	text-decoration: none;
}

.relative_article_ul_href:hover {
	text-decoration: underline;
}

.about_page {
	border-top: 1px solid #ccc;
	color: #666;
	font-size: 13px;
}

.about_page_num.active {
	background: #ddd;
}

.about_page_num {
	display: inline-block;
	width: 24px;
	font-size: 12px;
	height: 24px;
	background: #eee;
	border-radius: 5px;
	text-align: center;
	margin: 5px 0px 5px 5px;
	line-height: 24px;
	cursor: pointer;
}

.about_page_num:hover {
	text-decoration: underline;
}

.link_href_container_head {
	text-align: center;
	height: 1rem;
	color: #888;
	line-height: 1rem;
	border-bottom: 1px solid #888;
}

.link_href_container_body {
	position: absolute;
	top: 1rem;
	bottom: 60px;
	left: 0px;
	right: 0px;
	overflow: scroll;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
}

.link_href_container_body_iframe {
	width: 100%;
	height: 100%;
	border: none;
}

.nb_article_container img {
	/*max-width:150px;
	max-height:150px;*/
	margin: 10px 10px 10px 0px !important;
	padding: 0px !important;
}

.nb_article_container pre {
	white-space: pre-wrap;
	word-break: break-all;
	border:none;
	
}


/*table .nb_article_container pre {
	border: none !important;
	background-color: #fff !important;
}*/

.comment_dix_tip {
	margin: 5px 0px;
}

.comment_markdown_preview,
.comment_dix_input {
	color: -webkit-link;
	cursor: pointer;
}

.comment_markdown_preview {
	color: green;
	margin: 0px 10px;
	user-select: none;
}

.comment_dix_unit {
	float: left;
	margin: 0px .1rem 0px 0px;
	box-sizing: border-box;
}

.comment_dix_unit_img {
	width: 1.6rem;
	height: 1.6rem;
	border: 1px solid #eee;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center
}

.comment_dix_unit_del {
	text-align: center;
	display: inline-block;
	color: #aaa;
	cursor: pointer;
	width: 100%;
}

.leaf_time {
	color: red;
}

.get_today_sacore_container {
	/*padding: 0px 10px;*/
	cursor: pointer;
}

.get_today_sacore {
	font-weight: bold;
	color: #000;
	margin: 0px 5px;
	cursor: pointer;
}

.get_today_sacore:hover {
	text-decoration: underline;
}

.nb_image_wrapper_container {
	position: fixed;
	background: rgba(0, 0, 0, .8);
	z-index: 300;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	/*border:1px solid black;*/
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	cursor: zoom-out;
	cursor: -webkit-zoom-out;
}

.nb_image_wrapper_container img {
	cursor: zoom-out;
	cursor: -webkit-zoom-out;
}


/*.nb_image_inner_container{
	border:1px solid black;
	width:80%;
	height:80%;
	text-align:center;
	    display: flex;
	     display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    position:relative;
    overflow:hidden;
}*/

.paragraph_ul {
	padding-left: 4em;
}

.paragraph_ul li {
	list-style: square;
}

input.nb_image_operation_range[type='range'] {
	-webkit-appearance: slider-horizontal;
	appearance: slider-horizontal;
}

.nb_image_operation_container {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
}

.nb_image_operation_big,
.nb_image_operation_small {
	width: 30px;
	height: 30px;
	display: inline-block;
	margin: 0px 10px;
	border-radius: 50%;
	background: #fff;
}

.nb_image_operation_container {
	height: 10%;
	/*border: 1px solid black;*/
	position: absolute;
	bottom: 0px;
	left: 10%;
	right: 10%;
}

.nb_image_wrapper_img {
	/*
	object-fit:contain;*/
	position: absolute;
}

.ad_container {
	/*border-left:1px solid #ccc;*/
	float: right;
	width: 550px;
	height: 320px;
	margin-top: -310px;
}

.toolbar {
	float: right;
	/*height: 40px;
	line-height: 40px;*/
	padding-top: 10px;
	cursor: pointer;
	color: #666;
	position: relative;
	text-align: right;
}

.ad_container_title {
	margin: 0px;
	padding: 4px 2px 4px 0px;
	margin-bottom: 18px;
}

.ad_container_big {
	/*height:360px;*/
	/*margin-top:10px;*/
	/*border:1px solid black;*/
	overflow: hidden;
}

.no_border.ad_container_big_left,
.no_border.ad_container_big_right {
	border: none;
}

.ad_container_big_left,
.ad_container_big_right {
	border: 1px solid #ccc;
	width: 250px;
	height: 250px;
	/*margin-top:45px;*/
	float: left;
	text-align: center;
	line-height: 255px;
	color: #ccc;
	cursor: pointer;
	margin-right: 40px;
	font-size: 15px;
	letter-spacing: 10px;
	user-select: none;
	-webkit-user-select: none;
	overflow: hidden;
}

.ad_container_big_left>img,
.ad_container_big_right>img {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

.ad_container_big_right {
	margin-right: 0px;
}

.ad_container_small {
	height: 60px;
	/*border:1px solid black;*/
	line-height: 30px;
	overflow: hidden;
}

.ad_container_small a {
	display: inline-block;
	margin: 0px 0px 0px 3px;
	width: 140px;
	/*border:1px solid black;*/
	text-align: center;
	display: inline-block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-decoration: none;
}

.ad_container_big_unit_img {
	width: 80px;
	height: 80px;
	border-radius: 10px;
	margin: 0px 10px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	/*background:url('../img/logo.png') no-repeat center/cover;*/
	background-color: #eee;
}

.ad_container_big_unit {
	/*border:1px solid black;*/
	width: 100px;
	height: 110px;
	text-align: center;
	margin: 10px 0px 0px 10px;
	float: left;
	cursor: pointer;
}

.ad_container_big_unit_text {
	height: 30px;
	line-height: 30px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}


/*.head_nav{
	font-size:12px;
	line-height:40px;
}*/

.main_container .article_content,
.article_info_c,
.my_container {
	/*margin-right:260px;*/
	/*border: 1px solid #ccc;*/
	border-radius: 5px;
	background: #fff;
	width: 940px;
	margin-top: 10px;
	overflow: hidden;
}

.my_container {
	/*width: 1250px;*/
	padding: 10px 20px;
	overflow: auto;
}

.main_container .article_content article {
	padding: 10px 20px;
}

.comment_container,
.about_article_container {
	width: 940px;
	/*border: 1px solid #ccc;*/
	margin-top: 10px;
	margin-bottom: 10px;
	background: #fff;
	border-radius: 5px;
}

.article_title {
	font-size: 20px;
	padding: 0px;
	margin: 10px 0px 0px;
	padding-left: 20px;
	word-break: break-word;
}

@-webkit-keyframes up {
	from {
		transform: scale(1.0);
		opacity: 1;
	}
	to {
		transform: scale(2.0);
		opacity: 0;
	}
}

@-moz-keyframes up {
	from {
		transform: scale(1.0);
		opacity: 1;
	}
	to {
		transform: scale(2.0);
		opacity: 0;
	}
}

@-o-keyframes up {
	from {
		transform: scale(1.0);
		opacity: 1;
	}
	to {
		transform: scale(2.0);
		opacity: 0;
	}
}

@keyframes up {
	from {
		transform: scale(1.0);
		opacity: 1;
	}
	to {
		transform: scale(2.0);
		opacity: 0;
	}
}

@-webkit-keyframes square-jelly-box-animate {
	17% {
		border-bottom-right-radius: 10%
	}
	25% {
		-webkit-transform: translateY(25%) rotate(22.5deg);
		transform: translateY(25%) rotate(22.5deg)
	}
	50% {
		border-bottom-right-radius: 100%;
		-webkit-transform: translateY(50%) scale(1, 0.9) rotate(45deg);
		transform: translateY(50%) scale(1, 0.9) rotate(45deg)
	}
	75% {
		-webkit-transform: translateY(25%) rotate(67.5deg);
		transform: translateY(25%) rotate(67.5deg)
	}
	100% {
		-webkit-transform: translateY(0) rotate(90deg);
		transform: translateY(0) rotate(90deg)
	}
}

@-moz-keyframes square-jelly-box-animate {
	17% {
		border-bottom-right-radius: 10%
	}
	25% {
		-moz-transform: translateY(25%) rotate(22.5deg);
		transform: translateY(25%) rotate(22.5deg)
	}
	50% {
		border-bottom-right-radius: 100%;
		-moz-transform: translateY(50%) scale(1, 0.9) rotate(45deg);
		transform: translateY(50%) scale(1, 0.9) rotate(45deg)
	}
	75% {
		-moz-transform: translateY(25%) rotate(67.5deg);
		transform: translateY(25%) rotate(67.5deg)
	}
	100% {
		-moz-transform: translateY(0) rotate(90deg);
		transform: translateY(0) rotate(90deg)
	}
}

@-o-keyframes square-jelly-box-animate {
	17% {
		border-bottom-right-radius: 10%
	}
	25% {
		-o-transform: translateY(25%) rotate(22.5deg);
		transform: translateY(25%) rotate(22.5deg)
	}
	50% {
		border-bottom-right-radius: 100%;
		-o-transform: translateY(50%) scale(1, 0.9) rotate(45deg);
		transform: translateY(50%) scale(1, 0.9) rotate(45deg)
	}
	75% {
		-o-transform: translateY(25%) rotate(67.5deg);
		transform: translateY(25%) rotate(67.5deg)
	}
	100% {
		-o-transform: translateY(0) rotate(90deg);
		transform: translateY(0) rotate(90deg)
	}
}

@keyframes square-jelly-box-animate {
	17% {
		border-bottom-right-radius: 10%
	}
	25% {
		-webkit-transform: translateY(25%) rotate(22.5deg);
		-moz-transform: translateY(25%) rotate(22.5deg);
		-o-transform: translateY(25%) rotate(22.5deg);
		transform: translateY(25%) rotate(22.5deg)
	}
	50% {
		border-bottom-right-radius: 100%;
		-webkit-transform: translateY(50%) scale(1, 0.9) rotate(45deg);
		-moz-transform: translateY(50%) scale(1, 0.9) rotate(45deg);
		-o-transform: translateY(50%) scale(1, 0.9) rotate(45deg);
		transform: translateY(50%) scale(1, 0.9) rotate(45deg)
	}
	75% {
		-webkit-transform: translateY(25%) rotate(67.5deg);
		-moz-transform: translateY(25%) rotate(67.5deg);
		-o-transform: translateY(25%) rotate(67.5deg);
		transform: translateY(25%) rotate(67.5deg)
	}
	100% {
		-webkit-transform: translateY(0) rotate(90deg);
		-moz-transform: translateY(0) rotate(90deg);
		-o-transform: translateY(0) rotate(90deg);
		transform: translateY(0) rotate(90deg)
	}
}

@media (max-width: 1200px) {
	body {
		/*width: 10rem;*/
		margin: 0px auto;
		position: relative;
	}
	.only_pic_show{
		display:none;
	}
	.main_container,
	/*.article_comment_container,*/
	.comment_container {
		/*border:1px solid black;*/
	}
	.main_container,
	.article_content,
	.comment_container,
	.about_article_container,
	.nb_ad_bottom,
	.my_container,
	.zip_download_container,
	.article_info_c {
		width: calc(10rem - 20px) !important;
		margin: 10px auto;
	}
	.main_container {
		margin: 0px auto;
	}
	.article_content,
	.comment_container,
	.about_article_container,
	.nb_ad_bottom,
	.my_container,
	.article_info_c {
		margin: 10px auto 0px;
	}
	.fast_search_container,
	.nb_ad_top {
		width: 100%;
	}
	.right_side_bar {
		display: none;
	}
	.main_container,
	/*.article_comment_container,*/
	.comment_container,
	.about_article_container {
		width: 9rem;
	}
	.website_info{
		margin:20px 0px 0px;
		height:2.4rem;
		padding-top:1rem;
	}
	img {
		width: calc(9rem - 20px);
	}
	.ad_container {
		margin-top: 0px;
		width: 9rem;
		float: none;
		height: calc(4.3rem + 50px);
		margin-top: 10px;
	}
	.ad_container_small,
	.ad_container_big_unit_text {
		display: none;
	}
	.ad_container_big_unit {
		margin: 0px;
	}
	.ad_container_big_unit {
		width: 1.8rem;
		height: 1.8rem;
	}
	.ad_container_big_unit_img {
		width: 1.6rem;
		height: 1.6rem;
		margin: .1rem;
	}
	.ad_container_title {
		margin-bottom: 0px;
	}
	.ad_container_big_left,
	.ad_container_big_right {
		width: 4.3rem;
		height: 4.3rem;
		margin-right: .4rem;
		margin-top: 10px;
		line-height: 4.3rem;
		letter-spacing: .2rem;
	}
	.ad_container_big_right {
		margin-right: 0rem;
	}
	.ad_container_small a {
		width: 2.2rem;
		margin: 0px 0px 0px 0.05rem;
	}
	.ad_container_title {
		padding-left: 0px;
	}
	.nb_article_container img {
		width: 1.6rem;
		height: 1.6rem;
		object-fit: contain;
		margin: .2rem .2rem 0px 0px !important;
	}
	.relative_article_ul_href {
		width: 9rem;
	}
	/*.zip_download_container,
	.head_info_look_download {
		display: none;
	}*/
	/*.head_nav {
		display: none;
	}*/
	.sidebar_container {
		display: none;
	}
	.comment_send_container {
		width: 9rem;
		height: 12rem;
	}
	.comment_email_bg {
		width: 9rem;
		height: 3.5rem;
		transform: translate(0, 3rem);
		-webkit-transform: translate(0, 3rem);
	}
	.froala-element {
		max-height: calc(9.2rem - 170px);
		height: calc(9.2rem - 170px);
	}
	.comment_markdown_result,
	.comment_send_textarea,
	.comment_send_replay_textarea {
		height: calc(100% - 1.6rem - 50px);
	}
	.comment_dix_unit_img {
		width: 1.6rem;
		height: 1.6rem;
	}
	.comment_send_name_tip {
		display: block;
		padding: 5px 0px;
	}
	.comment_send_replay_name,
	.comment_send_name {
		padding: 0px .25rem;
	}
	.comment_send_name_input {
		width: 5.5rem;
	}
	.comment_unit_right_tool {
		height: 20px;
		line-height: 20px;
	}
	.comment_unit_time {
		float: left;
	}
	.comment_unit_replay,
	.comment_unit_up {
		float: right;
	}
	.comment_unit_right_tool {
		padding: 3px 0px 0px;
	}
	.replay_container,
	.link_href_container,
	.comment_replay,
	.current_comment {
		width: 10rem;
	}
	.comment_send_textarea_container {
		left: .25rem;
		right: .25rem;
		top: 40px;
		bottom: 50px;
	}
	.comment_send_title,
	.comment_send_replay {
		padding: 0px .25rem;
	}
	.search_result_ul li {
		height: 40px;
		line-height: 40px;
	}
	.search_container {
		width: calc(100% - 50px);
	}
	.search_container.code {
		width: 100%;
	}
	.search_result_container {
		left: -55px;
		right: -17px;
		top: 45px;
	}
	.search_result_container.code {
		left: 0px;
		right: 0px;
	}
	.top_sort_and_fast_search_container {
		width: 100%;
	}
	.search_result_ul li {
		height: 40px;
		line-height: 40px;
	}
	.search_container {
		width: calc(100% - 50px)
	}
	.toolbar {
		width: calc(100% - 120px);
	}
	.search_container.code {
		width: 100%;
	}
	.info_user {
		display: block;
		margin-bottom: 10px;
	}
	.info_tag_c {
		display: block;
	}
}

@media (min-width: 1200px) {
	.main_container{
		width: 1250px;
	
		margin: 0px auto;
		/*overflow: hidden;*/
	}
	/*.user_login_my {
		display: none;
	}*/
	.website_info {
		width:1250px;
		float:left;
		margin: 20px 0px 0px;
		height:150px;
		
		padding-top:80px;
	}
	.main_content_container .website_info{
		/*width:940px;*/
		width:100%;
		float:left;
		
	}
	.website_info:before {
		content: '';
		display: block;
		clear: both;
	}
	.main_content_container {
		width: 1250px;
		margin: 0px auto;
	}
	/*.article_comment_container,*/
	img {
		/*padding-left: 2em;*/
	}
	.nb_article_container img {
		width: 100px;
		height: 100px;
		object-fit: cover;
		border: 1px solid #eee;
	}
	.gifplayer-wrapper {
		/*margin-left: 2em;*/
	}
	.gifplayer-wrapper img {
		padding-left: 0px;
		width: 100%;
		height: 100%;
	}
	.head_nav {
		display: block;
	}
	.sidebar_container {
		display: none;
	}
	.comment_send_container {
		width: 600px;
		height: 430px;
	}
	.comment_email_bg {
		width: 600px;
		height: 110px;
		transform: translate(0, 180px);
		-webkit-transform: translate(0, 180px);
	}
	.froala-element {
		max-height: 300px;
		height: 300px;
	}
	.comment_markdown_result,
	.comment_send_textarea,
	.comment_send_replay_textarea {
		/*margin: 10px;
		width: 370px;*/
		height: 210px;
	}
	.comment_dix_unit_img {
		width: 80px;
		height: 80px;
	}
	.comment_send_name_tip {
		display: inline-block;
		padding: 0px;
	}
	.comment_send_replay_name,
	.comment_send_name {
		padding: 0px 10px;
	}
	.comment_send_name_input {
		width: 200px !important;
	}
	.comment_unit_time,
	.comment_unit_replay,
	.comment_unit_up {
		float: right;
	}
	.comment_unit_right_tool {
		float: right;
	}
	.replay_container,
	.link_href_container,
	.comment_replay,
	.current_comment {
		width: 100vw;
	}
	.comment_send_textarea_container {
		left: 10px;
		right: 10px;
		top: 40px !important;
		bottom: 55px;
	}
	.comment_send_title,
	.comment_send_replay {
		padding: 0px 10px;
	}
	/*这里是字体覆盖*/
	body {
		font-size: 14px !important;
	}
	.header_top {
		font-size: 16px !important;
	}
	.head_info_container {
		height: 17px;
	}
	.relative_article_title,
	.ad_container_title {
		font-size: 16px !important;
	}
	.head_nav_item {
		font-size: 13px !important;
	}
	p.comment_title,
	p.about_article_title {
		font-size: 16px !important;
	}
	.comment_unit_time,
	.comment_unit_replay {
		font-size: 12px !important;
	}
	.comment_unit_replay_num,
	.comment_unit_leaf_num {
		font-size: 12px !important;
	}
	.comment_send_title,
	.comment_send_replay {
		font-size: 16px !important;
	}
	.comment_send_name_input {
		font-size: 13px !important;
	}
	.comment_send_name_tip {
		font-size: 12px !important;
	}
	.comment_send_tip {
		font-size: 12px !important;
	}
	.comment_send_close {
		font-size: 22px !important;
	}
	.comment_markdown_result,
	.comment_send_textarea,
	.comment_send_replay_textarea {
		font-size: 13px !important;
	}
	.comon_toast {
		font-size: 14px !important;
	}
	.search_result_ul li {
		height: 34px;
		line-height: 34px;
	}
	.search_container {
		width: 280px;
	}
}

@media(max-width:400px) {
	body {
		font-size: 14px;
	}
	.header_top {
		font-size: 16px;
	}
	.head_nav_item {
		font-size: 13px;
	}
	p.comment_title,
	p.about_article_title {
		font-size: 16px;
	}
	.comment_unit_time,
	.comment_unit_replay {
		font-size: 12px;
	}
	.comment_unit_replay_num,
	.comment_unit_leaf_num {
		font-size: 12px;
	}
	.comment_send_title,
	.comment_send_replay {
		font-size: 16px;
	}
	.comment_send_name_input {
		font-size: 13px;
	}
	.comment_send_name_tip {
		font-size: 12px;
	}
	.comment_send_tip {
		font-size: 12px;
	}
	.comment_send_close {
		font-size: 22px;
	}
	.comment_markdown_result,
	.comment_send_textarea,
	.comment_send_replay_textarea {
		font-size: 13px;
	}
	.comon_toast {
		font-size: 14px;
	}
	.relative_article_title,
	.ad_container_title {
		font-size: 16px;
	}
	.comment_send_bottom_send_before,
	.comment_send_bottom_send_before_tip {
		font-size: 12px;
	}
	.comment_send_bottom_send_before_tip {
		font-size: 11px;
	}
	/*特殊的css设置,和字体大小有关*/
	.comment_send_textarea_container {
		top: 40px;
	}
	.about_article_list>li {
		font-size: 14px;
	}
}

@media(min-width:400px) and (max-width:500px) {
	body {
		font-size: 15px;
	}
	.header_top {
		font-size: 17px;
	}
	.head_nav_item {
		font-size: 14px;
	}
	p.comment_title,
	p.about_article_title {
		font-size: 17px;
	}
	.comment_unit_time,
	.comment_unit_replay {
		font-size: 13px;
	}
	.comment_unit_replay_num,
	.comment_unit_leaf_num {
		font-size: 13px;
	}
	.comment_send_title,
	.comment_send_replay {
		font-size: 17px;
	}
	.comment_send_name_input {
		font-size: 14px;
	}
	.comment_send_name_tip {
		font-size: 13px;
	}
	.comment_send_tip {
		font-size: 13px;
	}
	.comment_send_close {
		font-size: 23px;
	}
	.comment_markdown_result,
	.comment_send_textarea,
	.comment_send_replay_textarea {
		font-size: 14px;
	}
	.comon_toast {
		font-size: 15px;
	}
	.relative_article_title,
	.ad_container_title {
		font-size: 17px;
	}
	.comment_send_bottom_send_before,
	.comment_send_bottom_send_before_tip {
		font-size: 13px;
	}
	.comment_send_bottom_send_before_tip {
		font-size: 12px;
	}
	/*特殊的css设置,和字体大小有关*/
	.comment_send_textarea_container {
		top: 43px;
	}
	.about_article_list>li {
		font-size: 15px;
	}
}

@media(min-width:500px) {
	body {
		font-size: 16px;
	}
	.header_top {
		font-size: 18px;
	}
	.head_nav_item {
		font-size: 15px;
	}
	p.comment_title,
	p.about_article_title {
		font-size: 18px;
	}
	.comment_unit_time,
	.comment_unit_replay {
		font-size: 14px;
	}
	.comment_unit_replay_num,
	.comment_unit_leaf_num {
		font-size: 14px;
	}
	.comment_send_title,
	.comment_send_replay {
		font-size: 18px;
	}
	.comment_send_name_input {
		font-size: 15px;
	}
	.comment_send_name_tip {
		font-size: 15px;
	}
	.comment_send_tip {
		font-size: 14px;
	}
	.comment_send_close {
		font-size: 24px;
	}
	.comment_markdown_result,
	.comment_send_textarea,
	.comment_send_replay_textarea {
		font-size: 15px;
	}
	.comon_toast {
		font-size: 16px;
	}
	.relative_article_title,
	.ad_container_title {
		font-size: 18px;
	}
	.comment_send_bottom_send_before,
	.comment_send_bottom_send_before_tip {
		font-size: 14px;
	}
	.comment_send_bottom_send_before_tip {
		font-size: 13px;
	}
	/*特殊的css设置,和字体大小有关*/
	.comment_send_textarea_container {
		top: 46px;
	}
	.about_article_list>li {
		font-size: 16px;
	}
}