.wrappper{ width: 100%; min-width: 1200px; .content{ position: relative; width: 1200px; left: 50%; margin: 10px 0 0 -600px; cursor: default; height: 100%; border: 1px solid #f4f4f4; border-radius: 2px; } } .contentTitle{ font-size: 16px; height: 44px; line-height: 44px; border-bottom: 1px solid #E6E6E6; font-weight: 600; color: #333; position: relative; } .example{ color: #777; font-size: 12px; line-height: 18px; margin-top: 15px; } .contentInfoBox{ width: 1160px; padding: 0 20px; background: #fff; margin: 0 0 10px 0; position: relative; } .infoBox{ display: block; } .infoTxt{ min-height: 33px; width: 1160px; font-size: 14px; color: #333; resize: none; line-height: 18px; font-family: "Microsoft Yahei", Verdana, Simsun, "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue", Arial; // outline: none; padding: 10px; background: #F7F8FA; border: 1px solid #ccc; box-sizing: border-box; margin: 15px 0 0 0; } .infoTxt:focus{ border: 1px solid #58a6e7; outline: 0; -webkit-box-shadow:#58a6e7 0px 0px 2px; -moz-box-shadow: #58a6e7 0px 0px 2px; box-shadow: #58a6e7 0px 0px 2px; } .loading{ color: #aaa; text-align: center; margin-top:50px; font-size:14px; } .disabled{ opacity: 0.5; filter: "alpha(opacity=50)"; filter: alpha(opacity=50); } input::-webkit-input-placeholder{ color: #ccc; }     input:-moz-placeholder,textarea:-moz-placeholder{ color: #ccc; }     input::-moz-placeholder,textarea::-moz-placeholder{ color: #ccc; }     input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color: #ccc; } .btnBox{ height: 36px; padding: 20px 0; position: relative; } .btn{ position: absolute; width: 60px; left: 50%; margin-left: -48px; background-color: #5A8EEE; border-color: #5A8EEE; color: #fff; padding: 9px 20px; text-align: center; border-radius:4px; font-size: 14px; display: inline-block; cursor: pointer; } .resultBox{ white-space: pre-wrap; min-height: 155px; line-height: 21px; padding: 10px 0 20px; width: 1160px; position: relative; font-size: 14px; color: #333; // css保留换行符 // white-space: pre-line; } .empty{ position: absolute; // display: none; width: 120px; height: 140px; top: 50%; left: 50%; margin: -50px 0 0 -51px; // display: none; .emptyImg{ position: relative; width: 100px; left: 10px; } .emptyTxt{ width: 120px; font-size:12px; margin: 20px 0 0 0; text-align: center; color: #aaa; } } .footer{ position: absolute; width: 100%; bottom: 10px; text-align: center; font-size: 12px; color: #ccc; }