.probar { width: 100%; height: auto; overflow: hidden; background: rgba(0, 0, 0, 0.4); } .probar a { display: block; width: 25%; height: 55px; text-align: center; color: rgba(255, 255, 255, .8); font-size: 0.75rem; cursor: pointer; float: left; } .probar a img { display: block; height: 25px; margin: 5px auto; } .probar a.on { font-weight: bold; color: #fff; } .probox { margin: 15px 0; height: auto; overflow: hidden; } .probox a { display: block; width: 47%; height: auto; background: #fff; margin: 2vw 0 0 2%; overflow: hidden; float: left; } .probox a p { display: block; width: 100%; height: 47vw; overflow: hidden; } .prot { height: 60px; overflow: hidden; border: 1px solid #fff; background: url(/static/images/more.gif) calc(100% - 10px) 12px no-repeat; background-size: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .prot span { display: block; width: calc(100% - 40px); float: left; padding-left: 10px; line-height: 160%; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; } .prot span:nth-child(1) { font-size: 1rem; margin-top: 8px; color: #002856; font-weight: bold; } .prot span:nth-child(2) { font-size: 0.75rem; color: #999; } /* 浜у搧璇︽儏 */ .dalislide.prop { width: 100%; height: 100vw; } .dalislide.prop .slidep.cover li img { object-fit: contain; } .dalislide.prop .slideb { text-align: center; padding-right: 0; } .slideleft,.slideright { width: 40px; height: 40px; top: 50%; margin-top: -20px; opacity: 1; display: block; } .slideleft { background: url(/static/images/cpleft.png) center no-repeat; background-size: 100%; left: 10px; } .slideright { background: url(/static/images/cpright.png) center no-repeat; background-size: 100%; right: 10px; } .proviewt1 { font-size: 1rem; line-height: 180%; margin-top: 10px; color: #666; padding-left: 15px; } .proviewt2 { font-size: 1.2rem; font-weight: bold; line-height: 180%; padding-bottom: 10px; padding-left: 15px; } .proviewt3 { height: auto; overflow: hidden; margin-top: 20px; padding-left: 15px; } .proviewt3 span { display: block; min-width: 48%; margin-right: 2%; max-width: 98%; height: auto; overflow: hidden; float: left; font-size: 0.75rem; line-height: 180%; color: #666; } .proma { margin-top: 10px; margin-left: 15px; } .proma img { display: block; width: 80px; } .proma span { line-height: 40px; color: #666; display: block; } .proban { width: 100%; height: auto; overflow: hidden; margin-top: 20px; } .proban img { display: block; width: 100%; margin: 0; } .readv { width: 100%; height: 60vw; overflow: hidden; background: #000; margin-top: 20px; } .readcont { width: 100%; height: auto; overflow: hidden; font-size: 0.875rem; line-height: 180%; background: #fff; margin-top: 20px; } .readcont img { display: block; width: 100%; }