@charset "UTF-8";
/*loading*/
.loading {
    background: url("../../images/table-loading.gif") no-repeat center center;
}

/*路况信息区域*/
.road-message {
    margin: 0 1%;
    width: 98%;
}

.road-message-list {
    width: 320px;
    background: #ffffff;
    min-height: 400px;
    float: left;
    box-shadow: 1px 0 1px rgba(0, 0, 0, 0.35);
    position: relative;
    z-index: 100;
    overflow: hidden;
}

.tap-title {
    height: 44px;
    line-height: 44px;
    font: bold 14px/44px 微软雅黑;
    color: #FFF;
    background: #588BE1;
}

.tap-title .tap-title-item {
    width: 33.33333%;
    text-align: center;
    float: left;
    cursor: pointer;
    background: #588BE1;
}

.tap-title-item.on {
    background: #486FAD;
}

.tap-title .tap-title-item:hover {
    background: #486FAD;
}

.tap-title .tap-title-item a:hover {
    color: #ffffff;
}

.tap-content {
    width: 100%;
    overflow: hidden;
    height: 686px;
}

/*实时路况*/
.real-time-traffic,.real-time-service {
    padding: 0px 15px;
}

.real-time-traffic-titles,.real-time-service-titles {
    height: 44px;
    overflow: hidden;
    border-bottom: 1px solid #E7E7E7;
    position: relative;
    text-align: center;
}

.real-time-traffic-titles .partingLine,.real-time-service-titles .partingLine {
    line-height: 44px;
    color: #E7E7E7;
    position: absolute;
    left: 50%;
}

.real-time-traffic-item,.real-time-service-item {
    width: 50%;
    float: left;
    height: 44px;
    text-align: center;
    font: bold 14px/44px 微软雅黑;
    color: #999;
}

.real-time-traffic-item a ,.real-time-service-item a{
    color: #999;
}

.real-time-traffic-item a:hover, .real-time-traffic-item a.on,.real-time-service-item a:hover,.real-time-service-item a.on{
    color: #496eae;
}

/*.real-time-traffic-item:last-of-type {
    margin-left: 50%;
}*/

.checkbox-container,.checkbox-service-container {
    border-bottom: 1px dashed #F5F5F5;
}

.checkbox-container .checkbox-item,.checkbox-service-container .checkbox-item {
    float: left;
    height: 36px;
    width: 96px;
    font: normal 12px/36px 微软雅黑;
    color: #333;
}

.checkbox-item input[type='checkbox'], .checkbox-item label {
    vertical-align: middle;
}

.hide-checkbox .layui-form-checkbox[lay-skin=primary] i {
    display: none;
}

.layui-form-checkbox[lay-skin=primary] span {
    padding-left: 30px;
    font-size: 12px;
    height: 25px;
    float: right;
    padding-right: 0px;
    line-height: 25px;
    background: 0 0;
    color: #72828f;
}

.select-all .layui-form-checkbox[lay-skin=primary] span {
    padding-left: 10px;
}

.select-all .layui-form-checkbox[lay-skin=primary] i {
    left: 2px;
    top: 3px;;
}

#selectAll,#selectSerAll {
    display: block;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    padding: 0px 10px;
    margin-top: 7px;
    text-align: center;
    margin: 7px 5px 0px 5px;
}

#selectAll.on, #selectAll:hover,#selectSerAll.on ,#selectSerAll:hover {
    background: #598cE2;
    color: #ffffff;
}

.layui-form-checked[lay-skin=primary] i {
    border-color: #333;
    background-color: #FFFFFF;
    color: #333;
}

.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #333;
    color: #fff;
}

.layui-form-checked[lay-skin=primary]:hover i {
    border-color: #333;
    color: #333;
}

.layui-form-checkbox[lay-skin=primary] span {
    color: #333;
}

/*.layui-form-checkbox[lay-skin=primary] i {
top: 2px;
width: 12px;
height: 12px;
line-height: 14px;
font-size: 10px;
}*/

/*.layui-form-checkbox span {
   margin-left: 30px;
}*/

#sfz + .layui-form-checkbox {
    background: url("../../images/roadIcons/shoufeizhan_normal.png") no-repeat 0 center;
}

