@charset "utf-8";

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px;
}


body {
    font-family:
        -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
        "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "WenQuanYi Micro Hei",
        "PingFang TC", "Microsoft JhengHei", "Noto Sans TC",
        "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", "Noto Sans JP",
        "Noto Sans KR", "Malgun Gothic", "Apple Gothic",
        "Noto Sans", "Segoe UI Symbol",
        sans-serif;

    background: #f5f5f5;
    color: var(--text-primary);
    line-height: 1.6;
    font-size: 16px;
}
body.lang-zh {
    font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC",
                 -apple-system, BlinkMacSystemFont, "Segoe UI",
                 Roboto, sans-serif;
}

body.lang-ja {
    font-family: "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic",
                 "Noto Sans JP", -apple-system, BlinkMacSystemFont,
                 "Segoe UI", Roboto, sans-serif;
}

body.lang-ko {
    font-family: "Noto Sans KR", "Malgun Gothic", "Apple Gothic",
                 -apple-system, BlinkMacSystemFont, "Segoe UI",
                 Roboto, sans-serif;
}
a {
    color: #666;
    text-decoration: none;
    transition: var(--transition);
}

a:hover {
    color: var(--primary-color);
    text-decoration: none;
}

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


ul, ol, li {
    list-style: none;
}

p {
    margin-top: 10px;
    margin-bottom: 10px;
}

br {
    margin-top: 5px;
}

input, select, textarea {
    font-size: 16px;
    outline: none;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 8px 12px;
    transition: var(--transition);
}

input:focus, select:focus, textarea:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

table {
    border-collapse: collapse;  /* ★ 关键属性 ★ */
    width: 100%;
}

