*{padding: 0;margin: 0;border: 0;} ul,li{list-style: none;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"]{ -moz-appearance: textfield; outline: none; } .hgc_downLoadBg{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.3) } .hgc_downLoadModel{ position: fixed; width: 500px; padding-bottom: 20px; top: 50%; left: 50%; margin-left: -250px; transform: translateY(-50%); font-size: 14px; background: #fff; } .hgc_downLoadModel h2{ position: relative; height: 35px; line-height: 35px; padding-left: 20px; background: #16AE68; text-align: left; font-size: 16px; color: #fff; } .hgc_downLoadModel h2 .close{ position: absolute; width: 35px; height: 35px; text-align: center; line-height: 35px; top: 0; right: 0; font-style: normal; cursor: pointer; } .hgc_downLoadModel .fieldItem{ display: flex; padding:10px 0; } .hgc_downLoadModel .fieldItem.last{ display: block; } .hgc_downLoadModel .fieldItem em{ width: 135px; font-style: normal; text-align: right; } .hgc_downLoadModel .fieldItem .fieldContent{ display: flex; width: calc(100% - 135px); } .hgc_downLoadModel .fieldContent .reportList{ display: flex; flex-wrap: wrap; list-style: none; } .hgc_downLoadModel .fieldContent .redioItem{ display: flex; align-items: center; margin-right: 10px; margin-bottom: 5px; } .hgc_downLoadModel .fieldContent .redioItem input{ margin-right: 5px; } .hgc_downLoadModel .fieldContent .selectDownArea{ width: 280px; padding: 10px; border:1px solid #ddd; } .hgc_downLoadModel .fieldContent .selectDownArea .canDown{ border-bottom: 1px solid #ddd; } .hgc_downLoadModel .fieldContent .selectDownArea h4{ line-height: 30px; } .hgc_downLoadModel .fieldContent .checkList{ display: flex; padding-bottom: 10px; flex-wrap: wrap; } .hgc_downLoadModel .fieldContent .checkItem{ display: flex; margin-right: 10px; align-items: center; } .hgc_downLoadModel .fieldContent .checkItem input{ margin-right: 5px; } .hgc_downLoadModel .fieldContent .scoreOperator{ display: flex; } .hgc_downLoadModel .fieldContent .scoreOperator .scoreList{ display: flex; width: 425px; } .hgc_downLoadModel .fieldContent .scoreOperator .scoreItem{ display: flex; align-items: center; } .hgc_downLoadModel .fieldContent .scoreOperator .scoreItem.last input{ border:none; } .hgc_downLoadModel .fieldContent .scoreOperator .scoreItem input{ width: 25px; height: 25px; border:1px solid #ddd; text-align: center; line-height: 1; } .hgc_downLoadModel .fieldContent .scoreOperator .scoreItem label{ padding:0 2px; } .hgc_downLoadModel .fieldContent .scoreOperator .fixScore{ width: 25px; line-height: 27px; text-align: center; } .hgc_downLoadModel .fieldContent .scoreOperator .operator{ display: flex; } .hgc_downLoadModel .fieldContent .scoreOperator .btn{ width: 20px; height: 20px; margin:0 2px; line-height: 20px; text-align: center; border:1px solid #ddd; cursor: pointer; } .hgc_downLoadModel .fieldContent .scoreOperator .btnRemove{ background: url('http://xbas2.testing.xiaoben.com/images/del-icon.png') no-repeat center; background-size: contain; border:none; } .hgc_downLoadModel .btns { display: flex; justify-content: center; align-items: center; } .hgc_downLoadModel .btns .submitBtn{ width: 80px; height: 30px; margin:0 10px; text-align:center; line-height: 1; color: #fff; border-radius: 5px; background: #14AF68; cursor: pointer; outline: none; } .hgc_downLoadModel .btns .submitBtn.cancel{ background: #999; }