锘縝ody { background:#f4f4f4; } .top { width:1200px; margin:0px auto; margin-top:30px; } .top-shang { height:60px; } .top-left { width:1135px; float:left; } .top-left p { font-size: 22px; font-weight: bold; line-height:60px; } .top-right { width:50px; float:left; } .top-right div:first-child { width: 80px; height: 60px; background: url("/v2/images/lawyer_01.png") no-repeat; margin-top:10px; float:left; background-position-x:3px; margin-left:30px; } .top-right div:first-child a { display: block; padding-top: 30px; width: 33px; } /*.top-right div:last-child { width: 80px; height: 60px; background: url("/v2/images/lawyer_02.png") no-repeat; margin-top: 10px; float: left; background-position-x: 3px; }*/ .top-right div:last-child a { display: block; padding-top: 30px; width: 33px; } .top-right div a:hover { text-decoration:underline; } .top-xia { width: 1200px; margin: 0px auto; margin-top: 40px; height: 160px; border: 1px solid #e0dedf; background: #ffffff; } .top-l { width: 650px; float: left; height: 160px; } .top-c { float: left; width: 350px; height: 160px; } .top-r { float: left; width: 200px; height: 160px; } .top-l-left { width: 200px; height: 160px; float: left; } .top-l-left div:first-child { height: 140px; width: 140px; overflow: hidden; position: relative; /*border-radius: 50%;*/ margin-top: 10px; margin-left: 35px; } .top-l-left div:first-child img { max-width: 140px; max-height: 140px; margin: 0 auto; display: block; } .top-l-right { width: 380px; height: 140px; float: left; } .top-l-right-top { height:60px; } .top-l-right-top span:first-child { padding-left:0px; } .top-l-right-top span { padding: 0px 10px 0px 15px; line-height: 100px; } .top-l-right-con { height: 55px; } /*.top-l-right-con span:first-child { margin-left: 0px; color: #01AAED; }*/ .top-l-right-con span { border: 1px solid #e7e5e6; margin-top: 10px; /*display: inline-block; margin-left: 10px;*/ color: #01AAED; font-size: 15px; padding: 2px 2px 2px 2px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .top-l-right-bom { height: 30px; color: #d8cfcf; } .top-l-right-bom span { color:black; padding-right:20px; } .top-c-wz { height:160px; height:160px; } .top-c-wz p { height:35px; line-height:100px; } .top-c-wz p span { padding-right: 10px; } .top-c-wz p:first-child span { color: #ff6a00; } .top-c-wz p:last-child span { color: #d8cfcf; } .top-r a:first-child { display:block; width:170px; margin-top:30px; border:1px solid red; padding:10px 0px 10px 0px; color:red; text-align:center; font-size:18px; } .top-r a:last-child { display: block; width: 170px; margin-top: 10px; border: 1px solid red; padding: 10px 0px 10px 0px; color: red; text-align: center; font-size: 18px; } .top-r a:hover { color:white; background:red; } .bom { width:1200px; margin:0px auto; margin-top:40px; margin-bottom:50px; } .bom-top { height:60px; background:#c92420; } .bom-top ul li{ float:left; width:150px; text-align:center; line-height:60px; color:#fcf6f7; font-size:17px; border-right:1px solid white; cursor:pointer; } .bom-top ul li:hover { color:#f8d09a; } .bom-con { height:60px; background:#dcdadb; } .bom-con p { line-height:60px; padding-left:40px; color:red; font-size:18px; font-weight:700; } .bom-bom { height: 400px; background: #ffffff; overflow: auto; padding:15px; } .bom-bom ul li { height:45px; margin-left:40px; font-size:17px; } .bom-bom ul{ padding-top:25px; } .selected { color: #f8d09a; } @media screen and (max-width:1024px) { .top { width: 1006px; margin: 0px auto; margin-top: 30px; } .top-left { width: 1006px; float: left; } .top-xia { width: 1004px; margin: 0px auto; margin-top: 40px; height: 160px; border: 1px solid #e0dedf; background: #ffffff; } .bom { width: 1006px; margin: 0px auto; margin-top: 40px; margin-bottom: 50px; } }