body{ background: #eaf2f5;}
.wzright{ position: relative; z-index: 20000;}
.wzright i{ margin-left: 6px; color: #4cbfbc;}



.topsearch{ width: 1200px; /*margin:25px auto 0 auto;*/margin:10px auto 0 auto; background: #fff; height: 150px;}
.searchleft{ width: 295px; color:#3fbab8; font-size: 40px; float: left; text-align: center; padding-top: 50px;}
.searchright{ width: 882px; float: left; padding-top: 22px;}
.ttsearch{ height: 50px;}
.ttsearchleft{ border: #3fbbb9 solid 1px; height: 50px; width: 626px; border-radius: 25px; float: left; }
.ttsearchinput{ height: 47px; width: 458px; float: left; border: none; outline: none; border-radius: 25px; padding-left: 18px; }
.ttsearchleft a{ font-size: 18px; float: right; text-align: center;  width: 100px; border-radius: 25px; line-height: 50px; 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;line-height: 28px; }
.ttsearcbot a{ height: 30px; margin-left: 10px; display: block; float: left; 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; }
.lawleft{ width: 255px; background: #fff; float: left;}
.lawright{ width: 930px; float: right;}
.lawtitle{ height: 45px; font-size: 18px; font-weight: bold; text-align: center; line-height: 45px; 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; width: 100px; padding-right: 5px; position: relative;}
.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: flex;  height:40px;line-height: 40px;position: relative; align-items: center;padding-left: 22px;
}

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

.lawleft ul li .inactives span i{ transform: rotate(90deg)} 
.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{ display: flex; color: #333333; margin-bottom: 20px; align-items: center; justify-content: space-between;}
.searchitem span{ display: block;  flex: 0 0 85px; text-align: right;}
.searchitemcenter{ flex: 1; margin-left: 12px; display: flex;   align-items: center;}
.searchitemcenter a{ display: flex;margin-right: 10px; color: #333333;  align-items: center; 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{display: flex; color: #333333;  align-items: center; height: 30px; padding:0 12px; border: #23ba85 solid 1px; background: #23ba85; color:#fff; border-radius: 3px;}
.selectbox{ position: relative; height: 30px; margin-right: 20px;}
.selecttitle{ display: flex; align-items: center;cursor: pointer; height: 30px; border:#3fbab8 solid 1px; border-radius: 3px; padding: 0 12px;}
.selecttitle em{ margin-right: 8px; font-style: normal; }
.selectcont{ display: block; position: absolute; top: 40px; padding:10px 0; box-shadow: rgba(0,0,0,0.3) 0 0 10px; background: #fff; border-radius: 3px;}
.selectitem{ cursor: pointer; min-width: 120px; display: flex; align-items: center; height: 36px; justify-content: center;}
.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{display: flex; margin-left: 8px; color: #333333;  align-items: center; height: 30px; padding:0 12px; border: #40bbb9 solid 1px; background: #40bbb9; color:#fff; border-radius: 3px;}
.searchitemright2{ display: flex; align-items: center;}
.searchitemright2 a i{ margin-right: 5px;}


.risklistitem{ margin-bottom: 20px;}
.risklist{ background: #ffffff; /*margin-top: 15px;*/margin-top: 10px; padding: 15px;}
.topinfo{ color: #ff6101;}
.searchresult{ margin-top: 10px; padding: 0 12px; margin-bottom: 12px;}
.searchresult span{color: #ff9000;}
.itemtop{ height: 40px;  line-height: 40px; background: #ebf2f5; border-radius: 3px; padding: 0 12px; color: #333333;}
.itemtop > div{ display: inline-block;}
.itemcont{ width: 100%; overflow: hidden; margin-top: 16px;}
.itemcontleft{ width: 98px; float: left; text-align: center; font-weight: bold;}
.itemcontright{ float: left; width: 748px; margin-left: 2px; color:#666666; line-height: 150%; padding-right: 40px;}
a.xgala{ color: #2aa3a3; margin-left: 15px; font-size: 13px;}
.itemcontrightbot{ position: relative;}
.itemcontrightbothide{ height: 80px; overflow: hidden;}
.itemcontrightbotopen{ height: auto!important;}
.rightseemore{ width: 15px; cursor: pointer;  height: 15px; position: absolute; bottom: 0; right:10px; background:  no-repeat top center;}
.onshow{ transform: rotate(-180deg);}


.showstep{ position: fixed; width: 100%; top: 0; left: 0; z-index: 15000; height: 100%;background: rgba(0,33,58,0.9);}
.step1{ width: 1265px; margin: 0 auto 0 auto; position: relative;  height: 100vh; background:  no-repeat 0 30px;}
.step1cont{ color: #3fbab9;   width: 546px; line-height: 150%; font-size: 16px; position: absolute; top: 358px; right:130px;}
.step1cont span{ margin-bottom: 15px; display: block;}
.stepbtnbox{ margin-top: 40px;}
.stepbtnbox em{ padding: 6px 13px; border: #38a2a6 solid 1px; margin: 0 6px; cursor: pointer; border-radius: 5px;}
.step2{ width: 1265px; margin: 0 auto 0 auto; position: relative;  height: 100vh; background:  no-repeat 0 30px;}
.step3{ width: 1265px; margin: 0 auto 0 auto; position: relative;  height: 100vh; background:  no-repeat 0 -50px;}
.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; outline: none; padding-left: 20px; width: 370px; border: none;}
.addqdsearch span{ display: flex; 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; padding: 10px 17px; background: #3fbab9; color: #fff; border-radius: 4px;}
.addqdbotright a{display: block; padding: 10px 17px; margin-left: 8px; background: #fff; color: #666; border: #cccccc solid 1px;border-radius: 4px;}
.addqdbot{ padding: 0 25px; margin-bottom: 20px;}

.casetop{padding: 15px; height: 140px; }
.casetoptitle{padding: 0 20px; overflow: hidden;}
.casetoptitle span{ font-size: 15px; float: left; }
.casetoptitle p{ float: right;}
.casetopcont{ margin-top: 10px; }
.casetopcont p{ display: block; width: 750px;float: left; background: #f4f8fb; padding: 15px; color: #666666; line-height: 160%;}
.casetopright{ width: 130px; float: right;}
.casetopright a{ display: flex; width: 110px; background: #3fbab9; color: #ffffff; border-radius: 3px;  margin: 6px 0; height: 30px; align-items: center; justify-content: center;}
.casetopright a i{ margin-right: 5px;}
.risklisttop{padding-bottom: 8px;}
.risklisttop em{ color: #ff0000; }
.casetitle{ height: 40px; background: #ebf2f5; line-height: 40px;}
.casebox1{ width: 50px; text-align: center; float: left;}
.casebox2{ width: 193px;float: left;}
.casebox3{ width: 223px; margin-left: 40px;float: left;}
.casebox4{ width: 197px;margin-left: 40px;float: left;}
.casebox5{ width: 100px;margin-left:28px;float: left;}
.casebox2 strong{ display: block; font-weight: bold; font-size: 15px; text-align: center;}
.casebox3 strong{ display: block; font-weight: bold;font-size: 15px; text-align: center;}
.casebox4 strong{ display: block; font-weight: bold;font-size: 15px; text-align: center;}
.casebox5 strong{ display: block; font-weight: bold;font-size: 15px; text-align: center;}
.caselistitem{ border-bottom: #e4edf1 solid 1px; padding: 15px 0; overflow: hidden; color: #666666;}
.casebox2 p{ line-height: 150%; }
.showcasetop{ padding: 15px;}
.showcasecont{ padding: 15px; margin-top: 15px;}
.showtitle{ font-size: 18px; padding: 10px 0; font-weight: bold; text-align: center;}
.showinfo{  margin-top: 18px; border-bottom: #e4edf1 solid 1px; text-align: center; color: #666666; padding-bottom: 12px;}
.showcasetext{ font-size: 15px; color:#666666; line-height: 160%; padding: 18px 40px;}

@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%;
    }
}