.el-radio-group { margin-right: 5px; font-size: 0; margin-right: 5%; /* width: 40%; */ /* max-width: 120px; */ } body{ max-width:100% } #dataListDiv { max-width: 1280px; margin: 0 auto; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px !important; margin-bottom: 10px !important; } .el-row>div { /* margin-right: 1%; */ margin-left: 1%; } .time { font-size: 13px; color: #999; } .bottom { margin-top: 13px; line-height: 12px; } .button { padding: 0; float: right; } .el-row .el-col { left: 2%; } .el-col { border: 1 bordercolor:#000000 } .el-col-offset-2 { margin-left: 2.3%; } .el-col-8 { width: 23% !important; min-width: 140px; height: 25%; margin-top: 10px; } .el-col .el-col-8 { height: 25%; } #dataListDiv img:hover { padding: 0% 0 0 0; max-height: 200px; width: 100%; display: block; margin-left: 0%; /*transform-origin: bottom; */ transform: scale(1.1); } #dataListDiv .image { height: 200px; width: 100%; padding: 0% 0 0 0; display: block; transition: all .3s ease; /* margin-left: 10%; */ } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both } .el-dropdown-link { cursor: pointer; color: #409EFF; } .el-icon-arrow-down { font-size: 12px; } .demonstration { display: block; color: #8492a6; font-size: 14px; margin-bottom: 20px; } #secondTypeDiv { /* 浜岀骇鍒嗙被鑳屾櫙鍥捐矾寰 */ background: url("/img/47.jpg") no-repeat center; background-size: 100%; padding: 42px 50px 50px 90px; /* width: 100%; left: 10%; min-height: 40px; */ /* padding: 30px 30px 50px 30px; */ } .el-radio__input.is-checked+.el-radio__label { color: #fff; } .el-radio { color: #fff; } .el-radio__label { font-size: 14px; padding-left: 10px; } #app { /* width: auto; */ /* margin-right: auto; margin-left: auto; */ background: #f7f7f7; } @media only screen and (max-width: 960px) { #secondTypeDiv { padding: 15px 10px; background-size: cover; } .el-col.el-col-8 { width: 48% !important; } .el-radio-group { font-size: 0; margin-right: 5%; min-width: 45%; } } .tit { font-size: 16px; color: #313131; min-width: 110px; }