@charset "utf-8";
/* CSS Document */

html,body,p,h1,h2,h3,h4,h5,h6,textarea,input,ul,li,iframe,dl,dd,dt,footer { margin:0; padding:0;}
ul,li,ol,dl,dd,dt{list-style: none;}
h1,h2,h3,h4,h5,h6{display: block;}

.scrollbar::-webkit-scrollbar{ width: 6px; background-color: #2c2e2f; border-radius: 6px; }
.scrollbar::-webkit-scrollbar-thumb{ background-color: #78797a; border-radius: 6px; }

.scrollbar_son::-webkit-scrollbar{ width: 6px; background-color: #efefef; border-radius: 6px; }
.scrollbar_son::-webkit-scrollbar-thumb{ background-color: #cecece; border-radius: 6px; }


body { font:14px/1.5 "Microsoft Yahei",Arial,Helvetica; color:#333; overflow:visible; margin:0rem auto; min-height:100%; height: 100%; background: #f9f9f9; }

a{ text-decoration: none; color: #333; }
a:hover{ text-decoration: none; color: #c02626; }

.left_wp{ width: 170px; min-height: 100%; height: 100%; background: #2c2e2f; position: fixed; left: 0px; top: 0px; color: #eaf0f0; }

.logo{ width: 170px; height: 70px; line-height: 70px; background: #1e2222; border-bottom: 1px solid #363636; text-align: center; position: fixed; top: 0px; left: 0px; }
.logo a{ width: 100%; height: 100%; display: block; overflow: hidden; background: url(../img/website_logo.png) no-repeat center center; background-size: 160px 40px; }
.logo a:hover{ text-decoration: none; }

.left_menu{ height: calc(100% - 70px); overflow-x: hidden; overflow-y: auto; margin-top: 70px; }
.left_menu li{ height: 47px; }
.left_menu li a{ height: 46px; line-height: 46px; display: block; color: #919797; padding: 0px 10px 0px 10px; border-right: 6px solid #292929; border-bottom: 1px solid #363636; background: #292929; }
.left_menu li a:hover{ border-right: 6px solid #353535; background: #353535; text-decoration: none; }
.left_menu li a.select{ background: #000; border-right: 6px solid #ffa919; color: #eaf0f0; }
.left_menu li a.select:hover{ background: #181818; }
.left_menu li a i{ margin-right: 10px; }

.right_wp{ width: calc(100% - 170px); margin-left: 170px; position: absolute; min-height: 100%; height: auto; }
.right_wp header{ position: fixed; height: 30px; line-height: 30px; background: #353535; width: calc(100% - 200px); right: 0px; top: 0px; z-index: 100; border-bottom: 1px solid #d7e0df; padding: 10px 15px; color: #a5a5a5; }
.right_wp header .head_left{ float: left; }
.right_wp header .head_left .htimebox{ width: 360px; display: block; float: left; }
.right_wp header .head_left .tianqi_box{ width: 400px; height: 20px; margin: 6px 0px 0px 0px; }
.right_wp header .head_right{ float: right; }
.right_wp header .head_right span{ float: left; }
.right_wp header .head_right span i{ margin-right: 3px; }
.right_wp header .head_right img{ width: 30px; height: 30px; display: block; float: left; border-radius: 30px; margin-right: 8px; /*border: 1px solid rgba(255,255,255,.2);*/ }
.right_wp header .head_right a{ margin-left: 15px; color: #ddd; }
.right_wp header .head_right a:hover{ color: #e14c4c; }


/*搜索模块*/
.top_search_wrap{ width: 80%; margin: 80px auto 0px; }
.top_search_wrap:after{ clear: both; content: ""; display: table; }

.serarch_head { clear: both; height: 70px; border-radius: 10px 10px 0 0; }
.serarch_head ul { float: left; overflow:hidden; }
.serarch_head ul li { cursor: pointer; float: left; width: 80px; height: 70px; padding: 0px; text-align: center; }
.serarch_head ul li i{ font-size: 40px; color: #999; }
.serarch_head ul li:nth-child(1) i { }
.serarch_head ul li:nth-child(1).now i { color: #4e6ef2; }
.serarch_head ul li:nth-child(1):hover i { color: #4e6ef2; }
.serarch_head ul li:nth-child(2) i { }
.serarch_head ul li:nth-child(2).now i { color: #4285f4; }
.serarch_head ul li:nth-child(2):hover i { color: #4285f4; }
.serarch_head ul li:nth-child(3) i { }
.serarch_head ul li:nth-child(3).now i { color: #4ebd30; }
.serarch_head ul li:nth-child(3):hover i { color: #4ebd30; }
.serarch_head ul li:nth-child(4) i { }
.serarch_head ul li:nth-child(4).now i { color: #cb4247; }
.serarch_head ul li:nth-child(4):hover i { color: #cb4247; }
.serarch_head ul li:nth-child(5) i { }
.serarch_head ul li:nth-child(5).now i { color: #49a5f4; }
.serarch_head ul li:nth-child(5):hover i { color: #49a5f4; }
.serarch_head ul li:nth-child(6) i { }
.serarch_head ul li:nth-child(6).now i { color: #ff4200; }
.serarch_head ul li:nth-child(6):hover i { color: #ff4200; }
.serarch_head ul li:nth-child(7) i { }
.serarch_head ul li:nth-child(7).now i { color: #ea4c89; }
.serarch_head ul li:nth-child(7):hover i { color: #ea4c89; }

.search-list-wrap {	width: 100%; border-radius:0 0 5px 5px; }
.search-list { display:none; }
.search-list form input { vertical-align:middle; height:46px; border-radius:5px; border:0; }
.search-list form input[type=text] { transition:.2s; -webkit-transition:.2s; width: calc(100% - 140px); height:42px; line-height:42px; border:2px #ddd solid; padding:0 10px; color:#666; background:#fff; }
.search-list form input[type=text]: { opacity:.8; }
.search-list form input[type=text]:hover { border:2px #ffa919 solid; background:#fdfddc; }
.search-list form input[type=submit] { position:relative; margin:0 0 0 10px; width: 100px; background: #ffa919;	background-size:18px; color: #fff; cursor: pointer; }
.search-list form input[type=submit]:hover { opacity:.8; background: #ffa919; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; transition:all .3s ease-out; background-size:18px; }
.search-list form input[type=submit]:active { top:1px; }

.mypcip{ height: 30px; padding: 20px 0px; opacity:.65; }


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*主体*/
.body_wp{ margin-top: 50px; position: absolute; min-height: calc(100% - 60px); height: auto; width: 100%; }
.body_left_wp{ width: 140px; background: #efefef; min-height: 100%; height: 100%; position: fixed; left: 170px; top: 50px; border-right: 1px solid #d6d6d6; overflow-x: hidden; overflow-y: auto; }
.body_left_wp ul{ margin: 12px; padding-bottom: 40px; }
.body_left_wp ul li{ margin-bottom: 8px; }
.body_left_wp ul li a{ display: block; padding: 9px; background: #e0e0e0; border-radius: 4px; color: #555; }
.body_left_wp ul li a:hover{ background: #cacaca; text-decoration: none; }
.body_left_wp ul li a.select{ background: #ffa919; color: #fff; }
.body_left_wp ul li a.select:hover{ background: #f79400; }
.body_left_wp ul li a span{ margin-left: 4px; }

.body_right_wp{ width: calc(100% - 140px); margin-left: 140px; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*正文网址模块*/
.main_content{ padding: 0px 25px 25px; }
.main_content:after{ clear: both; content: ""; display: table; }
h2.title-gray{ font-size: 34px; padding-top: 20px; color: #999; margin-left: -8px; }
.main_content_box{ margin-top: 25px; }
.main_content_box:after{ clear: both; content: ""; display: table; }
.main_content_box h4.text-gray{ font-size: 18px; font-weight: 400; }
.main_content_box .row{ margin: 0px -15px; }
.main_content_box .row:after{ clear: both; content: ""; display: table; }
.main_content_box .row .col-sm{ width: calc(25% - 24px); float: left; position: relative; min-height: 1px; margin: 0px 12px; }
.box2{ position: relative; background: #fff; margin: 20px 0 0 0; cursor: pointer; border: 1px solid #e8e9e9; border-radius: 4px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.box2:hover { border: 1px solid #dadada; transform: translateY(-6px); -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); box-shadow: 0 26px 30px -24px rgba(84,84,84,0.2); -webkit-box-shadow: 0 26px 30px -24px rgba(84,84,84,0.2); -moz-box-shadow: 0 26px 30px -24px rgba(84,84,84,0.2); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.box2 a.xe-comment-entry{ min-height: 54px; padding: 15px; display: block; font-size: 12px; }
.box2 a.xe-comment-entry .xe-pic{ float: left; width: 42px; height: 42px; margin-right: 10px; }
.box2 a.xe-comment-entry img { width: 42px; height: 42px; display: block; border-radius: 8px; }
.box2 a.xe-comment-entry .xe-comment{ width: calc(100% - 52px); float: left; }
.box2 a.xe-comment-entry .xe-comment strong{ color: #333; }
.box2 a.xe-comment-entry:hover .xe-comment strong{  }
.box2 a.xe-comment-entry .xe-comment p { margin-bottom: 0px; color: #999; }
.overflowClip_1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.overflowClip_2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }