﻿/* CSS Document */
.body_body{ z-index: 9999999;}
#container{ max-width:640px; min-width:320px;margin:0 auto; position:fixed; bottom:0px;overflow: hidden; background: #ebebeb;transition: 1s; z-index: 9999999;box-shadow:0 0 0.416em #000;}

.tanchudh{width:100%;max-width:640px; min-width:320px; padding-bottom:30px; margin:0 auto; background:#ebebeb;}

.shijian{width:100%; height:30px; line-height:30px;padding-top:1em; }
.shijian p{ margin-bottom:0.5em; text-align:center; color:#999}

.tanchudht{width:70%; height:auto; margin-top:1em; clear:both; margin:0 auto; display:none;}
.tcimg{width:40px; height:2.75em; float:left;}
.duihuaxx{width:80%; float:right; background:#ffffff;/*background:#90a1d4;*/height:auto; border-radius:0.5em;}
@media screen and (max-width:320px){
.tanchudht{width:95%;}
.duihuaxx{width:80%;}
}
@media screen and (min-width:330px){
.tanchudht{width:95%;}
.duihuaxx{width:83%;}
}	
@media screen and (min-width:360px){
.tanchudht{width:95%;}
.duihuaxx{width:85%;}
}		
@media screen and (min-width:414px){
.tanchudht{width:95%;}
.duihuaxx{width:86%;}
}	
@media screen and (min-width:450px){
.tanchudht{width:95%;}
.duihuaxx{width:87%;}
}	
@media screen and (min-width:500px){
.tanchudht{width:95%;}
.duihuaxx{width:88%;}
}
@media screen and (min-width:600px){
.tanchudht{width:85%; }
.duihuaxx{width:90%;}
.duihuaxx p{ font-size:18px; }
.duihuaxx p span{ font-size:18px;}
.duihuaxx p i{ font-size:18px;}
}
.arrow-left {
float:right;

vertical-align:middle;
width:0; 
height:0; 
border-top:0.5em solid transparent;
border-bottom:0.5em solid transparent; 
border-right:0.5em solid #ffffff; 
}
#duihua1 .arrow-left{margin-top:1.5em;}
#duihua2 .arrow-left{margin-top:2em;}
#duihua1 .tcimg{margin-top:.5em;}
#duihua2 .tcimg{margin-top:.5em;}

.duihuaxx p{line-height:1.5em; padding:0.5em; color:#333;}
.duihuaxx p i{ font-style:normal; color:#F00;}
.duihuaxx p span{ color:#F00;}
.hengtiao{width:100%;height:1.25em;}

.ly-animation-bell{ color:#333;}


.tanchudht_zx{ width:70%; display:block; height:50px; line-height:50px;margin:0 auto;}
.tanchudht_zx a{ width:49%; display:block; text-align:center;margin-top:15px; border-radius:15px;color:#fff;}
.tanchudht_zx a h4{ height:50px; line-height:50px;color:#fff; font-size:16px;}


#online {
    width: 100%;
    position: fixed;
    background: rgb(37, 37, 39);
    bottom: 0px;
    height: 50px;
    z-index: 999;
    /* background: linear-gradient(180deg, #28292d, #202125 ); */
}

#online a { width: 33%; float: left; height: 100%; line-height: 50px; text-align: center; color: #ffffff; font-size: 15px; position: relative }

#online a:after { content: ""; position: absolute; right: 0; height: 100%; width: 1px; background: rgb(106, 188, 250); }
#online a:last-child:after { display: none }



.tab-hover .tab-nav{cursor:pointer}

.tab-hover-content>li.active,.tab-hover>li.active>.tab-content{display:block}

.tab-hover-content{position:absolute;top:60px;left:0;background:rgba(255,255,255,.98);width:100%;z-index:500}

.site-onliner{border:0;margin:auto;position:relative}

.site-onliner .dropdown-menu{margin:0;padding:0;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;border:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0}

.site-onliner .site-onliner-container{margin-left:auto;margin-right:auto;max-width:1230px;padding-top: 18%;}

@media (max-width:767px)

{.onlinebar-lg .onlinebar-onliner,.onlinebar-lg .onlinebar-nav>li{float:none}



.site-onliner{position:fixed;left:0;top:95%;right:0;z-index:999}