.w { width: 1170px; } body { background-color: #f4f4f4; } .banner { height: 200px; width: 100%; background: url("/zkjaeduyuncom/images/examinationPaper-banner.jpg") no-repeat center bottom; } .ep { position: relative; } .ep .ep-t { background-color: #fff; border-radius: 10px; margin: 18px 0 13px; padding: 18px 40px 0; } .ep .ep-t .tags { margin-top: 55px; margin-bottom: 15px; clear: both; margin-left: 406px; } .ep .ep-t .tags label { font-size: 16px; } .ep .ep-t .select-box { font-size: 16px; color: #333; height: 34px; line-height: 34px; } .ep .ep-t .select-box .grade, .ep .ep-t .select-box .subject { margin-right: 25px; clear: none; } .ep .ep-t .select-box .grade { margin-right: 0; } .ep .ep-t .select-box .grade .form-control, .ep .ep-t .select-box .subject .form-control { display: inline-block; width: auto; height: 34px; } .ep .ep-t .ep-category ul li { float: left; } .ep .ep-t .ep-category ul li a { display: block; height: 36px; line-height: 36px; border-radius: 5px; font-size: 16px; color: #333; padding: 0 20px; margin-left: 10px; } .ep .ep-t .ep-category ul li a:hover, .ep .ep-t .ep-category ul li a.ac { background-color: #06978e; color: #fff; } .ep .ep-m { background-color: #fff; border-radius: 10px; position: relative; padding: 55px 34px 27px; margin-bottom: 29px; } .ep .ep-m .tags { top: 10px; position: absolute; right: 19px; } .ep .ep-m .n-h-ep, .ep .ep-m .list-tab { top: 18px; } .ep .ep-m .n-h-ep { position: absolute; left: 34px; } .ep .ep-m .n-h-ep .new-ep, .ep .ep-m .n-h-ep .hot-ep { cursor: pointer; font-size: 14px; color: #333; float: left; margin-right: 20px; } .ep .ep-m .n-h-ep .new-ep a, .ep .ep-m .n-h-ep .hot-ep a { display: block; color: #333; } .ep .ep-m .n-h-ep .new-ep.ac a, .ep .ep-m .n-h-ep .hot-ep.ac a, .ep .ep-m .n-h-ep .new-ep:hover a, .ep .ep-m .n-h-ep .hot-ep:hover a { color: #06978e; } .ep .ep-m .list-tab { position: absolute; right: 34px; border: 0 !important; } .ep .ep-m .list-tab li .cardView-nav, .ep .ep-m .list-tab li .tableView-nav { border: 0!important; padding: 0; margin: 0 0 0 20px; float: left; width: 16px; height: 16px; background: url("/zkjaeduyuncom/images/cardView.png") no-repeat center center; } .ep .ep-m .list-tab li .tableView-nav { background-image: url("/zkjaeduyuncom/images/tableView.png"); } .ep .ep-m .list-tab li.active .cardView-nav, .ep .ep-m .list-tab li:hover .cardView-nav { background-image: url("/zkjaeduyuncom/images/cardView-ac.png"); } .ep .ep-m .list-tab li.active .tableView-nav, .ep .ep-m .list-tab li:hover .tableView-nav { background-image: url("/zkjaeduyuncom/images/tableView-ac.png"); } .ep .ep-m .hr { position: absolute; left: 0; right: 0; border-bottom: 1px solid #ddd; } .ep .ep-m .tab-content #cardView { overflow: hidden; } .ep .ep-m .tab-content #cardView .card-list { width: 1124px; padding: 24px 0; /* .KM01 {background: url("/zkjaeduyuncom/images/sjbg-yw.jpg") no-repeat center top; } .KM02 {background: url("/zkjaeduyuncom/images/sjbg-sx.jpg") no-repeat center top; } .KM03 {background: url("/zkjaeduyuncom/images/sjbg-yy.jpg") no-repeat center top; } .KM04 {background: url("/zkjaeduyuncom/images/sjbg-wl.jpg") no-repeat center top; } .KM05 {background: url("/zkjaeduyuncom/images/sjbg-hx.jpg") no-repeat center top; } .KM06 {background: url("/zkjaeduyuncom/images/sjbg-sxpd.jpg") no-repeat center top; } .KM07 {background: url("/zkjaeduyuncom/images/sjbg-ls.jpg") no-repeat center top; } .KM08 {background: url("/zkjaeduyuncom/images/sjbg-dl.jpg") no-repeat center top; } .KM09 {background: url("/zkjaeduyuncom/images/sjbg-sw.jpg") no-repeat center top; } */ } .ep .ep-m .tab-content #cardView .card-list .list-item { width: 260px; height: 210px; margin: 0 21px 21px 0; float: left; background-color: #fff; position: relative; padding: 0; } .ep .ep-m .tab-content #cardView .card-list .list-item a { display: block; width: 100%; height: 100%; /* padding: 0 15px; */ position: relative; overflow: hidden; } .ep .ep-m .tab-content #cardView .card-list .list-item a .item-t .list-name { margin: 0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ep .ep-m .tab-content #cardView .card-list .list-item a .item-b { position: absolute; width: 100%; left: 0; padding: 0; bottom: 0; border: 1px solid #ddd; border-top: 0; height: 56px; padding: 3px 10px 0; } .ep .ep-m .tab-content #cardView .card-list .list-item a .item-b .list-name { color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; } .ep .ep-m .tab-content #cardView .card-list .list-item a .item-b .operate-ele { position: relative; padding-left: 22px; margin: 0 10px 0 0; color: #999; } .ep .ep-m .tab-content #cardView .card-list .list-item a .item-b .operate-ele .fa { position: absolute; width: 20px; height: 20px; left: 0; top: 0; line-height: 20px; } .ep .ep-m .tab-content #cardView .card-list .list-item a .item-b .operate-ele .icon { position: absolute; width: 20px; height: 20px; top: 0; left: 0; background: url("/zkjaeduyuncom/images/operate-ele.png") no-repeat; } .ep .ep-m .tab-content #cardView .card-list .list-item a .item-b .operate-ele .num { color: #999; } .ep .ep-m .tab-content #cardView .card-list .list-item a .item-b .operate-ele.collection .icon { background-position: 0 0px; } .ep .ep-m .tab-content #cardView .card-list .list-item a .item-b .operate-ele.view .icon { background-position: -80px 0px; } .ep .ep-m .tab-content #cardView .card-list .list-item a .item-b .operate-ele.download .icon { background-position: -100px 0px; } .ep .ep-m .tab-content #cardView .card-list .list-item a:hover .list-name { text-decoration: underline!important; } .ep .ep-m .tab-content #cardView .card-list .list-item.t-72 { background: url("/zkjaeduyuncom/images/sj-zt.png") no-repeat center top; } .ep .ep-m .tab-content #cardView .card-list .list-item.t-72 a .item-t .list-name { color: #fff; font-size: 18px; text-align: center; padding: 31px 5px 0; } .ep .ep-m .tab-content #cardView .card-list .list-item.t-72 a .item-m .subject-name { /* padding-right: 15px; */ color: #fff; text-align: center; font-size: 18px; font-weight: bold; position: relative; top: 29px; } .ep .ep-m .tab-content #cardView .card-list .list-item.t-73 { background: url("/zkjaeduyuncom/images/sj-mn.png") no-repeat center top; } .ep .ep-m .tab-content #cardView .card-list .list-item.t-73 a .item-t .list-name { color: #fff; font-size: 18px; text-align: center; padding: 31px 5px 0; } .ep .ep-m .tab-content #cardView .card-list .list-item.t-73 a .item-m .subject-name { color: #fff; text-align: center; font-size: 24px; font-weight: bold; position: relative; top: 14px; } .ep .ep-m .tab-content #cardView .card-list .list-item.t-74 { background: url("/zkjaeduyuncom/images/sj-yt.png") no-repeat center top; } .ep .ep-m .tab-content #cardView .card-list .list-item.t-74 a .item-t .list-name { padding-left: 6px; font-size: 16px; text-align: center; padding-top: 46px; color: #06978e; width: 160px; } .ep .ep-m .tab-content #cardView .card-list .list-item.t-74 a .item-m .subject-name { font-size: 18px; color: #fff; position: relative; font-weight: bold; top: 23px; text-align: center; } .ep .ep-m .tab-content #cardView .card-list .list-item.t-75 { background: url("/zkjaeduyuncom/images/sj-mx.png") no-repeat center top; } .ep .ep-m .tab-content #cardView .card-list .list-item.t-75 a .item-t .list-name { color: #fff; font-size: 18px; text-align: center; padding: 31px 5px 0; } .ep .ep-m .tab-content #cardView .card-list .list-item.t-75 a .item-m .subject-name { color: #fff; text-align: center; font-size: 24px; font-weight: bold; position: relative; top: 14px; } .ep .ep-m .tab-content #cardView .card-list .list-item.t-76 { background: url("/zkjaeduyuncom/images/sj-kd.png") no-repeat center top; } .ep .ep-m .tab-content #cardView .card-list .list-item.t-76 a .item-t .list-name { color: #2769e4; font-size: 16px; text-align: center; padding-top: 46px; width: 192px; } .ep .ep-m .tab-content #cardView .card-list .list-item.t-76 a .item-m .subject-name { color: #2769e4; text-align: center; font-size: 20px; font-weight: bold; position: relative; top: 8px; } .ep .ep-m .tab-content #cardView .card-list .list-item.t-77 { background: url("/zkjaeduyuncom/images/sj-yc.png") no-repeat center top; } .ep .ep-m .tab-content #cardView .card-list .list-item.t-77 a .item-t .list-name { color: #2769e4; font-size: 16px; text-align: center; padding-top: 46px; width: 165px; } .ep .ep-m .tab-content #cardView .card-list .list-item.t-77 a .item-m .subject-name { color: #2769e4; text-align: center; font-size: 20px; font-weight: bold; position: relative; top: 8px; } .ep .ep-m .tab-content #cardView .card-list .list-item.ac, .ep .ep-m .tab-content #cardView .card-list .list-item:hover { box-shadow: 0px 3px 9px 1px rgba(0, 0, 0, 0.2); } .ep .ep-m .tab-content #cardView .card-list .list-item .item-t .list-name { text-align: left; padding-top: 31px; line-height: 24px; max-height: 100px; overflow: hidden; font-weight: 700; font-size: 15px; } .ep .ep-m .tab-content #tableView { position: relative; } .ep .ep-m .tab-content #tableView .hr { position: absolute; height: 1px; width: 1200px; left: -34px; background-color: #ddd; top: 0; } .ep .ep-m .tab-content #tableView .table tr th, .ep .ep-m .tab-content #tableView .table tr td { height: 50px; line-height: 50px; padding: 0 8px; font-size: 14px; color: #666; border-top: 0; border-bottom: 1px solid #eee; } .ep .ep-m .tab-content #tableView .table tr td { color: #333; } .ep .ep-m .tab-content #tableView .table tr td a { color: #333; } .ep .ep-m .tab-content #tableView .table tr td a:hover { color: #06978e; } .ep .ep-m .pagination-box { text-align: center; } .ep .ep-m .pagination-box .pagination li a { color: #333; margin: 0 5px; } .ep .ep-m .pagination-box .pagination li:hover a, .ep .ep-m .pagination-box .pagination li.active a { background-color: #61d0c2; border-color: #61d0c2; color: #fff; } .ep .ep-m .pagination-box .pagination li.disabled a { cursor: not-allowed; color: #777; background-color: #fff; border-color: #ddd; } /* layui-form */ .layui-form { margin: 0; padding: 0; display: block; line-height: 24px; } .layui-form-item { /* clear: both; */ left: 0 !important; } .layui-form-label { float: left; display: block; padding: 9px 0 9px 0px; font-weight: 400; line-height: 20px; text-align: right; margin-bottom: 0; } .layui-input-block { margin-left: 50px; min-height: 36px; position: relative; width: 120px; } .layui-form select { display: none !important; } .layui-form-select { position: relative; } .layui-form-select .layui-input { padding-right: 30px; cursor: pointer; display: block; width: 100%; padding-left: 10px; height: 38px; line-height: 1.3; border: 1px solid #e6e6e6; background-color: transparent; border-radius: 2px; } .layui-form-select .layui-edge { position: absolute; right: 10px; top: 50%; margin-top: -3px; cursor: pointer; border-width: 6px; border-top-color: #c2c2c2; border-top-style: solid; transition: all 0.3s; -webkit-transition: all 0.3s; } .layui-edge { display: inline-block; width: 0; height: 0; border-width: 6px; border-style: dashed; border-color: transparent; overflow: hidden; vertical-align: middle; } .layui-form-select dl { display: none; position: absolute; left: 0; top: 37px; padding: 5px 0; z-index: 899; min-width: 100%; border: 1px solid #d2d2d2; max-height: 300px; overflow-y: auto; background-color: #fff; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12); box-sizing: border-box; } .layui-form-select dl dd, .layui-form-select dl dt { padding: 0 10px; line-height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .layui-form-select dl dt { font-size: 12px; color: #999; } .layui-form-select dl dd { cursor: pointer; } .layui-form-select dl dd:hover { background-color: #f2f2f2; -webkit-transition: 0.5s all; transition: 0.5s all; } .layui-form-select .layui-select-group dd { padding-left: 20px; } .layui-form-select dl dd.layui-select-tips { padding-left: 10px!important; color: #999; } .layui-form-select dl dd.layui-this { background-color: #5FB878; color: #fff; } .layui-form-checkbox, .layui-form-select dl dd.layui-disabled { background-color: #fff; } .layui-form-selected dl { display: block; } .layui-form-selected .layui-edge { margin-top: -9px; -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-top: -3px\9; } :root .layui-form-selected .layui-edge { margin-top: -9px\0/IE9; } /* layui-form */