body{background-color: #f4f4f4}

.wrap-left,.right-module{
	-webkit-box-shadow: 0px 0px 10px #ddd;
	box-shadow: 0px 0px 10px #ddd;
}

.company-detail{
	max-width: 100%; 
	padding-top: 20px; 
	padding-bottom: 20px; 
	margin-top: 35px; 
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.8);
	box-shadow: 0 5px 5px rgba(200,200,200,.2);
}

.company-detail-box {
	min-height: 120px;
	position: relative; 
	padding: 0 20px;
}

.company-detail-txt {
	width: 820px; 
	position: relative
}
.goeditBlock{word-wrap: break-word;}

.company-logo{
	display: block; 
	width: 120px; 
	height: 120px; 
	display: flex; 
	justify-content:center; 
	align-items: center; 
	text-align: center;
	overflow: hidden;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
}

.company-logo img{display: inline-block; width: 100%; height: 100%\9}
.company-detail-box h2{font-size: 24px; line-height: 30px;}
.company-profile{font-size: 14px; color: #999; line-height: 1.5; margin-top: 10px;}
.company-detail-tags{ white-space: nowrap; height: 24px; margin-top: 10px;}
.company-detail-tags a{ font-size: 12px; color: #a7a7a7; background: #eee; display: inline-block; padding: 0 6px; margin-right:5px;  overflow: hidden; text-overflow:ellipsis; border-radius: 2px; line-height: 24px}
.company-detail-tags a:hover{ color: #666; background: #d3d3d3}
.company-detail-btns{position: absolute;top: 0;right: 0;}
.company-detail-btns a{ width: auto; padding: 0 12px;}
.company-detail-btns a + a{margin-left: 10px;}

.wrap-main{ margin-top: 20px; margin-bottom: 20px}
.wrap-left{ background: #fff; padding: 20px; width: 70%; padding-top: 0}
.wrap-right{ width: 24%; }
.right-module{ background: #fff; margin-bottom: 20px}

.m-comment-list li{ position: relative; margin-left: 60px;  padding: 20px 0 }
.m-comment-list li+li{border-top: 1px solid #eee;}
.m-comment-portrait{display: block; width: 44px;height: 44px; border-radius: 10px; position: absolute; left: -60px; top: 20px; border: 1px solid #eee}
.m-comment-title{ color: #666}
.m-comment-txt{ font-size:14px; color: #666; margin-top: 8px}
.m-comment-info{ color: #b7b7b7; font-size: 12px; margin-top: 2px}

.m-tab-nav a{padding-top: 20px;}
.m-tab-fixed{position: fixed;left: 0; width: 100%;
	    background-color: #f9f9f9;z-index: 100;
    	box-shadow: inset 0 1px 0 0 #fff, 0 -2px 2px -1px rgba(0,0,0,.15);}
.m-tab-fixed a{padding-top: 10px; padding-bottom: 10px;}
.m-tab-nav .container{max-width: 100%;}

.send-msg h3{ margin-top: 20px}

.icon-fire{color:#f32320}

input[type=text],
textarea,
select{ font-size: 14px; line-height: 2; border: 1px solid #d3d3d3; color: #666}
textarea{ width: 98%; height: 6em; padding: 0 1%; vertical-align: middle; }
select{ border-radius: 5px; font-size: 14px}
input[type=text]{ padding:0 5px}

.dialog-tip-del{width:400px;max-width: 90%;}
.dialog-tip-del .dldDialogButton{padding: 20px;}
.dialog-tip-del .dldDialogButton input + input{background-color: #ccc;}
.dialog-tip-del .dldDialogButton input + input:hover{background-color: #aaa}
/*********pad竖屏************/
@media(max-width:999px){
	.company-detail-txt{width: 100%;}
	.company-detail-box{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;padding-left: 140px;}
	.company-logo{position: absolute;top: 0;left: 0}
	.company-detail-box,.wrap-left{-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.company-detail-box{width: 100%;}
	.company-detail-box h2{font-size: 20px;}
	.wrap-left{width: 74%}
}
@media(max-width:767px){
	.company-detail{padding-top: 20px; padding-bottom: 15px; margin-top: 0;}
	.company-detail-box{ padding-left: 0; padding-right: 0; padding-top: 100px;}
	.company-detail-txt{position: static;}
	.company-logo{ width: 94px; height: 94px; border-radius: 50%; left: 50%; margin-left: -47px;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: 4px solid rgba(0,0,0,.1)}
	.company-profile{ font-size: 12px; text-align: center; }
	.company-detail-box h2{text-align: center; padding: 10px 5%;}
	.company-detail-box p{padding: 0 5%}
	.company-detail-tags{text-align: center;}
	.company-detail-tags span{display: inline-block;}
	.company-fixed-nav{position: fixed;bottom: 0;left: 0;top:auto;right:auto;width: 100%; height: 44px;
	    background-color: #f9f9f9;z-index: 100;
    	box-shadow: inset 0 1px 0 0 #fff, 0 -2px 2px -1px rgba(0,0,0,.15);
    }
	.company-fixed-nav.company-detail-btns a{border: none;width: 50%;padding: 0;margin: 0!important;
		height: auto; line-height: 44px;position: relative;}
	.company-fixed-nav.company-detail-btns a + a:before,.m-tab-nav a + a:before{display:block;content:"";-webkit-mask: -webkit-linear-gradient(top,transparent,#000 30%,#000 70%,transparent 100%);
	    width: 1px;background-color: #e6e6e6;height: 24px;
		position: absolute;top: 10px; left: -1px;}
	.wrap-left,.wrap-right{-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; width: 100%; }
	.wrap-right{margin-top: 20px;}
	.res-container.wrap-main{padding: 0;}
	.wrap-left{padding: 0;}
	.m-tab-con{padding: 0 0.15rem;}
	.m-tab-nav .container{
	    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	    display: -moz-box; /* Firefox 17- */
	    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	    display: -moz-flex; /* Firefox 18+ */
	    display: -ms-flexbox; /* IE 10 */
	    display: flex;}
	.m-tab-nav a{-webkit-flex: 1;flex: 1;
		position:relative ;margin: 0; padding: 0; text-align: center; line-height: 44px;}
	.m-tab-nav .chat-title{width: 100%;}
}

@media(max-width:479px){
	.company-logo{ width: 70px; height: 70px; margin-left: -35px;}
	.company-detail-box h2{font-size: 16px;line-height: 22px;}
}