*{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); padding:0; margin:0; }
html{font-family: "Helvetica Neue",Helvetica,"Microsoft YaHei",STHeiTi,sans-serif;-webkit-text-size-adjust: 100%; }
body{font-size: 0.6rem;line-height:1rem}
img{vertical-align: middle;border:0}
ul,ol,li{list-style:none;}
a{text-decoration:none;color:black}

html{width:100%;height:100%;background-color: black;}
body{width:100%;height:100%;background-color: gray;}
#app{position: absolute;width:100%;height:100%;}
::-webkit-scrollbar-track-piece { width:8px; background-color:#f8f8f8; } 
::-webkit-scrollbar { width:8px; background-color:#00d420; } 
::-webkit-scrollbar-thumb { width:8px; background-color:#00d420; } 
::-webkit-scrollbar-thumb:hover { width:8px; background-color:#3d3d3d; }


/*导航条*/
.head_{ position: fixed; width: 100%; height: 70px;padding-top:10px; background-color: transparent;transition: all 0.3s ease-out 0s;z-index: 99; } 
.head_div{ position: relative; width: 100%; height: 70px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } 
.head_left{ position: relative; display: flex; flex-direction: row; align-items: center; } 
.head_l_logo{ position: relative; height: 40px; margin-left: 40px; }
.head_l_logo_img{ position: relative; height: 40px; }
.head_right{ position: relative; height: 70px; display: flex; flex-direction: row; justify-content: right; align-items: center; }
.head_r_ul{ position: relative; height: 70px; display: flex; flex-direction: row; justify-content: right; align-items: center; }
.head_r_li{position: relative;font-size: 14px; padding: 10px 20px; margin-right: 10px; color: #999;height: 70px;line-height: 70px;}
.head_r_li_ppp{color: #999;}
/*.head_r_li_ppp:hover{color: #03d522 !important;}*/
.head_r_li_more{ position: absolute; width: 210px; height: auto; left: -66px; top: 80px; border-top: #03d522 3px solid; border-radius: 2px; display:none;}
.head_r_li_m_li{padding: 14px 30px; width: 150px; height: 20px; line-height: 20px; background: rgba(255, 255, 255, 1); display: block; font-size: 12px; transition: all 0.2s ease-out 0s; color: #999; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);}
.head_r_li_m_li:hover { text-indent: 10px; background: #f4f4f4; color: #6c6c6c; }
.head_r_li_check{color: #03d522;}
.head_r_other{ position: relative; padding: 8px 24px; border-radius: 20px; margin-right: 40px; background-color: #03d522; text-align: center; font-size: 14px; color: white; letter-spacing: 1px; }		
.head_r_li:hover .head_r_li_ppp{color: #03d522 !important;}
.head_r_li:hover .head_r_li_more{display:block;-webkit-animation:more_dh 0.5s ease-out forwards;animation:more_dh 0.5s ease-out forwards;}		
.mini{background: #fff;box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);padding-top: 0px;}
@-webkit-keyframes more_dh{
	from{transform:translateY(10px);opacity:0;}
	to{transform:translateY(0px);opacity:1;}
}
@keyframes more_dh{
	from{transform:translateY(10px);opacity:0;}
	to{transform:translateY(0px);opacity:1;}
}

/*页脚栏*/
.foot_{ position: relative; width: 100%; background-color: black; } 
.foot_ppp{ position: relative; padding: 20px 60px; font-size: 12px; height: 20px; line-height: 20px; text-align: right; color: #8e8e8e; letter-spacing: 1px; }

/*侧边栏*/
.share{position: fixed;height: 110px;right: 10px;bottom: 10px;z-index: 99;}
.share a{width: 30px;height: 30px;display: block;background: #8b8b8b;background-color: rgba(31,31,31,.6);color: #fff;font-size: 16px;text-align: center;}
.share .weibo{background-color: #ea493c;}
.share .wechat{background-color: #24b727;}
.share .gotop{background-color: rgba(0,0,0,.6);margin-top: 20px;font-size: 22px;display:none;}
.share i{margin-top:7px;}
.share .gotop i{margin-top: 3px !important;}

.fixed_weixin{position: fixed;width: 100%;height: 100%;left:0;top:0;background: rgba(0,0,0,.6);overflow-y: auto;z-index: 100;display:none;}
.fixed_container{position:absolute;width:260px;height:280px;;left: 0;right: 0;top: 0;bottom: 0;margin:auto;background:#fff;}
.fixed_qrcode{position: relative;width:220px;height: 220px;left:20px;margin-top:20px;background:red;}
.fixed_container p{position: relative;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #000;}

.online_open{position:fixed;width: 30px;height: 30px;background: #00d420;cursor: pointer;right: 10px;bottom: 130px;z-index: 99999;font-size: 18px;color: #fff;text-align: center;line-height: 30px;}
.online_lx{position:fixed;width: 180px;height: auto;right: -200px;border-radius: 5px;background-color: #fff;box-shadow: 0 5px 9px rgba(4,0,0,.17);bottom: 130px;z-index: 99999;}
.online_lx .olx_head{padding: 20px;line-height: 16px;height: 16px;background: #00d420;border-radius: 4px 4px 0 0;color: #fff;font-size: 14px;}	
.online_lx .olx_head i{font-size: 18px;color: #fff;cursor: pointer;float: right;}
.online_lx .olx_qq li a{padding: 12px 28px;height: 18px;line-height: 18px;background: #f5f5f5;color: #353434;display: block;border-bottom: #fff 1px solid;transition: all ease-out .3s;font-size: 14px;}
.online_lx .olx_qq li a i{transition: all 0.3s ease-out 0s;color: #5e5e5e;font-size: 16px;vertical-align: middle;margin-right: 16px;}
.online_lx .olx_qq li a:hover{background:#333;color:#fff;}
.online_lx .olx_qq li a:hover i{color:#00d420}
.online_lx .olx_tel{padding: 20px 28px;color: #929292;font-size: 14px;}
.online_lx .olx_tel div{color: #434343;line-height: 14px;height: 14px;margin-bottom: 10px;}
.online_lx .olx_tel p{line-height: 18px;font-size: 16px;}
.online_lx .olx_tel div i{font-size: 18px;margin-right: 20px;vertical-align: middle;}