/*
Theme ID: HK_Simple_White
Author: HaKing
Author URI: https://www.newjianzhi.com/
*/
/*init*/
body,h1,h2,h3,h4,h5,a{color: #555;font-size:14px;font-weight:normal;font-family: 'Microsoft Yahei',Verdana,small,Arial, Helvetica, sans-serif;}
a,a:hover,a:focus{color:#333;text-decoration:none;}
*{margin:0px;padding:0px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
img{border:0px;}
i, cite, em, var, address, dfn{font-style:normal;}
.single-content ol>li,.single-content ul>li{margin-left: 40px;list-style-type: inherit;}
ol,ul,li{list-style-type: none;}
/*header*/
body{width: 100%;background-color:#F1F1F1;}
.header{border-bottom:1px solid #E4E4E4;background-color: #fff;margin-bottom: 10px;}
.header-top,.main{max-width: 1200px;margin: 0 auto;position: relative;}
.pre-logo{overflow: hidden;background-color:#E7E7E7;border:1px solid #DADADA;}
.pre{max-width:1200px;margin: 0 auto;line-height: 30px;overflow: hidden;}
.pre-l{float: left;}
.pre-r{float: right;margin-top:2px;}
.pre-r input:first-child{width:200px;outline: none;line-height:26px;padding:0 4px;float: left;border:2px solid #00B7EE;border-right: none;height: 30px;}
.top-search{border: none;background-color: #00b7ee;color: #fff;line-height: 30px;padding:0 10px;float: left;}
.top-search:hover{cursor: pointer;background-color: #00a0e9;}
.pre-logo li{float: left;margin:2px 8px 2px 0;}
.pre-logo li a:hover{color: #d9534f;}
.logo{clear: both;overflow: hidden;}
.logo a{border: 0;}
.logo-h1{float: left;padding:8px 0;position: relative;}
.logo-h1 span{float: left;}
.logo-h1 span:first-child{margin-right:6px;}
.logo-h1 a{font-size: 24px;line-height: 30px;}
.logo-h1 a:hover{color: #00b7ee;}
.logo-h1:before{
    content: "";
    position: absolute;
    left: -115px;
    top: -250px;
    width: 150px;
    height: 15px;
    background-color: rgba(255,255,255,.5);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: searchLights 1s ease-in 1s infinite;
    -o-animation: searchLights 1s ease-in 1s infinite;
    animation: searchLights 1s ease-in 1s infinite;
}
@-webkit-keyframes searchLights {
    0% {
        left: -120px;
        top: 10px
    }

    to {
        left: 280px;
        top: 10px
    }
}

@-o-keyframes searchLights {
    0% {
        left: -120px;
        top: 10px
    }

    to {
        left: 280px;
        top: 10px
    }
}

@-moz-keyframes searchLights {
    0% {
        left: -120px;
        top: 10px
    }

    to {
        left: 280px;
        top: 10px
    }
}

@keyframes searchLights {
    0% {
        left: -120px;
        top: 10px
    }

    to {
        left: 280px;
        top: 10px
    }
}
.logo-sub{margin-left: 10px;float:left;position:relative;overflow: hidden;max-width: 200px;border-left: 2px solid #e6e6e6;padding-left: 10px;color:#9E9E9E;}
.logo-nav{overflow: hidden;float: right;}
.logo-nav>ul>li{float: left;}
.logo-nav li a:hover{color:#fff;background-color: #00a0e9;}
.logo-nav li a{line-height:70px;font-size:18px;padding:24px 20px;}
.logo-nav i{display: none;}
/*main*/
.main{overflow: hidden;}
.main-l{width:68%;overflow: hidden;float: left;}
.main-l-article{background-color: #fff;border:1px solid #eaeaea;overflow: hidden;border-radius: 6px;}
.main-article{border-bottom:1px solid #eaeaea;clear: both;overflow: hidden;padding:20px;}
.main-article:hover{background-color:#F9F9F9;}
.main-article h2 a:hover{color:#FB3232;border-bottom:2px solid #FF8787;}
.main-article>a{float: left;margin-right: 10px;}
.main-article-t>a{background-color: #45BCF9;color: #fff;font-size: 12px;padding:0 6px;display: inline-block;line-height: 24px;position: relative;}
.main-article-t>a>i{border-left:6px solid #45BCF9;border-top:6px solid transparent;border-bottom:6px solid transparent;vertical-align:middle;top:50%;margin-top:-6px;right:-6px;position: absolute;}
.main-article-t>a:hover{background-color: #d9534f;}
.main-article-t>a:hover i{border-left:6px solid #d9534f;}
.main-article-t h2{display: inline;font-size: 18px;line-height: 24px;font-weight: bold;margin-left:6px;word-break: break-all;}
.main-article-m{margin:10px 0;}
.main-article-m span{color: #888;font-size: 12px;margin:0 8px;}
.main-article-b p{color: #999;font-size: 12px;line-height: 20px;text-indent: 2em;word-break: break-all;}
.main-l-page{margin:0 auto;overflow: hidden;display: table;padding:10px;}
.main-l-page li{float: left;}
.main-l-page li a,.main-l-page li.active{line-height:36px;padding:0 16px;background-color: #00a2d4;color: #fff;display: block;}
.main-l-page li a:hover{background-color:#9E6297;}
.main-l-page li.active{background-color:#d9534f;}
.main-r{width:30%;overflow: hidden;float: right;}
/*sidebar*/
.sidebar-list h3{padding:0 20px;}
.sidebar-list li{padding:0 10px;}
.sidebar-list h3{line-height:36px;background-color:#258EC3;color:#fff;font-size: 16px;font-weight: bold;}
.sidebar-list{background-color: #fff;padding-bottom: 10px;margin-bottom: 10px;overflow: hidden;}
.sidebar-list ul li{line-height:28px;white-space:nowrap;text-overflow: ellipsis;clear: both;overflow: hidden;margin-left: 0;}
.sidebar-list.New_Articles a{line-height: 30px;white-space:nowrap;text-overflow: ellipsis;display: block;overflow: hidden;}
.sidebar-list ul li:hover{background-color:#DEDEDE;}
#divCatalog li,#divArchives li{width: 50%;float: left;}
.sidebar-list ul>li>span{padding:2px 6px;background-color: #B92828;margin-right: 4px;color: #fff;}
.sidebar-list ul>li>span.span-color{background-color:#B3B3B3;}
.sidebar-list ul>li>span.views{float: right;margin:0;}
.sidebar-list img{width: 100%;height: auto;}
.sidebar-list a:hover{color:#00ABFF;}
#new_Comments img{width: 40px;float: left;margin:8px 10px 0 0;border-radius: 50%;}
#new_Comments li{border-bottom:1px solid #EAEAEA;position: relative;padding-bottom: 4px;}
.c-footer{position: absolute;left:60px;top:20px;}
.c-footer span{margin-right: 4px;color: #CACACA;font-size: 12px;}
/*footer*/
.footer{width: 100%;border-top:15px solid #4C4C4C;background-color:#565C61;}
.footer-css{margin:0 auto;max-width: 1200px;text-align: center;color: #B3B3B3;padding:10px 0;}
.footer-css a{color: #B3B3B3;}
.friend-links{overflow: hidden;}
.friend-links li{float: left;margin-left: 6px;}
.footer-css a:hover{color: #fff;}
.footer-css p{margin:4px 0;color: #B3B3B3;}
.friend-links li:first-child{color: #B3B3B3;}
/*single*/
.single-nav,.single-article{background-color: #fff;padding:10px;overflow: hidden;}
.single-article{border-top:1px solid #EAEAEA;}
.single-article h1{font-size: 20px;text-align: center;line-height:28px;}
.single-meta{text-align: center;font-size: 12px;color: #888;margin: 16px 0;}
.single-meta span{margin-left:8px;}
.single-content p{text-indent: 2em;font-size: 16px;margin:6px 10px;line-height: 32px;word-break: break-all;}
.single-content strong{font-weight: bold;font-size: 16px;}
.single-content blockquote {background:#F4F4F4;border-left:10px solid #ececec;margin:15px 5px;padding:5px;}
.single-content h2,.single-content h3,.single-content h4,.single-content h5,.single-content h6{color:#0d8acb;font-size: 18px;border-bottom:1px solid #d0deec;border-left:5px solid #5797d8;line-height: 32px;padding-left: 6px;}
.single-content a{color: #00a2d4;border-bottom: 2px solid #DEDEDE;font-size: 16px;}
.single-content a:hover{border-bottom:2px solid #428bca;}
.single-content img{box-shadow:2px 2px 6px;}
.article-pn{border-top:1px solid #dcdcdc;}
.article-pn p{padding:10px;}
.article-pn a:hover{border-bottom:2px solid #d9534f;color: #00a0e9;}
.article-relate{padding:10px;overflow: hidden;background-color: #fff;border-top:1px solid #dcdcdc;}
.article-relate h3{color: #d9534f;font-size: 16px;border-bottom: 2px solid  #d9534f;display: inline;}
.article-relate ul{margin-top:6px;overflow: hidden;}
.article-relate li{width: 30%;float: left;margin:6px;overflow: hidden;}
.article-relate li>a>span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
/*comment*/
#postcmt{background-color: #fff;overflow:hidden;border-top:1px solid #dcdcdc;padding:10px;}
.cmt-textare{border:2px solid #ccd4d9;border-radius: 2px;padding:4px 0 0 4px;background-color: #fff;position: relative;}
#txaArticle{width: 100%;resize: none;overflow-x: hidden;overflow-y: auto;border: none;line-height: 22px;font-size: 14px;outline: 0;color: #666;height: 66px;}
.cmt-btn-css{background-color: #fbfbfb;height: 36px;border-top:solid 1px #f2f2f2;}
#btnSumbit,span#cancel-reply{line-height: 34px;float: right;background-color: #45B6F7;border:2px solid #45B6F7;border-left: none;border-top: none;color: #fff;outline:0;border-radius: 0 0 2px 0;font-size: 16px;padding:0 12px;}
#btnSumbit:hover,span#cancel-reply:hover{cursor: pointer;background-color: #00a2d4;border:2px solid #00a2d4;border-left: none;border-top: none;}
.cmt-info{padding:15px 0;text-align: center;}
.cmt-info input{margin-right: 10px;position: relative;border:2px solid #CCD4D9;border-radius: 2px;height: 34px;padding:3px 5px;outline: none;width: 220px;}
.cmt-info p{margin: 5px 0;}
.cmt-list-img{float: left;border-radius: 50%;overflow: hidden;height: 48px;}
.cmt-list-img img{height: 100%;}
.cmt{clear: both;border-top: 1px solid #E4E4E4;padding:10px;}
.cmt .cmt{margin-left:30px;}
#comment{background-color: #fff;}
.cmt-list-meta{margin-left:50px;}
.cmt-list-meta>p{font-size: 12px;color: #c6c6c6;}
.cmt-list-meta>p:last-child{padding:10px 0;font-size:14px;color:#3A3A3A;}
.cmt-list-meta>p time{margin:0 10px;}
/*other*/
/* 幻灯片-默认淡入淡出  */
.m-slide{position:relative;width:100%;height:300px;overflow:hidden;margin-bottom: 10px;}
.m-slide li>span{position: absolute;background-color:#C70000;left:0;top:0;color: #fff;padding:0 10px;line-height: 30px;}
.m-slide img{width: 100%;}
.m-slide ol,.m-slide li{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;}
.m-slide li{opacity:0;-webkit-transition:0.5s ease-out;-moz-transition:0.5s ease-out;-ms-transition:0.5s ease-out;transition:0.5s ease-out;-webkit-transition-property:opacity,left,top;-moz-transition-property:opacity,left,top;-ms-transition-property:opacity,left,top;transition-property:opacity,left,top;}
.m-slide li.z-crt{z-index:21;opacity:1;}
/* 水平滚动 */
.m-slide-x li{left:-100%;}
.m-slide-x li.z-crt{left:0;}
.m-slide-x li.z-crt ~ li{left:100%;}
/* 垂直滚动 */
.m-slide-y li{top:-100%;}
.m-slide-y li.z-crt{top:0;}
.m-slide-y li.z-crt ~ li{top:100%;}
/* 多点式幻灯指示控制器-默认底部居中 */
.u-pointer{position:absolute;bottom:10px;left:0;right:0;z-index:50;text-align:center;line-height:0;}
.u-pointer i{display:inline-block;width:10px;height:10px;margin:0 0 0 5px;border-radius:50%;box-shadow:inset 0 1px 0 rgba(0,0,0,0.5);cursor:pointer;background:#ccc;}
.u-pointer i:first-child{margin-left:0;}
.u-pointer i:hover{background:#999;}
.u-pointer i.z-crt{background:#40a1d9;}
/*likea*/
.like-a{cursor:pointer;color: #00a2d4;}
.like-a:hover{color:#EE0077;}
/*ad*/
#ad-comment,#ad-single-top,#ad-single-bottom,#ad_sidebar1,#ad_sidebar2,#ad-main-bottom,#ad-main{text-align: center;background: none;overflow: hidden;}
/*msg*/
#msg{z-index:200;margin: auto;position: fixed; top: 40%; left: 40%; width:400px;overflow: hidden;background-color: #fff;border-radius:6px;border: 1px solid #D6D6D6;opacity: 0.91;display: none;}
#msg:hover{cursor:context-menu;}
#msg p{border-bottom:1px solid #D6D6D6;overflow: hidden;}
#msg p:last-child:hover{cursor: pointer;color:#EA0D0D;}
#msg p:last-child{border: none;line-height: 30px;font-size: 16px;color:#333;text-align: center;}
#msg p:nth-child(1){text-align: center;line-height: 30px;}
#msg p:nth-child(2){padding:10px;line-height: 28px;text-indent: 2em;}
#overall{position: fixed;z-index: 100;top:0;left: 0;height: 100%;width: 100%;background: #000;opacity: 0.65;display: none;}
/*移动*/
@media(max-width:992px){
    .main-r{display: none;}
    .main-l{width: 100%;}
}
@media(max-width:768px){
    .header-top{position:inherit;}
    .main-l{width: 100%;}
    .single-content img{max-width: 90%;}
    .single-content p{margin:6px 4px;}
    .main-r,.logo-h1,.main-l{float: none;}
    .pre-l,.logo-h1 span:first-child,.main-r,.logo-h1 span p,.main-article-b,.main-article-t>a,.main-article-m span:nth-child(2),.main-article-m span:nth-child(4),.main-l-page li:first-child,.main-l-page li:last-child,.single-meta span:nth-child(2),.single-meta span:nth-child(4),.article-relate li img{display: none;}
    .pre-r input:first-child{width: 300px;}
    .logo-h1{padding-left:10px;display: inline;}
    .logo-nav ul{position: absolute;left: 0;z-index: 100;background-color: #fff;top:0;width: 100%;height: 100%;display: none;}
    .logo-nav>ul>li{float: none;display: block;text-align: center;border-bottom: 1px solid #ccc;}
    .logo-nav li a{line-height: 50px;}
    .logo-nav i:last-child{position: fixed;font-size: 30px;left: 50%;bottom: 10px;z-index:101;display: none;}
    .logo-nav i:first-child{line-height: 40px;font-size: 20px;margin-right: 10px;display: block;}
    .logo-nav i:first-child:hover,.logo-nav i:last-child:hover{cursor: pointer;}
    .logo-h1 a{line-height: 40px;margin-left: 10px;}
    .m-slide{height: 200px;}
    #ad-comment img,#ad-single-top img,#ad-single-bottom img,#ad_sidebar1 img,#ad_sidebar2 img,#ad-main-bottom img,#ad-main img{width: 100%;}
    .main-l-article{border:none;border-radius:0;}
    .main-article{padding:10px 4px;}
    .main-article img{width:100px;height:90px;}
    .main-article-t h2{font-size: 24px;}
    .main-l-page{padding:0;}
    .main{margin-bottom: 10px;}
    .header{margin-bottom: 2px;}
    .single-meta span,.single-meta time{font-size: 12px;}
    .single-meta{margin:6px 0;}
    .article-relate li{width:100%;}
    #msg{width: 300px;}
    .cmt{padding:6px 2px;}
    .cmt-list-meta span,.cmt-list-meta time{font-size: 12px;}
}