#sfz + .layui-form-checkbox.layui-form-checked {
    background: url("../../images/roadIcons/shoufeizhan.png") no-repeat 0 center;
}

#jtgz + .layui-form-checkbox {
    background: url("../../images/roadIcons/guanzhi_normal.png") no-repeat 0 center;
}

#jtgz + .layui-form-checkbox.layui-form-checked {
    background: url("../../images/roadIcons/guanzhi.png") no-repeat 0 center;
}

#sgong + .layui-form-checkbox {
    background: url("../../images/roadIcons/shigong_normal.png") no-repeat 0 center;
}

#sgong + .layui-form-checkbox.layui-form-checked {
    background: url("../../images/roadIcons/shigong.png") no-repeat 0 center;
}

#sg + .layui-form-checkbox.layui-form-checked {
    background: url("../../images/roadIcons/shigu.png") no-repeat 0 center;
}

#sg + .layui-form-checkbox {
    background: url("../../images/roadIcons/shigu_normal.png") no-repeat 0 center;
}

#jtxx + .layui-form-checkbox.layui-form-checked {
    background: url("../../images/roadIcons/jiaotongxianxing.png") no-repeat 0 center;
}

#jtxx + .layui-form-checkbox {
    background: url("../../images/roadIcons/jiaotongxianxing_normal.png") no-repeat 0 center;
}

#yd + .layui-form-checkbox.layui-form-checked {
    background: url("../../images/roadIcons/yongdu.png") no-repeat 0 center;
}

#yd + .layui-form-checkbox {
    background: url("../../images/roadIcons/yongdu_normal.png") no-repeat 0 center;
}

#fl + .layui-form-checkbox.layui-form-checked {
    background: url("../../images/roadIcons/fenliu.png") no-repeat 0 center;
}

#fl + .layui-form-checkbox {
    background: url("../../images/roadIcons/fenliu_normal.png") no-repeat 0 center;
}

#etcxx + .layui-form-checkbox.layui-form-checked {
    background: url("../../images/roadIcons/ETCxinxi.png") no-repeat 0 center;
}

#etcxx + .layui-form-checkbox {
    background: url("../../images/roadIcons/ETCxinxi_normal.png") no-repeat 0 center;
}

#restaurant + .layui-form-checkbox.layui-form-checked {
    background: url("../../images/roadIcons/restaurant.png") no-repeat 0 center;
}
#restaurant + .layui-form-checkbox {
    background: url("../../images/roadIcons/restaurant_normal.png") no-repeat 0 center;
}

#supermarket + .layui-form-checkbox.layui-form-checked {
    background: url("../../images/roadIcons/supermarket.png") no-repeat 0 center;
}
#supermarket + .layui-form-checkbox {
    background: url("../../images/roadIcons/supermarket_normal.png") no-repeat 0 center;
}

#restroom + .layui-form-checkbox.layui-form-checked {
    background: url("../../images/roadIcons/restroom.png") no-repeat 0 center;
}
#restroom + .layui-form-checkbox {
    background: url("../../images/roadIcons/restroom_normal.png") no-repeat 0 center;
}

#parking + .layui-form-checkbox.layui-form-checked {
    background: url("../../images/roadIcons/parking.png") no-repeat 0 center;
}
#parking + .layui-form-checkbox {
    background: url("../../images/roadIcons/parking_normal.png") no-repeat 0 center;
}

#gas + .layui-form-checkbox.layui-form-checked {
    background: url("../../images/roadIcons/gas.png") no-repeat 0 center;
}
#gas + .layui-form-checkbox {
    background: url("../../images/roadIcons/gas_normal.png") no-repeat 0 center;
}

#other + .layui-form-checkbox.layui-form-checked {
    background: url("../../images/roadIcons/other.png") no-repeat 0 center;
}
#other + .layui-form-checkbox {
    background: url("../../images/roadIcons/other_normal.png") no-repeat 0 center;
}

/*路况信息详情*/
.shigu {
    background: url("../../images/roadIcons/shigu.png") no-repeat 0px 10px;
}

.jiaotongxianxing {
    background: url("../../images/roadIcons/jiaotongxianxing.png") no-repeat 0px 10px;
}

.guanzhi {
    background: url("../../images/roadIcons/guanzhi.png") no-repeat 0px 10px;
}

