@charset "utf-8"; .div-date { width: 120px; height: 17px; background: #DCDCDC; line-height: 17px; border-radius: 10px; font-size: 12px; color: #A9A9A9; text-align: center; vertical-align: middle; margin: 10px auto; } .n-list { border: 1px solid #DCDCDC; border-radius: 6px; margin: 0 10px; } .n-list-li { padding-bottom: 0; padding-top: 6px; } .icon-news { position: absolute; top: 0; right: 0; width: 30px; height: 30px; background-image: url(../images/new_icon.png); background-repeat: no-repeat; background-position: top right; background-size: cover; } .div-title { font-size: 16px; color: #333333; padding-bottom: 8px; } .div-name { padding-top: 8px; font-size: 12px; } .div-type { font-size: 11px; margin-bottom: 12px; } .div-list-info { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; display: -moz-box; display: -webkit-box; font-size: 14px; overflow: hidden; -webkit-line-clamp: 4; height: 80px; line-height: 20px; padding-top: 15px; -webkit-box-orient: vertical; } .div-img { width: 320px; height: 184px; background: url(../../../images/shujuweikong_img.png) no-repeat center top; background-size: 320px 184px; margin: 60px auto 0px; } .div-no-content { vertical-align: middle; margin: 15px auto 30px; text-align: center; } .list-area { position: relative; padding-left: 10px; border-top: 1px solid #DCDCDC; } .list-area p { height: 30px; line-height: 30px; } .form li { padding: 10px 0; margin-left: 10px; border-color: #e1e1e1; } .form .c-list-key { min-width: 70px; line-height: 25px; margin-right: 20px; font-size: 16px; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; } .form .c-list-info { padding-right: 10px; } .form .c-list-info > p { font-size: 14px; } .form .list-child > li { padding-left: 10px; margin-left: 0; } .form h4 { line-height: 25px; font-size: 16px; } .form .list-txt { line-height: 22px; padding-right: 10px; font-size: 14px; } .form .input-group { padding-right: 10px; } .form .form-textarea { padding: 0; border: none; } .upload-list { padding-right: 10px; } .upload-list li { width: 70px; height: 70px; padding: 0; margin: 0 10px 0 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; } .upload-list li:last-child { border: 1px dashed #DCDCDC; } .icon-add{ display: block; width: 30px; height: 30px; margin: 0 auto; background-image: url(../images/tianjia_jiaren_icon.png); background-repeat: no-repeat; background-position: center; background-size: cover; } #detailBox { padding-bottom: 80px; } .list-tool { background: none; } .list-tool li { margin-left: 10px; } .list-tool .c-list-key { margin-top: 2px; margin-right: 10px; } .list-tool .talk { position: relative; width: 80%; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #47a8ef; border-radius: 12px; } .list-tool .talk:after { position: absolute; top: 15px; left: -8px; font-size: 0; line-height: 0; width: 0; height: 0; content: ''; border-color: transparent; border-style: dashed; border-right: 5px solid #47a8ef; } .list-tool .talk p { line-height: 22px; font-size: 14px; color: #fff; } #footer { position: absolute; bottom: 0; left: 0; z-index: 5; width: 100%; } .btn-green { height: 40px; line-height: 40px !important; padding: 0; font-size: 16px; background-color: #74bf00; } #content_text{ word-break: break-all; }