@charset "utf-8"; 
  
/*  
    @名称: base 
    @功能: 重设浏览器默认样式 
*/
  
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html{ 
    color:#000;background:#fff; 
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
} 
  
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
    margin:0;padding:0; 
} 
  
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {  
    display:block; 
} 
  
/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video { 
    display: inline-block;*display: inline;*zoom: 1; 
} 
  
/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea{ 
    font:12px/1.5 tahoma,arial,\5b8b\4f53; 
} 
input,select,textarea{ 
    font-size:100%; 
} 
  
/* 去掉各Table  cell 的边距并让其边重合 */
table{ 
    border-collapse:collapse;border-spacing:0; 
} 
  
/* IE bug fixed: th 不继承 text-align*/
th{ 
    text-align:inherit; 
} 
  
/* 去除默认边框 */
fieldset,img{ 
    border:0; 
} 
  
/* ie6 7 8(q) bug 显示为行内表现 */
iframe{ 
    display:block; 
} 
  
/* 去掉 firefox 下此元素的边框 */
abbr,acronym{ 
    border:0;font-variant:normal; 
} 
  
/* 一致的 del 样式 */
del { 
    text-decoration:line-through; 
} 
  
address,caption,cite,code,dfn,em,th,var { 
    font-style:normal; 
    font-weight:500; 
} 
  
/* 去掉列表前的标识, li 会继承 */
ol,ul { 
    list-style:none; 
} 
  
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,th { 
    text-align:left; 
} 
  
/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:500; 
} 
  
q:before,q:after { 
    content:''; 
} 
  
/* 统一上标和下标 */
sub, sup { 
    font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; 
} 
sup {top: -0.5em;} 
sub {bottom: -0.25em;} 
  
  
  
/* 让链接在 hover 状态下显示下划线 */
a:hover { 
    text-decoration:underline; 
} 
  
/* 默认不显示下划线，保持页面简洁 */
ins,a { 
    text-decoration:none; 
} 
  
/* 清理浮动 */
.fn-clear:after { 
    visibility:hidden; 
    display:block; 
    font-size:0; 
    content:" "; 
    clear:both; 
    height:0; 
} 
.fn-clear { 
    zoom:1; /* for IE6 IE7 */
} 
  
/* 隐藏, 通常用来与 JS 配合 */
body .fn-hide { 
    display:none; 
} 
.tab-item{
	display:none;
}
/* 设置内联, 减少浮动带来的bug */
.fn-left,.fn-right { 
    display:inline; 
} 
.fn-left { 
    float:left; 
} 
.fn-right { 
    float:right; 
}

html{
    color:#727272;
}
a{
    color:#0089ff;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus{
    outline:2px solid orange;
}
.wrapper{
    position:relative;
    width:950px;
    margin:0 auto;
}

/* -- 头部 -- */
#header{
	position:relative;
    background:url(../img/bg_header.jpg) repeat-x 0 bottom;
}
#header .wrapper{
    height:60px;
}
#logo{
    position:absolute;
    left:10px;
    top:15px;
    background:url(../img/logo_voice.gif) no-repeat 0 0;
}
#logo span{
    display:block;
    width:202px;
    height:35px;
    text-indent:-999em;
    overflow:hidden;
}
.member-info{
    position:absolute;
    right:10px;
    bottom:10px;
}

