.SubmitButton { background: rgba(239,39,58,1); border-radius: 7px; border: 0px; } .text { color: rgba(239,39,58,1); } .SelectFrom { width: 180px; background: #ffffff; border-radius: 7px; border: 1px solid #dbdbdb; } .addButton { background: #50be00; border-radius: 4px; border: 0px; margin: 10px 0px; } .cardText { color: #333; display: flex; align-items: center; position: relative; line-height: 1.5; font-size: 0.106rem; margin-bottom: 0.08rem; } .cardItem{ color: #666; display: flex; align-items: center; line-height: 1.5; font-size: 0.106rem; margin-bottom: 0.08rem; } .ediText { font-size: 0.106rem; color: #ff925c; line-height: 24px; position: absolute; right: 0; } .title{ display: inline-block; width: 0.54rem; justify-content: space-between; text-align: justify; text-align-last:justify } .address { width: 400px; height: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .pitchButton { border-color: rgba(255,126,72,1); background-color: rgba(255,126,72,1); color: rgba(255,255,255,1); } .noButton { border-color: rgba(255,126,72,1); color: rgba(255,126,72,1); } .displayS { display: none; } .leftBox{ width:1000px; min-width:350px; height:1000px; background:rgba(255,255,255,1); box-shadow:0px 0px 16px 2px rgba(0,0,0,0.12); border-radius:8px; display: inline-block; margin-right: 30px; padding: 30px; overflow: hidden; } .rightBox{ width:-webkit-fill-available; min-width: 300px; background:rgba(255,255,255,1); box-shadow:0px 0px 16px 2px rgba(0,0,0,0.12); border-radius:8px; display: inline-block; padding: 30px; overflow: hidden; position: relative; } .rightBoxCentre{ width:865px; height:345px; min-width: 60%; background:rgba(255,255,255,1); box-shadow:0px 0px 16px 2px rgba(0,0,0,0.12); border-radius:8px; display: inline-block; padding: 30px; overflow: hidden; position: relative; } .leftBoxCentre{ width:100%; height:345px; background:rgba(255,255,255,1); box-shadow:0px 0px 16px 2px rgba(0,0,0,0.12); border-radius:8px; display: inline-block; padding: 30px; overflow: hidden; position: relative; } .tit{ font-size:0.15rem; font-weight:600; color:#222; margin: 10px 0 0 0; } .flexBox{ display: flex; align-items: end; } .touxiang{ width: 120px; width: 120px; border-radius: 6px; margin: 30px 0 20px 0; } .touxiangphoto{ width: 80px; height: 80px; margin: 38px 0 0px 0; } .infoItem{ color:#666; font-size: 0.1rem; margin: 0 0 30px 0; } .rightItem{ color:#666; font-size: 0.1rem; margin: 0 0 15px 0; display: flex; } .right{ width: 25%; min-width: 1.3rem; margin-left: 0.1rem; padding-top: 0.3rem; // position: absolute; // top:108px; // left:170px; } .rightphone{ position: absolute; top:108px; left:170px; } .left{ position: absolute; top:108px; left:60%; } .rightInfo{ width: 28%; min-width: 1.3rem; margin-right: 0.1rem; padding-top: 0.3rem; // position: absolute; // top:108px; // left:80%; } .Centered{ width: 28%; // position: absolute; // top:108px; // left:30%; min-width: 1.3rem; margin: 0 0 15px 0; color:#666; font-size: 0.1rem; padding-top: 0.3rem; } .rightCentered{ // position: absolute; // top:108px; // left:55%; flex: 1; // width: 25%; min-width: 1.3rem; margin: 0 0 15px 0; padding-top: 0.3rem; color:#666; font-size: 0.1rem; } // 客户详情样式 .cardBox{ display: flex; .leftBox{ width:1000px; min-width:350px; height:1000px; background:rgba(255,255,255,1); box-shadow:0px 0px 16px 2px rgba(0,0,0,0.12); border-radius:8px; display: inline-block; margin-right: 30px; padding: 30px; overflow: hidden; } .rightBox{ width:-webkit-fill-available; min-width: 300px; background:rgba(255,255,255,1); box-shadow:0px 0px 16px 2px rgba(0,0,0,0.12); border-radius:8px; display: inline-block; padding: 30px; overflow: hidden; position: relative; } .rightBoxCentre{ width:865px; height:345px; min-width: 60%; background:rgba(255,255,255,1); box-shadow:0px 0px 16px 2px rgba(0,0,0,0.12); border-radius:8px; display: inline-block; padding: 30px; overflow: hidden; position: relative; } .leftBoxCentre{ width:100%; height:345px; background:rgba(255,255,255,1); box-shadow:0px 0px 16px 2px rgba(0,0,0,0.12); border-radius:8px; display: inline-block; padding: 30px; overflow: hidden; position: relative; } .tit{ // font-size:0.15rem; font-weight:600; color:#222; margin: 10px 0 0 0; } .flexBox{ display: flex; align-items: end; } .touxiang{ width: 120px; width: 120px; border-radius: 6px; margin: 30px 0 20px 0; } .touxiangphoto{ width: 80px; height: 80px; margin: 38px 0 0px 0; } .infoItem{ color:#666; // font-size: 0.1rem; margin: 0 0 30px 0; } .rightItem{ color:#666; // font-size: 0.1rem; margin: 0 0 15px 0; display: flex; } .right{ width: 25%; min-width: 1.3rem; margin-left: 0.1rem; padding-top: 0.3rem; // position: absolute; // top:108px; // left:170px; } .rightphone{ position: absolute; top:108px; left:170px; } .left{ position: absolute; top:108px; left:60%; } .rightInfo{ width: 25%; min-width: 1.3rem; margin-right: 0.1rem; padding-top: 0.3rem; // position: absolute; // top:108px; // left:80%; } .Centered{ width: 25%; // position: absolute; // top:108px; // left:30%; min-width: 1.3rem; margin: 0 0 15px 0; color:#666; // font-size: 0.1rem; padding-top: 0.3rem; } .rightCentered{ // position: absolute; // top:108px; // left:55%; width: 25%; min-width: 1.3rem; margin: 0 0 15px 0; padding-top: 0.3rem; color:#666; // font-size: 0.1rem; } } .recordBox{ width:100%; background:rgba(255,255,255,1); box-shadow:0px 0px 16px 2px rgba(0,0,0,0.12); border-radius:8px; margin-top: 30px; padding: 30px; .tableName{ font-size:24px; font-weight:600; color:#222; } }