﻿*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{background:#dddddd url(../img/background.png) repeat;}
.loadinner{position:absolute;width:76%;height:100%;margin-left:-38%;left:50%;text-align:center;font-size:11px;line-height:20px;}
#bar{display:block;background:#f1f1f1;height:3px;width:10px;}
.graph{background:#6c6c6c;width:70%;margin:10px auto 0 auto;}
.weixin_layout{display:none;position:absolute;top:0;left:0;bottom:0;width:100%;height:100%;background:url(/static/h5/common/img/weinxin_share.png) no-repeat right top rgba(0,0,0,0.6);-webkit-background-size:320px 150px;-moz-background-size:320px 150px;-o-background-size:320px 150px;background-size:320px 150px;z-index:999999;}

#btns{position:absolute;left:50%;top:15%;width:44%;margin:000-22%;z-index:999;}
#btns button,#btns a{line-height:36px;background:#1ea5d2;border:1px solid #fcfcfc;color:#404040;width:100%;height:36px;font-size:17px;font-family:"微软雅黑";display:block;text-decoration:none;text-align:center;}

.avatar{display: block; margin: 50px auto 15px auto; background-repeat: no-repeat; -webkit-background-size: cover; background-position: center center;height: 100px; width: 100px;border: 1px solid #ffffff;border-radius: 50px;}
.tc{text-align: center}

.white{color:#fff;}
.bg-white{background-color:rgba(255,255,255,0.8);}
.white a{color:#fff}

.box{margin:50px 10px 0 10px;border-radius: 10px;padding:5px;}
.contact h2{ font-size:24px; line-height:30px; display:block; font-weight:normal; margin:10px 0;}
.contact h2 span{ font-size:16px; margin-left:10px; font-weight:normal}
.contact p.company{ line-height:25px; font-size:14px; color:#eba443}
.contact ul{ margin:15px 0; overflow:hidden}
.contact ul li{ width:50%; float:left; font-size:14px; height:25px;white-space:nowrap; margin-bottom:3px; line-height:25px; overflow:hidden}
.contact ul li a{ text-decoration:none;color:#FFF}
.contact ul li img{ width:25px; height:25px; margin-right:5px; display:inline; float:left;}
.contact ul li.address{ width:100%; float:none;}

.link a{text-align: center;width:70%;height:30px;line-height:30px;font-size: 16px;}
.delete{display:none;}
.table{ display: table;width: 100%}
.td{display: table-cell;}
.td a{text-decoration:none;color:#ccc;}
.close{padding:5px;text-align: right;}
.bg{background-color:#fff}

.map{ height:250px; clear:both;position:relative;}
.map-btn {
    position: absolute; color:#333;
    z-index: 1003;
    right: 30px; top:30px;
    display: inline-block;
    text-align: center;
    width: 60px;
    height: 30px;
    line-height: 30px;
    border: 1px solid RGBA(0,0,0,.4);
    border-radius: 8px;
    background: #FFF;
}
.r-result {
    position: fixed !important; color:#333;
    left: 0px;
    top: 0px;
    overflow: hidden;
    overflow-y: scroll;
    display: none;
    z-index: 1003;
    width: 100%;
    height: 100%;
}
.r-result  td{ color:#333;}
.map-close-img {
    position: fixed !important;
    left: 0px;
    top: 0px;
    z-index: 1003;
    height: 50px;
    width: 50px;
    display: none;
    cursor: pointer;
}
.bus-guide-img {
    position: fixed !important;
    right : 17px;
    top: 20px;
    z-index: 1003;
    height: 50px;
    width: 50px;
    display: none;
    cursor: pointer;
}
.self-guide-img {
    position: fixed !important;
    right : 17px;
    top: 85px;
    z-index: 1003;
    height: 50px;
    width: 50px;
    display: none;
    cursor: pointer;
}
.open-road {
    left: 0px;
    bottom: 0px;
    text-align: center;
    height: 55px;
    vertical-align: middle;
    line-height: 55px;
    background-color: #FFFFFF;
    opacity: 0.9;
    z-index: 1003;
    position: fixed !important;
    display: none;
    width: 100%;
}
.open-road-btn {
    display: inline-block;
    left: 0px;
    width: 175px;
    height: 38px;
    line-height: 38px;
    border: none;
    margin-top: 8px;
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background-color: rgb(255, 122, 0);
    border-radius: 6px;
    cursor: pointer;
}
.itude-div {
    width: 100%;
    height: 100%;
}
.itude-parent-div {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1002;
    display: none;
}
.anchorBL {
    display: none;
}

.pt150{padding-top:150px;}
.mt30{margin-top: 30px;}

.vm{
    width:100%;
    height:100%;
    display: -webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    -webkit-box-orient: vertical;
    text-align: center
}
.vm a{display:block;width:80%;border:solid 1px #ddd;background:#0a8;color:#fff;border-radius:4px;font-size:14px;padding:6px 15px;margin:0 auto 15px auto;line-height:20px;text-decoration: none;}
.fanye{background:url(../img/fanye.png) center bottom no-repeat;background-size:100%;text-align:center;position:absolute;bottom:0;left:0;right:0;height:10%;width:100%;z-index:2}
#audio_btn {
    position: fixed;
    right :17px;
    top: 15px;
    z-index: 1003;
    width: 32px;
    height: 32px;
    background-image: url(/static/h5/img/music.png);
    background-size: contain;
}

.rotate {
    -webkit-animation: rotating 1.2s linear infinite;
    -moz-animation: rotating 1.2s linear infinite;
    -o-animation: rotating 1.2s linear infinite;
    animation: rotating 1.2s linear infinite
}

@-webkit-keyframes rotating {
    from { -webkit-transform: rotate(0) }
    to { -webkit-transform: rotate(360deg) }
}

@keyframes rotating {
    from { transform: rotate(0) }
    to { transform: rotate(360deg) }
}
@-moz-keyframes rotating {
    from { -moz-transform: rotate(0) }
    to { -moz-transform: rotate(360deg) }
}
.button {
    position: relative;
    display: block;
    height: 1.35rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    padding: 0 .5rem;
    margin: 0;
    font-family: inherit;
    font-size: .7rem;
    line-height: 1.25rem;
    color: #0894ec;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    background: none;
    border: 1px solid #0894ec;
    border-radius: .25rem;

    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}
.button-big {
    height: 2.4rem;
    font-size: .85rem;
    line-height: 2.3rem;
}
.button-fill {
    line-height: 1.35rem;
    color: #fff;
    background: #0894ec;
    border: none;
}
.button-fill.button-big {
    line-height: 2.4rem;
}
.button-danger.button-fill {
    color: white;
    background-color: #f6383a;
}
#video2_btn {position: absolute;right :17px;top: 55px;z-index: 1003;width: 32px;height: 32px;background-image: url(/static/h5/img/video2.png);background-size: contain;}
.video-player{width:100%;height:100%;object-fit:fill}
.pr{position: relative}
.info{position: absolute;top:60px;left:0;right:0;z-index:2;}
.motto{position: absolute;top:60px;bottom:60px;left:0;right:0;z-index:2;writing-mode: tb-rl;font-size: 1.2rem;text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:center;}