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

.cnoil-common-banner {position: relative;}
.cnoil-common-banner .txt {color: #fff;left: 50%;margin-left: -470px;position: absolute;top: 65px;z-index: 2;}
.cnoil-common-banner .txt h1 {font-size: 40px;text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7);}
.cnoil-common-banner .txt p {font-size: 18px;padding-top: 10px;text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7);width: 800px;}
/*.cnoil-common-banner .bigImg {height: 411px;overflow: hidden;position: relative;}*/
.cnoil-common-banner .bigImg img {width: -webkit-fill-available;}
/**list-main**/
.cnoil-test-main {margin-top: 30px;}
.cnoil-test-main .inner {margin: 0 auto;position: relative;width: 1200px;}
.cnoil-test-main .title {color: #000;font-size: 24px;}
/**main-left**/
.cnoil-test-left {float: left;width: 815px; margin-bottom:20px;}
.cnoil-test-right {float: right;margin-top: 5px;width: 375px; margin-bottom:10px;}
.cnoil-test-list .items {background: #fff none repeat scroll 0 0;margin: 10px 0 5px;position: relative;}
.cnoil-test-list .items .type {background: #999 none repeat scroll 0 0;color: #fff;font-size: 14px;height: 36px;left: 0;line-height: 36px;position: absolute;text-align: center;top: 0;width: 85px;z-index: 2;}
.cnoil-test-list .items .txt {border-bottom: 1px solid #e6e6e6;padding: 0 20px;}
.cnoil-test-list .items .txt .name { padding-left:80px;color: #333;font-size: 18px;font-weight: bold;overflow: hidden;padding-top:7px;text-overflow: ellipsis;white-space: nowrap;}
.cnoil-test-list .items:hover .txt .name a {color:#875e08;}
.cnoil-test-list .items .txt .descri {color: #666;font-size: 14px;line-height: 24px;padding: 10px 0;}
.cnoil-test-list .items .dataMsg {color: #888;font-size: 13px;height: 25px;line-height: 25px;padding: 10px 20px;}
.cnoil-test-list .items .dataMsg .avater{float: left;overflow: hidden;padding-right: 10px;text-overflow: ellipsis;white-space: nowrap;width: 100px; color:#888;}
.cnoil-test-list .items .dataMsg .avater img{border-radius: 50%;margin-right: 3px;vertical-align: middle;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.6}
.cnoil-test-list .items .dataMsg .line {background: #e6e6e6 none repeat scroll 0 0;float: left;height: 20px;margin-top: 3px;width: 1px;}
.cnoil-test-list .items .dataMsg .tags {float: left;overflow: hidden;padding-left: 25px;text-overflow: ellipsis;white-space: nowrap;width: 450px;}
.cnoil-test-list .items .dataMsg .tags em {background: rgba(0, 0, 0, 0) url("../images/cnoil_spirit.png") no-repeat scroll -231px -48px;display: inline-block;height: 16px;margin-right: 15px;vertical-align: middle;width: 16px;}
.cnoil-test-list .items .dataMsg .tags a { padding-right: 10px; color:#888;}
.cnoil-test-list .items .dataMsg .time {float: left;padding: 0 20px;}
.cnoil-test-list .items .dataMsg .time em{background: rgba(0, 0, 0, 0) url("../images/cnoil_spirit.png") no-repeat scroll -168px -78px;display: inline-block;height: 15px;margin-right: 5px;vertical-align: middle;width: 15px;}
.cnoil-test-list .pages {float: right;margin-top:20px;}
.pages span, .pages a {background: #fff none repeat scroll 0 0;border: 1px solid #fff;border-radius: 2px;color: #504c4a;display: inline-block;font-size: 14px;margin-left: 5px;padding: 9px 14px;}
.pages span:hover, .pages a:hover, .pages span.act, .pages a.act {background-color: #3f6a10;border-color: #254303;color: #fff;}
.pagesarc {margin-top:20px; width:100%; text-align:center; margin-bottom:20px;}
.pagesarc a {background: #193006 none repeat scroll 0 0;border: 1px solid #193006;border-radius: 2px;color: #fff;display: inline-block;font-size: 14px;margin-left: 5px;padding: 5px 15px;}
.pagesarc b {background: #193006 none repeat scroll 0 0;border: 1px solid #193006;border-radius: 2px;color: #fff;display: inline-block;font-size: 14px;margin-left: 5px;padding: 5px 15px;}
.pages span:hover, .pages a:hover, .pages span.act, .pages a.act {background-color: #193006;border-color: #193006;color: #fff;}
/**main-right**/
.cnoilHot-article {background: #fff none repeat scroll 0 0;margin-top:20px;}
.cnoilHot-article .tit, .cnoil-hotTopic .title{border-bottom: 1px solid #ebebeb;color: #333;font-size: 16px;line-height: 50px;padding: 0 20px;}
.cnoilHot-article .list {padding: 0 20px 15px;}
.cnoilHot-article .list li {margin-top: 15px;}
.cnoilHot-article .list li .justTxt {color: #666;cursor: pointer;font-size: 14px;line-height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cnoilHot-article .list li .justTxt:hover {color: #360;}
.cnoilHot-article .list li .justTxt span {background: #b1b1b1 none repeat scroll 0 0;color: #fff;display: inline-block;font-size: 14px;height: 22px;margin-right: 10px;text-align: center;width: 22px;}
.cnoil-hotTopic {background: #fff none repeat scroll 0 0;}
.cnoil-hotTopic .list{padding: 20px 20px 5px;}
.cnoil-hotTopic .list li {overflow: hidden;padding-bottom: 15px;}
.cnoil-hotTopic .list .pic {float: left;margin-top: 0;width: 90px;}
.cnoil-hotTopic .list .pic img {display: block;}
.cnoil-hotTopic .list .txt {overflow: hidden;padding-left: 10px;}
.cnoil-hotTopic .list .name {height: 40px;line-height: 20px;overflow: hidden;}
.cnoil-hotTopic .list .name a {color: #333;font-size: 14px;}
.cnoil-hotTopic .list li .justTxt {color:#666;cursor: pointer;font-size: 14px;line-height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cnoil-hotTopic .list li .jj-logo{ width:150px; height:150px; margin-left:80px;}
.cnoil-hotTopic .list-kj {padding: 20px; min-height:90px;}
.cnoil-hotTopic .list-kj li {background:#4d6c73 none repeat scroll 0 0;text-align: center; width:150px; margin-left:8px; margin-right:8px; float:left; height: 40px; margin-bottom:10px;}
.cnoil-hotTopic .list-kj li:hover {background: #70858a none repeat scroll 0 0}
.cnoil-hotTopic .list-kj li a{ color:#fff;font-size: 14px;line-height: 40px;}
/**内容页**/
.cnoil-test-neirong{background: #fff none repeat scroll 0 0; width:94%; padding-left:3%; padding-right:3%; margin-top:10px;}
.cnoil-test-neirong .pageTop {padding: 30px 0;}
.cnoil-test-neirong .pageTop h1 {color: #292929;font-family: "microsoft yahei";font-size: 32px;line-height: 1.2;}
.cnoil-test-neirong .pageInfo {border-bottom: 1px dotted #d8d8d8;height: 28px;line-height: 28px;}
.cnoil-test-neirong .pageInfo .pi-author i {color: #7e7d7d;margin: 0 15px;}
.cnoil-test-neirong .pageInfo .pi-comment {border-left: 1px solid #e0e0e0;float: right;height: 18px;line-height: 18px;margin-top: 5px;padding-left: 10px;}
.cnoil-test-neirong .pageInfo .pi-author{ float:left; width:300px;}
.cnoil-test-neirong .pageCont {padding: 8px 0 5px;}
.lph-article-comView {color: #000;font-family: "microsoft yahei";font-size: 16px;line-height:30px;word-break: break-all;word-wrap: break-word;}
.lph-article-comView h2 {color: #c33;font-size: 20px;font-weight: bolder;margin: 10px 0;}
.lph-article-comView p {font-size: 14px;margin: 0 0 2px; text-indent:2em;margin-bottom: 10px;}
.upnext {border-top: 1px solid #ccc;font-size: 16px;padding-top: 10px; padding-bottom:20px;}
.upnext li{list-style: outside none none;}
.main-title {overflow: hidden;border-bottom: 1px dotted #d8d8d8;}
.main-title h2 {float: left;font-size: 18px;font-weight: bold;height: 45px;line-height: 45px;}
.main-title .path {color: #999;float: right;margin: 15px 0 0;}
.main-title .path a {color: #999;margin: 0 5px;}
/**图片列表页**/
.mainleftwrap {float: left;margin: 0 -10px;overflow: visible;width: 100%;}
.mainleftwrap .card {margin-left: 10px;margin-right: 10px;width:277px;margin: 10px;background: #fff none repeat scroll 0 0;display: inline-block;float: none;border-radius: 8px !important;}
.card .problock{border-radius: 8px !important;background-color: #fff;}
.card:hover{ margin-top:-5px;}
.card .problock a.thumb {padding-top:90%;width: 100%;display: block;border-top-right-radius: 0.285714rem;border-top-left-radius: 0.285714rem;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;}
.card .problock h2 {bottom: 0;color: #797979;font-weight: 400;letter-spacing: 0.15px;margin: 0;overflow: hidden;padding:12px;text-align: left;text-overflow: ellipsis;white-space: nowrap;line-height: 1.2857em;}
.card .problock h2 a {color: rgba(112, 123, 135, 0.91);font-size: 1pc;letter-spacing: 0.2px;text-decoration: none;}
.card .problock .excerpt {color: rgba(146, 147, 163, 0.9);font-size: 14px;height: 46px;letter-spacing: 0.1px;line-height: 1.6;overflow: hidden;padding: 0 20px;text-align: left;}
.mainleftwrap .pages{ text-align:center;margin-top: 20px; margin-bottom:20px;}
.excerpt {
                                        background-color: #fff;
                                        border-left: 4px solid #fff;
                                        margin-bottom: 1px;
                                        padding: 20px 20px 20px 256px;
                                        position: relative;
                                        border-bottom: 2px solid #f7f7f7;
                                    }

                                    .excerpt .focus {
                                        float: left;
                                        margin-left: -240px;
                                        margin-top: 0;
                                        position: relative;
                                        text-align: center;
                                        width: 220px;
                                    }

                                    .excerpt .titleexc {
                                        margin: 5px 40px 5px 0;
                                    }

                                    .excerpt .note {
                                        margin-bottom: 5px;
                                        color: #888;
                                        font-size: 14px;
                                        line-height: 24px;
                                        height: 97px;
                                        overflow: hidden;
                                    }

                                    .excerpt .thumbnail img {
                                        display: block;
                                        height: 135px;
                                        width: 220px;
                                        border-radius: 5px;
                                    }

                                    .excerpt h2 {
                                        display: inline;
                                        font-size: 16px;
                                        font-weight: bold;
                                        line-height: 25px;
                                        margin: 0;
                                        position: relative;
                                        top: 1px;
                                    }