@charset "utf-8"; /*全局样式*/ body{padding: 0;margin: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;} div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0;} ul{list-style: none;} a{text-decoration: none;color: #333;transition: 0.3s;-webkit-transition: 0.3s;} i,em{font-style: normal;} img{display: inline-block;max-width: 100%;height: auto;} /*去掉 input 默认边框*/ input{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;} input[type="submit"]{background-color: transparent;cursor: pointer;} /*去掉 textarea 默认边框*/ textarea{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;} /*去掉 button 默认边框*/ button{border: 0;padding: 0;background-color: transparent;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;cursor: pointer;} /*清除浮动*/ .clearfix:after{content: '';display: table;clear: both;} .clearfix{*zoom: 1;/*IE6识别*/} /*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/ input,textarea{outline: none;} /*清除ios端 input,textarea 默认内阴影 默认圆角*/ input[type="text"],input[type="password"],input[type="submit"],input[type="search"],textarea{appearance: none;-webkit-appearance: none;border-radius: 0;} /*自定义 input,textarea 的placeholder文字样式*/ input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #ccc;} /*常用盒模型*/ /**{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}*/ /*滚动条*/ body *::-webkit-scrollbar{width: 2px;height: 2px;background: #eee;border-radius: 2px;} body *::-webkit-scrollbar-thumb{background: #009adc;border-radius: 2px;} /*常用宽度*/ .w1400{position: relative;width: 96%;margin: 0 auto;height: 100%;max-width: 1400px;} .w1300{position: relative;width: 96%;margin: 0 auto;height: 100%;max-width: 1300px;} .w1280{position: relative;width: 96%;margin: 0 auto;height: 100%;max-width: 1280px;} .w1200{position: relative;width: 96%;margin: 0 auto;max-width: 1200px;} .w1100{position: relative;width: 96%;margin: 0 auto;height: 100%;max-width: 1100px;} .w1000{position: relative;width: 96%;margin: 0 auto;height: 100%;max-width: 1000px;} /*常用过渡*/ .tran300{-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;} .tran400{-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;} .tran500{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;} /*常用缩放*/ .scale105:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);} .scale110:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} /*常用浮动*/ .fl{float: left;} .fr{float: right;} /*底部按钮通用样式*/ .btns-area{font-size: 0;text-align: center;} .btns-area .btn{display: inline-block;padding: 0 2em;margin: 0 10px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;font-size: 16px;line-height: 34px;color: #333;cursor: pointer;} .btns-area .btn img{display: inline-block;vertical-align: middle;margin: -3px 6px 0 0;} .btns-area .btn:hover{opacity: .9;} /*按钮hover动效1*/ .hover-btn{z-index: 1;position: relative;display: inline-block;padding: 0 2em;background-color: transparent;border: 1px solid #ccc;border-radius: 0;font-size: 16px;line-height: 34px;color: #333;cursor: pointer;} .hover-btn:after{content: "";z-index: -1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #009adc;transform: scaleX(0);transition: 0.3s;} .hover-btn:hover{color: #fff;} .hover-btn:hover:after{transform: scaleX(1);} /*自定义单选框input[type="radio"]样式*/ .custom-input label{display: inline-block;cursor: pointer;} .custom-input input[type="radio"]{width: 1px;height: 1px;margin: 0;opacity: 0;} .custom-input input[type="radio"] + em{position: relative;display: inline-block;width: 16px;height: 16px;margin: -2px 8px 0 0;background-color: #fff;border: 1px solid #ccc;border-radius: 50%;vertical-align: middle;cursor: pointer;} .custom-input input[type="radio"] + em:before{content: '';position: absolute;left: 50%;top: 50%;width: 6px;height: 6px;border-radius: 50%;transform: translate(-50%,-50%);} .custom-input input[type="radio"]:checked + em{background-color: #009adc;border-color: #009adc;} .custom-input input[type="radio"]:checked + em:before{background-color: #fff;} .custom-input input[type="radio"] + em:hover{border-color: #009adc;} /*自定义多选框input[type="checkbox"]样式*/ .custom-input input[type="checkbox"]{width: 1px;height: 1px;margin: 0;opacity: 0;} .custom-input input[type="checkbox"] + em{position: relative;display: inline-block;width: 16px;height: 16px;margin: -2px 8px 0 0;background-color: #fff;border: 1px solid #ccc;vertical-align: middle;cursor: pointer;} .custom-input input[type="checkbox"] + em:before{content: '';position: absolute;left: 50%;top: 50%;width: 10px;height: 10px;background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTBwdCIgaGVpZ2h0PSIxMHB0IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjg1IiBkPSJNNC4zMSA2Ljc2QzUuNjEgNC4xNCA3LjE3IDEuNTkgOS43Mi4wMUwxMCAzLjN2LjMxQzcuNzcgNS40NSA1Ljk4IDcuNzIgNC4yMyAxMGgtLjE2QzIuODkgOC44MiAxLjg1IDYuOTMgMCA2Ljgydi0uNTNjLjU5LS40MSAxLjc4LTEuMjMgMi4zNy0xLjY0LjY1LjcgMS4yOSAxLjQxIDEuOTQgMi4xMXoiLz48L3N2Zz4=");background-size: 100% 100%;transform: translate(-50%,-50%);} .custom-input input[type="checkbox"]:checked + em{background-color: #009adc;border-color: #009adc;} .custom-input input[type="checkbox"]:checked + em:before{background-color: #009adc;} .custom-input input[type="checkbox"] + em:hover{border-color: #009adc;} /*自定义表单通用样式*/ .custom-form{font-size: 0;} .custom-form .main-title{font-size: 18px;line-height: 40px;text-align: center;overflow: hidden;} .custom-form .main-title span{position: relative;display: inline-block;} .custom-form .sub-title{height: 40px;margin-bottom: 20px;border-bottom: 1px solid #ddd;line-height: 40px;} .custom-form .sub-title span{float: left;height: 40px;padding: 0 10px;border-bottom: 1px solid #2d8fff;font-size: 14px;color: #2d8fff;} .custom-form .sub-title em{font-size: 14px;color: #f00;} .custom-form .row{display: inline-block;vertical-align: top;width: 100%;margin-bottom: 20px;font-size: 14px;} .custom-form .row.w50{width: 50%;} .custom-form .row.w33{width: 33.33%;} .custom-form .row .name{float: left;width: 6em;padding: 10px 1em;line-height: 16px;text-align: right;font-weight: bold;} .custom-form .row .name i{position: absolute;margin-left: -10px;color: #f00;} .custom-form .row .info-content{margin-left: 6em;} .custom-form input{width: 100%;height: 36px;padding: 0 10px;border: 1px solid #ddd;border-radius: 4px;} /*.custom-form input:focus{border-color: #2d8fff;box-shadow: 0 0 6px rgba(45,143,255,.3);}*/ .custom-form textarea{width: 100%;height: 100px;border: 1px solid #ddd;padding: 10px;border-radius: 4px;resize: none;} /*.custom-form textarea:focus{border-color: #2d8fff;}*/ .custom-form select{width: 100%;height: 36px;padding: 0 10px;border: 1px solid #ddd;outline: none;} /*.custom-form select:focus{border-color: #2d8fff;}*/ .custom-form .upload-avatar{position: relative;display: block;width: 80px;height: 80px;border-radius: 50%;cursor: pointer;overflow: hidden;} .custom-form .upload-avatar input[type="file"]{display: none;} .custom-form .upload-avatar .avatar{height: 100%;} .custom-form .upload-avatar .avatar img{width: 100%;height: 100%;} .custom-form .upload-avatar .tips{position: absolute;left: 50%;top: 50%;width: 4em;height: 20px;background-color: rgba(0,0,0,.3);text-align: center;line-height: 20px;color: #fff;transform: translate(-50%,-50%);} .custom-form .upload-area{} .custom-form .upload-area .upload-image-viewer{} .custom-form .upload-area .upload-image-viewer img{display: inline-block;max-width: 100%;padding: 4px;margin-bottom: 10px;border: 1px solid #ddd;border-radius: 4px;} .custom-form .upload-area .upload-operate-wrap{line-height: 36px;} .custom-form .upload-area .upload-operate-wrap .upload-btn{display: inline-block;height: 36px;padding: 0 15px;margin-bottom: 0;border: 1px solid #ccc;border-radius: 4px;font-size: 14px;line-height: 34px;font-weight: normal;cursor: pointer;} .custom-form .upload-area .upload-operate-wrap .upload-btn:before{content: "+";display: inline-block;width: 14px;height: 14px;margin-right: 2px;border: 1px solid #333;border-radius: 50%;line-height: 14px;text-align: center;} .custom-form .upload-area .upload-operate-wrap .upload-btn:after{content: "选择";} .custom-form .upload-area .upload-operate-wrap .upload-btn input[type="file"]{display: none;} .custom-form .upload-area .upload-operate-wrap .upload-btn:hover{background-color: #eee;} .custom-form .upload-area .upload-operate-wrap .tip{margin-left: 10px;font-size: 14px;color: #bbb;} .custom-form .choice-area{padding: 10px 0;line-height: 16px;} .custom-form .choice-area label{display: inline-block;margin: 0 10px 5px 0;cursor: pointer;} .custom-form .choice-area label span{margin-left: 3px;} .custom-form .yzm-area{position: relative;width: 300px;} .custom-form .yzm-area input[type="text"]{width: 200px;} .custom-form .yzm-area .btn{position: absolute;right: 0;top: 0;width: 100px;height: 100%;} .custom-form .yzm-area .btn img{width: 100%;height: 100%;} .custom-form .btns-area{margin-top: 20px;} .custom-form .btns-area .btn{width: 40%;} .custom-form .btns-area .btn:first-child{background-color: #009adc;border-color: #009adc;color: #fff;} /*data-banner*/ .data-banner{position: relative;height: 250px;overflow: hidden;transition: 1s linear;} .data-banner a{width:100%;display:block;background-position: center;background-size: cover;background-repeat: no-repeat;height:100%;position:absolute;left:0;top:0;} .data-banner *{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .data-banner .swiper-pagination{z-index: 2;bottom: 23px;width: 100%;font-size: 0;} .data-banner .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 5px;background-color: #fff;border-radius: 4px;opacity: .8;transition: 0.3s;} .data-banner .swiper-pagination-bullet-active{width: 26px;opacity: 1;} .data-banner .btn{z-index: 1;position: absolute;top: 50%;width: 40px;height: 40px;margin-top: -20px;cursor: pointer;opacity: .5;transition: 0.3s;} .data-banner .btn img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 20px;height: 20px;margin: auto;} .data-banner .prev-btn{left: 50%;margin-left: -600px;} .data-banner .next-btn{right: 50%;margin-right: -600px;} .data-banner .btn:hover{opacity: 1;} /*small-banner-box*/ .data-banner .small-banner-box{z-index: 2;position: absolute;left: 50%;bottom: 47px;width: 666px;padding: 16px 8px;background-color: rgba(255,255,255,.2);font-size: 0;transform: translateX(-50%);overflow: hidden;} .small-banner-box .swiper-slide{width: 33.33%;padding: 0 10px;cursor: pointer;} .small-banner-box .swiper-slide .pic{padding-top: 65%;background-position: center;background-size: cover;background-repeat: no-repeat;border: 1px solid transparent;transition: 0.3s;} .small-banner-box .swiper-slide.on .pic{border-color: #fff;} /*资料中心*/ .data-center-box{padding: 0;} .data-center-box *{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} /*布局*/ .data-center-box > .top{padding: 20px 30px 20px 20px;margin-bottom: 20px;background-color: #e6e6e6;} /*登录&注册*/ .data-center-box > .top .login-wrap{display: none;float: left;width: 280px;font-size: 0;} .data-center-box > .top .login-wrap .item{display: inline-block;vertical-align: middle;width: 46%;background-color: #fff;font-size: 14px;line-height: 40px;text-align: center;color: #666;} .data-center-box > .top .login-wrap .item img{vertical-align: middle;width: 18px;height: 18px;margin: -3px 5px 0 0;} .data-center-box > .top .login-wrap .item:hover{color: #009adc;} /*搜索*/ .data-center-box > .top .search-wrap{position: relative;/* margin-left: 300px; */background-color: #fff;} .data-center-box > .top .search-wrap .input-text{width: 100%;height: 40px;padding: 0 90px 0 30px;box-sizing: border-box;} .data-center-box > .top .search-wrap .sub-btn{position: absolute;right: 0;top: 0;width: 60px;height: 40px;background: #009adc url(../images/icon_search_24_white.png) center no-repeat;} /*内容*/ .data-center-box > .content{position: relative;} .data-center-box > .content > .con-l{position: absolute;left: 0;top: 0;width: 300px;height: 100%;background-color: #fff;overflow-y: auto;} .data-center-box > .content > .con-l .phone-menu-close{display: none;} .data-center-box > .content > .con-r{margin-left: 320px;} .content .iframe{width:100%;height:500px;overflow-y:auto} .content .iframe iframe{border:none} /*资料菜单*/ .data-menu{padding: 20px 0;} /*一级*/ .data-menu .menu-1st{} .data-menu .menu-1st > li{margin-bottom: 10px;transition: 0.3s;} .data-menu .menu-1st > li > a{position: relative;display: block;padding: 0 60px 0 45px;font-size: 20px;line-height: 50px;font-weight: bold;} .data-menu .menu-1st > li > a:after{content: "";position: absolute;right: 30px;top: 20px;width: 7px;height: 7px;border-top: 1px solid #bbb;border-right: 1px solid #bbb;transform: rotate(45deg);transition: 0.3s;} .data-menu .menu-1st > li > a .icon{position: absolute;left: 18px;top: 15px;width: 20px;height: 20px;filter: grayscale(1);} .data-menu .menu-1st > li.open > a{color: #009adc;} .data-menu .menu-1st > li.open > a:after{top: 18px;border-color: #009adc;transform: rotate(135deg);} .data-menu .menu-1st > li.open > a .icon{filter: grayscale(0);} .data-menu .menu-1st > li.open .menu-2nd{display: block;} .data-menu .menu-1st > li > a:hover{background-color: #eee;} /*.data-menu .menu-1st > li.selected > a{color: #009adc;} .data-menu .menu-1st > li.selected > a .icon{filter: grayscale(0);}*/ /*二级*/ .data-menu .menu-2nd{display: none;} .data-menu .menu-2nd > li{margin-bottom: 10px;} .data-menu .menu-2nd > li > div{position: relative;display: block;padding: 5px 0 5px 45px;font-size: 16px;line-height: 26px;color: #666;} .data-menu .menu-2nd > li > div:before{content: "";position: absolute;left: 0;top: 0;width: 2px;height: 100%;background-color: #009adc;transform: scaleY(0);transition: 0.3s;} .data-menu .menu-2nd > li > div a.type_a:after{content: "";position: absolute;right: 30px;top: 14px;width: 7px;height: 7px;border-top: 1px solid #bbb;border-right: 1px solid #bbb;transform: rotate(45deg);transition: 0.3s;} .data-menu .menu-2nd > li > div .cir{position: absolute;left: 24px;top: 11px;width: 14px;height: 14px;border: 1px solid #999;border-radius: 50%;transition: 0.3s;z-index: 3;} .data-menu .menu-2nd > li.open > div{background-color: #ebf4f7;color: #009adc;} .data-menu .menu-2nd > li.open > div:before{transform: scaleY(1);} .data-menu .menu-2nd > li.open > div a.type_a:after{top: 12px;border-color: #009adc;transform: rotate(135deg);} .data-menu .type_a{display: block;padding-right:60px;} .data-menu .menu-2nd > li.selected > div .cir{border: 4px solid #009adc;} .data-menu .menu-2nd > li.open .menu-3rd{display: block;} .data-menu .menu-2nd > li > a:hover{background-color: #eee;} .data-menu .menu-2nd > li.selected > a{color: #009adc;} .data-menu .menu-2nd .cir{cursor: pointer;} .data-menu .menu-2nd > li.selected > a .cir{border: 4px solid #009adc;} /* .data-menu .menu-2nd > li.selected > a .cir,.data-menu .menu-2nd > li.selected > div .cir{border: 4px solid #009adc;} */ /*三级*/ .data-menu .menu-3rd{display: none;padding-left: 45px;} .data-menu .menu-3rd > li{margin-top: 10px;} .data-menu .menu-3rd > li > a{position: relative;display: block;padding: 5px 60px 5px 20px;line-height: 20px;color: #999;} .data-menu .menu-3rd > li > a i{position: absolute;left: 0;top: 10px;width: 10px;height: 10px;border: 1px solid #999;border-radius: 50%;transition: 0.3s;} .data-menu .menu-3rd > li.selected > a i{border: 3px solid #009adc;} /*分类区*/ .classify-area{padding: 15px 30px;background-color: #fff;} .classify-area .item{position: relative;padding: 20px 0;border-top: 1px solid #e5e5e5;line-height: 30px;} .classify-area .item:first-child{border-top: 0;} .classify-area .item .tit{float: left;width: 5em;font-size: 16px;font-weight: bold;} .classify-area .item .content{margin-left: 6em;} .classify-area .item .content span{display: inline-block;padding: 0 1em;margin: 0 8px 10px;line-height: 24px;color: #666;cursor: pointer;word-break: keep-all;} .classify-area .item .content span.on{position: relative;padding: 0 1em;border: 1px solid #009adc;border-radius: 12px;line-height: 22px;color: #009adc;} .classify-area .item .content span.on:after{display: none;content: "×";position: absolute;right: .7em;top: 50%;color: #009adc;transform: translateY(-50%);} .classify-area .item .more-btn{position: absolute;right: 0;top: 20px;padding-right: 16px;line-height: 30px;cursor: pointer;} .classify-area .item .more-btn:after{content: "";position: absolute;right: 0;top: 8px;width: 7px;height: 7px;border-right: 1px solid #bbb;border-bottom: 1px solid #bbb;transform: rotate(45deg);transition: 0.3s;} .classify-area .item .more-btn.fold:after{top: 14px;transform: rotate(225deg);} /*结果提示*/ .result-tips{padding: 0 30px;margin: 10px 0;line-height: 30px;} .result-tips span{margin: 0 .5em;font-weight: bold;color: #009adc;} /*资料表格区*/ .data-table-box{padding: 0 20px 40px;min-height: 580px;background-color: #fff;} .data-table-box .table-area{padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;margin-bottom:40px;} .data-table-box table{width: 100%;border-collapse: collapse;} .data-table-box table tr.limit td{position: relative;} /*.data-table-box table tr.limit td:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,.7);}*/ .data-table-box table tr.limit .per-btn em{position: relative;display: inline-block;vertical-align: middle;width: 14px;height: 14px;margin: -2px 0 0 0;background-color: #fff;border: 1px solid #999;border-radius: 50%;cursor: pointer;} .data-table-box table tr.limit .per-btn em:before{content: '';position: absolute;left: 50%;top: 50%;width: 4px;height: 4px;border-radius: 50%;transform: translate(-50%,-50%);} .data-table-box table th{width: 10%;border-bottom: 1px solid #e5e5e5;line-height: 54px;} .data-table-box table th:nth-child(1){width: 5%;} .data-table-box table th:nth-child(2){width: 30%;padding-left: 1.5em;text-align: left;} .data-table-box table th:nth-child(3){width: 15%;} .data-table-box table td{padding: 20px 1em;text-align: center;} .data-table-box table td:nth-child(2){text-align: left;} .data-table-box table .empty td{padding-top: 50px;font-size: 14px;text-align: center;} /*排序按钮*/ .data-table-box .rank-btn{position: relative;display: inline-block;vertical-align: top;padding-right: 14px;cursor: pointer;user-select: none;} .data-table-box .rank-btn:before{content: "";position: absolute;right: 0;bottom: 50%;width: 0;height: 0;margin-bottom: 1px;border: 4px solid transparent;border-bottom-color: #bbb;} .data-table-box .rank-btn:after{content: "";position: absolute;right: 0;top: 50%;width: 0;height: 0;margin-top: 1px;border: 4px solid transparent;border-top-color: #bbb;} .data-table-box .rank-btn.up:before{border-bottom-color: #009adc;} .data-table-box .rank-btn.down:after{border-top-color: #009adc;} /*文件信息*/ .data-table-box .file-info{position: relative;padding-left: 56px;} .data-table-box .file-info .icon{position: absolute;left: 0;top: 0;width: 46px;height: 46px;} .data-table-box .file-info .name{display: block;min-height: 46px;line-height: 22px;} /*收藏按钮*/ .data-table-box .collect-btn{cursor: pointer;} /*列表为空时的提示*/ .data-table-box .empty-tips{padding: 20px 0;text-align: center;} /*操作按钮*/ .operate-btns{line-height: 40px;} .operate-btns .btn{display: inline-block;margin-right: 30px;cursor: pointer;user-select: none;transition: 0.3s;} .operate-btns .btn img{vertical-align: middle;width: 18px;height: 18px;margin: -4px 6px 0 0;} .operate-btns .btn:hover{color: #009adc;} .operate-btns .all-btn input[type="checkbox"] + em{width: 16px;height: 16px;margin-right: 6px;} .operate-btns .all-btn input[type="checkbox"] + em:before{width: 6px;height: 6px;} /*分页*/ .page{font-size: 0;text-align: center;} .page > *{display: inline-block;padding: 0 1.1em;margin: 0 5px;height: 40px;background-color: #fff;border: 1px solid #e6e6e6;font-size: 14px;line-height: 38px;color: #333;} .page > *.on,.page > *:hover{background-color: #009adc;border-color: #009adc;color: #fff;} /*底部按钮布局*/ .data-table-box .bottom-area{overflow: hidden;padding: 40px 0;background-color: #fff;} .data-table-box .bottom-area .operate-btns{float: left;} .data-table-box .bottom-area .page{float: right;} /*跳转按钮*/ .link-btns{padding: 10px 0 0 40px;border-bottom: 1px solid #e5e5e5;} .link-btns .btn{display: inline-block;margin: 0 40px;font-size: 16px;line-height: 42px;font-weight: bold;} .link-btns .btn.on{color: #009adc;} .data-table-box table td:nth-child(5),.data-table-box table th:nth-child(5){display:none} .data-table-box table th:nth-child(2),.data-table-box table td:nth-child(2){width:45%} .data-table-box table th:nth-child(1),.data-table-box table td:nth-child(1){display:none} /*小屏PC:>=1025px && <=1200px*/ /*20200515*/ .res_right{float: right;} .res_right > a{float: left;-webkit-border-radius: 25px;border-radius: 25px;border:1px solid #1577c9;color: #1577c9;padding: 0 10px;line-height:30px;font-size: 14px;} .res_btn{margin-left: 15px;cursor: pointer;float: left;border:1px solid #d5d5d5;padding: 0 17px 0 10px;-webkit-border-radius: 25px;border-radius: 25px;position: relative;} .res_btn span{display: inline-block;min-width: 56px;color: #333;} .res_btn i{font-family: simsun;-webkit-transform: rotate(90deg);transform: rotate(90deg);display: inline-block;} .res_btn ul{display: none;margin-bottom: 10px;bottom:30px;left:0;position: absolute;border:1px solid #d5d5d5;background: #fff;z-index: 1;padding: 5px 0;width: 100%;} .res_btn ul:after{position: absolute;background: url(../images/mater-triangle-down.png) 0 0 no-repeat;content: '';left: 50%;bottom: -7px;margin-left: -5px;width: 10px;height: 8px;content: ''} .res_btn ul li a{display: block;font-size: 12px;color: #666;padding: 0 30px;white-space: nowrap;} .res_btn.on i{-webkit-transform: rotate(-90deg);transform: rotate(-90deg);} .res_right > a:hover{background: #1577c9;color: #fff;} .hot{display: inline-block; background: #d20808;color: #fff;padding: 0 5px;border-radius: 5px;height: 16px;line-height: 16px;margin-left: 2px;font-size: 12px;transform:scale(0.8);-webkit-transform:scale(0.8)} .iframe{overflow-y:auto;/*height:1414px;*/padding-top:20px;} .iframe iframe{width:100%;/* height:1420px; */border:none;border:0} .iframe::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; border:1px solid #666666 } .iframe iframe::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(255,0,0,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } /*2020.5.19*/ /*文件筛选栏*/ .files-sift-wrap{display: none;background-color: #fff;border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;font-size: 0;text-align: center;} .files-sift-wrap .item{display: inline-block;width: 33.33%;font-size: 12px;line-height: 36px;cursor: pointer;} .files-sift-wrap .item.on{color: #c7000b;} .files-sift-wrap .item.bg-gray{background-color: #ddd;} /*文件列表*/ .files-list{display: none;min-height: 300px;margin-bottom: 30px;background-color: #fff;} .files-list li{position: relative;padding: 20px 40px 20px 0;margin: 0 20px;border-bottom: 1px solid #e5e5e5;} .files-list li.limit:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,.7);} .files-list li .icon{float: left;width: 30px;height: 30px;margin-top: 5px;} .files-list li .info{margin-left: 35px;} .files-list li .info .name{line-height: 20px;} .files-list li .info .record{margin-top: 10px;font-size: 0;line-height: 12px;} .files-list li .info .record span{display: inline-block;vertical-align: top;padding: 0 10px;border-left: 1px solid #ddd;font-size: 12px;color: #999;} .files-list li .info .record span:first-child{padding-left: 0;border-left: 0;} .files-list li .info .record span img{display: inline-block;vertical-align: top;width: 12px;height: 12px;} .files-list li .hidden-wrap{display: none;margin: 20px 0 0 35px;font-size: 0;line-height: 20px;} .files-list li .hidden-wrap .item{display: inline-block;vertical-align: top;margin-right: 20px;font-size: 12px;} .files-list li .hidden-wrap .item img{display: inline-block;vertical-align: middle;width: 12px;height: 12px;margin: -4px 2px 0 0;} .files-list li .more-btn{position: absolute;right: 0;top: 24px;width: 20px;height: 20px;} .files-list li .more-btn:before{content: "";position: absolute;left: 50%;top: 2px;width: 4px;height: 4px;margin-left: -2px;background-color: #ccc;border-radius: 50%;} .files-list li .more-btn:after{content: "";position: absolute;left: 50%;bottom: 2px;width: 4px;height: 4px;margin-left: -2px;background-color: #ccc;border-radius: 50%;} .files-list li .more-btn i{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 4px;height: 4px;margin: auto;background-color: #ccc;border-radius: 50%;} .files-list li .more-btn.open:before{background-color: #009adc;} .files-list li .more-btn.open:after{background-color: #009adc;} .files-list li .more-btn.open i{background-color: #009adc;} /*手机端菜单按钮*/ .phone-menu-wrap{position: relative;padding: 5px 5px 5px 50px;margin: 5px 0;background-color: #fff;font-size: 18px;line-height: 30px;} .phone-menu-wrap .name{font-weight: bold;} .phone-menu-btn{position: absolute;left: 10px;top: 5px;width: 30px;height: 30px;background-color: #fff;border: 1px solid #ccc;border-radius: 50%;} .phone-menu-btn:before{content: "";position: absolute;left: 50%;top: 9px;width: 16px;height: 2px;margin-left: -8px;background-color: #666;} .phone-menu-btn:after{content: "";position: absolute;left: 50%;bottom: 9px;width: 16px;height: 2px;margin-left: -8px;background-color: #666;} .phone-menu-btn i{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 16px;height: 2px;margin: auto;background-color: #666;} .hot_a{float:left;display:inline-block;max-width:80%} .screen{display: flex;justify-content: space-between;background:#e3e3e3;padding: 10px;} .screen li{display: inline-block;} .screen span{padding-right:10px;font-size:13px;color:#666666;display:inline-block;line-height:35px;} .screen select{color:#333;font-size:13px;background:#fff;border-radius:25px;padding:0 10px;appearance:none;-moz-appearance:none;-webkit-appearance:none; text-align: center; text-align-last: center;border:1px solid #2ca0d9;width:100px;} .sec_div {position:relative;} .sec_div div{position:relative; display:inline-blockbackground:#fff;padding:0 10px;border-radius:25px; text-align: center;font-size:13px;color:#333;width:100px;text-align:center;} .sec_div div i{position:relative;display:block;height:100%;} .wap_table{display:none} /*2020.7.4*/ /*layer弹窗自定义皮肤*/ body .custom-skin{border-radius: 8px;overflow: hidden;} body .custom-skin .layui-layer-title{background: #0095ea;color: #fff;} body .custom-skin .layui-layer-setwin .layui-layer-close1{filter: brightness(100);} body .custom-skin .layui-layer-setwin .layui-layer-close1:hover{opacity: 1;} body .custom-skin .layui-layer-setwin .layui-layer-close2{right: -10px;top: -10px;background-image: none;} body .custom-skin .layui-layer-setwin .layui-layer-close2:after{content: "×";position: absolute;width: 30px;height: 30px;font-size: 24px;text-align: center;line-height: 26px;font-weight: bold;} body .custom-skin .layui-layer-btn .layui-layer-btn0{background-color: #0095ea;border-color: #0095ea;color: #fff;} body .custom-skin .layui-layer-resize{display: none;} /*弹窗-权限升级表单*/ .upgrade-form{max-width: 700px;padding: 50px 80px;margin: 0 auto;background-color: #fff;} .upgrade-form *{box-sizing: border-box;-webkit-box-sizing: border-box;} .upgrade-form .main-title{font-size: 24px;font-weight: bold;} .upgrade-form .row{margin-bottom: 25px;font-size: 16px;} .upgrade-form .row .name{position: relative;} .upgrade-form .row .name:after{content: ":";position: absolute;right: 0.5em;top: 50%;transform: translateY(-50%);} .upgrade-form .row .name em{display: inline-block;width: 2em;} .upgrade-form .tips{padding: 0 1em;margin-top: 10px;font-size: 15px;color: #ff0000;} .upgrade-form input{border: 0;border-bottom: 1px solid #999;border-radius: 0;} .upgrade-form .query{padding-left: 15px;margin-bottom: 10px;font-size: 16px;font-weight: bold;} .upgrade-form .query i{position: absolute;margin-left: -10px;color: #f00;} .upgrade-form .answer-list{padding-left: 15px;} .upgrade-form .answer-list li{font-size: 16px;line-height: 36px;color: #666;} .upgrade-form .answer-list li label:hover{color: #009adc;} .upgrade-form .answer-list li label:hover input[type="radio"] + em,label:hover input[type="checkbox"] + em{border-color: #009adc;} .upgrade-form .answer-list li .other-input{width: 110px;padding: 2px 5px;border-bottom: 1px solid #666;line-height: 20px;} .upgrade-form .answer-list li .sub-name{float: left;width: 10em;} .upgrade-form .answer-list li .sub-content{margin-left: 10em;} .upgrade-form .answer-list li .sub-content label{margin-right: 15px;} .upgrade-form .btns-area{margin-top: 10px;} .upgrade-form .btns-area .btn{height: auto;background-color: #ddd;line-height: 40px;} /*弹窗-提交成功提示*/ .popup-submit-tips{max-width: 700px;padding: 40px 100px;margin: 0 auto;background-color: #fff;} .popup-submit-tips .title{font-size: 24px;text-align: center;font-weight: bold;} .popup-submit-tips .content{margin-top: 20px;font-size: 15px;line-height: 26px;text-align: justify;color: #666;} .popup-submit-tips .content p{margin-bottom: 10px;} .popup-submit-tips .content .font-blue{color: #009adc;} @media screen and (max-width: 1200px){ /*data-banner*/ .data-banner .prev-btn{left: 0;margin-left: 0;} .data-banner .next-btn{right: 0;margin-right: 0;} /*资料中心*/ .data-center-box > .content > .con-l{width: 240px;} .data-center-box > .content > .con-r{margin-left: 260px;} } /*pad横屏:>=769px && <=1024px*/ @media screen and (max-width: 1024px){ /*data-banner*/ .data-banner{height: auto;padding-top: 27%;margin-top:70px} .content .iframe iframe{height:1400px} .data-table-box .file-info .icon{width:35px;height:auto} .hot_a{max-width:75%} .data-table-box .file-info{padding-left:40px} } /*phone:<=768px*/ @media screen and (max-width: 768px){ .data-table-box .table-area{min-height:200px;} .data-table-box{min-height:inherit} /*data-banner*/ .data-banner .swiper-pagination{bottom: 3px;} .data-banner .swiper-pagination-bullet{width: 4px;height: 4px;margin: 0 3px;border-radius: 3px;} .data-banner .swiper-pagination-bullet-active{width: 10px;} .data-banner .prev-btn{width: 20px;} .data-banner .next-btn{width: 20px;} /*small-banner-box*/ .data-banner .small-banner-box{bottom: 10px;width: 80%;padding: 3px;} .small-banner-box .swiper-slide{padding: 0 3px;} /*资料中心*/ .data-center-box{padding: 5px 0;} /*布局*/ .data-center-box > .top{padding: 5px;margin-bottom: 5px;} /*登录&注册*/ .data-center-box > .top .login-wrap{float: none;width: 100%;} .data-center-box > .top .login-wrap .item{width: 49%;line-height: 30px;} /*搜索*/ .data-center-box > .top .search-wrap{margin-left: 0;margin-top: 5px;} .data-center-box > .top .search-wrap .input-text{height: 30px;padding: 0 60px 0 10px;} .data-center-box > .top .search-wrap .sub-btn{width: 45px;height: 30px;background-size: 20px 20px;} /*内容*/ .data-center-box > .content > .con-l{z-index: 1000;position: fixed;left: -100vw;top: 0;width: 100vw;height: 100vh;overflow-x: hidden;overflow-y: auto;transition: 0.3s;} .data-center-box > .content > .con-l.open{left: 0;} .data-center-box > .content > .con-l .phone-menu-close{display: block;position: absolute;right: 0;top: 0;width: 40px;height: 40px;text-align: center;line-height: 35px;font-size: 40px;cursor: pointer;} .data-center-box > .content > .con-r{margin-left: 0;} /*资料菜单*/ .data-menu{width: 100vw;padding: 40px 0 80px;/*避免Safari浏览器底部功能栏遮挡内容*/background:#fff} /*分类区*/ .classify-area{padding: 0 5px;} .classify-area .item{padding: 5px 0;} .classify-area .item .tit{font-size: 14px;} .classify-area .item .content{height: 30px;margin: 0 0 0 5em;white-space: nowrap;overflow-x: auto;overflow-y: hidden;} .classify-area .item .content span{padding: 0 .5em;margin: 0 3px;font-size: 12px;line-height: 20px;} .classify-area .item .content span.on{padding: 0 .5em;line-height: 18px;} .classify-area .item .content span.on:after{right: .5em;} .classify-area .item .more-btn{top: 10px;padding-right: 10px;font-size: 12px;} /*结果提示*/ .result-tips{padding: 0 20px;margin: 15px 0 0;line-height: 20px;} /*资料表格区*/ .data-table-box{padding:0 1% 25px} .data-table-box table{font-size: 12px;} .data-table-box table th{padding: 10px 3px;line-height: 16px;} .data-table-box table th{width: 12%;} .data-table-box table th:nth-child(1){width: 5%;} .data-table-box table th:nth-child(2){padding-left: 0;text-align: center;} .data-table-box table th:nth-child(3){width: 20%;} .data-table-box table th:nth-child(8){display: none;} .data-table-box table td{padding: 10px 5px;} .data-table-box table td:nth-child(8){display: none;} /*排序按钮*/ .data-table-box .rank-btn{padding-right: 8px;} /*文件信息*/ .data-table-box .file-info{padding-left: 30px;text-align: center;} .data-table-box .file-info .icon{width: 30px;height: 30px;top:50%;margin-top:-15px;} .data-table-box .file-info .name{line-height: 16px;text-align:left;padding-left:10px;min-height:inherit;} /*操作按钮*/ .operate-btns{line-height: 20px;} .operate-btns .btn{margin-right: 10px;} /*分页*/ .page > *{padding: 0 1em;margin: 0 3px;height: 30px;font-size: 12px;line-height: 28px;} /*底部按钮布局*/ .data-table-box .bottom-area{padding: 10px 0 30px;} .data-table-box .bottom-area .operate-btns{float: none;padding: 0 5px;margin-bottom: 20px;} .data-table-box .bottom-area .page{float: none;} /*跳转按钮*/ .link-btns{padding: 10px;} .link-btns .btn{margin: 0 20px 0 0;font-size: 14px;line-height: 30px;} /*20200515*/ .res_right,.pc_table{display:none} /*2020.5.19*/ /*文件筛选栏*/ .files-sift-wrap,.wap_table{display: block;} /*文件列表*/ .files-list{display: block;} .infoname{float:left;display:block;position:relative;top:-8px;width:100%} .hot{float:left;position:relative;top:3px;margin-left:0;} .infoname .name{display:inline-block;max-width:84%;float:left;} .files-list li{padding-right:30px;} .files-list li .info .record span{padding:0 5px} .files-list li .info .record span img{margin-right:5px} .classify-area{display:none} .screen{} /*2020.7.4*/ /*弹窗-权限升级表单*/ .upgrade-form{padding: 10px 10px 20px;} .upgrade-form .main-title{font-size: 16px;} .upgrade-form .row{margin-bottom: 10px;font-size: 14px;} .upgrade-form .tips{padding: 0 0 0 1em;font-size: 12px;} .upgrade-form .query{font-size: 14px;} .upgrade-form .answer-list li{font-size: 14px;line-height: 28px;} .upgrade-form .btns-area .btn{font-size: 14px;line-height: 30px;} /*弹窗-提交成功提示*/ .popup-submit-tips{padding: 20px;} .popup-submit-tips .title{font-size: 16px;} .popup-submit-tips .content{margin-top: 10px;font-size: 13px;line-height: 20px;} }