@charset "UTF-8";
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,button,textarea,p,a,span,blockquote{ margin: 0; padding: 0; }
img{border:0;}
ul,li{list-style:none;}
button,input,textarea{outline:none;border: none;}
textarea{resize: none;}
body{font-family: "\5FAE\8F6F\96C5\9ED1",sans-serif;font-size:14px;color:#333;}
a{text-decoration:none;border:none;-webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color:transparent;outline:none;}
body{height:100%;width:100%;}

/*头部*/
.head{position:fixed;height:60px;top:0;left:0;width:100%;background:#17193f;z-index:100;transform:translateZ(0)}
.head-logo{display:inline-block;vertical-align: middle;font-size:18px;color:#fff;padding:14px 0 0 15px;}
.head-logo img{vertical-align: top;}
.head-menu-icon{display:inline-block;float:right;box-sizing:border-box;padding-top:20px;width:60px;height:60px;}
.head-menu-icon img{display:block;margin:0 auto;}
.head-logo-wz{display:inline-block;vertical-align: middle;}
.head-logo-wz p{font-size:16px;line-height:12px;}
.head-logo-wz span{font-size:12px;color:rgba(255,255,255,0.6)}
.head-menu{position:fixed;top:60px;display:none;width:100%;height:100%;z-index:10;}
.head-menu.on{display:block;}
.head-menu-list{overflow:auto;}
.head-menu-bg{position:absolute;z-index:1;width:100%;height:100%;background:rgba(0,0,0,0.7);}
.head-menu-item{display:block;position:relative;padding-left:20px;height:60px;line-height:60px;border-bottom:1px solid #353758;
    background:#1e2045;font-size:14px;color:rgba(255,255,255,0.9)}
.head-menu-item.hasSub:after{content: '';
    border: 2px solid #777;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 22px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-top: none;
    border-right: none;
    right: 20px;}
.sub-menu{display:none;color:#fff;}
.sub-menu-item p{position:relative;height:45px;line-height:45px;padding-left:35px;background:#151739;border-bottom:1px solid #353758;}
.sub-menu-item p:after{
    content: '';
    border: 2px solid #777;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 22px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-top: none;
    border-right: none;
    right: 20px;
}
.head-menu-item.hasSub.active:after{
    top: 25px;
    border-bottom: none;
    border-left: none;
    border-right: 2px solid #777;
    border-top: 2px solid #777;
}
.sub-menu-item p.active:after{
    top: 20px;
    border-bottom: none;
    border-left: none;
    border-right: 2px solid #777;
    border-top: 2px solid #777;
}
.sub-menu-third{display:none;}
.sub-menu-third a{display:block;height:45px;line-height:45px;background:#131537;padding-left:60px;color:#fff;}


.main{padding-top:60px;overflow:hidden;box-sizing: border-box;}

.foot{height:60px;width:100%;box-sizing:border-box;padding-top:10px;font-size:12px;line-height:22px;background:#17193f;color:rgba(255,255,255,0.8);text-align:center;}

/*右侧浮动栏*/
.fix-box{position:fixed;width:42px;right:8px;bottom:80px;z-index:100;}
.fix-box div img{display:block;width:100%;}
.fix-box-top{display:none;}
.fix-box-qq a{display:block;margin:5px 0;}


/*QQ唤起失败页面*/
.word-wrap { word-break:break-all; word-wrap:break-word;}

#close{ position:absolute; left:5px; top:8px; display:block; width:21px; height:23px; overflow:hidden; text-indent:-2000px; background:url(http://combo.b.qq.com/crm/webchat/theme/images/info/close.jpg) repeat-x;}

.content{ padding:23px 10px;}
.corp{ padding-left:80px; position:relative; height:90px; border-bottom:1px solid #ccc;}
.corp img{ position:absolute; left:0; top:0; width:64px; height:64px; border:1px solid #d5d5d5; border-radius:5px;}
.corp h1{ font-weight:normal; font-size:1.6em; line-height:1.5em; margin:0; }
.corp p{ color:#666; font-size:14px; line-height:1.4em; margin:8px 0 0; max-height:48px; overflow:hidden;}
.info{ margin:0; padding:0; }
.info li{ list-style:none; padding:20px 0 0 80px;}
.info .label{ float:left; color:#888; letter-spacing:10px; margin-left:-82px; margin-top:-1px;text-align:center; display:block; width:80px;}
.info p{ margin:0; -webkit-text-size-adjust: none;}
.blue{ color:#009cff; -webkit-text-size-adjust: none;}
.qq-wrapper{position:absolute;top:0;bottom:0;width:100%;background-color:#fff;z-index:999;}
.wrap{word-break:break-all;}
@media only screen and (min-device-width : 768px){
    .qq-wrapper{
        width:320px;
        margin:0 auto;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1020px) and (orientation : portrait) {
    .qq-wrapper{
        width:100%;
    }
}
.overflow_one{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.overflow_two{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
}
.overflow_three{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient: vertical;
}
[v-cloak]{
	display: none;
}