@charset "utf-8";
/* Classinfo-CSS Document */

/******************** 任务首页主体 ********************/
/*****选项卡*****/
.item-tab { border-bottom:#DD2727 2px solid; height:37px; border-radius:0; margin-bottom:10px;}
.item-tab span{ float:right; padding-right:10px; line-height:35px; font-size:14px; color:#DD2727; font-weight:bold;}
.item-tab ul {padding-inline-start:0; margin-bottom: 0; padding-left:5px;}
.item-tab ul li {list-style-type:none; background:#FFF; float:left; height:35px; line-height:35px; cursor:pointer; margin-right:10px;}
.item-tab ul li a { padding:3px 15px 0 15px; font-weight:bold; color:#666;}
.item-tab .current { background:#DD2727;} 
.item-tab .current a { color:#fff;}
@media screen and (max-width: 550px) {
    .item-tab { height:32px;}
	.item-tab ul li {height:30px; line-height:30px; font-size:0.8em;}
}

/*****广告位开始*****/
.adfloat{ position:absolute;top:0px; right:0px; width:120px; z-index:999; height:20px; overflow:hidden;}
.adfloat p.divclose{ height:20px; background:url(../img/adfloatbg.png) no-repeat;}
.adfloat p.divshow{ height:20px; background:url(../img/adfloatbg.png) no-repeat 0px -20px; font-size:12px; padding-left:17px; line-height:19px; color:#fff;}

.ad_260x170 {margin:10px auto 0 auto; width:100%; height:170px; overflow: hidden; clear:both; position:relative;}
.ad_260x170 img { width:100%; height:170px;}


/*****轮播*****/
#carousel_box { margin:0;}
#carousel_box img { width:1140px; height:auto;}
.carousel_title { margin-top:3px; width:100%; height:2em; line-height:2em; text-align:center; background-color:#626262; font-size:16px; font-weight:500; color:#FFF;}
.carousel-inner .item img { max-width:860px; max-height:300px;}
@media screen and (max-width: 768px) {
    .carousel_title { font-size:12px; top:5px;}
    .carousel-inner .item img { max-height:150px;}
}


/*****选项区开始*****/
.classdiv { position:sticky; overflow:hidden; top:55px; z-index :99;}
.class-nav { line-height:30px; background:#d9edf7; padding:0 10px; border:1px solid #337ab7; margin-top:10px;}
.class-nav a { margin-right:10px; color:#333; text-decoration:none;}
.class-nav a:hover { color:#f11f11;}
.class-nav em { float:right;}
#class-nav-content1, #class-nav-content2 {display:none; background:#fff; line-height:30px; border:1px solid #dcdcdc; margin-top:5px; padding-left:10px;}  /* 初始状态隐藏 */
#class-nav-content1 a, #class-nav-content2 a { display:inline-block; margin-right:15px;}


/*****风险提示*****/
.tip-url {display:block; border-radius:5px; line-height:30px; background-color:#337ab7; margin: 10px 0; padding:3px 10px; color:#FFF; text-align:center;}
.tip-url:hover { background-color:#187BF3; color:#FFF;}
.tip-url-green {display:block; border-radius:5px; line-height:30px; background-color:#090; margin: 10px 0; padding:3px 10px; color:#FFF; text-align:center;}
.tip-url-green:hover { background-color:#0C3; color:#FFF;}
.tip-red { line-height:30px; background-color:#DD2727; margin: 10px 0; padding:3px 10px; color:#FFF; text-align:center;}
.tip-green { line-height:30px; background-color:#BFB; margin: 10px 0; padding:3px 10px; color:#060; text-align:center; font-weight:bold; border:1px solid #060;}
@media screen and (max-width: 768px) {
    .tip-red {line-height:20px; text-align:left; font-size:14px;}
    .tip-green {line-height:20px; text-align:left; font-size:14px;}
}

/*****任务列表*****/
.task-list { list-style-type:none; padding-left:0;}
.task-itme { margin-top:10px; border:1px solid #DDDDDD; background-color:#FFFFFF; padding:0px 15px; border-radius:5px;}
.task-itme:hover { border:1px solid #c4e3f3; background-color:#d9edf7;}
.task-itme h4 a { line-height:25px; font-weight:bold; color:#333; text-decoration:none;}
.task-itme h4 .typespan { color:#F60;}
.task-itme h4 a:hover { color: #218BC3;}

.task-itme p { margin-top:5px; padding-left:10px;}

.span_font_red { color:#EE2626; font-weight:bold;}
.span_font_yellow { color:#F60; font-weight:bold;}
.span_font_blue { color:#39F; font-weight:bold;}
.span_font_green { color:#060; font-weight:bold;}

.span_tip {padding:3px 5px; color:#FFF; font-size:0.6em; margin-left:10px;}
.span_bigtip {padding:6px 12px; color:#FFF; font-size:14px; width:82px; text-align:center;}
.bg_green {background:#093;}
.bg_wathet {background:#3CC;}
.bg_blue {background:#09F;}
.bg_orange {background:#F90;}
.bg_purple {background:#C06;}
.bg_brown {background:#C33;}
.bg_lightgray {background:#999;}
.bg_gray {background:#666;}

@media screen and (max-width: 768px) {
    .task-itme h4 a { font-size:14px;}
    .task-itme h4 .typespan { font-size:14px;}
    .task-itme p { font-size:10px;}
}


/*****分页*****/
.pagingbox { text-align:center;}
@media screen and (max-width: 360px) {
    .phonehide { display:none;}
}


/*****右侧边栏*****/
.sidebox { border:solid 1px #DDDDDD; padding:0; background-color:#FFFFFF; width:100%;}
.sidebox .tip { background-color:#DD2727; height:42px; line-height:42px; color:white; padding-left:10px; border-radius:0px;
           font-size:18px; border-top: solid 3px #f7ba01; }
.sidebox ul { list-style:none;  padding:0 10px;}
.sidebox ul li { line-height:25px; padding:5px 10px 5px 20px; background:url(../img/hot18.png) no-repeat 0px 9px; border-bottom:2px solid #DDD;}


/******************** 任务详情页 ********************/
.task-detail { border:1px solid #DDDDDD; background-color:#FFFFFF; margin:0 0 10px 0; padding:0px 20px 0px 20px;}
.task-detail .title { font-size:24px; color:#000000; font-weight:bold; padding:20px 0 10px 0; border-bottom:3px solid #DDDDDD; border-radius:0;}

.task-detail .profile, .task-detail .content { padding: 10px 0; width:100%;}
.task-detail .content img { max-width:100%; display: block; margin: 10px 0;}
.task-detail .autopass_icon { width:150px; height:150px; background:url(../img/autopass_icon150.png) no-repeat 0px 0px; position:absolute; top:10px; right:35px; z-index:999;}

.comment-box-area {margin-top:10px; width:100%; height:100px; padding:5px 10px; border:2px #ddd solid; resize:none;}
/*上传图片开始*/
.up-picbox { margin:0;}
.item-picbox { width:70px; height:70px; float:left; margin:10px 10px 0 0; verflow:hidden; position:relative; display: inline-block;}
.item-picbox img { width:70px; height:70px; border:1px #DDD solid;}
.delete-button { position: absolute; top:3px; right:3px; background:url(../img/del_15x15.png); width:15px; height:15px; border:none; font-size:14px;}
/*上传图片结束*/

@media screen and (max-width: 768px) {
    .task-detail { padding:0px 10px 0px 10px;}
    .task-detail .title { font-size:16px;}
    .task-detail .profile, .task-detail .content { font-size:12px;}
    .task-detail .autopass_icon { width:80px; height:80px; background:url(../img/autopass_icon80.png) no-repeat 0px 0px; position:absolute; top:25px; right:35px; z-index:999;}
}

/******************** 浏览广告列表页 ********************/
/*****浏览广告列表*****/
.browse-list { list-style-type:none; border:1px solid #DDDDDD; background-color:#FFFFFF; padding:10px 15px; border-radius:5px;}
.browse-item { line-height:40px; font-size:18px; border-bottom:2px solid #e7e7e7;}
.browse-item:hover { border-bottom:2px solid #218BC3;}
.browse-item a { font-weight:bold; color:#333;}
.browse-item:hover a { color: #218BC3;}

.browse-item-visited { line-height:40px; font-size:18px; border-bottom:2px solid #e7e7e7;}
.browse-item-visited a { font-weight:bold; color:#999;}
.browse-item-visited:hover a { color: #888;}

/*****广告浏览页*****/
.bottom_nav { height:60px; background:url(../img/browse_bottom60.png) repeat}
.bottom_nav p { line-height:60px; text-align:center;}


/******************** 推广首页主体 ********************/
.recommendbox { padding:10px; background:#FFF;}
.imgbox { width:300px; float:left;}
.imgbox img { width:100%;}

.ipt { height:30px; line-height:30px; padding:3px 5px; border:1px solid #DDD;}
.linkbox { width:820px; max-width:100%; float:right;}
.linkbox p { line-height:20px;}
.linkbox p span { font-size:1.2em; font-weight:bold;}
@media screen and (max-width: 1366px) {
    .imgbox { width:300px;}
}
@media screen and (max-width: 1024px) {
    .imgbox { width:280px;}
	.linkbox { width:635px;}
}
@media screen and (max-width: 768px) {
    .imgbox { width:245px;}
	.linkbox { width:460px;}
	.linkbox p { font-size:14px;}
}
@media screen and (max-width: 500px) {
    .imgbox { width:100%}	
}

.span_red { color:#e24d46; font-size:1.1em; font-weight:bold; margin:0 5px;}

.overviewbox { background:#d9edf7; border:1px solid #337ab7; line-height:30px; margin-top:10px; padding:0 5px; text-align:center; font-size:14px;}

/*表格开始*/
.tablebox {width:100%; margin:0 auto; overflow:scroll; font-size:14px;}
.tablebox table { margin-top:8px; border-color:#C9C9C9;}
.tablebox table th { background:#F8F8F8; font-weight:bold; text-align:center;line-height:35px;}
.tablebox table td { background:#fff; padding:8px 5px; text-align:center; line-height:20px; vertical-align:middle;}
/*表格结束*/