html,body,input,button,ul{padding: 0px;margin: 0px;width: 100%;height: 100%;font-family: '微软雅黑';outline: none;border: 0px}
/* 蓝色框架 */
.blue_frame{width: 100%;height: 100%;position: relative;}
.blue_frame > img{display: block;position: relative;z-index: 2}
.blue_frame > div{float: left;}
.query_map img{width: 100%;height: auto;}
/* .query_map{width: 1920px;height: 1080px;z-index: 1;position: absolute;top: 0px;left: 0px;cursor: pointer}
.blue_frame > .query_img1{width: 1920px;height: auto;}
.blue_frame > .query_img2{width: 540.44px;height: auto;float: left;}
.blue_frame > .query_img3{width: 536.64px;height: auto;float: right;}
.blue_frame > .query_img4{width: 1920px;height: auto} */
.query_map{width: 100%;height: 100%;z-index: 1;position: absolute;top: 0px;left: 0px;cursor: pointer}
.blue_frame > .query_img1{width: 100%;height: auto;}
.blue_frame > .query_img2{width: 28.4%;height: auto;float: left;}
.blue_frame > .query_img3{width: 28.2%;height: auto;float: right;}
.blue_frame > .query_img4{width: 100%;height: auto}


/* 地图缩放按钮 */
.map_button{width: 38px;position: absolute;left: 395px;top: 165px;z-index: 10}
.map_button div{cursor: pointer;height: 38px;width: 38px;background-color: #061f7d;background-position: center center;background-repeat: no-repeat;}
.map_button div:hover{background-color: #072698}
.map_button .add{border-radius: 5px 5px 0px 0px;background-image: url(../../../image/front/index/add.png)}
.map_button .cut{border-radius: 0px 0px 5px 5px;border-top: 1px solid #4d5966;background-image: url(../../../image/front/index/cut.png)}
.map_button .back_home{border-radius: 5px;margin-top: 9px;background-image: url(../../../image/front/index/home1.png)}

/* 地图切换 */
.map_switch{position: absolute;z-index: 4;right: 445px;top: 920px}
.map_switch div{width: 54px;height: 54px;border: 2px solid #a5e4fb;float: right;margin-left: 15px;cursor: pointer}
.map_switch div:hover{border: 2px solid #03a9f4;}
.map_switch div img{width: 100%;height:100%;}
.map_switch .map_checked{border: 2px solid #03a9f4}

/* 经纬度 */
.LatitudeAnd{position: absolute;z-index: 4;left: 64px;top: 950px;color: white;font-size: 20px}


/* 时间和天气 */
.the_time{position: absolute;z-index: 3;left: 46px;top: 32px;color: #2aa7d3;font-size: 18px;height: 32px;vertical-align: middle;width: 400px}
/* 特色产业数据时间和天气 */
.the_time_tscy{position: absolute;z-index: 3;left: 130px;top: 37px;color: #2aa7d3;font-size: 18px;height: 32px;vertical-align: middle;width: 400px}
/* 特色产业数据导航 */
.the_navigation{position: absolute;z-index: 3;left: 32px;top: 90px;color: #00fcf9;font-size: 23px;height: 32px;vertical-align: middle;width: 420px}
.the_navigation_nycy{position: absolute;z-index: 3;left: 46px;top: 98px;color: #00fcf9;font-size: 21px;height: 32px;vertical-align: middle;width: 660px}
/* 特色产业首页logo */
.the_home_log{position: absolute;z-index: 3;left: 46px;top: 32px;color: #2aa7d3;font-size: 18px;height: 32px;vertical-align: middle;width: 40px}

.the_time img{display: inline-block;height: 100%;vertical-align: middle;margin-right: 14px}
.the_time span{display: inline-block;height: 100%;line-height: 32px;margin-left: 27px}
.weather{position: absolute;z-index: 3;right: 25px;top: 32px;color: #2aa7d3;font-size: 18px;text-align: right;}
.weather img{display: inline-block;height: auto;}
.weather span{display: inline-block;height: 100%;line-height: 32px;}
.weather .weather_temp{font-size: 24px;}
.weather_bottom span{font-size: 14px;margin-left: 17px}
.weather_top span{margin-left: 20px;min-width: 60px;text-align: center;}

/*农业分布*/
.query_farming{min-height: 710px;position: absolute;left: 60px;top: 160px;width: 300px;z-index: 3;background-color: rgba(13,24,109,0.8);box-shadow: 0px 0px 10px 10px #0f2c8a inset;}
.query_farming_syxfx{min-height: 300px;position: absolute;left: 60px;top: 160px;width: 300px;z-index: 3;background-color: rgba(13,24,109,0.8);box-shadow: 0px 0px 10px 10px #0f2c8a inset;}
.zuowuyingzi{height: 300px;position: absolute;left: 60px;top: 500px;width: 300px;z-index: 3;
			background-color: rgba(13,24,109,0.8);box-shadow: 0px 0px 10px 10px #0f2c8a inset;}
.query_farming_tscy{min-height: 330px;position: absolute;left: 30px;top: 160px;width: 320px;z-index: 3;background-color: rgba(13,24,109,0.8);box-shadow: 0px 0px 10px 10px #0f2c8a inset;}
.query_farming_nyzy{min-height: 330px;max-height: 790x;position: absolute;left: 30px;top: 160px;width: 320px;z-index: 3;background-color: rgba(13,24,109,0.8);box-shadow: 0px 0px 10px 10px #0f2c8a inset;}
.query_farming_litiqihou{min-height: 330px;max-height: 790x;position: absolute;left: 30px;top: 160px;width: 320px;z-index: 3;background-color: rgba(13,24,109,0.8);box-shadow: 0px 0px 10px 10px #0f2c8a inset;}
.query_farming_tulie{min-height: 330px;max-height: 790x;position: absolute;left: 30px;top: 160px;margin-top:360px;width: 320px;z-index: 3;background-color: rgba(13,24,109,0.8);box-shadow: 0px 0px 10px 10px #0f2c8a inset;}


.farming_top{width: 100%;height: 52px;background-image: url('../../../image/front/index/querytitle.png.png');line-height: 58px;text-indent: 15px;color: #a0e5fd;font-size: 21px;margin-top: 5px;background-position: center center;background-repeat: no-repeat;background-size: 100% 100%}
.farming_top:before{content:'';display: inline-block;width: 7px;height: 7px;background-color: #00fcf9;border-radius:8px;position: relative;top: -2px;margin-right: 10px}

.couty_image_title{width: 100%;height: 52px;line-height: 78px;text-indent: 15px;color: #a0e5fd;font-size: 21px;margin-top: 5px;margin-bottom: 20px;background-position: center center;background-repeat: no-repeat;background-size: 100% 100%}
.couty_image_title:before{content:'';display: inline-block;width: 7px;height: 7px;background-color: #00fcf9;border-radius:8px;position: relative;top: -2px;margin-right: 10px}

.farming_list{color: #f5f5f6}
.farming_search{height: 30px;width: 245px;border-radius: 30px;background-color: #002d88;margin: 19px 25px}
.farming_search input{border: 0px;background-color:transparent;margin-left: 12px;height: 100%;color: #00fcf9;width: 200px;float: left;}
.farming_search button{width: 30px;height: 30px;background-color: transparent;border: 0px;float: left;background-image: url('../../../image/front/index/search.png');background-repeat: no-repeat;background-position: center}

.farming_list{width: 215px;margin: 0px auto;}
.farming_list > span{cursor: pointer;width: 100%;height: 40px;line-height: 40px;display: block;font-size: 18px;}
.farming_list span:hover{color: #00fcf9}
.farming_list li:hover{color: #00fcf9}
.farming_list > span:before{content:'';display: inline-block;width: 7px;height: 7px;background-color: #00fcf9;border-radius:8px;position: relative;top: -2px;margin-right: 15px}
.farming_list > span i{float: right;display: inline-block;width: 30px;height: 100%;background-repeat: no-repeat;background-position: center center}
.farming_list ul{margin: 0px;padding-left: 20px;display: none;list-style: none;}
.farming_list ul li{cursor: pointer;font-size: 15px;line-height: 40px;background-image:url('../images/right_img.png');background-repeat : no-repeat ;background-position: center left;padding-left: 20px}
.checked span{color:#00fcf9 }
.query_farming .open ul{display: block;}
.query_farming .open i{background-image: url('../../../image/front/index/open.png')}
.query_farming .close i{background-image: url('../../../image/front/index/close.png');}
.checked ul .checked{color: #00fcf9;background-image:url('../../../image/front/index/right_img_nav.png')}

/*图裂信息*/
.area_tulie{width: 305px;height: auto;list-style: none;margin: 80px 30px}
.area_tulie .legend_child{margin-top:20px;color: #76dbfb;}

/* 乡镇信息 */
.county_img .county_img_view{padding-bottom:5px;}

/*地块信息*/
/* .query_area{max-height: 820px;min-height: 330px;position: absolute;right: 60px;top: 160px;width: 345px;z-index: 3;background-color: rgba(13,24,109,0.8);box-shadow: 0px 0px 10px 10px #0f2c8a inset;} */
.query_area{max-height: 820px;min-height: 330px;position: absolute;right: 30px;top: 160px;width: 320px;z-index: 3;background-color: rgba(13,24,109,0.8);box-shadow: 0px 0px 10px 10px #0f2c8a inset;}
.area_msg{width: 305px;height: auto;list-style: none;height: 160px;margin: 0px auto}
.area_msg li{width: 138px;height: 68px;margin: 7px 7px;background-color: #0d2477;color: #76dbfb;font-size: 14px;text-align: center;float: left;overflow:hidden;}
.area_msg_one li{width: 100px;height: 22px;margin: 7px 7px;background-color: #0d2477;color: #76dbfb;font-size: 14px;text-align: center;float: left;overflow:hidden;}
.area_msg_two li{width: 100px;height: 22px;margin: 7px 7px;background-color: #0d2477;color: #76dbfb;font-size: 14px;text-align: center;float: left;overflow:hidden;}

.area_msg_three{width: 290px;max-height: 520px;height: auto;list-style: none;margin: 20px auto;line-height: 40px;color: white;font-size: 16px}
.area_msg_three li{height: auto;width: 295px;padding: 0px 20px;cursor: pointer;overflow:hidden;}

.area_msg li:hover{background-color: #0d2986;cursor: pointer}
.area_msg li a{display: block;width: 100%;height: 50%;line-height: 20px;color: #ffd84c}
/* .area_msg li a{display: block;width: 100%;height: 50%;line-height: 46px;color: #ffd84c} */
.area_msg li a span{line-height: 46px}
.area_msg li span{display: block;width: 100%;height: 50%;line-height: 26px}
.area_detail{width: 100%;height: 30px;line-height: 30px;position: relative;overflow:hidden;text-align: center;line-height: 30px}
.area_detail span{display: inline-block;height: 10px;color: #00fcf9;text-align: center;width: 100px;position: relative;border-left: 2px solid #28ebfa;border-right: 2px #28ebfa solid;line-height: 10px;font-size: 14px}
.area_detail span:before{content:'';display: inline-block;height: 1px;width: 120px;position:absolute;background-color: #055182;left: -140px;top: 5px}
.area_detail span:after{content:'';display: inline-block;height: 1px;width: 120px;position:absolute;background-color: #055182;right: -140px;top: 5px}
.area_detail_list{width: 290px;max-height: 520px;overflow-y: auto;height: auto;list-style: none;margin: 20px auto;line-height: 30px;color: white;font-size: 14px}
.area_detail_list::-webkit-scrollbar {display:none}
.area_detail_list li{height: 40px;width: 295px;padding: 10px 20px;cursor: pointer;overflow:hidden;font-size:16px;}
.area_detail_list li:nth-child(2n + 1){background-color: #03237b}

.area_detail_list_litiqihou{width: 290px;max-height: 520px;overflow-y: auto;height: auto;list-style: none;margin: 20px auto;line-height:21px;color: white;font-size: 14px}
.area_detail_list_litiqihou::-webkit-scrollbar {display:none}
.area_detail_list_litiqihou li{width: 295px;padding: 10px 20px;cursor: pointer;overflow:hidden;font-size:16px;}
.area_detail_list_litiqihou li div{display: inline-block;color: #00fcf9;margin-left:10px;}

.chart_shiyongliang{height: 340px;position: absolute;right: 30px;top:555px;width: 320px;z-index: 3;background-color: rgb(50 61 141 / 80%);box-shadow: 0px 0px 10px 10px #0f2c8a inset;}
.selelt_name{position: absolute;right: 30px;width: 50px;height:50px;top:535px;z-index: 3;background-color:rgb(20 229 239 / 80%);box-shadow: 0px 0px 5px 5px #14e5efcc inset;}

.area_msg_three li:nth-child(2n + 1){background-color: #03237b}
.query_area .area_detail_list li:hover{color: #00fcf9;background-color: #0d2986}
.area_detail_list li div{display: inline-block;color: #00fcf9}
.area_msg_three li div{display: inline-block;float: right;color: #00fcf9}
.area_detail_list li div a{color: #00fcf9}
.area_detail_list div a{color: #00fcf9}

/*数字滚动插件的CSS可调整样式*/
.mt-number-animate{ font-family: '微软雅黑'; height: 100%;/*设置数字显示高度*/; font-size: 14px;/*设置数字大小*/ overflow: hidden; display: inline-block; position: relative; }
.mt-number-animate .mt-number-animate-dot{ width: 10px;/*设置分割符宽度*/ float: left; text-align: center;}
.mt-number-animate .mt-number-animate-dom{ width: 8px;/*设置单个数字宽度*/ text-align: center; float: left; position: relative; top: 0;}
.mt-number-animate .mt-number-animate-dom .mt-number-animate-span{ width: 100%; float: left;}

/* 光影效果 */
.light_hover{overflow:hidden;}
.light_hover:after{
  position: absolute;
  left: -150%;/*改变left的值，让其相对light_hover影藏*/
  top: 0;
  width: 30%;
  height: 100%;
  content: "";
  /* Safari 5.1 - 6.0 */
  background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 100%);
  /* Opera 11.1 - 12.0 */
  background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 100%);
  /* Firefox 3.6 - 15 */
  background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 100%);
  /* 标准的语法 */
  background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 100%);
  transform: skewX(-45deg);
}
.light_hover:hover:after{
  left: 220%;
  transition: 1s ease;
}


/* 特色产业适宜性评价与分析系统 */
.area_detail_list div a{float: left;}
.area_msg .legend{height: auto;width: 276px;background-color: transparent}
.area_msg .legend:hover{background-color: transparent}
.area_msg .legend span{color: #00e0f4;font-size: 14px;text-align:left;height: auto}
/*add*/
.area_msg div div a{color:#00fcf9}
.area_msg div div span{color:white}
/*add*/
.legend .legend_child{margin-right: 1.33%;padding: 14px 1%;}
.legend .legend_child:hover{background-color: #0d2986}
/* .legend .legend_child div{float: left;line-height: 26px;} */
.legend .legend_child div{float: left;line-height: 18px;font-size:15px}
/* .legend_child div:nth-child(1){width: 24px;height: 24px;border:#256bb4 solid 1px;} */
.legend_child div:nth-child(1){width: 24px;height: 24px;float:left;}
.legend_child div:nth-child(2){margin-left: 40px}

.crop_box .legend{width: 220px;display: block;margin: 7px 42.5px;}
.crop_box .legend_child{margin-right:6.33%;}
.condition_box .legend_child{margin-left:11.33%;}
.crop_box .legend_child div:nth-child(2){margin-right: 20px}
.crop_box{height: 360px}
/* 适应性分析 */
.farming_select{color: #00fcf9;font-size: 18px;margin-top:20px}
.farming_select .farming_tit{margin: 15px 35px;}
.farming_select .farming_select_box{width: 225px;height: 35px;color: #00fcf9;background-color: transparent;border-radius: 35px;border: #00fcf9 1px solid;outline: none;padding: 0px 10px;margin: 0px auto}
.layui-input{background-color: transparent;border: 0px}
.layui-select-title{background-color: transparent;border: 0px}
.layui-form-select .layui-input{background-color: transparent;border: 0px;color: #00fcf9;font-size: 14px}
.layui-form-select .layui-input::-webkit-input-placeholder{color:#00fcf9;}
.layui-form-select .layui-input::-moz-placeholder{color:#00fcf9;}
.layui-form-select .layui-input:-moz-placeholder{color:#00fcf9;}
.layui-form-select .layui-input:-ms-input-placeholder{color:#00fcf9;}
.layui-form-selected dl {background-color: #0d2476;border: 1px solid #00fcf9;}
.layui-form-select dl dd{color:#00fcf9;font-size: 14px}
.layui-form-select dl dd.layui-this,.layui-form-select dl dd:hover{background-color: #081158;color: #00fcf9;}
/*.farming_select .layui-form-select dl dd.layui-this{background-color: #00fcf9;}*/
.crop_box{display: none}


/* 特色产业适应性  蓝色蒙版 */
.suitable_blue_frame > .query_img1{width: 100%;height: auto;}
.suitable_blue_frame > .query_img2{width: 18.54%;height: auto;float: left;}
.suitable_blue_frame > .query_img3{width: 21.04%;height: auto;float: right;}
.suitable_blue_frame > .query_img4{width: 100%;height: auto}
.crop_box{display: none}

/*地图小图标*/
.map_logo{margin-left: -13px;position: fixed;top: 50%;left: 50%;margin-top: -13px;z-index: 20}



/* 土地转租系统 */
.land .query_farming{width: 320px;color: #fff;font-size: 14px;}
.query_farming table{border-collapse: collapse;width: 100%;margin: 10px 0px;text-align: center;max-height: 600px;overflow-y: scroll;display: block;}
.query_farming table::-webkit-scrollbar {display:none}
.query_farming table tr{cursor: pointer;display: inline-block;height: 40px;margin: 0px;padding: 0px;width: 90%;padding: 0px 2.5%;line-height: 40px}
.query_farming table tr:hover{background-color: #072698}
.query_farming table tr:nth-child(2n + 1){background-color: #03237b;}
.query_farming table tr td:nth-child(1) div{text-align: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 100px;}
.query_farming table tr td:nth-child(2) div{width: 70px;text-align: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.query_farming table tr td:nth-child(3) div{width: 90px;color: #00fcf9;}/* text-align: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; */
.query_farming table tr td:nth-child(1) {text-align: left;}
.query_farming table tr td:nth-child(2) {text-align: center;}
.query_farming table tr td:nth-child(3) {text-align: right;}

/* 地块选项卡 */
.check_box{width: 345px;height: 24px;position: absolute;z-index: 4;top: 120px;right: 60px;}
.check_box div{cursor: pointer;margin-right: 15px;line-height: 24px;width: 100px;height: 24px;color: #00eaff;text-align: center;font-size: 12px;float: left;background-image: url(../images/check_box_bg.png);}
.check_box div:hover{background-image: url(../../../image/front/index/checked_box_bg.png);}
.check_box .checked{background-image: url(../../../image/front/index/checked_box_bg.png);}

.check_box_child .idnumber{width: 275px;height: 66px}
.check_box_child .content{width: 255px;height: auto;min-height: 150px;max-height: 380px;text-align: left;padding: 0px 10px;display: inline-block;overflow-y: auto;}
.check_box_child .content span{height: auto;}
.check_box_child .content a{height: 100%;line-height: 26px;word-wrap:break-word;}
.check_box_child .content::-webkit-scrollbar {display:none}



/*手机端兼容*/
@media screen and (max-width: 1000px) {
    body,html {
      width: 100%;
      height: 100%;
      background-color:#000161;
    }
    .the_time{display: none;}
    .weather{display: none}
    .query_farming{position: static;box-shadow:0px 0px 0px 0px;min-height: auto;width: 100%;}
    .query_farming, .check_box, .query_area{position: static}
    /*.map_button{top: 100px;left: 100px}*/
    .map_button{top: 30px;left: 30px}
    .map_switch div{width: 30px;height: 30px;clear: both;margin-bottom: 10px}
    .map_switch{right: 30px;top: 30px}
    .LatitudeAnd{top: 70px;right: 40px;left: auto;display: none}
    .query_area{width: 100%;box-shadow:0px 0px 0px 0px }
    .blue_frame{height: auto}
    .query_farming table{margin: 10px auto;width: 90%;table-layout: fixed;word-break: break-all;}

    .query_farming table tr td:nth-child(1) div{text-align: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 100%;table-layout: fixed;word-break: break-all;max-width: 160px}
    .query_farming table tr td:nth-child(2) div{width: 50px;}
    .query_farming table tr td:nth-child(3) div{width: 110px;color: #00fcf9}
    .query_farming table tr td:nth-child(1){max-width: 30%;}
    .query_farming table tr td:nth-child(2){max-width: 20%;}
    .query_farming table tr td:nth-child(3){max-width: 50%;}


    .check_box{clear: both;height: 50px;margin: 20px auto;padding-top: 20px}
    .check_box div{height: 100%;width: 100px;background-repeat: no-repeat;background-size: 100% 100%;line-height: 50px}
    .area_msg{width: 100%;margin: 0px;height: 80px}
    .area_detail span:before{width: 300px;left: -320px}
    .area_detail span:after{width: 300px;right: -320px}
    .area_msg li{width: 45%;margin: 20px 2.5%}
    .area_detail_list{width: 95%;margin: 20px 2.5%}
    .area_detail_list li{width: 95%;padding: 0px 2.5%}
    .check_box_child .idnumber{width: 95%}
    .check_box_child .content {width: 90%;padding: 20px 2.5%}

    .farming_list{width: 90%;margin: 0px 5%}
    .farming_list ul li{line-height: 50px}
    .farming_select .farming_select_box{margin: 0px;margin-left: 30px}
    .area_msg .legend{width: 100%}
    .crop_box .legend{margin: 10px 2.5%}
    .legend .legend_child{width: 30%}
    .layui-form{position: relative;z-index: 20}
    .map_logo{top: 100px;position: absolute;}
    .land .query_farming{width: 100%}
    .light_hover:after{display: none}
    .farming_search{width: 95%;margin: 20px 2.5%;height: 35px;}
    .farming_search input{width: 86%}
    .farming_search button{margin-top: 3px}
}