@charset "utf-8"; *{ margin: 0;padding: 0; } body {background-color:#ffff; font:14px/1.6em "Helvetica Neue","STHeiti","Microsoft YaHei",Helvetica,Arial,sans-serif; color:#666;background-color: #FFFFFF;} .container{width: 1200px;margin: 0 auto;} a{text-decoration: none;} #header{} .headertop{height: 30px;line-height: 30px; background-color: #f9f9f9;border-bottom: 1px solid #eee;} .headertop span{display: block;color: #878787;} .headertop span a{color: #888;} .headertop span i{float: right;font-style: normal;} .header{margin-top: 10px;margin-bottom: 10px; overflow: hidden;} .header .logo{float: left;} .header .headerad{float: left;margin-left: 20px;} .header .search{float: right;} .search form{margin-top: 20px;} .search form input{float:left; border:1px solid #ededed;width: 200px;height: 38px;line-height: 38px; padding-left: 10px;} .search form button{float: left;width: 50px; height: 40px;line-height: 40px;text-align: center; border: 0; background-color: #2D2D51;} .search form button.submit{color: #fff;} #nav{width: 100%; height: 50px;margin-bottom: 20px; background-color: #2D2D51;} #nav .nav{} .nav ul{float: left;list-style: none;} .nav li{float: left;position: relative;} .nav li a{padding: 0 20px;line-height: 50px; color: #fff;display: inline-block;} .nav li:hover a{background-color: #2096DA;} .nav ul ul{display: none;background-color: #2096DA;position: absolute;top: 100%;left: 0;z-index: 99;} .nav ul li:hover > ul{display: block;} .nav ul ul li{float: none;display: block;white-space: nowrap;} .nav ul ul li a{display: block;} .nav ul ul li:hover a{background-color: #2D2D51;} .nav ul ul ul{display: none;} .nav ul ul li:hover ul{display: block;position: absolute;left: 100%;top: 0;} .nav .active>a{background-color: #2096DA;color: #fff;} .fixednav {position: fixed;top: 0;z-index: 265;opacity: .95;} #main{overflow: hidden;margin-top: 20px;margin-bottom: 20px;} .mainleft{float: left;width: 860px;} .mainright{float: right;width: 300px;} .swiper-container{margin-bottom: 20px;margin-top: -20px; background-color: #fafafa;} .swiper-slide { max-height: 320px; text-align: center;font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center;} .swiper-slide img{width: 1200px;height: auto;} .imglist{margin-top: 10px;margin-bottom: -10px; overflow: hidden;} .imglist ul{list-style: none;margin-right: -20px;} .imglist li{float: left;width: 285px; margin-bottom: 20px; margin-right: 20px;} .imglist li .img{height: 180px;overflow: hidden;position: relative;} .imglist li .img img{width: 100%;height: auto;} .imglist li .img h3{height: 24px;line-height: 24px;text-align: center; position: absolute;left: 0;right: 0; bottom: 0; background-color: #2096DA;color: #fff;font-weight: normal;font-size: 14px;padding-left: 4px;padding-right: 4px; transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s; } .imglist li .img:hover h3{height: 48px; background-color: rgba(0,0,0,.7);} .imglist li span{height: 24px;margin-top: 6px; display: block;overflow: hidden;} .imglist li span a{color: #2096DA} .imglist li span i{font-style: normal;color: #F85E5E;} .catelist ul{list-style: none;} .catelist li{margin: 0 0 10px;clear: both;} .catelist .title{height: 40px;overflow: hidden;white-space: nowrap;} .catelist .title img{width: 32px;height: 32px;margin-right: 4px; vertical-align: middle;margin-bottom: 8px;border-radius: 50%;} .catelist .title h2{display: inline-block; } .catelist .title h2 a{color: #000;line-height: 40px;} .catelist .title h2 a:hover{color: #2096DA;} .catelist .title span{display: inline-block;line-height: 40px;} .catelist .title span a{background-color: #F85E5E;color: #fff; padding: 2px 4px; border-radius: 3px;margin-left: 6px;} .catelist .body{float: left;width: 530px;margin: 15px 0;} .catelist .body p{line-height: 24px;text-indent: 2em;} .catelist .body span{margin: 16px 0; display: block;} .catelist .body span a{color: #2096DA;} .catelist .body span i{color: #F85E5E;font-style: normal} .catelist .body em{font-style: normal;color: #999;display: block;margin-top: 6px;} .catelist .img{float: right;width: 300px;max-height: 200px;margin: 15px 0;border: 1px solid #ededed; overflow: hidden;} .catelist .img img{width: 100%;height: auto;} .catelist .img:hover{border: 1px solid #2096DA;} .pagebar{clear: both;overflow: hidden;margin: 30px 0;text-align: center;} .pagebar span{height: 36px;line-height: 36px;width: 44px;background-color: #2096DA;color: #fff; text-align: center;margin: 10px 3px;display: inline-block;} .pagebar a{width: 44px;background-color: #2D2D51;color: #fff; height: 36px;line-height: 36px;text-align: center;margin: 10px 3px;display: inline-block} .pagebar a:hover{background-color: #2096DA;} .mainright{} .mainright .widget{margin-bottom: 20px;border: 1px solid #ededed;} .widget .title{height: 28px;line-height: 28px;} .widget .title span{height: 28px; line-height: 28px;font-size: 14px;padding-left: 6px;padding-right: 6px; background-color: #2D2D51; color: #fff;display: inline-block;} .widget ul{list-style: none;margin: 5px 10px;overflow: hidden;} .widget li{font-size: 14px;} .widget li a{color: #555;} .widget_previous ul {} .widget_previous li{list-style-type:disc;list-style-position: inside;margin: 14px 0;color: #F85E5E;font-size: 13px;} .widget_previous li a{color: #555;font-size: 14px;} .widget_previous li a:hover{color:#F85E5E; } .widget_previous li span{color: #999;font-size: 13px;margin-left: 6px;} .widget_comments ul{} .widget_comments li{overflow: hidden;margin-top: 6px; margin-bottom: 6px;} .widget_comments li img{float: left;width: 38px;height: 38px;border-radius: 50%;} .widget_comments li p{margin-left: 46px;color: #555;} .widget_comments li p span{color: #2096DA;margin-right: 4px;} .widget_comments li p a{margin-left: 4px;color: #888;} .widget_comments li p a:hover{color:#F85E5E; } .widget_tags li{float: left;margin: 4px 3px 4px 0;} .widget_tags li a{color: #fff;background-color: #2096DA;padding: 2px 4px;} .widget_archives li,.widget_favorite li,.widget_navbar li,.widget_link li,.widget_authors li,.widget_misc li,.widget_catalog li{float: left;width: 50%;margin-top: 4px;margin-bottom: 4px;} .widget_statistics li{margin-top: 4px;margin-bottom: 4px;} .widget_catalog ul ul{display: none;} .widget_calendar{overflow: hidden;padding:2px;} .widget_calendar table{width:100%;} .widget_calendar caption{margin-bottom:5px;font-size: 14px; display:none;} .widget_calendar caption a{padding:0 20px;color:#2096DA;} .widget_calendar td{text-align: center;border:1px solid #fafafa;height:30px;width: 47px;} .widget_calendar td.pad{background:none} .widget_calendar td a{display:block;margin: 0 5px;background:#2096DA;color:#fff;} .widget_div{padding: 10px;} .widget_div img{max-width: 100%;margin-top: 4px;margin-bottom: 4px;} .widget_div .cp-hello{margin-bottom: 0;height: 24px;line-height: 24px;} .widget_div .cp-login{margin-top: 0;height: 24px;line-height: 24px;} .widget_searchpanel form{margin-left: 5%;} .widget_searchpanel form input[type=text]{float: left;width: 60%; border: 1px solid #ededed;height: 30px;} .widget_searchpanel form input[type=submit]{width: 20%; background-color: #2096DA;height: 32px;color: #fff;border: 0;text-align: center;} footer{clear: both; background-color: #2c2c2c;margin-top: 30px;} #footer{padding-top: 30px;margin-top: 30px; margin-bottom: 30px; color: #bdbdbd; overflow: hidden;font-size: 14px;} #footer a{color: #bdbdbd;} #footer .footerl{float: left;width: 55%;} .footerl .flbox{float: left; width: 25%;} .footerl .flbox h4{ color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;} .footerl .flbox a{line-height: 28px;display: block} .footerl .flbox:last-child a{border-right: 1px solid #414141;} #footer .footerr{float: right;width: 40%;} .footerr .frbox{float: left;width: 50%;line-height: 28px;} .footerr .frbox h4{color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;} .footerr .ficon{display: block;position: relative;} .footerr .ficon a{margin-top: 10px;margin-right: 20px;width:30px;height: 30px;line-height: 30px; display: inline-block;text-align: center; background-color: #7f7f7f;border-radius: 50%;} .footerr .ficon a i{color: #2c2c2c;font-size: 16px;} .footerr .ficon a.ficon_wechat .ficon_wechat_img{display: none;position: absolute;top: -34px;left: -14px;z-index: 100;} .footerr .ficon a.ficon_wechat .ficon_wechat_img img{width: 160px;height: 160px;} .footerr .ficon a.ficon_wechat:hover .ficon_wechat_img{display: block;} .copyright{background-color: #2c2c2c;border-top: 1px solid #414141; min-height: 60px; color: #bdbdbd;overflow: hidden} .copyright a{color: #bdbdbd;} .copyright .container{line-height: 24px;} .copyright .cl{float: left;margin-top: 14px;} .copyright .cr{float: right;margin-top: 14px;} .copyright .cr a{margin-left: 6px;} .breadcrumb{height: 42px;} .breadcrumb a{color: #999;} .breadcrumb i{margin: 0 6px;} .mainleft h1{font-size: 24px; line-height: 42px;font-weight: normal;color: #000;} .mainleft .info{margin: 5px 0 10px;color: #888;} .mainleft .info span{margin-right: 10px;} .mainleft .info span a{color: #2096DA;} .mainleft .info span a:hover{color: #F85E5E;} .mainleft .info span i{font-style: normal;color: #F85E5E;margin-right: 4px;} .article_content {font-size:16px;line-height:33px; margin-bottom: 20px;overflow: hidden;word-wrap:break-word;} .article_content img {margin-top: 5px;margin-bottom: 5px;max-width:98%; height:auto;padding: 2px;border: 1px solid #ededed; box-shadow:0 0 3px #ededed;-webkit-box-shadow:0 0 3px #ededed;-ms-box-shadow:0 0 3px #ededed;-o-box-shadow:0 0 3px #ededed; } .article_content h2, .article_content h3, .article_content h4, .article_content h5 { padding:8px 0;margin-bottom:18px;color: #333;border-bottom: 1px solid #eaeaea;} .article_content h2 {font-size:18px;margin:18px 0;} .article_content h3 {font-size:16px;} .article_content h4 {font-size:15px;} .article_content h5 {font-size:14px;} .article_content ul, .article_content ol {margin:0 0 18px 50px} .article_content ul {list-style: disc;} .article_content ol {list-style: decimal;} .article_content li {margin-bottom: 6px;} .article_content p {margin: 16px 0; color: #555; line-height: 28px; word-wrap:break-word;} .article_content table {border-top:solid 1px #ddd;border-left:solid 1px #ddd;width:100%;margin-bottom:18px} .article_content table th {background-color:#f9f9f9;text-align:center} .article_content table td, .article_content table th {border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px} .article_content .alignnone {margin:0 auto;} .article_content .alignleft {float:left;text-align:left;margin-right:10px} .article_content .aligncenter {margin: 0 auto;text-align: center;display: block;} .article_content .alignright {float:right;text-align:right;margin-left:10px} .article_content a {color: #2096DA;} .article_content a:hover {color: #FF5E52;text-decoration:underline;} .article_content blockquote {margin: 20px 0px;padding: 15px 20px 1px;border-left: 5px solid #2096DA;background-color:#fafafa;} .article_content blockquote p {margin:0;padding:0;margin-bottom: 10px;} .article_content embed, .article_content video, .article_content iframe{width: 510px;height: 498px;} .tag{margin: 10px 0;font-size: 14px;} .tag a{color: #2096DA;text-decoration: underline;margin-right: 6px;} .tag a:hover{color: #FF5E52;} .prev_next{margin: 10px 0;height: 24px;overflow: hidden} .prev_next span{display: inline-block;width: 45%;} .prev_next span a{color: #2096DA} .prev_next span a:hover{color: #FF5E52;} .prev_next .prev{float: left;} .prev_next .next{float: right;} .relates{margin: 20px 0;overflow: hidden;} .relates h4{font-size: 18px;color: #333; font-weight: normal;padding-bottom: 10px;border-bottom: 1px dashed #ededed;} .relates ul{list-style: none;margin-right: -10px;margin-top: 10px;margin-bottom: 10px;} .relates li{float: left;margin-right: 10px;margin-bottom: 10px; width: 280px;position: relative;} .relates .relateimg{width: 100%;height: 160px;overflow: hidden;} .relates .relateimg a{} .relates .relateimg img{width: 100%;height: auto;} .relates .relateimg h3{height: 24px;line-height: 24px;font-size: 14px;padding-left: 4px;padding-right: 4px; font-weight: normal; background-color: rgba(0,0,0,.8);text-align: center;color: #fff; transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s; position: absolute;left: 0;right: 0; bottom: 0;} .relates .relateimg:hover h3{height: 48px;background-color: #2096DA} #comment{overflow: hidden;} #comment h4{color: #333; padding-bottom: 10px;border-bottom: 1px dashed #ededed;height: 24px;line-height: 24px;font-size: 20px;font-weight: normal;} #comment .compost{margin: 20px 0;} .compost form{} .compost .com_name{margin: 10px 0;overflow: hidden;color: #2096DA;} .compost .com_name a{color: #FF5E52;} .compost .com_box{margin: 10px 0;} .compost .com_box textarea{width: 99.8%; border: 1px solid #ddd;display: block;} .compost .com_info{margin: 10px 0;overflow: hidden} .compost .com_info ul{float: left;list-style: none; display: inline-block;} .compost .com_info li{float: left; margin-right: 6px;margin-bottom: 10px;} .compost .com_info li input{width: 160px;height: 24px;padding-left: 4px; border: 1px solid #ddd;} .compost .com_info li span{margin-left: 4px;} .compost .com_info li span img{height: 26px;line-height: 26px; vertical-align: middle;} .compost .com_info button{float: right;background-color: #2096DA;border: 0; border-radius: 3px;padding: 6px 10px; color: #fff;display: inline-block;} #comment .comlist{margin: 10px 0;} .comlist .title{margin: 10px 0; overflow: hidden;} .comlist .title span{color: #333;background-color: #fff;} .comlist .title i{width: 93%; height: 1px;background-color: #ededed;vertical-align: middle;display: inline-block} .comlist ul{list-style: none;} .comlist li{overflow: hidden;padding: 20px 0;border-bottom: 1px solid #ededed;} .comlist li:hover{background-color: #fafafa;} .comlist li img{float: left;width: 40px;height: 40px;border-radius: 50%;margin-left: 12px;} .comlist li .clbody{margin-left: 64px;} .clbody .cinfo{overflow: hidden;} .clbody .cinfo h5{float: left;height: 18px;line-height: 18px; color: #2096DA;font-size: 14px;font-weight: normal;} .clbody .cinfo span{float:right;margin-right: 10px;} .clbody .cinfo span a{color: #2096DA;} .clbody .cinfo span i{margin-right: 4px;} .clbody em{color: #888;height: 24px;line-height: 24px; font-size: 12px;font-style: normal;display: block;} .clbody p{line-height: 24px;color: #4a4a4a; overflow: hidden;} .clbody p a{color: #2096DA;} .bottom_tools{position:fixed;z-index:999;right:20px;bottom:20px;font-size: 38px;} .bottom_tools a{width: 50px;height: 50px;line-height: 44px;display: block; background-color: rgba(0,0,0,.7);color: #fff;text-align: center;margin-bottom: 4px; } .bottom_tools a.topcomment{margin-bottom: 0;line-height: 50px;} .bottom_tools a:hover{background-color: #2096DA;} .qr_tool{width: 50px;height: 50px;line-height: 56px; text-align: center;color: #fff; background-color: rgba(0,0,0,.7);margin-bottom: 4px;} .qr_tool:hover{background-color: #2096DA;} .bottom_tools .qr_img{position: absolute;top: 0; left:-160px;width: 146px;height: 146px; display: none;background-color: #ededed;padding: 6px;} .bottom_tools .qr_img img{width: 146px;height: 146px;}.test{height:76px;}国产伦精品一区二区三区在线观看_少妇久久精品一区二区夜夜嗨_69无码视频_亚洲AV无码国产精品久久久久