.shigong {
    background: url("../../images/roadIcons/shigong.png") no-repeat 0px 10px;
}

.shoufeizhan {
    background: url("../../images/roadIcons/shoufeizhan.png") no-repeat 0px 10px;
}

.yongdu {
    background: url("../../images/roadIcons/yongdu.png") no-repeat 0px 10px;
}

.fenliu {
    background: url("../../images/roadIcons/fenliu.png") no-repeat 0px 10px;
}

.ETCxinxi {
    background: url("../../images/roadIcons/ETCxinxi.png") no-repeat 0px 10px;
}

/*修改顶部区域高度*/
.real-time-traffic-items {
    height: 568px;
}

#trafficArea {
    overflow: hidden;
}

#trafficArea .traffic-warp > ul,#serviceAreaTime .traffic-warp > ul {
    position: absolute;
    top: 0;
    width: 100%;
}

#trafficArea .traffic-warp {
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: relative;
}

#trafficArea .tempWrap:hover {
    color: red;
}

/*高速公路*/
#expresswayList {
    height: 641px;
    overflow: auto;
}

#expresswayList .layui-form,#expresswaySerList .layui-form {
    padding: 10px 0px 10px 10px;
    border-bottom: 1px solid #e7e7e7
}

#expresswayList input,#expresswaySerList input {
    width: 190px;
}

#serviceArea {
    overflow: auto;
    font-size: 14px;
    color: #333;
    text-align: center;
    font-f: "微软雅黑";
}

/*路况信息地图*/
.traffic-info-map {
    overflow: hidden;
    height: 730px;
    /*padding-left: 2px;*/
    border: 1px solid #E7E7E7;
    /*  border-left: none;*/
}

.tap-content .tap-content-item {
    height: 686px;
    float: left;
}

.real-time-traffic-message {
    border-bottom: 1px dashed #F5F5F5;
    padding: 8px 0 10px 30px;
    cursor: pointer;
}

.real-time-traffic-message .top-message {
    line-height: 26px;
    height: 26px;
    font-family: 微软雅黑;
}

.real-time-traffic-message .road-name {display:block;margin-right:110px;color:#333;font-size:12px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.real-time-traffic-message .release-time {display: block;float: right;width: 110px;text-align: right;color: #999;font-size: 12px;}

.real-time-traffic-message .traffic-message {
    color: #333;
    font-size: 12px;
    /* text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 26px; */
    line-height: 26px;
}

.real-time-traffic-items a:hover {
    color: #333;
}

#expresswayList,#expresswaySerList {
    font-size: 14px;
}

#expresswayList li a,#expresswaySerList li a {
    padding-left: 0px;
    line-height: 36px;
    cursor: pointer;
    text-decoration: none;
    color: #333;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 220px;
    display: inline-block;
}
#expresswaySerList li a {
    max-width: 100%;
}

#netWorkListArea,#netWorkListSerArea {
    height: 596px;
    overflow: hidden;
}

#netWorkListAreaWarp,#netWorkSerListAreaWarp {
    width: 200%;
    height: 100%;
}

#netWorkList, #trafficResult,#netWorkSerList,#serviceResult {
    width: 50%;
    height: 100%;
    float: left;
    overflow: auto;
}

#trafficResult .back-wrap,#serviceResult .back-wrap {
    display: block;
    text-align: right; 
    height: 28px;
    line-height: 28px;
    color: #666;
}

#trafficResult .back-wrap:hover,#serviceResult .back-wrap:hover {
    color: #666;
}
#trafficResult .back-wrap span,#serviceResult .back-wrap span {
    float: right;
}
#trafficResult .back-wrap div,#serviceResult .back-wrap div {
    padding:0 20px 0 50px;
    color: #333;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing:border-box;
}

.traffic-items-warp {
    height: 568px;
    overflow: auto;
}

#trafficResult a:hover,#serviceResult a:hover {
    color: #333;
}

#expresswayList .layui-form-label,#expresswaySerList .layui-form-label {
    font-size: 14px;
}

#expresswayList .net-work,#expresswaySerList .net-work {
    border-bottom: 1px solid #E7E7E7;
}

.net-work span {
    float: right;
    margin-right: 10px;
    line-height: 36px;
    font-size: 14px;
}

