/** * @description ???? * @author guxiao * @date 2019.9.12 * @version V1.0.0 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video, input ,button{ margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; list-style: none; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } table { border-collapse: collapse; border-spacing: 0; } a { color: #000000; text-decoration: none; -webkit-backface-visibility: hidden; } li { list-style: none; } /* ::-webkit-scrollbar { display: none; } */ ::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; } ::-webkit-scrollbar-thumb:vertical { height: 5px; background-color: rgba(125, 125, 125, 0.7); -webkit-border-radius: 6px; } ::-webkit-scrollbar-thumb:horizontal { width: 5px; background-color: rgba(125, 125, 125, 0.7); -webkit-border-radius: 6px; } input{ outline: none; } .clearfix:after{ content:"."; display:block; height:0; clear:left; visibility:hidden; } @-webkit-keyframes shake{ 0%,10%,55%,90%,94%,98%,100%{ -webkit-transform:scale(1,1); } 30%{ -webkit-transform:scale(1.14,0.86); } 75%{ -webkit-transform:scale(0.92,1.08); } 92%{ -webkit-transform:scale(1.04,0.96); } 96%{ -webkit-transform:scale(1.02,0.98); } 99%{ -webkit-transform:scale(1.01,0.99); } } .font-regular { font-family: "Montserrat Regular", "Montserrat", "Microsoft YaHei"; } .font-bold{ font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", "Microsoft YaHei"; } html, body { width: 100%; height: auto; font-family: "Montserrat Regular", "Montserrat", "Microsoft YaHei"!important; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; } @media (max-width: 767px) { .container { width: 100%; } .navBox { display: none; } .navBoxH5 { top: 60px; position: fixed !important; } .leftBox .advanced .bd .keyWords .inp { width: 100%; } .leftBox .advanced .bd .rangeBox { margin-top: 15px; padding: 0; } .leftBox .advanced .bd .narrowBox .narrowText, .leftBox .advanced .bd .topicBox .topicText, .leftBox .advanced .bd .datesBox .datesText, .leftBox .advanced .bd .tagsBox .tagsText { padding: 0; text-align: left !important; } .leftBox .advanced .bd .narrowBox .narrowChecked { padding: 0; margin-top: 10px; } .leftBox .advanced .bd .topicBox .topSelects, .leftBox .advanced .bd .datesBox .datesTime, .leftBox .advanced .bd .tagsBox .tagsSelects { padding: 0; } .rightBox { width: 100%; margin-top: 30px; } ::-webkit-scrollbar { display: none; } } @media (min-width: 768px) { .container { width: 100%; } .navBox { display: none; } .leftBox .advanced .bd .datesBox .form-control { width: 48%; } .leftBox .advanced .bd .narrowBox .checkbox-inline { margin-right: 20px; } .rightBox { width: 100%; margin-top: 30px; } } @media (min-width: 992px) { .container { width: 970px; } .navBox { display: block; } /* .navBoxH5 { display: none; } .rightBox { margin-top: 0; } */ } @media (min-width: 1200px) { .container { width: 1170px; } .leftBox .advanced .bd .datesBox .form-control { width: 48.5%; } .rightBox { width: calc(100% - 40px); } } @media (min-width: 1366px) { .container { width: 1230px; } .leftBox { width: calc(100% + 25px); } } #advancedSearch { width: 100%; height: auto; color: #333333; } #advancedSearch .navBox { width: 100%; height: 40px; background: #1a1a1f; box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.35); position: relative; z-index: 8; } #advancedSearch .navBox .nav { font-size: 16px; font-weight: bold; color: #FFFFFF; line-height: 40px; text-align: center; background-color: rgba(255, 255, 255, 0); font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", "Microsoft YaHei"; } #advancedSearch .navBox .nav:hover { background: #555555; cursor: pointer; } #advancedSearch .navBoxH5 { width: 100%; height: auto; box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.35); position: relative; z-index: 8; } #advancedSearch .navBoxH5 .menusIcon { width: 100%; height: 40px; background: #1a1a1f; color: #FFFFFF; cursor: pointer; display: flex; align-items: center; padding-left: 15px; } #advancedSearch .navBoxH5 .menusIcon .text { margin-left: 10px; font-size: 18px; } #advancedSearch .navBoxH5 .menusItem { width: 100%; height: auto; background: #f5f7fa; display: none; } #advancedSearch .navBoxH5 .menusItem .menu { width: 100%; height: 60px; line-height: 60px; font-size: 16px; font-weight: bold; color: #2a2a2a; border-top: 1px solid #cfd5e4; padding: 0 15px; font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", "Microsoft YaHei"; } #advancedSearch .navBoxFixed { position: fixed; top: 60px; } #advancedSearch .contentBox { margin-bottom: 100px; margin-top: 40px; } #advancedSearch .contentBox .leftBox .title { font-size: 32px; color: #3c9cd7; font-weight: bold; font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", "Microsoft YaHei"; } #advancedSearch .contentBox .leftBox .advanced { margin: 47px 0 0 0; } #advancedSearch .contentBox .leftBox .advanced .hd { border-bottom: 2px solid #AAAAAA; } #advancedSearch .contentBox .leftBox .advanced .hd .tab { font-size: 19px; color: #aaaaaa; font-weight: bold; font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", "Microsoft YaHei"; display: inline-block; margin-right: 40px; cursor: pointer; } #advancedSearch .contentBox .leftBox .advanced .hd .active { color: #333333; border-bottom: 5px solid #3c9cd7; padding-bottom: 5px; } #advancedSearch .contentBox .leftBox .advanced .bd { width: calc(100% - 40px); margin: 0 auto; } #advancedSearch .contentBox .leftBox .advanced .bd .keyWords { margin: 27px 0 0 0; overflow: hidden; } #advancedSearch .contentBox .leftBox .advanced .bd .keyWords .inp { height: 37px; color: #7F7F7F; font-size: 14px; border: 1px solid #aaaaaa; border-radius: 10px; padding-left: 20px; } #advancedSearch .contentBox .leftBox .advanced .bd .andOrwrong { margin: 15px 0 0 0; overflow: hidden; } #advancedSearch .contentBox .leftBox .advanced .bd .andOrwrong .andSelect { width: 85px; height: 37px; border-radius: 10px; border: 1px solid #aaaaaa; padding-left: 20px; outline: none; color: #7F7F7F; font-size: 14px; } #advancedSearch .contentBox .leftBox .advanced .bd .andOrwrong .inp { width: calc(100% - 100px); height: 37px; color: #7F7F7F; font-size: 14px; border: 1px solid #aaaaaa; border-radius: 10px; padding-left: 20px; margin-left: 10px; } #advancedSearch .contentBox .leftBox .advanced .bd .rangeBox { padding-right: 0; } #advancedSearch .contentBox .leftBox .advanced .bd .rangeBox .text { margin-right: 20px; font-size: 14px; color: #000000; } #advancedSearch .contentBox .leftBox .advanced .bd .rangeBox .select { width: calc(100% - 140px); height: 37px; color: #7F7F7F; font-size: 14px; border: 1px solid #aaaaaa; border-radius: 10px; padding-left: 20px; outline: none; overflow: hidden !important; text-overflow: ellipsis; white-space: nowrap; } #advancedSearch .contentBox .leftBox .advanced .bd .narrowBox { margin: 25px 0 0 0; } #advancedSearch .contentBox .leftBox .advanced .bd .narrowBox .narrowText { text-align: right; } #advancedSearch .contentBox .leftBox .advanced .bd .narrowBox .narrowText .text { font-size: 14px; font-weight: bold; font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", "Microsoft YaHei"; } #advancedSearch .contentBox .leftBox .advanced .bd .topicBox { margin: 25px 0 0 0; } #advancedSearch .contentBox .leftBox .advanced .bd .topicBox .topicText { text-align: right; } #advancedSearch .contentBox .leftBox .advanced .bd .topicBox .topicText .text { font-size: 14px; font-weight: bold; font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", "Microsoft YaHei"; line-height: 37px; } #advancedSearch .contentBox .leftBox .advanced .bd .topicBox .select2-selection { height: 37px; color: #7F7F7F; font-size: 14px; border: 1px solid #aaaaaa; border-radius: 10px; } #advancedSearch .contentBox .leftBox .advanced .bd .topicBox .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-top: 7px; } #advancedSearch .contentBox .leftBox .advanced .bd .datesBox { margin: 25px 0 0 0; } #advancedSearch .contentBox .leftBox .advanced .bd .datesBox .datesText { text-align: right; } #advancedSearch .contentBox .leftBox .advanced .bd .datesBox .datesText .text { font-size: 14px; font-weight: bold; font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", "Microsoft YaHei"; line-height: 37px; } #advancedSearch .contentBox .leftBox .advanced .bd .datesBox .form-control { background: #ffffff; display: inline-block; height: 37px; color: #7F7F7F; font-size: 14px; border: 1px solid #aaaaaa; border-radius: 10px; } #advancedSearch .contentBox .leftBox .advanced .bd .tagsBox { margin: 25px 0 0 0; } #advancedSearch .contentBox .leftBox .advanced .bd .journalBooksBox { margin: 25px 0 0 0; } #advancedSearch .contentBox .leftBox .advanced .bd .tagsBox .tagsText { text-align: right; } #advancedSearch .contentBox .leftBox .advanced .bd .journalBooksBox .tagsText { text-align: right; } #advancedSearch .contentBox .leftBox .advanced .bd .tagsBox .tagsText .text { font-size: 14px; font-weight: bold; font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", "Microsoft YaHei"; line-height: 37px; } #advancedSearch .contentBox .leftBox .advanced .bd .journalBooksBox .tagsText .text { font-size: 14px; font-weight: bold; font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", "Microsoft YaHei"; line-height: 37px; } #advancedSearch .contentBox .leftBox .advanced .bd .tagsBox .select2-selection { height: 37px; color: #7F7F7F; font-size: 14px; border: 1px solid #aaaaaa; border-radius: 10px; } #advancedSearch .contentBox .leftBox .advanced .bd .journalBooksBox .select2-selection { height: 37px; color: #7F7F7F; font-size: 14px; border: 1px solid #aaaaaa; border-radius: 10px; } #advancedSearch .contentBox .leftBox .advanced .bd .tagsBox .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-top: 7px; } #advancedSearch .contentBox .leftBox .advanced .btnBox { display: flex; justify-content: center; margin-top: 75px; } #advancedSearch .contentBox .leftBox .advanced .btnBox .searchBtn { width: 150px; height: 39px; background: #3c9cd7; color: #ffffff; font-size: 16px; font-weight: bold; font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", "Microsoft YaHei"; border-radius: 10px; display: block; cursor: pointer; display: inline-block; outline: none; } #advancedSearch .contentBox .leftBox .advanced .btnBox .searchBtn:hover { background: #0179c1; } #advancedSearch .contentBox .leftBox .advanced .btnBox .resetBtn { width: 150px; height: 39px; background: #ffffff; color: #3c9cd7; font-size: 14px; border: 1px solid #3c9cd7; font-weight: bold; font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", "Microsoft YaHei"; border-radius: 10px; display: block; cursor: pointer; display: inline-block; outline: none; margin-left: 30px; } #advancedSearch .contentBox .leftBox .advanced .btnBox .resetBtn:hover { background: #3c9cd7; color: #ffffff; } #advancedSearch .contentBox .leftBox .recentSearches { margin: 35px 0 0 0; background: #ffffff; border-radius: 10px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1), 1px 1px 2px 0px rgba(0, 0, 0, 0.1) inset; padding: 22px 26px; } #advancedSearch .contentBox .leftBox .recentSearches .tabs { border-bottom: 2px solid #AAAAAA; } #advancedSearch .contentBox .leftBox .recentSearches .tabs .tab { display: inline-block; font-size: 19px; border-bottom: 5px solid #3c9cd7; padding-bottom: 5px; font-weight: bold; font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", "Microsoft YaHei"; } #advancedSearch .contentBox .leftBox .recentSearches .lists { margin-top: 22px; } #advancedSearch .contentBox .leftBox .recentSearches .lists .list { font-size: 14px; color: #000000; margin-top: 10px; } #advancedSearch .contentBox .leftBox .recentSearches .lists .list .dot { display: inline-block; vertical-align: top; background: #3c9cd7; width: 8px; height: 8px; border-radius: 100%; margin-top: 6px; } #advancedSearch .contentBox .leftBox .recentSearches .lists .list .desc { display: inline-block; margin-left: 15px; vertical-align: top; width: calc(100% - 27px); cursor: pointer; } #advancedSearch .contentBox .leftBox .recentSearches .lists .list .desc:hover { text-decoration: underline; } #advancedSearch .contentBox .rightBox { height: auto; background: #ffffff; float: right; } #advancedSearch .contentBox .rightBox .name { width: 100%; height: 53px; line-height: 53px; background: #3c9cd7; color: #ffffff; font-size: 18px; font-weight: bold; font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", "Microsoft YaHei"; border-radius: 10px 10px 0 0; padding: 0 20px; } #advancedSearch .contentBox .rightBox .lists { padding: 33px 20px 8px; border: 1px solid #d7d7d7; border-radius: 0 0 10px 10px; } #advancedSearch .contentBox .rightBox .lists .list { margin-bottom: 25px; } #advancedSearch .contentBox .rightBox .lists .list .title { font-size: 14px; font-weight: bold; font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", "Microsoft YaHei"; cursor: pointer; } #advancedSearch .contentBox .rightBox .lists .list .title:hover { text-decoration: underline; } #advancedSearch .contentBox .rightBox .lists .list .desc { font-size: 14px; color: #757575; margin: 12px 0 0 0; } #advancedSearch .journalBooksSelects .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 37px; } #advancedSearch .journalBooksSelects .select2-container--default .select2-selection--single .select2-selection__arrow { height: 37px; }