锘縝ody { background-color: #f4f4f4; background-color: #fff; } body.modal-open { overflow: auto; padding-right: 0!important; } .w { width: 1170px !important; } .banner { height: 250px; width: 100%; background: url("/zkjaeduyuncom/images/school-banner.jpg") no-repeat center top; } .banner .w { position: relative; color: #fff; } .banner .w .p1 { font-size: 26px; padding: 45px 0 27px; line-heihgt: 28px; } .banner .w .p2 { font-size: 16px; line-height: 28px; } .quick-nav { height: 100px; background-color: #fff; position: relative; margin-top: -50px; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.2); } .quick-nav .nav-item { float: left; width: 25%; height: 100%; position: relative; } .quick-nav .nav-item:after { content: ""; position: absolute; left: 0; width: 1px; background-color: #ddd; height: 56px; margin-top: -28px; top: 50%; } .quick-nav .nav-item:first-child:after { display: none; } .quick-nav .nav-item a { display: block; width: 100%; height: 100%; } .quick-nav .nav-item a span { float: left; height: 60px; margin-top: 19px; } .quick-nav .nav-item a span.icon { float: left; border: 1px solid #ddd; border-radius: 50%; text-align: center; width: 60px; line-height: 55px; margin-left: 65px; } .quick-nav .nav-item a span.icon img { vertical-align: middle; } .quick-nav .nav-item a span.text { line-height: 60px; font-size: 20px; color: #333; margin-left: 20px; height: 45px; } .quick-nav .nav-item a:hover span.icon img { transform: rotate(360deg); transition: all 1.8s; } .quick-nav .nav-item a:hover span.text { text-decoration: none; border-bottom: 1px solid #333; } .quick-nav .layer-content { display: none!important; } .quick-nav .layui-layer .layer-content { display: block!important; margin-top: 10px; } .quick-nav .layui-layer .layer-content .content-item { float: left; width: 33.33%; text-align: center; } .quick-nav .layui-layer .layer-content .content-item a { display: block; width: 100%; height: 100%; } .quick-nav .layui-layer .layer-content .content-item a .icon-box { margin-bottom: 15px; } .quick-nav .layui-layer .layer-content .content-item a .icon-box .icon { display: block; width: 80px; height: 80px; margin: 0 auto; border-radius: 50%; position: relative; } .quick-nav .layui-layer .layer-content .content-item a .icon-box .icon.icon1 { background-color: #509dc5; } .quick-nav .layui-layer .layer-content .content-item a .icon-box .icon.icon2 { background-color: #4ec57e; } .quick-nav .layui-layer .layer-content .content-item a .icon-box .icon.icon3 { background-color: #c58b50; } .quick-nav .layui-layer .layer-content .content-item a .icon-box .icon img { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; } .quick-nav .layui-layer .layer-content .content-item a:hover .text { text-decoration: underline; } .section { padding-bottom: 60px; } /* .section .section-header { height: 130px; line-height: 130px; text-align: center; font-size: 26px; color: #333; } */ .section .section-header { height: 140px; padding-top: 45px; text-align: center; color: #333; } .section.jxtjxx .section-header { height: 128px; } .section .section-header .section-title { font-size: 22px !important; line-height: 26px; margin-bottom: 14px; color: #06978e; } .section .section-header .section-title .dot { font-size: 32px; margin-left: 5px; position: relative; top: 3px; } .section .section-header .section-sub-title { font-size: 12px; } .section .section-header .dot { margin-right: 5px !important; } .section.gfxx .subject-list { width: 870px; } .section.gfxx .subject-list .subject-item { float: left; width: 290px; height: 196px; border: 1px solid #ddd; position: relative; margin: 0 0 -1px -1px; padding-top: 14px; text-align: center; } .section.gfxx .subject-list .subject-item .subject { position: relative; height: 62px; line-height: 62px; margin-top: 10px; } .section.gfxx .subject-list .subject-item .subject .subject-img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-60px, -50%); -moz-transform: translate(-60px, -50%); -ms-transform: translate(-60px, -50%); -o-transform: translate(-60px, -50%); transform: translate(-60px, -50%); } .section.gfxx .subject-list .subject-item .subject .subject-name { font-size: 20px; color: #333; position: relative; left: 20px; } .section.gfxx .subject-list .subject-item .btn-box { padding: 7px 0 8px; margin-top: 15px; } .section.gfxx .subject-list .subject-item .btn-box .btn { color: #009588; background-color: #fff; border: 1px solid #009588; font-size: 16px; padding: 0; height: 34px; line-height: 34px; width: 124px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .section.gfxx .subject-list .subject-item .btn-box .btn.disabled, .section.gfxx .subject-list .subject-item .btn-box .btn.disabled:hover { color: #666; border-color: #666; background-color: #fff; } .section.gfxx .subject-list .subject-item .btn-box .btn:hover { background-color: #009588; color: #fff; } .section.gfxx .subject-list .subject-item .estimate { width: 61px; height: 61px; position: absolute; background: url("/zkjaeduyuncom/images/xxgb23.png") no-repeat top center; top: 22px; right: 15px; text-align: center; line-height: 61px; color: #f15554; font-size: 20px; } .section.gfxx .subject-list .subject-item .estimateno { width: 61px; height: 61px; position: absolute; background: url("/zkjaeduyuncom/images/xxgb22.png") no-repeat top center; top: 22px; right: 15px; } .section.gfxx .subject-list .subject-item .estimate sub { bottom: 0; font-size: 14px; } .section.gfxx .pull-right { width: 277px; height: 585px; border: 1px solid #ddd; padding: 23px; } .section.gfxx .pull-right .overall-result { text-align: center; background: url("/zkjaeduyuncom/images/xxgb24.png") no-repeat top center; width: 232px; height: 119px; margin-bottom: 0px; } .section.gfxx .pull-right .overall-result .p1 { font-size: 16px; color: #333; line-height: 16px; padding: 24px 0 20px; } .section.gfxx .pull-right .overall-result .p2 { color: #f15554; } .section.gfxx .pull-right .overall-result .p2 span { font-size: 36px; line-height: 36px; } .section.gfxx .pull-right .overall-result .p2 sub { font-size: 16px; line-height: 16px; bottom: 0; } .section.gfxx .pull-right .mock-test-scores p { height: 32px; line-height: 32px; } .section.gfxx .pull-right .wc-school div, .section.gfxx .pull-right .wc-school p { height: 32px; line-height: 32px; } .section.gfxx .pull-right .my-school div, .section.gfxx .pull-right .my-school p { height: 32px; line-height: 32px; } .section.gfxx .pull-right .target-school div, .section.gfxx .pull-right .target-school p { height: 32px; line-height: 32px; } .section.gfxx .pull-right .modal-p { position: relative; margin-bottom: 12px; } .section.gfxx .pull-right .my-school .modal-p { margin-bottom: 0px; } .section.gfxx .pull-right .modal-p:only-of-type .modal-span { display: none !important; } .section.gfxx .pull-right .modal-p .btn { height: 32px; line-height: 32px; width: 100%; background-color: #fff; border: 1px solid #ddd; color: #666; padding: 0; text-align: center; position: relative; } .section.gfxx .pull-right .modal-p .modal-span { position: absolute; top: 8px; right: 6px; font-size: 18px; width: 20px; height: 20px; line-height: 18px; text-align: center; border: 1px solid #ccc; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #ccc; display: none; cursor: pointer; } .section.gfxx .pull-right .modal-p .modal-span:hover { color: #f00; border: 1px solid #f00; } .section.gfxx .pull-right .modal-p:hover .modal-span { display: block; } .section.gfxx .pull-right .mock-test-scores input { height: 32px; width: 100%; padding: 0 12px; } .section.gfxx .pull-right .wc-school input { height: 32px; width: 100%; padding: 0 12px; } /*.section.gfxx .pull-right .wc-school .score-box { width:20px; height: 20px; display:inline-block; background-color:#009588; border-radius:10px; cursor:pointer; line-height:18px; font-size:15px; text-align:center; color:#fff; position:relative; right:-3px; }*/ .section.gfxx .pull-right .addTargetSchool { height: 26px; line-height: 24px; color: #06978e; cursor: pointer; } .section.gfxx .pull-right .gfxx-p { padding: 0; } .section.gfxx .pull-right .gfxx-p .btn { height: 40px; line-height: 39px; background-color: #009588; font-size: 16px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0; width: 100%; border: 1px solid #009588; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .section.gfxx .pull-right .gfxx-p .btn:hover { opacity: 0.8; } .section.gfxx .pull-right .gfdt .gfdt-p { position: relative; margin-bottom: 10px; } .section.gfxx .pull-right .gfdt .gfdt-p .s1 { font-size: 18px; } .section.gfxx .pull-right .gfdt .gfdt-p .s2 { font-size: 14px; position: absolute; bottom: 0; right: 0; color: #666; } .section.gfxx .pull-right .gfdt .gddiv { height: 225px; width: 230px; overflow: hidden; } .section.gfxx .pull-right .gfdt .gf-list li { height: 32px; line-height: 32px; font-size: 14px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; padding-left: 30px; background: url("/zkjaeduyuncom/images/xxgb26.png") no-repeat 10px top; } .section.flzx { background-color: #f3f3f3; } .section.flzx .flzx-list { /* width: 1224px; margin-left: -12px; */ padding: 0 1px; } .section.flzx .flzx-list li { width: 220px; height: 205px; float: left; margin: 0 36px; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .section.flzx .flzx-list li div, .section.flzx .flzx-list li .t4 { display: block; width: 100%; height: 100%; font-size: 20px; color: #333; padding-top: 150px; background: #ffffff no-repeat center 39px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; cursor: pointer; } .section.flzx .flzx-list li div .bg-box, .section.flzx .flzx-list li .t4 .bg-box { position: absolute; width: 100px; height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; top: 30px; left: 50%; margin-left: -50px; background: #2ab9ad no-repeat center center; -webkit-background-size: 50% 50%; -moz-background-size: 50% 50%; -o-background-size: 50% 50%; background-size: 50% 50%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .section.flzx .flzx-list li .t1 .bg-box { background-image: url("/zkjaeduyuncom/images/xxgb17.png"); } .section.flzx .flzx-list li .t2 .bg-box { background-image: url("/zkjaeduyuncom/images/xxgb3.png"); } .section.flzx .flzx-list li .t3 .bg-box { background-image: url("/zkjaeduyuncom/images/xxgb1.png"); } .section.flzx .flzx-list li .t4 .bg-box { background-image: url("/zkjaeduyuncom/images/xxgb2.png"); } .section.flzx .flzx-list li.ac, .section.flzx .flzx-list li:hover { /* -webkit-transform: translateY(-12px) scale(1.1); -moz-transform: translateY(-12px) scale(1.1); -ms-transform: translateY(-12px) scale(1.1); -o-transform: translateY(-12px) scale(1.1); transform: translateY(-12px) scale(1.1); */ } .section.flzx .flzx-list li.ac div, .section.flzx .flzx-list li:hover div, .section.flzx .flzx-list li.ac .t4, .section.flzx .flzx-list li:hover .t4 { background: #ffffff no-repeat center 39px; } .section.flzx .flzx-list li .t1 .bg-box { background-color: #189bfd; } .section.flzx .flzx-list li .t2 .bg-box { background-color: #2ed352; } .section.flzx .flzx-list li .t3 .bg-box { background-color: #d36e32; } .section.flzx .flzx-list li .t4 .bg-box { background-color: #0eb3b1; } .section.flzx .flzx-list li:hover, .section.flzx .flzx-list li.ac { box-shadow: 0 0 30px rgba(0, 0, 0, 0.25); } .section.fqzx .w .area-list { padding-left: 1px; margin-right: -43px; } .section.fqzx .w .area-list .area-item { float: left; text-align: center; margin: 0 43px 27px 0; } .section.fqzx .w .area-list .area-item a { border: 1px solid #ddd; width: 130px; height: 40px; line-height: 40px; padding: 0; display: block; color: #333; font-size: 18px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .section.fqzx .w .area-list .area-item a:hover { border-color: #009588; color: #009588; } .section.kqyzs { background-color: #f3f3f3; } .section.kqyzs .kqy-list { padding: 0 1px; } .section.kqyzs .kqy-list li { float: left; width: 220px; height: 205px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; margin: 0 36px; } .section.kqyzs .kqy-list li a { display: block; width: 100%; height: 100%; text-align: center; font-size: 20px; color: #fff; padding-top: 150px; line-height: 20px; background: #2ab9ad no-repeat center 38px; position: relative; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .section.kqyzs .kqy-list li a .bg-box { position: absolute; width: 100px; height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; top: 30px; left: 50%; margin-left: -50px; background: #2ab9ad no-repeat center center; -webkit-background-size: 70% 70%; -moz-background-size: 70% 70%; -o-background-size: 70% 70%; background-size: 70% 70%; } .section.kqyzs .kqy-list li a.k1 .bg-box { background-image: url("/zkjaeduyuncom/images/xxgb4.png"); } .section.kqyzs .kqy-list li a.k2 .bg-box { background-image: url("/zkjaeduyuncom/images/xxgb8.png"); } .section.kqyzs .kqy-list li a.k3 .bg-box { background-image: url("/zkjaeduyuncom/images/xxgb5.png"); } .section.kqyzs .kqy-list li a.k4 .bg-box { background-image: url("/zkjaeduyuncom/images/xxgb21.png"); } .section.kqyzs .kqy-list li.ac a, .section.kqyzs .kqy-list li:hover a { background-color: #fff; color: #333; } .section.jxtjxx .school-box { overflow: hidden; } .section.jxtjxx .school-box .schoolWrap .list li { float: left; width: 1170px; } .section.jxtjxx .school-box .schoolWrap .list li .img-box { width: 210px; height: 90px; margin: 12px 12px; float: left; text-align: center; transition: all 0.3s; background-color: #f4f4f4; } .section.jxtjxx .school-box .schoolWrap .list li .img-box a { display: block; position: relative; width: 100%; height: 100%; } .section.jxtjxx .school-box .schoolWrap .list li .img-box a img { position: absolute; display: block; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .section.jxtjxx .school-box .schoolWrap .list li .img-box:hover { transform: scale(1.05); background-color: #f4f4f4; box-shadow: 0px 0px 8px 1px rgba(37, 30, 28, 0.32); } /* .section.jxtjxx .school-box .t-p, .section.jxtjxx .school-box .b-p { margin-bottom: 10px; } .section.jxtjxx .school-box .t-p .l-p, .section.jxtjxx .school-box .b-p .l-p { width: 270px; height: 300px; } .section.jxtjxx .school-box .t-p .l-p .inner .img-box, .section.jxtjxx .school-box .b-p .l-p .inner .img-box { height: 175px; overflow: hidden; } .section.jxtjxx .school-box .t-p .l-p .inner .img-box a img, .section.jxtjxx .school-box .b-p .l-p .inner .img-box a img { display: block; width: 100%; height: 100%; transition: all 0.3s; } .section.jxtjxx .school-box .t-p .l-p .inner .img-box:hover a img, .section.jxtjxx .school-box .b-p .l-p .inner .img-box:hover a img { transform: scale(1.1); } .section.jxtjxx .school-box .t-p .l-p .inner .text-box, .section.jxtjxx .school-box .b-p .l-p .inner .text-box { height: 125px; background-color: #29a2ee; } .section.jxtjxx .school-box .t-p .l-p .inner .text-box .p1, .section.jxtjxx .school-box .b-p .l-p .inner .text-box .p1 { text-align: center; font-size: 20px; color: #fff; letter-spacing: 2px; line-height: 20px; padding: 20px 0; } .section.jxtjxx .school-box .t-p .l-p .inner .text-box .p1 a, .section.jxtjxx .school-box .b-p .l-p .inner .text-box .p1 a { color: #fff; } .section.jxtjxx .school-box .t-p .l-p .inner .text-box .p1 a:hover, .section.jxtjxx .school-box .b-p .l-p .inner .text-box .p1 a:hover { border-bottom: 1px solid #fff; } .section.jxtjxx .school-box .t-p .l-p .inner .text-box .p2, .section.jxtjxx .school-box .b-p .l-p .inner .text-box .p2 { background-color: #bee6ff; display: block; margin: 0 auto; width: 250px; height: 40px; line-height: 40px; border-radius: 40px; text-align: center; } .section.jxtjxx .school-box .t-p .l-p .inner .text-box .p2 a, .section.jxtjxx .school-box .b-p .l-p .inner .text-box .p2 a { font-size: 14px; color: #010101; } .section.jxtjxx .school-box .t-p .l-p .inner .text-box .p2 a:hover, .section.jxtjxx .school-box .b-p .l-p .inner .text-box .p2 a:hover { text-decoration: underline !important; } .section.jxtjxx .school-box .t-p .r-p, .section.jxtjxx .school-box .b-p .r-p { width: 896px; } .section.jxtjxx .school-box .t-p .r-p .inner .list li, .section.jxtjxx .school-box .b-p .r-p .inner .list li { width: 210px; height: 90px; margin: 0 0 16px 14px; float: left; text-align: center; } .section.jxtjxx .school-box .t-p .r-p .inner .list li .img-box, .section.jxtjxx .school-box .b-p .r-p .inner .list li .img-box { background-color: #f4f4f4; transition: all 0.3s; padding-top: 22px; width: 100%; height: 100%; } .section.jxtjxx .school-box .t-p .r-p .inner .list li:hover .img-box, .section.jxtjxx .school-box .b-p .r-p .inner .list li:hover .img-box { background-color: #fff; box-shadow: 0px 0px 8px 1px rgba(37, 30, 28, 0.32); transform: scale(1.05); } .section.jxtjxx .school-box .b-p { margin-bottom: 0; } .section.jxtjxx .school-box .b-p .l-p .inner .text-box { background-color: #6c6; } .section.jxtjxx .school-box .b-p .l-p .inner .text-box .p2 { background-color: #c3d5ff; } */ .section.jxtjxx .jxxx-list { width: 1220px; marign-left: -10px; } .section.jxtjxx .jxxx-list li { float: left; width: 244px; height: 168px; padding: 12px; margin: 0; transition: all 0.3s; } .section.jxtjxx .jxxx-list li:hover { padding: 0; } .section.jxtjxx .jxxx-list li a { color: #fff; position: relative; display: block; overflow: hidden; width: 100%; height: 100%; border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .section.jxtjxx .jxxx-list li a .img-box { width: 100%; height: 100%; overflow: hidden; } .section.jxtjxx .jxxx-list li a .img-box img { width: 100%; height: 100%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .section.jxtjxx .jxxx-list li a .img-box img.big { display: none; } .section.jxtjxx .jxxx-list li a .img-box img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .section.jxtjxx .jxxx-list li a span.spancon { position: absolute; height: 100%; text-align: center; top: 0; left: 50%; margin-left: -121px; z-index: 2; padding: 30px 15px 0; display: none; width: 242px; } .section.jxtjxx .jxxx-list li a span.spancon .xxname { display: block; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; padding-bottom: 5px; } .section.jxtjxx .jxxx-list li a span.spancon .xxjj { display: block; line-height: 30px; max-height: 60px; overflow: hidden; font-size: 16px; padding-bottom: 5px; } .section.jxtjxx .jxxx-list li a span.spancon .ckxq { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; } .section.jxtjxx .jxxx-list li a:hover img.small { display: none; } .section.jxtjxx .jxxx-list li a:hover img.big { display: block; } .section.jxtjxx .jxxx-list li a:hover .spancon { display: block; } .section.jxtjxx .jxxx-list li a:hover:after { content: ""; position: absolute; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=50); background-color: #000; top: 0; left: 0; z-index: 1; } /*?a??渭藟3?modal css ?a锚?*/ .modal .modal-dialog .modal-content .modal-body .analysis-content { font-size: 14px; color: #333; } .modal .modal-dialog .modal-content .modal-body .analysis-content .score { font-size: 14px; color: #333; width: 300px; height: 32px; margin-left: 30px; padding-left: 5px; } .modal .modal-footer .cancel { border: 1px solid #06978e; color: #06978e; background-color: #fff; } .modal .modal-footer .save { color: #fff; background-color: #06978e; } #school-modal .modal-dialog { width: 780px; max-height: 600px; min-height: 600px; } #school-modal .nav.nav-tabs { border-bottom: 0; } #school-modal .nav.nav-tabs li { margin: 0 2px 2px 0; } #school-modal .nav.nav-tabs li a { margin: 0; color: #333; padding: 5px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 0; } #school-modal .nav.nav-tabs li.active a { border: 0; background-color: #06978e; color: #fff; padding: 5px 8px; } #school-modal .tab-content { margin: 10px 0 30px; } #school-modal .tab-content .tab-pane { overflow: auto; max-height: 367px; border: 1px solid #ddd; padding: 10px; } #school-modal .tab-content .tab-pane ul li { float: left; width: 33.33%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; height: 26px; line-height: 26px; color: #333; font-size: 14px; padding: 0 5px; cursor: pointer; } #school-modal .tab-content .tab-pane ul li:hover { color: #06978e; } .schoolmodal .modal-dialog { width: 840px; } .schoolmodal table { width: 760px; margin: 0px auto; border: 1px solid #eee; } .schoolmodal table tr { line-height: 30px; } .schoolmodal table th, .schoolmodal table td { border: 1px solid #eee; padding-left: 5px; } #TCschool-modal .modal-dialog, #TCschool-modal .modal-content { width: 850px; max-width: 850px; min-height: 600px; max-height: 600px; } input::-webkit-input-placeholder { color: #666; } input:-moz-placeholder { color: #666; } input::-moz-placeholder { color: #666; } input:-ms-input-placeholder { color: #666; } /*?a??渭藟3?modal css ?a锚?*/ .bottom-tools { position: fixed; width: 46px; bottom: 35px; left: 50%; margin-left: 615px; z-index: 1000; } .bottom-tools .scroll-list .scroll-item { width: 46px; height: 46px; color: #fff; cursor: pointer; text-align: center; font-size: 12px; margin-bottom: 12px; /* transition: all 0.3s; */ background-color: #999; display: table; padding-left: 3px; } .bottom-tools .scroll-list .scroll-item span { display: table-cell; vertical-align: middle; line-height: 16px; letter-spacing: 3px; } .bottom-tools .scroll-list .scroll-item:hover, .bottom-tools .scroll-list .scroll-item.ac { background-color: #009588; } .layui-layer-content table { width: 860px; margin: 0px auto; border: 1px solid #eee; } .layui-layer-content table tr { line-height: 30px; } .layui-layer-content table th, .layui-layer-content table td { border: 1px solid #eee; padding-left: 5px; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .layui-layer-content table a { color: #01a469; max-width: 190px; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: bottom; } .layui-layer .layui-layer-btn .layui-layer-btn0 { /*border-color: #dedede; background-color: #fff;*/ color: #333; }