.site-content .slide-content{ padding: 16px 10px; min-height: 700px; padding-bottom: 24px; } .content-items, .exam-list{ width: 100%; } .pagination{ margin-right: 16px; } .exam-list tr{ height: 69px; line-height: 69px; text-align: center; transition: all 0.3s ease 0s; border-top: 1px solid #e6e6e6; cursor: pointer; } .exam-list .date{ color: #444; font-size: 16px; padding-left: 20px; } .exam-list tr .has-a{ text-align: left; } .exam-list tr:hover{ background: #f2f2f2; } .exam-list .state.complete{ color: #444; } .exam-list .title{ padding-right: 30px; } .exam-list .state .iconfont{ color: #d8d8d8; display: inline-block; font-size: 22px; margin-right: 8px; vertical-align: bottom; } .exam-list .state.complete .iconfont{ color: #00bb9c; } .detail-inner{ background: #fff; padding-bottom: 24px; overflow: hidden; } .detail-inner .left{ width: 900px; float: left; } .detail-inner .right{ padding: 24px; margin-left: 916px; width: 234px; border: 1px solid #e6e6e6; text-align: center; } .detail-inner .right a.btn{ font-size: 22px; padding: 8px 50px; } .detail-inner .right p{ margin-top: 8px; font-size: 16px; } .detail-inner .left .item{ margin-bottom: 24px; } .detail-inner .left .item .normal-title{ padding-left: 24px; margin-bottom: 16px; border: 1px solid #e6e6e6; } .detail-inner .left .item .normal-title .iconfont{ font-size: 20px; color: #a9b7b7; } .detail-inner .left .item .question{ border:1px solid #e6e6e6; padding: 0 16px; position: relative; } .q-header { height: 78px; line-height: 78px; position: absolute; right: 0; top: 10px; } .q-header .coll{ float: right; margin-right: 24px; transition: all 0.6s ease 0s; } .q-header .coll .iconfont{ font-size: 22px; color: #a9b7b7; display: inline-block; vertical-align: bottom; } .has{ /* animation: 1.2s linear 0s normal forwards 1 running fadeIn; */ } .q-header .coll.has .iconfont{ color: #de411a; } .authors{ color: #3c97d6; } .authors span{ color: #737373; } @keyframes fadeIn { 0%{ opacity: 0.1; transform: scale(1); } 50%{ opacity: 0.5; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } } .q-body{ padding: 24px 100px 24px 16px; } .q-footer { height: 0px; overflow: hidden; transition: all 0.6s ease 0s; } .q-footer.open{ height: auto; } .q-footer .inner{ border-top: 1px dotted #e6e6e6; min-height: 80px; overflow: hidden; font-size: 16px; padding-left: 8px; padding-bottom: 24px; } .q-footer .inner .icon::before{ font-size:60px; color: #00bb9c; float: left; font-family: "iconfont"; content: "\e66a"; margin-right: 20px; } .q-footer .inner.error .icon::before{ content: "\e66c"; color: #eb4f38; } .q-footer .inner p:FIRST-CHILD { margin-top: 24px; margin-bottom: 8px; } .q-footer .inner.error p{ margin-top: 8px; } .q-footer .inner.error p:FIRST-CHILD{ margin-top: 24px; } .q-footer .inner p a{ color: #1587e8; }