body{ background: #eaf2f5;}
.wzright{ position: relative; z-index: 20000;}
.wzright i{ margin-left: 6px; color: #4cbfbc;}
.wzsmbox{ display: none; width: 350px; height: 123px; padding: 15px; color: #666; line-height: 150%; position: absolute; right: 0;  top: 30px; box-shadow: rgba(0,0,0,0.1) 0 0 15px; z-index: 10000; border-radius: 10px;}

 
.topsearch{ width: 1200px; /*margin:25px auto 0 auto;*/margin:10px auto 0 auto; background: #fff; height: 150px;}
.searchleft{ width: 295px;  float: left; text-align: center; padding-top: 50px;}
.searchright{ width: 882px;float: right; padding-top: 25px;}
.ttsearch{ height: 50px;}
.ttsearchleft{ border: #3fbbb9 solid 1px; float: left; height: 50px; width: 626px; border-radius: 25px; justify-content: space-between;}
.ttsearchinput{ height: 47px; width: 400px; border: none; outline: none; border-radius: 25px; padding-left: 18px; }
.ttsearchleft a{ float: right; text-align: center; line-height: 50px; font-size: 18px;  width: 100px; border-radius: 25px; height: 50px; background: #3fbab8; color:#fff;}
a.reset{ font-size: 18px; margin-left: 20px; color:#333; float: left; margin-top: 11px;}
a.reset:hover{ color: #f90;}
.ttsearcbot{ height: 30px; margin-top: 10px;}
.ttsearcbot span{ float: left;display: block;height: 30px; line-height: 30px;  padding: 0 14px; }
.ttsearcbot a{ display: block; float: left; height: 30px; margin-left: 10px; padding: 0 14px; background: #f3f8fb;   line-height: 28px; font-size: 14px; color:#555; border-radius: 15px;}
.ttsearcbot a:hover{ background: #3fbab8;color:#fff;}

.lawbox{ width: 1200px; /*margin: 15px auto 0 auto;*/margin: 8px auto 0 auto; justify-content: space-between; align-items: flex-start;overflow: hidden;}
.lawleft{ width: 255px; background: #fff; float: left;}
.lawright{ width: 930px;float: right;}
.lawtitle{ height: 45px; font-size: 18px; text-align: center; line-height: 45px; font-weight: bold; color:#333333; border-bottom: #f6f8f7 solid 1px;}
ul.lawnav{ list-style: none; margin: 0; padding: 0;}
ul.lawnav li{ cursor: pointer; color:#343434; list-style: none; height: 40px; display: flex; align-items: center; padding-left: 15px; font-size: 15px;}
ul.lawnav li i{ margin-right: 5px; color: #30c08f;}
ul.lawnav li:hover{ background: #3fbab8; color: #fff;}
ul.lawnav li:hover i{ color:#fff;}

.keywordleft{ border-right: #3fbab8 solid 1px; padding-top: 14px; width: 100px; height: 50px; text-align: center; padding-right: 5px; position: relative; float: left;}
.keywordleft span{ width: 70px; text-align: center; cursor: pointer;}
.searchdown{ position: absolute;}



.lawright{ /*width: 930px;*/width: 940px;}
.lawtopsearch{ background: #ffffff; padding: 15px; height: 184px;}
	

.lawleft{width: 250px;}
.lawleft a{border-bottom:solid 1px #f5f6f8;}
.lawleft a:hover{background: #3fbab8; color:#fff;}
.lawleft a:hover span i{ color: #fff;}
.lawleft ul{margin: 0; padding: 0;}
.lawleft ul li{background-color:#fff;   color: #555; list-style: none; }
.lawleft ul li a{color: #555; font-size:14px;  display: block;  height:40px;line-height: 40px;position: relative; align-items: center;padding-left: 22px;
}

.lawleft ul li .inactive span{ }
.lawleft ul li span {  margin-right: 6px;  display: inline-block; align-items: center; height: 40px;}
.lawleft ul li span i{ font-size: 14px; color: #30bc8d; font-weight: bold;  }

.lawleft ul li .inactives span{ transform: rotate(90deg)} 
.lawleft ul li .inactives span i{ } 
.lawleft ul li ul{display: none;}
.lawleft ul li ul li {background-color:#fff; border-bottom:none;}
.lawleft ul li ul li ul{display: none;}
.lawleft ul li ul li a{ padding-left:35px; }
.lawleft ul li ul li ul li { background-color:#fff; border-color:#6196bb; }
.last{ background-color:#d6e6f1; border-color:#6196bb; }
.lawleft ul li ul li ul li a{ color:#888; padding-left:55px;}
.lawleft ul li ul li ul li a.ona{background: #3fbab8!important; color:#fff!important;}
.lawleft ul li ul li ul li a.ona span i{ color:#fff!important;}


.lawtopsearch{ height: 170px;}
.searchitem{  color: #333333; margin-bottom: 20px;  overflow: hidden;}
.searchitem span{ display: block; float: left; text-align: right; line-height: 30px;}
.searchitem2 span{ display: block; float: left; text-align: right; line-height: 30px;}
.searchitemcenter{  float: left; margin-left: 12px;    }
.searchitemcenter a{margin-right: 10px; color: #333333;  display: block; float: left;  line-height: 30px; height: 30px; padding:0 12px; border: #a4dedf solid 1px; border-radius: 3px;}
.searchitemcenter a:hover{ background: #3fbab8; color:#fff; border:#3fbab8 solid 1px;}
.searchitemcenter a.on{background: #3fbab8; color:#fff; border:#3fbab8 solid 1px;}
.searchitemright a{ color: #333333; float: right;   line-height: 30px; height: 30px; padding:0 12px; border: #23ba85 solid 1px; background: #23ba85; color:#fff; border-radius: 3px;}
.selectbox{ position: relative; float: left; height: 30px; margin-right: 20px;}
.selecttitle{ cursor: pointer; height: 30px; border:#3fbab8 solid 1px; line-height: 30px; border-radius: 3px; padding: 0 12px;}
.selecttitle em{ margin-right: 8px; font-style: normal; }
.selectcont{ display: block; position: absolute; top: 52px; padding:10px 0; box-shadow: rgba(0,0,0,0.3) 0 0 10px; background: #fff; border-radius: 3px;}
.selectitem{ cursor: pointer; min-width: 155px; text-align: center;  height: 36px;  line-height: 36px;}
.selectitem2{ cursor: pointer; min-width: 120px;  height: 36px;  line-height: 36px;}
.selectitem:hover{ background: #3fbab8; color:#fff;}
.selectcont::before{ content: ''; display: block; width: 10px; height: 10px; position: absolute; background: #fff; top: -4px; left: 18px; transform: rotate(-45deg);}
.selectcont2::before{ content: ''; display: block; width: 10px; height: 10px; position: absolute; background: #fff; top: -4px; left:55px; transform: rotate(-45deg);}
.searchitemright2 a{ margin-left: 8px; color: #333333; display: block; float: left;  align-items: center; height: 30px; line-height: 30px; padding:0 12px; border: #40bbb9 solid 1px; background: #40bbb9; color:#fff; border-radius: 3px;}
.searchitemright2{  align-items: center;}
.searchitemright2 a i{ margin-right: 5px;}
.lawlistbox{ /*margin-top: 18px;*/margin-top: 8px; background: #fff; padding: 20px;}
.listtitle{ height: 45px; padding:0 15px;  line-height: 45px; background: #eaf2f5;}
.listtitle span{font-size:16px;}
.listtitle a{ color:#666;}
.listbox{background: #f7fbfc;}
.listitem{padding: 12px 0; border-bottom: #e4edf1 solid 1px;}
.listitemtitle{  float: left;}
.listitemtop{ overflow: hidden;}
.listitemtop span{ display: block; width: 40px; float: left; padding-left: 6px;}
.listitemtop span i{ color:#2ba3a2;}
.listitemtitle{ width: 660px;}
.listitemtitle a{ font-size: 15px; color:#555;}
.listitemtitle a u{color: #f90; display: inline-block; text-decoration: none;}
.listitemtitle a:hover{ color:#f90;}
.listitemtitle i{ margin-left: 5px; font-style: normal; color:#09999a;}
.area{ width: 80px; float: right;}
.status{width: 100px; float: right; text-align: center;}
.status em{font-style: normal;}
.listitembot{font-size: 12px; color:#888; padding-left: 40px; margin-top: 5px;}
.listbox .listitem:last-child{border-bottom: none;}
.topcheckall{ display: flex; align-items: center; margin-bottom: 15px; padding-left: 5px; }
.topcheckall input{margin-right: 5px;}
.topcheckall i{ color: #3fbab8; margin-right:5px;}



/*添加清单*/
.addqd{ }
.addqdsearch{ height: 40px; border: #a8e5e8 solid 2px; border-radius: 20px; width: 480px; overflow: hidden;margin: 20px auto 0 auto;}
.addqdsearch input{ height: 38px; line-height: 38px; float: left; outline: none; padding-left: 20px; width: 370px; border: none;}
.addqdsearch span{ display: block; float: right; text-align: center; line-height: 38px; cursor: pointer;width: 50px; height: 40px; background: #3fbab8;}
.addqdsearch span i{ color: #fff;}
.addqdtable{ color: #666; margin: 20px 25px 0 25px;}
.addqdtable table{ width: 100%;}
.addqdtable table tr td{height: 43px; border-bottom: #e7ebec solid 1px; text-align: center;}
tr.trhead td{ height: 43px; background: #eaf2f5;border-bottom: #e7ebec solid 0px; text-align: center; font-size: 15px;}
.addts{ padding: 15px 25px; color: #777;}
.addqdbotleft a{display: block; float: left; padding: 10px 17px; background: #3fbab9; color: #fff; border-radius: 4px;}
.addqdbotright a{display: block; float: right; padding: 10px 17px; margin-left: 8px; background: #fff; color: #666; border: #cccccc solid 1px;border-radius: 4px;}
.addqdbot{ padding: 0 25px; margin-bottom: 60px; margin-top: 0!important;}

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

        width: 113%;
    }
}
@media screen and (max-width:970px) {
    body{

        width: 127%;
    }
}
@media screen and (max-width:600px) {
    body{

        width: 307%;
    }
}

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

        width: 333%;
    }
}