* { outline: none; list-style: none; box-sizing: border-box; } [v-cloak]{ display: none; } ul, li, p { margin: 0; } body{ font-family: 微软雅黑; } .dac img{ cursor: pointer; } .flex-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .re-title .name { font-size: 16px; font-weight: bold; color: #333; height: 40px; line-height: 40px; display: inline-block; padding: 0px 20px; } .re-title .team { font-size: 14px; color: #333; display: inline-block; } .re-title { border-bottom: solid 1px #ededed; } .neirong2 ul { line-height: 42px; background-color: #f5f5fa; border: solid 1px #d7dce6; text-align: center; font-size: 14px; color: #999999; } /* 签约进展 */ .application-name { font-size: 14px; color: #333; font-weight: bold; margin-right: 10px; display: inline-block; height: 40px; line-height: 40px; } .fl { float: left; } .vertical-line { border-right: 1px solid #ccc; height: 25px; width: 1px; display: inline-block; margin-right: 10px; vertical-align: middle; } .div-header { padding: 0px 10px 0px 20px; height: 40px; border-bottom: 1px solid #DCDCDC; } .div-header img { cursor: pointer; } .dataa .xinxi { color: #999999; font-size: 14px; margin: 5px; } .xinxitop { width: 227px; } .dataa .xinxi{ margin-top: 5px; } .dataa .xinxi span { font-size: 16px; color: #333333; } /* 进度条 */ .layui-progress { width: 240px; margin: 10px; } .layui-progress-bar { background-color: #ff9526; display: inline-block; height: 100px; text-align: center; } /* 边框 */ .quote { /*position: relative; top: 50px; left: 0;*/ width: 4px; height: 81px; background-color: #12b7f5; border-radius: 3px; margin-right: 20px; } /* 康复期标签 */ .biaoqian { padding: 0px 4px 0px 4px; background-color: #12b7f5; color: #ffffff; border-top-left-radius: 15px; border-bottom-left-radius: 15px; width: 80px; } .biaoqian .span1 { display: inline-block; width: 6px; height: 6px; background-color: #ffffff; border-radius: 50%; margin: 0 4px 2px 0; } .biaoqian span:nth-child(2){ font-size: 14px; text-align: center; width: 57px; color: white; display: inline-block; } /* 数据 */ .data { border: 1px solid #d7dce6; margin: 10px; border-radius: 10px; height: 124px; margin-bottom: 0; min-width: 1235px; } /* .dataa {} */ .dataatop { /*position: relative; bottom: 41px; left: 20px;*/ width: 210px; flex-wrap: wrap; justify-content: space-between; } .dataabom { width: 360px; background-color: #fafaeb; color: #666666; padding-left: 5px; height: 60px; } .dataabom p { margin: 0; padding: 8px 0 10px 10px; } .dataabom p:nth-child(1) { color: #333333; padding-bottom: 0; } .dac { width: 260px; position: relative; justify-content: space-between; } .doc { background-color: #f5f5fa; width: 290px; height: 100px; /*margin: 20px;*/ text-align: center; margin-left: 15px; padding: 10px; } .strong-num{ color: #333333; font-size: 20px; margin-left: 25px; } /*.doc:nth-child(1){ margin-left: 164px; }*/ .fdt, .fdb { margin: 10px; width: 200px; justify-content: space-around; margin-left: 51px; } .fdb { width: 100%; justify-content: space-between; text-align: center; margin: 0; height: 19px; margin-top: 10px; } .fdb p { /* height: 17px; */ width: 100%; line-height: 19px; } .fdb p:nth-child(1) { border-right: 1px solid #d7dce6; } .fdb p span { color: #333333; font-size: 20px; margin-left: 25px; } .datad { justify-content: center; margin-right: 30px; } .datad button { width: 80px; height: 28px; outline: none; border: 0; font-size: 14px; border-radius: 2px; color: #ffffff; margin: 10px; } @media screen and (max-width:1450px) { .dataabom { width: 280px; } } /* 细节 */ .detail { margin: 0 60px; height: 60px; border: 1px solid #d7dce6; border-top: 0; min-width: 1000px; } .quote2 { width: 4px; height: 31px; background-color: #12b7f5; border-radius: 3px; margin-right: 20px; } .detailc { width: 300px; } .cred { color: #ff3b30; } .corg { color: #ff9526; } .cblue { color: #12b7f5; } .cgre { color: #999999; } .detaild a { margin-right: 40px; color: #12b7f5; text-decoration: underline; } .miaoshu { margin-left: 10px; } .miaoshu p span { color: #333333; font-size: 16px; } .miaoshu p:nth-child(2) { text-align: left; } .miaoshu p { width: 222px; text-align: left; } .inline-block{ display: inline-block; } .datab{ width: 800px; } .w-100 {width: 100%;} .h200 {height: 200px;}