/*�ı��б�*/
.txtlist1 li{ font-size:16px; line-height:1.5em; vertical-align:middle; overflow:hidden;}
.txtlist1 li:hover{cursor:pointer;}
.txtlist1 li{background:url(../image/txtlist1.gif) 4px center no-repeat; text-indent:24px;padding: 5px 0px; text-overflow:ellipsis; white-space:nowrap;border-bottom:1px dotted #999999;}
.txtlist1 li.first{ background:none; padding-left:3px;}
.txtlist1 li .InfoTime{ display: none;}
.txtlist1 li a{color:#333;}
.txtlist1 li .InfoContent{ font-size:14px; color:#946B4E; white-space:normal}
.txtlist1 li img{ float:left; width:85px; margin-right:5px; border:1px solid #FFF; }
.txtlist1 li:hover{cursor:pointer;}

/*΢���б� ���ϵ׵�*/
.txtlist2 > li, .txtlist2 > a > li{	overflow:hidden;	border-radius: 5px 5px 10px 10px; -moz-border-radius: 5px 5px 10px 10px; -webkit-border-radius: 5px 5px 10px 10px;-o-border-radius:5px 5px 10px 10px; 	border:1px solid #d0d1d4;	margin: 10px auto;	padding: 4px 8px;	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);  -moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);-o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);	background: url(../image/bottom.png) repeat-x scroll left bottom #FFFFFF;	background-size:2px auto;}
.txtlist2 li .InfoTime{}
.txtlist2 li .GoTop{ text-align:left; font-weight:bold; height:22px; line-height:22px; color:#000;white-space:nowrap;text-overflow:ellipsis;}
.txtlist2 li .InfoPicture, .txtlist2 li .ChannelPicture{ border: 0px solid red}
.txtlist2 li .InfoPicture img, .txtlist2 li .ChannelPicture img{ width:100%;}
.txtlist2 li .InfoSContent, .txtlist2 li .ChannelSContent{ line-height: 1.4em;height:2.4em;overflow:hidden; border:0px solid #900; padding:5px 2px; color:#222222; font-size:12px;}
.txtlist2 li .ShowInfo{ height:21px;font-size:14px;line-height:16px;}
.txtlist2 .InfoTimeSide {margin:10px 8px 0px 0px;width:auto;font-size:12px;float:left;background-color:#179F00;padding:5px;position:relative;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-o-border-radius:12px;box-shadow:0 2px 1px 0 rgba(0,0,0,0.14);-webkit-box-shadow:0 2px 1px 0 rgba(0,0,0,0.14);-moz-box-shadow:0 2px 1px 0 rgba(0,0,0,0.14);-o-box-shadow:0 2px 1px 0 rgba(0,0,0,0.14);font-family:Georgia,"Times New Roman",Times,serif;}
.txtlist2 .InfoTimeSide p{color:#FFF}
.txtlist2 .InfoTimeSide p b {font-size:20px; }
.txtlist2 .InfoTimeSide p i {font-size:11px; }
.txtlist2 .InfoTimeSide span {position:absolute;top:10px;right:-4px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;width:12px;height:12px;transform:rotate(45deg) ;-webkit-transform:rotate(45deg) ;-moz-transform:rotate(45deg) ;-o-transform:rotate(45deg) ;-ms-transform:rotate(45deg) ;background-color:#179F00;}
.txtlist2 .ContactUs{ border-bottom:1px solid #999; }
.txtlist2 li:hover{cursor:pointer;}

/*���ʿ� �ϱ�����*/
.txtlist3 {    border: 0 none;    overflow: hidden;  border-radius: 5px;    margin: 2px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius:5px;list-style: outside none none;}
.txtlist3 li {    border: 1px solid #ccc; overflow: hidden;   border-radius: 5px;    margin-bottom: 6px;height:54px;overflow:hidden;}
.txtlist3 li a {    box-shadow: 0 -1px 1px rgba(255, 255, 255, 1) inset;    display: block;    padding: 6px 30px 6px 20px;    position: relative;color: #000000;    text-decoration: none;}
.txtlist3 li:nth-child(8n+1) a em {    background-color: #36a1db;}
.txtlist3 li a em {    display: block;    height: 100%;    left: 0;   position: absolute;    top: 0;    width: 8px;}
.txtlist3 li a p {    color: #858585;}
.txtlist3 li a span {    color: #333;    line-height: 24px;height:24px;overflow:hidden;display:block;}
.txtlist3 li a i {    color: #666;    display: block;    font-size: 12px;    font-style: normal;    line-height: 24px;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.txtlist3 li a b {    background: rgba(0, 0, 0, 0) url("../image/jt.png") no-repeat scroll 0 0 / 15px 19px;    display: block;    height: 19px;    margin-top: -10px;    position: absolute;    right: 10px;    top: 50%;    width: 15px;}
.txtlist3 li:nth-child(8n+2) a em {    background-color: #678ce1;}
.txtlist3 li:nth-child(8n+3) a em {    background-color: #8c67df;}
.txtlist3 li:nth-child(8n+4) a em {    background-color: #84d018;}
.txtlist3 li:nth-child(8n+5) a em {    background-color: #14c760;}
.txtlist3 li:nth-child(8n+6) a em {    background-color: #f3b613;}
.txtlist3 li:nth-child(8n+7) a em {    background-color: #ff8a4a;}
.txtlist3 li:nth-child(8n+8) a em {    background-color: #fc5366;}



/*��ťչ����ֻ��ҳ*/
.txtlist4 {display: block;margin: 0 auto;padding: 0;width: 96%;list-style: outside none none;}
.txtlist4 li.post {height: 80px;margin: 0 0 6px;position: relative;width: 100%;}
a.post_more {background: #e2e2e2 url("../image/bullet_cross_big.png") no-repeat scroll center center;border-bottom-right-radius: 8px; border-top-right-radius: 8px;text-align: center;display: block;height: 80px;overflow: hidden;position: absolute;right: 0;top: 0;width: 19%;}
.txtlist4 li.post a, .txtlist4 li.post span.tag {color: #f60;text-decoration: none;}
.post_right_reveal { background-color: #f4f4f4;height: 80px;left: 30%;padding: 0 0 0 2%;position: absolute;top: 0;width: 50%;z-index: 99;}
.txtlist4 li.post h5 {font-size: 14px;clear: both; font-weight: normal; letter-spacing: -1px;margin: 0;padding: 10px 0 20px 0;}
.post_right_unreveal {background-color: #399721;color: #ffffff;font-size: 14px;height: 80px;left: 33%;line-height: 24px;text-align:center; position: absolute;top: 0;width: 48%;z-index: 88;}
.post_right_unreveal a {color: #ffffff;font-weight: bold;margin-left:4px;}
span.post_comments {background: rgba(0, 0, 0, 0) url("../image/clickcount.png") no-repeat scroll 8% center;display: block;padding: 0 0 0 15px;}
span.post_author {background: rgba(0, 0, 0, 0) url("../image/author.png") no-repeat scroll 8% center;display: block;padding: 0 0 0 15px;}
a.post_readmore {font-size: 16px;font-weight: normal;padding: 0;}
.post_left {background-color: #587eac;border-bottom-left-radius: 8px;border-top-left-radius: 8px;color: #ffffff; height: 80px;left: 0;position: absolute;text-align: center;top: 0;width: 30%;padding:0;margin:0;}
span.day {display: block;font-size: 24px;padding: 0;height:45x;line-height:45px}
span.month {display: block;font-size: 14px;padding: 0px 0 0;;height:30px;line-height:30px}
#loadMore, #showLess, a.backtoblog {background-color: #b2b2b2;color: #ffffff; cursor: pointer;display: block;font-size: 14px;margin: 0 0 10px;padding: 3% 4%;text-align: center;width: 92%;}
.radius8 {border-radius: 8px;}
#showLess {display: none;}

/*��ť��ʾʱ�䣬�м�������ģ��Ҳ෽��ť*/
.txtlist5{width:99.4%;margin:0px auto;line-height:1.8}
.txtlist5 li{margin-bottom:2%}
.txtlist5 li a{display:block}
.txtlist5 li a .date{background:#355e92;border-bottom:#35536b solid 0.2em;width:12.5%;text-align:center;color:#fff;float:left}
.txtlist5 li a .date span{font-size:1em}
.txtlist5 li a .substance{background:#fff url(../image/txtlist5.png) no-repeat 97% center;background-size:auto 30%;width:81.5%;padding-left:2%;padding-right:4%;float:left}
.txtlist5 li a .substance h3{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;font-weight:normal;color:#333;font-size:16px;height:36px;border-bottom:#ccc solid 1px;}
.txtlist5 li a .substance p{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;font-size:12px;}
.txtlist5 li a:hover .date{background:#193a65;border-bottom:#c98000 solid 0.2em}


.txtlist6 li{display:block;margin:0 auto;color:#222222;font-weight:bold;text-decoration:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;position:relative;overflow:hidden;border-bottom:#eee solid 1px;border-top:#fcfcfc solid 1px;width:100%;}
.txtlist6 li a{ position:relative; display:block;height:47px;padding:8px; overflow:hidden;}
.txtlist6 li .img{width:40px;height:40px;float:left;display:inline;overflow:hidden;border-radius:40px; padding:3px; background-color:#fff; box-shadow:-1px 0 2px 0 rgba(0,0,0,0.1); position:absolute;top:8px;left:0px;z-index:9;}
.txtlist6 li .img em{display:block;width:40px;height:40px;overflow:hidden;border-radius:40px;box-shadow:0 0 5px 0 rgba(0,0,0,0.5) inset;}
.txtlist6 li img{width:40px;height:40px;margin-left:0px;float:left;}
.txtlist6 li:first-of-type{border-top:#fcfcfc solid 0px;}
.txtlist6 li:hover{background-color:#ddd;font-weight:bold;cursor:pointer;text-decoration:none;}
.txtlist6 li:active{background-color:#FAFAFB;font-weight:bold;cursor:pointer;text-decoration:none;}
.txtlist6 li .pt{float:left; display:block;max-width:95%;box-shadow:0 0 3px 0 rgba(0,0,0,0.1);background:url(ico-next.png) no-repeat 96%  center #fff;background-size:10px 18px;padding:5px 10px 5px 0px; position:relative;top:0px;left:10px; z-index:1; border-bottom-right-radius:40px;border-top-right-radius:40px; text-indent:30px;height:36px;}
.txtlist6 li h2{font-size:14px;color:#2f2f2f;font-weight:normal;font-weight:normal;line-height:20px;padding:0;max-width:100%;text-overflow:ellipsis;white-space:nowrap !important;overflow:hidden;}
.txtlist6 li p{display:block;font-size:12px;color:#9C9C9C;line-height:16px;font-weight:normal;margin-top:3px;overflow:hidden;padding-right:2px;text-overflow:ellipsis;white-space:nowrap !important;}

.txtlist7 .li { background-image: url("../image/txtlist7.png");    background-position: left center;    background-repeat: no-repeat;    background-size: contain;    margin-top: 15px;    padding-left: 66px;    position: relative;}
.txtlist7 .li > span.date {    border-bottom: 1px solid #ccc;    color: #355e92;    font-size: 14px;    top: 5px;}
.txtlist7 .li > span {    display: block;    left: 5px;    overflow: hidden;    position: absolute;    text-align: center;    text-overflow: ellipsis;    white-space: nowrap;    width: 44px;}
.txtlist7 .li > span.year {    color: #c9c9c9;    font-size: 18px;    top: 25px;}
.txtlist7 .li > a {    border-bottom: 1px solid #c1c1c1;    color: #222;    display: block;    overflow: hidden;    padding: 3px 0;    text-overflow: ellipsis;    white-space: nowrap;text-decoration: none;}
.txtlist7 .li > a i img{float:right;}
.txtlist7 .li > p {    color: #555;    font-size: 12px;    overflow: hidden;    padding: 5px 0;    text-overflow: ellipsis;    white-space: nowrap;}


.txtlist8{width:100%;clear:both;}
.txtlist8 li {    border-bottom: 1px solid #e8e8e8; line-height: 22px;    padding-bottom: 8px; padding-left: 2px;    padding-top: 4px;}
.txtlist8 li a{color:#222222;font-size:14px;font-weight:bold;white-space:nowrap;height:18px;width:98%;}
.txtlist8 li .news_list_t {    height: 18px;    margin-top: 0px;}
.txtlist8 .news_list_t .divleft {    color: #666;    float: left;    font-size: 12px;    padding: 0 2px;}
.txtlist8 .news_list_t .divright {    color: #666;    float: right;    font-size: 12px;    margin-right: 6px;}
.txtlist8 .news_list_t .divright span {    padding-right: 5px;}
.txtlist8 .news_list_t .divright img {    vertical-align: middle;}

.txtlist9{width:98%;clear:both;overflow:hidden;}
.txtlist9 {    color: #666;}
.txtlist9 .list img, .txtlist9 .list {    margin-right: 2px;    vertical-align: middle;}
.txtlist9 li {    border-bottom: 1px solid #ccc;    box-sizing: border-box;    padding: 5.5px 1%;}
.txtlist9 .tx {    color: #333333;    vertical-align: middle;font-weight:bold;font-size:14px;white-space:nowrap;height:18px;}
.txtlist9 .tR {    clear: both;    font-size: 12px;    padding-top: 5px;    text-align: right;}
.txtlist9 .qq, .txtlist9 .rp, .txtlist9 .tm, .txtlist9 .sd {    background: rgba(0, 0, 0, 0) url("../image/txtlist9.png") no-repeat scroll 0 0 / 210px 99px;    color: #666;    display: inline-block;    height: 18px;    padding-left: 16px;    vertical-align: middle;}
.txtlist9 .l {    float: left;}
.txtlist9 .qq {    background-position: -195px -39px;}
.txtlist9 .rp {    background-position: -195px -19px;}
.txtlist9 .tm {    background-position: -195px 1px;}

.txtlist10{width:100%;clear:both;margin:0 auto;}
.txtlist10 dl {    border-bottom: 1px solid #dcdcdc;    padding: 5px 4px;    width: 100%;background: rgba(255, 255, 255, 0.48) none repeat scroll 0 0;}
.txtlist10 dt {    text-align: left;margin:0;padding:0;}
.txtlist10 dt a {    color: #444444; font-weight:bold;   font-size: 14px;white-space:nowrap;}
.txtlist10 dd { margin:0;padding:0;}
.txtlist10 .bbsdata_info {    color: #898989;    font-size: 13px;    margin-top: 9px;    text-align: left;    width: 100%;}
.txtlist10 .bbsdata_info a {    color: #898989;    font-size: 13px;}
.txtlist10 .author {   color: #898989;    margin-right: 15px;}
.txtlist10 .collect_num {    background: rgba(0, 0, 0, 0) url("../image/txtlist10.gif") no-repeat scroll 0 3px;   color: #898989;    margin-right: 15px;    padding-left: 14px;}
.txtlist10 .read_num {    background: rgba(0, 0, 0, 0) url("../image/txtlist10_0.gif") no-repeat scroll 0 3px;    color: #898989;   float:right;padding-left: 14px;margin-right:12px;}


.txtlist11{width:97%;clear:both;margin:0 auto;}
.txtlist11 li {    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;    margin: 0;    padding: 0;    display: block;    list-style: outside none none;}
.txtlist11 li.ds-post {    border-top: 1px solid rgba(0, 0, 0, 0.13);    clear: both;    list-style: outside none none;    margin: 0;    overflow: hidden;    padding: 0;    width: 100%;}
.txtlist11 .ds-post-self::after {    clear: both;    content: ".";    display: block;    height: 0;    visibility: hidden;}
.txtlist11 .ds-post-self { border-top: 1px solid rgba(255, 255, 255, 0.7);    padding: 10px;    position: relative;    padding: 10px 0 10px 20px;}
.txtlist11 .ds-avatar{    background: #e5e6d0 url("../image/txtlist11.jpg") repeat scroll 0 0;    border-radius: 46px;    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);    float: left;    position: relative;    height: 36px;    left: -20px;    padding: 5px;    top: 26px;    width: 36px;}
.txtlist11 a {    background-color: transparent;    color: #777;    cursor: pointer;    text-decoration: none;    transition: color 0.15s linear 0s;}
.txtlist11 .ds-avatar a {    background-color: #fff !important;    border: 1px solid #b9baa6;    border-radius: 50%;    display: inline-block;    height: 32px;    padding: 1px;    width: 32px;}
.txtlist11 .ds-avatar img {    border-radius: 32px;    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);    height: 32px !important;    transition: all 0.4s ease-in-out 0s;    width: 32px !important;    display: block;    height: 50px;    max-width: none;    width: 50px;}
.txtlist11 .ds-comment-body {    background: rgba(240, 240, 240, 0.55) none repeat scroll 0 0;    border-radius: 5px;    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.75) inset;    padding: 15px 15px 12px 28px;white-space:nowrap;}
.txtlist11 .ds-comment-header {    padding-top: 1px;}
.txtlist11 .ds-comments a.ds-user-name {   color: #696a52 !important;    font-weight: bold;}
.txtlist11 .ds-comment-body a {    color: #777;}
.txtlist11 .ds-highlight {    color: #848568 !important;   font-family: Arial,Helvetica,sans-serif;    font-size: 14px;    font-weight: bold;}
.txtlist11 .ds-user-name {    color: #777;    font-size: 13px;    margin-right: 8px;height:28px;line-height:28px;overflow:hidden;white-space:nowrap;}
.txtlist11 .ds-comment-body p { clear: none;    text-indent: 0;   color: #787968;font-size: 13px;  height:1.5em;  line-height: 1.5em;    margin: 0.5em 0; overflow:hidden;white-space:nowrap;}
.txtlist11 .ds-comment-footer {    line-height: 1.5em;}
.txtlist11 .ds-time {    color: #999;    font-size: 12px;    margin-right: 8px;}
.txtlist11 .ds-comment-actions a {    color: #999;    font-size: 12px;}
.txtlist11 .ds-comment-footer a {    margin: 0 6px 0 0;    padding: 0 6px 0 0;}
.txtlist11 .ds-comment-actions a .ds-icon {    position: relative;    top: -1px;}
.txtlist11 .ds-icon {		opacity: 0.6;    transition: opacity 0.15s linear 0s;    background: transparent url("../image/txtlist11_1.png") no-repeat scroll 0 0;    display: inline-block;    overflow: hidden;    vertical-align: middle;}
.txtlist11 .ds-icon-reply {    background-position: 0 -105px;    height: 13px;    width: 18px;}
.txtlist11 .ds-icon-like {    background-position: 0 -117px;    height: 13px;    width: 14px;}
.txtlist11 .ds-icon-share {    background-position: 0 -234px;    height: 13px;    width: 18px;}
.txtlist11 .ds-icon-report {    background-position: 0 -189px;    height: 12px;    width: 12px;}
.txtlist11 .ds-post-self:hover .ds-avatar img {    transform: rotate(360deg);}


/*������ͼ�ı��б� ��ͼ����*/
.imglist1 li {line-height:1.8em;overflow:hidden;width:100%; margin-bottom:5px;font-size:13px; vertical-align:middle;}
.imglist1 li img{ float:left; width:90px;height:68px; margin-right:8px; border:1px solid #FFF;margin-top:2px; }
.imglist1 li a:hover img { border:1px solid #034b9f; }
.imglist1 li .InfoTitle{color:#336;}
.imglist1 li p{height:3em; overflow:hidden; color:#766; line-height:1.5em; margin:0px;}
.imglist1 li:hover{cursor:pointer;}

/*ͼ�ϱ��� ����*/
.imglist2{ width:99%;border:0px solid red; margin:0px auto;vertical-align:middle;font-size:16px;}
.imglist2 li{float:left;text-align: center; border:0px dashed blue; width:48%; }
.imglist2 li a{display:block; margin:5px;  padding-top:0px;background-color:#FFFFFF;border:1px solid #CCC ;border-radius:8px;-webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -webkit-box-shadow: 0px 1px 3px rgb(190, 190, 190); -moz-box-shadow: 0px 1px 3px rgb(190, 190, 190); -o-box-shadow: 0px 1px 3px rgb(190, 190, 190); box-shadow: 0px 1px 3px rgb(190, 190, 190);}
.imglist2 li .ChannelName{ text-align:center;  height:22px; line-height:22px; border:0px dashed red; padding:5px; font-size:14px}
.imglist2 li .ChannelIcon{text-align: center;	font-weight: bold;	overflow:hidden;	background: white center center no-repeat; 	padding: 0px;	color:#FFFFFF;	margin:auto;	border:0px solid red;	border-radius:8px 8px 0px 0px;-webkit-border-radius:8px 8px 0px 0px; -moz-border-radius:8px 8px 0px 0px; -o-border-radius:8px 8px 0px 0px; }
.imglist2 li .ChannelIcon img{ vertical-align:middle; width:99%; }
.imglist2 li:hover{cursor:pointer;}

/*һ��һ��  ����Բ*/
.imglist3	{}
.no-bottom {margin-bottom: 0 !important;padding-bottom: 0 !important;}
.one-half-responsive{width:94%;float:left;margin:auto 3%;}
.thumb-clear{height:40px;display:block;width:100%;}
.thumb-left{line-height:24px;	display:block;	padding-bottom:10px;}
.thumb-left a{	display:block;	text-align:right;}
.thumb-left img{	width:100px;	height:100px;	border-radius:100px;	float:left;	margin-right:20px;    transition:all 500ms ease;}
.thumb-left img:hover{    transform:scale(0.9, 0.9);    transition:all 500ms ease;}
.thumb-left strong{	color:#1a1a1a;	display:inline-block;padding-bottom:5px;	font-size:14px;}
.thumb-left em{	font-style:normal;color:#666;font-size:12px;}
.thumb-right{	line-height:24px;display:block;	padding-bottom:10px;}
.thumb-right img{	width:100px;	height:100px;	border-radius:100px;	float:right;	margin-left:20px;    transition:all 500ms ease;}
.thumb-right img:hover{   transform:scale(0.9, 0.9);    transition:all 500ms ease;}
.thumb-right strong{	color:#1a1a1a;	display:inline-block;	padding-top:5px;	padding-bottom:5px;	font-size:13px;}
.thumb-right em{	font-style:normal;color:#666;font-size:12px;}

.decoration{ 	height:1px;	background-color:rgba(0,0,0,0.1);	margin-bottom:30px;	display:block;	clear:both;}

.thumb-left strong a,.thumb-right strong a{font-size:14px;color:#333}	

/*�󵹽�Բ ��С��ͷ*/
.imglist4 {    margin: 0; list-style: outside none none; padding: 0;    position: relative;}
.imglist4::before {    bottom: auto;    content: "";    display: block;    height: 1px;    left: 0;    position: absolute;    right: auto;    top: 0;    transform-origin: 50% 0 0;    width: 100%;    z-index: 15;}
.imglist4::after {      bottom: 0;    content: "";    display: block;    height: 1px;    left: 0;    position: absolute;    right: auto;    top: auto;    transform-origin: 50% 100% 0;    width: 100%;    z-index: 15;}
.imglist4 .swipeout {    overflow: hidden;    transform-style: preserve-3d;}
.imglist4 li {    border-bottom: 1px solid #ddd;    margin: 0 0 20px;    padding: 10px 0;}
.imglist4 li {    box-sizing: border-box;    position: relative;}
.imglist4 .swipeout-content {    position: relative;    z-index: 10;}
.imglist4 .post_thumb {    float: left;    width: 15%;margin-left:10px;}
.imglist4 .post_thumb img {    border-radius: 100px;    display: inline-block;    width: 100px;height:100px}
.imglist4 .post_details {    float: left;    margin: 0 0 0 10px;    width: 70%;}
.imglist4 .post_details h2 {   font-size: 16px;    font-weight: 400;    line-height: 18px;    margin: 0 0 10px;    padding: 0;}
.imglist4 .post_details h2 a {    color: #333;    text-decoration: none;}
.imglist4 .post_details p { font-size:12px; color:#999;  clear: both;    margin: 0;    padding: 0 0 15px;    line-height: 20px;    padding: 0;}
.imglist4 .post_details span, .post_single span {    display: inline-block;    padding: 0 5px;}
.imglist4 .post_details span.post_comments, .post_single span.post_comments {    background: rgba(0, 0, 0, 0) url("images/comments.png") no-repeat scroll right center;    padding: 0 20px 0 0;}
.imglist4 .post_swipe {   align-items: center;    float: right;    height: 100%;    text-align: center;    width: 5%;}
.imglist4 .post_swipe img {    display: block;    padding: 40px 0 0;}
.imglist4 span.post_date2{font-size:12px;color:#666}
.imglist4 span.post_author2{font-size:12px;color:#666}
.imglist4 span.post_comments2{font-size:12px;color:#666}

/*��ͼ�±꣬�ײ�����*/
.imglist5 {} 
.tm_div {   cursor: pointer;    height: auto;    margin: 10px auto 0;    max-width: 500px;    overflow: hidden;    position: relative;    text-align: center;    width: 98%;}
.tm_pro {   float: left;    max-height: 180px;    max-width: 500px;    overflow: hidden;    position: relative;    text-align: left;    width: 100%;}
.tm_pro img {max-height:180px;border-radius: 15px 15px 0 0;-webkit-border-radius: 15px 15px 0 0;-moz-border-radius: 15px 15px 0 0;-o-border-radius:15px 15px 0 0; }
.tm_type {    background-color: #000000;    color: #ffffff;    float: left;    height: 25px;    left: 0;   line-height: 25px;    opacity: 0.5;    position: absolute;    top: 5px;    z-index: 1;}
.tm_type a {    color: #ffffff;    text-decoration: none;}
.tm_title {    bottom: 3px;    color: #ffffff;    float: left;    height: auto;    left: 0;    padding-bottom: 5px;    position: absolute;   width: 100%;}
.tm_title_bg {    background-color: #000000;    bottom: 0;    float: left;    height: 100%;    left: 0;    opacity: 0.5;    position: absolute;    width: 100%;    z-index: 1;}
.tm_title_con {    bottom: 0;    float: left;    height: 100%;    left: 0;    position: relative;    width: 100%;    z-index: 2;}
.tm_title_con_1 {    float: left;    height: 20px;    line-height: 20px;    margin-left: 2%;    text-align: left;    width: 98%;}
.tm_title_con_1 a {    color: #ff5400;    text-decoration: none;}
.tm_title_con_2 {    float: left;    font-size: 12px;    height: auto;    line-height: 16px;    margin-left: 2%;    overflow: hidden;    text-align: left;    width: 98%;}
.tm_title_con_2 a {    color: #ffffff;    text-decoration: none;}

/*��ͼ���� ��������*/
.imglist6 { width: 100%;}
.imglist6::after {    clear: both;    content: ".";    display: block;    font-size: 0;    height: 0;    visibility: hidden;}
.imglist6 dl {    background: #fff none repeat scroll 0 0;    float: left;    margin: 0 0 10px;    min-height: 120px;    position: relative;    width: 100%;}
.imglist6 dl dt {    float: left;    height: 140px;    position: absolute;    width: 180px;}
.imglist6 dl dt img {    height: 100%;    width: 100%;height: 140px;}
.imglist6 dl dt span {    left: 50%;    position: absolute;    top: 50%;    transform: translateX(-50%) translateY(-50%);}
.imglist6 dl dd {    box-sizing: border-box;    float: left; height:140px;   margin: 0;    padding-left: 180px;    width: 100%;}
.imglist6 dl dd h3 {    border-bottom: 1px solid #c6c6c6;    font-size: 14px;    line-height: 18px;    margin: 0 13px;    padding: 4px 0;word-break:break-all;overflow: hidden;height: 1.8rem;}
.imglist6 dl dd p {    color: #707070;    font-size: 12px;    line-height: 14px;    margin: 0 13px;    padding: 5px 0;word-break:break-all;overflow: hidden;height: 4.25rem;}
.imglist6 dl dd a {    color: #000;    float: right;    font-size: 12px;    margin-right: 10px;}

/*ȫ�򵹽ǣ��ϱ���ͼ*/
.imglist7{ margin:4px auto;	padding:0px;width:98%; }
.weimob-list-item{position: relative;display: block;height:240px;overflow: hidden;background:none;padding-bottom:10px;margin:20px auto;border-radius:15px; border:1px solid #f5f5f5; box-shadow:1px 2px 3px #666;}
.weimob-list-item a:last-child{ border:none;}
.weimob-list-item-summary{ font-size:0.8rem; color:#333; line-height:31px;max-height:100px;}
.weimob-list-item-fulltitle{ font-size:12px; color:#aaa;}
.weimob-list-item-line{padding-left:10px; width:100%;display: block;box-sizing: border-box;}.weimob-copyright{ color:#000;}.weimob-copyright{ color:#000;}.icon-arrow-r {background-position: 	-108px 2px;}
.weimob-list-item{    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.4);}
.weimob-list-item-line {    padding-left: 10px!important;    padding-right: 10px;}
.weimob-list-item-all-title{    font-size:16px;    padding-top:5px;    line-height:20px  }

/*������ �Ҳ�ͼ�� ���·���*/
.imglist8::before, .imglist8::after {  content: " ";    display: table;}
.imglist8::after {    clear: both;}
.imglist8::before, .imglist8::after {    content: " ";    display: table;}
.imglist8 {    font-family: Verdana,sans-serif;    font-size: 13px;    margin: 0 auto;    max-width: 500px;}
.imglist8 .news-headlines {    float: left;    width: 49%;list-style: outside none none;position: relative;}
.imglist8 * {    box-sizing: border-box;    margin: 0;    padding: 0;}
.imglist8 .news-headlines li::before {    background: #888 none repeat scroll 0 0;    content: "";    display: inline-block;    height: 5px;    margin-left: -12px;    margin-right: 7px;    vertical-align: middle;    width: 5px;}
.imglist8 .news-headlines li {    color: #336699;    margin-bottom: 22px;    padding: 5px 20px 5px 24px;    position: relative;    z-index: 20;border:0;}
.imglist8 .news-headlines li:hover {text-decoration:underline;cursor:pointer;}
.imglist8 .nh-anim {    transform: translateZ(0px);    transition: all 0.75s ease-out 0s;-webkit-transition: all .75s ease-out;    -moz-transition: all .75s ease-out;    -o-transition: all .75s ease-out;    transition: all .75s ease-out;    -webkit-transform: translateZ(0);    -moz-transform: translateZ(0);    -o-transform: translateZ(0);    transform: translateZ(0);}
.imglist8 .news-preview {height: 304px;    background: #f5f2f2 none repeat scroll 0 0;    border: 1px solid #999;    float: left;    margin-left: -1px;    min-height: 304px;    position: relative;    width: 51%;    z-index: 5;overflow:hidden;}
.imglist8 .news-content {    background: #f5f2f2 none repeat scroll 0 0;    display: none;    left: 0;    padding: 10px;    position: absolute;    top: 0;    z-index: 10;}
.imglist8 .news-preview img {    border: 1px solid #999;    display: block;    height: auto;    margin: 0 auto 5px;    max-height: 143px;    max-width: 220px;    width: 100%;}
.imglist8 p {    margin-bottom: 12px;}
.imglist8 .news-content a {    color: #336699;    text-decoration: none;}
.imglist8 .top-content {    display: block;}
.imglist8 .news-headlines .highlight {     width: 100%;     background: #ededed;     border-top: solid 1px #999;     border-left: solid 1px #999;     border-bottom: solid 1px #999;     position: absolute;     top: 0;     left: 0;     z-index: 10; }
.imglist8 .news-headlines .highlight:before {    display: none;  }


.imglist9 li{display:block;margin:0 auto;color:#222222;font-weight:bold;text-decoration:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;position:relative;overflow:hidden;border-bottom:rgba(51,51,51,0.1) solid 1px;width:100%;}
.imglist9 li a{padding:8px 40px 8px 8px;display:block; overflow:hidden;}
.imglist9 li .img{width:80px;height:60px;float:left;margin:0 10px 0 0;display:inline;overflow:hidden;padding:3px; background-color:#fff; box-shadow:0 0 1px 0 rgba(0,0,0,0.2);}
.imglist9 li .img img{width:80px;height:60px;}
.imglist9 li:hover{background-color:rgba(153,153,153,0.1);font-weight:bold;cursor:pointer;text-decoration:none;}
.imglist9 li h2{font-size:16px;color:#2f2f2f;font-weight:normal;height:30px;font-weight:normal;line-height:30px;padding:0;max-width:100%;text-overflow:ellipsis;white-space:nowrap !important;white-space:normal;overflow:hidden;}
.imglist9 li p{display:block;font-size:12px;color:#9C9C9C;line-height:16px;font-weight:normal;margin-top:3px;overflow:hidden;text-overflow:ellipsis;padding-right:2px;}
.imglist9 li .icon{margin-top:-11px;position:absolute;top:50%;right:10px;height:23px;width:14px;background:url(../image/ico-next.png) no-repeat 0 0;background-size:14px 23px;}

.imglist10{clear:both;width:100%;}
.imglist10 .best{font-size: 12px;width: 16px;height: 16px;margin-top: -1px;margin-left: 5px;line-height: 16px;background: #ef9009;position: relative;display: inline-block;color: #fff;text-align: center;vertical-align: middle;}
.imglist10 .date{float: right;}
.imglist10 .hit{display: inline-block;padding-left: 15px;background: url(../image/imglist10_1.png) no-repeat 0 6px;-webkit-background-size: 15px 13px;background-size: 15px 13px;}
.imglist10 .praise{margin-left: 8px;display: inline-block;padding-left: 20px;background: url("../image/imglist10_2.png") no-repeat 0 5px; -webkit-background-size: 17px 14px;background-size: 17px 14px;}
.imglist10 .pic{width: 70px;height: 70px;overflow: hidden;text-align: center;display: block;position: absolute;left:0;top: 12px;}
.imglist10 .pic img{width: 70x;height: 70px;vertical-align: middle;}
.imglist10 > li > a{height: 70px;border-bottom: 1px solid #e4e4e4;display: block;position: relative;left: 0;top: 0;padding: 10px 0 10px 80px;margin: 0 2px;}
.imglist10 .title{line-height: 24px;max-height: 48px;margin-bottom: 2px;overflow: hidden;font-size:14px;color:#111;}
.imglist10 .hit,.imglist10 .date,.imglist10 .praise,.imglist10 .hit{color: #666;font-size: 12px;line-height: 24px;}
.imglist10 .txt{white-space:nowrap;}

.imglist11{clear:both;width:100%;}
.imglist11 > li > a{height: 85px;border-bottom: 1px solid #e4e4e4;display: block;position: relative;left: 0;top: 0;padding: 10px 0 10px 125px;margin: 0 2px;}
.imglist11 .pic{width: 110px;height: 83px;overflow: hidden;text-align: center;display: block;position: absolute;left:0;top: 10px;}
.imglist11 .pic img{width: 110px;height: 83px;vertical-align: middle;}
.imglist11 .title{line-height: 24px;max-height: 48px;margin-bottom: 10px;overflow: hidden;font-size:14px;color:#111;}
.imglist11 .hit,.imglist11 .date{color: #999;font-size: 12px;line-height: 24px;}
.imglist11 .hit{padding-left: 18px;float: right;margin-right: 5px;background: url(../image/imglist10_1.png) no-repeat 0 6px;-webkit-background-size: 15px 13px;background-size: 15px 13px;}
.imglist11 .spread{float: right; background: #ff8400; padding: 2px 5px; color: #fff; font-size: 12px;}
.imglist11 .date{color: #999;}
.imglist11 .best{font-size: 12px;width: 16px;height: 16px;margin-top: -1px;margin-left: 5px;line-height: 16px;background: #ef9009;position: relative;display: inline-block;color: #fff;text-align: center;}

.imglist12{clear:both;width:98%;margin:0 auto;overflow:hidden;}
.imglist12 li{border-bottom: 1px solid #e8e6e5;    padding: 28px 0 24px;    position: relative;}
.imglist12 .click-expand {    display: block;    height: 100%;    position: absolute;    top: 0;    width: 100%;}
.imglist12 .divcnt {    align-items: flex-start;    display: flex;}
.imglist12 .coverimg {    background-position: 50% 50%;    background-repeat: no-repeat;    background-size: auto 74px;    height: 74px; width: 88px;}
.imglist12 .divtext {    -moz-box-flex: 1;    flex: 1 1 0;    font-size: 15px;    padding-right: 14px;}
.imglist12 .divtitle {    font-size: 16px;    line-height: 22px;    margin-top: -2px;height:22px; overflow: hidden;}
.imglist12 .divstats {    color: #999;    font-size: 12px;}
.imglist12 .divcontent {    font-size: 12px;    height: 40px; color:#666;   line-height: 18px;    margin: 10px 0 10px; height:40px;  overflow: hidden;}


.imglist13{clear:both;width:98%;margin:0 auto;}
.imglist13 li {    background: rgba(255, 255, 255, 0.68) none repeat scroll 0 0;    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);    margin: 5px auto 0;    padding: 6px 4px;    width: 98%;}
.imglist13 li a {    display: block;    overflow: hidden;    width: 100%; color: #555;    cursor: pointer;    text-decoration: none;}
.imglist13 .Conpic {    display: inline;    float: left;    height: auto;    margin-right: 8px;    width: 80px;}
.imglist13 .Conpic img{height:60px;}
.imglist13 .Contxt {    max-height: 60px;    overflow: hidden;    width: auto;}
.imglist13 .Contxt h3 {    display: block;    font-size: 14px;    line-height: 20px;    max-height: 20px;    overflow: hidden;    width: 100%;}
.imglist13 .Confun {    display: block;   height: 24px;    line-height: 20px;    overflow: hidden;    width: 100%;}
.imglist13 .Confun span{font-size:12px;}
.imglist13 .click,.imglist13 .shoucang, .imglist13 .time {    background: rgba(0, 0, 0, 0) url("../image/imglist13.png") no-repeat scroll 0 0;   color: #666;    display: block;}
.imglist13 .click {    background-position: 0 -438px;    float: left;    padding-left: 18px;    width: 25%;}
.imglist13 .time {    background-position: 0 -513px;    float: left !important;    padding-left: 20px;    width: 57%;}


.imglist14{padding:0;margin: 0px 1%; width: 99.8%;}
.imglist14 li{list-style: none; position: relative;margin: 18px 2% 10px 2%; border-radius: 5px; padding:6px 0 0 0;background-color:#e4e4e4;background-repeat:repeat-x;background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#e4e4e4),to(#f3f3f3));background:-webkit-linear-gradient(top,#f3f3f3,#e4e4e4);background:-moz-linear-gradient(top,#f3f3f3,#e4e4e4);background:-ms-linear-gradient(top,#f3f3f3,#e4e4e4);background:-o-linear-gradient(top,#f3f3f3,#e4e4e4);}
.imglist14 li:before{ content: " "; position: absolute; top:-6px; left: 0; width: 100%; height: 12px; background: url("../image/bg-book-top.png") repeat-x; background-size: contain;}
.imglist14 li:after{content: " "; position: absolute; bottom:-6px; left:1%; width:98%; height: 6px; border-radius: 0 0 5px 5px; background: #dfd5c7; box-shadow:1px 1px 2px #d7d7d7;}
.imglist14 a{text-align: left;height: 100%;padding: 10px;display: block;background: url("../image/arrow.png") no-repeat right center;background-size: auto 10px;background-origin: content-box;}
.imglist14 a:active,.imglist14 a.active{ background-color: #eee;}
.imglist14 a >*{height: 50px; vertical-align: middle; display: table-cell;}
.imglist14 a >*:last-child{width: 100%;}
.imglist14 .list-img b{ width: 60px; height: 60px; border-radius: 1000px; overflow: hidden;text-align: center; display: block; position: relative;line-height: 60px; }
.list-img .fa{ font-size: 50px; width: 60px; height: 60px; color: #999;line-height: 60px;}
.list-img img{width: 100%; height: 100%; border-radius: 10000px; float: left;}
.imglist14 .list-text>*{padding-right: 10px;font-weight: 100;  line-height: 20px; }
.imglist14 h1,.imglist14 h2{text-indent: 10px;overflow:hidden;height: 20px;}
.list-text b,.list-text small{ padding-left: 10px; display: block;}
.imglist14 a >*:first-child h1,.imglist14 a >*:first-child h2{text-indent: 0;}
.imglist14 a >*:first-child b,.imglist14 a >*:first-child small{ padding-left: 0;}
.imglist14 h1,.list-text b{ font-size: 14px; color: #333;}
.imglist14 h2,.list-text small{ font-size: 12px; color: #e8645a;}


/*�����б� ͼ������*/
.psnlist1 li{width:33%;overflow:hidden;float:left; line-height:0em;vertical-align:middle;font-size:16px;}
.psnlist1 li .InfoTitle{ height: 30px; line-height:30px; overflow: hidden; font-size:14px; padding:0px 5px; text-align:center;}
.psnlist1 li .InfoPicture { padding:0px 5px;}
.psnlist1 li .InfoPicture img{ border:2px solid #FFF;}
.psnlist1 li:hover{cursor:pointer;}

/*��򵹽� ��ͼ����*/
.psnlist2{width:99%;margin:0 auto;}
.psnlist2 .qtao{padding-bottom:10px;width:100%;}
.psnlist2 .qtao .mg{width:100%;background:#16a086;border-radius:10px; -webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;}
.psnlist2 .qtao .mg .mgl{width:40.85714%;}
.psnlist2 .qtao .mg .mgl img{height:130px;width:100%;margin-top:5px;border-radius:50%; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;}
.psnlist2 .qtao .mg .mgl,.psnlist2 .qtao .mg .mgr{float:left;}
.psnlist2 .qtao .mg .mgr{width:53%;margin-left:3.71428%;/*margin-top:6.19834%;*/}
.psnlist2 .qtao .mg .mgr h3 a{color:#ffffff;font-size:137.5%;}
.psnlist2 .qtao .mg .mgr .what .time{float:left;}
.psnlist2 .qtao .mg .mgr .what .hit{margin-left:9.90783%;}
.psnlist2 .qtao .mg .mgr .what .time .tub{float:left;margin:3px 4px 0px 4px;}
.psnlist2 .qtao .mg .mgr .what .time .tub img{width:20px;height:20px}
.psnlist2 .qtao .mg .mgr .what .time .shij{float:left;height:1.5em;line-height:1.5em;font-size:87.5%;color:#cccccc;margin-left:5px;}
.psnlist2 .qtao .mg .mgr .jianj{color:#cccccc;font-size:100%;height:62px;line-height:1.4em;margin-top:4px;clear:both;overflow:hidden}

/*������ͼ �Ҳ�����*/
.psnlist3{position:relative;margin-top:35px;}
.templatemo-album {   cursor: pointer;    margin-top: 10px;    position: relative;float: left;width:100%;}
.templatemo-album-images, .templatemo-album-img-frame {    width: 70%;}
.templatemo-album-images {    float: left; }
.templatemo-album-img {   left: 26px; top: 27px; width: 120px;height:120px;}
.templatemo-album-img {   position: absolute;    transition: all 0.2s ease 0s; z-index: 100;}
.img-circle {    border-radius: 50%;}
.templatemo-album img {    vertical-align: middle; border: 0 none;}
.templatemo-album-img-bg {    left: 0px;    top: 0px; position: absolute;  z-index: -100;width:172px;height:173px;}
.templatemo-album-images, .templatemo-album-img-frame { }
.templatemo-album-img-frame { width:228px;height:175px;}
.templatemo-album-description {    display: inline-block;    text-align: left;    vertical-align: middle;}
.templatemo-album-description {    float: left;    width: 90px;}
.templatemo-album-name a{color:#f60;}
.templatemo-album-artist {    margin-top: 24px;}
.templatemo-album-date {    margin-top: 68px;}

.mainlist1_1 {    min-height: 30px;    width: 100%;}
.butgroupList::after {    clear: both;    content: ".";    display: block;    height: 0;    visibility: hidden;}
.mainlist1_1 .butgroupList {    width: 100%;}
.mainlist1_1 .butgroupList li {    float: left;width: 46%;margin:10px 2%;}
.mainlist1_1 .butItem, .mainlist1_1 .DbutItem {    color: #fff;    display: block;    margin: 0 1% 5px;    opacity: 1;    position: relative;}
.mainlist1_1 .butgroupList li a.itemA {    display: block;    overflow: hidden;    position: relative;   height: 100px;    opacity: 1;}
.mainlist1_1 .yuanImgicon {    height: 100%;     overflow: hidden;     width: 100%;}
.mainlist1_1 .yuanImgicon img {    height: 100%;    width: 100%;opacity: 0.69;}
.mainlist1_1 .butText {  position:absolute; top:12px;left:45%;   font-weight: 68;  overflow: hidden;color: #0066ff;    font-family: "΢���ź�";    font-size: 16px;    font-weight: bold;}
.mainlist1_1 .butText b {  width:16px;display:block;line-height:20px;  font-weight: inherit;}


/* ���˵�1 ����ͼ�м��������� */
.mainlist1 {    min-height: 30px;    width: 100%;}
.butgroupList::after {    clear: both;    content: ".";    display: block;    height: 0;    visibility: hidden;}
.mainlist1 .butgroupList {    width: 100%;}
.mainlist1 .butgroupList li {    float: left;width: 31.3%;}
.mainlist1 .butItem, .mainlist1 .DbutItem {    color: #fff;    display: block;    margin: 0 1% 5px;    opacity: 1;    position: relative;}
.mainlist1 .butgroupList li a.itemA {    display: block;    overflow: hidden;    position: relative;   height: 72px;    opacity: 1;}
.mainlist1 .yuanImgicon {    height: 100%;     overflow: hidden;     width: 100%;}
.mainlist1 .yuanImgicon img {    height: 100%;    width: 100%;opacity: 0.49;}
.mainlist1 .butText {  position:absolute; top:4px;left:40%;   font-weight: 68;  overflow: hidden;color: #0066ff;    font-family: "΢���ź�";    font-size: 14px;    font-weight: bold;}
.mainlist1 .butText b {  width:16px;display:block;line-height:16px;  font-weight: inherit;}

/* ���˵�2 ��Ƭ���껺��ɢ�� */
.mainlist2 { width:100%;overflow:hidden;margin:0px auto 30px auto;}
.mainlist2 .arowbg {display:block; position:relative; width:300px; margin:0 auto; height:300px; padding:20px 0;}
.mainlist2 .maskshow {display:block; position:absolute; width:300px; height:300px; z-index:99; background:#d6d6d6;-webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%;-webkit-animation:maskshow 1.5s ease both;-moz-animation:maskshow 1.5s ease both;}
@-webkit-keyframes maskshow{0%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(0)}}
@-moz-keyframes maskshow{0%{-moz-transform:scale(1)}100%{-moz-transform:scale(0)}}
.mainlist2 .icon01{height:90px; width:90px; display:block; position:relative; margin:0 auto;}
.mainlist2 .arrow01{width:90px;}
.mainlist2 .arrow01:before{content:''; height:90px; width:90px; display:block; position:absolute; top:2px; left:0px; z-index:0; background:#19b8e2;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; color:#fff; text-align:center;}
.mainlist2 .arrow01:after{content:''; height:0px; width:0px; display:block; position:absolute; top:60px; left:1px; border:50px transparent solid; border-top-color:#19b8e2; border-width:80px 44px 0px 44px; }
.mainlist2 .icon02{height:90px; width:90px; display:block; position:absolute; right:15px; top:74px;-webkit-transform:rotate(61deg);-moz-transform:rotate(61deg); transform:rotate(61deg);}
.mainlist2 .arrow02{width:90px;}
.mainlist2 .arrow02:before{content:''; height:90px; width:90px; display:block; position:absolute; top:2px; left:0px; z-index:0; background:#1ca555;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; color:#fff; text-align:center;}
.mainlist2 .arrow02:after{content:''; height:0px; width:0px; display:block; position:absolute; top:60px; left:1px; border:50px transparent solid; border-top-color:#1ca555; border-width:80px 44px 0px 44px; }
.mainlist2 .icon03{height:90px; width:90px; display:block; position:absolute; right:15px; bottom:76px;-webkit-transform:rotate(119deg);-moz-transform:rotate(119deg); transform:rotate(119deg);}
.mainlist2 .arrow03{width:90px;}
.mainlist2 .arrow03:before{content:''; height:90px; width:90px; display:block; position:absolute; top:2px; left:0px; z-index:0; background:#ed5c2f;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; color:#fff; text-align:center;}
.mainlist2 .arrow03:after{content:''; height:0px; width:0px; display:block; position:absolute; top:60px; left:1px; border:50px transparent solid; border-top-color:#ed5c2f; border-width:80px 44px 0px 44px; }
.mainlist2 .icon04{height:90px; width:90px; display:block; position:relative; top:115px; margin:0 auto;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.mainlist2 .arrow04{width:90px;}
.mainlist2 .arrow04:before{content:''; height:90px; width:90px; display:block; position:absolute; top:2px; left:0px; z-index:0; background:#df982e;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; color:#fff; text-align:center;}
.mainlist2 .arrow04:after{content:''; height:0px; width:0px; display:block; position:absolute; top:60px; left:1px; border:50px transparent solid; border-top-color:#df982e; border-width:80px 44px 0px 44px; }
.mainlist2 .icon05{height:90px; width:90px; display:block; position:absolute; left:15px; bottom:76px;-webkit-transform:rotate(241deg);-moz-transform:rotate(241deg); transform:rotate(241deg);}
.mainlist2 .arrow05{width:90px;}
.mainlist2 .arrow05:before{content:''; height:90px; width:90px; display:block; position:absolute; top:2px; left:0px; z-index:0; background:#2481d1;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; color:#fff; text-align:center;}
.mainlist2 .arrow05:after{content:''; height:0px; width:0px; display:block; position:absolute; top:60px; left:1px; border:50px transparent solid; border-top-color:#2481d1; border-width:80px 44px 0px 44px; }
.mainlist2 .icon06{height:90px; width:90px; display:block; position:absolute; left:16px; top:74px;-webkit-transform:rotate(299deg);-moz-transform:rotate(299deg); transform:rotate(299deg);}
.mainlist2 .arrow06{width:90px;}
.mainlist2 .arrow06:before{content:''; height:90px; width:90px; display:block; position:absolute; top:2px; left:0px; z-index:0; background:#e54372;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; color:#fff; text-align:center;}
.mainlist2 .arrow06:after{content:''; height:0px; width:0px; display:block; position:absolute; top:60px; left:1px; border:50px transparent solid; border-top-color:#e54372; border-width:80px 44px 0px 44px; }
.mainlist2 .contbox01 {display:block; position:relative; z-index:2; padding:10px 20px; line-height:1.5; color:#fff; text-align:center; font-size:.7rem;}
.mainlist2 .contbox02 {display:block; position:relative; z-index:2; padding:20px; line-height:1.5; color:#fff; text-align:center; font-size:.7rem;-webkit-transform:rotate(-61deg);-moz-transform:rotate(-61deg); transform:rotate(-61deg);}
.mainlist2 .contbox03 {display:block; position:relative; z-index:2; padding:20px; line-height:1.5; color:#fff; text-align:center; font-size:.7rem;-webkit-transform:rotate(-119deg);-moz-transform:rotate(-119deg); transform:rotate(-119deg);}
.mainlist2 .contbox04 {display:block; position:relative; z-index:2; padding:20px; line-height:1.5; color:#fff; text-align:center; font-size:.7rem;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg); transform:rotate(-180deg);}
.mainlist2 .contbox05 {display:block; position:relative; z-index:2; padding:20px; line-height:1.5; color:#fff; text-align:center; font-size:.7rem;-webkit-transform:rotate(-241deg);-moz-transform:rotate(-241deg); transform:rotate(-241deg);}
.mainlist2 .contbox06 {display:block; position:relative; z-index:2; padding:20px; line-height:1.5; color:#fff; text-align:center; font-size:.7rem;-webkit-transform:rotate(-299deg);-moz-transform:rotate(-299deg); transform:rotate(-299deg);}

/* ���˵�3 ��ͼ����ʾ�±� */
.mainlist3:after { clear: both; content: " "; display: block; }
.mainlist3 { width:100%; margin: auto; padding:0; overflow:hidden;margin:10px auto 40px auto;}
.mainlist3 li { float:left; margin-left: 5%; margin-top: 5%; width: 42.5%; }
.mainlist3 li a { display:block; overflow:hidden }
.mainlist3 li a p { background-color:#fff; border-radius:7px; text-align:center; position:relative; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35);padding-bottom: 10px;}
.mainlist3 li a p:after { bottom:-6px; border-color: #FFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-width: 6px 6px 0px; position: absolute; content: ""; display: inline-block; width: 0; height: 0; border-style: solid; left:50%; margin-left:-3px;}
.mainlist3 li a p img { margin:20px auto 7px; width:30px; height:30px; }
.mainlist3 li a p span { clear:both; display:block; margin:auto; width:90%; height: 32px; line-height:16px; overflow:hidden; text-align:left; color:#505359; font-size:12px; }
.mainlist3 li b { display:block; margin-top:15px; text-align:center; line-height:30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background-color: rgba(0, 0, 0, 0.35); border-radius:4px; font-weight:normal; padding:0px 10px; color:#FFF }

/* ���˵�4 ������������飬����Ϊͼ �ɳ��̲�һ */
.mainlist4 {    color: #fff;    margin: 36px 0 10px 2px;      text-align: left; }
.mainlist4 ul {    display: block;}
.mainlist4 li {    margin-top: 7px;    width: 120px; display: block;}
.mainlist4 li a {   border-radius: 0 7px 7px 0;    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);    color: #505359;    display: block;    font-size: 14px;    height: 40px;    line-height: 40px;    overflow: hidden;    padding: 0 0 0 40px;    position: relative;    text-align: left;    text-overflow: ellipsis;    white-space: nowrap;}
.mainlist4 li a img {    height: 30px;    left: 5px;    margin-top: -15px;    position: absolute;    top: 50%;    width: 30px;}
.mainlist4 li:nth-child(6n+1) .aBty {background-color:rgba(54, 161, 219, 0.56);}
.mainlist4 li:nth-child(6n+2) .aBty {background-color:rgba(32, 201, 207, 0.56);}
.mainlist4 li:nth-child(6n+3) .aBty {background-color:rgba(140, 103, 223, 0.56)}
.mainlist4 li:nth-child(6n+4) .aBty {background-color:rgba(132, 208, 24, 0.56)}
.mainlist4 li:nth-child(6n+5) .aBty {background-color:rgba(252, 83, 83, 0.56)}
.mainlist4 li:nth-child(6n+6) .aBty {background-color:rgba(243, 182, 19, 0.56)}

/* ���˵�5 ����ȫ���л� �����ͼ ��ͼ�ұ� */
.mainlist5 {width:100%;overflow:hidden;margin:10px auto 40px;}
.mainlist5 .bigpic{display:inline-block; width:59%;height:160px;}
.mainlist5 .telnav{float:left;display:block; width:100%; margin-bottom:4%;}
.mainlist5 .telnav span{display:inline-block; width:41%; color:#fff; font-size:18px; text-align:center; padding:14% 0 0;}
.mainlist5 .telnav .bigpic{display:inline-block; width:59%;}
.mainlist5 a:nth-child(8n+1) .telnav{    background-color: #cf20c1;}
.mainlist5 a:nth-child(8n+2) .telnav{    background-color: #678ce1;}
.mainlist5 a:nth-child(8n+3) .telnav{    background-color: #8c67df;}
.mainlist5 a:nth-child(8n+4) .telnav{    background-color: #84d018;}
.mainlist5 a:nth-child(8n+5) .telnav{    background-color: #14c760;}
.mainlist5 a:nth-child(8n+6) .telnav{    background-color: #f3b613;}
.mainlist5 a:nth-child(8n+7) .telnav{    background-color: #ff8a4a;}
.mainlist5 a:nth-child(8n+8) .telnav{    background-color: #fc5366;}
.mainlist5 .f_l{float:left;}
.mainlist5 .f_r{float:right;}

/* ���˵�6 ľ��Ƥ���в� */
.mainlist6 {margin:10px auto 40px; width:320px;padding:10px 0;background:url(../image/bg-menu.png) no-repeat center top,url(../image/bg-menu.png)no-repeat center 250px,url(../image/bg-menu.png)no-repeat center 500px,url(../image/bg-menu.png)no-repeat center 750px,url(../image/bg-menu.png)no-repeat center 1000px;  text-align:center;    }
.mainlist6 a {        display: block;        overflow: hidden;        line-height:61px;        color:#fff;        font-size:20px;        font-weight:bold;   }

/* ���˵�7 ���飬��ͼ�±꣬��ͼ�ʱ�����ͼ���±��б��� */
.mainlist7{position:relative;}
.mainlist7:after { clear: both; content: " "; display: block; }
.mainlist7 li{ float:left;margin-left: 2.5%;margin-bottom: 2.5%;width: 30%; overflow:hidden; border-radius:6px; -webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;}
.mainlist7 li a{ display:block;  color:#FFF;   text-align:center }
.mainlist7 li a b{ display:block; height:80px;}
.mainlist7 li a img{ margin: 15px auto 15px;width: 50px;height: 50px;}
.mainlist7 li a span{ display:block; height:30px; line-height:30px;background-color:#162c75; color: #fff; font-size:14px; }
.mainlist7 li:nth-child(9n+1) {background-color:#36A1DB}
.mainlist7 li:nth-child(9n+2) {background-color:#20c9cf}
.mainlist7 li:nth-child(9n+3) {background-color:#8c67df}
.mainlist7 li:nth-child(9n+4) {background-color:#84d018}
.mainlist7 li:nth-child(9n+5) {background-color:#fc5366}
.mainlist7 li:nth-child(9n+6) {background-color:#f3b613}
.mainlist7 li:nth-child(9n+7) {background-color:#ff8a4a}
.mainlist7 li:nth-child(9n+8) {background-color:#14c760}
.mainlist7 li:nth-child(9n+9) {background-color:#cf20c1}

/* ���˵�8 �ʼDZ���ʽ�������ж����ƣ���ͼ�±� */
.mainlist8 {    display: block;    margin: 0 auto;    overflow: hidden;    text-align: center;    width: 320px;margin-top:10px;}
.mainlist8 a:nth-child(2n+1) {    float: left;    margin-left: 10px;}
.mainlist8 a { background-repeat: no-repeat;    background-size: 32% auto;    border-radius: 5px;    box-shadow: 0 4px 3px rgba(10%, 10%, 10%, 0.3);    display: inline-block;    height: 130px;    margin-bottom: 15px;    width: 45%;background-position:50px 30px;}
.mainlist8 a span {    background-image: url("../image/gl_line.png");    background-repeat: repeat-x;    background-size: 16px auto;    color: #fff;    display: block;    height: 130px;    line-height: 200px;vertical-align:center;    overflow: hidden;    text-align: center;    text-overflow: ellipsis;    white-space: nowrap;}
.mainlist8 a:nth-child(2n+2) {    float: right;    margin-right: 10px;}
.mainlist8 a:nth-child(1) { background-color: #cf20c1; }
.mainlist8 a:nth-child(2) { background-color: #14c760; }
.mainlist8 a:nth-child(3) { background-color: #ff8a4a; }
.mainlist8 a:nth-child(4) { background-color: #f3b613; }
.mainlist8 a:nth-child(5) { background-color: #fc5366; }
.mainlist8 a:nth-child(6) { background-color: #84d018; }
.mainlist8 a:nth-child(7) { background-color: #8c67df; }
.mainlist8 a:nth-child(8) { background-color: #20c9cf; }

/* ���˵�9 �������ǿ���ͼ�ұ꣬������ɫ */
.mainlist9 {   border: 0 solid red;    margin: 0 auto;    width: 99%;margin-top:40px;}
.mainlist9 li {    border: 0 dashed blue;    float: left;    text-align: center;    width: 50%;list-style:none;}
.mainlist9 li a {  border: 1px solid #ccc;    border-radius: 10px;    box-shadow: 0 1px 3px rgb(190, 190, 190);    display: block;    margin: 5px;    padding-top: 0;color: #000;    outline: medium none;    text-decoration: none;}
.mainlist9 li .ChannelIcon {    border: 0 solid red;    border-radius: 8px 8px 0 0;    color: #ffffff;    float: left;    font-weight: bold;    margin: auto;    overflow: hidden;    padding: 0;    text-align: center;}
.mainlist9 li .ChannelIcon img {    float: left;    margin-left: 8px;    margin-top: 15px;    max-width: 100%;    vertical-align: middle;width:50px;height:50px;}
.mainlist9 li .ChannelName {    border: 0 dashed red;    color: #fff;    font-size: 18px;    font-weight: normal;    height: 80px;    line-height: 80px;    text-align: center;}
.mainlist9 .InfoTitle, .mainlist9 .ChannelName {    vertical-align: middle;}
.mainlist9 li:nth-child(8n+1) a{    background-color: #df6e69;}
.mainlist9 li:nth-child(8n+2) a{    background-color: #678ce1;}
.mainlist9 li:nth-child(8n+3) a{    background-color: #8c67df;}
.mainlist9 li:nth-child(8n+4) a{    background-color: #84d018;}
.mainlist9 li:nth-child(8n+5) a{    background-color: #14c760;}
.mainlist9 li:nth-child(8n+6) a{    background-color: #f3b613;}
.mainlist9 li:nth-child(8n+7) a{    background-color: #ff8a4a;}
.mainlist9 li:nth-child(8n+8) a{    background-color: #3c5366;}

/* ���˵�10 ��͸������ ��ͼ�±� */
.mainlist10:after { clear: both; content: " "; display: block;}
.mainlist10 { width:100%; position: relative; z-index: 1; margin:0;padding:0;margin-top:8px;}
.mainlist10 li { float:left; margin-left:6.6%; margin-top:5%; width:40%; border: 1px solid rgba(255, 255, 255, 0.4); background-color:rgba(255, 255, 255, 0.3); border-radius:7px; }
.mainlist10 li p { text-align:center; display:block; margin:20px 0;}
.mainlist10 li a { display:block; color:#8b2767; text-align:center; overflow:hidden;}
.mainlist10 li:active { background-color:rgba(255, 255, 255, 0.1) }
.mainlist10 li a img { width:50px;height:50px; }
.mainlist10 li a span { clear:both; display:block; padding:0px 10px; line-height:30px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center }

/* ���˵�11 ��ɫ����Բͼ ����ͼ���� */
.mainlist11 { padding: 16px 10px;  color: #fff;}
.mainlist11>a {width: 33%;float: left;text-align: center;color: #fff;overflow: hidden;margin-bottom: 15px;}
.mainlist11>a .mbg {display: block;overflow: hidden;margin:0 5px;border-radius: 3px;}
.mainlist11 .title { font-size: 12px;  margin: -1px 0 5px 0;  overflow: hidden;	text-overflow: ellipsis;	white-space: nowrap;	color:#fff;padding:0;}
.mainlist11 .ico img{ width:50px; height:50px;border-radius: 0;margin-top: 5px;}
.mainlist11>a .mbg { background-color:rgba(255,255,255,0.9)}
.mainlist11>a .mbg {margin: 0 auto;width: 80px;height: 80px;border-radius: 100%;}
.mainlist11 .ico img {margin-top: 10px;width: 40px;height: 40px;}
.mainlist11>a:nth-child(9n+7) .mbg { background-color:rgba(210,170,84,0.9)}
.mainlist11>a:nth-child(9n+2) .mbg { background-color:rgba(108,160,182,0.9)}
.mainlist11>a:nth-child(9n+3) .mbg{ background-color:rgba(129,165,93,0.9)}
.mainlist11>a:nth-child(9n+9) .mbg { background-color:rgba(209,109,82,0.9)}
.mainlist11>a:nth-child(9n+6) .mbg { background-color:rgba(109,108,168,0.9)}
.mainlist11>a:nth-child(9n+5) .mbg{ background-color:rgba(196,12,14,0.9)}
.mainlist11>a:nth-child(9n+1) .mbg{ background-color:rgba(184,107,32,0.9)}
.mainlist11>a:nth-child(9n+8) .mbg{ background-color:rgba(184,189,45,0.9)}
.mainlist11>a:nth-child(9n+4) .mbg{ background-color:rgba(75,189,103,0.9)}

/* ���˵�12 �߸������Ű� �������� */
.mainlist12{ overflow:hidden; width:98%; margin:50px auto 0px;}
.mainlist12 div a{ display:block; position:relative; color:#fff; font-size:14px;}
.mainlist12 div:first-child{ float:left;  width:49%; height:170px;}
.mainlist12 div:first-child a{ background:#4f6885; height:100%; width:100%;}
.mainlist12 div:first-child a p.img{ width:55px; height:85px; position:relative; margin:0px auto; top:35px;}
.mainlist12 div:first-child a p.text{ position:absolute; width:100%; bottom:20%; text-align:center;}
.mainlist12 div:nth-child(2){ float:right; width:49%; height:170px; margin-bottom:8px;}
.mainlist12 div:nth-child(2) a{ width:100%; height:81px;}
.mainlist12 div:nth-child(2) a p.img{width:45px; height:35px; position:relative; margin:0px auto; top:10px;}
.mainlist12 div:nth-child(2) a p.text{ position:absolute; width:100%; bottom:15%; text-align:center;margin-bottom:0;}
.mainlist12 div:nth-child(2) a:first-child{ background:#038800;}
.mainlist12 div:nth-child(2) a:nth-child(2){ background:#092296; margin-top:8px;}
.mainlist12 div:nth-child(3),.mainlist12 div:nth-child(4){ clear:right; width:50%; height:80px; float:left;}
.mainlist12 div:nth-child(3) a:first-child,.mainlist12 div:nth-child(4) a:first-child{ float:left; width:47%; background:#3ea1bd; height:100%;}
.mainlist12 div:nth-child(3) a:nth-child(2),.mainlist12 div:nth-child(4) a:nth-child(2){ float:left; width:47%; background:#cf466a; height:100%; margin-left:4%;}
.mainlist12 div:nth-child(3) a p.img,.mainlist12 div:nth-child(4) a p.img{width:35px; height:42px; position:relative; margin:0px auto; top:10px;}
.mainlist12 div:nth-child(3) a p.text,.mainlist12 div:nth-child(4) a p.text{ position:absolute; width:100%; bottom:15%; text-align:center;margin-bottom:0;}
.mainlist12 div:nth-child(4){ float:right !important}
.mainlist12 div:nth-child(4) a:first-child{ background:#f26722 !important; margin-left:2%;}
.mainlist12 div:nth-child(4) a:nth-child(2){ background:#e14545 !important;}

/* ���˵�13 ���ɫԲȦ �ұ߿������� �������� */
.mainlist13{position:relative;padding-top:40px;}
.mainlist13 .clr::after {clear: both;    content: "";    display: block;    height: 0;    visibility: hidden;}
.mainlist13 .cont-box {display: block;    margin: 5% 5% 8%;    width: 90%;background:transparent;}
.mainlist13 .cont-box a {text-decoration: none;}
.mainlist13 .lfbox {cursor: pointer;    display: block;    float: left;    position: relative;    width: 45%;}
.mainlist13 .arrow {border-radius: 50%;   display: block;    float: left;    padding: 5%;    position: absolute;    width: 25%;    z-index: 99;}
.mainlist13 .cont-box img {border: 0 none;    height: auto;    max-width: 100%;    vertical-align: middle;max-height:100%;}
.mainlist13 .rtbox {cursor: pointer;    display: block;    float: right;    position: relative;  width: 45%;}
.mainlist13 .bg01 {background: #108d6b none repeat scroll 0 0;}
.mainlist13 .bg02 {background: #ef6b00 none repeat scroll 0 0;}
.mainlist13 .bg03 {background: #c5cc04 none repeat scroll 0 0;}
.mainlist13 .bg04 {background: #ea3a3a none repeat scroll 0 0;}
.mainlist13 .bg05 {background: #00aeef none repeat scroll 0 0;}
.mainlist13 .bg06 {background: #d91f80 none repeat scroll 0 0;}
.mainlist13 .bg07 {background: #6aa704 none repeat scroll 0 0;}
.mainlist13 .bg08 {background: #4252ef none repeat scroll 0 0;}
.mainlist13 .bg09 {background: #ff8a4a none repeat scroll 0 0;}
.mainlist13 .bg10 {background: #cf20c1 none repeat scroll 0 0;}
.mainlist13 .icon001 {border: 2px solid #108d6b;    border-radius: 15px;    color: black;    display: block;    float: right;    font-size: 0.9rem;    margin-top: 5%;    padding: 5% 12% 5% 0;    text-align: right;    width: 70%;}
.mainlist13 .icon002 {border: 2px solid #ef6b00;    border-radius: 15px;    color: black;    display: block;    float: right;    font-size: 0.9rem;    margin-top: 5%;    padding: 5% 12% 5% 0;    text-align: right;    width: 70%;}
.mainlist13 .icon003 {border: 2px solid #c5cc04;    border-radius: 15px;    color: black;    display: block;    float: right;    font-size: 0.9rem;    margin-top: 5%;    padding: 5% 12% 5% 0;    text-align: right;    width: 70%;}
.mainlist13 .icon004 {border: 2px solid #ea3a3a;    border-radius: 15px;    color: black;    display: block;    float: right;    font-size: 0.9rem;    margin-top: 5%;    padding: 5% 12% 5% 0;    text-align: right;    width: 70%;}
.mainlist13 .icon005 {border: 2px solid #00aeef;    border-radius: 15px;    color: black;    display: block;    float: right;    font-size: 0.9rem;    margin-top: 5%;    padding: 5% 12% 5% 0;    text-align: right;    width: 70%;}
.mainlist13 .icon006 {border: 2px solid #d91f80;    border-radius: 15px;    color: black;    display: block;    float: right;    font-size: 0.9rem;    margin-top: 5%;    padding: 5% 12% 5% 0;    text-align: right;    width: 70%;}
.mainlist13 .icon007 {border: 2px solid #6aa704;    border-radius: 15px;    color: black;    display: block;    float: right;    font-size: 0.9rem;    margin-top: 5%;    padding: 5% 12% 5% 0;    text-align: right;    width: 70%;}
.mainlist13 .icon008 {border: 2px solid #4252ef;    border-radius: 15px;    color: black;    display: block;    float: right;    font-size: 0.9rem;    margin-top: 5%;    padding: 5% 12% 5% 0;    text-align: right;    width: 70%;}
.mainlist13 .icon009 {border: 2px solid #ff8a4a;    border-radius: 15px;    color: black;    display: block;    float: right;    font-size: 0.9rem;    margin-top: 5%;    padding: 5% 12% 5% 0;    text-align: right;    width: 70%;}
.mainlist13 .icon010 {border: 2px solid #cf20c1;    border-radius: 15px;    color: black;    display: block;    float: right;    font-size: 0.9rem;    margin-top: 5%;    padding: 5% 12% 5% 0;    text-align: right;    width: 70%;}

/* ���˵�14 ���� ��������ԲȦ ������ */
.mainlist14{ border:0px solid red; margin:40px auto 10px;  width:300px; background: url(../image/middleline2.jpg) center repeat-y;padding: 40px 0px 20px 0px; overflow:hidden;}
.mainlist14 li{text-align: left; border:0px dashed blue; width:156px; height:110px; margin-top:-40px;}
.mainlist14 li:nth-of-type(2n-1) a{display:block; float:left;}
.mainlist14 li:nth-of-type(2n) a{display:block; float:right;}
.mainlist14 li:nth-of-type(2n-1){ float:left; background: url(../image/leftline2.png) no-repeat right 35px; background-size: 50% auto;}
.mainlist14 li:nth-of-type(2n){ float:right; background: url(../image/rightline2.png) no-repeat left 35px;background-size: 50% auto;}
.mainlist14 li .ChannelName{ text-align:center;   font-size:14px; color:#FFF; font-weight:normal;}
.mainlist14 li .ChannelIcon{text-align: center;overflow:hidden;margin:auto; border: 5px solid rgba(255, 255, 255, 0.3); width:80px; height:80px;border-radius: 45px; }
.mainlist14 li .ChannelIcon .circle{ width: 70px;height: 70px;border-radius: 40px;border:5px solid #fff;overflow: hidden; background-repeat:no-repeat;}

/* ���˵�15 ���� ��������ԲȦ ���߰� */
.mainlist15{ border:0px solid red; margin:40px auto 10px; width:300px; background: url(../image/middleline.jpg) center repeat-y;padding: 40px 0px 20px 0px; overflow:hidden;}
.mainlist15 li{text-align: left; border:0px dashed blue; width:156px; height:110px; margin-top:-40px;}
.mainlist15 li:nth-of-type(2n-1) a{display:block; float:left;}
.mainlist15 li:nth-of-type(2n) a{display:block; float:right;}
.mainlist15 li:nth-of-type(2n-1){ float:left; background: url(../image/leftline.png) no-repeat right 35px; background-size: 50% auto;}
.mainlist15 li:nth-of-type(2n){ float:right; background: url(../image/rightline.png) no-repeat left 35px;background-size: 50% auto;}
.mainlist15 li .ChannelName{ text-align:center;   font-size:14px; color:#333; font-weight:normal;}
.mainlist15 li .ChannelIcon{text-align: center;overflow:hidden;margin:auto; border: 5px solid rgba(255, 255, 255, 0.3); width:80px; height:80px;border-radius: 45px; }
.mainlist15 li .ChannelIcon .circle{ width: 70px;height: 70px;border-radius: 40px;border:5px solid #fff;overflow: hidden; background-repeat:no-repeat;}


/* ���˵�16 ��ʷ�����ͼ�±� ���� */
.mainlist16{ width:100%; padding:0px; margin:0px 0 50px 0;}
.mainlist16 ul{ list-style:none; padding:0px; margin:0px; width:100%;}
.mainlist16 ul li{ list-style:none; margin:3% 0 0 3%; padding:5.5% 0; width:45.5%;height:auto; float:left; display:block; text-align:center;}
.mainlist16 ul li a{ color:#FFFFFF; text-decoration:none;  text-align: center;} 
.mainlist16 ul li a span{ display:block; text-align:center; font-size:14px; line-height:25px;}
.mainlist16 ul li img{ display:inline-block;max-width:50%;}
.mainlist16 .green{ background-color:#85af5d;}
.mainlist16 .blue{ background-color:#29aae3;}
.mainlist16 .darkblue{ background-color:#035792;}
.mainlist16 .red{ background-color:#c53238;}
.mainlist16 .purple{ background-color:#8b2767;}
.mainlist16 .pink{ background-color:#f87c68;}
.mainlist16 .orange{ background-color:#f17225;}
.mainlist16 .black{ background-color:#272625;}
.mainlist16 .gray{ background-color:#6e6e6e;}
.mainlist16 .yellow{ background-color:#ffb606;}
.mainlist16 .bluegreen{ background-color:#06a78b;}

/* ���˵�17 ��������DZ�������ͼ�ұ� */
.mainlist17 {   border: 0 solid red;    margin: 0 auto;    width: 99%;margin-top:30px;margin-bottom:40px;}
.mainlist17 li {    border: 0 dashed blue;    float: left;    text-align: center;    width: 50%;}
.mainlist17 li a {    background:#df6e69;    border: 1px solid #ccc;    border-radius: 8px;    box-shadow: 0 1px 3px rgb(190, 190, 190);    display: block;    margin: 5px;    padding-top: 0;color: #000;    outline: medium none;    text-decoration: none;}
.mainlist17 li .ChannelIcon {    border: 0 solid red;    border-radius: 8px 8px 0 0;    color: #ffffff;    float: left;    font-weight: bold;    margin: auto;    overflow: hidden;    padding: 0;    text-align: center;}
.mainlist17 li .ChannelIcon img {    float: left;    margin-left: 8px;    margin-top: 15px;    max-width: 100%;    vertical-align: middle;width:50px;height:50px;}
.mainlist17 li .ChannelName {    border: 0 dashed red;    color: #fff;    font-size: 18px;    font-weight: normal;    height: 80px;    line-height: 80px;    text-align: center;}
.mainlist17 .InfoTitle, .mainlist17 .ChannelName {    vertical-align: middle;}

/* ���˵�18 �巽���Ű� ͼ����һ�� ��1��4����ͼ�ұ� */
.mainlist18 {   border: 0 none;    color: #333333;    margin: 42px 0 36px;    padding: 0;clear:both;}
.mainlist18 table {    border-collapse: collapse;    border-spacing: 0;}
.mainlist18 td {    padding: 2px;}
.mainlist18 td a {    display: block;    position: relative;background: transparent none repeat scroll 0 0;    color: #000;    outline: medium none;    text-decoration: none;}
.mainlist18 td img {    border-radius: 10px;    vertical-align: bottom;    width: 100%;display:block;}
.mainlist18 table .ChannelName {    color: #fff;    display: block;    font-weight: normal;    left: 0;    position: absolute;    text-align: left;    text-indent: 5px;    top: 5px;    width: 100%;}
.mainlist18 table  .InfoTitle, .mainlist18 table  .ChannelName {    font-size: 18px;    font-weight: bold;    line-height: 1.5em;    vertical-align: middle;}
.mainlist18 table .ChannelName1 {    bottom: 10px;    color: #fff;    display: block;    font-size: 14px;    font-weight: normal;   left: 0;    position: absolute;    text-align: center;    width: 100%;}

/* ���˵�19 ��ɫ��͸�����DZ��� ��ͼ�±� */
.mainlist19:after { clear: both; content: " "; display: block; }
.mainlist19 { width:100%; position: relative; z-index: 1; margin:0;padding:0;margin-top:0px;}
.mainlist19 li { float:left; margin-left:4.8%; margin-top:5%; width:42%; border: 1px solid rgba(255, 255, 255, 0.4); border-radius:7px; }
.mainlist19 li p { text-align:center; display:block; margin:6px 0;}
.mainlist19 li a { display:block; color:#8b2767; text-align:center; overflow:hidden;}
.mainlist19 li:active { background-color:rgba(255, 255, 255, 0.1) }
.mainlist19 li a img { width:50px;height:50px; }
.mainlist19 li a span { clear:both; display:block; padding:0px 10px; line-height:30px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center }
.mainlist19 li:nth-child(10n+1) {background-color:rgba(54, 161, 219, 0.56);}
.mainlist19 li:nth-child(10n+2) {background-color:rgba(32, 201, 207, 0.56);}
.mainlist19 li:nth-child(10n+3) {background-color:rgba(140, 103, 223, 0.56)}
.mainlist19 li:nth-child(10n+4) {background-color:rgba(132, 208, 24, 0.56)}
.mainlist19 li:nth-child(10n+5) {background-color:rgba(252, 83, 83, 0.56)}
.mainlist19 li:nth-child(10n+6) {background-color:rgba(243, 182, 19, 0.56)}
.mainlist19 li:nth-child(10n+7) {background-color:rgba(196,126,184, 0.56)}
.mainlist19 li:nth-child(10n+8) {background-color:rgba(129,165,93, 0.56)}
.mainlist19 li:nth-child(10n+9) {background-color:rgba(184,107,32, 0.56)}
.mainlist19 li:nth-child(10n+10) {background-color:rgba(75,189,103, 0.56)}

/* ���˵�20 ����Բͼ �в������� */
.mainlist20 ::after {    clear: both;    content: "";    display: block;    height: 0;    visibility: hidden;}
.mainlist20 {    display: block;    float: left;    margin: 5% 0 2% 2.5%;     max-width: 640px;    min-width: 320px;  width: 100%;}
.mainlist20 .contbg ul,.mainlist20 .contbg ul li {    list-style: outside none none;    margin: 0;    padding: 0;}
.mainlist20 .contbg li { border: 2px solid #026e0a;    border-radius: 50%;    display: block;    float: left;    margin-bottom: 2.5%;    margin-right: 1.8%;    overflow: hidden;    position: relative;    width: 30%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;}
.mainlist20 p {    display: block;    float: left;    font-size: 0.9rem;    font-weight: 600;    line-height: 2;    text-align: center;    width: 100%;}
.mainlist20 .contbg li p {    background: rgba(2, 110, 10, 0.8) none repeat scroll 0 0;    bottom: 32%;    color: #fff;    display: block;    line-height: 1.6;    position: absolute;    text-align: center;    z-index: 9;}
.mainlist20 .contbg li img {visibility: hidden;    border-radius: 50%;    width: 100%;border: 0 none;    height: auto;    max-width: 100%;  vertical-align: middle;display:block}

/* ���˵�21 ����Ű� ������ ���Ҹ������� �м�һ */
.mainlist21{width:100%;height:240px;clear:both;text-align:center;margin-top:45px;}
.mainlist21 .sleft{width:32%;float:left;height:100%;margin-right:2%;}
.mainlist21 .smid{width:32%;float:left;height:100%;margin-right:2%;background:#81b637}
.mainlist21 .sright{width:32%;float:left;height:100%;background:#bbb}
.mainlist21 .sleft .sltop{width:100%;height:49%;margin-bottom:4%;;background:#e3b607}
.mainlist21 .sleft .slbot{width:100%;height:49%;;background:#7e54dc}
.mainlist21 .sright .srtop{width:100%;height:49%;margin-bottom:4%;;background:#36a1db}
.mainlist21 .sright .srbot{width:100%;height:49%;;background:#e57e22}
.mainlist21 div{position:relative;overflow:hidden;}
.mainlist21 a img{width:70%;height:60%;margin:0 auto;margin-top:15%;position:relative;bottom:10%;}
.mainlist21 a  span{width:100%;display:block;clear:both;height:40px;line-height:40px;font-size:14px;position:absolute;bottom:2%;color:#fff;font-size:1.1em}
.mainlist21 .smid a img{margin-top:20%;top:5%;}

/* ���˵�22 �˿��Ű� ���� ���� ����1�������� */
.mainlist22{margin:30px auto 30px auto;}
.mainlist22 table { width: 100%;   border-collapse: collapse;    border-spacing: 0;}
.mainlist22 td {   border: 5px solid #e2e3e6;}
.mainlist22 a {    display: block; background: transparent none repeat scroll 0 0;   color: #000;    outline: medium none;    text-decoration: none;}
.mainlist22 .ChannelIcon1 {    height: 40px;    width: 40px;}
.mainlist22 img {    display: block;    margin: 10px auto 0;    max-width: 90%;    vertical-align: middle;}
.mainlist22 .ChannelName {    color: #fff;    font-size: 14px;    font-weight: normal;    padding: 5px 0;    text-align: center;    vertical-align: bottom;}
.mainlist22 .InfoTitle, .mainlist22 .ChannelName {    line-height: 1.5em;}

/* ���˵�23 ��ɫȫ���ʱ��� �������� */
.mainlist23 {   clear: both;    display: block;   margin:40px 0 36px 0;    padding-left: 0;    width: 100%;}
.mainlist23 > li {    background-position: 24px center;    background-repeat: no-repeat;background-size:32px 32px;    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);    line-height: 72px;    list-style: outside none none;    margin-bottom: 0;    margin-left: 0;    margin-right: 0;    padding-left: 80px;}
.mainlist23 > li > a {    color: #fff;    font-size: 25px;    margin-left: 0;}

/* ���˵�24 һ��һ�� �ϱ� ��ͼ�ҿ� ���ڷ��� */
.mainlist24 {    background: #fff none repeat scroll 0 0;    border: 1px solid #ccc;    border-radius: 5px;    margin: 10px;    min-height: 50px;    padding: 5px;}
.mainlist24:nth-child(2n) {    direction: rtl;}
.mainlist24 .cname {    display: table-cell;    height: 100px;    overflow: hidden;    padding-right: 3px;    vertical-align: top;}
.mainlist24 .cname a {    border-radius: 3px;    display: block;    overflow: hidden;    position: relative;}
.mainlist24 .cname img {    border: 0 none;    border-radius: 3px;    vertical-align: top;    width: 100px;}
.mainlist24 > *:last-child {    width: 100%;}
.mainlist24 .cname2 {    display: table-cell;    height: 100px;    overflow: hidden;    padding-right: 3px;    vertical-align: top;}
.mainlist24 ul {    display: block;    margin-bottom: 5px;list-style: outside none none; padding: 0;}
.mainlist24 li dl dt label { -moz-border-bottom-colors: none;    -moz-border-left-colors: none;    -moz-border-right-colors: none;    -moz-border-top-colors: none;    border-color: red;    border-image: none;    border-style: solid;    border-width: 4px 4px 4px 20px;    color: #fff;    display: block;    font-size: 16px;    height: 30px;    line-height: 24px;    margin:auto;margin-top: 0px;    overflow: hidden;    text-align: left;    text-indent: 5px;    width: 95%; -webkit-border-image: url(../image/mainlist24.png) 4 5 4 53;-webkit-box-sizing: border-box; }
.mainlist24 li dd {    display: inline-block;    float: left;    width: 33.3%;}
.mainlist24 li dl dd a {    border: 1px solid #ccc;    border-radius: 3px;    color: #75674a;    display: block;    font-size: 14px; letter-spacing:4px;   line-height: 25px;    margin: 5px auto 0;    text-align: center;    width: 50px;}
.mainlist24 .clr {    clear: both;    display: block;    height: 0;    overflow: hidden;}

/* ���˵�25 ������ɫ���λ��� �м�һ����ɫ ���߸� */
.mainlist25 {    height: 345px;    margin: auto;    padding: 15px 0 15px;;    position: relative;    width: 320px;top:10px;}
.mainlist25 a {    background-image: url("../image/mainlist25_mode.png"); background-repeat:no-repeat;   background-size: 95px auto;    color: #fff;    display: inline-block;    height: 105px;    overflow: hidden;    text-align: right;    white-space: nowrap;    width: 95px;}
.mainlist25 a > span {    background-position: center center;    background-repeat: no-repeat;    background-size: 36px auto;    display: block;    height: 85px;    width: 100%;}
.mainlist25 .tite_box {    display: block;    float: right;    height: 105px;    width: 100%;}
.mainlist25 .span_tite {    background-size: 0 auto;    display: block;    height: 100%;    line-height: 145px;    overflow: hidden;    text-align: center;    text-overflow: ellipsis;    white-space: nowrap;    width: 99%;color:#fff;}
.mainlist25 a:nth-child(7n+1) {    margin: 3% 0 0 19%;    position: absolute;}
.mainlist25 a:nth-child(7n+2) {    margin: 3% 0 0 50%;    position: absolute;}
.mainlist25 a:nth-child(7n+3) {    margin: 30% 0 0 4%;    position: absolute;}
.mainlist25 a:nth-child(7n+4) {  background-image: url("../image/mainlist25_center.png");    color: #66580b;    margin: 30% 35% 0;    position: absolute;}
.mainlist25 a:nth-child(7n+5) {    margin: 30% 0 0 66%;    position: absolute;}
.mainlist25 a:nth-child(7n+6) {    margin: 57% 0 0 19%;    position: absolute;}
.mainlist25 a:nth-child(7n+7) {    margin: 57% 0 0 50%;    position: absolute;}

/* ���˵�26  ��ɫ���� �м�ͼ���±� */
.mainlist26 {  padding: 0; width: 100%;position:relative;}
.mainlist26 ul {   list-style: outside none none;    margin: 0;    padding: 0;    width: 100%;}
.mainlist26 ul li {   background-image: url("../image/mainlist26.png");    background-position: center center;    background-repeat: no-repeat;    background-size: 99% 99%;    display: block;    float: left;    height: auto;    list-style: outside none none;    margin: 1% 0 2% 2%;    padding: 12% 0;    text-align: center;    width: 46%;}
.mainlist26 ul li a {    color: #000000;    text-align: center;    text-decoration: none;    text-shadow: 1px 1px #ffffff;}
.mainlist26 ul li img {    display: inline-block;    max-width: 30%; max-height: 30%;}
.mainlist26 ul li a span {    display: block;    font-size: 11px;    line-height: 24px; font-size:14px;   text-align: center;}

/* ���˵�27  ��ɫ���DZ��� ��ͼ�ұ� */
.mainlist27 { margin: auto 0;    padding: 20px 0 36px; width:100%;clear:both;display:block;}
.mainlist27 a { background-size:28px 28px;   background-color: rgba(140, 92, 210, 0.5);    background-position: 10% 50%;    background-repeat: no-repeat;    border-radius: 8px;    color: #fff;    float: left;    font-size: 14px;    margin: 0 8px 12px 5px;    padding: 8px 10px 8px 18%;    width: 24%;color:#fff}

/* ���˵�28  ��ɫ���� ��ͼ�±� */
.mainlist28 {    margin: auto;    padding: 30px 0 36px;    width: 320px;}
.mainlist28 a {  background-image: url("../image/mainlist28.png");    background-size: 85px auto;    color: #fff;    display: inline-block;    height: 79px;    margin: 9px;    overflow: hidden;    text-align: right;    white-space: nowrap;    width: 85px;}
.mainlist28 a > span {    background-position: center center;    background-repeat: no-repeat;    background-size: 36px auto;    display: block;    height: 55px;    width: 100%;}
.mainlist28 .tite_box {    display: block;    float: right;    height: 80px;    line-height: 25px;    width: 100%;}
.mainlist28 .span_tite {    background-size: 0 auto;    display: block;    height: 100%;    line-height: 115px;    overflow: hidden;    text-align: center;    text-overflow: ellipsis;    white-space: nowrap;    width: 99%;color:#fff;font-size:12px;}

/* ���˵�29 ��������͸�������� ��ͼ�±� */
.mainlist29 {  z-index:20;  color:#FFF;  position: relative;  width: 56%;margin-bottom: 10px;	display:block;	clear:both;}
.mainlist29 .mainbg{ 	position:fixed;	z-index:1;	width: 100%;}
.mainlist29 .mainbg img{	width:100%;}
.mainlist29 ul {	display: block;}
.mainlist29 li {float: left;text-align: center;display: block;}
.mainlist29 li .menubtn{width: 77px;height: 77px;margin-left: 8px;margin-bottom: 8px;position: relative;background-color:rgba(11, 106, 207, 0.6);border-radius: 5px;}
.mainlist29 li img {width: 40px;height: 40px;margin-top: 8px;border-radius: 5px;}
.mainlist29 .menutitle {color: #fff;font-size: 13px;display: block;text-align:center;}

/* ���˵�30 ��ɫ������߿� �м�ͼ �±߱��� */
.mainlist30{}
.mainlist30 ul{padding:5px 15px 0;}
.mainlist30 ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.mainlist30 li{width:33%;float:left;height:80px;margin:6px 0 9px;}
.mainlist30 li div{margin:0 auto;width:88px;height:64px;}
.mainlist30 .icon em{display:block;width:88px;height:64px;background:url(../image/mainlist30.png) no-repeat;background-size:88px 64px;}
.mainlist30 .icon{display:block;}
.mainlist30 .title{width:90%;text-align:center;display:block}
.mainlist30 li a{color:#54b9e8;font-size:12px;text-decoration:none;display:block;text-align:center;}

/* ���˵�31 ��ͼ�ұ� б�ܸ��� */
.mainlist31 {  margin: 40px 6px 10px 6px;}
.mainlist31 li { border:1px solid  #CCC ; overflow:hidden; margin-bottom:10px;overflow:hidden;}
.mainlist31 li a { display:block;  color:#FFF;overflow: hidden; position:relative;}
.mainlist31 li a img { width:auto; height: 100px; float:left;z-index:-33;}
.mainlist31 li a p{ height:100px; width:130px;  background: url(../image/mainlist31.png) no-repeat;   position:absolute; right:-1px;text-align:right; padding:0 10px 0 10px;}
.mainlist31 li a p b{ float:right; display:block; font-size:18px; color:#666666; font-weight:normal; line-height:100px; width:74px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap ; }
.mainlist31>li:nth-child(9n+1) a { background-color:rgba(210,170,84,0.9)}
.mainlist31>li:nth-child(9n+2) a { background-color:rgba(108,160,182,0.9)}
.mainlist31>li:nth-child(9n+3) a { background-color:rgba(129,165,93,0.9)}
.mainlist31>li:nth-child(9n+4) a { background-color:rgba(209,109,82,0.9)}
.mainlist31>li:nth-child(9n+5) a { background-color:rgba(109,108,168,0.9)}
.mainlist31>li:nth-child(9n+6) a { background-color:rgba(196,126,184,0.9)}
.mainlist31>li:nth-child(9n+7) a { background-color:rgba(184,107,32,0.9)}
.mainlist31>li:nth-child(9n+8) a { background-color:rgba(184,189,45,0.9)}
.mainlist31>li:nth-child(9n+9) a { background-color:rgba(75,189,103,0.9)}

/* ���˵�32 �ĸ����ǻ��� �±��������� */
.mainlist32{    border: 0 solid green;    margin: 0 auto;    width: 100%;}
.mainlist32 .list32_1 {    border: 0 solid red;    margin: 0 auto;    overflow: hidden;    width: 99%;}
.mainlist32 .list32_1 li {    border: 0 dashed blue;    float: left;    text-align: center;    width: 50%;list-style: outside none none;}
.mainlist32 .list32_1 li .ChannelName1 {    border-radius: 0 50px 0 50px;-webkit-border-radius:0 50px 0 50px;-moz-border-radius:0 50px 0 50px;-o-border-radius:0 50px 0 50px;}
.mainlist32 .list32_1 li a {    box-shadow: 0 1px 3px rgb(190, 190, 190);    color: #fff;    display: block;    line-height: 100px;    margin: 5px;    overflow: hidden;    padding-top: 0;font-size:13px;font-size:1.3em}
.mainlist32 .list32_1 a {    background: transparent none repeat scroll 0 0;    color: #000;    outline: medium none;    text-decoration: none;}
.mainlist32 .list32_1 li .ChannelIcon1 {   float: right;}
.mainlist32 .list32_1 li img {    height: 50px;    max-width: 100%;    padding-top: 25px;    vertical-align: middle;    width: 50px;}
.mainlist32 .list32_1 img {    border: 0 none;    margin: 0;    padding: 0;}
.mainlist32 .list32_1 li .ChannelName2 {  border-radius: 50px 0 50px 0;-webkit-border-radius:50px 0 50px 0;-moz-border-radius:50px 0 50px 0;-o-border-radius:50px 0 50px 0;}
.mainlist32 .list32_1 li .ChannelIcon2 {    float: left;}
.mainlist32 .list32_2 {    border: 1px solid #ccc;    border-radius: 8px;    box-shadow: 0 1px 3px rgb(190, 190, 190);    margin: 0 auto;    overflow: hidden;    width: 99%;}
.mainlist32 .list32_2 li:nth-child(1) {border-radius: 8px 8px 0 0;-webkit-border-radius: 8px 8px 0 0;-moz-border-radius: 8px 8px 0 0;-o-border-radius: 8px 8px 0 0;}
.mainlist32 .list32_2 li {    background: rgba(0, 0, 0, 0) url("../image/mainlist32.jpg") repeat-x scroll left center;    border-bottom: 1px solid #ccc;    float: left;    height: 60px;    line-height: 60px;    text-align: center;    width: 100%;    list-style: outside none none;}
.mainlist32 .list32_2 li a {    background: rgba(0, 0, 0, 0) url("../image/mainlist32.png") no-repeat scroll right center;    color: #ff5a00;    display: block;    padding-top: 0;}
.mainlist32 .list32_2 li img {    float: left;    height: 50px;    margin-left: 10px;    margin-top: 5px;    max-width: 100%;    vertical-align: middle;    width: 50px;}
.mainlist32 .list32_2 li:nth-child(2) {border-radius: 0 0 8px 8px;-webkit-border-radius: 0 0 8px 8px;-moz-border-radius: 0 0 8px 8px;-o-border-radius: 0 0 8px 8px;}

/* ���˵�33 �����Ű� �߸� �������� ����1��2 */
.mainlist33 {    margin: 0 auto 0;    overflow: hidden;    width: 98%;background:#000;margin-top:26px;}
.mainlist33 * {    margin: 0;    padding: 0;}
.mainlist33 div:first-child {    float: left;    height: 200px;    width: 49%;}
.mainlist33 div:first-child a {    background: #e14545 none repeat scroll 0 0;    height: 100%;    width: 100%;}
.mainlist33 div a {    color: #fff;    display: block;    font-size: 14px;    position: relative;}
.mainlist33 a {    text-decoration: none;}
.mainlist33 div:first-child a p.img {    height: 90px;    margin: 0 auto;    position: relative;    top: 25px;    width: 90px;}
.mainlist33 div:first-child a p.text {    bottom: 20%;    position: absolute;    text-align: center;    width: 100%;}
.mainlist33 div:nth-child(2) {    float: right;    height: 200px;    margin-bottom: 8px;    width: 49%;}
.mainlist33 div:nth-child(2) a:first-child {    background: #038800 none repeat scroll 0 0;}
.mainlist33 div:nth-child(2) a {    height: 96px;    width: 100%;}
.mainlist33 div a {    color: #fff;    display: block;    font-size: 14px;    position: relative;}
.mainlist33 div:nth-child(2) a p.img {    height: 45px;    margin: 0 auto;    position: relative;    top: 10px;    width: 45px;}
.mainlist33 div:nth-child(2) a p.text {    bottom: 15%;    position: absolute;    text-align: center;    width: 100%;}
.mainlist33 div:nth-child(2) a:nth-child(2) {    background: #092296 none repeat scroll 0 0;    margin-top: 8px;}
.mainlist33 div:nth-child(2) a {    height: 96px;    width: 100%;}
.mainlist33 div:nth-child(3) {    clear: right;    float: left;    height: 100px;    width: 100%;}
.mainlist33 div:nth-child(3) a:first-child{    background: #3ea1bd none repeat scroll 0 0;    float: left;    height: 90%;    width: 32%;}
.mainlist33 div:nth-child(3) a p.img{    height: 45px;    margin: 0 auto;    position: relative;    top: 10px;    width: 55px;}
.mainlist33 div:nth-child(3) a p.text{    bottom: 15%;    position: absolute;    text-align: center;    width: 100%;}
.mainlist33 div:nth-child(3) a:nth-child(2){    background: #cf466a none repeat scroll 0 0;    float: left;    height: 90%;    margin-left: 2%;    width: 32%;}
.mainlist33 div:nth-child(3) a:nth-child(3){    background: #f26722 none repeat scroll 0 0;    float: left;    height: 90%;    margin-left: 2%;    width: 32%;}

/* ���˵�34 ���� ��ͼ�±� ������ë�ʻ���Ч��  */
.mainlist34 {    border: 0 solid red;    margin: 0 auto;    width: 98%;}
.mainlist34 div {    border: 0 none;    color: #333333;    margin: 0;    padding: 0;}
.mainlist34 .clist34 {float: right;    margin: 0;    width: 72%;    border: 0 solid red; }
.mainlist34 .clist34 li {    border: 0 dashed blue;    float: left;    text-align: center;    width: 50%;list-style: outside none none;}
.mainlist34 .clist34 li a {    display: block;    margin: 12px;    padding: 1px 0;background: transparent none repeat scroll 0 0;    color: #000;    text-decoration: none;}
.mainlist34 .clist34 li .ChannelIcon {    color: #ffffff;    font-weight: bold;    margin: auto;    overflow: hidden;    padding: 3px;  text-align: center;}
.mainlist34 .clist34 li .ChannelIcon img {    height: 60px;    margin-bottom: 2px;    vertical-align: middle;    width: 60px;border: 0 none;    margin: 0;    padding: 0;}
.mainlist34 .clist34 li .ChannelName {    background: rgba(0, 0, 0, 0) url("../image/mainlist34.png") no-repeat scroll center center;    border: 0 dashed red;    color: #000;    font-size: 12px;    height: 25px;    line-height: 25px;    padding: 3px;  text-align: center;text-indent:-6px;color:#fcfbfb;}

/* ���˵�35 �������� �������  */
.mainlist35{position:relative;clear:both;}
.clist35 {position:absolute;top:10px;}
.mainlist35 .navlist_box { display:block;width:86%;position:relative;left:-22%;}
.mainlist35 .navlist_box ul li { float: left; -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);  text-align: center; overflow: hidden; }
.mainlist35 .navlist_box ul li a { color: #fff; height: 100%; display: block;font-size:13px; }
.mainlist35 .navlist_box ul li a div { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); background-repeat: no-repeat;  height: 100%; padding-top:10%;  margin-right:10%; font-size:0.9em;color:#fff }
.mainlist35 .menu01 {width: 109.854px; height: 109.854px; margin: -54.9269px 22.7632px 22.7632px; background:#c84090;}
.mainlist35 .menu02 {width: 109.854px; height: 109.854px; margin: -54.9269px 22.7632px 22.7632px 25.2664px; background:#ff7b99;}
.mainlist35 .menu03 {width: 109.854px; height: 109.854px; margin: -54.9269px 22.7632px 22.7632px; background:#ffce3a;}
.mainlist35 .menu04 {width: 109.854px; height: 109.854px; margin: -54.9269px 22.7632px 22.7632px 102.164px;background:#43ddb6;}
.mainlist35 .menu05 {width: 109.854px; height: 109.854px; margin: -54.9269px 22.7632px 22.7632px 102.164px; background:#54dde9;}
.mainlist35 .menu06 {width: 109.854px; height: 109.854px; margin: -54.9269px 22.7632px 22.7632px 102.164px; background:#60befb;}
.mainlist35 .menu07 {width: 109.854px; height: 109.854px; margin: -54.9269px 22.7632px 22.7632px 102.164px; background:#ba9bfb;}


/* ���˵�36 �Ű� ��4��4 ����1����3 ���ĸ�һ��  */
.mainlist36 {  margin:8px 4px 0px 8px; display: block; overflow:hidden;}
.mainlist36 li { float:left;  width:25%;  }
.mainlist36 li a { display:block;   text-align:center; margin:0px 4px 4px 0px;  overflow:hidden; background-color: #fff; color:#51545a;  }
.mainlist36 li a img {margin:5px auto 0px; width:60%;   }
.mainlist36 li a p { text-align:center; margin:0; line-height:18px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mainlist36 li:nth-child(1){ width:75%;}
.mainlist36 li:nth-child(1) img{ width:100%; margin:0px; background-color:#F80303}
.mainlist36 li:nth-child(1) p{ display: none;}
.mainlist36 li:nth-child(2) a{ background-color:#dd5273; color:#FFF}
.mainlist36 li:nth-child(3) a{ background-color:#53597d; color:#FFF}
.mainlist36 li:nth-child(4) a{ background-color:#537d62; color:#FFF}
.mainlist36 li:nth-child(5) {clear:both;}
.mainlist36 li:nth-child(5) a,.mainlist36 li:nth-child(6) a,.mainlist36 li:nth-child(7) a,.mainlist36 li:nth-child(8) a{border:1px solid #E0E0E0; padding-bottom:7px; background-color:#09BCF3; color:#FFF}
.mainlist36 li:nth-child(n+9){ width:50%; }
.mainlist36 li:nth-child(n+9) img{  width:100%; margin:0px;}
.mainlist36 li:nth-child(n+9) p{line-height:25px; background-color: #fff; }


/* ���˵�37 ������ҡ�ڽ��� ��ͼ�±�  */
.mainlist37 {display:block; width:100%;   -moz-perspective:800px;  -moz-transform-style:preserve-3d;  -webkit-perspective:800px;  -webkit-transform-style:preserve-3d;  -moz-backface-visibility:;  -webkit-backface-visibility:hidden;  }
.mainlist37 a{display:inline-block;width:32%;height:auto;position:relative;} 
.mainlist37 li{display:block;float:left; position:relative; color:#333;border-bottom:1px solid #dde;border-left:1px solid #dde; width:100%;text-align:center;  -webkit-animation-name:wobble;  -webkit-animation-duration: 1s;  -webkit-animation-timing-function: linear; -webkit-animation-delay: 0; -webkit-animation-iteration-count: 1;  -webkit-animation-direction: ;  -moz-animation-name:wobble;  -moz-animation-duration: 1s;  -moz-animation-timing-function: linear;  -moz-animation-delay: 0;  -moz-animation-iteration-count: 1;  -moz-animation-direction: ;	}
@-webkit-keyframes wobble{
  0% {-webkit-transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
  25% {-webkit-transform:rotateY(90deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
  50% {-webkit-transform:rotateY(180deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
  75% {-webkit-transform:rotateY(270deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
  100% {-webkit-transform:rotateY(360deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
  }
@-moz-keyframes wobble{
  0% {-moz-transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
  25% {-moz-transform:rotateY(90deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
  50% {-moz-transform:rotateY(180deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
  75% {-moz-transform:rotateY(270deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
  100% {-moz-transform:rotateY(360deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
  }
.mainlist37 li span{display:block;float:left;  position:relative; width:100%; text-align:center; padding:2% 0% 15% 0%; }
.mainlist37 .telbtn {display:block;float:left; position:relative;width:100%; }
.mainlist37 .telbtn span{}
.mainlist37 .c_01{background:#06a78b;}
.mainlist37 .c_02{background:#f57a4f;}
.mainlist37 .c_03{background:#897de8; }
.mainlist37 .c_04{background:#ff58da;}
.mainlist37 .c_05{background:#28cc27; }
.mainlist37 .c_06{background:#279fcc;}
.mainlist37 .c_07{background:#f5c84f; }
.mainlist37 .c_08{background:#ffa88d; }
.mainlist37 .c_09{background:#f54f66; }
.mainlist37 .icon2 img {display:block; width:100%; min-height:100%; vertical-align:middle;}
.mainlist37 .icon2 {display:block;width:50px; height:50px; margin:18% auto 3%; padding:0%;border-radius:100px; overflow:hidden; }