/* -- 问题点列表 -- */
.prodissue-row{
	padding:4px 0 3px;
	overflow:hidden;
	_zoom:1;
	line-height:1.7;
}
.prodissue-left{
	float:left;
	width:352px;
}
.prodissue-right{
	float:right;
	width:262px;
}
.prodissue-dl{
	padding-left:80px;
	*padding-left:0;
	overflow:hidden;
	_zoom:1;
}
.prodissue-class{
	float:left;
	display:inline;
	width:80px;
	margin-left:-80px;
	*margin-left:0;
	font-weight:bold;
}
.prodissue-title{
	color:#727272;
	font-weight:bold;
}
.prodissue-list{
	float:left;
}
.prodissue-item{
	float:left;
	width:80px;
	padding:0 5px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
    color:#666;
}
.prodissue-item:hover, .frequent-issues .issue:hover{
    color:#0089ff;
    text-decoration:none;
}
.prodissue-lb{
	float:left;
	width:80px;
	padding-bottom:2px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.prodissue-chk{
	margin-right:4px;
	vertical-align:middle;
}
/* -- 按钮 -- */
.custom-btn{
	display:inline-block;
	padding:1px;
	border:1px solid #D74C00;
	font-size:14px;
}
.custom-btn-text{
	height:28px;
	padding:0 16px 3px;
	border:none;
	background:url(../img/ui-round-btn.png) repeat-x 0 -70px;
	color:#fff;
	font-weight:bold;
	font-family:Tahoma;
	cursor:pointer;
}
.custom-btn:hover, .custom-btn-hover{
	border-color:#E55100;
}
.custom-btn:hover .custom-btn-text, .custom-btn-hover .custom-btn-text{
	background-position:0 -36px;
}
.custom-btn.disabled, .custom-btn.disabled:hover{
	border-color:#FEDD97;
}
.custom-btn.disabled .custom-btn-text, .custom-btn.disabled:hover .custom-btn-text{
	background-position:0 -104px;
	cursor:auto;
}
/* -- 反馈样式 -- */
.feedback-wrapper{
    position:relative;
    margin-top:10px;
    border:1px solid #DEDEDE;
    padding:1px;	
	border-radius:3px;
}
.feedback-bg{
    padding:10px 12px 10px 60px;
    background:#F4F3F1;
    overflow:hidden;
    _zoom:1;
}
.feedback-person{
    float:left;
    width:60px;
    margin-left:-60px;
    text-align:right;
}
.feedback-date{
    color:#999;
}
.feedback-arrow{
    position:absolute;
    left:70px;
    top:-7px;
    width:13px;
    height:9px;
    overflow:hidden;
    background:url(sprite.png) no-repeat -20px 0;
	_background-image:url(sprite8.png);
    text-indent:-999em;
}
.feedback-edit{
    margin-left:6px;
}
/* -- 建议列表 -- */
.voice-list{
	position:relative;
    border:1px solid #e9e9e9;
	background:#fff;
    color:#666;
    line-height:1.8;
	overflow:hidden;
	*zoom:1;
}
.voice-item{
    position:relative;
    margin-top:-1px;
    border-top:1px solid #e9e9e9;
    padding:12px 32px 12px 50px;
    overflow:hidden;
}
.avatar-wrapper{
	display:inline;
    float:left;
	width:39px;
    margin:4px 0 0 -40px;
}
.voice-avatar{
	width:30px;
	padding:1px;
    border:1px solid #DADADA;
}
.voice-info{
    position:absolute;
    top:16px;
    right:32px;
    color:#999;
}
.voice-title{
	margin-right:130px;
	word-break:break-all;
	word-wrap:break-word;
    font-size:14px;
    font-weight:bold;
}
.voice-auth{
    color:#999;
}
.voice-annex{
    display:inline-block;
    width:0px;
    height:14px;
    padding-left:18px;
    margin-right:6px;
    overflow:hidden;
    background:url(sprite.png) no-repeat 0 -50px;
	_background-image:url(sprite8.png);
    vertical-align:middle;
    cursor:pointer;
}
.voice-meta{
	padding-top:10px;
}
.keyword{
	color:#f90;
}
/* -- 个人信息 -- */
.person-wrapper{
	display:none;
    position:absolute;
    top:16px;
    left:50px;
}
.avatar-wrapper:hover .person-wrapper{
	display:block;
}
.person-bg{
    padding:5px;
    background:url(bg_semitransparent.png) repeat 0 0;
}
.person-info{
    min-width:160px;
    padding:6px 8px;
    background:#fff;
    line-height:1.6;
}
.person-arrow{
    position:absolute;
    left:-5px;
    top:9px;
    width:10px;
    height:11px;
    overflow:hidden;
    background:url(sprite.png) no-repeat 0 -110px;
	_background-image:url(sprite8.png);
    text-indent:-999em;
}
/* -- 图片展示 -- */
.photo-wrapper{
    margin-right:-20px;
	margin-bottom:-5px;
    padding-top:6px;
    *padding-bottom:6px;
}
.photo-list{
    *padding-top:6px;
	height:51px;
}
.photo-list li{
    display:inline-block;
    *display:inline;
    margin-right:8px;
    *zoom:1;
}
.photo-item{
    display:inline-block;
    display:table-cell;
    *display:inline;
    height:51px;
    vertical-align:middle;
    *zoom:1;
}
.photo-thumb{
    display:block;
    max-width:60px;
    max-height:45px;
    padding:2px;
    border:1px solid #999;
}
.photo-big{
    padding:2px;
    border:1px solid #999;
    max-width:610px;
}

/* -- 星形评分 -- */
.stars-wrapper{
	display:inline-block;
	*display:inline;
	width:90px;
	height:18px;
	overflow:hidden;
	background:url(ico-stars.png) repeat-x 0 0;
	*zoom:1;
	cursor:pointer;
	vertical-align:middle;
}
.stars-point{
	display:inline-block;
	*display:inline;
	width:0;
	height:18px;
	overflow:hidden;
	background:url(ico-stars.png) repeat-x 0 -29px;
	*zoom:1;
}
/* -- 错误提示 -- */
.ui-input{
    border: 1px solid #9C9C9C;
    font-family: Tahoma;
    line-height: normal;
    padding: 4px 2px 5px;
    width: 170px;
	vertical-align:middle;
}
.ui-select{
	border: 1px solid #9C9C9C;
	padding:2px;
}
.ui-textarea{
	border: 1px solid #9C9C9C;
    font-family: Tahoma;
    line-height: normal;
    padding: 4px 2px 5px;
}

.fm-error .fm-explain{
	display:block;
	padding-left:20px;
	background-position:-46px -315px;
	color:#ff5243;
}
.fm-error .envelope-title, .fm-error .envelope-cnt{
	border-color:red;
	color:#FF5243;
}
.fm-error .ui-input, .fm-error .ui-textarea{
	border-color:#f00;
	color:#FF5243;
}
.fm-item{
	padding:5px 0 12px 102px;
	overflow:hidden;
	zoom:1;
}
.fm-required{
	padding:0 4px;
	color:red;
}
.fm-item-label{
	float:left;
	display:inline;
	width:102px;
	margin-left:-102px;
	text-align:right;
	color:#4d4d4d;
}
.fm-item-holder{
	position:relative;
}
/* -- 操作信息提示框 -- */
#tipInteract, #xboxTransmit, #xboxTags, #xboxJiraLogin, #xboxSubscribe, #xboxJiraForm, #xboxPublish{
	padding:0.5em 1em;
	background-color:#fff;
    font-size:12px;
}
.tip-interact{
	display:none;
	color:#4d4d4d;
	line-height:1.1;
}
.tip-interact .ico{
	float:left;
	width:53px;
	height:50px;
	background:url(sprite.png) no-repeat 0 -344px;
	_background-image:url(sprite8.png);
}
.tip-interact-success .ico{
	background-position:0 -344px;
}
.tip-interact-error .ico{
	background-position:0 -401px;
}
.tip-interact-warn .ico{
	background-position:0 -458px;
}
.tip-interact .title{
	padding:5px 0;
	color:#333;
	font-size:14px;
	font-weight:bold;
}
.tip-interact-single .title{
	padding:12px 0;
	font-size:16px;
}
.tip-interact .msg{
	padding-bottom:16px;
	color:#817F80;
	line-height:1.5;
}
.tip-interact-single .msg{
	display:none;
}
.tip-interact .action{
	text-align:center;
}

