// 资讯列表 .newsDetail { width: 100%; margin-bottom: 70px; .inner { width: 1200px; overflow: hidden; font-size: 16px; .innerLeft { width: 900px; margin-right: 30px; //导航条 .breadcrumb { width: 100%; height: 22px; padding-bottom: 30px; margin-top: 40px; border-bottom: 1px solid #e6e6e6; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 20px; color: #666666; line-height: 23px; text-align: left; font-style: normal; text-transform: none; .el-breadcrumb::v-deep { display: inline-block; vertical-align: -4px; } :deep(.el-breadcrumb__inner a), :deep(.el-breadcrumb__inner.is-link) { color: #666666; font-weight: 400; text-decoration: none; transition: var(--el-transition-color); } span { font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 20px; color: #666666; line-height: 23px; text-align: left; font-style: normal; text-transform: none; } span:hover { color: #666666; } .location { margin-right: 20px; width: 100px; height: 22px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 20px; color: #666666; line-height: 23px; text-align: left; font-style: normal; text-transform: none; } } .LeftTop { // height: 522px; margin-top: 50px; >h1 { line-height: 40px; margin-bottom: 30px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; font-size: 30px; color: #333333; } >p { height: 18px; line-height: 18px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 14px; color: #999999; span { margin-right: 40px; } } >img { width: 680px; height: 382px; padding: 50px 0px 60px 55px; } } .leftBottom { width: 885px; margin-top: 20px; font-size: 20px; line-height: 38px; margin-bottom: 20px; ul>li img { width: 885px; height: 382px; } img { width: 885px; height: 382px; } p.tinymce-material { img { width: 885px; } } >h3, >p { text-indent: 2em; width: 885px; font-family: Microsoft YaHei, Microsoft YaHei; font-size: 20px; color: #333333; line-height: 38px; padding-bottom: 30px; img { width: 885px; } } >h3 { font-weight: 600px; } >p { font-weight: 400; } } .disclaimer { width: 885px; overflow: hidden; border-top: 1px solid #e6e6e6; padding: 30px 0px; color: #999999; font-size: 17px; p { width: 885px; line-height: 30px; } } } .innerRight { width: 270px; margin-top: 60px; } } } .leftBottom::v-deep p img, .leftBottom::v-deep img, .leftBottom::v-deep video { max-width: 900px; } .leftBottom::v-deep h1, .leftBottom::v-deep h2, .leftBottom::v-deep h3, .leftBottom::v-deep h4, .leftBottom::v-deep h5, .leftBottom::v-deep h6 { font-size: 20px; font-weight: 500; } //投票 .index_3_box_vote { .voteTitle { font-size: 20px; height: 40px; line-height: 40px; color: #333333; padding-left: 20px; width: 100%; border-bottom: 1px solid #E7E7E7; border-top: 1px solid #dd7d18; box-sizing: border-box; } width:100%; box-sizing:border-box; border:solid 1px #FBFBFB; background: #FBFBFB; .inquire { height: 394px; margin-top: 20px; border-radius: 6px 6px 6px 6px; padding: 4px 40px 4px 6px; box-sizing: border-box; p { font-weight: bold; height: 69px; font-family: PingFang SC, PingFang SC; font-size: 20px; color: #333333; line-height: 21px; text-align: left; font-style: normal; text-transform: none; padding: 12px 20px 0 32px; } .radioBox { height: 250px; padding-left: 30px; overflow-y: auto; box-sizing: border-box; padding-bottom: 20px; } .radio { /deep/.el-radio { --el-radio-input-border-color-hover: #dd7d18; } /deep/.el-radio-group { align-items: center; display: inline-flex; flex-wrap: wrap; font-size: 0; //padding-left: 35px; } /deep/.el-radio.el-radio--large { width: 100%; height: 29px; margin-bottom: 15px; } /deep/.el-radio.el-radio--large .el-radio__label { font-family: PingFang SC, PingFang SC; font-weight: 400; font-size: 16px; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 300px; } /deep/.el-radio.el-radio--large .el-radio__inner { height: 16px; width: 16px; } /deep/.el-radio__input.is-checked+.el-radio__label { color: #dd7d18; } /deep/.el-radio__input.is-checked .el-radio__inner { background: #dd7d18; border-color: #dd7d18; } } .checkInputBox { /deep/.el-checkbox { --el-radio-input-border-color-hover: #dd7d18; } /deep/.el-checkbox-group { align-items: center; display: inline-flex; flex-wrap: wrap; font-size: 0; } /deep/.el-checkbox.el-checkbox--large { width: 330px; height: 29px; margin-bottom: 15px; } /deep/.el-checkbox.el-checkbox--large .el-checkbox__label { font-family: PingFang SC, PingFang SC; font-weight: 400; font-size: 16px; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 300px; } /deep/.el-checkbox.el-checkbox--large .el-checkbox__inner { height: 16px; width: 16px; } /deep/.el-checkbox__input.is-checked+.el-checkbox__label { color: #dd7d18; } /deep/.el-checkbox__input.is-checked .el-checkbox__inner { background: #dd7d18; border-color: #dd7d18; } } .btn { padding-left: 30px; button { width: 78px; height: 37px; line-height: 37px; border-radius: 6px; border: none; font-family: PingFang SC, PingFang SC; font-weight: 400; font-size: 16px; color: #999999; } .voting { background-color: #dd7d18; color: #fff; margin-right: 44px; cursor: pointer; } .look { cursor: pointer; } } } .inquireData { .inquireDataItem { width: 100%; height: 38px; display: flex; align-items: center; justify-content: space-between; background: #F3F3F3; border: 1px solid #D2D2D2; margin-bottom: 10px; border-radius: 6px; padding: 0 15px; box-sizing: border-box; color: #999999; .inquireDataItemTitle { width: 290px; height: 38px; font-size: 16px; line-height: 38px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inquireDataItemNum { font-size: 16px; } } .active { color: #dd7d18; background: #f3e9de; border: 1px solid #dd7d18; } } } //放大图片 .preview-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center; z-index: 1000; } .preview-modal img { max-width: 100%; max-height: 100%; cursor: pointer; /* 关闭按钮样式 */ }