@charset "utf-8";

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px;
}

body,h1,arclist,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body{margin:0px auto;   
    background: #fdfdfd;
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,MiSans L3,Segoe UI,sans-serif;
    font-size: 14px;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
    color:#999;-webkit-text-size-adjust:none;word-break:break-all;}
body {counter-reset: chapter; }
input{outline:none}
a{color:#666;text-decoration: none;}
a:hover{color:#0099cc;text-decoration:none;}
a:link{text-decoration: none;}
a:active{text-decoration: none;}
ul,li{list-style:none;}
p,br{margin-top:10px;}


table{table-layout: fixed;}
select,input{font-size: 16px;}
td{text-overflow: ellipsis;}

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;}

 tr:nth-child(even) {
background:#F0F8FF;
}

.header{
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #FC3170;
    position: relative;
}
.g-head{background: #f1547f; border-bottom: 1px solid #BEBEBE;width:100%;height:45px;overflow: hidden;}
.g-head h1{overflow: hidden; max-width: 50%;font-size:14px;float: left;margin-top: 15px;text-align: center;margin-left:105px;line-height:25px;color: #fff;text-shadow: 0px 2px 2px #71056e;}






.mainWrap{background:#fff2ff;}
.focusWrap{width:320px;height:120px; margin:0 auto;}
.viewPicWrap{width:100%; background: url("/uploads/style/images/list-tbj.gif") repeat-x #fff2ff; margin:0 auto;}


.stui-vodlist__bd li {width:33.3%;padding: 5px;float:left;}
.stui-vodlist__thumb {
    display: block;
    position: relative;
    padding-top: 150%;
    border-radius: 7px;
    background-position: 50% 50%;
    background-size: cover;
}
.comment-post {
    background-color: #f5f5f5;
    color: #999;
}
.comment-post-arrow {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    overflow: hidden;
    position: absolute;
    top: 5px;
    left: 9%;
	}
.ui-comment li{float:left;width:100%;    margin: 10px 0px;}
.comment-post .user {color: #f90;width:100px;float: left;}
.comment-avatar{float:left;width: 10%;}
.comment-avatar img, .news-avatar img {
    border-radius: 100%;
    width: 100%;
    height: 100%;
    max-width: 80px;
    max-height: 80px;
}
.comment-post {
    width: 90%;
    float: right;
    padding: 8px;
    border-radius: 5px;
}
.content_title{height:100px;line-height:80px; border: solid 1px #ccc;}
.content_title h2 {
    border-left: 3px solid #00aeff;
    background-color: #f8f8f8;
    color: #656565 !important;
    margin: 10px 0 10px 0;
    padding: 10px 10px;
    font-size: 16px;
    font-weight: 200;
}
#indexcontainer img{
	border: 0 none;
    vertical-align: top;
    margin: 3px;
    max-width: 96%;
    height: auto;
	}
.pageinfo{width: 100%;float: left;text-align: center;}
blockquote{background-color: #fefefe !important;
    display: block;
    padding: 9.5px;
    margin: 20px 0px;
    font-size: 13px;
    line-height: 1.42857143;
    color: blue;}
blockquote:before {
    display: block;
    font-size: 700%;
    content: open-quote;
    height: 1px;
    margin-left: -0.55em;
    position:relative;
    top:-20px;
}
.comment-text img{width:100%;}
.mulu {
    border: 1px #e1e1e1 solid;
    border-top: 2px #00b156 solid;
    overflow: hidden;
    font-family: 'microsoft yahei';
    margin-bottom: 10px;
	width: 100%;
}
.boxright{float:left;width: 322px;}
.chapter{width:100%;float:left;}

		.chapter  h3{margin:10px 0px;color:#fff;}
        .chapter > h3::before {
            counter-increment: chapter;
            content: counter(chapter) ". ";
            font-weight: bold;
			color: #fff;
        }
        .toc-title {
            flex: 1;
			background-color: #e8f5e9;
            position: relative;
			width: 100%;
        }
		.toc-title a::before{content: "🏷️";
    position: absolute;
    left: 0px;
    color: #1abc9c;}
		 .toc-title a{color:#d32f2f;margin:5px 0px 5px 25px;font-weight: 600;}
        .toc-page {
            background: white;
            padding-left: 0.5rem;
        }
        .section {
            counter-reset: section;
        }
		.section li {
    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(chapter) "." 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;}


#logo h2 {
    margin: 0;
}






#navMenu a:hover {
    color: #007bff;
}
#indexcontainer{width:100%;background:#ffffff;float:left;}
#indexguding,.indexmore {width: 100%;
    float: left;
	background-color: #ffffff;}
.indexcontent,.indexcontent{margin: 0px 20px;}
.moremenu span{display:none; }
#logo a{display: block;height: 80px;overflow: hidden;text-indent: -999em;width: 180px;}
#search a,#navmore a{width: 45px;height: 40px;display: block;text-indent: -999em;overflow: hidden;}


.WrapList_2,.WrapList_3,.WrapList_4,.WrapList_5{width:100%;margin:5px auto;float: left;}
.WrapList_1{margin:30px 8px 0px 8px;}
.viewNav{    background: url("/uploads/style/images/list-tbj.gif") repeat-x #fff3ff;}
.viewNav li a{
    float: left;
	border-right: 1px solid #fff;
    width: 25%;
	height:40px;
	line-height:40px;
    text-align: center;
	background: #E0E0E0;

}
a.on_click{background: #fff !important;color:#aa1211 !important;}
a.click{	background: #E0E0E0;}
.viewNav li a{font-size: 16px;color: green;}


#content img {
    border: 0 none;
    vertical-align: top;
    margin: 3px;
    max-width: 96%;
    height: auto;
}
#content h2 {
    background: linear-gradient(90deg, #fca3bd,#f1547f);
    padding: 10px;
    border-radius: 6px;
    margin: 15px 0px;
	font-size: 18px;
    border-left: 5px solid #f30949;color:#000000;}


#content 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;
}
#content h4 {
    font-size: 16px;
    color: #16a085;
    position: relative;
    padding-left: 30px;
}

#content h4::before {
    content: "▶";
    position: absolute;
    left: 10px;
    color: #1abc9c;
}
#content h5 {
    font-size: 1.25rem;
    color: #95a5a6;
    font-style: italic;
    border-bottom: 1px dashed #bdc3c7;
    padding-bottom: 5px;
}


#content p{margin: 0 0 10px;counter-increment: item;}

#content .contentimg{text-align: center;}


article {flex: 1 0 auto;}
article  #content h3 strong{color: #dc143c;}
.category-nav .item{margin:-1px 0 0;padding:0 5px 4px;border-top:1px solid #f3d1da;}
.category-nav .item-hd{height:35px;overflow:hidden;}
.category-nav .item-ht h2{font-size:100%;font-weight:normal;}
.category-nav .item-ht h2 a{display:block;padding:10px 0;color:#3a3440;font:bold 16px/20px "微软雅黑";text-shadow:1px 1px #f2f2f2;padding-left:30px;}
.category-nav .item-ht h2 a:hover{color:#dc2a5a;text-decoration:none;}
.category-nav .item-bd{height:auto;overflow:hidden;padding:0px 5px;}
.category-nav .item-bd li{width: 33%;float:left;font-weight: bold;overflow: hidden;line-height: 30px;font-size:14px;height: 30px;text-align: center;}
.category-nav .item-bd a:hover,.category-nav .item-bd .mark:hover{border-radius:2px;background:#f1547f;color:#fff;text-decoration:none;}
.tag-right li{border-radius: 10px;
    float: left;
    padding: 2px 5px;
    margin: 3px;}




.tab-container{background: #fff;}
.tab-container li{ 
		padding-left: 12px;
        background: url(/uploads/style/images/ico_2.jpg) 5px 6px no-repeat;
}
.tab-contents{border: 1px solid #c9c9c9;}
.tab-container [data-tab-content] {
    padding-top: 35px;
    display: none;
    line-height: 1.6;
    color: var(--active-text);
}

.tab-container [data-tab-content].active {
    display: block;
}
.tab-buttons .active i {
    display: block;
    width: 9px;
    height: 5px;
    background: url(https://staticfile.qulishi.com/qulishi/theme2/bg/_v2/icon2.jpg);
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: -5px;
}
.tab-buttons button {
    float: left;
    text-align: center;
    line-height: 28px;
    height: 28px;
    position: relative;
    border-radius: 3px;
    background: #d6cab0;
    color: #7d5831;
    margin-right: 2px;
    font-size: 14px;
    padding: 0 2px;
    border: 0px;
    width: 62px;
}
.tab-buttons .active{
    color: #fff;
    background: #711221;
	}



.pic-list,.zhuanti_list{float:left;width: 100%;}
.l-right ul,.pic-list ul,.zhuanti_list ul{float:left;width: 100%;padding:0px;}
.pic-list  cite,.pic-list h2{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 dl{text-align: center;background-color: #ffffff; margin:0px auto 10px auto;box-shadow: 0 6px 9px #888888;}
.pic-list  cite a:hover{text-decoration:underline;color:#FA4B6E;}
.pic-list ol span {width: 100%;float: left;color:#fff;text-shadow: 0px 1px 1px #dcdcdc;letter-spacing: 2px;display:table-cell;text-align:left;vertical-align:middle;}
.pic-list ol h3 a{margin:0px 3px;}
.pic-list li{
	line-height:25px;
	text-align: left;
	overflow: hidden; /* 隐藏超出部分 */
	text-overflow: ellipsis; /* 超出部分用省略号表示 */
	width: 100%; /* 设置最大宽度，可根据实际情况调整 */
}
.pic-list cite, .pic-list h3 {
    border-bottom: 1px dotted #dedede;
    clear: both;
    overflow: hidden;
    height: 40px;
    line-height: 45px;
	background: url(/uploads/style/images/myspace.jpg) 10px 10px no-repeat;background-size: 30px 30px;
    color: #aa1211;
    font-size: 16px;
	padding-left: 40px;

    text-align: left;
    vertical-align: middle;
}

.pic-list img,.mulu img{
    width: 215px !important;
	margin: 10px 5px 20px 8px;
	object-fit: cover;
    height: 200px;
}

#righttitle img{width: 18px;
        height: 18px;
        margin-right: 5px;
        vertical-align: -2px;display: inline-block;border-radius: 3px;}
.desc{float:left;width:100%;color:#fff;border: 1px #e1e1e1 dotted;background: #333;font-size: 12px;line-height: 18px;padding: 10px;}
.typeinfo{margin:10px;}
.stui-pannel_bd h2{font-size: 16px;overflow: hidden;height: 22px;}
.arclist2 li a:hover{
	background:url(/uploads/style/images/ico_4.jpg) 0 8px no-repeat;
}
.toptitle{border-bottom:1px solid #FCA3BD;color: red;
    font-weight: 1400;
    font-size: 18px;margin-top:20px;}
.toptitle i,#main em{
    margin-right: 10px;
	padding:2px 5px;
    background-color: #22211f;
    text-align: center;
    color: #fff;
	}
.next2{
    line-height: 30px;
    color: #777;
    padding: 10px 0;
    border-top: 1px #e1e1e1 solid;
    border-bottom: 1px #e1e1e1 solid;
}
.next2 a{
    font-size: 14px;
    color: #f84379;
    font-weight: 700;
    border: 1px solid #fca3bd;
    padding: 3px 15px;
    border-radius: 5px;
    margin: 5px auto;
	overflow:hidden;
	width:90%;
	max-height:44px;
	line-height: 22px;
	
}
.pager{margin:30px auto 10px auto; clear: both;text-align: center;line-height: 38px;overflow: hidden;width: 100%;}
.pager select{padding: 4px 10px 4px 3px;text-align: center;font-size: 16px;}
.pager a{padding:15px; color:#fff;}
.pager span{padding:0px 8px;}
.pager a:hover{color:#fff;background:#669900;}
 .pager .current {background-color:#FC3170;color:#fff;padding:0px 10px;}
.pager .prev {background-position: 1px -31px;}
.pager .prev:hover {background-position: -31px -32px;}
.pager .next {background-position: 1px -62px;}
.pager .next:hover {background-position: -31px -62px;}
.pager li{ 
    display: inline-block;
    overflow: hidden;
    line-height: 28px;
    list-style-type: none;
    font-size: 16px;
    color: #fff;
    background: #458B00;
    border: 1px solid #dedede;
    text-align: center;
	margin:3px;
}


.tag a{color:#fff;}
.taglist  a:hover {text-decoration:none;border: solid 1px #FD4B7B;background: #FD4B7B;color: #fff;text-decoration: none;}
.arc_1,.tag1 a{ color: #000;font-family: SimSun;font-size: 14px;font-family:"STXingkai";} 
.arc_2,.tag2 a{ color: #FF4040; text-shadow: 0px 1px 1px #dcdcdc;font-family:"Microsoft YaHei";} 
.arc_3,.tag3 a{ color: #FF3E96;text-shadow: 0px 2px 2px #red;font-family:"Microsoft YaHei";} 
.arc_4,.tag4 a{ color: #B22222;text-shadow: 0px 1px 1px #0000EE;font-family:"Microsoft YaHei";}
.arc_5,.tag5 a{ color: #698B22;font-family:"YouYuan";}
.arc_6,.tag6 a{ color: #0000EE;font-family:"STCaiyun";}
.arc_7,.tag7 a{ color: #00ABA9;font-style:oblique;font-size: 18px;font-family:"STXinwei";} 
.arc_8,.tag8 a{ color: #289999;font-weight:bold;font-family:"FZYaoti";} 
.arc_9,.tag9 a{color: #00688B;letter-spacing:4;font-family:"Microsoft YaHei";}
.arc_10,.tag10 a{ color:#990033;font-family:"Microsoft YaHei";} 
.arc_11,.tag11 a{ color:#CC0099;letter-spacing:3;font-size: 16px;} 
.arc_12,.tag12 a{ color:#FF6600;list-style-type: decimal;font-size: 16px;} 
.arc_13,.tag13 a{ color:#FF3E96;letter-spacing:6;font-size: 16px;}
.arc_14,.tag14 a{ color: #B03060;font-weight:bold;letter-spacing:6;font-size: 18px;font-family:"Microsoft JhengHei";} 
.arc_15,.tag15 a{ color: #6699CC;list-style-type: square;font-size: 16px;} 
.arc_16,.tag16 a{ color: #B45B3E;list-style-type: circle;font-size: 16px;} 
.arc_17,.tag17 a{ color: #00B271;font-size: 18px;font-family:"FZYaoti";} 
.arc_18,.tag18 a{ color:#FD4B7B;list-style-type: disc;font-size: 16px;} 
.arc_19,.tag19 a{ color: #BB3D00;font-style:itelic;font-family:"STXihei";font-size: 16px;} 
.arc_20,.tag20 a{ color: #F75000;text-decoration: underline;font-size: 16px;}
.arc_21,.tag21 a{ color: #FF3366; font-weight:bold;font-family:"STLiti";font-size: 22px;} 
.arc_22,.tag22 a{ color: #FF3333;font-size: 16px;} 
.arc_23,.tag23 a{ color: #AA1F2F;font-family:"STKaiti";font-size: 16px;} 
.arc_24,.tag24 a{ color: #CC6600;font-family:"STSong";font-size: 16px;}
.arc_25,.tag25 a{ color: #FF6666;text-transform : capitalize;font-size: 16px;}
.arc_26,.tag26 a{ color: #458B00;font-family:"STFangsong ";font-size: 16px;}
.arc_27,.tag27 a{ color: #663366;font-size: 16px;font-family:"FZYaoti";} 
.arc_28,.tag28 a{ color: #CC33FF;font-style:itelic;font-size: 16px;} 
.arc_29,.tag29 a{color: #FF3300;font-family:"BiauKai";font-size: 16px;}
.arc_30,.tag30 a{ color: #FF00CC;font-size: 16px;font-family:"FZYaoti";} 
.arc_31,.tag31 a{ color:#990099;font-style:itelic;font-size: 16px;} 
.arc_32,.tag32 a{ color:#CC3366;font-size: 16px;font-weight:700;font-family:"STFangsong";} 
.arc_33,.tag33 a{ color:#800000;font-family:"SimHei";}
.arc_34,.tag34 a{ color: #FF00FF;font-style:itelic;} 
.arc_35,.tag35 a{ color: #9900CC; vertical-align:super;font-family:"STHupo";font-size: 16px;} 
.arc_36,.tag36 a{ color: #AA1211;font-weight:100;font-family:"FZYaoti";font-size: 16px;} 
.arc_37,.tag37 a{ color: #CC00FF; vertical-align:super;font-family:"STCaiyun";font-size: 16px;} 
.arc_38,.tag38 a{ color: #FF66FF;font-weight:700;font-family:"STXinwei";font-size: 16px;} 
.arc_39,.tag39 a{ color: #CC33CC;font-weight:600;font-family:"STXihei";font-size: 16px;} 
.arc_40,.tag40 a{ color: #AA1211;font-family:"FZYaoti";font-size: 18px;}

/*全局Footer*/
#flinklink_abc4 li{width:230px;height:20px;float:left;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
.footer{
    background-color: #F9F7F8;
	color:#999;
    border-top: 1px solid #c9c9c9;
    margin-top: 10px;
	font-size: 12px;
    text-align: center;
    clear: both;
	padding:10px 20px;}
.footer a{margin:2px 5px;font-size: 12px;color:#999;}
.footer img{width:60px;}










/*自适应PC端css控制代码*/

@media screen and (min-width: 768px) {

body{background-image: url(/uploads/style/images/body.jpg);background-repeat: repeat-x;}

/*自适应PC端header控制代码*/
#wraper,#wraper{position:relative;width:100%;z-index:100;}
header {background: #99CC33; border-bottom: 1px solid #BEBEBE;width:100%;height:40px;margin-top: 90px;}
.g-head{width:1200px; background: #f1547f;margin: 0px auto;}

.g-head h1 {font-size:18px;margin-left:300px;float: left;text-align: center;margin-top:15px;line-height:25px;color: #ff6793;position: absolute;top: 40px;}

#logo{background: url(/uploads/style/images/logo.png) no-repeat;top: 35px; position: absolute; background-size: 50% 110%;}
#logo h2{
    font-size: 22px;
    font-weight: bold;
    color: #333;
	margin-top:15px;
	padding-left:150px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    letter-spacing: 2px;
    background: -webkit-linear-gradient(#fb0505, #f84379);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#navmore {text-align: center;float: right;height: 40px;width: 50px;}

#search {
    background: url(/uploads/style/images/search.png) center 12px no-repeat;
    width: 45px;
    background-size: 25px auto;
    height: 40px;
    float: right;
    margin-right: 20px;
}
#navmore img{height: 28px;margin:10px 5px;float: right;}
.category-nav{	float:left;width:250px;background-color: #FBFBFB;overflow:hidden;padding:0 1px;border:2px solid #f1547f;}


#navMenu{overflow: hidden;width:auto;height:40px;}
#navMenu ul{width:100%;margin:10px;}
#navMenu li{text-align: center;
    min-width: 100px;
    float: left;
    border-right: 1px dotted rgb(255, 255, 255);
	line-height: 45px;float: left;padding: 0px 20px;
    
  }
#navMenu li a{font-size:18px;color:#fff;font-weight: 800;}

.article{width: 878px;float: left;}
.stui-pannel_bd{width: 878px;background: #fff;
    border: 1px solid #c9c9c9;
    box-shadow: 1px 2px 1px #e2e2e2;
    float: left;
    margin: 10px 0px;}



/*自适应PC端article控制代码*/
#container,.l-left  {
    background: url(/uploads/style/images/list-tbj.gif) repeat-x #fff3ff;
    width: 878px;
    border: 1px solid #c9c9c9;
    box-shadow: 1px 2px 1px #e2e2e2;
	    float: left;
}
.arc-title,.title h1 {height:25px;margin:40px 0 5px 90px;color:#aa1222;font-size:22px;font-weight:700;}
#content,#content {
    font-weight: 400;
    margin: 20px 15px 10px 15px;
    text-align: left;
    clear: both;
    word-break: break-all;  
	color: #333;
	font-size: 16px;
	counter-reset:sectioncounter;
}


#main{width: 1200px; margin: 2px auto;}
.l-left h2  {
    color: #545454;
    text-align: center;
    font-size: 28px;
    margin: 0;
    padding: 30px 0 0 3px;
}

#container .title{
    border-bottom: 1px dashed #FDA4A4;
	background: url(/uploads/style/images/myspace.jpg) 20px 0px no-repeat;
	background-size: 50px 50px;
}
#container .title ins{font-size:12px;margin:0px 15px;list-style-type: none;text-decoration:none}

#container .homeName{max-width: 80px;overflow: hidden;margin:5px 5px 5px 90px;text-align: center;color: #fff;background-color:#ff6793;padding:3px 10px;font-size: 12px;}
#container .homeName a{color:#fff;}

.zhuanti_list li{line-height:30px;height: 30px;overflow: hidden;border: 1px solid #fca3bd;margin:2px 5px;text-align: center;padding: 0px 5px;float:left;background: #fff;}




#l-right,.l-right,.tag-right{width:100%;border-right: 1px solid #c9c9c9;border-bottom: 1px solid #c9c9c9;overflow: hidden;  }
#righttitle,#righttitle{background:#F5F5F5;border:1px solid #c9c9c9;font-size: 14px;text-align: center;height:34px;line-height:38px;overflow:hidden;zoom:1;}

.l-right  li{
	overflow: hidden;
        padding-left: 12px;
        background: url(/uploads/style/images/ico_2.jpg) 5px 6px no-repeat;
        line-height: 18px;
        margin-top: 10px;
	}
.l-right  li a{color:#333;}
.l-right .rightmenu li {
    margin: 0px 5px;
    margin-right: 10px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.g_box5 .b_box3{
	padding:5px 0;
	margin:0 10px;
}
.g_box5{
	float: left;
    min-width: 363px;
    margin: 0 0px 10px 10px;
    border: 1px #e1e1e1 solid;
    border-top: 2px #00b156 solid;
    overflow: hidden;
    width: 48.5%;
}
.b_box3 li {
    height: 28px;
	line-height: 28px;
    overflow: hidden;
    padding-left: 8px;
    background: url(/uploads/style/images/ico_2.jpg) 0 12px no-repeat;
}
.b_box3 li span {
    float: right;
    color: #999;
    padding-left: 10px;
}
.t_4{
	height:35px;
	line-height:35px;
	font-size:14px;
	padding:0 10px;
	font-family:'microsoft yahei';
	font-weight:bold;
	border-bottom:1px #f0f0f0 solid;
	background:#f9f9f9;
}
.t_4 h3,.t_4 h2{
	font-weight:bold;
	padding: 0px;
    margin: 0px auto;
	text-align: center;
	height: 30px;
    overflow: hidden;
}
.t_4 h3 b{
	color:#f00;
}
.t_4 span{
	float:right;
	font-size:12px;
	font-weight:normal;
}
 .menu-toggle {
        display: none; /* 桌面端隐藏按钮 */
    }
    
    .nav-menu {
        display: block !important; 
        float: left;
		
    }
}



/*自适应wap端css控制代码*/

@media screen and (max-width: 768px){
.pic-list img,.mulu img {
        width: 75px !important;
        margin: 10px 5px 20px 8px;
        object-fit: cover;
        height: 70px;
    }
.boxright {
    float: left;
    width: 100%;
}
.arc-title,.title h1 {margin:10px 0 5px 70px;color:#aa1222;font-size:22px;font-weight:700;}
.menu-toggle {
        display: block; 
		position: absolute;
        top: 0px;
        right: 0px;
		font-size: 30px;
		cursor: pointer;
        background: none;
        border: none;
        outline: none;
        padding: 5px;
    }
    
.nav-menu {
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	background: #cdcdcd;
}
.nav-menu li{float: left;margin: 2px 10px;}

.nav-menu.show {
	display: block;
}

.tag-right{border: 1px solid #c9c9c9;overflow: hidden; width:100%; }
img{max-width:640px;}
.g-head h1{overflow: hidden; max-width: 50%;font-size:14px;float: left;margin-top: 15px;text-align: center;margin-left:105px;line-height:25px;color: #fff;text-shadow: 0px 2px 2px #71056e;}
#logo{  
	position: absolute;
    top: 0px;
    left: 5px;width: 90px;height: 40px;background: url("/uploads/style/images/home.gif") no-repeat;-webkit-background-size: 90px 40px;
    -moz-background-size: 90px 40px;
    background-size: 90px 40px;}
#logo h2{margin: 15px 0px 0px 100px;
		width: 100%;
        float: left;
        font-size: 16px;
        color: #fff;}

.header {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #FC3170;
    position: relative;
}

#main{text-align: center;width:100%;height:100%;margin:0px auto;background: url("/uploads/style/images/list-tbj.gif") repeat-x #fff2ff;}


#container .title{text-align: left;background: url("/uploads/style/images/myspace.jpg")  10px 0px no-repeat;background-size:50px 60px;width:100%;clear:both;margin:10px auto;}
#container .homeName   {color: #fff;background-color:#ff6793;margin-left: 70px;padding: 3px 5px;text-align: left;font-size: 12px;}
.articletime,ins,.title span,.articletime{font-size: 12px;}
#container h2{text-align:center;margin: 0px 5px;color: #AA1211;padding-top: 20px;}
#container .title h2 {
    color: #AA1211;
    font-size: 18px;
	line-height: 20px;
    overflow: hidden;
    max-height:40px;
	margin: 10px 15px 3px 65px;
	text-align:left;
}

#indexcontainer,#content,#container{
    font-weight: 400;
    text-align: left;
    clear: both;
	margin:0px 5px;
    text-shadow: 0px 1px 1px #dcdcdc;
    line-height: 24px;
    word-break: break-all;    color: #666;
    overflow: hidden;
	font-size: 16px;

}

#righttitle,.l-right{width: 100%; margin:10px auto;}

.l-right li,.zhuanti_list li{text-align: left;line-height:20px;max-height: 40px;border: 1px solid #fca3bd;margin: 5px auto;padding: 5px 5px;background: #fff;}
#righttitle,#righttitle {
    width: 100%;
    font-size: 14px;
    background: #f1547f;
    color: #fff;
	line-height: 40px;
}




.pic-list li img,.pic-list dl img{ object-fit: cover;border-radius: 50%;width:75px;max-width:23%;height:75px;}




.wraplist,.arclist {
width: 100%;
margin-left: -1px;
float:left;
}

a .zhankai, a #zhankai{background-color: #cdcdcd;font-size: 18px;padding: 10px 10px;background-color: #f1547f;color:#fff;width:100px; border-radius: 15px;margin: 0px auto 0px auto;}
a #zhan{font-size: 16px;padding: 5px 18px;background-color: #f1547f;color:#fff;width:100px;margin-bottom:10px;margin: 20px auto;border-radius: 5px;}
a #zhanhq{font-size: 16px;padding: 5px 18px;width:100px;margin: 0px auto;display:none;}
.packupButton {
    position: relative;
}

#gradient {
    position: absolute;
    top: -450px;
    left: 0;
    height: 450px;
    width: 100%;
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),#fff);
    background-image: linear-gradient(-180deg,rgba(255,255,255,0),#fff);
}

}