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