.wl_loginbg{width: 100%;height: auto;overflow: hidden;background: url("../img/wl/login_bg.jpg")no-repeat top center;background-size:cover;}
.wl-loginbox{width:72%;background:rgba(255,255,255,.95);overflow: hidden;border-radius: 10px;box-shadow: 0 0 30px 0 rgba(9,17,74,.1);position: absolute;bottom: 0px;right: 0px;left: 0px;margin: 0px auto;}
.wl-logincon{padding: 30px 45px ;overflow: hidden;}
.wl-logincon ul li{width: 23%;overflow: hidden;float: left;margin: 0px 1%;box-sizing: border-box;}
.wl-logincon ul li.li1{width: 31%;}
.wl-logincon ul li.li2{width: 15%;}
.wl-logincon ul li .inputbg{border: 1px solid #f6cdc0;border-radius: 6px;width: 100%;box-sizing: border-box;height: 46px;padding-left: 30px; font-size: 16px;color: #333;}
.wl-logincon ul li .inputbg.coin1{background: url(../img/wl/ucoin1.png)no-repeat 5px center;background-size:6%;}
.wl-logincon ul li .inputbg.coin2{background: url(../img/wl/ucoin2.png)no-repeat 5px center;background-size:6%;}
.wl-logincon ul li .loginbut{width: 100%;border: 0px;border-radius: 6px;background-color: #e12229;height: 46px;line-height: 46px;font-size: 18px;color: #fff;}
.wl-logincon ul li .loginbut.regbit{background-color: #f6cdc0;margin-top: 0px;display: inline-block;text-align: center;}

.index{width: 100%; height: 100%; height: 100%; margin: 0; padding:6% 3% 3% 3%; box-sizing: border-box;  background-repeat: no-repeat}
.index_title{width: 100%; text-align: center; color: #fff; height:6%; position: absolute; top: 0}
.index_title .logo{width: auto; height: 100%; position: absolute; top:10px; left:0px}
.index_title .title{ height: 100%; margin-top: 2%; color: #a5dcff; font-size:25px;}
.index_title .nav{position: absolute; width: 30%;  top: 22%; left: 15%}
.index_title .nav li{ width: auto; padding:1% 10%; top: 22%; height:100%;  float: left; background: url('../img/nav_bg.png') bottom no-repeat; background-size: 90% 90%}
.index_title .nav li:hover{ padding:1% 10%; top: 22%; background: url('../img/nav_bg_hover.png') bottom no-repeat;height:110%; background-size: 100% 100%; color:#fff;}
.index_title .nav .cur{ padding:1% 10%; top: 22%; background: url('../img/nav_bg_hover.png') bottom no-repeat;height:110%; background-size: 100% 100%; color:#fff;}
.index_title .nav_r{position: absolute; width: 23%;  top: 22%; right: 2%}

.index_left{width: 36%; height: 100%; float: left;}
.index_left_con1{width: 30%; height: 100%; float: left; color: #95c0e1; overflow: hidden}
.index_left_con2{width: 68%; height: 100%; float: right;}
.index_left_con1_con{ height:50%; background: url('../img/con_bg.png') center no-repeat; padding: 5px; float: left; background-size: 100% 100%; position: relative;}
.index_left_con2_con{background: url('../img/con_bg.png') center no-repeat; padding:5px 0px; width: 100%; box-sizing: border-box; float: left; background-size: 100% 100%;}
.index_left_con1_con .titl2_con{width:96%; height: 100%; margin:0 auto; }


.index_center{width:28%; height: 100%; padding: 1%; box-sizing: border-box;  float: left; }
.index_right{width:36%; height: 100%; float: right;overflow: hidden; }
.index_center_title{width:100%; height: 8%; margin-top: -5.1%; float: left; }
.index_center_title img{width: 18%; margin-top: 1.5%}
.index_center_map{width:100%; height: 100%; padding: 2%; box-sizing: border-box;  float: left; position: relative}



.index .titl2_s1{width: 100%; float: left; line-height: 32px; margin-bottom: 5px; border-right:solid 2px #47a5ed; box-sizing: border-box; padding-left:32px;  background: url('../img/title_ico.png') no-repeat 10px center #123657 ; color: #fff}
.index .titl2_s2{width: 100%; float: left; line-height: 1.8; padding-top: 2px; padding-bottom: 8px; padding-left:12px;  background: url('../img/title_s2.png') no-repeat left top ; background-size:auto 100%; color: #fff}

.index .tj_1{width: 100%; float: left}
.index .tj_1 ul li{width: 100%; float: left}
.index .tj_1 ul li span{width: 30.3%; float: left; margin: 1%; padding:1% 2% 1% 2%; box-sizing: border-box; text-align: center; background: #112b4c}
.index .tj_1 ul li span em{font-size: 20px; color: #00c3ff}
.index .tj_1 ul li .tj_1_title{ background: url('../img/tj_title.png') no-repeat ; text-align: center; padding-bottom: 7%; background-size:100%;}

.index .tb_1{width: 50%; height: 200px; float: left; position: relative}
.index .tb_1 .erp{width: 100%;height: 100%; padding: 4% 2%; box-sizing: border-box; float: left; }

.index .tj_2{width: 100%; float: left}
.index .tj_2 ul li{width: 100%; overflow:hidden; float: left; line-height: 1.8}
.index .tj_2 ul li .circle{width: 10px;height: 10px;border-radius: 50%;display: inline-block; background: #79daff; margin-left: 5px; margin-right: 5px;}
.index .tj_2 ul li:nth-child(1n).circle{ background: #0a73ff;}
.index .tj_2 ul li:nth-child(2n) .circle{ background: #3dabff;}
.index .tj_2 ul li:nth-child(3n) .circle{ background: #79daff;}
.index .tj_2 ul li:nth-child(4n) .circle{ background: #a3f6ff;}

.index .table1{width: 100%; font-size: 11px; text-align: center; line-height: 1.4}
.index .table1 li{padding: 10px 0 0 0; vertical-align: middle!important; float:left;}
.index .table1 .title{ width:100%; overflow:hidden; background: #142e53; line-height: 1.4;}
.index .table1 .lie{ width:100%; overflow:hidden; line-height: 1.4;}
.index .table1 .lie div{vertical-align: middle!important; float:left;}
.index .table1 .title .l_j{
  background: linear-gradient(to left, #6d9ec9, #6d9ec9) left top no-repeat,
  linear-gradient(to bottom, #6d9ec9, #6d9ec9) left top no-repeat,
  linear-gradient(to left, #6d9ec9, #6d9ec9) right top no-repeat,
  linear-gradient(to bottom, #6d9ec9, #6d9ec9) right top no-repeat,
  linear-gradient(to left, #6d9ec9, #6d9ec9) left bottom no-repeat,
  linear-gradient(to bottom, #6d9ec9, #6d9ec9) left bottom no-repeat,
  linear-gradient(to left, #6d9ec9, #6d9ec9) right bottom no-repeat,
  linear-gradient(to left, #6d9ec9, #6d9ec9) right bottom no-repeat;
  background-size: 1px 5px, 5px 1px, 0px 0px, 0px 0px;
}
.index .table1 .title .r_j{
  background: linear-gradient(to left, #6d9ec9, #6d9ec9) left top no-repeat,
  linear-gradient(to bottom, #6d9ec9, #6d9ec9) left top no-repeat,
  linear-gradient(to left, #6d9ec9, #6d9ec9) right top no-repeat,
  linear-gradient(to bottom, #6d9ec9, #6d9ec9) right top no-repeat,
  linear-gradient(to left, #6d9ec9, #6d9ec9) left bottom no-repeat,
  linear-gradient(to bottom, #6d9ec9, #6d9ec9) left bottom no-repeat,
  linear-gradient(to left, #6d9ec9, #6d9ec9) right bottom no-repeat,
  linear-gradient(to left, #6d9ec9, #6d9ec9) right bottom no-repeat;
  background-size: 0px 0px, 0px 0px,1px 5px, 5px 1px ;
}
.index .table1 div:first-child li{ padding: 5px 0;}
.index .table1 .cl1{color:#94bbda; }
.index .table1 .cl2{color:#bcc4c7; font-size: 13px}
.index .table1 .cl3{color:#00c3ff;}
.index .table1 .cl4{color:#00c3ff;}

.index #marquee1{width:100%;height:38vh;overflow:hidden; margin:0 auto;}
.index #marquee2{width:100%;height:28vh;overflow:hidden; margin:0 auto;}

.index #line{width:100%;height:35vh;overflow:hidden; margin:0 auto;}
.index #line1{width:100%;height:35vh;overflow:hidden; margin:0 auto;}
.index #line2{width:100%;height:19vh;overflow:hidden; margin:0 auto;}
.index #line3{width:100%;height:19vh;overflow:hidden; margin:0 auto;}
.index #line4{width:100%;height:19vh;overflow:hidden; margin:0 auto;}
.index #line5{width:100%;height:72vh;overflow:hidden; margin:0 auto;}


.show{width: 100%; height: 100%; height: 100%; margin: 0; padding:6% 3% 3% 3%; box-sizing: border-box;  background-repeat: no-repeat}

.show_left{width: 25%; height: 100%; float: left;}
.show_left_con1{width: 100%; height: 100%; float: left; color: #95c0e1; overflow: hidden}
.show_left_con2{width: 67%; height: 100%; float: right;}
.show_left_con1_con{ width:100%; height:50%;  padding:0; border-radius:0 15px 0 0; float: left; background: url(../img/box_03.png) center repeat-y;  background-size: 100% 100%; position: relative; }
.show_left_con2_con{background: url(../img/box_03.png) center repeat-y;  background-size: 100% 100%; padding:5px 0px; width: 100%; height:100%; box-sizing: border-box; float: left; background-size:100% auto;}
.show_left_con1_con .titl2_con{width:96%; height: 92%; margin:0 auto;}
.show_left_con1_con .titl2_con::-webkit-scrollbar{width:3px;height:3px;}
.show_left_con1_con .titl2_con::-webkit-scrollbar-track{background: #526c91;border-radius:2px;}/*立体滚动条背景颜色*/
.show_left_con1_con .titl2_con::-webkit-scrollbar-thumb{background: rgba(0,0,0,0.3);border-radius:2px;}/*滚动条里面可以拖动的那部分（位置5）*/
.show_left_con1_con .titl2_con::-webkit-scrollbar-thumb:hover{background: #0f3771;}
.show_left_con1_con .titl2_con::-webkit-scrollbar-corner{ background: #dfd6c5;}
.show_left_con1_con .titl2_con span{ color:#00d3ff; font-size:18px;}
.show_left_con1_con .titl2_con .titl2_con_pro{ width:80%; height:42px; overflow:hidden; margin:10px auto 0 auto; background:url(../img/t1.png) no-repeat left top; background-size:auto 100%; line-height:3; color:#fff; font-size:18px; text-align:left;}
.show_left_con1_con .titl2_con .titl2_con_pro div{ width:15%; height:42px; overflow:hidden; margin:5px auto 0 0; float:left; line-height:1; color:#fff; font-size:20px;text-align:center;}
.show_left_con1_con .titl2_con .titl2_con_img{ width:80%; height:auto; float:left; max-height:200px; overflow:hidden; border-radius:10px; margin:10px 5%;}
.show_left_con1_con .titl2_con .titl2_con_img img{ width:100%; height:auto;}


.show_center{width:28%; height: 100%; margin:0 0 0 1%; padding: 1%; box-sizing: border-box;  float: left; background: url('../img/showbg.jpg') center top no-repeat; background-size:100% 100%;}
.show_right{width:45%; height: 100%; float: right;overflow: hidden; }
.show_center_title{width:100%; height: 8%; margin-top: -5.1%; float: left; }
.show_center_title img{width: 18%; margin-top: 1.5%}
.show_center_map{width:100%; height: 100%; padding: 2%; box-sizing: border-box;  float: left; position: relative}

.show .titl2_s1{width: 100%; float: left; line-height: 32px; margin-bottom: 5px; border-right:solid 2px #47a5ed; box-sizing: border-box; padding-left:32px;  background: url('../img/box_01.png') no-repeat 10px center #123657 ; color: #fff}
.show .titl2_s2{width: 100%; float: left; line-height: 2.4; font-size:20px; padding-bottom: 16px; text-indent:2em; background: url('../img/box_01.png') no-repeat left top ; background-size:100% 100%; color: #fff}
.show .show_left_con1_con .footer{width: 100%; height:45px; float: left;  background: url('../img/box_05.png') no-repeat left top ; background-size:100% 100%;}
.show .show_time{ width:96%; height:31px; overflow:hidden; margin:10px 2%; background:url(../img/t2.jpg) repeat-x left top; line-height:31px; font-size:18px; font-family:microsoft yahei; text-indent:0.5em; }
.show .show_k_li{ width:46%; height:31px; overflow:hidden; float:left; margin:10px 2% 0 2%; background:url(../img/t3.jpg) repeat-x left top; line-height:31px; font-size:14px; font-family:microsoft yahei; text-indent:0.5em; }
.show .show_k_li span{line-height:31px; font-size:14px; font-family:microsoft yahei; text-indent:0.5em; color:#00daff; }

.show .tj_1{width: 100%; float: left}
.show .tj_1 ul li{width: 100%; float: left}
.show .tj_1 ul li span{width: 30.3%; float: left; margin: 1%; padding:1% 2% 1% 2%; box-sizing: border-box; text-align: center; background: #112b4c}
.show .tj_1 ul li span em{font-size: 20px; color: #00c3ff}
.show .tj_1 ul li .tj_1_title{ background: url('../img/tj_title.png') no-repeat ; text-align: center; padding-bottom: 7%; background-size:100%;}

.show .tb_1{width: 50%; height: 200px; float: left; position: relative}
.show .tb_1 .erp{width: 100%;height: 100%; padding: 4% 2%; box-sizing: border-box; float: left; }

.show .tj_2{width: 100%; float: left}
.show .tj_2 ul li{width: 100%; overflow:hidden; float: left; line-height: 1.8}
.show .tj_2 ul li .circle{width: 10px;height: 10px;border-radius: 50%;display: inline-block; background: #79daff; margin-left: 5px; margin-right: 5px;}
.show .tj_2 ul li:nth-child(1n).circle{ background: #0a73ff;}
.show .tj_2 ul li:nth-child(2n) .circle{ background: #3dabff;}
.show .tj_2 ul li:nth-child(3n) .circle{ background: #79daff;}
.show .tj_2 ul li:nth-child(4n) .circle{ background: #a3f6ff;}

.show .table1{width: 100%; font-size: 11px; text-align: center; line-height: 1.4}
.show .table1 li{padding: 10px 0 0 0; vertical-align: middle!important; float:left;}
.show .table1 .title{ width:96%; overflow:hidden; background: #142e53; line-height: 1.4; margin:0 auto;}
.show .table1 .lie{ width:100%; overflow:hidden; line-height: 1.4;}
.show .table1 .lie div{ min-height:30px;vertical-align: middle!important; float:left;}
.show .table1 .title .l_j{
  background: linear-gradient(to left, #6d9ec9, #6d9ec9) left top no-repeat,
  linear-gradient(to bottom, #6d9ec9, #6d9ec9) left top no-repeat,
  linear-gradient(to left, #6d9ec9, #6d9ec9) right top no-repeat,
  linear-gradient(to bottom, #6d9ec9, #6d9ec9) right top no-repeat,
  linear-gradient(to left, #6d9ec9, #6d9ec9) left bottom no-repeat,
  linear-gradient(to bottom, #6d9ec9, #6d9ec9) left bottom no-repeat,
  linear-gradient(to left, #6d9ec9, #6d9ec9) right bottom no-repeat,
  linear-gradient(to left, #6d9ec9, #6d9ec9) right bottom no-repeat;
  background-size: 1px 5px, 5px 1px, 0px 0px, 0px 0px;
}
.show .table1 .title .r_j{
  background: linear-gradient(to left, #6d9ec9, #6d9ec9) left top no-repeat,
  linear-gradient(to bottom, #6d9ec9, #6d9ec9) left top no-repeat,
  linear-gradient(to left, #6d9ec9, #6d9ec9) right top no-repeat,
  linear-gradient(to bottom, #6d9ec9, #6d9ec9) right top no-repeat,
  linear-gradient(to left, #6d9ec9, #6d9ec9) left bottom no-repeat,
  linear-gradient(to bottom, #6d9ec9, #6d9ec9) left bottom no-repeat,
  linear-gradient(to left, #6d9ec9, #6d9ec9) right bottom no-repeat,
  linear-gradient(to left, #6d9ec9, #6d9ec9) right bottom no-repeat;
  background-size: 0px 0px, 0px 0px,1px 5px, 5px 1px ;
}
.show .table1 div:first-child li{ padding: 5px 0;}
.show .table1 .cl1{color:#95c0e1; }
.show .table1 .cl2{color:#bcc4c7; font-size: 13px}
.show .table1 .cl3{color:#00c3ff;}
.show .table1 .cl4{color:#ff9017;}

.show #line{width:100%;height:38vh;overflow:hidden; margin:0 auto;}
.show #line1{width:100%;height:27vh;overflow:hidden; margin:0 auto;}

/* 主框架 */
.main-container-wrapper{margin-right: auto;margin-left: auto;}
.page-sidebar{position: fixed;width: 180px;overflow: hidden;    box-shadow: 0 0 10px 0 rgba(33,33,33,.2);-webkit-box-shadow: 0 0 10px 0 rgba(33,33,33,.2);-moz-box-shadow: 0 0 10px 0 rgba(33,33,33,.2);-o-box-shadow: 0 0 10px 0 rgba(33,33,33,.2);-ms-box-shadow: 0 0 10px 0 rgba(33,33,33,.2);min-height: 100%;}
.page-sidebar-wrapper{overflow: hidden;position: relative;background-color: #1f2c5c;}
.wraplogo{width:90px;height: 132px;margin: 26% auto 75px;overflow: hidden;text-align: center;}
.wraplogo img{width: 100%;}
.wraplist{height: auto;margin-left: 44px;}
.wraplist li{width: 100%;margin-bottom: 25px;font-size: 15px;text-align: left;position: relative;}
.wraplist li a{color: #fff; font-family: '微软雅黑'}
.wraplist li.cur::after,.wraplist li:hover::after{content: "";width: 20px;height: 2px;background-color: #fff;position: absolute;left: -44px;top: 8px;transition-duration: 500ms;opacity: 1;}
.wraplist li::after{content: "";width: 20px;height: 2px;background-color: #fff;position: absolute;left: -44px;top: 8px;transition-duration: 500ms;opacity: 0;}
.wraplist li:hover,.wraplist li.cur{}
.main-content{margin-left: 180px;display: block;transition: width 0.25s ease, margin 0.25s ease;min-height: 100vh;position: relative;overflow: hidden;}
.main-wrapper{display: inline-block;width: 100%;padding: 15px 15px 0 15px;}
/* 欢迎界面 */
.wecombg{width: 100%;height: auto;overflow: hidden;background: url(../img/wl/bg1.jpg)no-repeat top center;background-size:cover;}
.wecom-title{width: 100%;text-align: center;font-size: 55px;color: #0263cb;margin: 6% auto 0px;font-weight: bold;}
.wecom-con{width: 1250px;height: 540px;margin: 40px auto 0px;position: relative;overflow: hidden;padding-top: 40px;}
.wecom-con .logo{width:358px;height: 361px;margin: 0px auto;z-index: 10;margin: 0px auto;position: absolute;left: 0px;right: 0px;margin: 0px auto;}
.wecom-con .logo img{width: 100%;}
.wecom-con .left1{width:624px;height: 110px;background: url(../img/wl/coin1.png)no-repeat;background-size: 100%;line-height: 110px;position: absolute;left: 0px; top:110px;z-index: 1;}
.wecom-con .left1 span{font-size: 38px;color: #fff;font-weight: bold;padding-left: 125px;}
.wecom-con .left2{width:479px;height: 84px;background: url(../img/wl/coin3.png)no-repeat;background-size: 100%;line-height: 84px;position: absolute;left: 120px; top:230px;z-index: 1;}
.wecom-con .left2 span{font-size: 38px;color: #fff;font-weight: bold;padding-left: 60px;}
.wecom-con .left3{width:596px;height: 110px;background: url(../img/wl/coin2.png)no-repeat;background-size: 100%;line-height: 110px;position: absolute;right: 0px; top:110px;z-index: 1;text-align: right;}
.wecom-con .left3 span{font-size: 38px;color: #fff;font-weight: bold;padding-right: 80px;}
.wecom-con .left4{width:452px;height:84px;background: url(../img/wl/coin4.png)no-repeat;background-size: 100%;line-height: 84px;position: absolute;right: 120px; top:230px;z-index: 1;text-align: right;}
.wecom-con .left4 span{font-size: 38px;color: #fff;font-weight: bold;padding-right: 100px;}
/* 云地图 */
.map_laderbox{width: 100%;height: 51px;box-shadow: 0 0 10px 0 rgba(33,33,33,.2);-webkit-box-shadow: 0 0 10px 0 rgba(33,33,33,.2);-moz-box-shadow: 0 0 10px 0 rgba(33,33,33,.2);-o-box-shadow: 0 0 10px 0 rgba(33,33,33,.2);-ms-box-shadow: 0 0 10px 0 rgba(33,33,33,.2);position:fixed;text-align: center;padding-top: 9px;top: 0;
left: auto;right: 0;width: calc(100% - 180px);z-index: 20;background-color: #fff;}
.map_select{border: 1px solid #c7c7c7;height: 36px;box-sizing: border-box;width: 136px;border-radius: 6px;background: url(../img/wl/arrow.png)no-repeat 95% center;background-size: 11%;padding-left: 15px;font-size: 14px;color: #333;margin: 0px 8px;}
.map_input{width: 200px;height: 36px;border: 1px solid #c7c7c7;box-sizing: border-box;border-radius: 6px;padding-left: 15px;font-size: 14px;color: #333;margin: 0px 4px;}
.map_timecoin{background: url(../img/wl/time_coin.png)no-repeat 95% center;background-size: 10%;}
.map_bot{height: 38px;background-color: #d4232f;border-radius: 6px;color: #fff;font-size: 16px;line-height: 38px;padding: 0px 20px;cursor: pointer;display: inline-block;}
.map_laderbox .layui-input,.map_laderbox .layui-textarea{border-radius: 6px;}
/* .map_leftcon{width: 370px;height: calc(100% - 60px);background-color: #fff;position:absolute;left: 0px;padding-top: 60px;box-shadow: 2px 0 6px 0 rgba(28,32,40,.3);} */
.map_leftcon{width: 370px;height: calc(100%);background-color: #fff;position:absolute;left: 0px;box-shadow: 2px 0 6px 0 rgba(28,32,40,.3);top:0px}
.map_leftbox{padding: 30px 18px 0px;overflow: hidden; height: 100%;}
.map_leftnavs{width: 100%;height: auto;overflow: hidden;font-size: 16px;font-weight: bold;color: #333;padding-bottom: 15px;}
.map_leftnavs a{display: inline-block;padding: 0px 8px;height: 31px;background-color: #e3e3e3;line-height: 31px;text-align: center;margin: 0px 3px 5px;border-radius: 3px;}
.map_leftnavs a.cur,.map_leftnavs a:hover{background-color: #d4232f;color: #fff;}
.map_scroll{height: calc(100% - 110px);overflow-x: hidden;overflow-y: scroll;}
.map_scroll::-webkit-scrollbar {display: none;}
/*党建活动 */
.act-conn{width: 100%;height: calc(100% - 60px);position:absolute;top: 60px;left: 0px;right: 0px;margin: 0px auto;background: url(../img/wl/active-bg.jpg)no-repeat top center;background-size: cover;}
.act-conn2{width: 100%;height: calc(100%);position:absolute;top: 0px;left: 0px;right: 0px;margin: 0px auto;background: url(../img/wl/active-bg.jpg)no-repeat top center;background-size: cover;}
.act-tit{width: 92%;height: auto;overflow: hidden;text-align: center;margin:88px auto 20px;color: #dd0112;font-size: 40px;font-weight: bold;}
.act-conter{width: 88%;height: auto;overflow: hidden;overflow-x: hidden;overflow-y: scroll;margin: 1% auto 2%;}
.act-conter::-webkit-scrollbar {display: none;}
.act-conter ul li{width: 100%;float: left;overflow: hidden;border-bottom: 1px dashed #dbdcdc;line-height: 45px;background: url(../img/wl/sower.png)no-repeat left center;font-size: 16px;}
.act-conter ul li .sleft{display: inline-block;float: left;padding-left: 20px;width: 75%;}
.act-conter ul li .sleft span.span1{display: inline-block;padding-right: 15px;color: #666;}
.act-conter ul li .sleft span.span1 i.i1{color: #333;}
.act-conter ul li .sleft span.span1 i.i2{color: #d4232f;}
.act-conter ul li .srig{display: inline-block;float: right;color: #949494;}
.act-conter ul li .srig a.a1{display: inline-block;background-color: #d4232f;color: #fff;line-height: 32px;border-radius: 6px;padding: 0px 14px;}
.act-conter ul li .srig a.a2{display: inline-block;background-color: #fc9c2b;color: #fff;line-height: 32px;border-radius: 6px;padding: 0px 14px;}
.act-conter ul li:hover a span{color: #d4232f;}
.act-smail{width: 88%;text-align: right;overflow: hidden;margin: 0px auto;}
.act-smail a{display: inline-block;height: 40px;line-height: 40px;color: #333;padding: 0px 17px;background-color: #fff;font-size: 16px;border-radius: 48px;margin: 0px 2px;border: 1px solid #e7e7e7;}
.act-smail a.cur{background-color: #d4232f;border: 1px solid #d4232f;color: #fff;}
.btn{display: inline-block;border:none;padding: 4px 8px;}
.btn-primary{background-color: #d4232f;color: #fff;}
.btn-danger{background-color: #cecbc7;color: #333;}
.act-conter ul li .sleft.sleft2{width: 46%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/* 添加党建活动 */
.act-li{width: 100%;height: auto;margin-bottom: 16px;float: left;}
.act-laber{width:18%;text-align: right;font-size: 18px;color: #333;line-height: 38px;float: left;font-weight: bold;}
.act-input{width: 80%;float:right;}
.act-li .layui-input-inline{display: block !important;}
.act-t-conn{padding: 30px 35px;display: block;}
.act-tconten{width: 100%;height: auto;margin: 15px auto 10px;font-size: 14px;color: #666;line-height: 28px;display: inline-block;}
.act-inputbot{width: 70%;height: 46px;border-radius: 40px;background-color: #d4232f;line-height: 46px;text-align: center;font-size: 18px;color: #fff;margin-top: 35px;cursor: pointer;border: none;}
/* 活动列表 */
.map_active{width: 100%;height: auto;overflow: hidden;}
.map_active ul li{width: 100%;float: left;margin: 0px auto 15px;}
.map_active ul li .pic{width: 135px;height: 102px;float: left;overflow: hidden;}
.map_active ul li .pic img{width: 100%;}
.map_active ul li .pic.picll{width: 120px;height: 120px;float: left;overflow: hidden;}
.map_active ul li .pic.picll img{width: 100%;border-radius: 50%;}

.map_active ul li .txt.mart{padding-top: 12px;}
.map_active ul li .txt{width: 183px;float: right;overflow: hidden;}
.map_active ul li .txt p.p1{font-size: 18px;color: #333;font-weight: bold;margin-bottom: 8px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.map_active ul li .txt p.p2{font-size: 14px;color: #999;line-height: 22px;}
.map_active ul li .txt p.p3{padding-top: 4px;line-height: 24px;font-size: 14px;color: #999;}
/* .map_rigcon{overflow: hidden;margin-left: 371px;height: calc(100vh - 60px);background-color: #f5f5f5;padding-top: 60px;} */
.map_rigcon{overflow: hidden;margin-left: 371px;height: calc(100vh);background-color: #f5f5f5;}

.circle{border-radius: 50%;width: 102px;height: 102px;text-align: center;line-height: 25px;color:#fff;box-shadow: 2px 0 6px 0 rgba(28,32,40,.3);background-color: rgba(212,35,47,.74);font-size: 14px;font-weight: bold;}
.circle p.p1{padding-top: 30px;line-height: 24px;text-align: center;}
.circle p.p2{line-height: 24px;text-align: center;padding-top: 2px;}
.circle p.p3{line-height: 102px;text-align: center;}
/* 党建活动组织列表 */
.scrol_box{width: 100%;height: calc(100vh - 250px);overflow-x: hidden;overflow-y: scroll;}
.scrol_box::-webkit-scrollbar {display: none;}
.act-dw-box{width: 88%;height: auto;overflow: hidden;margin: 1% auto 2%;}

.act-dw-info{width: 100%;height: auto;overflow: hidden;margin: 1% auto;}
.act-dw-info .tt{width: 100%;overflow: hidden;font-weight: bold;color: #333;font-size: 16px;border-left: 3px solid #d4232f;padding-left: 10px;box-sizing: border-box;margin-bottom: 8px;}
.act-dw-info .conn{width: 100%;height: auto;overflow: hidden;margin: 0% auto 18px;font-size: 16px;color: #666;padding-bottom: 5px;border-bottom: 1px solid #dfdfdf;line-height: 30px;}
.act-dw-list{width: 100%;height: 420px;overflow: hidden;overflow-x: hidden;overflow-y: scroll;}
.act-dw-list::-webkit-scrollbar {display: none;}
.act-dw-list ul li{width: 100%;float: left;overflow: hidden;border-bottom: 1px dashed #dbdcdc;line-height: 45px;background: url(../img/wl/sower.png)no-repeat left center;font-size: 16px;}
.act-dw-list ul li .sleft{display: inline-block;float: left;padding-left: 20px;width: 60%;}
.act-dw-list ul li .sleft span.span1{display: inline-block;padding-right: 15px;color: #666;}
.act-dw-list ul li .sleft span.span1 i.i1{color: #333;}
.act-dw-list ul li .sleft span.span1 i.i2{color: #d4232f;}
.act-dw-list ul li .srig{display: inline-block;float: right;color: #949494;}
.act-dw-list ul li .srig a.a1{display: inline-block;background-color: #d4232f;color: #fff;line-height: 32px;border-radius: 6px;padding: 0px 14px;margin-top: 6px;}
.act-dw-list ul li .srig a.a2{display: inline-block;background-color: #fc9c2b;color: #fff;line-height: 32px;border-radius: 6px;padding: 0px 14px;}
.act-dw-list ul li:hover a span{color: #d4232f;}
/* from 表单样式 */
.up_btn{width: 100px;float: left;margin-right: 10px;margin-bottom: 10px;height: 100px;}
/*图片上传*/
.up_pic{position: relative; float: left; margin-right: 10px; margin-bottom: 10px; width: 100px; height: 100px;}
.up_pic span{ background: #f30; display: none;position: absolute; text-align: center; color: #fff; right: 0; top: 0; width: 20px; line-height: 20px; height: 20px}
.up_pic img{ width: 100PX;  height: 100PX;}
.up_pic:hover span{ display: block}

/* 弹出图片 */
.tb_picsbox{width: 100%;height: auto;overflow: hidden;margin: 15px auto;}
.tb_picsbox .imgcr{width: 190px;height: 120px;margin: 0px 6px 10px;text-align: center;border: 1px solid #dedede;box-sizing: border-box;float: left;overflow: hidden;}
.tb_picsbox .imgcr img{width: 100%;float: left;}

/* 填报评论 */
.tb_plbox{width: 100%;height: auto;overflow: hidden;margin: 0px auto;}
.tb_plbox ul li{width: 100%;float: left;padding: 8px 0px;border-bottom: 1px dashed #c3c3c3;}
.tb_plbox ul li .picbox{width: 100%;height: auto;overflow: hidden;margin-bottom: 10px;}
.tb_plbox ul li .picboxleft{width: 50%;float: left;overflow: hidden;}
.tb_plbox ul li .picboxleft .pic{width: 42px;height: 42px;float: left;margin-right: 8px;text-align: center;border-radius: 50%;overflow: hidden;}
.tb_plbox ul li .picboxleft .pic img{width: 100%;float: left;border-radius: 50%;}
.tb_plbox ul li .picboxleft .name{display: inline-block;float: left;font-size: 18px;line-height: 42px;}
.tb_plbox ul li .picboxright{width: 40%;float: right;overflow: hidden;line-height: 42px;text-align: right;font-size: 16px;color: #999;}
.tb_plbox ul li .messbox{width: 100%;box-sizing: border-box;padding-left: 30px;line-height: 28px;font-size: 14px;color: #666;}
/*分页*/
.page{width:100%;line-height:30px;text-align:center;border-top:none;padding:0 0 0px 0; margin:30px auto;font-size: 14px;}
.pagination { width:auto;  margin:0 auto;}
.pagination li {display: inline-block;margin-right: 3px;padding: 3px 7px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}
.pagination li.active {background: #d4232f;color: #fff;border: 1px solid #d4232f;}
.pagination li a {display: block;text-align: center;}







/* 党组织 */
.map_active ul li .pic.org{width: 95px;height: 95px;border-radius: 50%;}
.map_active ul li .pic.org img{width: 100%;border-radius: 50%;}
.map_active ul li .txt.orgt{width: 228px;}
.map_active ul li .txt.orgt p.p1{margin-top: 10px;}
/* 云地图详情 */
.map-vbox{padding: 30px 35px;overflow: hidden;}
.map-vtitle{font-size: 26px;color: #333;text-align: center;padding: 8px 0px 15px;font-weight: bold;}
.map-vsaml{border-bottom: 1px solid #efefef; padding-bottom: 15px;font-size: 14px;color: #999;text-align: center;}
.map-vconten{width: 100%;height: auto;margin: 15px auto 10px;overflow: hidden;font-size: 14px;color: #666;line-height: 28px;}
.map-vconten p{padding: 2px 0px;}
.map-vconten img{max-width: 100%;}
/* 地图 */
.map-container{width: 100%;height: 100%;}
/*  笔记地图*/
.note-mapcon{width: 100%;position: relative;overflow: hidden;}
.note_leftcon{width: 370px;height: calc(100%);background-color: #fff;position:absolute;left: 8px;box-shadow: 2px 0 6px 0 rgba(28,32,40,.3);z-index: 99999;top: 0px;display: none;}
.note-lefttt{width: 100%;height: 88px;background-color: #d4232f;font-size: 26px;color: #fff;font-weight: bold;line-height: 88px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.note-lefttt span{display: inline-block;padding-left: 38px;width: 90%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.note-leftall{padding: 0px 18px;height: calc(100% - 110px);overflow-x: hidden;overflow-y: scroll;}
.note-leftall::-webkit-scrollbar {display: none;}
.note-leftst{border-bottom: 1px solid #e7e7e7;overflow: hidden;color: #333;font-size: 15px;padding: 15px 0px;}
.note-leftst .tt{font-weight: bold;margin-bottom:8px;}
.note-leftst .tt i{color: #d4232f;}
.note-leftst .tt span{display: inline-block;width: 20px;height: 20px;float: right;background: url(../img/wl/rigarr.png)no-repeat center;background-size: 35%;}
.note-leftst .con2{line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;max-height: 80px;}
.note-leftst .sname{width: 100%;overflow: hidden;}
.note-leftst .sname li{display: inline-block;padding: 0px 20px 0px 0px;line-height: 26px;}
.note-leftst .arrpic{width: 100%;overflow: hidden;margin: 16px auto 6px;}
.note-leftst .arrpic li{width: 31%;overflow: hidden;float: left;margin: 0px 1% 2%;height: 68px;}
.note-leftst .arrpic li img{width: 100%;float: left;}
.note-leftpj{padding: 20px 0px;overflow: hidden;color: #333;font-size: 15px;}
.note-leftpj .tt{font-weight: bold;margin-bottom:14px;}

/* 评论 */
.tb_contenpl{width: 100%;height: auto;overflow: hidden;}
.tb_contenpl .title{width: 100%;font-size: 15px;line-height: 42px;border-bottom: 1px solid #e7e7e7;margin-bottom: 10px;}
.tb_contenpl .title span{font-weight: bold;}
.tb_contenpl .title span i{color: #d4232f;}
.tb_contenpl .title b{font-weight: normal;color: #999;padding-left: 15px;}
.tb_contenpl .label{width: 100%; font-size: 15px;color: #000;font-weight: bold;}
.tb_contenpl .conten{padding: 10px 0px;overflow: hidden;color: #666;font-size: 14px;line-height: 28px;box-sizing: border-box;padding-left: 50px;border-bottom: 1px solid #e7e7e7;margin-bottom: 10px;}

.pjlist{width: 100%;height: auto;overflow: hidden;margin: 12px auto;}
.pjlist .headpic{width: 100%;height: auto;overflow: hidden;line-height: 32px;}
.pjlist .headpic .pic{width: 32px;height: 32px;float: left;margin-right: 7px;border-radius: 50%;}
.pjlist .headpic .pic img{width: 100%;float: left;border-radius: 50%;}
.pjlist .headpic .txt{font-size: 14px;color: #333;}
.pjlist .contxt{width: 100%;line-height: 25px;color: #333;margin-top: 8px;}
.addre-pic1{width: 65%;height: auto;overflow: hidden;margin: 15px auto;text-align: center;}
.addre-pic1 img{width: 100%;}
/* 党员档案 */
.perfiel-bg{width: 100%;height: calc(100%);position:absolute;top: 0px;left: 0px;right: 0px;margin: 0px auto;}
.perfiel-bg.perfielpic{background: url(../img/wl/dy_bg.jpg)no-repeat top center;background-size: cover;}
.perfiel-bg.activepic{background: url(../img/wl/active-bg.jpg)no-repeat top center;background-size: cover;}
.perfiel-bg.zzpic{background: url(../img/wl/zz-bg.jpg)no-repeat top center;background-size: cover;}
.perfiel-bg.zyzpic{background: url(../img/wl/zyz_bg.jpg)no-repeat top center;background-size: cover;}
.perfiel-title{width: 1200px;height:90px ;background: url(../img/wl/per_tt.png)no-repeat center 25px;text-align: center;margin: 20px auto 10px;}
.perfiel-title p.p1{font-weight: bold;font-size: 33px;color: #dd0112;}
.perfiel-title p.p2{font-size: 18px;color: #444;padding-top: 8px;}
.persnavs{width: 1200px;height: auto;overflow: hidden;margin: 0px auto 15px;text-align: center;}
.persnavs a{display: inline-block;float: left;margin: 0px 4px 10px;font-size: 16px;color: #fff;line-height: 43px;padding: 0px 6px;background-color: #c8ac59;border-radius: 6px;}
.persnavs a.cur{background-color: #dd0112;}
.persnavs2{width: 1200px;height: auto;overflow: hidden;margin: 0px auto 0px;text-align: center;}
.persnavs2 a{display: inline-block;height: 43px;float: left;margin: 0px 6px 10px;font-size: 15px;color: #fff;line-height: 43px;border-radius: 20px;padding: 0px 10px;background-color: #c8ac59;}
.persnavs2 a.cur{background-color: #dd0112;}
.perarrpicbox{width: 1200px;height: auto;overflow: hidden;margin: 15px auto 0px;}
.perarrpicbox ul li{width: 134px;float: left;margin: 0px 8px 1.5%;overflow: hidden;box-sizing: border-box;height:223px}
.perarrpicbox ul li .pic{width: 134px;height: 168px;overflow: hidden;text-align: center;margin-bottom: 5px;position: relative;}
.perarrpicbox ul li .pic img{height: 100%;}
.perarrpicbox ul li .pic .hb{width: 48px;height: 48px;background: url(../img/wl/hb.png)no-repeat;position: absolute;bottom: 0px;right: 0px;}
.perarrpicbox ul li p.p1{font-size: 14px;color: #333;line-height: 25px;text-align: center;}
.perarrpicbox ul li p.p2{font-size: 14px;line-height: 25px;text-align: center;color: #c8ac59;font-weight: bold;}
/* 要闻 */
.news-tit{width: 92%;height: auto;overflow: hidden;text-align: center;margin: 88px auto 10px;color: #dd0112;font-size: 40px;font-weight: bold;}
.news-tits{width: 100%;height: auto;overflow: hidden;text-align: center;font-size: 18px;color: #666;}
.news-lists{width: 1200px;height: auto;overflow: hidden;margin: 28px auto;}
.news-lists ul li{width: 100%;float: left;overflow: hidden;padding: 18px 0px;border-bottom: 1px solid #e3e0e7;}
.news-lists ul li a .time{width: 70px;float: left;overflow: hidden;color: #a4a4a4;}
.news-lists ul li a .time p.p1{font-size: 40px;font-family: Arial;padding-left: 15px;}
.news-lists ul li a .time p.p2{font-size: 18px;}
.news-lists ul li a .pic{width: 180px;float: left;overflow: hidden;margin-left: 40px;}
.news-lists ul li a .pic img{width: 100%;float: left;}
.news-lists ul li .ttx{width: 875px;float: right;overflow: hidden;}
.news-lists ul li .ttx p.p1{font-size: 18px;margin-bottom: 5px;}
.news-lists ul li .ttx p.p2{font-size: 15px;color: #666;line-height: 30px;margin-bottom: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news-lists ul li .ttx p.p3{font-size: 13px;color: #bababa;text-transform: uppercase;}
.news-lists ul li .ttx p.p4{height: 30px;line-height: 30px;color: #fff;padding: 0px 30px;background-color: #d4232f;font-size: 16px;border-radius: 48px;margin: 8px 0px 0px;display: inline-block;}

/* 志愿者 */
.zyz-box{max-width: 1200px;height: auto;overflow: hidden;margin: 20px auto 10px;min-width:1000px}
.zyz-boxleft{width: 38%;float: left;overflow: hidden;}
.zyz-boxright{width: 58%;float: right;overflow: hidden;}
.zyz-title{width: 100%;height: auto;overflow: hidden;margin-bottom: 10px;}
.zyz-title i{width: 3px;height: 25px;float: left;background-color: #dd0112;display: inline-block;margin-top: 7px;}
.zyz-title span{display: inline-block;padding-left: 15px;font-size: 26px;color: #333;font-weight: bold;float: left;}
.zyz-title a{display: inline-block;float: right;font-size: 16px;color: #666;margin-top: 7px;}
.zyz-conten{width: 100%;height: auto;margin: 25px auto 40px;overflow: hidden;}
.zyz-input{width: 100%;height: 55px;box-sizing: border-box;border: 1px solid #e7e9e9;background-color: #fff;padding-left: 20px;font-size: 16px;color: #333;margin-bottom: 20px;}
.zyz-inputtr{width: 100%;height: 118px;box-sizing: border-box;border: 1px solid #e7e9e9;background-color: #fff;padding-left: 20px;font-size: 16px;color: #333;margin-bottom: 20px;line-height: 28px;padding-top: 10px;}
.zyz-but{display: inline-block;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;padding: 0px 22px;background-color: #dd0112;border: none;border-radius: 20px;margin-top: 20px;}
.zyz-shlist{width: 100%;height: auto;overflow: hidden;margin: 0px auto;}
.zyz-shlist ul li{width: 100%;float: left;border-bottom: 1px solid #dedede;line-height: 40px;font-size: 15px;background: url(../img/wl/sower.png)no-repeat left center ;color: #333;box-sizing: border-box;}
.zyz-shlist ul li span{display: inline-block;float: left;margin: 0px 1%;box-sizing: border-box;}
.zyz-shlist ul li span.span1{width: 18%;}
.zyz-shlist ul li span.span2{width: 12%;color: #dd0112;}
.zyz-shlist ul li span.span3{width: 10%;}
.zyz-shlist ul li span i.i1{color: #999;}
.wl_sbot1{display: inline-block;height: 32px;background-color: #fc9c2b;color: #fff;line-height: 32px;text-align: center;border-radius: 6px;padding: 0px 25px;margin: 0px 8px;}
.wl_sbot2{display: inline-block;height: 32px;background-color: #dd0112;color: #fff;line-height: 32px;text-align: center;border-radius: 6px;padding: 0px 25px;margin: 0px 8px;}
.zylist{width: 100%;height: auto;overflow: hidden;margin: 28px auto 0px;}
.zylist ul li{width: 100%;float: left;overflow: hidden;margin-bottom: 15px;position: relative;}
.zylist ul li a .pic{width: 180px;height: 120px;float: left;overflow: hidden;}
.zylist ul li a .pic img{width: 100%;float: left;}
.zylist ul li a .txt{width: 72%;float: right;overflow: hidden;margin-top: 10px;}
.zylist ul li a .txt.w82{width: 50%; float: left;margin-left: 20px;}
.zylist ul li a .txt p.p1{font-size: 18px;color: #000;margin-bottom: 8px;}
.zylist ul li a .txt p.p2{font-size: 15px;color: #666;line-height: 28px;margin-bottom: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.zylist ul li a .txt p.p3{font-size: 15px;color: #999;}
.zylist ul li a .txt p.p4{font-size: 15px;color: #333;margin-bottom: 4px;}
.zylist ul li a .txt p.p4 i{color: #dd0112;font-weight: bold;}
.zylist ul li a .passbot{display: inline-block;height: 36px;padding: 0px 20px;background-color: #dd0112;line-height: 36px;text-align: center;font-size: 15px;color: #fff;position: absolute;right: 20px;top: 35px;border-radius: 20px;}
.zylist ul li a .passbot.cor1{background-color: #f99e1c;}
.zylist ul li a .passbot.cor2{background-color: #999;}
.zylist ul li .coinarr{width: 10%;float: right;overflow: hidden;}
.zylist ul li .coinarr .butar{display: inline-block;float: right;background-color: #f99e1c;padding: 7px 0px;border-radius: 20px;color: #fff;text-align: center;width: 104px;margin-top:10px;}
.zylist ul li .coinarr .butar.cor{background-color: #5FB878;}
.zylist ul li a .passbotv{display: inline-block;height: 36px;padding: 0px 20px;background-color: #dd0112;line-height: 36px;text-align: center;font-size: 15px;color: #fff;border-radius: 20px;margin-top: 32px;}

/* 个人中心 */
.ucenterleft{width: 50%;float: left;overflow: hidden;}
.uc-title{width: 100%;height: auto;overflow: hidden;margin: 10px auto;}
.uc-title i{width: 3px;height: 25px;float: left;background-color: #dd0112;display: inline-block;margin-top: 7px;}
.uc-title span{display: inline-block;padding-left: 15px;font-size: 26px;color: #333;font-weight: bold;float: left;}
.uc-title a{display: inline-block;float: right;font-size: 16px;color: #666;margin-top: 7px;}
.uc-flag{display: inline-block;width:150px;height: 43px;line-height: 43px;text-align: center;font-size: 18px;color: #fff;margin: 10px auto;}
.uc-flag-red{background: url(../img/wl/pers_navbg2.png)no-repeat center;}
.uc-flag-pink{background: url(../img/wl/pers_navbg3.png)no-repeat center;}
.uc-width{width: 100% !important;margin: 0px 0% !important;}
/* 报表统计 */

.sheet-mapbox{width: 1000px;height: 500px;margin: 40px auto 0px;overflow: hidden;}
.sheet-share{width: 1000px;height: 550px;overflow: hidden;overflow-x: hidden;overflow-y: scroll;margin: 30px auto 0px;}
.sheet-share::-webkit-scrollbar {display: none;}
.tablearr{border-top: 1px solid #d1cfcf;border-left: 1px solid #d1cfcf;border-spacing: 0;width: 96%;margin: 0px auto;}
.tablearr td {padding: 10px 30px;border-bottom: 1px solid #d1cfcf;border-right: 1px solid #d1cfcf;}
.tablearr .tc{text-align: center;}
.tablearr .font1{font-size: 14px;font-weight: bold;}
.tablearr .red{color: #dd0112;}
.tablearr .sl{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}


.tipsnav{width: 100%;height: auto;overflow: hidden;margin: 5px auto 8px;}
.tipsnav a{display: inline-block;background-color: #f7cccf;padding: 3px 4px;color: #fff;font-size: 14px;margin-left: 8px;}
.tipsnav a.cur{background-color: #dd0112;}

.tiplist{width: 98%;height: auto;overflow: hidden;margin: 0px auto;}
.tiplist ul li{width: 100%;float: left;overflow: hidden;border-bottom: 1px dashed #dbdcdc;background: url(../img/wl/sower.png)no-repeat left center;font-size: 13px;padding: 4px 0px;}
.tiplist  ul li .sleft{display: inline-block;float: left;padding-left: 10px;width: 75%;}
.tiplist  ul li .sleft span.span1{display: inline-block;padding-right: 10px;color: #666;}
.tiplist  ul li .sleft span.span1 i.i1{color: #333;}
.tiplist  ul li .sleft span.span1 i.i2{color: #d4232f;}
.tiplist  ul li .srig{display: inline-block;float: right;color: #949494;}
.tiplist  ul li .srig a.a1{display: inline-block;background-color: #d4232f;color: #fff;padding: 3px 5px;}
.tiplist  ul li .srig a.a2{display: inline-block;background-color: #fc9c2b;color: #fff;padding: 3px 5px;}

.sutip-share{width: 1200px;height: 650px;overflow: hidden;overflow-x: hidden;overflow-y: scroll;margin: 30px auto 0px;}
.sutip-share::-webkit-scrollbar {display: none;}
/* 个人信息修改 */
.modselft{width: 800px;height: auto;overflow: hidden;margin: 30px auto 0px;}
.modselft ul li{width: 100%;float: left;margin-bottom: 8px;font-size: 16px;color: #333;}
.modselft ul li span.span1{display: inline-block;width:15%;float: left;line-height: 40px;text-align: right;}
.modselft ul li span.span2{display: inline-block;width: 84%;float: left;}
.uc-width2{width: 96% !important;margin: 0px auto !important;}

.maptnam{font-weight: bold;padding-top:35px;}
.maptnamc{padding-top: 3px;}
.maptnamb{padding-top: 45px;}

/*视频弹出层*/
.video_popup{position: fixed; width: 100%; height: 100%;left: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 2000;}
.video_popup .video_con{  position: absolute;  font-size: 15px;  color: #000;  text-align: center;  width: 55%;  height: 0;  left: 50%;  top: -30%;  opacity: 0;  filter:alpha(opacity=0);  display: block;}
.video_popup .video_close{width: 25px; height: 25px; background: url(../img/wl/close1.png) center center no-repeat; position: absolute; right: -25px; top: -25px; cursor: pointer; background-size: cover;}

.tioslab{width: 16px;height: 16px;position: absolute;right: 0px;top: 10px;background-color: #d4232f;color: #fff;font-size: 12px;text-align: center;line-height: 16px;border-radius:50%}
/* 领航员 */

.zzlist_pic{width:1200px;height: 666px;margin: 150px auto 0px;text-align: center;}
.zzlist_pic img{width:100%;}


/* 数据化*/
.sjroot_bg{width: 100%;height: auto;overflow: hidden;margin: 0px auto;background: url(../img/wl/sjbg.jpg)no-repeat top center;background-size: over;min-height: 911px;}
.sjroot_tt{width: 100%;height:152px;background: url(../img/wl/sj_tt.png)no-repeat top center;background-size: 100%;text-align: center;}
.sjroot_tt p{color: #00e6ff;font-size: 30px;font-weight: bold;padding-top: 12px;}
.sjrootbox{width: 94%; height: calc(100% - 152px);margin: 0px auto;position: relative;}

/* .sjrooleft{width: 30%;float: left;overflow: hidden;position: absolute;left: 0px;top: -60px;} */
.sjrooleft{width: 30%;float: left;overflow: hidden;}
.sjtopbgc{width: 100%;height: 37px;background: url(../img/wl/sj_coin3.png)no-repeat top center;background-size: 100%;float: left;}
.sjbombgc{width: 100%;height: 38px;background: url(../img/wl/sj_coin5.png)no-repeat top center;background-size: 100%;float: left;}
.sjcenbgc{width: 100%;height:auto;background: url(../img/wl/sj_coin4.png)repeat-y top center;background-size: 100%;float: left;}
.sjrooleft .sjroottop{width: 96%;height: auto;overflow: hidden;margin:0px auto 12px;}
.sjrooleft .sjroottop ul li{width: 31.3%;float: left;background: url(../img/wl/sj_coin1.png)no-repeat top center;background-size: 100%;margin: 0px 1%;}
.sjrooleft .sjroottop ul li p.p1{font-size: 14px;color: #00caff;padding: 5px 0px 0px 18px;text-align: center;}
.sjrooleft .sjroottop ul li p.p2{font-size: 14px;color: #00f1ff;text-align: center;padding-bottom: 5px;line-height: 50px;}
.sjrooleft .sjroottop ul li p.p2 i.i1{font-size: 32px;font-weight: bold;}
.sjroott1{width: 100%;height: 43px;background: url(../img/wl/sj_coin2.png)no-repeat top center;background-size: 100%;text-align: center;line-height: 40px;}
.sjroott1 span{display: inline-block;color: #9bdef0;font-size: 20px;font-weight: bold;}


.sjsbox1{width: 90%;height: 300px;overflow: hidden;margin: 0px auto 10px;}
.sjsbox2{width: 90%;height: 240px;overflow: hidden;margin: 0px auto 0px;}
.sjsbox3{width: 90%;height: 400px;overflow: hidden;margin: 0px auto 0px;}
.sjsbox4{width: 90%;height: 292px;overflow: hidden;margin: 0px auto 0px;}


/* .sjroorig{width: 30%;float: right;overflow: hidden;position: absolute;right: 0px;top: -60px;} */
.sjroorig{width: 30%;float: right;overflow: hidden;position: relative;}
.sjrootrigt{width: 100%;height: 43px;background: url(../img/wl/sj_coin2.png)no-repeat top center;background-size: 100%;text-align: center;line-height: 40px;position: absolute; top: 0px;left: 0px;right: 0px;margin: 0px auto;z-index: 99;}
.sjrootrigt span{display: inline-block;color: #9bdef0;font-size: 20px;font-weight: bold;}
/* .sjrootcent{width: 37%;position: absolute;left: 0px; right: 0px;top: -60px;margin: 0px auto;} */
.sjrootcent{width: 37%;margin: 0px 16px;float: left;position: relative;}

.sjmap{width: 100%;height:698px;overflow: hidden;text-align: center;position: relative;}
.anchorBL{display:none}
.sjcenbom{width: 100%;height: auto;overflow: hidden;text-align: center;margin-top: 20px;}
.sjcenbom ul li{width: 23%;float: left;height: 92px;background: url(../img/wl/sj_coin6.png)no-repeat top center;background-size: 100%;margin: 0px 1%;}
.sjcenbom ul li p.p1{font-size: 18px;color: #9bdef0;padding-top: 12px;}
.sjcenbom ul li p.p2{font-size: 30px;font-family: Arial;color: #00f1ff;padding-top: 10px;}
.dfbox{width: 96%;height: auto;overflow: hidden;margin: 0px auto;font-size: 15px;color: #333;line-height: 26px;}
.dfbox p{padding: 2px 0px;}
.wl_fred{color: #d4232f;}
.wl_fred2{color: #5FB878;}

/* 任务滚动 */
.gundong {height:272px;overflow:hidden;width:100%;margin:0px auto;position:relative;margin-top: 20px;}
.gundong ul {position:absolute;top:0;left:0;width:100%;}
.gundong li {height:30px;line-height:30px;color:#ccc;font-size:14px;border-bottom: 1px dashed #4861ce;}
.gundong li.active {color:#fff}
.closew{width: 24px;height: 24px;background: url(../img/wl/closew.png)no-repeat;position: absolute;top: 10px;right: 10px;background-size: 100%;cursor: pointer;}
.act-input .layui-form-select{width:70% !important}
/* 地图筛选和按钮 */
.note_barr{background-color: #fff;position: absolute;bottom: 20px;box-shadow: 2px 0 6px 0 rgba(28,32,40,.3);left:400px;border-radius: 4px;box-sizing: border-box;padding: 0px 10px 15px;}
.note_barr a.but{height: 35px;float: left;background-color: #d4232f;color: #fff;font-size: 14px;line-height: 35px;text-align: center;border-radius: 5px;margin: 18px 0.5% 0px;display: inline-block;padding: 0px 8px;}
.note_barr .rignotsx{float: left;margin-top: 15px;display: inline-block;width: 57%;}
.rignotsx .layui-input-inline{width: 40% !important;}
.rignotsx .layui-form{float: left;display: inline-block;}
.note_barr .leftarr{width: 42%;float: left;overflow:hidden;}


.con_title{ padding:0px 8px; overflow:hidden; line-height:36px; background:url(../img/con_title.jpg); border:#ccc solid 1px; border-radius:1px; margin-bottom:0px}
.con_title span{ width:32px; float:left;margin-right:5px; background:url(../img/guanli.png) no-repeat center;}
.con_title .title{ float:left;}
.con_title .title select{ height: 25px; line-height: 25px;}
.con_title .title input{ height: 25px; line-height: 25px;}
.con_title ul{display:inline; float:left; margin-left:20px; line-height:1.8; margin-top:5px;}
.con_title ul li{ width:auto; float:left; margin-left:20px; background:#de5044; padding:0 5px;  color:#fff}
.con_title ul li:nth-child(2){ background:#e2aa0d}
.con_title ul li:nth-child(3){ background:#1da362}
.con_title ul li:nth-child(4){ background:#2C3E50}
.con_title input{border: #999 solid 1px; padding:0 5px }


@-webkit-keyframes changeright{       
    /* -webkit-animation:changeright 6s linear infinite;  */
    0%{-webkit-transform:rotate(0deg);}

    50%{-webkit-transform:rotate(180deg);}

    100%{-webkit-transform:rotate(360deg);}
}

/*台式电脑*/
@media screen and (min-width: 1470px) and (max-width:1660px){

}
/*普通大小笔记本1366*/
@media screen and (min-width: 1200px) and (max-width:1470px){
    .sjroot_tt{height: 50px;}
    .sjroot_tt p{padding-top: 5px;}
    .sjrooleft .sjroottop ul li p.p1{padding: 5px 0px 0px 0px;}
    .sjrooleft .sjroottop ul li p.p2{line-height: 30px;}
    .sjrooleft .sjroottop ul li p.p2 i.i1{font-size: 21px;}
    .sjroott1{height: 29px;line-height: 29px;}
    .sjroott1 span{font-size: 15px;}
    .sjrootrigt{height: 33px;line-height: 33px;}
    .sjrootrigt span{font-size: 16px;}
    .sjcenbom ul li{height: 59px;}
    .sjcenbom ul li p.p1{font-size: 14px;padding-top: 5px;}
    .sjcenbom ul li p.p2{font-size: 22px;padding-top: 6px;}
    .sjrootbox{height: auto;margin-top:30px}
    .sjsbox2{height:274px}
    .zyz-box{width:1000px}
    .zylist ul li a .txt{width:65%}
    .news-lists{width:1000px}
    .news-lists ul li .ttx{width:685px}
    .wraplogo{margin-bottom:55px}
    /* 登录页面 */
    .wecom-title{margin: 3% auto 0px;font-size: 45px;}
    .wecom-con{ margin: 20px auto 0px;    padding-top: 20px;width: 1100px;height: 440px;}
    .wecom-con .logo{width:286px;height:261px;}
    .wecom-con .left1{width: 499px;height: 88px;line-height: 88px;top: 80px;}
    .wecom-con .left2{width: 383px;height: 67px;line-height: 67px;top:180px;}
    .wecom-con .left3{width: 476px;height: 88px;line-height: 88px;top: 80px;}
    .wecom-con .left4{width: 361px;height: 67px;line-height: 67px;top: 180px;}
}
/*小的笔记本1024*/
@media screen and (min-width: 992px) and (max-width:1200px){

}