[class^=e_][required] .p_label::before { color: red; content: "*"; } .s_form_layout1 .text-danger{display:inline-block} .s_form_layout1 *[class^="e_"][required] .p_label::before { font-size: 12px; top: 0; padding: 0; } .p_required, [class^=e_][required] .p_label::before{ vertical-align: middle; font-size: 1.4em; line-height: 100%; top: 0.15em; padding-left: 5px; position: relative; font-weight: 700;} label{margin:7px 0!important} .s_form_layout1 .invalid-feedback{display:none!important} .s_form_layout1 input.s_input{height:45px;border-radius: 5px!important;} .form-group{margin-top:8px;margin-bottom:0} .df_yz input{width:calc(100% - 150px)} .form-group .btn{margin-top:0; font-size: 12px; width: 140px; padding: 0 20px; line-height: 45px; height: 45px; border-radius: 5px; background-image: linear-gradient(45deg, #1d82d6, #02b4ee); margin-top: 0; color: #fff;} .df_yz{display: flex;justify-content: space-between;align-items: center;margin-top: 8px;} .submit .e_formBtn-21{height:auto;font-size:14px;} .submit .e_formBtn-21 span{font-size:14px;} .submit a{font-size:14px;} .e_agreement-22 .p_label{display:none} .form-check-inline .form-check-input{margin-right:8px;width: 16px;height: 16px;} .form-control:focus { outline: 0; box-shadow: none; border: 1px #bbbbbb solid; } .page_jump{display:none} .p_filter_key{display:none} .p_date_range input { border: 1px #bbbbbb solid; height: 0.5rem; border-radius: 0.1rem; -webkit-border-radius: 0.1rem; -moz-border-radius: .1rem; -ms-border-radius: .1rem; -o-border-radius: .1rem; padding: 0 0.2rem; width:auto!important; background: url(/repository/portal-local/ngc202204150002/cms/image/e110eba4-5d68-401f-b337-edb70a07e95a.png?d=1657531741378)no-repeat 95% center; } .e_loop-6 .p_input_match{ border: 1px #bbbbbb solid!important;border-radius: 0.1rem!important; -webkit-border-radius: 0.1rem!important;width: 3.8rem!important;padding-right: 50px!important;} .e_loop-6 .p_filter_wrapper{display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;} .e_loop-6 .p_v_item{margin-right: 3px!important;position: relative;} .e_loop-6 .p_v_item .f_search{ position: absolute; right: 0; top: 0; bottom: 0; width: 50px; cursor: pointer; background: url(/repository/portal-local/ngc202204150002/cms/image/bb378993-6468-4ec6-bfbf-adbb6ca6c87a.png?d=1657794402221)no-repeat center; background-size: 16px;} .e_loop-6 .p_v_item .f_search::after{ content: ''; display: block; position: absolute; left: 0; top: 25%; bottom: 25%; width: 1px; background-color:#eee ; } .e_loop-6 .p_kv_wrapper{margin: 0!important;} .e_loop-6 .p_page{margin: 0.9rem 0;} .page_a.current{background-image: linear-gradient(45deg, #1d82d6, #02b4ee); border-width: 1px; background-color: transparent; border-color: transparent; } .pub-content { margin-top: .6rem; padding-bottom: 1.2rem; } .sib { margin-left: .6rem; width: 3.4rem; } .sib .public-title { margin-top: 0; border-bottom: 1px #eeeeee solid; } .sib .public-title .title { padding-bottom: .2rem; } .sib .public-title .title::after { left: 0; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); bottom: 0; } .hot-tags { overflow: hidden; border-radius: .1rem; -webkit-border-radius: .1rem; -moz-border-radius: .1rem; -ms-border-radius: .1rem; -o-border-radius: .1rem; padding: .3rem .2rem; } .hot-tags a { margin-top: .2rem; border: 1px #eee solid; border-radius: .06rem; -webkit-border-radius: .06rem; -moz-border-radius: .06rem; -ms-border-radius: .06rem; -o-border-radius: .06rem; padding: .05rem .15rem; margin-right: .15rem; } .tj { overflow: hidden; border-radius: .1rem; -webkit-border-radius: .1rem; -moz-border-radius: .1rem; -ms-border-radius: .1rem; -o-border-radius: .1rem; padding: .3rem .2rem; margin-bottom: .4rem; } .tj ul { margin-top: .15rem; } .tj li { padding-left: 15px; line-height: .5rem; } .tj li::after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 5px; height: 5px; background-color: #eeeeee; } .pic-list { margin-top: .6rem; } .pic-list li { overflow: hidden; border-radius: .1rem; -webkit-border-radius: .1rem; -moz-border-radius: .1rem; -ms-border-radius: .1rem; -o-border-radius: .1rem; margin-top: .3rem; width: 100%; } .pic-list li .pic { width: 3rem; height: 2.1rem; overflow: hidden; } .pic-list li .pic img { width: 100%; } .pic-list li .pic a { width: 100%; height: 100%; } .pic-list li .text-content { min-width: 0; padding: .2rem .4rem; } .pic-list li .tit { overflow: hidden; min-width: 0; font-weight: bold; } .pic-list li .txt { margin-top: .08rem; margin-bottom: .08rem; } .pic-list li .tags span { background-color: #eeeeee; border-radius: .1rem; -webkit-border-radius: .1rem; -moz-border-radius: .1rem; -ms-border-radius: .1rem; -o-border-radius: .1rem; padding: .05rem .1rem; margin-right: 7px; } .pic-list .down { padding: .03rem .15rem; border-radius: .1rem; -webkit-border-radius: .1rem; -moz-border-radius: .1rem; -ms-border-radius: .1rem; -o-border-radius: .1rem; margin-right: .25rem; } .details .body { max-width: 100%; } .details .body h1 { margin: 0; font-size: .36rem; font-weight: normal; line-height: 1.5; } .details .body .info { margin-top: .3rem; } .details .body .info .time { margin-right: .3rem; } .details .body .info .share a { width: .3rem; height: .3rem; background-position: center; background-repeat: no-repeat; background-size: 100%; } .details .body .info .share a .erwma { position: absolute; border-radius: .05rem; -webkit-border-radius: .05rem; -moz-border-radius: .05rem; -ms-border-radius: .05rem; -o-border-radius: .05rem; width: 1.5rem; height: 1.5rem; padding: .05rem; left: .4rem; top: -.1rem; display: none; } .details .body .info .share .erwma img { width: 100%; } .details .body .tags { margin-top: .3rem; border-bottom: 1px #eee solid; padding-bottom: .4rem; flex-wrap: wrap; } .details .body .tags a { border: 1px #eee solid; border-radius: .03rem; -webkit-border-radius: .03rem; -moz-border-radius: .03rem; -ms-border-radius: .03rem; -o-border-radius: .03rem; padding: 0 .08rem; margin-left: .1rem; margin-bottom: .1rem; } .details .body .tags span{margin-bottom: .1rem;} .details .body .content { margin-top: .3rem; } .details .body .content p { text-indent: .32rem; } .details .body .content img { max-width: 100%; } .details .body .prev-next { margin-top: .3rem; border-top: 1px #eee solid; padding-top: .4rem; } .details .body .prev-next .btn { margin-top: 0; } .details .body .prev-next a.ellipsis { width: 3rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: 1.5; height: 1.5em; } .details .body .down { margin-top: 0; } .details .body .down img { margin-left: .1rem; margin-right: 0; } .marks { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); z-index: 190; display: none; } .pop-content { border-radius: .15rem; -webkit-border-radius: .15rem; -moz-border-radius: .15rem; -ms-border-radius: .15rem; -o-border-radius: .15rem; padding: .6rem .4rem; position: fixed; left: 50%; top: 50%; max-height: 90%; overflow-x: hidden; overflow-y: auto; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 191; line-height: 1.5; color: #333; } .pop-details { width: 13rem; } .pop-details .time { margin-top: .2rem; } .pop-details .tags { margin-top: .2rem; } .pop-details .tags a { background-color: #eeeeee; border-radius: .08rem; -webkit-border-radius: .08rem; -moz-border-radius: .08rem; -ms-border-radius: .08rem; -o-border-radius: .08rem; padding: .05rem .15rem; font-size: 14px; margin-right: .2rem; } .pop-details .body { background-color: #eeeeee; border-radius: .15rem; -webkit-border-radius: .15rem; -moz-border-radius: .15rem; -ms-border-radius: .15rem; -o-border-radius: .15rem; padding: .4rem; margin-top: .4rem; } .pop-details .body .text { line-height: 1.8; } .pop-details .more { margin-top: .4rem; } .pop-details .more a { color: #0080cc; text-decoration: underline; } .pop-details .submit { margin-top: .6rem; } .pop-details .submit a { width: 1.6rem; line-height: .5rem; border-radius: .1rem; -webkit-border-radius: .1rem; -moz-border-radius: .1rem; -ms-border-radius: .1rem; -o-border-radius: .1rem; } .pop-details .submit a:last-child { background-color: #f4f7fa; margin-left: .2rem; } .pop-down { width: 11.3rem; } .pop-down .title { padding-bottom: .2rem; } .pop-down .title::after { content: ''; position: absolute; left: 0; bottom: 0; height: 4px; width: .6rem; background-color: #c0aa8b; } .pop-down .item { width: 46%; } .pop-down .item .erwma { border-radius: .1rem; -webkit-border-radius: .1rem; -moz-border-radius: .1rem; -ms-border-radius: .1rem; -o-border-radius: .1rem; padding: .2rem; margin-top: .3rem; } .pop-down .item .erwma img { height: 1.45rem; } .pop-down .item .txt { margin-top: .1rem; } .pop-down .item .pic { width: 100%; background: url(/repository/portal-local/ngc202204150002/cms/image/d3d88306-f3d2-4b2d-b6af-57faad375644.jpg?d=1663222551052)no-repeat center; background-size: cover; height: 2.2rem; border-radius: .1rem; -webkit-border-radius: .1rem; -moz-border-radius: .1rem; -ms-border-radius: .1rem; -o-border-radius: .1rem; align-items: flex-end; padding: .2rem; margin-top: .3rem; } .pop-form { width: 7.8rem; } .pop-form .text { border-bottom: 1px #eeeeee solid; padding-bottom: .2rem; } .pop-form .form-group .group { margin-top: .15rem; } .pop-form .form-group .group .tit em { font-style: normal; color: #cf0000; } .pop-form .form-group .group .input { margin-top: .1rem; overflow: hidden; } .pop-form .form-group .group .input input { height: .6rem; width: 100%; padding: 0 .2rem; border-radius: .1rem; -webkit-border-radius: .1rem; -moz-border-radius: .1rem; -ms-border-radius: .1rem; -o-border-radius: .1rem; border: 1px #eee solid; } .pop-form .form-group .group button { background-color: #f4f7fa; width: 1.9rem; border-radius: .1rem; -webkit-border-radius: .1rem; -moz-border-radius: .1rem; -ms-border-radius: .1rem; -o-border-radius: .1rem; border: 0; color: #0081cc; margin-left: .2rem; } .pop-form .form-group .txt { margin-top: .2rem; } .pop-form .form-group .txt a { color: #0081cc; text-decoration: underline; } .pop-form .submit { margin-top: .6rem; } .pop-form .submit a { width: 1.6rem; line-height: .5rem; border-radius: .1rem; -webkit-border-radius: .1rem; -moz-border-radius: .1rem; -ms-border-radius: .1rem; -o-border-radius: .1rem; } .pop-form .submit a:last-child { background-color: #f4f7fa; margin-left: .2rem; } .pop-success { padding: 0; width: 7rem; } .pop-success .title { line-height: .6rem; } .pop-success .content { padding: .3rem .4rem .5rem .4rem; } .pop-success .pic { margin-top: .2rem; } .pop-success .pic img { width: 1.13rem; } .pop-success .text { margin-top: .2rem; } .pop-success .text span { color: #0081cc; } .pop-see { width: 6rem; } .pop-see .pop-close { position: absolute; right: .2rem; top: 40%; width: .2rem; height: .2rem; background: url(/repository/portal-local/ngc202204150002/cms/image/e48c2bfc-a6f1-4ccf-97e3-9ee7fc584a50.png?d=1663222561219)no-repeat center; background-size: 100%; cursor: pointer; } .pop-see .pic img { width: 4.8rem; } .pop-see .txt { margin-top: .4rem; font-weight: 600; } .pop-see .submit { margin-top: .4rem; } .pop-see .submit a { width: 1.6rem; line-height: .5rem; border-radius: .1rem; -webkit-border-radius: .1rem; -moz-border-radius: .1rem; -ms-border-radius: .1rem; -o-border-radius: .1rem; } .pop-see .submit a:last-child { background-color: #f4f7fa; margin-left: .2rem; } input:disabled+label { /*禁用的指针*/ cursor: not-allowed } .Checkbox input { display: none } .Checkbox label { padding: 0 16px 0 0; display: inline-block; cursor: pointer; position: relative } .Checkbox label:before { box-sizing: border-box; content: ""; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #999; margin: 0 8px; vertical-align: middle; display: inline-block; transition: 0.1S; } .Checkbox input:disabled+label:before { background-color: #CCC; border-color: #999; opacity: 0.5; } .Checkbox input:disabled+label { opacity: 0.5; } .Checkbox label:before { border-radius: 4px; transition: 0.2S; } .Checkbox input:checked+label:before { border-color: #00a4ff; } .Checkbox input:checked+label::after { content: ''; position: absolute; left: 10px; top: 27%; width: 12px; height: 6px; border-left: 2px #00a4ff solid; border-bottom: 2px #00a4ff solid; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); } @media (min-width:1025px) { .pic-list li:hover .pic img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .details .body .info .share a:hover .erwma { display: block; } } @media (max-width:1199px) { .sort .date input, .sort .search { height: .8rem; } .sort .search { width: 6rem; } .sort .search button { width: .8rem; background-size: .24rem; } /* .sib, */ .pic-list li .pic img { display: none; } .pic-list li { margin-top: .5rem; } .pic-list li .pic { width: 5rem; height: 3.5rem; } .details .body { margin-right: 0; } .details .body h1 { font-size: .48rem; } .details .body .info .share a { width: .5rem; height: .5rem; } .pop-details, .pop-form, .pop-down { width: 90%; } .pop-details .submit a, .pop-form .submit a, .pop-see .submit a { width: 2.4rem; line-height: .8rem; } .pop-down .item .pic { height: 3.2rem; } .pop-down .item .erwma img { height: 2.4rem; } .pop-form .form-group .group .input input { height: .8rem; } .pop-form .form-group .group button { width: 3.6rem; } .pop-success { width: 50%; } .pop-success .title { line-height: .8rem; } .pop-success .pic img { width: 1.8rem; } .pop-see .pic img { width: 7rem; } } @media (max-width:950px) { .details .body .tags{flex-wrap: wrap;} .sort .date input, .sort .search { height: 1rem; } .sort .search { width: 7rem; } .sort .search button { width: 1rem; background-size: .32rem; } .question li button { padding-right: .45rem; } .pic-list li .text-content { padding: .3rem .5rem; } .pic-list li .pic { width: 7rem; height: 4.8rem; } .pic-list li .txt { margin: .25rem 0; } .details .body h1 { font-size: .62rem; } .details .body .info .share a { width: .6rem; height: .6rem; } .details .body .tags a { padding: 0 .1rem; margin: 0.1rem; } .pop-details .submit a, .pop-form .submit a, .pop-see .submit a { width: 2.8rem; line-height: 1rem; } .pop-form .form-group .group .input input { height: 1.2rem; } .pop-success { width: 70%; } .pop-success .title { line-height: 1.2rem; } .pop-success .pic img { width: 2.4rem; } .pop-success .content { padding: .5rem; } .pop-see .pic img { width: 9rem; } } @media (max-width:767px) { .details .body .prev-next a{width:100%!important} .in-con{width: 100%; flex-flow: column;} .in-con .flex-1{width:100%} .details .body .down{margin-top:8px} .details .body .prev-next .btn { order: 1; margin-top: .6rem; line-height: 2rem; } #c_static_001-1661926944818 .e_loop-6 .p_kv_wrapper{width:100%;} #c_static_001-1661926944818 .e_loop-6 .p_filter_value{width:100%;} #c_static_001-1661926944818 .e_loop-6 .js-value-list{width:100%;} #c_static_001-1661926944818 .e_loop-6 .p_v_item{width:100%;} #c_static_001-1661926944818 .e_loop-6 .form-control{width: calc(50% - 20px)!important; margin: 0!important;} #c_static_001-1661926944818 .e_loop-6 .p_split{width: 32px; margin: 0!important; text-align: center; display: inline-block;} #c_static_001-1661926944818 .e_loop-6 .p_input_match{width:100%!important} #c_static_001-1661926944818 .e_loop-6 .p_filter_value{margin-top:15px} .pub-content { flex-direction: column; } .pub-content .sib { width: 100%; margin: 0; margin-top: 0.4rem; } .pub-content .sib .hot-tags { display: none; } .tj li { line-height: 1rem; } } @media (max-width:480px) { .sort .date input, .sort .search { height: 1.8rem; } .sort .search { width: 100%; margin-left: 0; height: 1.8rem; margin-top: .6rem; } .sort .search button { width: 2rem; background-size: .78rem; } .question li button { padding-right: .8rem; } .question li { padding: .6rem .8rem; } .pic-list li { margin-top: .8rem; } .pic-list li .pic { width: 8rem; height: 5.8rem; } .pic-list li .txt { margin-top: 0; } .sort .search input[type='text'] { width: 100%; } .details .body h1 { font-size: .88rem; } .details .body .prev-next { flex-flow: column; } .details .body .in-con { flex-flow: column; align-items: flex-start; } .details .body .info .share a { width: 1.2rem; height: 1.2rem; } .zhuan li .tags { display: none; } .pop-down .title { padding-bottom: .8rem; } .pop-down .title::after { width: 1.8rem; } .pop-details .submit a, .pop-form .submit a, .pop-see .submit a { width: 4.8rem; line-height: 1.6rem; } .pop-details .body { padding-left: .8rem; padding-right: .8rem; } .pop-down { width: 90%; } .pop-down .item { width: 100%; margin-top: .8rem; } .pop-down .item .erwma { padding: .8rem; } .pop-down .item .erwma img { height: 6rem; } .pop-down .item .txt { margin-top: .6rem; } .pop-down .item .pic { height: 9rem; margin-top: .8rem; padding: .6rem; } .pop-form .text { padding-bottom: .6rem; } .pop-form .form-group .group .input input { height: 2.2rem; } .pop-form .form-group .group button { width: 7rem; } .pop-form .form-group .group, .pop-form .form-group .txt { margin-top: .6rem; } .pop-success { width: 90%; } .pop-success .title { line-height: 2.8rem; } .pop-success .pic img { width: 4rem; } .pop-success .content { padding: .8rem; } .pop-see .pic img { width: 13rem; } .pub-content .sib { display: block; width: 100%; margin-left: 0; margin-top: 1rem; } .hot-tags .content { padding: .6rem; } .sib .public-title .title { margin-left: .6rem; } .hot-tags a { margin: .3rem 0; margin-right: .6rem; } .tj li { line-height: 1.8rem; } } @media (max-width:375px) { .pop-content{height:420px} }