* { box-sizing: border-box; font-size: 14px; color: #282828; margin: 0; padding: 0; } html, body { width: 100%; height: 100%; background-color: #f8f8f8; /*padding:30px 50px;*/ position: relative; min-height: 860px; } div.report { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; width: 1000px; height: 750px; background-color: #fff; border: 1px solid #e0e0e0; } div.r_title { width: 100%; height: 70px; font-size: 30px; line-height: 70px; text-align: center; } div.r_title span { margin-left: 5px; } div.r_title a { color: blue; text-decoration: underline; cursor: pointer; } div.r_info { width: 100%; height: calc(100% - 130px); } div.r_info > div { width: 650px; height: 100%; float: left; padding: 20px; padding-right: 50px; padding-left: 0px; } div.r_info > div:first-child { width: calc(100% - 650px); height: 100%; line-height: 25px; padding-left: 30px; padding-right: 20px; border-right: 1px solid #ccc; } div.image { width: calc(100% - 120px); height: 280px; display: inline-block; overflow: auto; float: right; } div.image > div { width: 97px; height: 97px; float: left; margin-right: 5px; margin-bottom: 5px; border: 1px solid #dde1e3; position: relative; } div.image > div > img { width: 100%; height: 100%; } div.image > div > i { position: absolute; top: 2px; right: 5px; color: red; cursor: pointer; } div.add { /*font-size: 100px; font-weight: bold; background-color: #42a5f5; line-height: 80px; text-align: center; cursor: pointer; color: #fff; position: relative;*/ font-size: 30px; font-weight: bold; background-color: #42a5f5; line-height: 26px; text-align: center; cursor: pointer; color: #fff; position: relative; width: 30px; height: 30px; border-radius: 3px; left: 80px; } div.add input { width: 100px !important; height: 100px !important; position: absolute; top: 0px; left: 0px; } div.r_button { width: 100%; height: 50px; text-align: center; padding-bottom: 5px; } div.r_button > span { border-radius: 5px; display: inline-block; min-width: 100px; height: 40px; text-align: center; line-height: 40px; border: 1px #42a5f5 solid; cursor: pointer; background-color: #42a5f5; color: #fff; } div.box_info { padding: 20px 30px; padding-right: 50px; } div.adcode { width: calc(100% - 120px); height: 30px; float: right; } div.adcode span.value { background-color: #f8f9fb; } /*标题结尾*/ div.tou { background: url(/uploads/image/wimg/tou.png) no-repeat top; height: 100px; width: 100%; overflow: hidden; background-size: 100% 100%; } div.tou img { margin-left: 20%; margin-top: 27px; } div.wei { height: 100px; width: 100%; position: absolute; bottom: 0px; background-color: #fff; padding: 10px; } div.w_phone { width: 200px; display: inline-block; vertical-align: top; border: 1px solid #d1d1d1; padding: 5px 10px; margin-top: 13px; background-color: #fff4f4; margin-right: 15px; } div.w_phone > strong, div.w_phone > span { display: inline-block; text-align: right; line-height: 22px; width: 100%; } div.wei img:first-child { margin-bottom: 12px; } div.wei > div { margin: 0 auto; width: 1080px; } div.wei *[onclick] { cursor: pointer; } div.w_info { display: inline-block; vertical-align: top; padding-top: 10px; } div.w_info > div { line-height: 20px; padding-right: 20px; } div.w_info:last-child { border-left: 1px solid #ccc; } div.w_info:last-child > div { padding-left: 20px; padding-right: 0; } div.w_info img:first-child { float: left; } div.report { height: 600px; }