html, body{ width:100%; height:100%;} body{ background-image: url(../img/bg.jpg); background-repeat: no-repeat; background-size: 100% 100%; } .model { width: 100%; height: 100%; position: fixed; display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, .3); top: 0; left: 0; z-index: 999; } .modelFixed { padding: 20px 40px; width: 28rem; height: 22rem; border-radius:10px; overflow: auto; background: #ffffff; box-shadow: 3px 2px 5px #7777; } .title{ color:#3D8AF9; height:3rem; line-height:5rem; font-size:2rem; text-align:center; } .input-box{ width: 65%; height: 2.7rem; border: 1px solid #ccc; border-radius: 2rem; padding-left: 3rem; font-size: 1.2rem; /*margin: 2vh 0;*/ } .input-box::placeholder{ color: #ccc; } .input-box:focus{ outline: none; } .btn{ background-image: linear-gradient(to right, #3194EF , #205AE0); color: #fff; width: calc(65% + 3rem); height: 2.8rem; border: 1px solid #ccc; border-radius: 2rem; font-size: 1.3rem; margin-top: 3rem; line-height: 2.8rem; cursor: pointer; } .loginout{ position: absolute; right: 0; top: 0; font-size: 1rem; /*color: #3499FB;*/ color: #fff; cursor: pointer; } h3 { margin-bottom: 20px; } .logo{ display: block; position: absolute; height: 50px; z-index: 2; top:50px; left:50px; } .logo img{ height: 100%; } .copyright{ display: block; position: absolute; width: 100%; bottom: 10px; height: 40px; color: #BBBBBB; z-index: -1; text-align: center; } div.wall > div{ display: table-cell; vertical-align: middle; width: 20%; height: 33.33%; float: left; text-align: left; overflow: hidden; } div.wall-item:nth-of-type(odd){ background:#f5f5f5; } div.wall-item:nth-of-type(even){ background:#fafafa; } div.wall > div > a{ display: block; height: 100%; overflow: hidden; } .wall-item > img{ min-width: 110%; min-height: 110%; } .wall-item img, .intro-carousel img{ position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); } .layui-layer{ background-color: transparent !important; } .modalSkin .layui-layer-content{ border-radius: 10px; background-color: #ffffff; } #btn_search{ position: absolute; width:44px; height:44px; margin: 50px; padding: 20px; bottom: 0; right: 0; background: #ffffff; border-radius: 50%; opacity: 1; z-index: 29999999; } #btn_search > img{ width:100%; } #btn_search_form{ display: block; background-color: #2E8DED; } .search-form{ min-width:460px; width:30%; } .search-form-keyword{ display: block; float:left; font-size: 30px; line-height: 50px; min-width:250px; padding:5px 5px 5px 15px; color: #333333; border-color: -internal-light-dark(rgb(46,141,237), rgb(46,141,237)); } #btn_search_form{ display: block; float:left; width:50px; height:44px; padding:10px; } #btn_search_form img{ width: 100%; height: 100%; } #intro{ min-width:600px; min-height:100%; background:#ffffff; } .inverted { filter: invert(100%); } .modal-container{ width:1000px; } .modal-content{ min-width: 780px; margin-right: 150px; height: 580px; padding: 20px; overflow-y: scroll; } .modal-menu{ display: block; position: absolute; top: 0; right: 0; padding: 30px; /*background-color: #ffffff;*/ } .modal-menu dl{ display: block; width:84px; text-align: center; margin: 0 auto; font-size: 16px; padding:15px; } .modal-menu dl > dt{ margin-top: 15px; display: inline-block; width: auto; padding: 15px; border-radius: 50%; background-color: #f5f5f5; border: solid 3px #006FE0; } .modal-menu dl > dt > img{ width:48px; } .modal-menu dl > dt.active{ display: inline-block; width: auto; background-color: #006FE0; } .modal-menu dl > dt.active + dd{ color: rgba(0,0,0,.85); } .modal-menu dl > dt.active > img{ /*filter: grayscale(100%) invert(100%);*/ filter: grayscale(100%) brightness(300%); } .modal-menu dl > dd{ display: inline-block; width: auto; padding: 10px; text-align: center; } .card{ clear: both; } #specialty{ padding: 15px; /*background-color: #f5f5f5;*/ } #specialty h3{ display: block; font-size: 1.17em; font-weight: bold; } #specialty h5{ display: block; font-size: 0.83em; font-weight: bold; } #specialty .c-flex { display: flex; flex-wrap: wrap; justify-content: space-evenly; align-content: space-evenly; } #specialty .c-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*#specialty h2 {*/ /*font-size: 20px;*/ /*margin-bottom: 20px 0;*/ /*display: block; */ /*clear: both; */ /*height: 40px; */ /*width: 100%;*/ /*}*/ /*#specialty h2 > i {*/ /*display: block;*/ /*width:26px; */ /*float:left; */ /*background-color: #1859ff;*/ /*padding: 5px 10px;*/ /*}*/ /*#specialty h2 > i > img{*/ /*display: block;*/ /*width: 100%;*/ /*}*/ /*#specialty h2 > span.department-name{*/ /*min-height: 26px;*/ /*color: #ffffff;*/ /*float:left;*/ /*background-color: #117afb; */ /*padding: 5px 50px 5px 30px;*/ /*}*/ /*#specialty h2 > span.triangle {*/ /*display: block;*/ /*float: left;*/ /*width: 0;*/ /*height: 0;*/ /*border-top: 37px solid #117afb;*/ /*border-right: 50px solid transparent;*/ /*margin-left: -1px;*/ /*}*/ /*#specialty div.card{*/ /*background: #ffffff;*/ /*!*border-radius: 10px;*!*/ /*padding: 15px;;*/ /*margin: 10px 0;*/ /*}*/ /*#specialty div.card h3{*/ /*color:#666666;*/ /*display: block; */ /*!* background-image: url(../img/college.svg); *!*/ /*font-weight: bold;*/ /*background-repeat: no-repeat; */ /*background-position: center left; */ /*background-size: 20px;*/ /*padding:5px 5px 5px 5px;*/ /*}*/ /*#specialty div.card ul{*/ /*clear: both; */ /*display: inline-block; */ /*width: 100%;*/ /*font-size: 14px;*/ /*}*/ /*#specialty div.card ul > li > span{*/ /*display: block; */ /*padding:10px 10px 10px 30px; */ /*background-image: url(../img/specialty.svg); */ /*background-repeat: no-repeat;*/ /*background-size: 14px;*/ /*background-position: 5px 14px;*/ /*}*/ /*#specialty div.card table.layui-table{*/ /*display:block; */ /*margin:5px*/ /*}*/ /*.specialty-info{*/ /*clear: both;*/ /*margin-bottom: 20px;*/ /*}*/ /*.specialty-info .card ul > li{*/ /*width:25%;*/ /*float:left;*/ /*min-height: 40px;*/ /*}*/ #summary{ display: inline-block; padding:15px; width: 98%; } #summary .header{ display: inline-block; } #summary .summary-logo{ width: 150px; max-width: 200px; max-height: 150px; float:left; margin-right: 20px; } #summary .summary-logo img{ min-width:100px; min-height:100px; max-width: 200px; max-height: 130px; } #summary .summary-intro{ float: left; max-width: 600px; } #summary .title{ font-size: 40px; line-height: 50px; } #summary .text{ color: #999999; display: block; font-size: 20px; height: 30px; padding: 5px; } #summary .tags{ display: inline-block; width: 100%; clear: both; } #summary .tags span{ display: block; float:left; /*color: #666666;*/ /*background-color: #f5f5f5;*/ background-color: #fff; border-radius: 5px; line-height: 16px; padding:9px 15px; margin: 5px; font-size: 16px; height: 14px; } #summary h3{ font-size: 24px; margin: 20px 0; } #summary .intro p{ font-size: 16px; line-height: 1.5rem; } #summary .specialty-tables{ display: block; width: 100%; } #summary .specialty-table{ width:50%; float:left; } #summary .specialty-table .layui-table{ width: 95%; } ::-webkit-scrollbar { display: none; /* Chrome Safari */ } .pic-item{ width:100%; height:85%; position: relative; overflow: hidden; } .pic-item > img{ position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); min-width: 110%; min-height: 110%; } .txt-item{ width: 100%; height: 15%; position: relative; /*padding: 20px;*/ font-size: 16px; /*bottom:60px;*/ text-align: center; /*margin: -60px 0 0 0;*/ } .txt-item span{ color: #333333; display: block; padding:20px 0; width:100%; text-align: center; } .modal-content div.none{ width:100%; height: 100%; background-image: url(../img/info_none.svg); background-repeat: no-repeat; background-position: center center; } .modal-content span.text{ color: #CCCCCC; font-size: 16px; text-align: center; position: relative; display: block; /* padding: 30px; */ margin: -15% 0 0 0; } #intro .layui-carousel-ind{ margin-top: 26px; } span.none{ font-size: 14px; color: #CCCCCC; } .autocomplete-suggestions{ z-index: 20000000 !important; background: none; border: none; } .autocomplete-suggestion{ color: #ffffff; font-size: 16px; padding: 10px; background: rgba(0,0,0,.55) } .autocomplete-suggestion.selected { background: rgba(0,0,0,.75); } #keyword{ background: none; border: none; border-radius: 0; border-bottom: solid 3px #ffffff; } #btn_search_form{ background:none !important; } .search-form-keyword{ color: #FFFFFF; }