.Min { /* width: 1200px; */ margin: 20px auto; box-sizing: border-box; padding: 30px; background: #fff; } .main { overflow: hidden; width: 100%; } .title_h2 { margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid; padding-bottom: 20px; } h2.title_h2 span { font-size: 18px; font-weight: bold; } h2.title_h2 span.ps { font-size: 14px; font-weight: normal; } .formItem { display: flex; justify-content: flex-start; align-items: flex-start; border-bottom: 1px solid #eee; margin-bottom: 20px; } .formItem ul.formUl { display: flex; flex-wrap: wrap; width: 90%; } .formItem > h2 { font-size: 17px; margin-right: 25px; } .formItem ul.formUl li { margin-right: 35px; margin-bottom: 20px; font-size: 16px; cursor: pointer; } .formCheck { display: flex; justify-content: flex-start; align-items: flex-start; border-bottom: 2px solid; margin-bottom: 20px; } .formCheck > h2 { font-size: 17px; margin-right: 25px; } ul.check_list { display: flex; flex-wrap: wrap; width: 88%; } ul.check_list li { margin-right: 35px; margin-bottom: 20px; font-size: 16px; cursor: pointer; display: flex; align-items: center; position: relative; padding-right: 20px; } .min_middle { display: flex; justify-content: space-between; align-items: center; } .cz_search { width: 40%; } .cz_icon ul { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; } .cz_icon { width: 60%; } .cz_icon ul li { /* padding-left: 30px; */ display: flex; justify-content: center; align-items: center; margin-right: 30px; margin-bottom: 10px; } .cz_search input[type="text"] { width: 77%; height: 45px; padding: 15px 20px; box-sizing: border-box; } .cz_search input[type="button"] { width: 20%; height: 45px; border: none; color: #fff; font-size: 16px; outline: none; } ul.cz_ul { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } ul.cz_ul li { width: 346px; border: 1px solid #eee; margin: 0 30px 30px 0; padding: 10px; box-sizing: border-box; } ul.cz_ul li:nth-child(3n) { margin-right: 0; } .min_bottom { margin-top: 20px; } ul.cz_ul li > h2 { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px; } ul.cz_ul li > h2 a { font-size: 18px; font-weight: bold; margin-right: 20px; color: #511b66; } .zj { padding: 3px 5px; border: 1px solid; border-radius: 5px; font-size: 12px; } ul.cz_ul li > p { font-size: 16px; font-weight: 400; margin-bottom: 30px; } .table_cz table { width: 100%; text-align: center; border-color: #ccc; } .table_cz table td { width: 12%; height: 30px; } .table_cz table tr.tr_title { background: #f2f2f2; } .table_cz table td.td_title { background: #f2f2f2; } span.cz_icon { background: url(../images/Scheduling_icon.png) no-repeat; width: 15px; height: 16px; display: inline-block; margin-right: 10px; } span.cz_icon.cz_icon_1 { background-position: left 0; } span.cz_icon.cz_icon_2 { background-position: left -23px; } span.cz_icon.cz_icon_4 { background-position: left -91px; } span.cz_icon.cz_icon_3 { background-position: left -69px; } td span.cz_icon { margin: 0; margin-top: 5px; } ul.check_list li img { margin-left: 5px; margin-top: 1px; } /* color #511B66 rgba(81,27,102,1)*/ .text_color { color: #511b66; } .border_color { border-color: #511b66; } .background { background-color: #511b66; } .backgroundOpacity { background-color: rgba(81, 27, 102, 0.7); } .active { color: #511b66; font-weight: bold; } a:hover { color: #511b66; } span.closeC { position: absolute; width: 15px; height: 15px; background: url(../images/close.png) no-repeat; right: 0; top: 4px; z-index: 1212; } span.closeC a{ display: block; width: 100%; height: 100%; } .formCheck { min-height: 43px; } div#pagination { text-align: center; } .pagination > li > a, .pagination > li > span { color: #511b66; position: relative; float: left; text-decoration: none; background-color: #fff; border: 1px solid #ddd; width: 30px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #511b66; border-color: #511b66; color: #fff; } .pagination { display: flex; justify-content: center; align-items: center; } .pagination li { margin: 0 5px; } .pagination > li span.page-link.prev { width: auto; padding: 0 10px; border-radius: 5px 0px 0 5px; } .pagination > li span.page-link.next { width: auto; padding: 0 10px; border-radius: 0 5px 5px 0; } .pagination > li > span:hover { color: #fff; transition: all 0.3s; background: #511b66; border-color: #511b66; }