.cursor{ cursor:pointer; } .autoBox { width: 1200px; margin: auto; position: relative; } .middle { vertical-align:middle; } .screen1 { color:#2c5589; } .screen2 { font-size: 14px; color:#bebebe; } .title-text span { display: block; /*设置为块级元素会独占一行形成上下居中的效果*/ position: relative; /*定位横线(当横线的父元素)*/ text-align: center; } .title-text span:before, .title-text span:after { content: ''; position: absolute; /*定位背景横线的位置*/ top: 50%; background: #c3c8d8; /*背景横线颜色*/ width: 30%; /*单侧横线的长度*/ height: 1px; } .title-text span:before { left: 2%; /*调整背景横线的左右距离*/ } .plate::after,.plateCountry::after { content: "..."; position:absolute; bottom:0; right:0; padding-left:0px; background:-webkit-linear-gradient(left,transparent,#fff 55%); background:-o-linear-gradient(right,transparent,#fff 55%); background:-moz-linear-gradient(right,transparent,#fff 55%); background:linear-gradient(to right,transparent,#fff 55%); } .plateCountry::after { bottom:10px; } .title-text span:after { right: 2%; }