- button {
- margin: 0;
- padding: 0;
- }
- .z {
- float: left;
- }
- .y {
- float: right;
- }
- .cl {
- clear: both;
- }
- .zh {
- margin: 0 auto;
- }
- .txtzh {
- text-align: center;
- }
- .txty {
- text-align: right;
- }
- .txtz {
- text-align: left;
- }
- p{
- font-size: 12px;
- }
- body{
- background: #f0f0f0;
- }
- .container {
- width: 100%;
- overflow: hidden;
- }
- .line{
- border-bottom: 1px solid #f0f0f0;
- }
- /*===========================*/
- .banner {
- height: 150px;
- margin-bottom: 10px;
- }
- .banner img {
- height: 200px;
- width: 100%;
- }
- .header{
- margin-bottom: 10px;
- }
- .search {
- font-size: 14px;
- overflow: hidden;
- }
- .search-group {
- height: 103px;
- width: 95%;
- line-height: 50px;
- border: 1px solid darkgray;
- border-radius: 6px;
- background: white;
- position: relative;
- }
- .group {
- height: 50px;
- width: 100%;
- }
- .group img{
- margin-top: 22px;
- margin-right: 7%;
- width: 6px;
- }
- .group.cfd {
- background: url(../img/xstart.png) no-repeat;
- background-size: 6px;
- background-color: white;
- }
- .group.mdd {
- background: url(../img/xend.png) no-repeat;
- background-size: 6px;
- }
- .rr{
- margin-right: 10px;
- margin-top: 3px;
- color: darkgray;
- }
- .group.cfd{
- background-position: 18px 22px;
- }
- .group.mdd{
- background-position: 18px 22px;
- }
- .dash {
- border-bottom: 1px dashed darkgray;
-
- }
- .start-img {
- width: 25px;
- height: 25px;
- margin-top: 20px;
- margin-left: 20px;
- margin-right: 10px;
- }
- .search-location {
- font-size: 16px;
- font-family: "黑体";
- margin-left: 40px;
- color: #a3a3a3;
- }
- .search-input {
- /*opacity: 0.8;*/
- margin-top: 10px;
- border: 0px;
- height: 33px;
- line-height: 33px;
- width: 58%;
- font-size: 16px;
- margin-right: 0px;
- position: absolute;
- background-color: white;
- }
- .search-input1{
- padding-left:30px;
- padding-right: 0px;
- margin-right:-23px ;
- margin-left: 173px;
- width: 18%;
- color: #343434;
- }
- .search-input2{
- padding-left:30px;
- padding-right: 0px;
- margin-right:-30px ;
- margin-left: 120px;
- width: 34%;
- color: #a3a3a3;
- }
-
- .right-arrow {
- margin-top: 20px;
- margin-right: 20px;
- }
- /* 搜索按钮 */
- .search-button {
- width: 95%;
- margin-top: 10px;
- }
- .search-button .sy-button{
- text-align: center;
- display: block;
- height: 43px;
- line-height: 43px;
- width: 100%;
- color: #ffffff;
- background-color: #00cc9c;
- border-radius: 7px;
- font-size: 16px;
- }
- /* center 精选路线 */
- .title {
- text-align: center;
- overflow: hidden;
- margin-left: 3%;
- height: 30px;
- }
- .title p{
- font-size: 16px;
- margin: 10px auto;
- opacity: 0.8;
- }
-
- .route-image-group {
- width: 95%;
- height: 150px;
- text-align: center;
- margin: 8px auto;
- display: block;
- background: white;
- border-radius: 5px;
- border-color: #E2E2E2;
- border-width: 1px;
- border-style: solid;
- }
- .img-name-info{
- width: 33%;
- width: 2%px;
- /* overflow: hidden; */
- /* margin: 2%; */
- margin-top: 10px;
- }
- .r-img {
- width: 2%px;
- height: 80px;
- display: inline-block;
- background: #0D6F7C;
- text-align: center;
- width: 94%;
- margin-left: 2.6%;
- }
- .route-name p:first-child{
- font-size: 14px;
- margin-top: 8px;
- margin-bottom: 7px;
- color: black;
- opacity: 0.9;
- }
- .route-name p:nth-child(2){
- color: darkgray;
- font-size: 12px;
- }
-
-
- /* 热门推荐
- .hot-img {
- width: 25px;
- height: 25px;
- margin-left: 20px;
- margin-right: 10px;
- }
- .hotRecommend {
- margin-top: 10px;
- }
-
-
-
-
-
-
-
- /* footer */
- .footer {
- padding-top: 2px;
- line-height: 38px;
- text-align: center;
- color: #808080;
- }
-
-
-
|