/*
@Description: 问答堂4.0公共样式
@author: zhaoy
@update: 2014-08-09
*/

/* global */
.wrapper,.askhome-gray-inner { margin: 0 auto; width: 980px; }
.askhome-side-nav { float: left; width: 190px; z-index: 2; }
.askhome-side-bar { float: right; width: 250px; z-index: 1; }
.askhome-cont { float: left; _display: inline; margin: 0 0 0 25px; width: 490px; z-index: 1; }
.askhome-side-video,.askhome-side-experts,.askhome-side-rank { padding: 12px 15px 0; border: 1px #e8e8e8 solid; }
.askhome-side-video {width: 218px; height: 210px; position:relative; overflow: hidden; }

/* a style */
a,.wrapper a { color: #333; text-decoration: none; }

a:hover,.wrapper a:hover { color: #f60; text-decoration: underline; }

.askhome-news-list a:visited,.askhome-rank a:visited { color: #800080; }

/* Microsoft Yahei */
.askhome-gray-box,.askhome-news-list,.askhome-nav-box,.askhome-weibo,.askhome-map,.askhome-refresh,.askhome-switch,.askhome-head,.askhome-pic-news,.askhome-video-news,.askhome-star .info-hd,.askhome-star .info-tg,.askhome-star .info-table,.askhome-rank a,.askhome-gray-box .login-box { font-family: "Microsoft Yahei","\5FAE\8F6F\96C5\9ED1"; }

/* image path */
.askhome-gray-box .news .prise,.askhome-gray-box .news .reply,.askhome-gray-box .side,.askhome-head .hot,.askhome-news-list .reward,.askhome-nav-list .icon,.askhome-gray-box .askhome-news-list li,.askhome-weibo .icon-sina,.askhome-weibo .icon-qq,.askhome-map .icon,.askhome-refresh .icon,.askhome-video-news .num .icon,.askhome-gray-box .task-if .ft .num .icon,.askhome-gray-box .task-list .icon,.askhome-gray-box .task-if .ft .before-icon, .askperson-daily .task-if .ft .before-icon { background: url(/icon/ask/ask_4/ask-home.png) no-repeat; }

/* spacing */
.askhome-map,.askhome-side-experts,.askhome-side-rank { margin-top: 10px; }
.askhome-qa { margin-top: 16px; }
.askhome-side-nav,.askhome-weibo,.askhome-wait,.askhome-side-video { margin-top: 20px; }
.askhome-library { margin-top: 23px; }

/* askhome-gray */
.askhome-gray-box { background-color: #f7f7f7; }
.askhome-gray-inner { padding: 0 0 20px; }
.askhome-gray-box .focus { float: left; margin: 20px 0 0; width: 292px; height: 220px; overflow: hidden; position: relative; }
.askhome-gray-box img { display: block; }

.askhome-gray-box .cont { float: left; _display: inline; margin: 10px 0 0 19px; width: 400px; }
.askhome-gray-box .news .hd { height: 42px; overflow: hidden; position: relative; font-size: 18px; line-height: 42px; }
.askhome-gray-box .news p { color: #666; font-size: 14px; line-height: 18px; }
.askhome-gray-box .news .foot { padding: 7px 6px 0 2px; color: #999; line-height: 18px; }
.askhome-gray-box .news .prise,.askhome-gray-box .news .reply { float: left; margin: 0 19px 0 0; padding: 0 0 0 17px;  }
.askhome-gray-box .news .prise { background-position: -135px -240px; }
.askhome-gray-box .news .reply { background-position: -140px -255px; }
.askhome-gray-box .news .user { float: right; }
.askhome-gray-box .news .user a { color: #999; }
.askhome-gray-box .news .user a:hover { color: #f60; }

.askhome-gray-box .side { float: right; _display: inline; margin: 0 -21px 0 0; padding: 178px 0 27px; width: 290px; height: 34px; text-align: center; background-position: 0 0; }
.askhome-gray-box .side a { display: inline-block; margin: 0 9px; display: inline-block; width: 100px; height: 34px; text-align: center; color: #fff; font-size: 14px; line-height: 34px; background-color: #2383dd; border-radius: 2px; }
.askhome-gray-box .side a:hover { color: #fff; text-decoration: none; background-color: #0d64b6; }

.askhome-gray-box .login-box { float: right; margin: 17px 0 0; padding: 15px 15px 10px; border: 1px #eaebeb solid; background-color: #fff; width: 218px; }
.askhome-gray-box .task-if { padding: 0 0 0 60px; height: 50px; overflow: hidden; position: relative; zoom: 1; }
.askhome-gray-box .task-if .pic { position: absolute; top: 0; left: 0; }
.askhome-gray-box .task-if img { display: block; }
.askhome-gray-box .task-if .hd { margin-top: -3px; height: 22px; overflow: hidden; position: relative; }
.askhome-gray-box .task-if .hd a,.askhome-gray-box .task-if .hd .lv-orange,.askhome-gray-box .task-if .hd .lv-blue,.askhome-gray-box .task-if .hd .lv-red { float: left; }
.askhome-gray-box .task-if .hd a { line-height: 22px; }
.askhome-gray-box .task-if .hd .lv-orange,.askhome-gray-box .task-if .hd .lv-blue,.askhome-gray-box .task-if .hd .lv-red { _display: inline; margin: 2px 0 0 4px; width: 54px; height: 16px; text-align: center; color: #fff; line-height: 16px; font-family: "Simsun"; }
.askhome-gray-box .task-if .hd .lv-orange { border: 1px #f59300 solid; background-color: #f90; }
.askhome-gray-box .task-if .hd .lv-blue { border: 1px #228cf0 solid; background-color: #2292fa; }
.askhome-gray-box .task-if .hd .lv-red { border: 1px #c20000 solid; background-color: #c00; }
.askhome-gray-box .task-if .ft { color: #999; line-height: 16px; }
.askhome-gray-box .task-if .ft .before, .askperson-daily .task-if .ft .before { padding: 0 17px 0 0; position: relative; zoom: 1; color: #999; }
.askhome-gray-box .task-if .ft .before-icon, .askperson-daily .task-if .ft .before-icon { position: absolute; top: 1px; right: 0; width: 14px; height: 14px; background-position: -60px -240px; }
.askhome-gray-box .task-if .ft .num { display: inline-block; padding: 0 0 0 14px; position: relative; zoom: 1; color: #333; }
.askhome-gray-box .task-if .ft .num .icon { position: absolute; top: 3px; left: 0; width: 9px; height: 9px; font: 0/0 Arial; background-position: -55px -255px; }
.askhome-gray-box .task-if p { color: #666; }

.askhome-gray-box .task-tb { margin: 10px -15px 9px; line-height: 24px; background-color: #f5f5f5; }
.askhome-gray-box .task-tb .it,.askhome-gray-box .task-tb em { float: left; }
.askhome-gray-box .task-tb .it { width: 82px; text-align: center; }
.askhome-gray-box .task-tb em { width: 1px; color: #ccc; font-family: "Simsun"; text-indent: -3px; }
.askhome-gray-box .task-tb a { color: #666; }
.askhome-gray-box .task-tb a:hover { color: #f60; }

.askhome-gray-box .task-hd { height: 24px; overflow: hidden; position: relative; line-height: 24px; }
.askhome-gray-box .task-hd h3 { float: left; color: #333; font-size: 14px; font-weight: normal; }
.askhome-gray-box .task-hd span { float: left; padding: 2px 0 0 2px; color: #999; }

.askhome-gray-box .task-switch { margin-left: -2px; padding: 5px 0 7px; height: 5px; overflow: hidden; position: relative; }
.askhome-gray-box .task-switch li { float: left; _display: inline; margin: 0 0 0 2px; height: 5px; font: 0/0 Arial; background-color: #f0efef; }
.askhome-gray-box .task-switch .item-1 { border-radius: 2px 0 0 2px; width: 71px; }
.askhome-gray-box .task-switch .item-2 { border-radius: 0; width: 70px; }
.askhome-gray-box .task-switch .item-3 { border-radius: 0 2px 2px 0; width: 73px; }
.askhome-gray-box .task-switch .current { background-color: #76bd1a; }

.askhome-gray-box .task-list { padding: 5px 0 0; }
.askhome-gray-box .task-list li { height: 20px; overflow: hidden; position: relative; line-height: 20px; }
.askhome-gray-box .task-list span { float: left; color: #333; }
.askhome-gray-box .task-list a { float: right; color: #134ba0; }
.askhome-gray-box .task-list a:hover { color: #f60; }
.askhome-gray-box .task-list .after { padding: 0 23px 0 0; position: relative; zoom: 1; color: #999; }
.askhome-gray-box .task-list .icon { position: absolute; top: 3px; right: 0; width: 14px; height: 14px; font: 0/0 Arial; background-position: -75px -240px; }

/* askhome-nav */
.askhome-nav-box { border-right: 1px #e6e6e6 solid; z-index: 3; }
.askhome-nav-list { padding: 10px 0 0; zoom: 1; }
.askhome-nav-list li { margin: -10px -1px 0 -10px; position: relative; zoom: 1; vertical-align: top; }
.askhome-nav-list .box { padding: 10px 12px; position: relative; z-index: 6; }
.askhome-nav-list .hd { padding: 0 13px 0 0; font-size: 14px; font-weight: normal; line-height: 26px; position: relative; zoom: 1; }
.askhome-nav-list .icon { position: absolute; top: 9px; right: 21px; width: 5px; height: 8px; font: 0/0 Arial; background-position: -30px -240px; }
.askhome-nav-list .hd a { color: #134ba0; }
.askhome-nav-list .hd a:hover { text-decoration: none;}
.askhome-nav-list .pro a { float: left; margin: 0 7px 0 0; color: #666; line-height: 20px; white-space: nowrap; }
.askhome-nav-list .hd a:hover,.askhome-nav-list .pro a:hover { color: #f60; }

.askhome-nav-pup-box { position: absolute; top: -2px; left: 195px; left: 197px\0; *left: 197px; padding: 2px; width: 510px; background: rgba(0,0,0,0.08); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#14000000,endcolorstr=#14000000,gradientType=1); display: none; z-index: 5; filter: none\0; }
:root .askhome-nav-pup-box { filter: none; left: 195px; }
.askhome-nav-pup-list { padding: 4px 20px; border: 1px #ccc solid; background-color: #fff; }
.askhome-nav-pup-list li { margin: 0; padding: 0 0 0 58px; position: relative; zoom: 1; line-height: 28px; }
.askhome-nav-pup-list .tit { position: absolute; top: 0; left: 0; color: #999; }
.askhome-nav-pup-list a { padding: 0 3px; color: #666; white-space: nowrap; }
.askhome-nav-pup-list a:hover { color: #fff; text-decoration: none; background-color: #2483dd; }

.askhome-nav-list .current { padding: 0; position: relative; border: 2px rgba(0,0,0,0.08) solid; border-right: 0 none; z-index: 4; background: none\0; }
.askhome-nav-list .current .box { padding: 7px 9px; padding: 9px 11px\0; *padding: 9px 11px; border: 1px #ccc solid; border-right: 0 none; background-color: #fff; }
.askhome-nav-list .current .icon { right: 24px; right: 22px\0; *right: 22px; }
.askhome-nav-list .current .askhome-nav-pup-box { display: block; }
:root .askhome-nav-list .current .box { padding: 7px 9px; }
:root .askhome-nav-list .current .icon { right: 24px; }

/* askhome-head */
.askhome-head { line-height: 20px; }
.askhome-head h2 { float: left; position: relative; zoom: 1; color: #333; font-weight: normal; font-size: 16px; }
.askhome-head .hot { position: absolute; top: 2px; right: 27px; width: 22px; height: 12px; background-position: -35px -240px; }
.askhome-head .more { float: right; _display: inline; margin: 0 5px 0 0; }

/* askhome-news-list */
.askhome-news-list li { padding: 0 50px 0 28px; height: 30px; overflow: hidden; position: relative; zoom: 1; font-size: 14px; line-height: 30px; vertical-align: top; }
.askhome-news-list .tit,.askhome-news-list .nums { position: absolute; top: 0; color: #999; }
.askhome-news-list .tit { left: 0; }
.askhome-news-list .nums { right: 0; text-align: right; color: #999; font-size: 12px; }
.askhome-news-list .nums em { float: none; color: #333; }
.askhome-news-list a,.askhome-news-list .reward { float: left; }
.askhome-news-list .reward { _display: inline; margin: 7px 0 0 5px; padding: 0 0 0 22px; width: 28px; height: 17px; color: #f60; font-size: 12px; line-height: 17px; background-position: 0 -275px; }
.askhome-news-list a:hover { text-decoration: underline; }
.askhome-news-list .nums:hover { color: #999; text-decoration: none; }
.askhome-news-list .nums:hover em { color: #f60; }
.askhome-news-list .nums:visited { color: #999; }
.askhome-news-list .nums:visited em { color: #800080; }

.askhome-gray-box .askhome-news-list { padding: 19px 0 0; }
.askhome-gray-box .askhome-news-list li { padding: 0 55px 0 8px; height: 28px; line-height: 28px; background-position: -280px -241px; }
.askhome-gray-box .askhome-news-list .nums { right: 6px; }

.askhome-wait .askhome-news-list,.askhome-library .askhome-news-list { margin: 7px 0 0; }

/* askhome-weibo */
.askhome-weibo { padding: 6px 10px 13px; border: 1px #e8e8e8 solid; background-color: #fafafa; }
.askhome-weibo .title { padding: 4px 0 0; color: #333; font-size: 14px; line-height: 28px; }
.askhome-weibo p { color: #999; line-height: 18px; }
.askhome-weibo .btn-sina,.askhome-weibo .btn-qq { margin: 6px 0 0; padding: 0 0 0 22px; position: relative; zoom: 1; color: #666; line-height: 18px; }
.askhome-weibo .btn-sina { float: left; }
.askhome-weibo .btn-qq { float: right; _display: inline; margin: 6px 9px 0 0; }
.askhome-weibo .icon-sina,.askhome-weibo .icon-qq { position: absolute; top: 1px; left: 1px; width: 16px; height: 16px; }
.askhome-weibo .icon-sina { background-position: 0 -255px; }
.askhome-weibo .icon-qq { background-position: -20px -255px; }

/* askhome-map */
.askhome-map { display: block; padding: 0 0 0 33px; position: relative; zoom: 1; border: 1px #e8e8e8 solid; background: url(/icon/ask/ask_4/ask-map.png) no-repeat 100% 0 #fafafa; font-size: 16px; line-height: 40px; }
.askhome-map .icon { position: absolute; top: 13px; left: 11px; width: 12px; height: 16px; font: 0/0 Arial; background-position: -40px -255px; }

/* askhome-refresh */
.askhome-refresh { float: right; margin: 4px 0 0; padding: 0 10px 0 29px; position: relative; zoom: 1; color: #666; line-height: 28px; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer; }
.askhome-refresh .icon { position: absolute; top: 7px; left: 9px; width: 14px; height: 13px; font: 0/0 Arial; background-position: 0 -240px; }
.askhome-refresh:hover { color: #fff; text-decoration: none; background-color: #0d64b6; border-radius: 2px; }
.askhome-refresh:hover .icon { background-position: -15px -240px; }

/* askhome-switch */
.askhome-switch { border-bottom: 1px #e6e6e6 solid; }
.askhome-switch li { float: left; margin: 0 20px 0 0; padding: 0 1px; color: #333; font-size: 14px; line-height: 28px; cursor: pointer; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.askhome-switch .current { margin-top: -1px; top: 1px; padding: 1px 0 0; position: relative; font-weight: 700; line-height: 26px; border-bottom: 2px #2383dd solid; }

.askhome-wait .askhome-switch-box { margin: 3px 0 0; border-bottom: 1px #e6e6e6 solid; }
.askhome-wait .askhome-switch,.askhome-library .askhome-switch { float: left; border: 0 none; }
.askhome-wait .askhome-switch li,.askhome-library .askhome-switch li { line-height: 34px; }
.askhome-wait .askhome-switch .current,.askhome-library .askhome-switch .current { line-height: 32px; }

.askhome-library .askhome-switch-box { margin: 5px 0 0; border-bottom: 1px #e6e6e6 solid; }

.askhome-side-rank .askhome-switch { margin: 5px 0 0; }

/* askhome-pic-news */
.askhome-pic-news { padding: 0 0 0 130px; height: 90px; overflow: hidden; position: relative; zoom: 1; }
.askhome-pic-news .pic { position: absolute; top: 0; left: 0; }
.askhome-pic-news img { display: block; }
.askhome-pic-news .hd { height: 18px; overflow: hidden; position: relative; font-size: 14px; line-height: 18px; font-weight: 700; }
.askhome-pic-news .hd em { color: #76bd1a; }
.askhome-pic-news p { padding: 5px 0 0; color: #666; font-size: 14px; line-height: 18px; }
.askhome-pic-news p em { color: #2383dd; }

.askhome-qa .askhome-pic-news { margin: 14px 0 0; }

/* askhome-video-news */
.askhome-video-news {overflow: hidden; width: 950px; }
.askhome-video-news .pic { display: block; position: relative; zoom: 1; }
.askhome-video-news img { display: block; }
.askhome-video-news .pic .icon { position: absolute; top: 50%; left: 50%; margin: -24px 0 0 -24px; width: 48px; height: 48px; background: url(/icon/ask/ask_4/ask-video-icon.png) no-repeat; }
.askhome-video-news .pic .time { position: absolute; bottom: 11px; right: 15px; color: #fff; font: 700 14px/16px Arial; }
.askhome-video-news .pic .layer {
	position: absolute; bottom: 0; left: 0; width: 100%; height: 50px;
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.73)));
	background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.73));
	background: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.73));
	background: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.73));
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00000000,endcolorstr=#ba000000,gradientType=0);
}
.askhome-video-news .hd { margin: 4px 0 0; height: 22px; overflow: hidden; position: relative; font-size: 14px; line-height: 24px; }
.askhome-video-news .box { height: 20px; overflow: hidden; position: relative; line-height: 20px; }
.askhome-video-news .tag { float: left; color: #999; }
.askhome-video-news .tag a { color: #134ba0; }
.askhome-video-news .num { float: right; _display: inline; margin: 0 10px 0 0; padding: 0 0 0 17px; position: relative; zoom: 1; color: #999; }
.askhome-video-news .num .icon { position: absolute; top: 4px; left: 0; width: 12px; height: 12px; font: 0/0 Arial; background-position: -90px -240px; }
.askhome-video-news .tag a:hover,.askhome-video-news .num:hover { color: #f60; }

.askhome-side-video .askhome-video-news { padding: 13px 0 10px; }
.askhome-video {position: relative; margin-right: 15px; float: left; width: 218px;}

/* askhome-star */
.askhome-star { margin-top: -9px; padding: 0 0 14px; position: relative; }
.askhome-star li { margin: 22px 0 0; }
.askhome-star .info { padding: 0 0 0 90px; height: 80px; overflow: hidden; position: relative; zoom: 1; }
.askhome-star .pic { position: absolute; top: 0; left: 0; }
.askhome-star img { display: block; }
.askhome-star .info-hd,.askhome-star .info-lv,.askhome-star .info-tp,.askhome-star .info-tg,.askhome-star .info-rc { overflow: hidden; position: relative; }
.askhome-star .info-hd { height: 16px; line-height: 16px; }
.askhome-star .info-hd a { color: #000; }
.askhome-star .info-hd a:hover { color: #f60; }
.askhome-star .info-lv { height: 18px; color: #f60; line-height: 18px; }
.askhome-star .info-tp { height: 18px; line-height: 18px; }
.askhome-star .info-tg { height: 32px; line-height: 32px; color: #666; }
.askhome-star .info-rc { height: 20px; line-height: 20px; margin: 8px 0 0; }

.askhome-star .info-rc img { float: left; margin: 0 4px 0 0; }

.askhome-star .lv-orange,.askhome-star .lv-blue,.askhome-star .lv-red { padding: 0 3px; display: inline-block; color: #fff; }
.askhome-star .lv-orange { background-color: #f90; }
.askhome-star .lv-blue { background-color: #2292fa; }
.askhome-star .lv-red { background-color: #c00; }

.askhome-star .info-tg a { color: #134ba0; }
.askhome-star .info-tg a:hover { color: #f60; }

.askhome-star .info-table { padding: 7px 0; background-color: #f5f5f5; }
.askhome-star .info-item1,.askhome-star .info-item2 { float: left; width: 72px; height: 32px; overflow: hidden; position: relative; text-align: center; }
.askhome-star .info-item2 { border-left: 1px #e6e6e6 solid; border-right: 1px #e6e6e6 solid; }

.askhome-star .star-hd,.askhome-star .star-txt { display: block; }
.askhome-star .star-hd { margin-top: -1px; position: relative; color: #333; font-size: 14px; line-height: 18px; }
.askhome-star .star-txt { color: #999; line-height: 16px; }
.askhome-star .info-table a:hover { text-decoration: none;}
.askhome-star a:hover .star-hd { color: #f60; }
.askhome-star a:hover .star-txt { color: #999; }

/* askhome-rank */
.askhome-rank li { padding: 0 0 0 26px; height: 28px; overflow: hidden; position: relative; zoom: 1; line-height: 28px; }
.askhome-rank em { position: absolute; top: 6px; left: 0; width: 16px; height: 16px; text-align: center; color: #666; line-height: 16px; background-color: #e5e5e5; }
.askhome-rank .n1 em { color: #fff; background-color: #2383dd; }

.askhome-side-rank .askhome-rank { padding: 10px 0; }

/* askhome-loading */
.askhome-loading img { display: block; margin: 100px auto 0; }


.need-solve .option .blue-btn-h28 { color: #fff; }
.specialist-list .blue-btn-h28 { color: #fff; }

.aside-right .askhome-side-rank{ margin-top: 0px; }

/* ask-fixed */
.ask-fixed { position: fixed; bottom: 50px; left: 50%; margin: 0 0 0 -590px; width: 74px; height: 235px; background: url(/icon/ask/active/act_1505/pop.gif) no-repeat; }


/* 视频增加切换 add by jialp at 20150602 */
.askhome-video-tab { position: absolute; top:19px; right: 15px; z-index: 2; zoom:1; height: 7px;}
.askhome-video-tab li { float: left; width: 7px; height: 7px; margin: 0 3px; font:0/0 arial; cursor: pointer; text-indent:-999px; overflow:hidden; background:#dadada; border-radius: 3px; cursor: pointer;}
.askhome-video-tab .current { background-color: #2d9be8;}
/* 任务新增 */
.t-ness-list{padding:10px 20px 0px 16px;}
.links .link:hover,.t-ness-list li p .do-task:hover{color:#f60;}
.askhome-gray-box .login-box .t-ness-list{padding: 0px 10px 0px 6px;}
.askhome-gray-box .login-box .t-ness-list li{height:22px;}