@charset "UTF-8";

.gap5 {height:5px;clear:both;overflow:hidden;display:block;}
.gap10 {height:10px;clear:both;overflow:hidden;display:block;}
.gap15 {height:15px;clear:both;overflow:hidden;display:block;}
.gap20 {height:20px;clear:both;overflow:hidden;display:block;}
.gap30 {height:30px;clear:both;overflow:hidden;display:block;}
.gap40 {height:40px;clear:both;overflow:hidden;display:block;}
.gap50 {height:50px;clear:both;overflow:hidden;display:block;}
.gap60 {height:60px;clear:both;overflow:hidden;display:block;}
.gap70 {height:70px;clear:both;overflow:hidden;display:block;}
.gap80 {height:80px;clear:both;overflow:hidden;display:block;}
.gap100 {height:100px;clear:both;overflow:hidden;display:block;}

.gap {height:50px;clear:both;display:block;}
.sgap {height:30px;clear:both;display:block;}
.ssgap {height:15px;clear:both;display:block;}
.sssgap {height:10px;clear:both;display:block;}

@media only screen and  (max-width:680px) {
    .gap {height:30px;}
    .sgap {height:20px;}
    .ssgap {height:15px;}
    .sssgap {height:10px;}

    .gap10 {height:7px;}
    .gap15 {height:12px;}
    .gap20 {height:15px;}
    .gap30 {height:20px;}
    .gap40 {height:25px;}
    .gap50 {height:35px;}
    .gap60 {height:45px;}
    .gap70 {height:50px;}
    .gap80 {height:60px;}
}

