body{ background: #ebf2f5;}
.topsearch{ width: 1200px; /*margin: 18px auto 0 auto;*/margin: 10px auto 0 auto; background: #fff; height: 65px; padding: 10px 60px;}
.searchtab{ width: 300px; border-bottom: #3fbab8 solid 1px; overflow: hidden;}
.searchtab span{  margin-right: 5px; color: #666; cursor: pointer;text-align: center; width: 88px; float: left; line-height: 30px;  height: 30px;  background: #f4f8fb; border-radius: 6px 0 6px 0;}
.searchtab span:hover{background: #3fbab8; color:#fff;}
.searchtab span.on{background: #3fbab8; color:#fff; }
.lawsearchcont{ height: 32px; width: 300px; float: left; border: #3fbab8 solid 1px; margin-top: 10px; border-radius: 6px; }
.lawsearchcont input{ height: 30px; float: left; outline: none; border: none;border-radius: 6px; padding-left: 15px; width: 255px;}
.lawsearchcont a{ display: block; float: right; text-align: center; line-height: 30px; width: 40px;background: #3fbab8; color:#fff; height: 30px;border-radius: 6px 3px 3px 6px;}
.pagetab{ height: 30px; margin-top: 16px; float: left;}
.pagetab a{ text-decoration: none; color: #888; margin-left: 12px; display: inline-block;}
.pageshow{ margin:0 8px; display: inline-block;}
.pageshow span{ color:#3fbab8; display: inline-block;}
.searchright{ width: 564px; float: right;}
.searchright a{  margin-bottom: 5px; margin-left: 6px; text-align: center;  text-decoration: none; border:#fff dashed 1px ; float: left;  border-radius: 8px;  width: 135px; line-height: 33px; height: 36px;background: #3fbab8; color:#fff;}
.searchright a i{ margin-right: 5px;}
.lawshowbox{ /*margin: 18px auto 0 auto;*/margin: 8px auto 0 auto; padding: 0 50px; padding-top: 15px; background: #fff; width: 1200px; padding-bottom: 25px;}
.lawshowtop{ color:#666666;}
.showtitle{ position: relative; margin-top: 30px;}
.showtitle h1{ margin: 5px 0; text-align: center;}
.showtitle a{ position: absolute; font-size: 12px; top:14px; border-radius: 3px; text-decoration: none; right: 0; display: block; padding:4px 6px;background: #3fbab8; color:#fff;}
.showinfo{ text-align: center; color:#888; margin-top: 10px;}
.showmessage{ height: 55px; background: #f8fbfc; margin-top: 30px;}
.showmessage span{ display: block; height: 55px; float: left; width: 12.5%; text-align: center; line-height: 55px; color: #656565;}
.showlawspanbox span{ width: 10%;}
.showmessage span:nth-child(odd){background: #ebf2f5;}
.showmessage span:last-child{ color: #ff0000;}
.recordtitle{margin-top: 26px; height: 50px; background: #f8fbfc;}
.recordtitle span{ float: left;  color: #555; cursor: pointer;height: 50px; line-height: 50px; text-align: center; width: 115px;  font-size: 16px;}
.recordtitle span.on{ background: #ebf2f5;}
.recorditem{color: #737373;  overflow: hidden;}
.recorditem span{  width: 135px; display: block;}
.recorditem em{ float: left; position: relative; width: 14px; display: block; vertical-align: middle; text-align: center; margin-left: -7px; background: #ffffff; margin-top: 2px; height: 14px;border-radius: 7px; border:#2fcdb3 solid 1px;}
.recorditem em i{ display: inline-block; position: absolute; top: 1px; left: 1px; width: 10px; height: 10px; border-radius: 5px; background: #2fcdb3;}
.recorditem p{ margin: 0; padding: 0; margin-left: 15px; float: left; }
.recordleft{ border-right: #2fcdb3 solid 1px; padding-bottom: 25px; float: left;}
.recorditem:last-child .recordleft{ padding-bottom: 0;}
.recordlist{ padding: 22px 0;}
a.readall{ display: flex; height: 50px; margin-top: 10px; align-items: center; font-size: 16px; color: #555; justify-content: center; background: #ebf2f5;}
.showcont{ font-size: 16px; line-height: 160%; color: #555555; padding: 18px;}
.seemore{ background: #f3f7f8; text-align: center; padding: 15px 0; font-size: 16px; color: #555555;}
.seemore a{ color: #0ab99c;}
.seemore span{ display: block; text-align: center; margin-top: 4px; font-size: 13px; color:#777777;}


/*对比页面*/
.contrasttitle{ margin-top: 25px; overflow: hidden;}
.contrasttitle span{ width: 50%; float: left; display: block; text-align: center; background: #ebf2f5; height: 50px; line-height: 50px; color: #454747; font-size: 16px;}
.contrastitem{ padding: 25px 0;  border-bottom: #e4edf1 solid 1px; overflow: hidden;}
.contrastitem:last-child{ border-bottom: none;}
.contrastitem div{ width: 50%; box-sizing: border-box; float: left; color: #666666; line-height: 150%; min-height: 22px;font-size: 15px; padding: 0 30px;}
.zaiyao{ padding: 18px; line-height: 160%; font-size: 15px; color: #555555;}


/*导读*/
.daodusearch{ width: 1074px; margin:25px auto 0 auto; overflow: hidden;}
select.myselect{  border-radius: 3px; padding:0 5px; color: #5a5a5a; font-size: 16px; border: #e4e4e4 solid 2px; height: 36px; width: 110px;}
.ddsearchleft div{ margin-right: 10px; float: left;}
.ddsearchleft{ float: left;}
.ddsearchright{ float: right;}
.ddsearchright{ color:#5a5a5a; font-size: 16px;}
.ddsearchright i{ color:#fcd00c; margin-right: 8px;}
.daodulist{ padding-bottom: 15px; width: 1074px; margin:18px auto 0 auto;}
.daoduitem{ background: #fafeff;}
.daodutitle{ padding: 0 20px; color:#666; font-size: 16px; height: 50px; line-height: 50px; background: #eaf2f5;}
.daodutitle span i{color:#fcd00c; margin-left: 8px;}
.daoducont{ padding: 18px;color:#777777; line-height: 150%; }
.searchleft{ float: left;}
.searchright{ float: right;}


.bztopsearchleft a{ margin-bottom: 5px; text-align: center;  text-decoration: none; float: left; border:#fff dashed 1px ;  border-radius: 8px;  width: 135px; margin-right: 6px; line-height: 33px; height: 36px;background: #3fbab8; color:#fff;}
.bztopsearchleft a i{ margin-right: 5px;}
.bztitlebox{ position: relative;  }
.bztitlebox h1{ text-align: center; font-size: 24px; margin-bottom: 5px;font-weight: normal;}
.bztitlebox h2{ text-align: center; font-size: 24px; margin-top: 5px; font-weight: normal;}
.bzhbox{ position: absolute; width: 199px; right: 0; top: 0;}
.bzhbox span{ display: block; color: #3fbab9; text-align: right; height: 24px; line-height: 24px;}



.searchfixed{ width: 1200px; z-index: 8000; position: fixed; top: 0px; left: 50%; margin-left: -600px; margin-top: 0;}

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