.download-popup{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 9999; display: none; } .download-popup-box{ width: 100%; height: 100%; position: relative; } .download-popup-con{ position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); padding: 0.5rem 0.4rem 0.3rem; background: #fff; } .download-popup-close{ position: absolute; top: 0.1rem; right: 0.1rem; z-index: 9999; background: url(../img/service/downoad-close.png) no-repeat center; background-size: cover; width: 0.3rem; height: 0.3rem; cursor: pointer; } .download-popup-close:hover{ opacity: 0.6; } .download-popup-title{ height: 0.6rem; font-size: 0.3rem; text-align: center; position: relative; } .download-popup-title::after{ content: ""; display: block; position: absolute; bottom: 0.1rem; padding: 0 16%; height: 0.02rem; left: 50%; transform:translateX(-50%); background-color: #5934f2; } .form-box{ display: block; } .form-item{ margin-bottom: 0.1rem; } .form-text{ font-size: 0.16rem; height: 0.4rem; line-height: 0.4rem; color: #ccc; } .form-text span{ font-size: 0.14rem; font-family: MicrosoftYaHei-, MicrosoftYaHei; font-weight: normal; color: rgba(255, 25, 25, 1); } input::-webkit-input-placeholder { /* WebKit browsers锛寃ebkit鍐呮牳娴忚鍣 */ color: #ccc; font-size: 0.16rem; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; font-size: 0.16rem; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc; font-size: 0.16rem; } input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc; font-size: 0.16rem; } .form-input{ height: 0.5rem; width: 5rem; line-height: 0.5rem; font-size: 0.18rem; } .form-input>input{ width: 100%; height: 100%; padding: 0 0.2rem; color: #000; border: 0.01rem solid #ccc; border-radius: 0.04rem; } .form-submit{ font-size: 0.2rem; padding: 0.14rem; background: #5934f2; width: 2rem; text-align: center; margin: auto; margin-top: 0.2rem; color: #fff; border-radius: 0.04rem; cursor: pointer; } .form-submit:hover{ opacity: .6; } /* 涓嬭浇涓績鍒楄〃 */ .download_list { display: flex; align-items: self-start; padding: 0.4rem 3.6rem 0.8rem; } .download_title { display: flex; align-items: center; } .dt_left { width: 0.07rem; height: 0.3rem; background: #4C2EEB; margin-right: 0.16rem; } .dt_rig { font-size: 0.24rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #333333; line-height: 0.24rem; } .download_con { width: 100%; border-left: 0.01rem solid #DDDDDD; padding-left: 0.32rem; padding-top: 0.24rem; } .download_k { border: 0.01rem solid #E2E2E2; width: 100%; margin-top: 0.24rem; } .downloadk_title { height: 0.56rem; padding-left: 0.24rem; background: #FBFBFB; font-size: 0.16rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #333333; line-height: 0.56rem; } .downloadkc_k { border-top: 0.01rem solid #E2E2E2; padding: 0.2rem 0.24rem; display: flex; align-items: center; justify-content: space-between; } .downloadkc_kleftone { font-size: 0.14rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #333333; } .downloadkc_klefttwo { margin-top: 0.14rem; font-size: 0.12rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #999999; } .downloadkc_kright { display: flex; align-items: center; justify-content: center; width: 1.08rem; height: 0.4rem; border-radius: 0.04rem 0.04rem 0.04rem 0.04rem; border: 0.01rem solid #4C2EEB; } .download_logo img { width: 0.18rem; margin-right: 0.08rem; } .download_p { font-size: 0.16rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #4C2EEB; } /* 涓嬭浇涓績鍒楄〃 end*/ /* 鍙嶉琛ㄥ崟 */ .feedback { padding: 0.64rem 3.6rem 0.8rem; display: flex; align-items: center; } .feedbackleft_title { font-size: 0.36rem; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #333333; line-height: 0.76rem; } .feedbackleft_text { margin-top: 0.56rem; font-size: 0.2rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #666666; line-height: 0.48rem; width: 5.24rem; } .number { margin-top: 0.2rem; } .number_k { padding: 0.39rem 1.01rem 0.37rem; margin-top: 0.32rem; height: 1.76rem; background: #FFFFFF; border-radius: 0.16rem 0.16rem 0.16rem 0.16rem; border: 0.01rem solid #CBCBCB; display: flex; align-items: center; } .numberk_left { width: 1rem; height: 1rem; margin-right: 0.24rem; } .numberk_left img { width: 100%; height: 100%; object-fit: cover; } .numberkr_one, .counter { font-size: 0.44rem; font-family: Poppins-Medium, Poppins; font-weight: 500; color: #4C2EEB; line-height: 0.48rem; } .numberkr_two { margin-top: 0.04rem; font-size: 0.2rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #666666; line-height: 0.48rem; } .feedback_right { margin-left: 0.4rem; width: 6.36rem; background: #F5F5F5; border-radius: 0.08rem 0.08rem 0.08rem 0.08rem; padding: 0.4rem 0.32rem; } .fr_title { display: flex; align-items: center; } .frt_left { width: 0.07rem; height: 0.3rem; background: #4C2EEB; margin-right: 0.16rem; } .frt_right { font-size: 0.24rem; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #333333; line-height: 0.24rem; } .fr_from { margin-top: 0.08rem; } .fr_fromtop { display: flex; align-items: center; flex-wrap: wrap; } .frft_k { margin-right: 0.24rem; width: 2.74rem; margin-top: 0.24rem; } .frft_k:nth-child(2n) { margin-right: 0; } .frft_k span { font-size: 0.16rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: rgba(255, 25, 25, 1); line-height: 0.25rem; } .frft_k input { margin-top: 0.14rem; width: 2.74rem; height: 0.46rem; background: #FFFFFF; border-radius: 0.04rem 0.04rem 0.04rem 0.04rem; border: 0.01rem solid #B8C4D1; padding-left: 0.16rem; font-size: 0.14rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #999999; line-height: 0.25rem; } .fr_frombot .frft_k { width: 5.72rem; } .fr_frombot textarea { width: 100%; margin-top: 0.14rem; padding-left: 0.16rem; padding-top: 0.15rem; font-size: 0.15rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #999999; line-height: 0.25rem; background: #FFFFFF; border-radius: 0.04rem 0.04rem 0.04rem 0.04rem; border: 0.01rem solid #B8C4D1; } .form_bottom { margin: 0 auto; margin-top: 0.4rem; width: 2.4rem; height: 0.56rem; background: #4C2EEB; border-radius: 0.08rem 0.08rem 0.08rem 0.08rem; font-size: 0.22rem; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #FFFFFF; line-height: 0.56rem; text-align: center; } /* 鍙嶉琛ㄥ崟 end*/ @media only screen and (max-width: 1024px) { .download_list{ padding: 0.4rem 0.3rem 0.8rem; } .downloadkc_k{ display: block; } .downloadkc_klefttwo{ font-size: 0.24rem; line-height: .36rem; } .downloadkc_kright{ margin-top: .15rem; } .feedback{ padding: 0.64rem 0.3rem 0.8rem; display: block; } .feedbackleft_title{ font-size: .32rem; } .feedbackleft_text{ width: 100%; font-size: .28rem; margin-top: 0; } .numberkr_one, .counter{ font-size: .4rem; } .numberkr_two{ font-size: .24rem; } .feedback_right{ margin-left: 0; width: 100%; margin-top: 0.3rem; } .frt_right{ font-size: .3rem; } }