.maphidden { display: none; }

 .wjdh-map {

     position: relative;

 }



 .wjdh-map #wmap {

     width: 100%;

     height: 500px;

     box-sizing: border-box;

 }



 .wjdh-map #r-result {

     position: absolute;

     right: 0;

     top: 0;

     width: 450px;

     max-height: 500px;

     overflow-y: scroll;

     overflow-x: hidden;

     z-index: 99;

     /* transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */

     /* -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */

 }



 .wjdh-map .luxianjieguo #r-result {}



 .wjdh-map .anchorBL {

     display: none;

 }



 .wjdh-map .BMap_pop>div>div {

     border-radius: 8px;

     border: 0 !important;

 }



 .wjdh-map .BMap_pop .BMap_center {

     border: 0 !important;

     border-right: 1px solid #fff !important;

 }



 .wjdh-map .BMap_top {

     border: 0 !important;

 }



 .wjdh-map .BMap_bottom {

     border: 0 !important;

 }



 .wjdh-map .map-marker dt {

     float: left;

 }



 .wjdh-map .map-marker dd {

     height: 80px;

     overflow: hidden;

     margin-left: 110px;

 }



 .wjdh-map .map-marker dd span {

     font-size: 18px;

 }



 .wjdh-map .map-marker h4 {

     height: 30px;

     font-size: 18px;

     white-space: nowrap;

     overflow: hidden;

     text-overflow: ellipsis;

 }



 .wjdh-map .map-marker p {

     height: 40px;

     line-height: 20px;

     overflow: hidden;

 }



 .driving-way {

     font-family: 'Microsoft JhengHei';

 }



 .driving-way .hd li {

     float: left;

     font-size: 16px;

     width: 50%;

     height: 50px;

     line-height: 50px;

     background-color: #eee;

     text-indent: 80px;

     cursor: pointer;

 }



 .driving-way .hd li.on {

     color: #fff;

     background: #333;

 }



 .driving-way .map-tab {

     padding: 20px 0;

 }



 .driving-way .map-tab .trip-mode a {

     position: relative;

     float: left;

     font-size: 16px;

     padding-left: 50px;

     width: 100px;

     height: 50px;

     line-height: 50px;

 }



 .driving-way .map-tab .trip-mode a.active {

     _background: url(../../img/checkbox.png) no-repeat 10px center;

     *background: url(../../img/checkbox.png) no-repeat 10px center;

     color: #ed744e;

 }



 .driving-way .map-tab .trip-mode a i {

     width: 14px;

     height: 14px;

     display: block;

     border: 3px solid #666;

     position: absolute;

     left: 10px;

     top: 50%;

     margin-top: -10px;

     /* transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */

     /* -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */

 }



 .driving-way .map-tab .trip-mode a:hover i, .driving-way .map-tab .trip-mode a.active i {

     transform: translateZ(0px) rotate(45deg);

     -webkit-transform: translateZ(0px) rotate(45deg);

 }



 .driving-way .map-tab .trip-mode a:hover i:before, .driving-way .map-tab .trip-mode a.active i:before {

     opacity: 1;

 }



 .driving-way .map-tab .trip-mode a i:before {

     content: '';

     display: block;

     width: 6px;

     height: 6px;

     background-color: #666;

     position: absolute;

     left: 50%;

     top: 50%;

     margin-left: -3px;

     margin-top: -3px;

     opacity: 0;

     /* transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */

     /* -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */

 }



 .driving-way .map-tab ul {

     position: relative;

     width: 100%;

     height: 112px;

     margin-top: 50px;

     _background: url(../../img/ico5.png) no-repeat left center;

     *background: url(../../img/ico5.png) no-repeat left center;

 }



 .driving-way .map-tab ul:before {

     position: absolute;

     left: 0;

     top: 50%;

     margin-top: -9px;

     content: '';

     display: block;

     width: 16px;

     height: 17px;

     background: url(../../img/ico5.png) no-repeat center center;

     /* transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */

     /* -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */

 }



 .driving-way .map-go ul:before {

     transform: rotateX(180deg);

 }



 .driving-way .map-tab ul li {

     height: 35px;

     line-height: 35px;

     width: 70%;

     font-size: 16px;

     padding: 10px 0;

     margin-left: 80px;

     position: absolute;

     left: 0;

     /* transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */

     /* -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */

 }



 .driving-way .map-tab ul .d1 {

     top: 0;

 }



 .driving-way .map-tab ul .d2 {

     top: 56px;

 }



 .driving-way .map-go ul .d1 {

     top: 56px;

 }



 .driving-way .map-go ul .d2 {

     top: 0;

 }



 .driving-way .map-tab ul .d1:before {

     position: absolute;

     left: -20px;

     top: 30px;

     content: '';

     display: block;

     border-radius: 50%;

     width: 3px;

     height: 3px;

     border: 2px solid #ed744e;

 }



 .driving-way .map-tab ul .d2:before {

     position: absolute;

     left: -20px;

     top: 25px;

     content: '';

     display: block;

     border-radius: 50%;

     width: 3px;

     height: 3px;

     border: 2px solid #12a7eb;

 }



 .driving-way .map-tab ul i {

     display: block;

     width: 75%;

     height: 1px;

     background-color: #ccc;

     position: absolute;

     left: 50px;

     top: 56px;

 }



 .driving-way .map-tab ul li input {

     font-size: 16px;

     width: 100%;

     height: 35px;

     line-height: 35px;

 }



 .driving-way .map-tab #result {

     background-color: #313131;

     color: #fff;

     width: 200px;

     height: 50px;

     line-height: 50px;

     position: absolute;

     right: 0;

     top: 50%;

     margin-top: -25px;

     display: block;

     text-align: center;

     font-size: 18px;

     text-transform: uppercase;

     cursor: pointer;

     /* transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */

     /* -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */

 }



 .driving-way .contact-content {

     float: right;

     width: 48%;

     padding-left: 2%;

     padding-top: 25px;

 }



 .driving-way .contact-content li {

     float: left;

     width: 200px;

     font-size: 16px;

     color: #888;

     padding-left: 40px;

     margin-bottom: 40px;

     height: 32px;

     line-height: 32px;

     padding-bottom: 25px;

     background-position: 0 0;

     background-repeat: no-repeat;

 }



 .driving-way .contact-content .ct-address {

     background-image: url(../../img/ct-address.png);

     margin-right: 40px;

 }



 .driving-way .contact-content .ct-phone {

     background-image: url(../../img/ct-phone.png);

     margin-right: 40px;

 }



 .driving-way .contact-content .ct-mobile {

     background-image: url(../../img/ct-mobile.png);

 }



 .driving-way .contact-content .ct-email {

     background-image: url(../../img/ct-email.png);

 }



 .driving-way .luxian {

     width: 50%;

     float: left;

 }



 .driving-way .luxian ul li:first-child {

     background: #eee url(../../img/ico6.png) no-repeat 100px center;

 }



 .driving-way .luxian ul li {

     width: 100%;

     height: 60px;

     line-height: 60px;

     color: #999;

     text-align: center;

     font-size: 21px;

     margin: 20px 0;

     background: #eee url(../../img/ico7.png) no-repeat 100px center;

     cursor: pointer;

 }