/** begin ---page-earn.css---*/
/**
 * 积分新的组件CSS
 *
 * **/
.concern-img{
	float: left;
	width: 60px;
	height: 60px;
}
.recent-box dd{
	padding: 0 10px;
}
.recent-box ul{
    padding-bottom:20px;
}
.recent-box ul li{
    display:block;
    
    height: 60px;
}
.recent-box ul li.first{
    padding-top:0;
}
.recent-box ul li.last{
    border-bottom:none;
    padding-bottom:0;
}
.recent-box span{
    display:block;
    line-height:18px;
}
.recent-box span.email{
    color:#999;
    font-size:11px;
    padding-top: 12px;
}
.recent-box span.task{
    color:#666;
    height:18px;
    overflow:hidden;
    padding-bottom: 11px;
    border-bottom:1px dotted #999;
    
}
.recent-box span.task a{
    color:#0090f0;
    margin-left:6px;
}
.concern-box dt{font-size: 14px;font-weight: 700;padding-bottom: 10px; }
.concern-box p{width: 140px;float: right;}
.concern-title{color: #e0608d;font-size: 14px;font-weight: bold; line-height: 18px;margin-bottom: 10px;}
.concern-title a{
    color:#666;
}
.concern-btn{
	background:url("https://img.alipay.com/sys/pointndc/style/btn-link.png") no-repeat 0 0 transparent;
	width: 70px;
	height: 24px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
} 
.scroller-triggers li.current,.scroller-triggers li a:hover, .user-login ul li span.pp-arrow,.ui-earn-pagination em,.message-panel .weibo,.earn-task-new .item-img em.new,.earn-task-new .item-img em.hot,.task-wrap .task-img em.new,.task-wrap .task-img em.hot,em.tangram,.tab-table-list li.current a,em.lamp{
	background-image:url(https://i.alipayobjects.com/e/201307/lw3FVq09d.png);
}
.btn-login .l,  .btn-login .r,  .btn-login .J_login,.btn-login .J_xbox-btn,.ui-btn-earn-basic,.task-wrap .item-action .button a,.task-wrap .item-action .button .l,.task-wrap .item-action .button .r,.tab-task-intro .tab-trigger li.current a,.tab-task-intro .tab-trigger li a:hover, .tab-earn-task .tab-trigger li a, .tab-earn-task .tab-trigger li.current a,.tab-earn-task .tab-trigger li a:hover, .r-l, .r-r{
    background-image:url(https://img.alipay.com/sys/pointprod/style/earn-button.png);
}
.scroller-banner{
    width:710px;
    height:180px;
    position:relative;
    overflow:hidden;
}
.scroller-views li{
    float:left;
}
.scroller-triggers{
    position:absolute;
    top:155px;
    right:10px;
}
.scroller-triggers li{
    float:left;
    width:15px;
    height:15px;
    line-height:15px;
    background:#fff;
    margin-right:5px;
    text-align:center;
}
.scroller-triggers li.current{
    background-position:0 -9px;
}
.scroller-triggers li a{
    color:#5a5a5a;
    text-decoration:none;
    display:block;
    height:15px;
}
.scroller-triggers li a:hover{
    background-position:0 -9px;
    color:#fff;
}
.scroller-triggers li.current a{
    color:#fff;
}
.earn-task-new li{
    float:left;
    width:355px;
    height:133px;
    margin:20px 0 5px 0;
    border-bottom:1px solid #ddd;
    padding-top:5px;
}
.ui-list-change .ui-list-item-hover{
    background:#f5f5f5;
}
.panel-content .ui-list-item-hover,.similar-task .ui-list-item-hover{
	background: #fff;}

.earn-task-new .item-img{
    float:left;
    margin-top:3px;
    width:130px;
    padding-left:10px;
    position:relative;
}
 .earn-task-new .item-img em,.task-wrap .task-img em{
    position:absolute;
    display:block;
    width:35px;
    height:35px;
    cursor:pointer;
 }
 .earn-task-new .item-img em.new,.task-wrap .task-img em.new{
    background-position:-196px 0;
 }
  .earn-task-new .item-img em.hot,.task-wrap .task-img em.hot{
    background-position:-240px 0;
 }

.earn-task-new .item-action{
    float:left;
    width:200px;
}
.earn-task-new .item-action .item-title{
    font-size:14px;
    font-weight:700;
    height:42px;
    overflow:hidden;
    margin-bottom:2px;
    width:200px;
}
.earn-task-new .item-action .item-title a{
    color:#333;
}
.earn-task-new .item-action .explian,.task-wrap .item-action .explian{
    color:#ff6600;
    font-size:14px;
    margin-bottom:4px;
    line-height:20px;
    font-weight:700;
    height:20px;
    font-family: tahoma,arial,'微软雅黑'; 
    overflow:hidden;
}
.task-wrap .item-action .explian{
    height:30px;
    padding-top:5px;
}
em.tangram{
    display:inline-block;
    width:13px;
    height:20px;
    background-position:-26px -9px;
    margin-right:2px;
    vertical-align:middle;
}
.task-wrap em.tangram{
     background-position: -26px -11px;
     margin-right: 6px;
 }
.earn-task-new .item-action .button{
    margin:6px 0;
}
.ui-btn-earn-basic{
    border:1px solid #ccc;
    background-position:0 -210px;
    height:24px;
    display:block;
    color:#333;
    line-height:24px;
    text-decoration:none;
    text-align:center;
    padding:0 10px;
}
.earn-task-new .item-action .button a.join{
    width:45px;
}
 .earn-task-new .item-action .button span{
    line-height:28px;
    height:28px; 
    float:left;
    padding:0 10px;
    color:#5a5a5a;
 }
  .earn-task-new .item-action .button .done{
    background:#edffcc; 
 }
  .earn-task-new .item-action .button .over{
    background:#ddd; 
  }
.ui-btn-earn-basic:hover {
    background-position:0 -240px;
    text-decoration:none;
    color:#333;
}
.earn-task-new .item-action .attention,.task-wrap .item-action .attention{
    color:#999;
    font-weight:100;
    overflow:hidden;
    display:block;
    width:100%;
}
.task-wrap .item-action .attention{
padding-top:10px;
}
.list-multi-task{

}
.list-multi-task .item-task{
    display:block;
    border-bottom:1px dotted #ddd;
    padding:5px 0 15px;
}
.list-multi-task .item-task p{
    line-height:20px;
}
.list-multi-task .item-task .line-first{
    color:#5a5a5a;
}
.list-multi-task .item-task .line-first .item-title{
    float:left;
}
.list-multi-task .item-task .line-first .item-title strong{
    font-size:14px;
}
.list-multi-task .item-task .line-first .over,.task-wrap .item-action .disable .over{
    float:right;
    width:80px;
    height:30px;
    line-height:30px;
    background:#ddd;
    border:1px solid #d1d1d1;
    color:#aaa;
    font-weight:700;
    text-align:center;
}
.list-multi-task .item-task .line-first .over{
    margin-right:10px;
}
.task-wrap .item-action .disable .over{
    width:90px;
    height:30px;
    line-height:30px;
    float:left;
    font-size:14px;
}
.list-multi-task .item-task .line-first .state{
    float:right;
    height:25px;
    line-height:25px;
    padding:0 10px;
}
.task-wrap .item-action .state{
    float:left;
    height:32px;
    line-height:32px;
    padding:0 10px;
    font-size:14px;
}
.list-multi-task .item-task .line-first .no-button,.task-wrap .item-action .no-button{
    background:#edffcc;
}
.list-multi-task .item-task .line-first .no-button{
    margin-right:10px;
}
.list-multi-task .item-task .line-second{
   margin-left:50px; 
}
.list-multi-task .item-task .line-second strong{
    font-size:14px;
    font-family: tahoma,arial,'微软雅黑';
    color:#ff6600;
    font-weight:100;
}
.list-multi-task .item-task .line-second strong span{
    font-size:18px;
    color:#ff6600;
}
.list-multi-task .item-task .line-second span{
    color:#999;
    margin-left:0;
}
a.aside-banner-s{
    display:block;
    width:230px;
    height:80px;
    margin-bottom:10px;
}
.ui-earn-pagination{
    margin:20px 0 0 210px;
    overflow:hidden;
}
.ui-earn-pagination a,.ui-earn-pagination span{
    float:left;
    margin-right:6px;
    border:1px solid #ccc;
    color:#0090f0;
    padding:2px 8px;
}
.ui-earn-pagination span{
    color:#4d4d4d;
}

.ui-earn-pagination em{
    float:left;
    width:6px;
    height:14px;
}
.ui-earn-pagination .page-cur,.ui-earn-pagination a:hover{
    background:#ffede1;
    color:#ff6600;
    font-weight:700;
    border:1px solid #ff6600;
}
.ui-earn-pagination a:hover{
    font-weight:100;
    text-decoration:none;
}
.ui-earn-pagination a.page-cur:hover{
        font-weight:700;
}
.ui-earn-pagination .page-prev em{
    margin-right:3px;
}
.ui-earn-pagination .page-prev strong,.ui-earn-pagination .page-next strong{
    font-weight:100;
    float:left;
}
.ui-earn-pagination .page-prev,.ui-earn-pagination .page-next{
    width:52px;
    padding:2px 0 2px 7px;
}
.ui-earn-pagination .page-next em{
    margin-left:3px;
     float:left;
}
.ui-earn-pagination span.page-prev em{
    background-position:-66px -8px;
}
.ui-earn-pagination a.page-prev em{
    background-position:-79px -8px;
}
.ui-earn-pagination span.page-next em{
    background-position:-108px -8px;
}
.ui-earn-pagination a.page-next em{
    background-position:-96px -8px;
}
.ui-earn-pagination .page-break,.ui-earn-pagination .page-total{
    border:none;
    color:#666;
    margin:0;
    padding:0;
    margin-right:0;
    padding-right:5px;
    line-height:24px;
}
.ui-earn-pagination .page-break{
    font-weight:700;
}
.concern-title a{
    color:#e0608d;
}
/* 任务详情页 */
.nav-task-list{
    border-bottom:2px solid #ffb7d2;
    padding:6px 0;
    color:#ddd;
    font-size:14px;
}
.nav-task-list a{
    color:#0090f0;
    padding:0 5px;
}
.panel-content{
    background:#f8f8f8;
    padding:0 10px 40px;
    overflow:hidden;
}
.panel-content-second{
    padding-bottom:0;
}
.panel-content .task-title{
    font-size:24px;
    font-weight:700;
    padding:12px 0 15px;
     font-family: tahoma,arial,'微软雅黑';
}
.task-wrap{
}
.task-wrap .task-img{
    float:left;
    margin-right:20px;
    width:185px;
    color:#5a5a5a;
    position:relative;
}
.task-wrap .task-img a{
}
.task-wrap .item-action{
    float:left;
    width:480px;
}
.task-wrap .explian strong{
    font-size:28px;
    font-weight:100;
}
.task-wrap .item-action .button{
    position:relative;
    width:120px;
}
.task-wrap .item-action .button .l{
    position:absolute;
    width:2px;
    height:40px;
    left:0;
    top:0;
    background-position:0 -90px;
}
.task-wrap .item-action .button .r{
    position:absolute;
    width:2px;
    height:40px;
    background-position:-7px -90px;
    right:0;
    top:0;
}
.task-wrap .item-action .button a{
    display:block;
    width:100%;
    height:40px;
    color:#fff;
    text-align:center;
    line-height:40px;
    font-size:18px;
    text-decoration:none;
    background-position:0 -130px;
    font-weight:700;
}
.task-wrap .item-action .button a:hover{
	background-position:0 -170px;
}
.task-wrap .description{
    line-height:20px;
    margin:12px 0 25px;
    height:40px;
    overflow:hidden;
}
.task-wrap .description span{
    color:#666;
}
.tab-task-intro{
    margin:30px 0 20px;
    height:30px;
    overflow:hidden;
    position:relative;
}
.tab-task-intro .tab-trigger{
     height:28px;
     position:absolute;
     z-index:2;
}
.tab-task-intro .bottom-line{
    background:#ddd;
    height:2px;
    width:100%;
    position:absolute;
    top:27px;
    z-index:1;
    overflow:hidden;
}
.tab-task-intro .tab-trigger li{
    float:left;
    height:28px;
    line-height:28px;
}
 .tab-task-intro  .tab-trigger li a{
    display:block;
    color:#4d4d4d;
    text-decoration:none;
    border:1px solid #ddd;
    border-bottom:none;
    font-size:14px;
    width:90px;
    text-align:center;
}
 .tab-task-intro .tab-trigger li.current a,.tab-task-intro .tab-trigger li a:hover{
    border:1px solid #ddd;
    border-bottom:none;
    background-position:0 -265px;
}
 .tab-task-intro .tab-trigger li.current a{
     font-weight:700;
 }
.tab-task-intro .tab-trigger li.last a,.tab-task-intro .tab-trigger li.last a:hover{
    border-left:none;
}
.task-intro-table{
     border-left:1px solid #ddd;
     border-top:1px solid #ddd;
     font-size:14px;
     width:100%; 
     color:#4d4d4d;
}
.task-item-wrap,.get-point-item{
 
}
#tabTableView .current{
    display:block;
}
#tabTaskView .current{
    display:block;
}
 .task-intro-table td{
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    background:#fff;
    padding:10px;
    text-align:left;
 }
 .task-intro-table td.first{
    text-align:right;
    color:#666;
 }
.task-intro-table td div span{
    margin-left:10px;
    color:#999;
    font-size:12px;
}
.task-intro-table td .object{
    color:#ff6600;
}
.title-group{
    color:#ef7da7;
    border-bottom:2px solid #ddd;
    padding:7px 6px;
    font-size:14px;
    margin:30px 0 10px;
}
.text-intro{
    font-size:14px;
    color:#666;
}
.text-intro strong{
    display:block;
}
.single-task{
    padding-top:10px;
}
.msg-box{
	position:relative;
	background:#fbfbfb;
	border:1px solid #dbdbdb;
	height:38px;
 	margin:20px 0;
}
.bg-normal{
    position:absolute;
    width:100%;
    height:38px;
    top:0;
    left:0;
    z-index:1;
}
.message-panel{
	position:absolute;
	top:9px;
	left:10px;
	z-index:2;
	width:90%;
}
.message-panel span{
    float:left;
}
.message-panel span.first-span{
    font-size:14px;
}
.message-panel span.second-span{
    margin:3px 10px 0 30px;
}
.message-panel .jifen{
    font-weight:700;
    color:#e0608d;
}
.message-panel .weibo{
    float:left;
    width:60px;
    height:21px;
    background-position:-122px -6px;
    cursor:pointer;
}
.title-task-hot{
    color:#333;
    font-size:14px;
    font-weight:700;
    padding:10px 5px;
}

.radius-one{
    height:30px;  
    margin-bottom:10px;
}
   .r-l{
	float:left;
	width:1px;
	height:20px;
	background-position:0 -360px;
}
.r-r{
	float:left;
	width:1px;
	height:20px;
	background-position:-7px -360px;
}

#tabTableView,#tabTableView2{
    clear:both;
}
.tab-table-list{
    border-top:1px solid #878787;
    float:left;
}
.tab-table-list li{
    float:left;
    line-height:18px;
}
.tab-table-list li a{
    width:49px;
    display:block;
    height:19px;
    border-bottom:1px solid #878787;
    color:#5a5a5a;
    overflow:hidden;
}
.tab-table-list li a:hover{
	color:#5a5a5a;
}
.tab-table-list li a span{
    border-right:1px solid #c9c9c9;
    padding:0 6px;
}
.tab-table-list li.last a span{
    border-right:none;
}
.tab-table-list li.current a{
   height:26px;
   border-bottom:none;
   background-position:-283px -7px;
   color:#fff;
    text-decoration:none;
}
.tab-table-list li.current a span{
    border-right:none;
}
.tab-table-list li a:hover{
    text-decoration:none;
}

.mar-box{
    height:178px;
    position:relative;
}
.share-earn span a{
    margin:3px 0 0 10px;
}
.declare{
    background:#ffffe5;
    border:1px solid #ffcc7f;
    margin-top:20px;
    padding:8px 5px;

}
.declare span{
    float:left; 
    padding-left: 3px;
    width: 675px;
}
em.lamp{
    background-position:-336px -6px;
    float:left;
    width:14px;
    height:18px;
}
.no-padding{
    padding:0;
}
/* 成功 */

.notice-earn{
    background:none;
    border:1px solid #f8f8f8;
    margin:30px 10px 0;
    overflow:hidden;
}
#xboxWrap .notice-earn{
    border:1px solid #fff;
}
#xboxWrap .ui-state-warn,#xboxWrap .ui-state-info{
    border:none;
    margin:25px 0;
}
.ui-notice-btn{
    margin:30px 0;
    line-height:28px;
}
.ui-notice-btn .earn-point,.ui-notice-btn .query-point{
    float:left;
}
.ui-notice-btn .earn-point{
    margin-right:20px;
}
.ui-notice-content span{
    color:#ff6600;
}
.ui-notice-btn .link-text{
    margin-left:10px;
}
.share-earn-success{
    position:relative;
    margin-top:10px;
    overflow: hidden;
}
.bg-yellow{
    background:#ffffa4;
}
.similar-task{
    border-top:1px dotted #ccc;
    margin:30px 10px 20px;
    overflow:hidden;
}
.similar-task h3.item-title{
    margin:60px 40px 15px;
    font-size:14px;
    font-weight:700;
}
.similar-task .ui-list-imgRow{
    padding:10px 0 20px 45px;
}
.notic-wrap{
padding:14px 0 0 100px
}
.panel-content .tab-content-view{
    display:none;
}

i.research,i.airplane,i.lottery{
	background:url("https://i.alipayobjects.com/e/201307/iNgNw83QN.png") no-repeat 0 7px transparent;
	height: 22px;
	margin-right: 8px;
  width: 18px;
	display: block;
	float: left;
	}

i.airplane{
	background-position: -23px 7px;}

i.lottery{
	background-position: -50px 7px;}

.concern-box-s{
	background:url("https://img.alipay.com/sys/pointprod/style/ico-earn-nav.png") no-repeat 0 -23px transparent;
	height: 40px;
	margin-bottom: 10px;
	padding-left: 52px;
	line-height: 40px;
	color: #c5225f;}
	
	.concern-box-s .concern-btn{
	display: inline-block;
    float: right;
    margin: 8px 30px 8px 8px;}
	

/** end ---page-earn.css---*/
/**Last Changed Author: svnsync--Last Changed Date: Thu Jul 25 17:02:51 CST 2013**/
/**pointndcprod.earn-1.2**/
/** CurrentDeveloper: pointndcprod**/
/** DeployDate: Mon Jul 29 16:31:32 CST 2013**/