/* 问答
----------------------------------------------- */
#question {
}
#question .head {
 padding: 10px 0;
 margin-bottom: 15px;
}
#question .head b {
 color: #333;
 font-size: 26px;
 font-weight: bold;
}
#question .head a {
 float: right;
 margin-top: 5px;
}
#question .head p {
 color: #999;
 font-size: 14px;
}
#question .back {
 padding: 10px 0;
 margin-bottom: 15px;
}
/* search */
#question .search {
 padding: 10px 0 21px 0;
	border-bottom:1px solid #DDD;
}
#question .search .cue {
 color: #19B4EA;
 margin-bottom: 5px;
 font-size: 20px;
}
#question .search .form {
 width: 635px;
 border: 1px solid #CCC;
 background-color: #EEE;
 padding: 5px 10px;
 box-sizing: content-box;
 position: relative;
 white-space: normal
}
#question .search .form label {
 height: 0;
 line-height: 0;
 overflow: hidden;
 width: 0;
 position: absolute;
 font-size: 0;
 z-index: -1;
 outline: 0
}
#question .search .form .keyword {
 color: #999;
 background-color: #EEE;
 width: 600px;
 font-size: 14px;
}
#question .search .form .keyword:focus {
 color: #555
}
#question .search .form .keyword::-webkit-input-placeholder {
 color:#CCCCCC;
}
#question .search .form .keyword:focus:-moz-placeholder, #question .search .form .keyword:focus::-moz-placeholder {
color:transparent!important
}
#question .search .form .keyword:focus::-webkit-input-placeholder {
color:transparent!important
}
#question .search .form .btnSearch {
 background: url(../images/icon_search.png) no-repeat 50% 50%;
 width: 28px;
 height: 28px;
 text-indent: -999px;
 overflow:hidden;
 cursor: pointer;
}
/* list */
#question .list {
 zoom:1;
 overflow: hidden;
}
#question .list .item {
 width: 33%;
 float: left;
}
#question .list .item .bor {
 border: 1px solid #E4E4E4;
 padding: 10px;
 margin: 0 20px 20px 0;
 height: 105px;
}
#question .list .item .bor.audit {
 opacity: 0.7;
}
@media (max-width: 768px) {
 #question .search .form {
  width: 255px;
  box-sizing: border-box;
 }
 #question .search .form .keyword {
  width: 200px;
 }
 #question .list .item {
  width: auto;
  float: none;
 }
 #question .list .item .bor {
  margin: 0 0 20px 0;
  height: auto;
 }
 #question .list .item .avatarInfo {
  zoom: 1;
  overflow: hidden;
 }
}
#question .list .item .title {
 font-size: 16px;
 max-height: 28px;
 white-space: nowrap;
 text-overflow:ellipsis;
 overflow: hidden;
}
#question .list .item .title em {
 float: right;
 display: inline-block;
 padding: 2px 10px;
 border-radius: 10px;
 background-color: #FFFBCC;
}
#question .list .item .avatarInfo {
 margin-top: 10px;
}
/* avatarInfo */
#question .avatarInfo {
 margin-top: 10px;
}
#question .avatarInfo .avatar {
 float: left;
 width: 40px;
}
#question .avatarInfo .avatar img {
 width: 40px;
 height: 40px;
}
#question .avatarInfo .info {
 margin-left: 45px;
 font-size: 12px;
 color: #999;
}
#question .avatarInfo .info p {
 margin-bottom: 5px;
}
#question .avatarInfo .info span {
 margin-right: 10px;
}
#question .avatarInfo .info b {
 margin: 0 2px;
}
/* viewBox */
#question .viewBox {
 zoom:1;
 overflow: hidden;
 padding-bottom: 50px;
}
/* view */
#question .view {
 width: 75%;
 float: left;
}
@media (max-width: 768px) {
 #question .view {
  float: none;
  width: auto;
 }
}
#question .view .box {
 padding-right: 40px;
	border-right:1px solid #CCC;
	min-height: 400px;
}
#question .view h1 {
 color: #333;
 font-size: 26px;
 font-weight: bold;
}
#question .view .info {
	padding:2px 0 20px 0;
	color:#999999;
	font-size:13px;
}
#question .view .info span {
 margin-right: 20px;
}
#question .view .content {
 font-size: 16px;
	color: #666666;
	line-height: 200%;
	padding-top: 10px;
 margin-bottom: 10px;
}
#question .view .secret {
 font-size: 13px;
	color: #999;
	line-height: 200%;
 margin-bottom: 10px;
}
#question .view .action a, #question .view .action em {
 color: #999;
	border: 1px solid #DDD;
 display: inline-block;
 padding: 3px 15px;
 cursor: pointer;
}
#question .view .action a:hover, #question .view .action em:hover {
 background-color: #19B4EA;
 color: #FFF;
 text-decoration: none;
}
#question .view .action em.lock {
 background-color: #DDD;
 color: #FFF;
 cursor: not-allowed;
}
#question .right {
 display: block;
 width: 25%;
 float: right;
 text-align: left;
}
@media (max-width: 768px) {
 #question .right {
  display: none;
 }
}
#question .right .box {
 padding: 0 20px;
}
#question .right .product a {
	display: block;
	text-align: center;
	border-bottom: 1px dotted #DDD;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#question .right .ad {
	margin-bottom: 20px;
}
#question .right .ad a {
	display: block;
	text-align: center;
	padding: 30px 10px;
	border: 1px dotted #CCC;
	background-color: #EEE;
	color: #555;
	margin-bottom: 10px;
}
#question .right .ad a:hover {
	text-decoration: none;
	border: 1px dotted #19B4EA;
	color: #19B4EA;
}
/* answerList */
#question .answerList {
 margin-top: 50px;
}
#question .answerList .item {
 zoom: 1;
 overflow: hidden;
	border-top:1px solid #DDD;
 padding-top: 20px;
 margin-top: 20px;
}
#question .answerList .item.audit {
 opacity: 0.6;
}
#question .answerList .item .avatar {
 float: left;
 width: 40px;
 height: 40px;
 overflow: hidden;
	border:1px solid #DDD;
}
#question .answerList .item .avatar img {
 width: 100%;
 height: 100%;
}
#question .answerList .item .main {
 margin-left: 50px;
}
#question .answerList .item .main .answerInfo {
 color: #999;
}
#question .answerList .item .main .answerInfo em {
 float: right;
 display: inline-block;
 padding: 2px 10px;
 border-radius: 10px;
 background-color: #FFFBCC;
}
#question .answerList .item .main .answerInfo b {
 margin: 0 5px;
}
#question .answerList .item .main .answerInfo span {
 color: #19B4EA;
}
#question .answerList .item .main .answerInfo span a {
 color: #19B4EA;
}
#question .answerList .item .main .answerContent {
 color: #555;
 padding: 5px 20px 0 0;
 line-height: 220%;
	font-size: 14px;
 margin-bottom: 10px;
}
#question .answerList .item .main .answerHelp {
 padding: 5px 20px 0 0;
 margin-bottom: 10px;
}
#question .answerList .item .main .answerHelp .from {
 color: #19B4EA;
}
#question .answerList .item .main .answerHelp .from a {
 color: #19B4EA;
}
#question .answerList .item .main .answerHelp .helpContent {
 color: #888;
 padding: 5px 20px 0 0;
 line-height: 220%;
	font-size: 14px;
}
#question .answerList .item .main .answerHelp .helpContent img {
 max-width: 100%;
}
/* answer */
#question .answer {
 margin-top: 20px;
}