/* -- 分页 -- */
.col-page{
	clear:both;
	padding:12px 0;
	background-color:#fff;
	text-align:right;
	line-height:1.5;
}
.col-page .ui-round-btn, .col-page .cp, .col-page .ellipsis{
	margin:0 4px;
	vertical-align:middle;
}
.col-page .txt{
	width:28px;
	height:18px;
	margin-left:4px;
	border:1px solid #aaa;
	text-align:center;
	vertical-align:middle;
}
/* -- 按钮 -- */
.ui-round-btn{display:-moz-inline-box;display:inline-block;*display:inline;vertical-align:middle;line-height:100%;text-align:left;font-size:12px;zoom:1;}
.ui-round-btn,.ui-round-btn .ui-round-btn-text{background-color:transparent;background-image:url(https://img.alipay.com/alice/ui-round-btn.png);background-repeat:no-repeat;border:none;*border:0;cursor:pointer;text-decoration:none;}
.ui-round-btn:hover{text-decoration:none;}
.ui-round-btn span.ui-round-btn-text{display:block;float:left;}
.ui-round-btn .ui-round-btn-text{height:27px;line-height:27px;padding:0 7px;*overflow:visible;background-position:right -225px;color:#4D4D4D;font-weight:700;}
.ui-round-btn{background-position:0 -138px;}
.ui-round-btn:hover,.ui-round-btn-hover{background-position:0 -690px;}
.ui-round-btn:hover .ui-round-btn-text,.ui-round-btn-hover .ui-round-btn-text{background-position:right -721px;}
.ui-round-btn-state-disabled,.ui-round-btn-state-disabled:hover{background-position:0 -169px;cursor:default;}
.ui-round-btn-state-disabled .ui-round-btn-text,.ui-round-btn-state-disabled:hover .ui-round-btn-text{background-position:right -256px;color:#999;cursor:default;}
.ui-round-btn-mini .ui-round-btn-text{height:21px;line-height:21px;font-family:Simsun;padding:0 6px;}
.ui-round-btn-mini{background-position:0 -200px;}
.ui-round-btn-mini .ui-round-btn-text{background-position:right -287px;color:#4D4D4D;font-weight:500;}
.ui-round-btn-mini:hover,.ui-round-btn-mini-hover{background-position:0 -638px;}
.ui-round-btn-mini:hover .ui-round-btn-text,.ui-round-btn-mini-hover .ui-round-btn-text{background-position:right -664px;}
/* -- 上传图片 -- */
.fn-image{
   padding-left:18px;
   background:url(ico_image.gif) no-repeat left 2px;
}
.images-wrapper{
   width:500px;
}
.images-wrapper .upload{
   position:relative;
   display:inline;
   margin-top:-2px;
}
.images-wrapper .upload object{
   vertical-align:middle;
}
.images-wrapper .loading{
   width:16px;
   height:16px;
   margin:0 4px;
   vertical-align:middle;
}
.images-wrapper .images{
   display:inline;
}
.images-wrapper .images-item{
   display:inline;
   margin-right:12px;
}
.images-wrapper .del{
   width:14px;
   height:14px;
   margin-left:4px;
   background:url(sprite.png) no-repeat 0 -20px;
   _background-image:url(sprite8.png);
   vertical-align:middle;
   cursor:pointer;
}
/* -- 三角形 -- */
.triangle-wrapper{
   position:absolute;
   top:1px;
   width:100%;
   height:20px;
   overflow:hidden;
}
.triangle{
   position:absolute;
   left:562px;
   top:0px;
   width:0;
   height:0;
   overflow:hidden;
   margin-top:-20px;
   margin-left:-10px;
   border:20px solid transparent;
   border-left:0;
   _border-style:dashed;
   _border-bottom-style:solid;
}
.triangle-border{
   border-bottom-color:#cecece;
}
.triangle-back{
   top:2px;
   margin-left:-9px;
   border-bottom-color:#f8f8f8;
}
/* -- 问题点提示信息框 -- */
.tip-des-wrapper{
   position:absolute;
   left:0px;
   top:-1000px;
   width:240px;
   padding-top:12px;
}
.tip-des-cnt{
   padding:4px 6px;
   border:1px solid #CECECE;
   background:#fff;
   
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   border-radius:5px;
   
   word-break:break-all;
   word-wrap:break-word;
}
.tip-des-wrapper .triangle-wrapper{
   height:12px;
}
.tip-des-wrapper .triangle{
   left:46%;
   margin-top:-12px;
   border-width:12px 12px 12px 0;
}
.tip-des-wrapper .triangle-back{
   border-bottom-color:#fff;
}