1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- .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%;
- }
|