@font-face { font-family: "iconfont"; src: url('./iconfont/iconfont.eot'); /* IE9*/ src: url('./iconfont/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./iconfont/iconfont.woff') format('woff'), /* chrome, firefox */ url('./iconfont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('./iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ } a.ssqy:hover{ color: #a3c31d;} .new-sbjs-zljs{ display: flex; flex-flow: wrap; position: relative; } .new-sbjs{ width: 50%; max-width: 575px; margin:0 auto; background-color: #dfe8ee; } .new-sbjs p.title{ width: 90%; font-size: 24px; text-align: center; padding-top: 40px; padding-bottom: 20px; border-bottom: 1px #ddd solid; margin: 0 auto; } .new-sbjs .new-download-search{ width: 90%; margin: 0 auto; padding-right: 0px; margin-top: 30px; } .new-sbjs .new-download-search .iptxt{ background-color: #fff; border-radius: 18px; } .new-sbjs .new-download-search .ipbtn{ width: 135px; } .new-sbjs .sblb{ width: 90%; margin: 30px auto 0px auto; } .new-sbjs .sblb > span{ display: inline-block; background-image: url(/Public/images/xia-black.png); background-size: 12px 6px; background-repeat: no-repeat; background-position: center right; cursor: pointer; padding-right: 15px; } .new-footer{ margin-top: 20px; text-align: right; padding-bottom: 15px; } .new-footer .btn{ width: 250px; background: #a3c31d; margin: 0 auto; border-radius:18px; } .new-footer button{ width: 200px; background: #a3c31d; color: #fff; margin: 0 auto; display: block; text-align: center; height: 36px; line-height: 36px; font-size: 16px; border-radius:18px; } .new-footer button i{ font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .new-footer button i:before{ content: "\e6ae"; } .new-footer a{ color: #a3c31d; margin-right: 15px; } .new-footer a:hover{ color: #a3c31d; } .new-sbjs .new-download-foot{ margin-top: 30px; text-align: unset; width: 100%; padding: 0 3%; color:#000; font-size: 12px; } .new-sbjs .new-download-foot .ipcheck-item-out{ width: unset; float: unset; } .new-sbjs .new-download-foot .ipcheck-item-out:last-child{ margin-left: 59px; } .new-sbjs .new-download-foot .ipcheck-item-out > label{ font-size: 14px; line-height: 17px; } .new-sbjs .new-download-foot .ipcheck-item{ margin-right: 0px; } .new-sbjs .new-download-foot .ipcheck-item-out:first-child .ipcheck-item:last-child{ margin-right: 0px; } .new-sbjs .new-download-foot .ipcheck-item label{ padding-left: 2px; background:unset; line-height: 17px; } .new-sbjs .new-download-foot .ipcheck-item input[type="checkbox"]:checked + label{ background: unset; } .sblb-box{ width: 50%; background: #fff; z-index: 3; height: 350px; top: 235px; position: absolute; display: none; } .sblb-box .header{ display: block; border-bottom: 1px solid #bbb; padding: 10px 33px; font-size: 14px; } .sblb-box .header span:last-child{ float: right; color: #155683; cursor: pointer; } .sblb-box .mingxi{ padding-left: 30px; } .sblb-box .mingxi label{ display: inline-block; height: 15px; line-height: 15px; position: relative; width: 22%; padding: 5px 1%; } .new-sbjs-zljs input[type="checkbox"]{ width:15px; height:15px; display: inline-block; text-align: center; vertical-align: middle; position: relative; opacity: unset; } .new-sbjs-zljs input[type="checkbox"]::before{ content: ""; position: absolute; top: 0; left: 0; background: #dfe8ee; width: 100%; height: 100%; background-image: url(/Public/images/check1.png); } .new-sbjs-zljs input[type="checkbox"]:checked::before{ content: ""; background-color: #a3c31d; position: absolute; top: 0; left: 0; width:100%; color:#fff; font-size: 20px; font-weight: bold; background-image: url(/Public/images/check2.png); } .sblb-box .mingxi span{ display: inline-block; height: 15px; line-height: 15px; position: absolute; top: 6px; margin-left: 5px; } .new-sbjs .xuanzhong{ display: inline; margin-left: 20px; } .new-sbjs .xuanzhong label{ height: 15px; line-height: 15px; position: relative; width: 122px; display: inline-block; } .new-sbjs .xuanzhong span{ height: 15px; line-height: 15px; position: absolute; top: 1px; margin-left: 5px; } @media (max-width: 1173px){ .new-sbjs{ width: 100%; max-width: unset; margin-top: 30px; } .new-sbjs:first-child{ margin-top: unset; } } @media (max-width: 750px){ .new-sbjs .new-download-foot .ipcheck-item-out:last-child{ margin-left: 0px; } .sblb-box{ width: 100%; height: 450px; } .sblb-box .mingxi label{ width: 30%; } .new-sbjs .xuanzhong{ margin-left: -2px; } .new-sbjs .xuanzhong label{ width: 115px; } }