th, td {
    border: 1px solid #ddd;
    padding: 8px;
	color: #000;
}
tr:nth-child(4n+1) { background-color: #e3f2fd; }  /* 浅蓝 */
tr:nth-child(4n+2) { background-color: #f3e5f5; }  /* 浅紫 */
tr:nth-child(4n+3) { background-color: #e8f5e8; }  /* 浅绿 */
tr:nth-child(4n+4) { background-color: #fff3e0; }  /* 浅橙 */
h4 a{margin:0px 3px;}
/* Alternating background colors */
 tr:nth-child(even) {
background:#F0F8FF;
}

/* ===== Headings ===== */
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    line-height: 1.3;
    color: var(--text-primary);
}

h1 { font-size: 2.2rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.4rem; }
h4 { font-size: 1.2rem; }

h4 a {
    margin: 0 3px;
    color: var(--primary-color);
}

h4 a:hover {
    color: var(--primary-dark);
    text-decoration: underline;
}

/* ===== Code Blocks ===== */
code, pre {
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    background: var(--code-bg);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.9em;
}

pre {
    padding: 15px;
    overflow-x: auto;
    margin: 1rem 0;
    border-left: 3px solid var(--primary-color);
}

/* ===== Responsive Design ===== */
@media (max-width: 768px) {
    body {
        font-size: 15px;
        line-height: 1.65;
    }

    h1 { font-size: 1.8rem; }
    h2 { font-size: 1.5rem; }
    h3 { font-size: 1.3rem; }
    h4 { font-size: 1.1rem; }

    table {
        font-size: 14px;
    }

    th, td {
        padding: 8px;
    }
}

@media (max-width: 480px) {
    body {
        font-size: 14px;
    }

    /* 移动端表格横向滚动 */
    .table-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    table {
        min-width: 600px; /* 保证表格在移动端可横向滚动 */
    }
}

/* ===== Utility Classes ===== */
.text-center { text-align: center; }
.text-right { text-align: right; }
.mt-1 { margin-top: 10px; }
.mt-2 { margin-top: 20px; }
.mb-1 { margin-bottom: 10px; }
.mb-2 { margin-bottom: 20px; }


 .header {
            background-color: #fff;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);

            z-index: 1000;
        }

 .navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 0px;
            max-width: 1280px;
            margin: 0 auto;
        }

        .logo {
            font-size: 1.5rem;
            font-weight: bold;
            text-decoration: none;
            color: #333;
        }

        .nav-menu {
            display: flex;
            list-style: none;
            margin: 10px;
            padding: 0;
			width: 90%;
        }

        .nav-menu li {
            margin-left: 2rem;
        }

        .nav-menu a {
            text-decoration: none;
            color: #333;
            font-weight: 500;
            transition: color 0.3s ease;
        }

        .nav-menu a:hover {
            color: #007bff;
        }

        .menu-toggle {
            display: none;
            flex-direction: column;
            cursor: pointer;
            background: none;
            border: none;
            outline: none;
            padding: 5px;
        }

        .icon-bar {
            width: 25px;
            height: 3px;
            background-color: #333;
            margin: 3px 0;
            transition: 0.3s;
        }
.nav-menu li {float:left;margin:10px;}
.nav-menu li  a{font-size: 18px;}

.container {
    width: 100%;
    max-width: 1280px;
    margin: 10px auto;
	
}
/* 设置 logo 文本的样式 */
.logo {
	/* 设置字体样式 */
	font-family: 'Arial Black', sans-serif;
	/* 设置文本颜色 */
	font-size: 1.75rem;
    font-weight: 800;
    color: #3b82f6;;
    white-space: nowrap;
	/* 添加字母之间的间距 */
	letter-spacing: 2px;
	/* 添加渐变背景 */
	background: -webkit-linear-gradient(#3b82f6,#2563eb);
	-webkit-background-clip: text;

}

.library-post {
    padding: 20px 0px;
}
.library-post ul{
    margin: 0px 10px;
    font-size: 16px;
}
.share{
	float:right;
	padding:8px 0 0 0;
}
.nav{
	margin:0 auto 10px auto;
	background:#00b156;
	height: 45px;
    overflow: hidden;
	width: 100%;
}
.nav ul{
	height:45px;
	line-height:45px;
	font-size:14px;
	font-weight:bold;
	margin:0 auto;
	padding:0px;
}
.nav li{
	float:left;
	height:45px;
}
.nav li a{
	display:block;
	height:100%;
	padding:0 20px;
	color:#fff;
}
.nav li a:hover{
	color:#fff;
	text-decoration:none;
	background:#008d49;
}
.nav .on{
	color:#fff;
	background:#008d49;
}
.menu{
	font-size:14px;
	padding:5px 10px;
}
.menu li{
	margin:0px 5px;
	margin-right: 10px;
	line-height:25px;
	overflow: hidden; /* 隐藏超出部分 */
	text-overflow: ellipsis; /* 超出部分用省略号表示 */
	float:left;
	background:url(/uploads/style/images/ico_3.jpg) 0 8px no-repeat;
}
.menu li li{margin-left:15px;background:url(/uploads/style/images/ico_3.jpg) 0 8px no-repeat;}
.menu li a{margin-left: 5px;}
.b_box3 li a{
	text-indent:10px;
	font-size: 12px;	
}
.breadcrumb {
    text-align: center;
    padding: 8px 0;
}

.breadcrumb span:not(:last-child)::after {
    content: '›';
    color: var(--text-light);
	margin:10px;
}
.breadcrumb span {
    align-items: center;
    gap: 8px;
	
    font-size: 14px;
}
.next {
    border: 1px solid #fca3bd;
    border-radius: 5px;
    margin: 5px auto;
	padding: 5px;
    overflow: hidden;
 }
.next a {font-weight: 700;color: #f84379;}
.menu .on{
	color:#f00;
	background:url(/uploads/style/images/ico_4.jpg) 0 8px no-repeat;
}

.weizhi{
	width:100%;
	margin:0 auto 10px auto;
	line-height:18px;
	text-indent:20px;
	background:url(/uploads/style/images/ico_5.png) 0 2px no-repeat;
}
/*--/top end--*/
.diycontent{
	margin:0px auto;
}
.diycontent p{
	overflow:hidden;
	margin:0px 10px;
}
#bodier .calculator .ipt-txt, #bodier .calculator .selectclass {
    outline: 0;
    border: 2px solid #F0B05E;
    padding: 4px 5px;
    color: #666;
}
#bodier .calculator .submitLine .btn {
    float: left;
    width: 91px;
    height: 29px;
    background: url(/uploads/style/images/licai_sprites.png) no-repeat;
    color: #fff;
    text-align: center;
    line-height: 29px;
    font-weight: bold;
    letter-spacing: 4px;
    font-size: 14px;
}
a.btn {
    color: #fff;
    background: url(/uploads/style/images/licai_sprites.png) no-repeat;
    width: 91px;
    text-align: center;
    line-height: 29px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    font-family: "微软雅黑";
}
/*--/主体 end--*/

.right_1{
	width: 350px;
	overflow:hidden;
	margin-bottom:10px;
	float:left;
}



.typeinfo{width:100%;float:left;border-bottom: 1px #eee solid;}
.introduce{margin:5px; padding:5px;}
.introduce a h4{color:red;;}
.g_con h1 {max-height: 60px;
    margin-top: 40px;
    color: #aa1222;
    font-size: 30px;
    font-weight: 700;
    text-align: center;}

.mainflex{
width:1280px;margin: 0 auto;
/*display: flex;*/
overflow: hidden;text-overflow: ellipsis;}
.navlist,.arclist,.zilist,.liandongmulu{width:100%;float:left;}
.navlist h4{margin:2px;padding:5px;width:100%;float:left;}
.navlist li,.zilist li{float:left;padding: 2px 5px;font-size: 12px;}
.listselected{border:2px #00b156 solid;background:#dadada;padding:2px 5px;}
.indexg{float:left;flex: 1;display: flex;justify-content: center;margin-left:10px;padding-top:15px;border: 1px #e1e1e1 solid;border-top: 2px #00b156 solid;}
.indexg ul{padding:0px 5px;margin:0px 6px;}
.indexg li{float:left;width:100%;border-bottom:1px #e1e1e1 dotted;}
.indexg  h3{font-size: 16px;font-weight: 600;margin:6px 3px;}
.indexg  h3 i,.indexg  h3 i a{display: grid; align-items: center white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:100px;text-align: center;overflow: hidden;font-size: 14px !important;margin-right:3px;}
.Channel{float:left;min-width:50%;margin-left:10px;border: 1px #e1e1e1 solid;border-top: 2px #00b156 solid;}
.Channel ul{padding:0px;margin:0px;}

.Channel li h3{margin: 0px;}


.t_1 {
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    font-family: 'microsoft yahei';
    font-weight: bold;
    padding: 0px 3px;
    border-bottom: 1px #e1e1e1 solid;
    BACKGROUND: #f4f4f4;
}

.b_box3 li {
    overflow: hidden;
    padding-left: 8px;
    line-height: 15px;
    margin-top: 10px;
	border-bottom: 1px #e1e1e1 dotted;
}

.g_list{
	background: #fff;
	margin-bottom: 10px;
    border-radius: 15px;
    border: 1px solid #DEDDDA;
	overflow:hidden;
}
.g_list h1{padding: 20px 0px;
    margin: 0px 0px;
    text-align: center;}
.g_list .list1{
	line-height:40px;
	font-size:14px;
	padding:8px 15px;
}
.g_list .list1 li{
	padding-left:10px;
	border-bottom:1px #e1e1e1 dashed;
}
.g_list .list1 li em{
	margin-right:5px;
	color:#0068b7;
}
.g_list .list1 li em a{
	color:#0068b7;
}
.g_list .list1 li span{
	float:right;
	font-size:12px;
	color:#777;
}
.g_list .list1 li b{
	font-weight:normal;
}
.g_list .list1 li a:hover{
	color:#f00;
}
.g_list .list2{
	line-height:26px;
	color:#666;
}
.g_list .list2 ul{padding-left:0px;}
.g_list .list2 li{
	overflow:hidden;
	padding:0px 10px;
	border-bottom:1px #e5e5e5 dotted;
}
.g_list .list2 li img{
	float:left;
	height:75px;
	margin:5px;
	border-radius: 10px; 
}
.g_list .list2 li h3{
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	margin:0px 10px;
}
.g_list .list2 li h3 a{
	color:#555;
}
.g_list .list2 li h3 a:hover{
	color:#f50;
}
.g_list .list2 li p{
	margin-left:16px;
    color: #099999;
	font-size:12px;
	overflow:hidden;
	line-height: 18px;
}
.g_list .list2 li span{
	display:block;
	text-align:right;
	font-size:12px;
	color:#a6a6a6;
}
.g_list .list3{
	font-size:14px;
	padding-bottom:15px;
	border-bottom: 1px solid #e5e5e5;
}
.g_list .list3 li{
	float:left;
	width:168px;
	text-align:center;
	padding:13px 0 0 13px;
}
.g_list .list3 li img{
	display:block;
	width:168px;
	height:224px;
	margin-bottom:8px;
}
.g_list .list3 li p{
	height:24px;
	line-height:24px;
	overflow:hidden;
}
.pic-list,.zhuanti_list,.pic-list,.zhuanti_list{float:left;width: 100%;}
.pic-list ul,.zhuanti_list ul ,.l-right ul,.pic-list ul,.zhuanti_list ul{float:left;width: 100%;padding:0px;}
.pic-list  h3 ,.pic-list  cite,.pic-list  h3{border-bottom: 1px dotted #dedede;margin-left:40px;clear:both;overflow:hidden;height:40px;line-height: 45px;color:#aa1211;font-size: 16px;padding:0px 10px;text-align:left;vertical-align:middle;}
.pic-list dd{margin-top:2px;clear:both;overflow:hidden;}
.pic-list ol,.pic-list dl{text-align: center;background: url(/uploads/style/img/myspace.jpg) 10px 10px #fff no-repeat;background-size: 30px 30px;line-height: 22px;background-color: #ffffff; margin:0px auto 10px auto;box-shadow: 0 6px 9px #888888; min-height:45px;}
.pic-list  cite a:hover{text-decoration:underline;color:#FA4B6E;}
.pic-list ol span {color:#fff;text-shadow: 0px 1px 1px #dcdcdc;letter-spacing: 2px;line-height: 30px;padding:10px 3px;font-size:16px; display:table-cell;text-align:left;vertical-align:middle;}
.pic-list ol  strong{   position: absolute;text-align: center;width: 330px;}

.pic-list li{
	margin-left: 10px;
	line-height:25px;
	text-align: left;
	overflow: hidden; /* 隐藏超出部分 */
	text-overflow: ellipsis; /* 超出部分用省略号表示 */
	width: 100%; /* 设置最大宽度，可根据实际情况调整 */
	background:url(/uploads/style/images/ico_3.jpg) 0 8px no-repeat;
}
.pic-list li a{
	display:block;
	text-indent:10px;
	
}
.pic-list img{
    width: 175px !important;
	margin: 10px 5px 20px 8px;
	object-fit: cover;
    height: 175px;
}

pre {
	display: block;
    padding: 9.5px;
    font-size: 13px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
	white-space: pre;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    overflow-x: auto; /* 允许水平滚动 */
    white-space: pre-wrap; /* 保留空白符序列，使文本自动换行 */
	margin:20px 60px;
	background-color:#333;
	color:#fff;
}
pre::-webkit-scrollbar {
    width: 8px; /* 设置滚动条宽度 */
}
pre::-webkit-scrollbar-thumb {
    background-color: #888; /* 设置滚动条滑块颜色 */
    border-radius: 4px; /* 设置滚动条滑块圆角 */
}
.g_con {
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 10px;
    vertical-align: baseline;
    overflow: hidden;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 15px;
    border: 1px solid #DEDDDA;
}
.g_box2 {
    margin-bottom: 10px;
    overflow: hidden;
    background: #fff;
    border-radius: 15px;
    border: 1px solid #DEDDDA;
}
.g_con ul{
        padding: 11px 14px 0px 32px;
        background-color: #f0fff6;
        color: #035e16;
        font-size: 15px;
        font-weight: 500;
		}
.g_con ul li{
    margin-left: 15px;
	list-style-type: square;
	WIDTH: 100%;
}

.g_con .info{
	height:26px;
	line-height:26px;
	color:#8f8f8f;
	text-align:center;
	padding-bottom:5px;
	position:relative;
	margin-bottom:15px;
}
.g_con .info span{
	display:inline;
	margin:0 10px;
}
.g_con .info .share{
	position:absolute;
	top:0;
	right:0;
	padding:0;
}
.g_con .con {
	overflow:hidden;
	line-height:24px;
	margin:0 5px;
}
.g_con .con img {
    border: 0 none;
    vertical-align: top;
    margin: 3px;
    max-width: 96%;
    height: auto;
}
.g_con .con h2 {
    background: linear-gradient(90deg, #fca3bd,#f1547f);
    padding: 8px;
    border-radius: 6px;
    margin: 12px 0px;
	font-size: 18px;
    border-left: 5px solid #f30949;color:#000000;}


.g_con .con h3 {
  color:#555ba6;
 font-size:18px !important;
 line-height:32px;
 padding:5px 10px;
 font-weight:bold;
 counter-increment: li;
 border-left: 4px solid #dc143c;
 background: #fff0f0;
}
.g_con .con h4 {
    font-size: 16px;
    color: #16a085;
    position: relative;
    padding-left: 30px;
}

.g_con .con h4::before {
    content: "▶";
    position: absolute;
    left: 10px;
    color: #1abc9c;
}
.g_con .con h5 {
    font-size: 1.25rem;
    color: #95a5a6;
    font-style: italic;
    border-bottom: 1px dashed #bdc3c7;
    padding-bottom: 5px;
}


.g_con .con p{margin: 0 0 10px;counter-increment: item;}

.g_con .con img {
    max-width: 95%;
    margin: 10px auto;
    display: block;
}
.myitemWrapper{
	border-bottom: 1px #99CC33 solid;
    float: left;
    width: 100%;
}
.myitem{
	border-top:1px #99CC33 solid;
	border-left:1px #99CC33 solid;
	border-right:1px #99CC33 solid;
	width:98%;
	float:left;
}
.myitem dt{
	padding:0px 5px;
	min-width:120px !important;
	float:left;
}
.myitem dd{
	margin-left: 125px;
	border-left: 1px #99CC33 solid;
}


.g_con ol li,.Channel ol li {
            display: flex;
            margin: 0.2rem 0;
        }
.chapter{width:100%;float:left;}

		.chapter  h3{color: #555ba6;
    font-size: 16px !important;
    line-height: 28px;
    padding: 5px 10px;
    font-weight: bold;
    counter-increment: li;
    border-left: 4px solid #dc143c;
    background: #fff0f0;
    margin: 5px auto;}

        .toc-title {
            flex: 1;
            position: relative;
        }
		.toc-title a::before{content: "🏷️";
    position: absolute;
    left: 10px;
    color: #1abc9c;}
		 .toc-title a{color:#d32f2f;margin:5px 0px 5px 40px;font-weight: 600;}
        .toc-page {
            background: white;
            padding-left: 0.5rem;
        }
        .section {
            counter-reset: section;
        }
		.section li {background-color: #e8f5e9;
    padding: 5px;
    border-radius: 4px;
    float: left;
    width: 100%;
    line-height: 25px;
    text-align: left;}
        .section li h4{color: darkgoldenrod;float:left;margin:5px 0px;    padding: 0 2px;border-left: 5px solid darkgoldenrod;}

		.subsection p{padding:0px;margin:0px;color:#666;line-height: 22px;}
        .subsection {
            padding-left: 0.2rem;
            font-size: 0.95rem;
            counter-reset: subsection;
        }
		.subsection  li{border-bottom:1px #e1e1e1 dotted;line-height:18px;width: 100%;margin:5px 2px;float: left;}
		.subsection  li a{color:#7403a3;font-size: 14px;}
        .subsection > li::before {
            counter-increment: subsection;
            content: counter(subsection) " ";
			margin: 0px 3px 10px 0px;
			background: #7403a3;
			color: #fff;
			padding: 3px;
			border-radius: 5px;
        }
		.mululist {
			margin-bottom: 10px;
			overflow: hidden;
			background: #fff;
			border-radius: 15px;
			border: 1px solid #DEDDDA;
			
		}
		.mululist ol{padding:0px 5px;}
.mulu  ol h3{
	border-left: 3px solid #00aeff;
    background-color: #ffffff;
    color: #656565;
    margin: 20px 0 10px 0;
    padding: 10px 10px;
    font-size: 16px;
    font-weight: 800;
}
.menu ol li {
    margin-left: 15px;
    background: url(/uploads/style/images/ico_3.jpg) 0 8px no-repeat;
	width:100%;
}
.mulu  ol a {margin-left: 5px;}

/*--/功能 function--*/
.pages{
	padding:20px 0px;
    Display: flex; 
	justify-content: center;
	width:100%;
}
.pages ul li{
	float:left;
	margin:2px;
	line-height:30px;
	padding:0 10px;
	background:#fff;
	border:1px solid #d8dadf;
}
.pages ul li a{
	float:left;
	color:#555;
	display:block;
}
.pages ul li:hover{
	text-decoration:none;
	color:#555;
	border:1px #d8dadf solid;
	background-color:#f0f0f0;
}
.pages ul li:hover a{
	color:#555;
}
.pages ul li:hover a:hover{
	color:#555;
	text-decoration:none;
}
.pages ul li.thisclass{
	background-color:#2ca338;
	padding:0 10px;
	color:#fff;
	border:1px #2ca338 solid;
}
.pages ul li.thisclass a{
	color:#fff;
}
.pages strong{
	font-weight:normal;
}
.pagess{
	float:none;
	overflow:hidden;
	text-align:center;
	padding-bottom:15px;
}
.pagess ul{
	margin:0px auto;
	float:none;
	clear:both;
	padding:10px 0; 
	text-align:center;
	white-space:nowrap;
}
.pagess ul li{
	float:none;
	display:inline;
	margin:0 2px;
	padding:4px 10px; 
	border: 1px solid #d8dadf;
}
.pagess li a{
	float:none;
	display:inline;
}
.pagess li a:hover{
	text-decoration:underline;
}
.pagess .thisclass{
	border:none;
	color:#fff;
	border:1px #2ca338 solid;
	background-color:#2ca338;
}
.pagess .thisclass a{
	color:#fff;
}
.tag-right {
    margin-top: 5px;
    padding-left: 0px;
    margin-left: 10px;
}
.tag-right li {
	border-radius: 6px;
	float: left;
	padding: 3px 5px;
	margin: 3px;
	line-height: 30px;
}
.tag a{color:#fff;}

 /*简洁页脚 */
        footer {
            background: #2c3e50;
            color: #ecf0f1;
            padding: 25px 20px;
            width: 100%;
            font-size: 0.9rem;
            text-align: center;
        }

        .footer-links {
            display: flex;
            justify-content: center;
            gap: 20px;
            flex-wrap: wrap;
            margin-bottom: 15px;
            padding-bottom: 15px;
            border-bottom: 1px solid #34495e;
        }

        .footer-links a {
            color: #bdc3c7;
            text-decoration: none;
            transition: color 0.2s;
        }

        .footer-links a:hover {
            color: #3498db;
        }

        .copyright {
            color: #95a5a6;
            font-size: 0.85rem;
			margin-top: 10px;
        }
/*自适应PC端css控制代码*/

@media screen and (min-width: 768px) {
   
   header,nav,footer,main,.position,nav {width:100%;margin: 0px auto;}
   aside,footer{float:left;}
   .main2,.foot,.head,.warp,.weizhi,.link,.nav ul{width:1280px;margin:0 auto;}
	.left_1,.diycontent{width:920px;float:left;margin-right:10px;}
.g_con p,.g_con br {
    text-indent: 0;
    text-align: justify;
    margin: 5px 3px !important;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
	white-space: normal;
    overflow-wrap: break-word;
	}
}



/*自适应wap端css控制代码*/

@media screen and (max-width: 768px){
  header,nav,main,footer,.position,.diycontent {width:100%;margin: 0px auto;}
  .main1,.main2,.foot,.head,.warp,.weizhi,.link{width:100%;margin:0 auto;}
  .left_1,.diycontent{width:100%;background: #fff;}
  .right_1{width:100%;}
.pic-list img {
        width: 75px !important;
        margin: 10px 5px 20px 8px;
        object-fit: cover;
        height: 70px;
    }
  .menu-toggle {
                display: flex;
            }

            .nav-menu {
                position: fixed;
                left: -100%;
                top: 70px;
                flex-direction: column;
                background-color: #fff;
                width: 100%;
                text-align: center;
                transition: 0.3s;
                box-shadow: 0 10px 27px rgba(0,0,0,0.05);
                padding: 2rem 0;
            }

            .nav-menu.active {
                left: 0;
            }

.g_con p{
	line-height: 30px;
    font-weight: normal;
    color: #000;
    margin: 0px 5px 20px 5px;
    display: block;
    overflow: hidden;
    font-size: 14px;
	}
.footer-links {
                flex-direction: column;
                gap: 10px;
                border-bottom: none;
                padding-bottom: 0;
                margin-bottom: 10px;
            }
  
}