@charset "utf-8";
/*-------------------
-------------------*/
*{padding:0;margin:0}
ul{list-style:none}
img{border:0;transition:all .3s linear;}
input,select{font-size:12px;vertical-align:middle}
em,i{font-style:normal}
a{color:#111;text-decoration:none;transition:all .3s linear;-webkit-transition:all .3s linear;}
a:hover{color:#FE6D4B}
body{color:#555;font-family:"\5FAE\8F6F\96C5\9ED1","\82F9\679C\4E3D\4E2D\9ED1",Arial,Helvetica,sans-serif;font-size:14px;background-color:#f6f6f6;background-position:center 42px;background-repeat:no-repeat;background-attachment:fixed}
.sspo_wrap{width:1200px;margin:0 auto;}
i.sspo_fa{color:#aaa}
.sspo_mcolor{color:#FE6D4B}
/* Head */
#topnav{height:28px;line-height:28px;font-size:12px;background:#222;clear:both}
#topnav .sspo_tnlt{float:left;max-width:50%;color:#aaa;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#topnav .tnrt{float:right}
#topnav .tnrt a{color:#2984DE;margin-left:15px}
#topnav .tnrt a i.sspo_fa{color:#bbb;margin-right:3px}
#mainav{width:100%;height:68px;color:#fff;}
#mainav a{color:#fff}
#mainav .navbox{width:100%;height:68px;line-height:68px;background:#2984DE;z-index:9990;}
#mainav .navbox .sspo_wrap{position:relative;height:100%;background:url(../images/nav.png) no-repeat;}
#mainav .sspo_mlogo{float:left;width:300px;height:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#mainav .sspo_mlogo a{font-size:30px;}
#mainav .sspo_mlogo img{max-height:100%}
#mainav .sspo_topmenu{position:absolute;top:0;right:0}
#mainav .sspo_bar{margin-right:-18px}
#mainav .sspo_bar li{position:relative;float:left;z-index:9991;}
#mainav .sspo_bar>li:last-child .dot{display:none}
#mainav .sspo_bar li i.dot{position:absolute;top:50%;right:0;display:block;width:1px;height:16px;margin:-7px 0 0;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 0) 100%);}
#mainav .sspo_bar li a{display:block;font-size:16px;text-align:center;padding:0 18px;}
#mainav .sspo_bar li a:hover{color:#FCEE8B}
#mainav .sspo_bar li a i.sspo_fa{color:#fff;font-size:12px;margin-left:4px;transition:all .1s linear;-webkit-transition:all .1s linear;}
#mainav .sspo_bar li:hover i.sspo_fa{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
#mainav li.current a{font-weight:bold}
#mainav li.current li a{font-weight:normal}
#mainav li ul{display:none;position:absolute;top:68px;left:-1px;width:100%;z-index:9992;border-radius:0 0 8px 8px;background:#777;background:rgba(85, 85, 85, 0.9);overflow:hidden;}
#mainav .sspo_bar ul li{width:100%;height:32px;line-height:32px;border-top:1px #999 solid;border-right:0}
#mainav .sspo_bar ul li a{width:100%;font-size:14px;padding:0}
#mainav .sspo_bar ul a:hover{background:#444;}
#mainav .headfix{position:fixed;top:0;left:0;line-height:42px;border-bottom:2px #fff solid}
#mainav .headfix .sspo_mlogo a{font-size:24px}
#mainav .headfix .sspo_mlogo img{height:42px}
#mainav .headfix .sspo_bar li a{font-size:14px}
#mainav .headfix .sub-nav{top:42px}
#mainav .fa-navicon{display:none;position:fixed;top:8px;right:15px;color:#fff;font-size:2em;cursor:pointer;z-index:9999}
/* Left */
#content{padding:22px 0;clear:both;}
#contentleft{float:left;width:981px;}
.imoney{width:100%;margin:0 0 15px;text-align:center;overflow:hidden}
.imoney img{width:100%}

.ui-banner{display:block;position:relative;width:100%;margin:0 0 20px;background:#fff}
.ui-banner.ui-banner-invalid{display:none;}
.ui-banner,.ui-banner .ui-banner-slides,.ui-banner .ui-banner-slogans,.ui-banner .ui-banner-arrow{height:320px;}
.ui-banner .ui-banner-slides,.ui-banner .ui-banner-slogans,.ui-banner .ui-banner-arrow{position:absolute;top:0;}
.ui-banner ul{overflow:hidden;}
.ui-banner .ui-banner-slides{width:660px;height:320px;left:0}
.ui-banner .ui-banner-slides li{display:none;position:absolute;width:100%;height:100%;}
.ui-banner .ui-banner-slides li img{width:100%;height:100%;}
.ui-banner .ui-banner-slides li.ui-banner-slides-current,.ui-banner .ui-banner-slides li.ui-banner-slides-prev,.ui-banner .ui-banner-slides li.ui-banner-slides-next{display:block;}
.ui-banner .ui-banner-slides li.ui-banner-slides-current{left:0;}
.ui-banner .ui-banner-slides li.ui-banner-slides-prev{left:-660px;}
.ui-banner .ui-banner-slides li.ui-banner-slides-next{left:660px;}
.ui-banner .ui-banner-slogans{width:280px;height:320px;overflow:hidden;padding:0 20px;right:0;background:#fff;}
.ui-banner .ui-banner-slogans li{padding:17px 0;border-bottom:1px #ddd dotted;cursor:pointer;}
.ui-banner .ui-banner-slogans li h3{font-size:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ui-banner .ui-banner-slogans li .sspo_des{font-size:12px;height:44px;line-height:22px;padding:5px 0 0;overflow:hidden}
.ui-banner .ui-banner-slogans li.ui-banner-slogans-current h3{color:#FE6D4B;}
.ui-banner .ui-banner-slogans li.ui-banner-slogans-prev{border-bottom:none;}
.ui-banner .ui-banner-arrow{display:block;width:18px;height:30px;line-height:30px;text-align:center;right:0;outline:none;color:#fff;background:#eee;transition:all .3s linear;}
.ui-banner .ui-banner-arrow:hover{background:#2984DE}
.ui-banner .ui-banner-arrow.ui-banner-arrow-prev{top:0}
.ui-banner .ui-banner-arrow.ui-banner-arrow-next{top:auto;bottom:0}

.sspo_itbox{position:relative;height:42px;line-height:42px;margin:0 0 15px;background:#FFF;}
.sspo_itbox h3{position:absolute;top:0;left:0;width:110px;text-align:center;color:#fff;font-size:15px;background:#FE6D4B;box-shadow:20px 0 30px #fff}
.itscroll{border:0 #fff solid;border-width:0 15px 0 110px;clear:both;overflow:hidden}
.itscroll .sspo_con{width:5000%}
.itscroll .sspo_con ul{float:left}
.itscroll li{float:left;margin:0 1em;}
.itscroll li i.sspo_fa{margin-right:5px}
.itscroll li span{margin-left:4px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
.sspo_cmsbox{width:996px;overflow:hidden}
.sspo_cmslist{float:left;width:290px;min-height:282px;margin:0 16px 16px 0;border:1px #e5e5e5 solid;background:#FFF;padding:5px 12px;}
.sspo_cmslist .sspo_xyti{height:34px;line-height:34px;border-bottom:1px #e5e5e5 solid;}
.sspo_cmslist .sspo_xyti h3{font-size:15px;}
.sspo_cmslist .sspo_xyti h3 i.sspo_fa{margin-right:9px}
.sspo_cmslist ul{padding:8px 0}
.sspo_cmslist li{height:28px;line-height:28px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.sspo_cmslist li i.sspo_fa{font-size:10px;margin-right:6px}
.sspo_cmslist li.sspo_first{height:80px;line-height:18px;white-space:normal;padding:5px 0}
.sspo_cmslist li.sspo_first .sspo_pic{display:block;float:left;width:120px;height:80px;margin-right:10px;overflow:hidden}
.sspo_cmslist li.sspo_first img{width:120px;height:80px;}
.sspo_cmslist li.sspo_first img:hover,.sspo_loglist li.sspo_con .sspo_des img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);}
.sspo_cmslist li.sspo_first .sspo_text{display:block;width:160px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.sspo_cmslist li.sspo_first div{color:#999;font-size:12px;padding-top:4px;}
.sspo_loglist li.sspo_con{position:relative;margin:0 0 15px;border:1px #e5e5e5 solid;background:#FFF;padding:15px 15px 20px;clear:both;overflow:hidden;transition:all .4s linear;}
.sspo_loglist li.sspo_con:hover{border:1px #FE6D4B solid;}
.sspo_loglist li.sspo_con .sspo_info{float:left;width:140px;line-height:30px;margin-right:20px;color:#999;font-family:"Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei";border-right:1px #e5e5e5 dotted;overflow:hidden}
.sspo_loglist li.sspo_con .sspo_info span:not(.sn) a{color:#999}
.sspo_loglist li.sspo_con .sspo_info .sn a{display:block;margin:0 0 15px;font-size:16px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:15px 0 0 15px;background:#f6f6f6}
.sspo_loglist li.sspo_con .sspo_info .sn a:hover{background:#f6f6f6}
.sspo_loglist li.sspo_con .sspo_info .pi span em{display:none}
.sspo_loglist li.sspo_con .sspo_info i.sspo_fa{margin:0 5px 0 12px}
.sspo_loglist li.sspo_con .sspo_des h2{font-weight:normal;padding:0 0 15px}
.sspo_loglist li.up .sspo_des h2{font-weight:bold;}
.sspo_loglist li.sspo_con .sspo_des h2 i.sspo_fa{margin-right:6px;font-size:1.2em}
.sspo_loglist li.sspo_con .sspo_des h2 a{font-size:24px;}
.sspo_loglist li.sspo_con .sspo_des h2 a:hover{padding-left:10px;}
.sspo_loglist li.sspo_con .sspo_des .sspo_pic{display:block;float:left;width:200px;height:150px;margin-right:20px;overflow:hidden}
.sspo_loglist li.sspo_con .sspo_des img{width:200px;max-height:150px;}
.sspo_loglist li.sspo_con .sspo_des .sspo_text{line-height:24px;padding:0 0 10px}
.sspo_tags a{display:inline-block;margin:0 3px 5px 0;font-size:12px;border:1px #ddd solid;border-radius:12px;padding:3px 8px;background-image:linear-gradient(#fff, #F6F6F6);}
.sspo_loglist li.sspo_con .sspo_more{position:absolute;bottom:0;right:0;width:100px;height:32px;line-height:32px;color:#fff;text-align:center;background:#d2d2d2;}
.sspo_loglist li.sspo_con .sspo_more i{color:#fff;margin-left:8px}
.sspo_loglist li.sspo_con:hover .sspo_more{background:#FE6D4B}
.sspo_loglist li.sspo_con .sspo_more:hover{width:150px;}
.wawidth,.wapost{width:33.332%;}
.wapost{display:inline;float:left;background:#FFF;transition:all .4s linear;}
.wapost:hover{position:relative;box-shadow:0 0 50px 2px rgba(0,0,0,0.2);z-index:9;}
.wapbox{margin:0 0 -1px -1px;border:1px #e5e5e5 solid;padding:14px 18px;}
.wapost i.sspo_fa{margin-right:4px}
.wapost .aptop{border-bottom:1px #e5e5e5 solid;padding:10px 0 13px;overflow:hidden;}
.wapost .aptop .sn{float:left;}
.wapost .aptop .sn a{font-size:16px;font-weight:bold}
.wapost .aptop .pi{float:right;color:#999;font-size:12px}
.wapost .aptop .pi span em{display:none}
.wapost h2{padding:15px 0 20px}
.wapost h2 a{font-size:18px;}
.wapost .img{width:100%;height:200px;text-align:center;overflow:hidden;}
.wapost .img img{height:100%;}
.wapost .sspo_text{word-break:break-all;word-wrap:break-word;line-height:22px;padding:10px 0;}
.wapost .sspo_tags a{display:inline-block;margin:0 3px 4px 0;color:#aaa;font-size:12px;border:1px #ddd dotted;border-radius:5px;padding:2px 5px;}
.wapost .count{margin-top:10px;border-top:1px #e5e5e5 solid;padding:10px 0;overflow:hidden;}
.wapost .count span{float:left;margin-right:40px;font-family:"Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei";}
.wapost .count span.edit{float:right;margin-right:0;font-size:12px;}
.loading{text-align:center;padding:30px 0;clear:both}
/* Right */
#sidebar{float:right;width:202px;overflow:hidden}
#sidebar>dl{margin-bottom:20px;border:1px #e5e5e5 solid;background:#FFF;overflow:hidden;border-top:3px #333 solid;}
#sidebar .function_t{height:38px;line-height:38px;text-align:center;font-size:16px;font-weight:normal;background:#f6f6f6;}
#sidebar .function_c{padding:10px 12px;overflow:hidden}
#sidebar .function_c>ul>li{line-height:24px;border-bottom:1px #eee solid;padding:10px 0}
#sidebar .function_c>ul>li:last-child{border-bottom:0}
#divCalendar .function_c{padding:0}
#divCalendar caption{width:100%;line-height:30px;}
#divCalendar table{width:100%;border-collapse:collapse;font-size:12px;text-align:center;}
#divCalendar th,#divCalendar td{border:1px #eee solid;padding:1px 5px;line-height:20px;}
#divSearchPanel input[type=text]{float:left;width:135px;height:32px;border:1px solid #999;border-right:0;text-align:center;box-shadow:inset 2px 2px 2px #eee;border-radius:5px 0 0 5px;outline:none}
#divSearchPanel input[type=submit]{float:left;width:40px;height:34px;border:0;cursor:pointer;text-align:center;color:#fff;background:#999;border-radius:0 5px 5px 0}
#divTags .function_c,#divArchives .function_c{max-height:304px;overflow-y:auto;}
#divLinkage .function_c>ul>li{float:left;width:50%;font-size:12px;border-bottom:1px #eee dotted;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:6px 0}
dl#divCatalog{border-top:1px #e5e5e5 solid}
dl#divCatalog .function_t{font-weight:bold;text-align:left;background:none}
#divCatalog .function_t i.sspo_fa{margin:0 5px 0 10px}
#divCatalog .function_c{padding:0}
#divCatalog .function_c>ul>li{position:relative;line-height:38px;border-bottom:0;border-top:1px #eee solid;padding:0}
#divCatalog .function_c>ul>li .sico{position:absolute;top:0;right:0;width:20px;height:38px;line-height:38px;color:#ccc;font-size:8px;text-align:center;cursor:pointer}
#divCatalog .function_c>ul>li .sico:hover{border-left:1px #eee solid;background:#f6f6f6}
#divCatalog .function_c>ul>li a{display:block;height:38px;text-indent:28px;border-left:4px #fff solid;}
#divCatalog .function_c>ul>li a:hover{border-left:4px #FE6D4B solid;background:#f6f6f6}
#divCatalog .function_c>ul>li ul{display:none;background:#fafafa}
#divCatalog .function_c>ul>li li{border-top:1px #eee solid;}
#divCatalog .function_c>ul>li li a{text-indent:35px;border-color:#fafafa}
#divComments .function_c>ul>li{max-height:68px;overflow:hidden}
#divContorPanel{line-height:30px;}
#divContorPanel a{background:#f2f2f2;padding:3px 8px;border-radius:5px}
#sidebar .diyarea{margin-bottom:15px;}
#sidebar dl[id*="Amore"]{border-top:1px #eee solid;}
#sidebar dl[id*="Amore"] .function_c{text-align:center;padding:0}
.slfix{position:fixed;top:55px;width:200px;z-index:999}
.slfix2{position:fixed;top:0;width:200px;z-index:999}
/* PageNav */
#pagenavi{text-align:center;padding:25px 0;overflow:hidden;clear:both}
#pagenavi a,#pagenavi span.now-page{display:inline-block;font:14px/20px Arial;border-radius:3px;padding:6px 12px;margin:3px;height:20px;border:1px solid #ddd;background:#FFF}
#pagenavi a:hover{color:#fff;border-color:#FE6D4B;background:#FE6D4B}
#pagenavi span.now-page{color:#aaa;background:#f6f6f6}
/* Foot */
#footerbar{line-height:26px;font-size:12px;padding:20px 0px;border-top:3px solid #2984DE;color:#ccc;text-align:center;background:#555;overflow:hidden;clear:both}
#footerbar .sspo_wrap{position:relative}
#footerbar .sspo_wrap a{color:#ddd}
#footerbar .sspo_wrap .zz{position:absolute;left:0;top:0;color:#aaa;font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;text-align:left}
#footerbar .sspo_wrap .zz a{color:#ccc}
#backtop{display:none;position:fixed;left:50%;bottom:170px;margin-left:625px;color:#888;font-size:32px;text-align:center;cursor:pointer;transition:all .3s linear;}
#backtop:hover{color:#f90}
/* PageLeft */
.pagenow{color:#ccc;height:36px;line-height:36px;}
.pagenow i.sspo_fa{margin:0 10px 0 15px}
.pagenow span{margin-left:5px;}
.pagenow .sspo_csort{position:absolute;top:0;right:15px;width:60%;text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pagenow .sspo_csort p{margin-right:-5px}
.pagenow .sspo_csort a,.sspo_logbox .pagenow a{color:#999;}
.sspo_logcu span{margin-right:5px}
.sspo_logbox{margin:0 0 30px;border:1px #e5e5e5 solid;background:#fff;padding:5px 15px 10px;overflow:hidden}
.sspo_logbox .pagenow{margin-bottom:0;border-top:0}
.sspo_logbox .pagenow i.sspo_fa{margin-left:0}
.sspo_logbox .pagenow span{color:#ccc;margin:0 4px;}
.sspo_logbox h1{color:#000;font-size:35px;line-height:58px;font-weight:400;padding:15px 0}
.sspo_logbox .sspo_data{color:#999;font-family:"Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei";padding:0 0 20px 5px}
.sspo_logbox .sspo_data i.sspo_fa{margin:0 3px 0 25px}
.apage .sspo_data i.fa-clock-o{margin-left:0}
.apage #divCommentPost{margin-top:15px;border-top:3px #333 solid;}
.sspo_logcon{color:#000;line-height:1.9;font-size:16px;border-top:1px #eee dotted;padding:10px 20px}
.sspo_logcon p{margin:0.5em 0;}
.sspo_logcon a{color:#FE6D4B}
.logins{float:left;max-width:300px;margin:15px 10px 0 0;overflow:hidden}
.sspo_logcon img,.sspo_logcon embed,.sspo_logcon iframe{max-width:98% !important;}
.sspo_logcon img{height:auto !important}
.sspo_logbox .sspo_tags{padding:5px 0;}
.nextlog{margin:15px 0;border:0 #ddd solid;border-width:1px 0;padding:15px 0;overflow:hidden;clear:both}
.nextlog a{position:relative;display:block;width:42%;height:90px;font-size:18px;padding:10px 4%;}
.nextlog a:hover{background:#f6f6f6}
.nextlog .prev{float:left;width:calc(42% - 1px);border-right:1px #eee dotted;}
.nextlog .next{float:right;text-align:right;}
.nextlog a span{display:block;color:#aaa;padding:0 0 10px}
.nextlog a i.sspo_fa{position:absolute;top:28px;left:5px;}
.nextlog a strong{display:inline-block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.nextlog .next i.sspo_fa{left:auto;right:5px}
.link-box{border-bottom:3px #333 solid;padding:15px 0;overflow:hidden;clear:both}
.link-box h3{font-size:18px;padding:0 0 10px}
.sspo_ullist4 li{float:left;width:48%;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 1%}
.sspo_ullist4 li i.sspo_fa{margin-right:5px;font-size:10px}
.searchbox p{line-height:1.8;margin:15px 0}
.searchbox p a:first-child{color:#06C;font-size:16px;text-decoration:underline}
/* Comment */
ul.msg{width:100%;margin:10px 0;padding:5px 0;text-align:left;list-style-position:outside;table-layout:fixed;word-wrap:break-word;clear:both}
li.tbname{font-size:18px;height:48px;line-height:48px;border-bottom:solid 1px #ECECEC;position:relative;margin-top:5px;font-weight:bold}
li.tbname span{font-weight:normal;margin-right:2px;}
li.msgname{padding:0 0 5px 5px;}
li.msgarticle{color:#666;font-size:14px;padding:0 10px 10px;line-height:160%;padding-left:55px;border-bottom:1px #ECECEC solid}
li.msgtime{padding:5px 0 0 0;}
img.avatar{width:40px;height:40px;float:left;margin:0 15px 0 0;}
ul.msg ul.msg{padding:10px 0 0;margin:10px 0 0;border-top:1px #ECECEC dotted;border-bottom:none;}
ul.msg ul.msg li.msgarticle{padding-bottom:0;border-bottom:0}
ul.msg ul.msg li.msgname{padding:0}
.msgname small{color:#999;font-size:12px;margin:0 10px}
/* CommentPost */
#divCommentPost{padding:15px 0;overflow:hidden;clear:both}
#divCommentPost .posttop{font-size:18px;font-weight:bold;padding:10px 0;clear:both}
#divCommentPost p{position:relative;float:left;width:49%;height:32px;line-height:32px;margin:0 1% 15px 0;border:1px #ccc solid;background:#eee;padding-left:32px;box-sizing:border-box;border-radius:5px}
#divCommentPost p i.sspo_fa{position:absolute;top:7px;left:2px;width:30px}
#divCommentPost p input{width:100%;height:30px;line-height:normal;vertical-align:top;text-indent:8px;border:none;border-left:1px #ccc solid;outline:none;box-sizing:border-box;border-radius:0 5px 5px 0}
#divCommentPost p.vcode, #divCommentPost p.email{float:right;margin-right:0;}
#divCommentPost p.vcode{background:none;margin-right:0;padding-left:3px}
#divCommentPost p.vcode input{border:0}
#divCommentPost p.vcode img{height:100%;position:absolute;top:0;right:0;border-radius:0 5px 5px 0}
#cancel-reply{float:right;font-size:12px;font-weight:normal}
div.reply-frm{background:#f0f0f0;box-shadow:0 0 15px #999;margin:1em 0 !important;padding:10px !important;min-width:330px;}
#txaArticle{display:block;width:98%;width:calc(98% - 2px);height:80px;font-size:14px;border: solid 1px #ccc;padding:1%;resize:none;outline:none;overflow:hidden;
background-image: -webkit-linear-gradient(top,#f9f9f9,#fff);background-image:linear-gradient(to bottom,#f9f9f9,#fff);background-repeat:repeat-x;border-radius:5px 5px 0 0;clear:both}
#divCommentPost .cpost{position:relative;width:calc(98% - 2px);border:1px solid #ccc;border-top:0;overflow:hidden;padding-right:2%;background-image:linear-gradient(to bottom,#fff,#f9f9f9);clear:both}
#divCommentPost .cpost i.sspo_fa{width:50px;height:30px;line-height:30px;color:#666;font-size:16px;border-right:1px #ccc solid;background:#eee;background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image: -webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);cursor:pointer}
input.button{position:absolute;top:0;right:0;width:80px;height:30px;line-height:30px;text-align:center;text-shadow:0 1px 0 #fff;font-weight:bold;background:#eee;border:0;border-left:1px #ccc solid;cursor:pointer;background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image: -webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);outline:none}
#divCommentPost .cpost i.sspo_fa:hover,input.button:hover{background-image:linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);background-image:-webkit-linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);}
#mainav #divSearchPanel{display:none;}
@media only screen and (max-width: 1200px) {.sspo_wrap{width:98%;} #mainav .sspo_mlogo{max-width:88%;} #mainav .sspo_bar{float:right;margin-right:0} #mainav .sspo_bar li a{padding:0 12px} #mainav .sspo_topmenu,#contentleft{width:80%;width:calc(100% - 220px);} .sspo_cmsbox{width:108%;width:calc(100% + 16px);} .sspo_cmslist{width:42%;width:calc(50% - 42px);} .sspo_loglist li.sspo_con .sspo_info{width:120px;}}
@media only screen and (max-width: 1024px) {#mainav .sspo_bar li a{font-size:14px} #mainav .sub-nav li a{font-size:12px;padding:0} #contentleft{float:none;width:98%;margin:0 auto} #sidebar{display:none;} .wawidth,.wapost{width:50%;}}
@media only screen and (max-width: 800px) {#topnav,#mainav .sspo_bar li a i.sspo_fa,.ui-banner,#footerbar .sspo_wrap .zz{display:none} #mainav .sspo_bar{display:none;position:fixed;top:0;right:50px;background:#777;z-index:9999;border-radius:0 0 4px 4px;} #mainav .sspo_bar li{float:none;height:32px;line-height:32px;border-top:1px #999 solid} #mainav .sspo_bar li i.dot{display:none} #mainav .sspo_bar li a:hover{background:#444;} #mainav li .sub-nav{top:-1px;left:auto;right:100%;border-radius:0;} #mainav .headfix .sub-nav{top:-1px;} #mainav li .sub-nav li{border-bottom:0;} #mainav .fa-navicon{display:block} .sspo_cmslist li.sspo_first .sspo_text{width:calc(100% - 130px);}}
@media only screen and (max-width: 640px) {.sspo_cmsbox{width:100%;} .sspo_cmslist{width:92%;width:calc(100% - 26px);} .sspo_loglist li.sspo_con .sspo_info{float:none;width:auto;} .sspo_loglist li.sspo_con .sspo_info span{display:block;float:left;} .sspo_loglist li.sspo_con .sspo_info .sn a,.sspo_loglist li.sspo_con .sspo_info .sn a:hover{background:none;font-size:14px} .sspo_loglist li.sspo_con .sspo_info i.sspo_fa{float:left;margin-top:8px} .sspo_loglist li.sspo_con .sspo_info br,.logins{display:none} .sspo_loglist li.sspo_con .sspo_des h2 a{font-size:18px;} .pagenow,.nextlog a i.sspo_fa{display:none} .sspo_logcon{padding:10px 0} .sspo_logbox h1{font-size:24px;line-height:30px;} .sspo_logbox .sspo_data{font-size:12px;} .sspo_logbox .sspo_data i.sspo_fa{margin:0 3px 0 10px} .nextlog a{float:none !important;width:92% !important;text-align:left !important;height:auto;font-size:16px;} .sspo_ullist4 li{float:none;width:98%;}  .wawidth,.wapost{width:100%;} #footerbar .sspo_wrap{width:98%;text-align:center;padding:0 1%} li.msgarticle{padding-left:10px}.sspo_loglist li.sspo_con .sspo_info{border-right:0;}
	.sspo_loglist li.sspo_con .sspo_des .sspo_pic,.sspo_loglist li.sspo_con .sspo_des img{width:150px;height:auto;}
	#divCommentPost p{width:100%;margin-right:0;}
	#mainav{height:auto;}
	#mainav #divSearchPanel{display:block;width:94%;background:rgba(0,0,0,.2);padding:8px 3%;overflow:hidden;}
	#mainav #divSearchPanel dt{display:none;}
	#mainav #divSearchPanel input[type=text]{width:82%;height:34px;box-sizing:border-box;}
	#mainav #divSearchPanel input[type=submit]{width:18%;}
}
#pagenavi > a,#pagenavi > b{
	display: inline-block;
	font: 14px/20px Arial;
	border-radius: 3px;
	padding: 6px 12px;
	margin: 3px;
	height: 20px;
	border: 1px solid #ddd;
	background: #FFF;
}

#pagenavi > b{
	display: inline-block;
	font: 14px/20px Arial;
	border-radius: 3px;
	padding: 6px 12px;
	margin: 3px;
	height: 20px;
	border: 1px solid #ddd;
	color: #aaa;
    background: #f6f6f6;
}


@media(max-width:760px)
{
/*

*/

#pagenavi{
	white-space: nowrap;
	overflow-x: scroll;
	display: flex;
}

#sidebar{
	display: block !important;
	width: 100%;
}

#banners{
	display: block;
}
.ui-banner-slogans{
	display: none;
}

.ui-banner .ui-banner-slides{
	width: 100%;
}

}    



.h-ctitle{
  display: flow-root;
  width: 100% !important;
  height: fit-content;
}

.top_logo {
  width: 200px;
  height: 200px;
  /* background: #f1f5f8; */
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  padding: 20px;
  float: left;
}


.top_logo > img {
  height: 180px;
  width: 180px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  border: 2px solid rgba(255, 255, 255, .9);
  border-radius: 20%;
  /* animation: rotate 3s linear infinite; */
  background: #fff;
  object-fit: scale-down;
}

.lefs {
  margin-left: 230px;
  font-size: 14px;
  margin-top: 5px;

}

.lefs > h1{
  padding-top: 30px !important;
}


.downRebtn {
  border: 1px solid #dadfec;
  color: #6b7386;
  background: #f1f5f8;
  text-align: center;
  height: 36px;
  line-height: 36px;
  border-radius: 3px;
  width: 120px;
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 15px;
  margin-right: 1rem;

}

.pbtn{
  margin: 5px auto ;
  border-top: 1px solid #EFEFEF;
}


@media (max-width: 767px) {
  .top_logo{
      width: 100%;
      height: 100px;
      margin-bottom: 4%;

  }

  .top_logo > img {
    margin-left: 10px !important;
  }

  .lefs{
    margin-left: 0;
  }

  .h-ctitle{
    padding-top: 0.5rem !important;
  }
}