.dataIcon{position: relative; padding-right:15px; box-sizing: border-box;}
.dataIcon:before{display: block; content:''; position: absolute; width:9px; height: 5px; right:0; top:50%; margin-top:-2px; background-position: center; background-repeat: no-repeat;}
.dataM.iconY:before{background-image:url("/upload_data/board_data/BBS_0000015/165585968296391.png"); }
.dataP.iconY:before{background-image:url("/upload_data/board_data/BBS_0000015/165585968296580.png"); }
.dataM.iconB:before{background-image:url("/upload_data/board_data/BBS_0000015/165585968296470.png"); }
.dataP.iconB:before{background-image:url("/upload_data/board_data/BBS_0000015/165585968296555.png"); }
ol.numberList > li{counter-increment: number;}
ol.numberList > li:before{content: counter(number);}
.graphEl{border:1px solid #dedede; border-top:2px solid #005399; padding:30px; box-sizing: border-box;}
.graphEl.bgBlueType{background-color:#ecf3fa;}
.noData {text-align: center; display: flex; align-items: center; justify-content: center; height: 100%;}
.noData p{background: url("/upload_data/board_data/BBS_0000015/165585968296685.png") center top no-repeat; font-size:16px; font-weight: 600; color:#000; padding-top:70px; box-sizing: border-box;}

.datasBox {display: flex; align-items: stretch; justify-content: space-between;}
.datasBox > div{display: flex; flex-direction: column;}
.datasBox.dataTwo > div{width:49%;}
.datasBox.dataThree > div{width:32%;}
.datasBox > div .graphEl{height: 100%;}
.datasBox.colRowBox .colBox{width:68%; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column;}
.datasBox.colRowBox .colBox .graphEl{width: 100%; height: 100%;}
.datasBox.colRowBox .rowBox{width:30%;}
.datasBox.colRowBox .rowBox > div{height: 100%; display: flex; flex-direction: column;}

.searchSelectEl{display: flex; align-items: stretch; justify-content: flex-end;}
.searchSelectEl .selectBox{margin-right:20px; border-radius: 50px; border:1px solid #0090f1; padding:0 30px; box-sizing: border-box; text-align: left; background-color:#fff; box-sizing: border-box; width:208px; position: relative;}
.searchSelectEl .selectBox:before{content:''; display: block; width:9px; height:5px; position: absolute; right:30px; top:50%; margin-top:-2px; background: url("/upload_data/board_data/BBS_0000015/165585968296470.png") center no-repeat;}
.searchSelectEl .selectBox label{font-size:0; width:0; height:0; position: absolute; left:0; top:0;}
.searchSelectEl .selectBox select, .searchSelectEl .selectBox input[type="text"]{border:none; width:100%; height: 100%; -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 50px; font-weight: 500; font-size:17px;}
.searchSelectEl .selectBox select::-ms-expand{display:none;}
.searchSelectEl input[type="submit"]{border-radius: 50px; color:#fff; line-height: 50px; width: 90px; text-align: center; font-size:17px; font-weight: 500; background-color:#0090f1;}

.infoEl{width: 100%; border-radius: 100px; box-sizing: border-box; padding:30px 50px; box-sizing: border-box; display: flex; align-items: flex-start; justify-content: space-between; position: relative; z-index: 1; background: url("/upload_data/board_data/BBS_0000015/165585968296661.jpg")left top repeat-y; background-size: 100%; margin-top:50px;}
.infoEl .infoLeftEl {display: flex; align-items: stretch; justify-content: flex-start;}
.infoEl .infoLeftEl .infoCntBox{display: flex; align-items: stretch; justify-content: flex-start;}
.infoEl .infoLeftEl .infoCntBox:first-child{margin-right:50px; padding-right:50px; box-sizing: border-box; border-right:1px solid rgba(255,255,255,0.4);}
.infoEl .infoLeftEl .infoCntBox li:not(:last-child){margin-right:20px;}
.infoEl .infoLeftEl .infoCntBox li.infoImgEl{text-align: center;}
.infoEl .infoLeftEl .infoCntBox li.infoImgEl img{margin-top:10px;}
.infoEl .infoLeftEl .infoCntBox li .icTit{font-size:16px; font-weight: 400; color:#fff; text-align: left;}
.infoEl .infoLeftEl .infoCntBox li .icTit.typeBg{border-radius: 50px; background-color:#ff940d; width: 66px; text-align: center; padding:2px; box-sizing: border-box;}
.infoEl .infoLeftEl .infoCntBox li .icCnt{font-size:32px; font-weight: 600; color:#fff; margin-top:7px;}
.infoEl .infoLeftEl .infoCntBox li .icCnt span{font-size:15px; vertical-align: bottom; display: inline-block; margin-left:5px; padding-bottom: 5px; box-sizing: border-box;}
.infoEl .infoRightEl {display: flex; align-items: stretch; justify-content: flex-end;}
.infoEl .infoRightEl .infoDataBox{text-align: center;}
.infoEl .infoRightEl .infoDataBox .idTit{padding:2px 15px; box-sizing: border-box; background-color:#0090f1; color:#fff; border-radius: 50px; font-size:16px; font-weight:400; margin:0 10px;}
.infoEl .infoRightEl .infoDataBox .idData{color:#fff; font-size:32px; font-weight: 600; margin-top:5px; display: inline-block; padding-right: 20px; box-sizing: border-box;}
.infoEl .infoRightEl .infoDataBox .idData:before{width:12px; height: 6px; margin-top:-3px;}
.infoEl .infoRightEl .infoDataBox .idData.dataM:before{background-image: url("/upload_data/board_data/BBS_0000015/165585968296361.png");}
.infoEl .infoRightEl .infoDataBox .idData.dataP:before{background-image: url("/upload_data/board_data/BBS_0000015/165585968296479.png");}
.infoEl .infoRightEl .infoDataBox .idData span{display: inline-block; vertical-align:bottom; font-size:15px; padding-bottom: 7px; box-sizing: border-box;}

.dataRankGraph{width: 100%; display: flex; justify-content: flex-start; align-items: stretch;}
.dataRankGraph .dataRankEl{position: relative; z-index: 0; width:400px; flex-shrink: 0; margin-right:20px; padding:0 20px 20px; box-sizing: border-box;}
.dataRankGraph .dataRankEl:before{content:''; display: block; position: absolute; top:-65px; left:-400px; width:820px; height: 109%; background-color:#ecf3fa; z-index: -1; border-radius: 30px;}
.dataRankGraph .dataRankEl .rankEl{position: relative; padding-top:25px; box-sizing: border-box;}
.dataRankGraph .dataRankEl .rankTitleEl, .dataRankGraph .dataRankEl .rankListEl li{display: flex; align-items: center; justify-content: space-between; width: 100%;}
.dataRankGraph .dataRankEl .rankTitleEl{border-radius: 50px; background-color:#0090f1; z-index: 2; position: absolute; top:0; box-sizing: border-box; padding:20px 40px; box-sizing: border-box; font-weight: 600; color:#fff; font-size:16px;}
.dataRankGraph .dataRankEl .rankTitleEl .rankTit{font-size:20px;}
.dataRankGraph .dataRankEl .rankListEl{background-color:#fff; padding:45px 20px 20px; box-sizing: border-box; border-radius: 20px;}
.dataRankGraph .dataRankEl .rankListEl li{border-bottom:1px solid #d3e0ed; padding:7px 20px 7px 50px; box-sizing: border-box; font-size:13px; color:#797979; font-weight: 500; position: relative;}
.dataRankGraph .dataRankEl .rankListEl li:before{ width:24px; line-height: 24px; position: absolute; left:10px; border-radius: 50%; background-color:#f26522; color:#fff; text-align: center; padding-top: 1px; box-sizing: border-box;}
.dataRankGraph .dataRankEl .rankListEl li:nth-child(n+8):before{background-color:#83807e;}
.dataRankGraph .dataRankEl .rankListEl li .rankTit{color:#000; font-size:16px;}
.dataRankGraph .dataGraphEl{width:100%; margin-left:40px; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column;}
.dataRankGraph .dataGraphEl .graphWrap{width:100%; height:100%; padding:30px; box-sizing: border-box;}

.keywordBox{width:100%; display: flex; align-items: stretch; justify-content: space-between; margin-top:20px;}
.keywordBox .keywordLeft {width:49%;}
.keywordBox .keywordLeft .keywordRankEl{display: flex; align-items: stretch; justify-content: flex-start; padding:0; box-sizing: border-box;}
.keywordBox .keywordLeft .keywordRankEl .krData{padding:20px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; width:60%;}
.keywordBox .keywordLeft .keywordRankEl .kwRank{width:40%; background-color:#ecf3fa; padding:20px 30px; box-sizing: border-box;}
.keywordBox .keywordLeft .keywordRankEl .kwRank .numberList li{position: relative; margin:5px 0;}
.keywordBox .keywordLeft .keywordRankEl .kwRank .numberList li:before{position: absolute; left:30px; top:50%; transform: translate(0,-50%); font-size:13px; font-weight: 500; color:#0090f1;}
.keywordBox .keywordLeft .keywordRankEl .kwRank .numberList li a{width: 100%; display: flex; align-items: center; justify-content: space-between; padding:10px 20px 10px 60px; box-sizing: border-box; border-radius: 50px; background-color:#fff; font-weight:500; color:#797979; font-size:13px; transition: all .3s ease-in-out;}
.keywordBox .keywordLeft .keywordRankEl .kwRank .numberList li .krName{font-size:16px;color:#000;}
.keywordBox .keywordLeft .keywordRankEl .kwRank .numberList li.active:before, .keywordBox .keywordLeft .keywordRankEl .kwRank .numberList li.active a .krName{color:#fff;}
.keywordBox .keywordLeft .keywordRankEl .kwRank .numberList li.active a{color:#fff; background-color:#ff940d; box-shadow:0px 0px 20px rgba(0,129,202,0.2); }
.keywordBox .keywordRight {width:49%; height:auto; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
.keywordBox .keywordRight .graphEl{height:100%; width: 100%; padding:30px; box-sizing: border-box;}
.submitLocal .graphEl{padding:30px; box-sizing: border-box;}

@media screen and (max-width:1200px){

    .infoEl{padding:30px 30px 20px; margin-top:30px; box-sizing: border-box;}
    .infoEl .infoLeftEl .infoCntBox:first-child{margin-right:20px; padding-right: 20px; box-sizing: border-box;}
    .infoEl .infoLeftEl .infoCntBox li:not(:last-child){margin-right:10px;}
    .infoEl .infoRightEl .infoDataBox .idTit{margin:0 5px;}
    .infoEl .infoLeftEl .infoCntBox li .icTit, .infoEl .infoRightEl .infoDataBox .idTit{font-size:13px; letter-spacing: -1px;}
    .infoEl .infoLeftEl .infoCntBox li .icTit.typeBg{width:45px;}
    .infoEl .infoLeftEl .infoCntBox li.infoImgEl img{width:26px;}
    .infoEl .infoLeftEl .infoCntBox li .icCnt{font-size:24px; margin-top:9px; letter-spacing: -1px;}
    .infoEl .infoLeftEl .infoCntBox li .icCnt span{margin-left:2px;}
    .infoEl .infoRightEl .infoDataBox .idData{font-size:24px; letter-spacing:-1px;}
    .infoEl .infoRightEl .infoDataBox .idTit{margin:0 2px; padding:2px 10px; box-sizing: border-box;}

    .dataRankGraph{flex-direction: column;}
    .dataRankGraph .dataRankEl{width: 100%; padding: 0; box-sizing: border-box;}
    .dataRankGraph .dataRankEl:before{display: none;}
    .dataRankGraph .dataRankEl .rankListEl{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
    .dataRankGraph .dataRankEl .rankListEl li{width:32%;}
    .dataRankGraph .dataGraphEl{margin-left:0;}

    .keywordBox{flex-direction: column;}
    .keywordBox .keywordLeft, .keywordBox .keywordRight{width:100%;}
    .keywordBox .keywordLeft .keywordRankEl{flex-direction: column-reverse;}
    .keywordBox .keywordLeft .keywordRankEl .kwRank, .keywordBox .keywordLeft .keywordRankEl .krData{width: 100%;}
    .keywordBox .keywordLeft .keywordRankEl .kwRank ol.numberList{display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
    .keywordBox .keywordLeft .keywordRankEl .kwRank .numberList li{width:49.5%;}
}

@media screen and (max-width:768px){
    .searchSelectEl .selectBox{width:120px; padding:0 20px; box-sizing: border-box; margin-right:10px;}
    .searchSelectEl .selectBox:before{right:20px;}

    .infoEl{padding:30px 60px; box-sizing: border-box; align-items: stretch;}
    .infoEl .infoLeftEl{flex-direction: column; width:65%;}
    .infoEl .infoLeftEl .infoCntBox{justify-content: space-between;}
    .infoEl .infoLeftEl .infoCntBox:first-child{margin-right: 0; padding-right:0; margin-bottom: 20px; padding-bottom: 20px; box-sizing: border-box; border-right: 0; border-bottom: 1px solid rgba(255,255,255,0.4);}
    .infoEl .infoRightEl{flex-direction: column; justify-content: space-between; align-items: center;}
    .dataRankGraph .dataRankEl .rankListEl li{width: 49.5%;}
}

@media screen and (max-width:480px){
    .searchSelectEl{flex-wrap: wrap; justify-content: space-between;}
    .searchSelectEl .selectBox{width:32%; margin-right:0;}
    .searchSelectEl .selectBox select, .searchSelectEl input[type="submit"]{font-size:14px;}
    .searchSelectEl input[type="submit"]{width: 100%; margin-top:10px;}
    /*.searchSelectEl .selectBox select, .searchSelectEl input[type="submit"]{line-height: 35px;}*/

    .infoEl{padding:20px; box-sizing: border-box; border-radius: 30px; flex-direction: column;}
    .infoEl .infoLeftEl{width: 100%;}
    .infoEl .infoRightEl{flex-direction: row; margin-top:30px; justify-content: center;}
    .infoEl .infoRightEl .infoDataBox{margin:0 4%;}
    .infoEl .infoRightEl .infoDataBox .idTit{display: inline-block;}

    .dataRankGraph .dataRankEl .rankTitleEl{padding:15px 20px; box-sizing: border-box; font-size:13px; position: relative;}
    .dataRankGraph .dataRankEl .rankTitleEl .rankTit{font-size:16px;}
    .dataRankGraph .dataRankEl .rankListEl{padding:0; margin-top:10px; box-sizing: border-box;}
    .dataRankGraph .dataRankEl .rankListEl li{padding:5px 5px 5px 30px; font-size:12px; box-sizing: border-box;}
    .dataRankGraph .dataRankEl .rankListEl li:before{left:5px; width:20px; line-height:20px; font-size:11px;}
    .dataRankGraph .dataRankEl .rankListEl li .rankTit{font-size:14px;}

    .keywordBox .keywordLeft .keywordRankEl .kwRank{padding: 10px 20px; box-sizing: border-box;}
    .keywordBox .keywordLeft .keywordRankEl .kwRank .numberList li{width:32%;}
    .keywordBox .keywordLeft .keywordRankEl .kwRank .numberList li:before{font-size:11px; left:15px;}
    .keywordBox .keywordLeft .keywordRankEl .kwRank .numberList li a{font-size:12px; padding:5px 10px 5px 30px; box-sizing: border-box; flex-direction: column;}
    .keywordBox .keywordLeft .keywordRankEl .kwRank .numberList li .krName{font-size:14px;}
}

.sectorWrap{width: 100%; display: flex; justify-content: space-between; align-items: flex-start; padding-left: 220px; box-sizing: border-box; position: relative;}
.sectorWrap .secAside{width: 176px; position: absolute; top:0; left:0;}
.sectorWrap .secAside .secAsideTit{width: 100%; padding:15px 20px; box-sizing: border-box; color:#fff; background-color:#0090f1; font-weight: 500;}
.sectorWrap .secAside .secAsideEl li a{border:1px solid #d3e0ed; padding:15px 20px; box-sizing: border-box; width: 100%; display: block; transition: all .3s ease-in-out; font-weight: 500; font-size:16px; color:#000; background-color:#fff;}
.sectorWrap .secAside .secAsideEl li:not(:first-child) a{border-top-color: #fff;}
.sectorWrap .secAside .secAsideEl li.active a{border:1px solid #0a94f1 !important; color:#0090f1; box-shadow:0px 0px 20px rgba(0,129,202,0.2);}
.sectorWrap .secCntWrap{width:100%;}
.sectorWrap .secCntWrap .keywordBox .keywordLeft .keywordRankEl .krData{width:68%;}
.sectorWrap .secCntWrap .keywordBox .keywordLeft .keywordRankEl .kwRank{width:32%; padding:20px 15px; box-sizing: border-box;}
.sectorWrap .secCntWrap .keywordBox .keywordLeft .keywordRankEl .kwRank .numberList li:before{left:20px;}
.sectorWrap .secCntWrap .keywordBox .keywordLeft .keywordRankEl .kwRank .numberList li a{padding-left:45px; box-sizing: border-box;}
.slideDataWrap .sdBox {margin:0 -20px;}
.slideDataWrap .sdBox .slick-arrow{top:-45px; border-radius: 50%; background-color:#424242; width: 40px; height: 40px; background-position:center; background-repeat: no-repeat; }
.slideDataWrap .sdBox .slick-arrow.slick-prev{background-image: url("/upload_data/board_data/BBS_0000015/165585968296782.png"); left:auto; right:70px;}
.slideDataWrap .sdBox .slick-arrow.slick-next{background-image: url("/upload_data/board_data/BBS_0000015/165585968296733.png"); right:20px;}
.slideDataWrap .sdBox .slick-arrow.slick-disabled{opacity:0.5; cursor: default;}
.slideDataWrap .sdBox .slick-arrow:before{font-size:0;}
.slideDataWrap .slideEl {margin:0 20px;}
.slideDataWrap .slideEl .sdeTit{width:100%; background-color:#32a3ef; padding:15px 5px; box-sizing: border-box; text-align: center; font-weight: 500;}
.slideDataWrap .slideEl .sdeTit .sdeDay{font-size:22px; color:#fff;}
.slideDataWrap .slideEl .sdeTit .sdeDate{font-size:14px; color:#b7e2ff;}
.slideDataWrap .slideEl .sdeListBox{background-color:#fff; border:1px solid #d8dbdd; border-top:0; padding:20px 40px; box-sizing: border-box;}
.slideDataWrap .slideEl .sdeListBox .sdeListEl li{margin-bottom:12px; color:#000; font-weight: 500;}
.slideDataWrap .slideEl .sdeListBox .sdeListEl li:before{display:inline-block; width:24px; height: 24px; color:#fff; background-color:#f26522; border-radius: 50%; text-align: center; line-height: 26px; font-size:12px; margin-right:10px;}
.slideDataWrap .slideEl .sdeListBox .sdeListEl li:nth-child(n+4):before{background-color:#000;}

@media screen and (max-width:1200px){
    .sectorWrap .secCntWrap .keywordBox .keywordLeft .keywordRankEl .krData{width:100%;}
    .sectorWrap .secCntWrap .keywordBox .keywordLeft .keywordRankEl .kwRank{width: 100%;}
}

@media screen and (max-width:1000px){
    .sectorWrap{padding-left: 0; flex-direction: column; box-sizing: border-box;}
    .sectorWrap .secAside{position: static; width: 100%; text-align: center; margin-top:30px;}
    .sectorWrap .secAside .secAsideTit{width: 100%;}
    .sectorWrap .secAside .secAsideEl{display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start;}
    .sectorWrap .secAside .secAsideEl > li{width:20%;}
    .sectorWrap .secAside .secAsideEl li a{border-top-color: #fff;}
    .sectorWrap .secAside .secAsideEl li:not(:nth-child(5n + 1)) a{border-left-color: #fff;}

    .datasBox{flex-wrap: wrap;}
    .datasBox.dataTwo > div, .datasBox.dataThree > div{width:100%; margin-top:20px;}
    .slideDataWrap{overflow:hidden;}
    .slideDataWrap .sdBox{margin:0 -15px;}
    .slideDataWrap .slideEl{margin:0 15px;}
    .slideDataWrap .slideEl .sdeListBox{padding:20px 30px; box-sizing: border-box;}
}

@media screen and (max-width:480px){
    .sectorWrap .secAside .secAsideTit{padding:10px; box-sizing: border-box; font-size:15px;}
    .sectorWrap .secAside .secAsideEl li a{font-size:14px; padding:10px 5px; box-sizing: border-box;}
    .sectorWrap .secCntWrap .keywordBox .keywordLeft .keywordRankEl .kwRank .numberList li a{padding-left: 25px; box-sizing: border-box;}
    .slideDataWrap .sdBox{margin:35px 0 0;}
    .slideDataWrap .slideEl{margin:0;}
    .slideDataWrap .sdBox .slick-arrow{width:35px; height: 35px; background-size: 10px;}
    .slideDataWrap .sdBox .slick-arrow{top:-30px;}
    .slideDataWrap .sdBox .slick-arrow.slick-prev{right:45px;}
    .slideDataWrap .sdBox .slick-arrow.slick-next{right:0px;}
    .slideDataWrap .slideEl .sdeTit{padding:10px; box-sizing: border-box;}
    .slideDataWrap .slideEl .sdeTit .sdeDay{font-size:18px;}
    .slideDataWrap .slideEl .sdeTit .sdeDate{font-size:12px;}
    .slideDataWrap .slideEl .sdeListBox .sdeListEl li{font-size:14px;}
    .slideDataWrap .slideEl .sdeListBox .sdeListEl li:before{font-size:10px; width:20px; height: 20px; line-height: 22px;}
}


.searchSelectEl.dateType {margin-bottom: 80px;}
.searchSelectEl.dateType .selectBox:before{width:18px; height:18px; margin-top:-9px; background-image: url("/upload_data/board_data/BBS_0000015/165585968296340.png");}
.searchSelectEl.dateType .selectBox input[type="text"]::placeholder{color:#000;}
.searchSelectEl.dateType .selectBox.inputKeyword:before{background-image: none;}
.searchSelectEl.dateType .selectBox.inputKeyword input[type="text"]::placeholder{color:#a1a1a1; font-size:15px; font-weight:400;}
.searchSelectEl.dateType .dateWave {display: flex; align-items: center; justify-content: center; margin-right:20px;}
.searchSelectEl.dateType .dateWave span{font-size:17px; display: inline-block; color:#000; font-weight: 500;}

.dataTabsBox{width: 100%; display: flex; align-items: flex-start; justify-content: space-between;}
.dataTabsBox .dtb_box:first-child{width:59%;}
.dataTabsBox .dtb_box:first-child ul{display:flex; align-items: center; justify-content: flex-start;}
.dataTabsBox .dtb_box:last-child{width:39%;}

.categoryList .categoryEl > a{width:100%; border-radius: 50px; background-color:#fff; padding:10px 20px; box-sizing: border-box; margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; min-width: 0;}
.categoryList .categoryEl:last-child > a{margin-bottom: 0;}
.categoryList .categoryEl > a > p{text-overflow: ellipsis; overflow: hidden; width:70%; white-space: nowrap; color:#000; font-weight: 500; min-width: 0;}
.categoryList .categoryEl > a > p .cgeCate{background-color:#ff940d; color:#fff; font-size:12px; font-weight: 500; border-radius: 50px;  margin-right:10px; padding:3px 10px; box-sizing: border-box; display: inline-block;}
.categoryList .categoryEl > a .categoryDate{color:#797979; font-size:13px; font-weight: 500;}

.dataTable .basic_table{margin:0; min-width:100%;}

@media screen and (max-width:1200px){
    .searchSelectEl.dateType{margin-bottom: 50px;}
    .dataTabsBox .dtb_box:first-child ul{flex-wrap: wrap;}
    .dataTabsBox .dtb_box:first-child ul li{width:20%;}
    .dataTabsBox .dtb_box:last-child ul li {width: 50%;}
}

@media screen and (max-width:1000px){
    .searchSelectEl.dateType .selectBox input[type="text"]::placeholder,
    .searchSelectEl.dateType .selectBox.inputKeyword input[type="text"]::placeholder{ font-size:14px;}
}

@media screen and (max-width:768px){
    .searchSelectEl.dateType {flex-wrap: wrap;}
    .searchSelectEl.dateType .dateWave{width:1%; margin-right: 1%;}
    .searchSelectEl.dateType .selectBox{padding-right:35px; box-sizing: border-box; width:32%; margin-right:1%;}
    .searchSelectEl.dateType .selectBox.inputKeyword{margin-right:0;}
    .searchSelectEl.dateType .selectBox {height: 50px;}
    .searchSelectEl.dateType .selectBox input[type="text"]{font-size:14px;}
    .searchSelectEl.dateType .selectBox:before{width:16px; height: 16px; background-size: 100%; margin-top:-8px; right:15px;}
    .searchSelectEl.dateType input[type="submit"]{width: 100%; margin-top:20px;}

    .dataTabsBox{flex-wrap: wrap;}
    .dataTabsBox .dtb_box:first-child{width: 100%;}
    .dataTabsBox .dtb_box:last-child{width: 100%; margin-top:20px;}
}

@media screen and (max-width:480px){
    .searchSelectEl.dateType .selectBox{width:46.5%; margin:0;}
    .searchSelectEl.dateType .dateWave{margin:0 2%;}
    .searchSelectEl.dateType .selectBox.inputKeyword{width: 100%; margin-top:10px;}
    .searchSelectEl.dateType input[type="submit"]{margin-top:10px;}
    .dataTabsBox .dtb_box:first-child ul li{width:33.33%;}
    .categoryList .categoryEl > a {position: relative;}
    .categoryList .categoryEl > a > p {width: 100%;}
    .categoryList .categoryEl > a > p .cgeCate{display: block; margin-bottom:5px; width:80px; text-align: center;}
    .categoryList .categoryEl > a .categoryDate{position: absolute; top:13px; left:110px;}
}

.keywordBox.fullBox .keywordLeft{width: 100%;}
.keywordBox.fullBox .keywordLeft .keywordRankEl .krData{width: 75%;}
.keywordBox.fullBox .keywordLeft .keywordRankEl .kwRank{width: 25%;}

.infoEl.tagType {padding:20px 70px; box-sizing: border-box; align-items: center;}
.infoEl.tagType .tagTit{width: 230px; flex-shrink: 0; color:#fff; font-weight: 600; font-size:24px; padding-left:65px; box-sizing: border-box; background:url("/upload_data/board_data/BBS_0000015/165585968296697.png") left top 2px no-repeat; line-height: 50px;}
.infoEl.tagType .tagList{width: 78%;}
.infoEl.tagType .tagList a{display: inline-block; margin:4px 7px; background-color:#fff; color:#000; text-align: center; padding:5px 15px; box-sizing: border-box; border-radius: 50px; transition:all .3s ease-in-out;}
.infoEl.tagType .tagList a:hover{background-color:#0090f1; color:#fff; box-shadow:0px 0px 20px rgba(0,129,202,0.2); border-color:#7edeb9;}

.tableType{display: flex; align-items: stretch; justify-content: space-between; max-height: 400px;}
.tableType .graphEl{width: 65%; border-right: 0;}
.tableType .graphTable{width: 35%; height: 100%; overflow-y: auto; border-top:2px solid #005399; border-bottom:1px solid #cdcdcd;}
.tableType .graphTable .basic_table{margin:0; min-width:100%; border-top:0;}
.tableType .graphTable .basic_table tbody tr:last-child td{border-bottom: 0;}

@media screen and (max-width:1200px){
    .infoEl.tagType{flex-direction: column; border-radius: 70px;}
    .infoEl.tagType .tagTit{margin-bottom: 20px;}
    .infoEl.tagType .tagList{width: 100%; text-align: center;}
    .keywordBox.fullBox .keywordLeft .keywordRankEl .kwRank,
    .keywordBox.fullBox .keywordLeft .keywordRankEl .krData{width: 100%;}
    .keywordBox.fullBox .keywordLeft .keywordRankEl .kwRank .numberList li{width:19.5%;}
}

@media screen and (max-width:1000px){
    .keywordBox.fullBox .keywordLeft .keywordRankEl .kwRank .numberList li{width:49.5%;}
}

@media screen and (max-width:768px){
    .infoEl.tagType{border-radius: 30px; padding:20px 30px; box-sizing: border-box;}
}

@media screen and (max-width:480px){
    .tableType{flex-direction: column;}
    .tableType .graphEl{border-right:1px solid #cdcdcd;}
    .tableType .graphEl, .tableType .graphTable{width: 100%;}
}

.pop-wrap{position:relative;}
.pop-wrap .top{position:fixed; top:0px; left:0px; z-index:0; width:100%; box-sizing:border-box; padding:10px 15px; background: url(/upload_data/board_data/BBS_0000015/165585968296661.jpg)center top repeat;}
.pop-wrap .top .tit{font-size:20px;color:#fff;}

.pop-wrap .cont{margin-top:48px; padding:15px;}

.pop-wrap .close{position:fixed; top:8px; right:10px; z-index:1; display:block; width:30px; line-height:30px; color:#fff; font-size:26px; font-weight:900; text-align:center; }