#expresswayList .road-segment-warp li a,#expresswaySerList .road-segment-warp li a {
    padding-left: 30px;
}

#expresswayList .net-work .iconfont,#expresswaySerList .net-work .iconfont {
    float: right;
    margin-right: 30px;
}

#expresswayList .road-segment-warp,#expresswaySerList .road-segment-warp {
    display: none;
}

/*广告区域*/
.advertisement-content {
    height: 152px;
    margin: 30px 1%;
    width: 98%;
}

.advertisement-content-left {
    float: left;
    width: 100%;
    margin-right: -500px;
}

.advertisement {
    height: 100%;
    margin-right: 500px;
}

.advertisement-content .right {
    width: 480px;
    float: right;
}

.advertisement-content .right .left {
    width: 130px;
}

.advertisement-content .right .right {
    width: 108px;
}

.advertisement img {
    width: 100%;
    height: 152px;
}

.advertisement-list {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.advertisement-item {
    display: none;
}

advertisement img {
    width: 100%;
    height: 152px;
}

/*广告区域右侧微信和app*/
.advertisement-content .right {
    overflow: hidden;
    height: 100%;
    text-align: center;
}

.advertisement-content .right > div {
    width: 50%;
    height: 100%;
    float: left;
    background: #ffffff;
    border: 1px solid #E7E7E7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.advertisement-content .right .we-chat {
    border-right: none;
}

.advertisement-content .right > div p {
    font-size: 16px;
    color: #666;
    font-weight: bold;
    margin-top: 10px;
    height: 20px;
    line-height: 20px;
}

.advertisement-content .right .item {
    /* width: 125px;*/
    height: 112px;
    float: left;
    margin-top: 20px;
}

.advertisement-content .right .item.right img {
    margin-top: 26px;
}

.main-entrance {
    width: 98%;
    margin: 0 auto;
    min-width: 980px
}

/*主入口区域*/
.main-entrance-left {
    float: left;
    width: 100%;
    margin-right: -255px;
}

.main-entrance-right {
    overflow: hidden;
    width: 285px;
    width: 27%;
    float: right;
}

.main-entrance-left .top {
    margin-bottom: 11px;
    overflow: hidden;
}

.blue-gradient {
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4f7CC8, endcolorstr=#598CE2, gradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4f7CC8, endcolorstr=#598CE2, gradientType=0);
    background: #4f7CC8; /* 一些不支持背景渐变的浏览器 */
    background: -o-linear-gradient(left, #4f7CC8, #598CE2);
    background: -moz-linear-gradient(left, #4f7CC8, #598CE2);
    background: -webkit-linear-gradient(90deg, #4f7CC8, #598CE2);
    background: linear-gradient(90deg, #4f7CC8, #598CE2);
}

/*右侧联系方式区域*/
.contact-information-item {
    display: block;
    background: #ffffff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}

.phone-number {
    color: #438FE0;
}

.phone-number:hover {
    color: #438FE0;
}

.sina-weibo {
    color: #EC962F;
}

.sina-weibo:hover {
    color: #EC962F;
}

.tencent-weibo {
    border: 1px solid #52C3E8;
    color: #52C3E8;
    border-top-color: #52C3E8;
    border-bottom-color: #82BE28;;
}

.tencent-weibo:hover {
    color: #52C3E8;
}

#serviceArea .real-time-traffic-message {
    margin: 0px 15px;
    padding-left: 0px;
}

.real-time-traffic-message:hover .road-name {
    color: #496eae;
}

.real-time-traffic-message:hover .traffic-message a {
    color: #496eae;
}

#serviceArea .real-time-traffic-message a {
    color: #999;
    text-decoration: none;
}

#serviceArea .real-time-traffic-message a:hover {
    text-decoration: none;
}

/*路径规划区域*/
.no-bottom-border {
    border-bottom: none !important;
}

.path-planning {
    padding: 20px 15px 0px;
    font-size: 14px;
}

.path-planning .road-search-area {
    line-height: 36px;
    padding-bottom: 4px;
    background: url("../../images/pathPlanning/line.png") no-repeat bottom;
}

.path-planning .road-search-area img {
    margin-left: 35px;
}

.path-planning .road-search-area span {
    color: #588BE1;
    margin-left: 2px;
}

.path-planning .road-search-area .search-btn {
    cursor: pointer;
    float: right;
    margin-right: 5px;
}

.path-planning .place-area .left {
    width: 30px;
    height: 100%;
    text-align: center;
    float: left;
    line-height: 96px;
}

.path-planning .place-area {
    border-bottom: 1px solid #E7E7E7;
}

.path-planning .place-area .right {
    margin-left: 40px;
}

.path-planning .place-input-area {
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #E7E7E7;
}

.path-planning .place-area input {
    width: 195px;
    border: none;
    padding-left: 5px;
}

.path-planning .place-input-area span {
    float: right;
    margin-right: 5px;
}

.path-planning .place-input-area img, img.reverse {
    cursor: pointer;
}

.path-planning .result-area {
    margin: 10px 0px;
}

.path-planning .result-area .types a {
    display: block;
    width: 33.3333%;
    border: 1px solid #E7E7E7;
    float: left;
    text-align: center;
    color: #333;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.path-planning .result-area .types a.on {
    background: #EFF2F6;
}

.path-planning .result-area .types a:hover {
    background: #EFF2F6;
}

.path-planning .result-content .result-item {
    margin: 10px 0px;
    border: 1px solid #E7E7E7;
}

.path-planning .result-content .result-item .title {
    line-height: 30px;
    height: 30px;
    color: #ffffff;
}

.path-planning .result-content .result-item .title span {
    padding: 0px 15px;
    display: block;
    height: 30px;
    float: left;
    background: #888888;
}

.path-planning .result-content .result-item .title img {
    float: right;
    margin: 12.5px 10px;
    cursor: pointer;
}

.path-planning .result-content .result-item.recommend .title span {
    background: #598CE2;
}

.path-planning .result-content .result-item.recommend {
    background: #EFF2F6;
}

.path-planning .result-content .result-item .result-detail {
    padding: 15px 20px;
}

.path-planning .result-content .result-item .result-detail .top {
    line-height: 24px;
}

.path-planning .result-content .result-item .result-detail .partingLine {
    padding: 0 10px;
}

.path-planning .result-content .result-item .result-detail .channel {
    font-size: 12px;
    line-height: 20px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pathPlanning {
    background:url(../../images/pathPlanning/pathPlanning.png);
    display: block;
}

.car {
    width: 20px;
    height: 16px;
    background-position: 0px 0;
    float: left;
    margin: 10px 0px 10px 35px;
}

.delete {
    width: 20px;
    height: 20px;
    background-position: -20px 0;
    float: right;
    margin: 14.5px 8px 0px 0px;
    cursor: pointer;
}

.doublearrow {
    width: 18px;
    height: 18px;
    background-position: -40px 0;
    margin: 40px 6px 0px 6px;
    cursor: pointer;
}

.downArrow {
    width: 10px;
    height: 5px;
    background-position: -58px 0;
    cursor: pointer;
}

.end {
    width: 12px;
    height: 12px;
    background-position: -68px 0;
    float: left;
    margin-top: 18.5px;
}

.line {
    width: 360px;
    height: 7px;
    background-position: -80px 0;
}

.searchBG {
    width: 46px;
    height: 36px;
    background-position: -440px 0;
    float: right;
    cursor: pointer;
}

.start {
    width: 12px;
    height: 12px;
    background-position: -486px 0;
    float: left;
    margin-top: 18.5px;
}

.path-planning .road-search-area {
    background: url(../../images/pathPlanning/pathPlanning.png) no-repeat -110px 32px;
}

.traffic-type {
    padding-left: 30px;
    display: block;
    float: right;
    margin-left: 5px;
    background-position-y: center;
    line-height: 36px
}

/*轮播图区域*/
.slideBox {
    overflow: hidden;
    position: relative;
}

.slideBox .hd {
    overflow: hidden;
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 1;
}

.slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.slideBox .hd ul li {
    float: left;
    cursor: pointer;
    font-size: 24px;
    color: #ffffff
}

.slideBox .hd ul li .iconfont {
    font-size: 24px;
}

.slideBox .hd ul li.on {
    color: #f00;
}

.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next {
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background: url(../../images/slider-arrow.png) -110px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.slideBox .next {
    left: auto;
    right: 3%;
    background-position: 8px 5px;
}

.slideBox .prev:hover,
.slideBox .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.slideBox .prevStop {
    display: none;
}

.slideBox .nextStop {
    display: none;
}

.entrance-item-warp {
    width: 12.5%;
    float: left;
    overflow: hidden;
}

.entrance-item {
    display: block;
   /* width: 110px;*/
    width: 100px;
 /*   padding-top: 27px;*/
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #7A93BE;
    text-decoration: none;
}

.entrance-item:hover {
    color: #7A93BE;
}

.entrance-item .icon {
    display: block;
    background: url(../../images/index/index.png);
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
}

.chuxingchangshi .icon{background-position: 0px 0; }
.chuxingchangshi .icon:hover{background-position: -100px 0; }
.chuxingzhinan .icon{background-position: -200px 0; }
.chuxingzhinan .icon:hover{background-position: -300px 0; }
.fuwuquchaxun  .icon{background-position: -400px 0; }
.fuwuquchaxun .icon:hover{background-position: -500px 0; }
.gaosufeiyongbiaozhun .icon{background-position: -600px 0; }
.gaosufeiyongbiaozhun .icon:hover{background-position: -700px 0; }
.jiaotongbiaozhi .icon{background-position: -800px 0; }
.jiaotongbiaozhi .icon:hover{background-position: -900px 0; }
.qixianggonggao .icon{background-position: -1000px 0; }
.qixianggonggao .icon:hover{background-position: -1100px 0; }
.shishilukuang .icon{background-position: -1200px 0; }
.shishilukuang .icon:hover{background-position: -1300px 0; }
.zhengcefagui .icon{background-position: -1400px 0; }
.zhengcefagui .icon:hover{background-position: -1500px 0; }

.concat-list{
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
}
.concat-item{
    float: left;
    width: 20%;
    overflow: hidden;
    height: 150px;
    text-align: center;
}

/*.radio-station {
    width: 20%;
}*/

.radio-station .img-warp{
   padding: 32px 0px 10px 0px;
}

.radio-station span{
    display: block;
    margin: 0 10px;
    font-size: 16px;
    font-family: "微软雅黑";
}

.radio-station.jiaotong{
    color: #ff4c4c;
}
.radio-station.xinwen{
    color: #72a9e8;
}
.radio-station.sijiache{
    color: #72e9e2;
}

.phone-number span,.sina-weibo span{
    display: block;
    text-align: center;
    margin: 0px 10px;
}

.phone-number .img-warp{
    padding: 30px 0px 25px 0px;
}

.sina-weibo .img-warp{
    padding: 30px 0px 25px 0px;
}

span.radio-fm{
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 13px;
}

span.radio-name{
    font-weight: bold;
}

.img-warp img {
    vertical-align: middle;
}
#serviceAreaTime .traffic-warp{
    text-align: left;
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: relative;
}
#serviceAreaTime .real-time-traffic-message .traffic-message a{
    color: #333;
}
#serviceAreaTime .real-time-traffic-message:hover .traffic-message a{color: #496eae;}
#serviceAreaTime .restaurant,#serviceResult .restaurant {
    background: url(../../images/roadIcons/restaurant.png) no-repeat 0px 10px;
}
#serviceAreaTime .supermarket,#serviceResult .supermarket {
    background: url(../../images/roadIcons/supermarket.png) no-repeat 0px 10px;
}
#serviceAreaTime .restroom,#serviceResult .restroom {
    background: url(../../images/roadIcons/restroom.png) no-repeat 0px 10px;
}
#serviceAreaTime .parking,#serviceResult .parking {
    background: url(../../images/roadIcons/parking.png) no-repeat 0px 10px;
}
#serviceAreaTime .gas,#serviceResult .gas {
    background: url(../../images/roadIcons/gas.png) no-repeat 0px 10px;
}
#serviceAreaTime .other,#serviceResult .other {
    background: url(../../images/roadIcons/other.png) no-repeat 0px 10px;
}
.real-time-service .real-time-traffic-message .service-detail{
    padding-right: 10px;
    box-sizing:border-box;
}
.real-time-service .real-time-traffic-message .service-detail,#serviceAreaTime .real-time-traffic-message .service-detail{
    float: right;
    color: #3a8cf1;
    font-size: 12px;

}