@charset "utf-8";
/* CSS Document */

html,body{
font-family: system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,
Arial,Helvetica,
sans-serif;
margin:0px; padding:0px; background: #f6f6f6;
}
img {
display: block;
}

html {
	font-size: 62.5%; /* 1rem = 10px */
}
a{ text-decoration:none; color:#333;}
a:hover{text-decoration:underline;}
a:visited {color:#000000;text-decoration:underline; }
ul,li{margin:0px; padding:0px; list-style:none;}
.clear{ clear:both; height:1px;}
.header{ width:100%; height:112px; box-shadow: 0 5px 5px 0 hsl(0deg 0% 39% / 5%);/*position: fixed;*/
    /*z-index: 998;*/ background-color:#fff;
   }
.header-content{ width:1200px; margin:0px auto;}
.logo{width: 190px;
    height: auto;
    float: left;
    margin: 36px auto;
    padding-left: 0px;}
.logo h1{ margin:0px;}
.logo img{ width:100%; height:auto;}
.header-right{    width: 640px;
    height: 72px;
    float: left;
    margin-left: 45px;}
.menuflod{ display:none;}
.menu{ width:100%; margin: 0px;
    line-height: 112px;}
.menu ul li a{margin:0px 32px; color: #333; font-size:1.6rem; float:left; color:#1a73e8;}

.nav1 {
    position: relative;/* 设置相对定位 */
    display: inline-block;/* 让元素具有块级元素和行内元素的特性,即将块级元素转化为内联元素 */
}

.nav2 {
    display: none;/* 将某元素隐藏起来 */
    position: absolute;/* 绝对定位 */
	margin-top: 70px;
    background-color: #ffffff;
}

.menu ul li div.nav2 a{
display: block;
    line-height: 32px;
    padding: 0px 21px;
    margin: 0px auto;
    border-bottom: #f4f4f4 solid 1px;
    float: none;
}


.nav1:hover .nav2 {
    display: block;
}/* 鼠标悬浮在元素上时,变为块级标签 */


.search{ padding:40px 0px; width:235px; float: right;}
.search-field{height: 30px; 

    border: none;
    line-height: 30px;
	    
		background-color: #f7f7f7;
	
	}
	.search-submit{    border: none;
    line-height: 30px;
	    
		background-color: #f7f7f7; cursor:pointer;}
.index-content{width:1200px; height:auto; margin: 10px auto; /*margin-top: 130px;*/}
.index-blog{    width: 790px;
    height: auto;
    float: left;
    background: #ffffff;
    padding: 8px 29px;
    margin-bottom: 20px;}
.index-blog-list{width: 100%;
    height: 134px;
    padding: 15px 0px;
    border-bottom: #f4f4f4 solid 1px;}
.index-blog-list-left{ width:208px; height:116px; float:left; overflow:hidden;}
.index-blog-list-left img{ width:100%; height:auto;border-radius: 4px;}
.index-blog-list-right{ width:548px; margin-left:32px; float: left;}
.index-blog-list-right h3{ margin:0px; color:#333; font-size:1.8rem; font-weight:400;}
.index-blog-list-right p{ color:#acacac; font-size:1.4rem;}
.index-blog-list-right p.titag-left{ float:left; margin:11px 0px 0px 0px;}

.index-blog-list-right p.titag-right{ float:right; margin:11px 0px 0px 0px;}
.index-blog-list-right p.titag-right a {margin-right:10px;background: #f5f5f5; padding:5px; border-radius: 4px; color:#999;}
.index-content-right{ width:322px; height:auto; float:right;}
.index-content-right-profile{ width:300px; height:auto; margin:0px auto; border: 1px solid #f0f0f0;
    background: #fff; padding: 20px 10px; display:none;}
	.index-content-right-profile img{ width:100%; height:auto;}
.profile-pic{ border-rdius:100%; overflow:hidden; width:90px; height:90px;border-radius: 100%; margin: 0px auto;}
.profile-pic img{ width:100%; height:auto;}
.profile{margin:0px auto; text-align:center; color: #acacac;
    font-size: 1.4rem; }
.profile p.profile-title{ font-size:1.8rem; color:#333; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px;}


.right-wetchat{ width:300px; height:auto; margin:0px auto; border: 1px solid #f0f0f0;
    background: #fff; padding: 20px 10px; display:none;}
.wetchat-pic{overflow:hidden; width:280px; height:280px; margin: 0px auto;}
.wetchat-pic img{ width:100%; height:auto;}
.right-wetchat p{margin:0px auto; text-align:center; color: #acacac;
    font-size: 1.4rem; }



.index-content-right-hot{width:300px; height:auto; margin:0px auto; border: 1px solid #f0f0f0;
    background: #fff; padding: 20px 10px;}
	.index-content-right-hot h3{ font-size:1.8rem; margin:0px; padding:0px; font-weight:400; margin-bottom: 10px;}
	.list-hot{}
.list-hot ul li a{color:#1a73e8;
    display: block;
    line-height: 28px; font-size:1.4rem;
}

.categoryl-content{width:1200px; height:auto; margin: 10px auto; /*margin-top: 130px;*/}
span.searchkey h1{ font-size:1.4rem; display: inherit;}
.search-content{width:1200px; height:auto; margin: 10px auto; /*margin-top: 130px;*/}
.search-nav{ margin-bottom:10px; font-size:1.4rem;}
.search-nav a{text-decoration: underline;}
.categoryl-nav{ margin-bottom:10px; font-size:1.4rem;}
.categoryl-nav a{text-decoration: underline;}
.categoryl-nav h1{font-size:1.4rem; display: initial;}
.tag-nav h1{ font-size:1.4rem; display: initial;}
.tag-content{width:1200px; height:auto; margin: 10px auto; /*margin-top:130px;*/}
.tag-nav{ margin-bottom:10px; font-size:1.4rem;}
.tag-nav a{text-decoration: underline;}
.categoryl-blog{    width: 790px;
    height: auto;
    float: left;
    background: #ffffff;
    padding: 8px 29px;
    margin-bottom: 20px;}
.categoryl-blog-list{width: 100%;
    height: 134px;
    padding: 15px 0px;
    border-bottom: #f4f4f4 solid 1px;}
.categoryl-blog-list-left{ width:208px; height:116px; float:left; overflow: hidden;}
.categoryl-blog-list-left img{ width:100%; height:auto;border-radius: 4px;}

.current{ color:#ffffff; background-color: #1a73e8;
    padding: 0.8% 1.5%;}
.pagination{width: 90%;
    line-height: 42px;
    font-size: 1.4rem;
    margin: 0% 0%;
	
	}
.pagination a { color:#1a73e8; background-color: #f6f6f6;
    padding: 0.8% 1.5%;
}
.screen-reader-text{ display:none;}




.categoryl-blog-list-right{ width:548px; margin-left:32px; float: left;}
.categoryl-blog-list-right h3{ margin:0px; color:#333; font-size:1.8rem; font-weight:400;}
.categoryl-blog-list-right p{ color:#acacac; font-size:1.4rem;}
.categoryl-blog-list-right p.titag-left{ float:left; margin:11px 0px 0px 0px;}

.categoryl-blog-list-right p.titag-right{ float:right; margin:11px 0px 0px 0px;}
.categoryl-blog-list-right p.titag-right a {margin-right:10px;background: #f5f5f5; padding:5px; border-radius: 4px; color:#999;}
.categoryl-content-right{ width:322px; height:auto; float:right;}
.categoryl-content-right-profile{ width:300px; height:auto; margin:0px auto; border: 1px solid #f0f0f0;
    background: #fff; padding: 20px 10px; display:none;}
.categoryl-content-right-profile img{ width:100%; height:auto;}
.categoryl-content-right-hot{width:300px; height:auto; margin:10px auto; border: 1px solid #f0f0f0;
    background: #fff; padding: 20px 10px;}
	.categoryl-content-right-hot h3{ font-size:1.8rem; margin:0px; padding:0px; font-weight:400; margin-bottom: 10px;}


.blog-content{width:1200px; height:auto; margin: 10px auto; /*margin-top: 130px;*/}
	
.blog{ width:790px; height:auto; float:left;
background: #fff;
    margin: 0;
    border: 1px solid #efefef;
    border-bottom: 0;
    margin-bottom: 20px;
	padding: 8px 29px; 
}

.blog-nav{margin-top: 25px;     line-height: 2.8rem;
    font-size: 1.6rem;
    color: #333;}
.blog-nav a{ font-size:1.4rem; color:#999; text-decoration: underline;}
.blog-nav a:hover{ color:#1a73e8;}
.blog-title{}
.blog-title h1{ font-size:3.2rem; font-weight: 400;}
.update-time{font-size: 1.4rem;
    font-weight: 400;
    color: #999;
    line-height: 25px;font-style:italic;}
	.blog-tags{ font-size:1.4rem; }
	.related-suggestion{ margin-top:10px;}
.blog-content{}
.blog-title-content{}



.blog-pic img{
 max-width:100%;
 max-height:100%;}
 
 .blog-pic-right img {
    max-width: 40%; float:right;
}
.blog-title-content a{color:#1a73e8;}
.blog-title-content a.wailink{background: url(wailink.webp) no-repeat right center;
    padding-right: 1.6rem;
}
.blog-title-content-con { width:100%;}
.blog-title-content-con h2{ font-size:1.8rem;}
.blog-title-content-con h3{ font-size:1.6rem;}
.blog-title-content p{ line-height:2.8rem; font-size:1.6rem; color: #333;}
.blog-title-content ul{ padding-left:22px;}
.blog-title-content ul li{ line-height:2.8rem; font-size:1.6rem; color: #333; list-style-type:disc; list-style-position: inside; margin-bottom: 1.6rem;}
.blog-title-content ul li h3{ display:inline;}
.blog-title-content ul li span{ background:#FF0;}
.blog-title-content ul li ul{padding-left: 24px;}
.blog-title-content ul li ul li{list-style-type: circle;}
i.yinyong{color: #acacac;}
.blog-title-content ol{padding-left: 22px;}
.blog-title-content ol li{list-style: none;
    font-size: 1.6rem; line-height: 2.8rem; margin-bottom: 1.6rem;
}
.blog-title-content p span.xip{ background:#FF0;}
.blog-title-content p span.xipcode{ background:#f5f5f5; padding: 0.2rem;
    font-size: 1.4rem;}
.blog-title-content ul li span.xipcode{ background:#f5f5f5; padding: 0.2rem;
    font-size: 1.4rem;}
.blog-originality p{ line-height:2.8rem; font-size:1.6rem; color: #999;text-decoration: underline; }

p.blog-code{display: block;
    padding: 4.5px;
    margin: 0 0 10px;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px; font-size: 1.4rem; word-break: break-word;}
	
.tabe{ width:100%; border: 1px solid #a2a9b1; font-size:1.6rem; border-collapse: collapse; word-break: break-word;}
.tabtr{ background-color:#eaecf0;}
table.tabe tbody tr td{border: 1px solid #a2a9b1; padding: 0.4rem;}
.title-op{margin: 1rem auto;
    background: #f6f6f6;
    padding: 10rem 2rem;}
.title-op input{width:99%; height:3.2rem; margin: 2% 0px;}
.title-op button{ width:19.6%; height:3.2rem;}
.title-op button:hover {
      background-color:#f6f6f6; cursor:pointer; border-color:rgb(118, 118, 118); border-width:1px;
  }
.title-op label{line-height: 2.8rem;
    font-size: 1.6rem;}
.contrytxtk p{ float:left;}
.blog-title-content p.contrytxt{ color:#EB4537;}
.ccitool{padding: 8rem 2rem 12rem 2rem;}

.blog-title-content-menu p{ font-weight:600; line-height:0rem;}
.blog-tags a{ 
    background: #f5f5f5;
    border-radius: 4px;
    padding: 4px 15px;
    width: auto;
    text-align: center;
    line-height:2.8rem;
    font-size: 1.4rem;
    font-weight: 400;
    color: #999;
    margin-right: 10px;
    box-sizing: border-box;}
	.related-suggestion h3{    font-size:2rem;
    font-weight: 600;
    color: #333;
    line-height: 2.8rem;
    padding-left: 15px; background:url(related-bg.webp) no-repeat left center;}
	
	.blog-tags a:hover{color:#1a73e8;}
	.toolsw ul{ margin:0px; padding:0px;}
	.toolsw ul li{ list-style-type:none;}
	.toolsw ul li a{float: left;
    display: block;
    width: 33.33%;}
	.toolsw H2{clear: both;
    border-top: 1px #e9ebed solid;
    padding-top: 20px;}
	
.blog-related{ width:800px; height:auto; float:left;}
.blog-related-list{width: 100%;
    height: 120px;
    padding: 15px 0px;
    border-bottom: #f4f4f4 solid 1px;}
.blog-related-list-left{ width:208px; height:116px; float:left; overflow:hidden;}
.blog-related-list-left img{ width:100%; height:auto;border-radius: 4px;}
.blog-related-list-right{ width:565px; margin-left:27px; float: left;}
.blog-related-list-right p.blog-related-list-title{ margin:0px; color:#333; font-size:1.8rem; font-weight:400;}
.blog-related-list-right p{ color:#acacac; font-size:1.4rem;}
.blog-related-list-right p.titag-left{ float:left; margin:11px 0px 0px 0px;}

.blog-related-list-right p.titag-right{ float:right; margin:11px 0px 0px 0px;}
.blog-related-list-right p.titag-right a {margin-right:10px;background: #f5f5f5; padding:5px; border-radius: 4px; color:#999;}
.blog-content-right{ width:322px; height:auto; float:right;}
.blog-content-right-profile{ width:300px; height:auto; margin:0px auto; border: 1px solid #f0f0f0;
    background: #fff; padding: 20px 10px; display: none;}
	
	.blog-content-right-profile img { width:100%; height:auto;}
	

.blog-comment {
    width: 100%;
    height: 200px;
    border-radius: 0.35rem;
    padding: 0px;
    color: #333;
    margin-left: 0;
	font-size: 1.4rem;
} 


.improtn{background-color:rgb(233, 241, 255); padding:1rem; width:100%; box-sizing:border-box}
.improtn p{font-size:1.4rem; }
.improtnc{background-color:rgb(243, 243, 243); padding:1rem; width:100%; box-sizing:border-box}
.improtnc p{font-size:1.4rem; }
.comment { margin:20px auto;}
.comment-author{ float:left; background: url(combg.webp) no-repeat right top;
    padding-right: 15px;}
.comment-author img{ display:none;}
.comment-metadata{ float:right;}
.comment-metadata a{color:#1a73e8;}
.comment-content{clear: both;
    padding: 4.5px;
    margin: 0px;
    color: #333;
    background-color: #f5f5f5;
    border-radius: 4px;}
.comment-reply a{text-decoration: underline;}
.comments-header p{ font-weight:600;}

p.logged-in-as{ color:#333; font-size:1.4rem;}
p.logged-in-as a{color:#1a73e8;}
.comment-author span.screen-reader-text{ display:none;}
.comment-notes{ display:none;}
.comment-form-cookies-consent{ display:none;}
h3.comment-reply-title { font-size:1.6rem; margin:2% 0 0 0; color: rgb(32, 33, 36); }
.comment-form-comment{}
p.comment-form-author{ float:left; margin: 0px;}
p.comment-form-email{ float:left; margin: 0px;}
.blog-form-input-area{width:98%;
    height:90px;
    font-size: 1.4rem;
    color: rgb(32, 33, 36);
    border: 1px solid #e9ebed;
	border-radius: 0.25rem;}
	.comment-form-phone{ display:none;}
	.comment-form-country{display:none;}
	input.blog-form-input{    width:55%;
    line-height: 3.5rem;
    border-radius: 0.25rem;
    float: left;
    margin-right: 2%;
    border: 1px solid #e9ebed;}
	
.submit {
    display: block;
    width: 18%;
    height: 3.5rem;
    border: none;
    background: #1a73e8;
    cursor: pointer;
    color: #ffffff;
    border-radius: 0.25rem;
    margin: 0px 1.2%;
    float: right;
}


.aiseo-blog{    width: 100%;
    height: auto;}
.aiseo-blog-list {
    width: 40%;
    height: 150px;
    border: #dadce0 solid 1px;
    float: left;
    padding: 2% 5% 2% 2%;
    margin: 1% 0 1% 1.8%;
	box-shadow: 2px 1px 2px #dadce0;
}
.aiseo-blog-list-left{width: 100%;
    height: auto;
    overflow: hidden;}
.aiseo-blog-list-left img{     width: 15%;
    height: auto;
    border-radius: 4px; float: left;}

.aiseo-blog-list-left h3{float: left;
    width: 50%;
    margin-left: 2%;}

.aiseo-blog-list-right{ width:100%; margin-top: 1rem;}

.aiseo-blog-list-right p{ color:#202124; font-size:1.6rem; line-height: 2.4rem;}







		.foot-bg{    width: 100%; background-color:#ffffff	;
    height: 200px;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #ccc;
    margin:0px 0px 0px 0px; font-size: 1.4rem;}
	.foot{width:1200px;margin:0px auto;padding-top: 2%;}
	.foot a{color:#333; text-decoration:underline;}
	.foot-left{float: left; margin-top: 1%;}
	.foot-left p{ color:#333; 
    margin: 0px
px
;}
.foot-right{ float:right; color:#333; padding-top:0px; text-align:center;}
.foot-right img{ width:40%; margin: 0px auto;}
.foot-right a{ padding:0px; line-height:auto; }
.content-404{width:1200px; height:auto; margin: 10px auto; margin-top: 80px;}
	
.content-con-404{ width:800px; height:700px;; float:left;
background: #fff;
    margin: 0;
    border: 1px solid #efefef;
    border-bottom: 0;
    margin-bottom: 20px;
	padding: 8px 24px; 
}

.content-con-404 p{ font-size:1.6rem;}
.content-con-404 a{ text-decoration: underline;}


summary {
	margin: 0;
	padding: 0;
}

details,
summary {
	outline: none;
}

::-webkit-details-marker {
	display: none;
}
#section{border-bottom: .0625rem solid #e1e3e1; padding-bottom: 1rem;}
#section ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 35px;
}

#section ol {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 35px; 
}

#section li {
	cursor: pointer;
	margin: 0px;
}

section,
details {
	width: 100%;
	margin: 0;
	cursor: pointer;
}

summary {
	padding: 0px;
	display: block;
	padding-left: 14px;
	position: relative;
	cursor: pointer;
	color: #0b57d0;
}

summary h3{margin-bottom: 0.4rem;}

summary::before {
	content: "";
	border-width: 0.4rem;
	border-style: solid;
	border-color: transparent transparent transparent #0b57d0;
	position: absolute;
	top: 8px;
	left: 0px;
	transform: rotate(0);
	transform-origin: 3.2px 50%;
	transition: 0.25s transform ease;
}

details[open] > summary::before {
	transform: rotate(90deg);
}

details + ul {
	max-height: 0;
	transition: max-height 0.5s;
	overflow: hidden;
}
details[open] + ul {
	max-height: 120000px;
}

details + ol {
	max-height: 0;
	transition: max-height 0.5s;
	overflow: hidden;
}
details[open] + ol {
	max-height: 120000px;
}


/*gemini*/
.container {
max-width: 100%;
    margin: auto;
    background: #fff;
    padding: 10% 5%;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-align: center;
    line-height: 2.8rem;
    font-size: 1.6rem;
    color: #333;
        }
		.container ul{ margin:0px; padding:0px;}
		.container ul li{ margin: 1% 0; padding: 1%; list-style:none;}
		.container ul li span{background: none;
    line-height: 4.4rem;
    margin: 1% 0;}

        .input-group {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 2%;
        }

       .container input[type="text"] {
flex-grow: 1;
    padding: 2.4%;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-right: 1%;
    font-size: 1.6rem;
        }

        .container button {
            background: #007bff;
            color: #fff;
            border: 0;
            padding: 1.4%;
            border-radius: 4px;
            cursor: pointer;
			font-size: 1.6rem;
			    float: right;
    clear: both;
        }

        button:hover {
            background: #0056b3;
        }

        .result-item {
            background-color: #f2f2f2;
            margin-bottom: 10px;
            padding: 10px;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .copy-button {
            background: #007bff;
            color: #fff;
            border: none;
            padding: 5px 10px;
            border-radius: 4px;
            cursor: pointer;
			font-size: 1.6rem;
        }

        .copy-button:hover {
            background: #0056b3;
        }

        .image-container {
            margin-bottom: 20px;
        }
    .hidden {
            display: none;
        }
		
		#btw-modal img{ margin:0 auto;}
		
		label.labelinput{}
		textarea.useinput{float: left;
    width: 70%;
    font-size: 1.6rem;
    font-family: auto;}
		.selectopn{ text-align:left;}
		label.customoptionsy-label{ float: left;
}
		select.customoptionsy-control{margin-left: 5%; margin-bottom: 2%;}
		.respgen{clear: both;
    text-align: left;}
	.generated-title-item{line-height: 56px;}
		.generated-title-item span{}
		.generated-title-item button{}
		.blog-title-content p.xample{ font-size:1.3rem;     color: #1a73e8; text-align:left;}

@media only screen and (max-device-width : 768px) {
	.header-content {
    width: 100%;
	
}
.header {
width: 98%;
    height: auto;
    background-color: #ffffff;
    border: none;
    position: static;
    margin: 0px 1%;
}

.logo {
    width: 50%;
    height: auto;
    float: left;
    margin: 4% auto;
}

.menu {
    display: none;
}
.header-right {
width: 98%;
    height: auto;
    padding: 0px;
    float: none;
	background-color: #ffffff;
	    clear: both;
}

.search {
    width: 98%;
    float: none;
	padding: 1%;
}

.input__inner {
    height: 30px;
    line-height: 30px;
    background: url(search.jpg) no-repeat center right;
    background-color: #f7f7f7;
}

.index-content {
    width: 98%;
    padding: 0px 1%;
    margin: 0px auto;
}

.index-blog-list-left {
    width: 30%;
    height: auto;
}

.index-blog-list-right {
    width: 68%;
    margin-left: 2%;
    float: left;
}
.index-blog {
    width: 100%;
    float: none;
	padding: 0px;
	margin: 0px;
}

.index-content-right {
    width: 100%;
    float: none;
}


.index-blog-list-right p.index-Introduction { display:none;
}
.index-blog-list-right p.titag-left {
    margin: 0px 0px 0px 0px;
}

.index-blog-list-right p.titag-right {
    margin: 0px 0px 0px 0px;
}
.index-blog-list {
    height: 100px;
}

.index-blog-list {
    padding: 2% 0px 10% 0px;
}

.index-content-right-profile {
    width: 100%;
    padding: 1% 0px;
	border: none;
	
    margin: 1% 0px;

}

.right-wetchat {
    width: 100%;
    padding: 10% 0px;
	border: none;
	
    margin: 1% 0px;

}
.index-content-right-hot {
    width: 100%;
    height: auto;
    margin: 0px auto;
    border: none;
    padding: 0px;
}

.blog-title h1 {
    font-size: 2.4rem;
	margin: 0px;
    padding-top: 2%;
    margin-top: 2%;
}

.categoryl-content {
    width: 98%;
    padding: 0px 1%;
    margin: 0px auto;
}

.categoryl-blog-list-left {
    width: 30%;
    height: auto;
}

.categoryl-blog-list-right {
    width: 68%;
    margin-left: 2%;
    float: left;
}
.categoryl-blog {
    width: 100%;
    float: none;
	padding: 0px;
	margin: 0px;
}

.categoryl-content-right {
    width: 100%;
    float: none;
}


.categoryl-blog-list-right p.categoryl-Introduction { display:none;
}
.categoryl-blog-list-right p.titag-left {
    margin: 4% 0px 0px 0px;
}

.categoryl-blog-list-right p.titag-right {
    margin: 0% 0px 0px 0px;
}
.categoryl-blog-list {
    height: 100px;
}

.categoryl-blog-list {
    padding: 2% 0px 10% 0px;
}

.categoryl-content-right-profile {
    width: 100%;
    padding: 1% 0px;
	border: none;
	
    margin: 1% 0px;

}
.categoryl-content-right-hot {
    width: 100%;
    height: auto;
    margin: 0px auto;
    border: none;
    padding: 0px;
}

.blog-content {
    width: 98%;
    height: auto;
    margin: 0px auto;
    padding: 0px 1%;
}
.blog {
width: 98%;
    height: auto;
    float: none;
    border: none;
    padding: 0px 1%;
    margin: 0px;
}


.content-404 {
    width: 98%;
    height: auto;
    margin: 0px auto;
    padding: 0px 1%;
}
.content-con-404 {
width: 98%;
    height: auto;
    float: none;
    border: none;
    padding: 0px 1%;
    margin: 0px;
}
.content-con-404 img{ width:100%; height:auto;}

.blog-related {
    width: 100%;
    float: none;
}

.index-content-right {
    width: 100%;
    float: none;
}
.blog-related-list-right {
width: 68%;
    margin-left: 2%;
    float: left;}

.blog-related-list-right p.blog-Introduction { display:none;
}
.blog-related-list-right p.titag-left {
    margin: 0px 0px 0px 0px;
}

.blog-related-list-right p.titag-right {
    margin: 4% 0px 0px 0px;
}

.blog-related-list {
padding: 1% 0px 10% 0px;
    height: 100px;
}

.blog-related-list-left{
width: 30%;
    height: auto;}

.foot-bg {
    width: 98%;
    padding: 0px 1%; border-bottom:none;
}
.foot-bg {
    height: auto;
	padding-bottom: 9%;
}

.foot {
    width: 100%;
    margin-top: 0px; height: 29rem;
}
.foot-right {
    padding-top: 1%; width: 100%;
}

.menuflod {
    display: block;
    width: 50%;
    float: right;
}


.menuflodh {
    float: right;
    font-size: 1.8rem;
    margin: 2% 1% 0px 0px;
}


.menuflod span {
    display: block;
    background-color: rgb(32, 33, 36);
    width: 1.2em;
    height: 0.15em;
    border-radius: 1px;
    margin: 0.3em;
}

.flodmenu {
    display: none;
    width: 100%;
    height: auto;
    float: left;
}

.flodmenu ul {
    list-style: none;
}

.flodmenu ul li {
    width: 100%;
    height: auto;
    float: left;
    border-top: 1px solid #eee;
}

.flodmenu ul li a {
display: block;
    width: 98%;
    font-size: 1.6rem;
    line-height: 34px;
    color: #333;
    padding-left: 2%;
}

.blog-title {
    margin-left: 0px;
}
.update-time {
    margin-left: 0px;
}
.blog-content-right {
    width: 100%;
    height: auto;
    float: none;
}
.blog-content-right-profile {
    width: 100%;
    padding: 1% 0px;
    border: none;
	margin: 1% 0px;
}

.blog-title-content-con {
    width: 100%;
    float: none;
	word-break: break-word;
}

.ccitool{padding: 8rem 2rem 12rem 2rem;}

.title-op button {
    width: 32.6%;
    height: 3.2rem;
    margin-top: 1%;
}

.toolsw ul li a {
    width: 50%;
}

.index-content-right-hot h3 {
    font-size: 1.8rem;
    margin: 0px;
    padding: 0px;
    font-weight: 400;
    margin-bottom: 10px;
    padding-top: 2%;
}
.blog-nav {
    padding-top: 2rem; margin:0px;
}

.blog-pic img{ max-width:100%; height:auto;}

 .blog-pic-right img {
    max-width: 100%; float:none;
}
.search-content {
    width: 98%;
    height: auto;
    margin: 0px auto;
    margin-top: 1rem;
}
.tag-content {
    width: 98%;
    height: auto;
    margin: 0px auto;
    margin-top: 1rem;
}

.categoryl-nav {
    margin: 1rem 0px;
}

.tag-nav {
    margin: 1rem 0px;
}

.search-nav {
 margin: 1rem 0px;
}
.categoryl-blog-list-right h3 {
    font-size: 1.6rem;
  
}

.index-blog-list-right h3 {
 font-size: 1.6rem;
}
.blog-title-content-con h2 {
    font-size: 1.6rem;
}

.search-submit {
    color: #333;
}
.search-field {
    width: 70%;
}
.search-submit {
    width: 20%;
	float: right;
}

.index-blog-list-right p.titag-right a {
    line-height: 3.2rem;
}

.categoryl-blog-list-right p.titag-right a {
    line-height: 3.2rem;
}
.blog-related-list-right p.titag-right a {
    line-height: 3.2rem;
}

.foot-left {
    float: none;
}
.foot-right {
    float: none;
}
.leftads{ display:none;}

.aiseo-blog-list {
    width: 40%;
    height: 220px;
    padding: 15px 0px;
    border: #dadce0 solid 1px;
    float: left;
    padding: 2% 5% 2% 2%;
    margin: 1% 0 1% 1.8%;
    box-shadow: 2px 1px 2px #dadce0;
}
.aiseo-blog-list-left h3 {
    float: left;
    width: 80%;
    margin: 1% 0 0 2%;
}

.aiseo-blog-list {
    width: 45%;
    height: 250px;
    border: #dadce0 solid 1px;
    float: left;
    padding: 2% 1% 2% 1%;
    margin: 1% 0 1% 1.8%;
    box-shadow: 2px 1px 2px #dadce0;
}

/*gemini*/

.container, .input-group {
                padding: 0px;
        text-align: left;
            }
.container button {

    font-size: 1.4rem;
}

.container input[type="text"] {
    padding: 4.1%;

}
.container ul li span {
    font-size: 1.4rem; line-height: 2.4rem; word-break: normal;
}
.copy-button {
    padding: 1%;
    cursor: pointer;
    font-size: 1.4rem;
    word-break: normal;
}

.respgen {
    clear: both;
    text-align: left;
    padding-bottom: 10%;
}
	}