blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:400}
abbr,body,fieldset,html,iframe,img{border:0}
address,cite,dfn,em,i,var{font-style:normal}
[hidefocus],summary{outline:0}
li{list-style:none}
h1,h2,h3,h4,h5,h6,small{font-size:100%}
sub,sup{font-size:83%}
code,kbd,pre,samp{font-family:inherit}
q:after,q:before{content:none}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,button{cursor:pointer}
b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:400}
a,a:hover,del,ins,s,u{text-decoration:none}
body,button,input,keygen,legend,select,textarea{font:12px/1.14 "PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;color:#333;outline:0}
body{background:#f3f3f3}
a{color:#585858}
a:hover{color:#00BCD4}
.clearfix{zoom:1}
.clearfix:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden}
.footer p,.head-container,.links,.main,.main-image,.nav-container,.nav-image{width:1200px;margin:0 auto}
.head{width:100%;height: 88px;background:#fff;border-bottom:1px solid #e9e9e9;border-top:2px solid #00BCD4;}
.head-logo{float:left;width:140px;height:48px;text-indent:-9999px;margin: 20px 0;background-image:url(/statics/theme/images/logo-color.png);}
.head .head-nav{float:left;height: 88px;line-height: 88px;margin-left: 40px;}
.head .head-nav li{float:left;margin-left:30px;text-align:center;font-size: 18px;}
.head .head-nav a{padding-bottom:5px}
.head .head-nav a:hover{border-bottom:#00BCD4 2px solid;color:#00BCD4}
.main-left{float:left;width:820px;margin-top:25px}
.main-right{float:right;width:360px;overflow:hidden}
.main-right .nav-none{display:none}
.main-detail{float:left;width:780px;margin:25px 0;padding:0 20px;background:#fff}
.main-menu{width:100%;font-size:15px;margin:25px 0;color:#666}
.search-form{float:right;margin-top: 28px;width:340px;height:32px;}
.search-text{float:left;width:238px;border:0;padding:5px 10px;font-size:14px;height:20px;line-height:20px;background-color:#fff;color:#444;border:1px solid #e9e9e9}
.search-submit{float:left;width:80px;height:32px;border:0;background-image:url(/statics/theme/images/search-submit.png);background-repeat:no-repeat;background-position:0 0;background-color:#00BCD4}
.footer{width:100%;overflow:hidden;padding:20px 0 10px;background:#fff;border-top:2px solid #00BCD4;margin-top:25px}
.footer p{line-height:30px;color:#666;font-size:14px;text-align:center}
.footer p a{color:#666;margin:0 5px}
.slide-image{float:right;height:344px}
.slide-image li{position:relative;width:188px;height:120px;overflow:hidden;margin-bottom:12px;background-color:#000}
.slide-image li:last-child{margin-bottom:0}
.slide-image li img{width:188px;height:120px;-webkit-opacity:.5;-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;filter:Alpha(opacity=50);-webkit-transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-ms-transition:opacity .25s ease-in-out;-o-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}
.slide-image li:hover img{-webkit-opacity:.9;-moz-opacity:.9;-khtml-opacity:.9;opacity:.9;filter:Alpha(opacity=90)}
.slide-image span{color:#fff;height:36px;line-height:18px;padding:0 8px;display:block;position:absolute;left:0;bottom:5px;font-size:15px;overflow:hidden}
.slideBox{position:relative;width:620px;height:385px;background:#fff;float:left;overflow:hidden}
.slideBox img{display:block;width:620px;height:385px}
.slideBox span{position:absolute;bottom:37px;left:0;width:100%;color:#fff;text-align:center;font-size:22px}
.slideBox .hd{position:absolute;bottom:10px;width:100%;text-align:center}
.slideBox .hd li{cursor:pointer;display:inline-block;width:10px;height:10px;border-radius:5px;background:#ddd;text-indent:-9999em;margin:0 4px}
.slideBox .hd li.on{background:#00BCD4;width:25px}
.right-common{margin-top:25px;width:360px;background:#fff;float:right}
.common-title{margin:0 20px;border-bottom:solid 1px #f0f0f0;height:48px}
.common-title h2,.common-title h3{float:left;font-size:18px;color:#00BCD4;border-bottom:solid #00BCD4 3px;line-height:46px}
.common-title h2 a,.common-title h3 a{color:#00BCD4}
.common-more{float:right;font-size:16px;color:#00BCD4;border:1px solid #00BCD4;margin-top:10px;height:26px;line-height:26px;padding:0 10px;border-radius:2px}
.common-more:hover{background-color:#00BCD4;color:#fff}
.common-content,.common-essay,.common-hot,.common-nav{display:inline-block}
.common-content a,.common-essay a{overflow:hidden;text-overflow:ellipsis;display:block;height:21px;line-height:21px;color:#585858;font-size:15px;padding-top:10px;border-left:1px solid #e9e9e9;padding-left:14px}
.common-content a:hover{text-decoration:underline;color:#FE8A00}
.common-essay a{color:#222}
.common-essay a:hover{color:#00BCD4}
.common-nav a{float:left;margin:10px 0 0 15px;width:135px;line-height:36px;font-size:15px;text-align:center;overflow:hidden;background-color:#f6f6f6}
.common-nav a.active{color:#fff;background-color:#00BCD4}
.common-new li{padding-top:10px}
.common-new dl{overflow:hidden}
.common-new dt{position:relative;float:left;width:91px;height:60px;overflow:hidden;margin-right:10px}
.common-new dd{display:table-cell;vertical-align:middle;overflow:hidden;height:100%}
.common-new dd{font-size:15px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.common-tuijian{margin:20px;width:300px;height:296px;overflow:hidden;background:url(/statics/theme/images/tui-line.png) 20px 0 repeat-y}
.common-tuijian dl{width:100%;overflow:hidden}
.common-tuijian dt{float:left;width:40px;height:40px;line-height:40px;text-align:center;font-size:16px;color:#999;overflow:hidden;background:#eee;border-radius:20px}
.common-tuijian dd{float:right;width:230px}
.common-tuijian dd a{font-size:15px;width:100%;height:52px;line-height:26px;display:block;overflow:hidden}
.common-tuijian dd a:hover{color:#00BCD4}
.common-tuijian dd p{background:url(/statics/theme/images/sprite.png) no-repeat scroll 0 -38px;color:#999;height:22px;line-height:22px;overflow:hidden;padding-left:22px;font-size:13px}
.common-tuijian li.active dt{color:#fff;background:#00BCD4;border-radius:20px}
.common-tuijian li.active a{color:#00BCD4}
.common-image li i span{line-height:20px;font-size:13px;color:#fff}
.common-image{display:inline-block;margin-bottom:20px}
.common-image li{float:left;padding-top:20px;margin-left:20px;width:150px;overflow:hidden}
.common-image li h4{width:164px;height:95px;position:relative;overflow:hidden}
.common-image li i{padding-left:6px}
.common-image li p{margin-top:6px;font-size:15px;letter-spacing:0;line-height:18px;height:36px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.common-mtui{padding-bottom:20px}
.common-mtui li{margin:20px 20px 0}
.common-mtui dl{height:74px;overflow:hidden}
.common-mtui dt{position:relative;float:left;width:118px;height:100%;overflow:hidden;margin-right:10px}
.common-mtui dt i:before{content:'';position:absolute;right:16px;border-top:4px solid transparent;border-left:6px solid #fff;border-right:6px solid transparent;border-bottom:4px solid transparent;top:6px;left:8px}
.common-mtui dd{display:table;overflow:hidden;height:100%}
.common-mtui dd h4{font-size:15px;line-height:24px;max-height:48px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.common-mtui dd p{background:url(../images/sprite.png) no-repeat scroll 0 -38px;color:#999;height:22px;line-height:22px;overflow:hidden;padding-left:22px;font-size:13px}
.common-mtui dt img{width:118px;height:74px}
.common-special li{font-size:15px;height:36px;line-height:36px;display:block;position:relative;padding-left:10px;overflow:hidden}
.common-special li:nth-child(2n){background-color:#f6f6f6}
.common-special li img{display:none;position:absolute;left:0;top:36px;width:300px;height:151px}
.common-special li.active{height:187px}
.common-special li.active img{display:block}
.common-tags{width:320px;margin:10px 20px 20px;display:inline-block}
.main-tags{margin-top:15px;margin-bottom:25px}
.common-tags a,.detail-tags a,.main-tags a{color:#fff;display:inline-block;float:left;height:22px;line-height:22px;margin-top:10px;margin-right:10px;overflow:hidden;padding:3px 6px;background:#00BCD4;font-size:15px}
.common-tags a:hover,.detail-tags a:hover,.main-tags a:hover{-webkit-opacity:.5;-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;filter:alpha(opacity=50)}
.hot-title{position:relative;height:52px}
.hot-title a{display:block;float:left;width:120px;text-align:center;font-size:16px;color:#666;padding:10px 0;line-height:32px;background:#eee}
.hot-title .on{background:#fff;color:#00BCD4;border-top:2px solid #00BCD4;height:30px}
.common-hot{margin:10px 20px 20px}
.common-hot a{position:relative;overflow:hidden;text-overflow:ellipsis;display:block;height:21px;line-height:21px;color:#585858;font-size:15px;padding-top:10px;padding-left:35px}
.common-hot a:hover{color:#00BCD4}
.common-hot a em{position:absolute;width:25px;height:25px;background:#e9e9e9;color:#999;text-align:center;top:8px;left:0}
.common-hot a em.hot1{color:#fff;background:#FF7673}
.common-hot a em.hot2{color:#fff;background:#FC7E03}
.common-hot a em.hot3{color:#fff;background:#FFAC3C}
.main-list dl{margin-top:25px;padding-bottom:25px;border-bottom:1px solid #e9e9e9;overflow:hidden}
.main-list dt{width:228px;float:left;margin-right:25px;position:relative;height:150px;overflow:hidden}
.main-list dd{position:relative;height:150px;overflow:hidden}
.main-list dd h2{font-size:22px;line-height:28px;height:56px;overflow:hidden}
.main-list dd p{color:#999;font-size:15px;height:54px;line-height:18px;overflow:hidden;margin:10px 0}
.main-list dd span{font-size:13px;color:#B9B9B9;position:absolute;bottom:0;height:20px;line-height:20px;overflow:hidden;padding-left:20px}
.main-list dd span a{margin-left:10px;color:#B9B9B9}
.main-list dd span a:hover{color:#00BCD4}
.main-list dd span.list-tags{background:url(/statics/theme/images/sprite.png) no-repeat scroll 0 -1px;width:278px}
.main-list dd span.list-time{background:url(/statics/theme/images/sprite.png) no-repeat scroll 0 -39px;right:0;width:150px}
.main-more{line-height:36px;font-size:16px;text-align:center;margin:25px 0;background:#f6f6f6;cursor:pointer}
.main-image{overflow:hidden}
.main-image ul{width:1120px;margin-top:25px;display:inline-block}
.main-image li{float:left;width:260px;margin-bottom:25px;margin-right:20px}
.main-image li h4{width:260px;height:188px;position:relative;overflow:hidden}
.main-image li i{position:absolute;right:8px;bottom:8px;padding:0 6px;border-radius:10px;background:#000;filter:alpha(opacity=70);background:rgba(0,0,0,.7)}
.main-image li i span{line-height:20px;font-size:13px;color:#fff}
.main-image p{margin-top:15px;font-size:15px;letter-spacing:0;line-height:18px;height:36px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.main-image p.list-time{margin-top:5px;font-size:13px;line-height:20px;height:20px;color:#B9B9B9;padding-left:20px;background:url(/statics/theme/images/sprite.png) no-repeat scroll 0 -39px}
.detail-title,.over-title{font-size:32px;margin:15px 0}
.detail-info{position:relative;font-size:14px;line-height:20px;height:20px;color:#B9B9B9;margin-bottom:15px;padding-bottom:5px;border-bottom:1px solid #e9e9e9}
.detail-info span{float:left;margin-right:20px}
.detail-time{padding-left:20px;background:url(/statics/theme/images/sprite.png) no-repeat scroll 0 -39px}
.detail-content{font-size:18px;line-height:2;margin-bottom:25px;word-wrap:break-word;color:#3d3d3d}
.detail-content blockquote {
    margin: 20px auto;
    border: 1px solid #eee;
    padding: 0px 30px 10px;
    padding-bottom: 0px;
    font-size: 18px;
    text-indent: 0px;
    line-height: 30px;
    width: 694px;
    color: #aaa;
}
.detail-content blockquote p{
    padding: 20px 0;
}
.detail-content>div>p,.detail-content>p{margin-top:15px}
.detail-content a{color:#00BCD4;border-bottom:1px dashed #00BCD4}
.detail-content img{max-width:100%;display:block;margin:10px auto}
.detail-tags{margin:15px 0;height:32px;position:relative}
.detail-tags li{float:left;height:32px;line-height:32px}
.detail-tags em{float:left;width:12px;height:26px;overflow:hidden;line-height:13px;padding:3px 5px;font-size:12px;background:#585858;color:#fff;margin-right:5px}
.detail-tags a{line-height:26px;height:26px;margin:0 5px 0 0}
.detail-tags .bdsharebuttonbox{position:absolute;right:0}
.detail-tags .bdsharebuttonbox a{padding:0;padding-left:25px;background-color:#fff;margin:4px 0 4px 6px}
.detail-pernext{color:#999;font-size:15px;padding:15px 0;border-bottom:1px dashed #e9e9e9;border-top:1px dashed #e9e9e9;width:100%;overflow:hidden}
.detail-pernext li{line-height:24px}
.detail-pernext li a{color:#585858;border:none}
.detail-pernext li a:hover{color:#00BCD4}
.detail-pernext .copy_url{padding:0 5px;color:#00BCD4}
.main-title{border-bottom:1px solid #e9e9e9}
.main-title h3{padding:3px 10px;line-height:33px;font-size:20px;display:inline;color:#333;border-bottom:2px solid #00BCD4}
.detail-guess,.detail-related{padding-top:15px}
.related-list{display:inline-block}
.related-list li{float:left;width:360px;height:40px;padding:2px 10px 2px 17px;line-height:20px;margin-top:10px;font-size:15px;overflow:hidden;border-left:3px solid #FD5E00}
.related-list .time{font-size:12px;color:#ccc}
.related-list li a{display:block;height:20px;overflow:hidden}
.related-list li.ppt02{border-color:#5B68EB}
.related-list li.ppt03{border-color:#00A535}
.related-list li.ppt04{border-color:#00C4C3}
.related-list li.ppt05{border-color:#B82400}
.related-list li.ppt06{border-color:#E07E00}
.related-list li.ppt07{border-color:#26C88F}
.related-list li.ppt08{border-color:#E41A90}
.guess-list dl{border-bottom:1px dashed #e9e9e9;border-top:0;margin-bottom:0;padding-bottom:20px}
.guess-list dt{width:158px;height:104px}
.guess-list dt i{position:absolute;right:8px;bottom:8px;padding:0 6px 0 16px;border-radius:10px;background:#000;filter:alpha(opacity=70);background:rgba(0,0,0,.7)}
.guess-list dt i:before{content:'';position:absolute;right:16px;border-top:4px solid transparent;border-left:6px solid #fff;border-right:6px solid transparent;border-bottom:4px solid transparent;top:6px;left:8px}
.guess-list dt i span{line-height:20px;font-size:13px;color:#fff}
.guess-list dt em{-webkit-opacity:.5;-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;filter:alpha(opacity=50);background:url(/statics/theme/images/play.png) repeat;display:none;height:50px;left:54px;position:absolute;top:27px;width:50px;z-index:10}
.guess-list dt a:hover em{display:block}
.guess-list dd{height:104px}
.guess-list dd h2{height:28px}
.guess-list dd p{height:36px}
.guess-list dd span.list-tags{width:388px}
.guess-list li p{max-height:48px}
.guess-more{border:0;height:36px;text-align:center;line-height:36px;background:#e9e9e9;clear:both;font-size:14px;margin-top:-1px;color:#222}
.detail-compiler{float:right}
.main-page{padding:40px 0;color:#585858;width:100%;text-align:center;background:#fff}
.detail-page{color:#585858;width:100%;text-align:center;padding:15px 0}
.detail-page .all,.detail-page .pageindex,.main-page .all,.main-page .pageindex{display:none}
.detail-page a,.detail-page span,.main-page a,.main-page span{border:1px solid #e9e9e9;background:#fff;color:#585858;margin:0 5px;padding:10px;display:inline-block}
.detail-page .current,.jpages .jp-current,.main-page .current{border:1px solid #00BCD4;background-color:#00BCD4;color:#fff}
.detail-page a:hover,.main-page a:hover{border:1px solid #2AB865;background-color:#00BCD4;color:#fff}
.detail-page a.disabled,.jpages .jp-disabled{text-decoration:none;cursor:default;color:#B9B9B9}
.detail-page a.disabled:hover,.jpages .jp-disabled:hover{border:1px solid #e9e9e9;background-color:#f6f6f6;color:#B9B9B9}
.detail-guess img,.main-category img,.main-images-list img,.main-list img,.right-common img{width:100%;height:100%;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;object-fit: cover;}
.detail-guess img:hover,.main-category img:hover,.main-images-list img:hover,.main-list img:hover,.right-common img:hover{-webkit-transform:matrix(1.05,0,0,1.05,0,0);-moz-transform:matrix(1.05,0,0,1.05,0,0);-ms-transform:matrix(1.05,0,0,1.05,0,0);-o-transform:matrix(1.05,0,0,1.05,0,0);transform:matrix(1.05,0,0,1.05,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
.mt0{margin-top:0}
.hide{display:none}
.main-data{background-color:#eee}
.main-category .imgbox{float:left;width:280px;margin:25px 0 0 20px}
.main-category .imgbox a{display:block;width:280px;height:220px;overflow:hidden}
.main-category .imgbox img{width:280px;height:220px}
.main-category .imgbox h4{font-size:16px;height:20px;margin:12px 0;overflow:hidden}
.main-category .imgbox p{line-height:18px;height:54px;color:#999;overflow:hidden}
.main-category .txtbox a{color:#585858}
.main-category .txtbox a:hover{color:#00BCD4}
.main-category .txtbox{float:left;width:465px;margin:25px 0 0 15px;font-size:15px}
.main-category .txtbox li{height:40px;line-height:40px;width:465px;padding:0 10px;float:left;overflow:hidden;border-bottom:solid 1px #f0f0f0}
.main-category .txtbox span{float:right;color:#999;font-size:12px;display:inline-block;margin-left:10px}
.detail-content strong{font-weight:700;color:#00BCD4}
.detail-content h2,.detail-content h3{font-weight:700;margin-top:15px;font-size:18px}
.detail-content h2{color:#00BCD4}
.detail-content h3{color:orange}
.special-info{margin-top:25px;width:100%;display:inline-block;background:url(../images/special-bg.png);position:relative}
.special-info img{width:300px;height:200px;float:left}
.special-info .special-text{padding:20px 20px 20px 320px;color:#B9B9B9}
.special-info .special-text *{display:inline-block;width:100%}
.special-info .special-text h1{color:#fff;font-size:22px}
.special-info .special-text span{font-size:13px;line-height:20px;margin:10px 0}
.special-info .special-text p{font-size:15px;line-height: 1.5;height:80px;overflow:hidden;}
.special-info .bdsharebuttonbox{position:absolute;bottom:0;right:0}
.main-category,.main-images-list{margin-top:25px;background:#fff;padding-bottom:20px}
.main-images-list{padding-bottom: 0;}
.main-images-list ul{margin-right:-20px;margin-top:20px;overflow:hidden}
.main-images-list li{width:140px;float:left;overflow:hidden;margin-left:20px;margin-bottom:15px}
.main-images-list li img{width:140px;height:140px}
.main-images-list li .pic{width:140px;height:140px;overflow:hidden;display:block;}
.main-images-list li h3{font-size:16px;text-align:center;height:36px;line-height:36px}
.custom-info{margin:15px 0 25px;background:url(../images/flower-info-bg.png)}
.custom-info a{color:#00BCD4}
.custom-info li{float:left;width:380px;line-height:32px;font-size:14px;color:#666}
.custom-info .custom-title{float:left;width:80px;padding:0 5px 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;color:#666}
.custom-info .custom-content{position:relative;float:left;width:283px;line-height:32px;display:block;color:#888}
.common-box{background:#fff;width:780px;padding:0 20px;overflow:hidden}
.nav-tags{width:1200px;margin:0 auto;margin-top:20px;background-color:#fff;height:50px}
.nav-tags li{float:left;margin-right:10px;margin-left:44px;font-size:16px;line-height:50px}
.nav-tags li a.active{color:#00BCD4}
.search-title{background:#fff;overflow:hidden;margin:0}
.search-title b{font-size:12px}
.search-title span{color:red}
.not-result{font-size:14px;margin-top:15px;line-height:2}
.links{background:#fff;margin-top:25px}
.links dl{margin:10px 20px}
.links dd{display:inline-block;font-size:15px;line-height:24px;margin:5px 10px 5px 0}
#gotop{display:none;position:fixed;bottom:100px;right:20px;width:50px;z-index:999}
#gotop a{display:block;width:50px;height:50px;margin-bottom:10px;background-image:url(../images/gotop.png)}
#gotop a:hover{background-position:0 50px}
