#main{ padding-top: 5.6rem;} .search_box { width: 100%; height: auto; background-color: #ffffff; border: .13rem solid #f5f5f5; border-left: none; border-right: none; padding: .75rem .5rem; position: fixed; top: 2rem; z-index: 5; } .search_box .search { height: 1.75rem; background-color: #f5f5f5; border-radius: 0.08rem; border: solid 0.03rem #dbdbdb; position: relative; } .search_box .search::after { content: ""; width: 0.75rem; height: 0.75rem; background: url(/uploads/image/mimg/search.png) no-repeat; background-size: 100%; position: absolute; left: .4rem; top: 50%; transform: translatey(-50%); } .search_box input { width: 100%; height: 100%; padding-left: 1.65rem; color: #999999; font-size: 0.55rem; } .search_box input::placeholder { color: #999999; } .search_box .j_searchbutton { width: 4.5rem; height: 1.75rem; background-color: #f6444d; font-size: .55rem; color: #ffffff; flex-shrink: 0; } .tab_box { width: 100%; height: auto; padding: 0 .48rem; overflow: hidden; overflow-x: scroll; border-bottom: 0.03rem solid #d9d9d9; position: relative; position: fixed; top: 5.5rem; background-color: #ffffff; z-index: 5; } .tab_box.noclick::after{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; } .tab_box::-webkit-scrollbar { display: none; } .tab_box .tab { font-size: 0.6rem; color: #333333; margin-right: .8rem; flex-shrink: 0; height: 1.85rem; border-bottom: .1rem solid #ffffff; } .tab_box .tab.active { color: #f6444d; position: relative; border-bottom: .1rem solid #ff5400; } .result { width: 100%; height: 1.6rem; padding: 0 .48rem; font-size: .6rem; border-bottom: .03rem solid #d9d9d9; color: #f6444d; display: none; position: fixed; background-color: #ffffff; top: 5.5rem; z-index: 5; } .result span { height: 1.6rem; border-bottom: .1rem solid #ff5400; } .result span a{ width: 100%; height: 100%; color: #f6444d; } .major { width: 100%; padding: 0 0 .75rem; } .major::-webkit-scrollbar{ display: none; } .major .list { padding: .5rem; position: relative; min-height: 90vh; } .major .list>img{ position: absolute; left: 50%; transform: translatex(-50%); width: 3rem; top: 25%; } .major li a{ width: 100%; height: auto; background-color: #ffffff; box-shadow: 0rem 0rem 0.63rem 0rem rgba(7, 4, 5, 0.1); border-radius: 0.25rem; border: solid 0.05rem #e7e7e7; overflow: hidden; margin-bottom: .5rem; } .major li:last-child { margin-bottom: 0; } .major li .go_detail { width: 2.25rem; height: 100%; font-size: 0.7rem; color: #d2d2d2; } .major li .left { width: 100%; margin-top: 0; } .major li .major_name { font-size: 0.65rem; color: #000000; padding: 0.38rem 0 .38rem .68rem; } .major li .major_name img { width: 1.13rem; margin-left: .1rem; position: relative; top: -.1rem; } .major li .schs { padding:.26rem 0 .26rem .68rem; background: linear-gradient(90deg, #f5f5f5 40%, transparent); } .major li p { font-size: 0.35rem; line-height: 0.35rem; color: #959595; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; /* 鍑犺鍚庢樉绀轰笉寮€鐪佺暐 */ -webkit-line-clamp: 1; } .major li span { width: 2.7rem; height: 0.75rem; background-color: #fcd673; font-size: 0.35rem; color: #886106; flex-shrink: 0; margin-right: 0.5rem; position: relative; border-radius: 0.3rem; }