/** 瀛椾綋 **/ /* @font-face { font-family: 'DIN2014'; font-display: swap; src: url('/gsfiles/css/fonts/DIN2014/ParaType-DIN2014.otf'), url('/gsfiles/css/fonts/DIN2014/ParaType-DIN2014.eot?#iefix') format('embedded-opentype'), url('/gsfiles/css/fonts/DIN2014/ParaType-DIN2014.woff2') format('woff2'), url('/gsfiles/css/fonts/DIN2014/ParaType-DIN2014.woff') format('woff'), url('/gsfiles/css/fonts/DIN2014/ParaType-DIN2014.ttf') format('truetype'), url('/gsfiles/css/fonts/DIN2014/ParaType-DIN2014.svg') format('svg'); } body, a { font-family: "Montserrat", "Poppins", sans-serif; } */ a, a:link, a:hover, a:visited{ color: #1D73DD; } .w-60 { width: 3.75rem; } .h-60 { height: 3.75rem; } .rounded-full { border-radius: 624.9375rem; } .w-full { width: 100%; } .h-full { height: 100%; } /* padding start */ .p-0 { padding: 0; } .p-10 { padding: 0.625rem; } .p-20 { padding: 1.25rem; } .p-30 { padding: 1.875rem; } .px-0 { padding-left: 0; padding-right: 0; } .px-10 { padding-left: 0.625rem; padding-right: 0.625rem; } .px-12 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-20 { padding-left: 1.25rem; padding-right: 1.25rem; } .px-30 { padding-left: 1.875rem; padding-right: 1.875rem; } .py-8 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-10 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-15 { padding-top: 0.9375rem; padding-bottom: 0.9375rem; } .py-20 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .pb-10 { padding-bottom: 0.625rem; } .pt-20 { padding-top: 1.25rem; } .pb-15 { padding-bottom: 0.9375rem; } .pr-20 { padding-right: 1.25rem; } /* padding end */ /* height start */ .h-full { height: 100%; } .h-screen { height: 100vh; } .min-h-0 { min-height: 0rem; } .min-h-40 { min-height: 2.5rem; } .min-h-46 { min-height: 2.875rem; } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .max-h-0 { max-height: 0rem; } .max-h-full { max-height: 100%; } .max-h-screen { max-height: 100vh; } .max-h-48 { max-height: 3rem; } .max-h-180 { max-height: 11.25rem; } .max-h-260 { max-height: 16.25rem; } .h-0 { height: 0rem; } .h-20 { height: 1.25rem; } .h-40 { height: 2.5rem; } .h-46 { height: 2.875rem; } .h-48 { height: 3rem; } .h-60 { height: 3.75rem; } .h-32 { height: 2rem; } .h-58 { height: 3.625rem; } .h-180 { height: 11.25rem; } .h-260 { height: 16.25rem; } /* height end */ /* margin start */ .m-0 { margin: 0; } .mx-12 { margin-left: 0.75rem; margin-right: 0.75rem; } .mx-20 { margin-left: 1.25rem; margin-right: 1.25rem; } .my-200 { margin-top: 12.5rem; margin-bottom: 12.5rem; } .my-12 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-30 { margin-top: 1.875rem; margin-bottom: 1.875rem; } .my-80 { margin-top: 5rem; margin-bottom: 5rem; } .my-4 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .mt-10 { margin-top: 0.625rem; } .mt-20 { margin-top: 1.25rem; } .mt-30 { margin-top: 1.875rem; } .mt-48 { margin-top: 3rem; } .mb-4 { margin-bottom: 0.25rem; } .mb-5 { margin-bottom: 0.3125rem; } .mb-10 { margin-bottom: 0.625rem; } .mb-15 { margin-bottom: 0.9375rem; } .mb-20 { margin-bottom: 1.25rem; } .mb-24 { margin-bottom: 1.5rem; } .mb-30 { margin-bottom: 1.875rem; } .mr-20 { margin-right: 1.25rem; } .ml-4 { margin-left: 0.25rem; } .mr-30 { margin-right: 1.875rem; } /* margin end */ .flex { display: flex; } .flex-col { flex-direction: column; } .items-center { align-items: center; } .rotate-90 { transform: rotate(90deg); } .rotate-down-90 { transform: rotate(-90deg); } .hidden { display: none; } /* button start */ .btn-lg { height: 3rem; font-size: 1rem; text-align: center; border-radius: 0; cursor: pointer; white-space: nowrap; } .btn-md { height: 2.375rem; font-size: 0.875rem; text-align: center; border-radius: 0; cursor: pointer; white-space: nowrap; } .btn-sm { height: 2rem; font-size: 0.75rem; text-align: center; border-radius: 0; cursor: pointer; white-space: nowrap; } .btn-primary-ghost-normal, .btn-primary-ghost-normal-cart { background-color: #fff; border: 1px solid #1D73DD; color: #1D73DD; } .btn-primary-ghost-hot, .btn-primary-ghost-normal:hover { border: 1px solid #004B95; color: #004B95; } .btn-primary-ghost-normal-cart:hover{ background-color: #F6F9FF !important; } .btn-primary-normal { background-color: #1D73DD; border: 1px solid #1D73DD; color: #fff; } .btn-primary-hot, .btn-primary-normal:hover { background-color: #004B95; border: 1px solid #004B95; color: #fff; } .btn-primary-ghost-hot.btn-md, .btn-primary-ghost-normal.btn-md:hover, .btn-primary-ghost-hot.btn-lg, .btn-primary-ghost-normal.btn-lg:hover { background-color: #F6F9FF !important; } .btn-default-normal { background-color: #fff; border: 1px solid #e6e7eb; color: #666; } .btn-default-hot, .btn-default-normal:hover { border: 1px solid #e6e7eb; color: #333; } .btn-success-normal { background-color: #3bac45; border: 1px solid #3bac45; color: #fff; } .btn-success-hot, .btn-success-normal:hover { background-color: #00923c; border: 1px solid #00923c; color: #fff; } .btn-success-ghost-normal { background-color: #fff; border: 1px solid #3bac45; color: #3bac45; } .btn-success-ghost-hot, .btn-success-ghost-normal:hover { border: 1px solid #00923c; color: #00923c; } .btn-success-ghost-hot.btn-md, .btn-success-ghost-normal.btn-md:hover, .btn-success-ghost-hot.btn-lg, .btn-success-ghost-normal.btn-lg:hover { background-color: #eaf7f6; } .btn-text-normal { font-size: 0.875rem; color: #1D73DD; cursor: pointer; border: 0; background: transparent; } .btn-text-hot, .btn-text-normal:hover { font-size: 0.875rem; color: #1D73DD; text-decoration: underline; cursor: pointer; } .btn-text-color-normal { font-size: 0.875rem; color: #292E33; cursor: pointer; border: 0; background: transparent; } .btn-text-color-hot, .btn-text-color-normal:hover { font-size: 0.875rem; color: #1D73DD; cursor: pointer; } .btn-warning-normal { background-color: #f6ab00; border: 1px solid #f6ab00; color: #fff; } .btn-warning-hot, .btn-warning-normal:hover { background-color: #f2b843; border: 1px solid #f2b843; color: #fff; } .btn-warning-ghost-normal { background-color: #fff; border: 1px solid #f2b843; color: #f2b843; } .btn-warning-ghost-hot, .btn-warning-ghost-normal:hover { background-color: #f6f9ff; border: 1px solid #f2b843; color: #f2b843; } .btn-warning-ghost-hot.btn-md, .btn-warning-ghost-normal.btn-md:hover, .btn-warning-ghost-hot.btn-lg, .btn-warning-ghost-normal.btn-lg:hover { background-color: #fffcf6; } .btn-ghost-normal { background-color: transparent; border: 1px solid transparent; color: #fff; } .btn-ghost-hot, .btn-ghost-normal:hover { background-color: #fff; border: 1px solid #fff; color: #000; } /* button end */ /* 瀵艰埅鑿滃崟 NavMenu start */ .nav-link, .card-link { text-decoration: none; } .navLink { display: flex; align-items: center; justify-content: space-between; } .navLink .nav-item, .navInset li, .navOuter li, .tabListByOrder li, .tabListByServe li, .collapseNormalInfo li, .collapseNormalSuccess li { list-style: none; } .collapseNormalInfo, .collapseNormalSuccess, .navInset, .second-menu, .navOuter ul, .tabListByOrder ul, .tabListByServe ul { padding: 0; } .navLink .nav-link { max-height: 3rem; padding: 1rem; text-align: center; font-size: 1rem; color: #666; } .navLink .active, .navLink .nav-link:hover { border-bottom: 0.1875rem solid #1d73dd; color: #1d73dd; } .link-box { height: 50rem; } /* 瀵艰埅鑿滃崟 NavMenu end */ /* 闀跺祵鑿滃崟 start */ .navInset .nav-title { display: flex; align-items: center; justify-content: space-between; cursor: pointer; height: 3rem; } .navInset .nav-title .iconfont { width: 1.25rem; font-size: 1.5rem; color: #333; } .navInset .nav-text { flex: 1; margin: 0 1.25rem; font-size: 1rem; color: #666; } .navInset .nav-link { padding: 1rem; font-size: 0.875rem; font-family: "Montserrat", "Poppins", sans-serif; color: #666; } .navInset .active, .navInset .nav-link:hover { color: #1D73DD; } /* 闀跺祵鑿滃崟 end */ /* 澶栫疆鑿滃崟 start */ .navOuter .navOuter-title { height: 3rem; line-height: 3rem; font-size: 1rem; } .navOuter .iconfont { width: 1.25rem; font-size: 1.5rem; color: #333; } .navOuter .title-text { font-size: 0.875rem; color: #666; } .navOuter .nav-title { display: flex; align-items: center; justify-content: space-between; height: 3rem; } .navOuter .nav-link { font-size: 0.875rem; color: #666; } .navOuter .active, .navOuter .nav-title:hover, .navOuter .nav-title:hover strong, .navOuter .nav-title:hover .iconfont, .navOuter .nav-link:hover, .navOuter .nav-link:hover .iconfont { color: #1D73DD; } /* 澶栫疆鑿滃崟 end */ /* 鏅€氶潰鏉?钃 缁 start */ .collapseNormalInfo .collapseNormalInfo-item, .collapseNormalSuccess .collapseNormalSuccess-item { margin-bottom: 0.25rem; border: 1px solid #D3D3D3; border-bottom: 0; } .collapseNormalInfo .collapse-title, .collapseNormalSuccess .collapse-title { display: flex; align-items: center; justify-content: space-between; height: 3rem; padding: 0 1.25rem; border-bottom: 0.0625rem solid #D3D3D3; } .collapseNormalInfo .collapse-title { background-color: #f6f9ff; } .collapseNormalSuccess .collapse-title { background-color: #eaf7f6; } .collapseNormalInfo .title-text, .collapseNormalSuccess .title-text { margin-right: 1.25rem; font-size: 1rem; color: #666; } .collapseNormalInfo .collapse-content, .collapseNormalSuccess .collapse-content { padding: 1.25rem; font-size: 1rem; color: #666; border-bottom: 0.0625rem solid #D3D3D3; } .collapseNormalInfo .content-title, .collapseNormalSuccess .content-title { font-size: 0.875rem; } .collapseNormalInfo .content-description, .collapseNormalSuccess .content-description { font-size: 0.875rem; line-height: 1.5; } /* 鏅€氶潰鏉?钃 缁 end */ /* 鍒嗛〉 start */ ._page_container { font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif; font-size: 0.8125rem; height: 1.75rem; line-height: 1.75rem; text-align: center; user-select: none; display: flex; align-items: center; } ._page_container input[type=number] { -moz-appearance: textfield; } ._page_container input[type=number]::-webkit-inner-spin-button, ._page_container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } ._page_container li { list-style: none; vertical-align: top; } ._page_container ._pages, ._page_container ._prev, ._page_container ._next, ._page_container ._home, ._page_container ._last, ._page_container ._jumper, ._page_container ._count, ._page_container ._jumper_input, ._page_container ._sizes, ._page_container ._sizes_text { display: inline-block; color: #606266; margin-bottom: 0; } ._page_container ._pages li { display: inline-block; color: #303133; font-weight: bold; min-width: 2rem; height: 1.875rem; line-height: 1.875rem; text-align: center; margin: 0 0.125rem; padding: 0 0.125rem; cursor: pointer; } ._page_container ._pages li:hover { color: #004B95; } ._page_container ._pages ._pager_prev { font-size: 1rem; } ._page_container ._pages ._pager_prev::before { content: "..."; } ._page_container ._pages ._pager_prev:hover { font-weight: normal; } ._page_container ._pages ._pager_prev:hover::before { content: "..."; } ._page_container ._pages ._pager_next { font-size: 1rem; } ._page_container ._pages ._pager_next::before { content: "..."; } ._page_container ._pages ._pager_next:hover { font-weight: normal; } ._page_container ._pages ._pager_next:hover::before { content: "..."; } ._page_container ._prev, ._page_container ._next, ._page_container ._home, ._page_container ._last { min-width: 2rem; height: 1.875rem; line-height: 1.875rem; font-size: 0.875rem; margin: 0 0.3125rem; cursor: pointer; } ._page_container ._prev:hover, ._page_container ._next:hover, ._page_container ._home:hover, ._page_container ._last:hover { color: #004B95; } ._page_container ._prev, ._page_container ._next { font-weight: bold; } ._page_container ._home, ._page_container ._last, ._page_container ._prev_text, ._page_container ._next_text { font-weight: normal; padding: 0 0.125rem; } ._page_container ._count { margin: 0 0.125rem; } ._page_container ._jumper { color: #606266; margin: 0 0.625rem; } ._page_container ._jumper ._jumper_input { font-size: 0.875rem; color: #606266; width: 3.125rem; height: 1.875rem; text-align: center; margin: 0 0.3125rem; padding: 0.1875rem; border: 1px solid #dcdfe6; background: none; outline: none; box-sizing: border-box; } ._page_container ._jumper ._jumper_input:focus { border-color: #004B95; } ._page_container ._sizes { position: relative; margin: 0 0.3125rem; } ._page_container ._sizes .icon_down { position: absolute; right: 0.5rem; top: 0.0625rem; font-size: 0.8125rem; color: #c0c4cc; cursor: pointer; transition: .3s; } ._page_container ._sizes ._sizes_text { width: 6.25rem; height: 2rem; line-height: 2rem; padding-left: 0.5rem; padding-right: 1.5625rem; border: 1px solid #dcdfe6; cursor: pointer; box-sizing: border-box; z-index: 10; } ._page_container ._sizes ._sizes_text:hover { border-color: #004B95; } ._page_container ._sizes ._sizes_select_container { position: absolute; left: 0; top: 3.125rem; background-color: #fff; box-shadow: 0 0.125rem 0.75rem 0 rgba(0, 0, 0, 0.1); transform: translateY(-6.25rem) scale(0); transition: .3s; } ._page_container ._sizes ._sizes_select_container::before { position: absolute; top: -0.375rem; left: 2.5rem; display: block; content: ''; clear: both; width: 0; height: 0; border-left: 0.4375rem solid transparent; border-right: 0.4375rem solid transparent; border-bottom: 0.4375rem solid #eee; } ._page_container ._sizes ._sizes_select_container::after { position: absolute; top: -0.3125rem; left: 2.5625rem; display: block; content: ''; clear: both; width: 0; height: 0; border-left: 0.375rem solid transparent; border-right: 0.375rem solid transparent; border-bottom: 0.375rem solid #fff; } ._page_container ._sizes ._sizes_select_container ._sizes_select { min-width: 6.875rem; max-height: 17.125rem; padding: 0.3125rem 0; overflow: auto; overflow-x: hidden; /*婊氬姩鏉℃暣浣撴牱寮?/ /*婊氬姩鏉¢噷闈㈠皬鏂瑰潡*/ /*婊氬姩鏉¢噷闈㈣建閬?/ } ._page_container ._sizes ._sizes_select_container ._sizes_select::-webkit-scrollbar { width: 0.25rem; height: 0.0625rem; } ._page_container ._sizes ._sizes_select_container ._sizes_select::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 0.3125rem rgba(0, 0, 0, 0.2); background: #999999; } ._page_container ._sizes ._sizes_select_container ._sizes_select::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0.3125rem rgba(0, 0, 0, 0.2); background: #f7f8fa; } ._page_container ._sizes ._sizes_select_container ._sizes_select ._sizes_select_li { height: 2.125rem; line-height: 2.125rem; cursor: pointer; } ._page_container ._sizes ._sizes_select_container ._sizes_select ._sizes_select_li:hover { background-color: #f5f7fa; } ._page_container ._sizes ._sizes_select_container ._sizes_select ._sizes_select_active { font-weight: bold; color: #004B95; background-color: #f5f7fa; } ._page_container ._sizes ._sizes_select_container_show { transform: translateY(0) scale(1); } ._page_container ._sizes_active { border-color: #004B95; } ._page_container ._sizes_icon_rotate { transform: rotate(180deg); } ._pages_1 li { background-color: #fff; border: 1px solid #D3D3D3; } ._prev_1, ._next_1, ._home_1, ._last_1 { background-color: #fff; border: 1px solid #D3D3D3; } ._active_1 { color: #1d73dd !important; border: 1px solid #1d73dd !important; } ._active_2 { color: #004B95 !important; } ._disabled { cursor: not-allowed !important; } ._disabled_c { color: #c0c4cc !important; } /* 鍒嗛〉 end */ /* 鍗$墖 start */ .cardList .card { box-shadow: 0 0rem 0.3125rem #b5aeae; border-radius: 0; } .cardList .card-title, .cardList .card-text { color: #333; } .cardList .text-muted { color: #999 !important; } .cardList .card-footer { border: 0; padding-top: 0; } .cardList .card-link { color: #999; } .cardList .card-link:hover, .cardList .card-link:hover span { color: #666 !important; } /* 鍗$墖 end */ /* 鏃犺竟妗嗘枒椹汗-琛ㄦ牸 start */ .noBorderTable, .basicTable ,.doubleHeadTable{ width: 100%; margin: 0.625rem 0; background-color: #fff; color: #333; } .noBorderTable thead tr, .basicTable thead tr, .noBorderTable th, .basicTable th { background-color: #F6F9FF; background-clip: padding-box; } .noBorderTable th, .basicTable th{ padding: .75rem 1.25rem; } .noBorderTable th, .noBorderTable td, .basicTable th, .basicTable td, .doubleHeadTable th,.doubleHeadTable td { border: 0; position: relative; min-height: 2.5rem; line-height: 1.5; font-size: .875rem; text-align: center; } .doubleHeadTable tr th{background: #F6F9FF;} .doubleHeadTable tr:first-child th{background: #90BBFB;} .doubleHeadTable .doubleHeadTable-th{background: #F6F9FF !important;} .noBorderTable td, .basicTable td, .doubleHeadTable th,.doubleHeadTable td{ padding: 0.625rem 1.25rem; font-size: 0.875rem; } .td-left td { text-align: left; } .td-right td { text-align: right; } .noBorderTable tr:nth-child(even) { background-color: #FAFAFA; } /* 鏃犺竟妗嗘枒椹汗-琛ㄦ牸 end */ /* 鏍囧噯琛ㄦ牸 start */ .basicTable th, .basicTable td , .doubleHeadTable th,.doubleHeadTable td { border: 1px solid #D3D3D3; } /* 鏍囧噯琛ㄦ牸 end */ /* Tab鍒囨崲鍒楄〃-鐢ㄤ簬璁㈣喘绯荤粺 start */ .tabListByOrder .tab-title { padding: 1.25rem; font-size: 1rem; color: #333; cursor: pointer; display: flex; align-items: center; justify-content: center; } .tabListByOrder .tab-active, .tabListByOrder .tab-title:hover { border-bottom: 0.1875rem solid #1D73DD; color: #1D73DD; } /* Tab鍒囨崲鍒楄〃-鐢ㄤ簬璁㈣喘绯荤粺 end */ /* Tab鍒囨崲鍒楄〃-鐢ㄤ簬鏈嶅姟璇︾粏椤甸潰 start */ .tabListByServe { position: relative; } .tabListByServe .tab-title { border: 1px solid #D3D3D3; border-bottom: none; padding: 0 1.25rem; height: 3.75rem; font-size: 1rem; color: #333; cursor: pointer; display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .tabListByServe .tabListByServe-title { z-index: 99; display: flex; margin-bottom: 0; max-width: 100%; overflow: auto; } .tabListByServe li.tab-title-item { margin-left: 3.75rem; } .tabListByServe li.tab-title-item:first-child { margin-left: 6.25rem } .tabListByServe .tabListByServe-content { display: flex; width: 100%; border-top: 0.0625rem solid #1D73DD; margin-top: -1px; } .tabListByServe .tabListByServe-content { z-index: 9; } .tabListByServe .tab-active { border: 1px solid #1D73DD; border-bottom: none; background-color: #fff; color: #1D73DD; } .tabListByServe .tab-title:hover { color: #1D73DD; } /* Tab鍒囨崲鍒楄〃-鐢ㄤ簬鏈嶅姟璇︾粏椤甸潰 end */ /* text color */ .text-red{ color: #F41D27; } .text-danger{ color: #F41D27; }