139 lines
10 KiB
CSS
139 lines
10 KiB
CSS
.clearFloat:after{content:'';display:block;clear:both}
|
|
.fl{float:left}
|
|
.fr{float:right}
|
|
.banner,.banner img{width:100%;height:630px;min-width:1530px}
|
|
.nav{width:1530px;margin:-50px auto 0;position:relative;padding:20px 0;background:#fff;-webkit-box-shadow:0 0 10px #eee;box-shadow:0 0 10px #eee;border-radius:5px}
|
|
.nav ul li{width:255px;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #d2d2d2;cursor:pointer}
|
|
.nav ul li:last-child{border-right:none}
|
|
.nav ul li a{display:block;overflow:hidden;padding:0 20px}
|
|
.nav ul li .left span{font-size:20px;color:#333;display:block;margin-top:8px}
|
|
.nav ul li .left p{font-size:14px;color:#999}
|
|
.nav ul li .right img{width:60px;height:60px}
|
|
.nav ul li.active .left span{color:#3d41b7;font-weight:700;line-height:60px;margin-top:0;position:relative}
|
|
.nav ul li.active .left span:after{content:'';display:block;width:100%;height:2px;background:#3d41b7;position:absolute;left:0;bottom:10px}
|
|
.nav ul li.active .left p{display:none}
|
|
.mid-link{width:1530px;margin:30px auto;border-top:10px solid #ffd88b;-webkit-box-shadow:0 0 10px #eee;box-shadow:0 0 10px #eee;padding-bottom:30px}
|
|
.mid-link .text{display:block;margin:15px 0 15px 15px}
|
|
.mid-link .link{padding:0 30px;overflow:hidden}
|
|
.mid-link .link .link-box{float:left;width:23.25%;height:130px;margin-right:2%;cursor:pointer;display:block}
|
|
.mid-link .link .link-box:last-child{margin-right:0}
|
|
.mid-link .link .link-box img{width:100%;height:100%}
|
|
.news{width:1530px;margin:0 auto 30px}
|
|
.news .news-box{width:32%;margin-right:2%;-webkit-box-shadow:0 0 10px #eee;box-shadow:0 0 10px #eee;float:left}
|
|
.news .news-box:last-child{margin-right:0}
|
|
.news .news-box .box-title{height:40px;line-height:40px;padding:0 10px;background:#064ec0;color:#fff}
|
|
.news .news-box .box-title span{font-size:18px}
|
|
.news .news-box .box-title a{font-size:16px;float:right;color:#fff}
|
|
.news .news-box .news-list{padding:0 10px}
|
|
.news .news-box .news-list ul{height:304px}
|
|
.news .news-box .news-list ul li{border-bottom:1px dashed #dcdcdc;height:60px;line-height:60px;font-size:16px;color:#333}
|
|
.news .news-box .news-list ul li:last-child{border:none}
|
|
.news .news-box .news-list ul li:hover,.news .news-box .news-list ul li:hover a{color:#064ec0}
|
|
.news .news-box .news-list ul li a{color:#333;display:inline-block;max-width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
|
|
.news .news-box .news-list ul li span{float:right}
|
|
.slide-news{width:1530px;margin:0 auto 30px;overflow:hidden}
|
|
.slide-news .slide{width:66%;height:420px;float:left}
|
|
.slide .bd a{display:block;position:relative}
|
|
.dynamic-news,.slide{position:relative}
|
|
.dynamic-news>a,.slide>a{display:block;width:50px;height:50px;position:absolute;top:50%;margin-top:-25px}
|
|
.dynamic-news>a.prev,.slide>a.prev{left:10px;background:url(../images/prev.png) no-repeat center;background-size:100% 100%}
|
|
.dynamic-news>a.prev:hover,.slide>a.prev:hover{background:url(../images/prev-on.png) no-repeat center}
|
|
.dynamic-news>a.next,.slide>a.next{right:10px;background:url(../images/next.png) no-repeat center;background-size:100% 100%}
|
|
.dynamic-news>a.next:hover,.slide>a.next:hover{background:url(../images/next-on.png) no-repeat center}
|
|
.slide .bd a img{width:100%;height:420px}
|
|
.slide-text{position:absolute;left:0;bottom:0;background:rgba(0,0,0,.6);color:#fff;font-size:14px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:40px;line-height:40px;padding:0 10px;box-sizing:border-box}
|
|
.slide-news .exposure-news{width:32%;float:right}
|
|
.exposure-box{float:left;width:96px}
|
|
.exposure-box img{width:96px;height:96px}
|
|
.exposure-title{float:right;width:380px}
|
|
.exposure-title a{font-size:24px;color:#064ec0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:15px}
|
|
.exposure-title p{font-size:24px;color:#064ec0}
|
|
.exposure{overflow:hidden;padding-bottom:15px;border-bottom:2px solid #a0a0a0}
|
|
.exposure-news-list li{height:60px;line-height:60px;border-bottom:1px dashed #eee;padding:0 10px;font-size:16px}
|
|
.exposure-news-list li a{display:inline-block;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333}
|
|
.exposure-news-list li span{float:right;color:#333}
|
|
.exposure-news-list li:hover a,.exposure-news-list li:hover span{color:#064ec0}
|
|
.bottom-nav{width:1530px;margin:0 auto 30px}
|
|
.nav-title{font-size:18px;color:#333;font-weight:700;padding-bottom:10px;border-bottom:2px solid #de0606}
|
|
.nav-list{margin-top:10px}
|
|
.nav-list a{display:inline-block;margin-right:15px;font-size:16px;color:#333;line-height:30px}
|
|
.footer{background:#f0efef;min-width:1530px;text-align:center;padding:25px 0;color:#b2b1b1;font-size:16px}
|
|
.row{width:1530px;margin:30px auto}
|
|
.row:after{content:'';display:block;clear:both}
|
|
.row .dynamic{width:49%;float:left}
|
|
.img-title{margin-bottom:15px;position:relative}
|
|
.img-title img{width:100%;height:45px}
|
|
.dynamic-news .bd li a{display:block;position:relative}
|
|
.dynamic-news .bd li a img{width:100%;height:430px}
|
|
.row .notice{width:49%;float:right}
|
|
.img-title .more{position:absolute;top:0;right:0;padding:0 10px;background:#fff;color:#333;font-size:16px;line-height:45px}
|
|
.notice-list{box-shadow:0 0 10px #eee;padding:0 20px;border-radius:5px}
|
|
.notice-list ul{height:426px}
|
|
.notice-list li{border-bottom:1px dashed #ddd;height:70px;line-height:70px}
|
|
.notice-list li:last-child{border:none}
|
|
.notice-list li a{display:inline-block;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;color:#333}
|
|
.notice-list li span{font-size:16px;color:#333;float:right}
|
|
.notice-list li:hover a,.notice-list li:hover span{color:#064ec0}
|
|
.row .pass{float:left}
|
|
.detail{width:1530px;margin:30px auto;background:#fff;padding:30px;box-sizing:border-box}
|
|
.news-title{padding-bottom:30px;border-bottom:1px solid #e5e5e5;text-align:center}
|
|
.news-title h2{font-size:22px;color:#333;margin-bottom:20px}
|
|
.news-title p{font-size:16px;color:#999}
|
|
.news-detail{padding:20px 0;min-height:500px}
|
|
.news-detail p{line-height:35px;font-size:16px;color:#333}
|
|
.assessment-header .banner,.assessment-header .banner img{width:100%;height:300px;min-width:1530px}
|
|
.count{width:1530px;margin:30px auto;padding:20px;box-sizing:border-box;background:#fff}
|
|
.chart-box{width:280px}
|
|
.count-title{padding-left:10px;border-left:5px solid #3d41b7;font-size:16px;color:#333}
|
|
.chart{width:280px;height:170px;margin-top:10px}
|
|
.count-container{width:1200px}
|
|
.count-out{margin-top:45px}
|
|
.count-box{float:left;width:228px;height:100px;padding:20px 20px 30px 150px;box-sizing:border-box;text-align:right;margin-right:15px}
|
|
.count-box:first-child{background:url(../images/count-icon1.png) no-repeat center;background-size:100% 100%}
|
|
.count-box:nth-child(2){background:url(../images/count-icon2.png) no-repeat center;background-size:100% 100%}
|
|
.count-box:nth-child(3){background:url(../images/count-icon3.png) no-repeat center;background-size:100% 100%}
|
|
.count-box:nth-child(4){background:url(../images/count-icon4.png) no-repeat center;background-size:100% 100%}
|
|
.count-box:nth-child(5){background:url(../images/count-icon5.png) no-repeat center;background-size:100% 100%;margin-right:0}
|
|
.count-box span{font-size:26px;color:#fff;font-weight:700}
|
|
.count-box p{font-size:16px;color:#fff}
|
|
.assessment-main{width:1530px;margin:0 auto 30px}
|
|
.left-nav{float:left;background:#fff;width:280px;box-shadow:0 0 10px #eee;padding:15px;box-sizing:border-box;height:100%;border-radius:5px}
|
|
.nav-title{padding-bottom:10px;border-bottom:1px solid #ddd}
|
|
.nav-title span{display:inline-block;padding-left:10px;border-left:5px solid #3d41b7;font-size:16px;color:#333;font-weight:400}
|
|
.nav-tab{border-bottom:1px dashed #ddd;padding:0 10px}
|
|
.nav-tab .tab-title.active{color:#3d41b7;}
|
|
.nav-tab .tab-title.bordered{border-bottom:1px dashed #ddd}
|
|
.tab-title{line-height:60px;font-weight:700;font-size:16px;color:#333;cursor:pointer}
|
|
.hide-list{display:none}
|
|
.hide-list li{line-height:40px;padding-left:20px;position:relative;cursor:pointer;border-top: 1px dashed #ddd}
|
|
.hide-list li .nav-name{line-height: 40px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
|
|
.hide-list li .nav-name.bordered{border-bottom: 1px dashed #ddd;}
|
|
.hide-list li:first-child{border: none}
|
|
.hide-list li:after{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#333;position:absolute;top:20px;left:7px;margin-top:-3px}
|
|
.hide-list li .nav-name.active{color:#3d41b7}
|
|
.hide-list li.active:after{background:#3d41b7}
|
|
.right-main{width:1230px;float:right}
|
|
.assessment-search{padding:15px;background:#fff;border-radius:5px;box-shadow:0 0 10px #eee}
|
|
.assessment-search-container{margin-top:20px}
|
|
.assessment-search-box{float:left;margin-right:10px;font-size:0}
|
|
.search-title{display:inline-block;vertical-align:top;padding:0 10px;height:35px;line-height:35px;background:#f5f5f5;font-size:14px;color:#333}
|
|
.assessment-search-box input,.assessment-search-box select{width:200px;height:35px;border:1px solid #f5f5f5;box-sizing:border-box;padding:0 10px;font-size:14px}
|
|
.assessment-search-container button{width:110px;height:35px;border:none;background:#1f9fff;cursor:pointer;border-radius:20px;display:block;float:left;color:#fff}
|
|
.main-list{margin-top:10px}
|
|
.main-list ul li{background:#fff;padding:20px;box-shadow:0 0 10px #eee;border-radius:5px;margin-bottom:10px}
|
|
.main-list ul li .line{margin-bottom:10px;font-size:14px;color:#333}
|
|
.main-list ul li .line:last-child{margin-bottom:0}
|
|
.main-list ul li .line span{font-weight:700;color:#3d41b7}
|
|
.operation-btn{display:inline-block;width:90px;height:30px;border-radius:20px;font-size:14px;color:#fff;text-align:center;line-height:30px;margin-right:15px}
|
|
.operation-btn.operation-examine{background:#ff5823}
|
|
.operation-btn.operation-pass{background:#91c50f}
|
|
.operation-btn.operation-not-pass{background:#1f9fff}
|
|
.operation-btn.operation-score{background:#ffb801}
|
|
.pager{text-align:center;font-size:0;margin-top:10px}
|
|
.pager span{display:inline-block;padding:0 15px;line-height:35px;color:#676767;border:1px solid #d2d2d2;font-size:14px;margin:0 5px;vertical-align:middle;cursor:pointer}
|
|
.pager ul{display:inline-block;overflow:hidden;vertical-align:middle}
|
|
.pager ul li{width:35px;line-height:35px;float:left;margin-right:10px;border:1px solid #ddd;box-sizing:border-box;cursor:pointer;text-align:center;font-size:14px;color:#333}
|
|
.pager ul li.active{color:#1e16c6;border:1px solid #1e16c6}
|
|
.fullWidth{width: 100% !important;}
|
|
.no-data{text-align: center;padding: 200px 0;background: #fff;border-radius: 5px;box-shadow: 0 0 10px #eee;}
|
|
.no-data img{width: 200px;} |