@charset "utf-8"; /* CSS Document */ .rides-cs { font-size: 12px; background:#009966; position: fixed; top: 200px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;} .rides-cs a { color: #00A0E9;} .rides-cs a:hover { color: #ff8100; text-decoration: none;} .rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;} .rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;} .rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;} .rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;} .rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;} .rides-cs .cn ul {padding:0px;} .rides-cs .cn ul li { padding:10px 0px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;} .rides-cs .cn ul li span { color: #777;} .rides-cs .cn ul li a{color: #777;} .rides-cs .cn ul li img { vertical-align: middle;} .rides-cs .btnOpen, .rides-cs .btnCtn { position: relative; z-index:9; top:25px; left: 0; background-image: url(images/kf.png); background-repeat: no-repeat; display:block; height: 146px; padding: 8px;} .rides-cs .btnOpen { background-position: 0 0;} .rides-cs .btnCtn { background-position: -37px 0;} .rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;} .rides-cs ul li.bot { border-bottom: none;} #back-top{position: fixed;bottom: 40px;right: 0%;z-index: 1000;width: 32px;height: 32px;background: #009966 none repeat scroll 0% 0%;color: #046AB5;text-align: center;cursor: pointer;} #back-top i{color:#fff; line-height:32px;} .product_bg{ background:#FFF;} .product2{margin-top:40px;} .product2.container{padding-left:0px; padding-right:0px;} .product2 .list_k { text-align:left; margin-bottom:20px; padding:0px 15px; } .product2 .list_k .tupian{ text-align:center;} .product2 .list_k .tupian img { max-width:100%; } .product2 .list_k h2 { font-size:14px; color:#00; line-height:140%; padding-top:2px; margin:10px 0px 0px 0; } .product2 .list_k h2 a{color:#333; font-weight:bold;} .product2 .list_k a{color:#337AB7; line-height:30px;} .product2 .list_k a:hover{text-decoration:none; color:#09F} .product2 .list_k h2 a:hover{color:#333;} .product2 .list_k p { font-size:12px; color:#999; } .size-1of4 { width: 25%; } .size-1of3 { width: 33.333%; } .size-1of2 { width: 50%; } .size-1of1 { width: 100%; } @media screen and (max-width: 450px) { .column {} #grid[data-columns]::before { content: '1 .column'; } } @media screen and (min-width: 451px) and (max-width: 700px) { .column {float: left;} #grid[data-columns]::before { content: '2 .column.size-1of2'; } } @media screen and (min-width: 701px) and (max-width: 850px) { .column {float: left;} #grid[data-columns]::before { content: '3 .column.size-1of3'; } } @media screen and (min-width: 851px) { .column {float: left;} #grid[data-columns]::before { content: '3 .column.size-1of3'; } }