html,body{ height:100%; font-size:14px; margin:0; padding:0; font-family:"Microsoft YaHei"; background:#f3f3f3 !important;}
/*通用*/
.lf,.l{ float:left}
.rt,.r{ float:right;}
.clr{ clear:both}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
a{ color:#06a; text-decoration:none; blr: expression(this.onFocus=this.blur()); outline: none;}
a:hover{ text-decoration:none;}
.mybtn{background:#39a4dc;border:none;border-radius:4px;color: #fff;cursor: pointer;font-size: 16px;height: 40px;width: 126px;}
.mybtn:hover{background:#2595D1;}
.mybtn1{ border:none; background:none; padding:0px 30px; cursor:pointer;}
.mybtn1:hover{ color:#f60}

.myipt{ padding:6px 8px; min-width:214px;}
.mytxt{ padding:10px; font-size:14px; width:70%; line-height:26px;}
.mybox{ padding:56px 0px 0px 20px; position:relative;}
.ok{background:#39a4dc;border:none;border-radius:4px;color: #fff;cursor: pointer;font-size: 16px;height: 40px;width: 126px; margin-top:-20px; margin-left:-40px;}
.ok:hover{background:#2595D1;}
.clrs{zoom:1}
.clrs:after{content:".";display:block;visibility:hidden;height:0;clear:both}
.mt20{ margin-top:20px;}
.dn{ display:none;}
.db{ display:block !important;}
.btn-cheng{display:inline-block;margin:0 10px;padding:0 26px;height:42px;min-width:100px;border-radius:3px;background:#fdad30;color:#fff;text-align:center; font-size:18px;cursor:pointer;zoom:1}

.tkbtn1{background:#fdad30; color:#fff; border:none; font-size:16px; padding:8px 20px; border-radius:4px; cursor:pointer;}
.tkbtn1:hover{background:#ff9900;}
.tkbtn2{background:#5ab8ee; color:#fff; border:none; font-size:16px; padding:8px 30px; border-radius:4px; cursor:pointer;}
.notdata{ min-height:394px; color:#999 !important;  font-size:16px; text-align:center; background:#fff !important; }
.notdata i{ display:block; margin:50px 0 20px 0; height:200px; background:#fff url(../images/task/nsbg.png) center no-repeat ;}
.nologin{ display:none;text-align:center; color:#F14503; padding:10px 0px; background:#f9f9f9; margin:10px 0; background:#FFF7F4}

/* 头像版用户正在进行中 */
.uszt{ float:right; position:relative; padding:4px 8px 4px 20px; font-size:12px; margin-top:16px; color:#2E9AF7; background:#F2F4F7 ; border-radius:50px;}
.uszt img{ position:absolute; width:32px; height:32px; left:-21px; top:-8px; border-radius:100px; border:4px solid #F2F4F7;}

.uszt2{ float:right; position:relative; padding:4px 8px 4px 20px; font-size:12px; margin:-8px -10px 0 0; color:#2E9AF7; background:#F2F4F7 ; border-radius:50px;}
.uszt2 img{ position:absolute; width:32px; height:32px; left:-20px; top:-7px; border-radius:100px; border:4px solid #F2F4F7;}

.w1200{ width:1200px;  margin:0 auto; position:relative;}

/*======== 用户 =======*/
.logged-isexer .user{padding:20px 0 10px;background-color:#fff}
.logged-isexer .user img{display:block;margin:0 auto; width:80px;height:80px;border-radius:50%}
.logged-isexer .user .user-info{ text-align:center; padding-top:6px;}
.logged-isexer .user .user-info a.nickname{  margin-top:4px;font-size:15px;color:#666;line-height:2;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.logged-isexer .user .user-info a.nickname:hover{color:#06a}
.logged-isexer .user .user-info p.flag{font-size:14px;color:#999;text-align:left;line-height:1.8}

.logged-isexer .line{height:10px;background:#f3f3f3 url(../images/task/line1.png) no-repeat center top;}
.logged-isexer .ex-detail{ margin-top:10px; background-color:#FAFAFA; border-top:1px solid #eee;}
.logged-isexer .ex-detail span.detail{line-height:1;width:33%;float:left;height:60px;padding:0;margin:0;text-align:center;border-left:1px solid #ececec;margin-left:-1px}
.logged-isexer .ex-detail span.detail .number{font-size:14px;color:#666;height:36px;line-height:36px}
.logged-isexer .ex-detail span.detail .title{font-size:12px;color:#b5b5b5}
.logged-isexer .ex-detail p{text-align:center;padding:15px 0 10px}
.logged-isexer .ex-detail p a{color:#06a;font-size:12px}

/*========详情页=======*/
.wcmsg{ display:none; text-align:center; color:#f14503; padding:20px 0; font-size:15px;}
.crumbs{ font-size:14px; margin:-6px 0 10px; color:#888;}

.info{width:930px}

.task-info{background:#fff;margin-bottom:14px;display:block;zoom:1}
.task-info .task-title{height:46px;padding:8px 15px 8px 15px;background:#fff; border-left:8px solid #63A7F0; border-bottom:1px solid #eee; display:block;zoom:1}
.task-info .task-title h2{font-size:17px; padding-bottom:4px}
.task-info .task-title p{display:block;font:400 12px/18px "Microsoft YaHei",Simhei,Arial,Helvetica;color:#999}
.task-info .task-title p span{margin-right:20px}

/*奖励说明*/
.reward-layout{padding:20px 40px 0 80px;display:block;zoom:1}
.reward-layout:after{content:".";height:0;line-height:0;font-size:0;display:block;clear:both;overflow:hidden;visibility:hidden}
.reward-layout .reward-item{width:47%;float:left;margin-right:20px;margin-bottom:20px;display:block;zoom:1}
.reward-layout .reward-item:after{content:".";height:0;line-height:0;font-size:0;display:block;clear:both;overflow:hidden;visibility:hidden}
.reward-layout .reward-item .itembox{display:block;float:left;width:60px;height:60px;overflow:hidden}
.reward-layout .reward-item .itembox.item-xj{background:url(../images/task/s1.png) no-repeat center center;text-indent:-9999px}
.reward-layout .reward-item .itembox.item-jf{background:url(../images/task/sk1.png) no-repeat center center;text-indent:-9999px}
.reward-layout .reward-item .itembox.item-zl{background:url(../images/task/s3.png) no-repeat center center;text-indent:-9999px}
.reward-layout .reward-item .itembox.item-md{background:url(../images/task/s2.png) no-repeat center center;text-indent:-9999px}
.reward-layout .reward-item .itembox.item-lp{background:url(../images/task/s5.png) no-repeat center center;text-indent:-9999px}
.reward-layout .reward-item .itembox.item-jy{background:url(../images/task/sk2.png) no-repeat center center;text-indent:-9999px}
.reward-layout .reward-item .itembox.item-xz{background:url(../images/task/s7.png) no-repeat center center;text-indent:-9999px}
.reward-layout .reward-item .raward-det{margin-left:70px}
.reward-layout .reward-item .raward-det h3{font-size:16px;color:#333;line-height:2;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reward-layout .reward-item .raward-det h3 b{color:#f06613;font-weight:400}
.reward-layout .reward-item .raward-det h3 a{color:#06a}
.reward-layout .reward-item .raward-det p{font-size:12px;color:#999;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reward-layout .reward-item .raward-det p a{color:#06a}
.raiders-layout{display:block;zoom:1; padding:0 20px; min-height:200px;}
.raiders-layout:after{content:".";height:0;line-height:0;font-size:0;display:block;clear:both;overflow:hidden;visibility:hidden}
.raiders-layout .edit-area{margin:20px auto;word-break:break-all;word-wrap:break-word;display:block;zoom:1;font:400 16px/150% "Microsoft YaHei",Simhei,Arial,Helvetica;color:#666}
.raiders-layout .edit-area:after{content:".";height:0;line-height:0;font-size:0;display:block;clear:both;overflow:hidden;visibility:hidden}
.raiders-layout .edit-area p{margin:15px auto}
.raiders-layout .edit-area img{max-width:890px}
.raiders-layout .raiders-loads{display:block;zoom:1;padding:15px;background:#f3f3f3;border:1px solid #f2f2f2;margin-top:20px}
.raiders-layout .raiders-loads:after{content:".";height:0;line-height:0;font-size:0;display:block;clear:both;overflow:hidden;visibility:hidden}
.raiders-layout .raiders-loads a{text-decoration:none;color:#666;font-size:14px}
.raiders-layout .raiders-loads a span{margin:1px 10px 0 0}
.raiders-layout .raiders-loads a b{font-weight:400;line-height:1}
.raiders-layout .raiders-loads a:hover{text-decoration:none;color:#0B8DD6}

/*进度*/
.task-part{background:#fff;margin-bottom:14px;display:block;zoom:1;padding:0 20px}
.task-part:after{content:".";height:0;line-height:0;font-size:0;display:block;clear:both;overflow:hidden;visibility:hidden}
.task-part .task-title{display:block;zoom:1;height:56px;border-bottom:1px solid #ebebeb; position:relative;}


.task-part .task-title:after{content:".";height:0;line-height:0;font-size:0;display:block;clear:both;overflow:hidden;visibility:hidden}
.task-part .task-title .icon{width:4px;height:26px;overflow:hidden;margin:16px 14px 0 0;float:left}
.task-part .task-title .reward{background:url(../images/task/task-i-reward.png) no-repeat center center}
.task-part .task-title .theme{background:url(../images/task/task-i-theme.png) no-repeat center center}
.task-part .task-title .raiders{background:#70ADF0;}
.task-part .task-title .progress{background:#70ADF0}
.task-part .task-title .speech{background:url(../images/task/task-i-speech.png) no-repeat center center}
.task-part .task-title .through{background:url(../images/task-i-through.png) no-repeat center center}
.task-part .task-title .name{color:#666;font:400 16px/56px "Microsoft YaHei",Simhei,Arial,Helvetica;float:left}
.task-part .task-title .dec{color:#999;font:400 12px/56px "Microsoft YaHei",Simhei,Arial,Helvetica;float:left;margin-left:10px}
.task-part .task-cont{display:block;zoom:1;padding:20px 0}
.task-part .task-cont:after{content:".";height:0;line-height:0;font-size:0;display:block;clear:both;overflow:hidden;visibility:hidden}
.task-part.task-part-theme{border-left:3px solid #189ae5}
.task-part.task-part-theme.task-part-theme-1{background:#fff url(../images/task/i-056.png) no-repeat 760px 60px}
.task-part.task-part-theme.task-part-theme-2{background:#fff url(../images/task/i-055.png) no-repeat 760px 60px}
.task-part .else-info{display:block;float:right;line-height:51px;font-size:12px;color:#b5b5b5}
.task-part .else-info .done-num{margin-right:15px}
.task-part .else-info .done-num em{color:#f06613}
.task-part .else-info .degree{display:inline-block;margin-right:15px}
.task-part .else-info .degree em{font:400 12px/50px "Microsoft YaHei",Simhei,Arial,Helvetica;color:#ff9000;float:right}
.task-part .else-info .degree .leve{height:16px;display:block;float:right;background:url(../images/task/star.png) repeat;margin-top:17px;margin-left:5px}
.task-part .else-info .degree .lv-1{width:20px}
.task-part .else-info .degree .lv-2{width:40px}
.task-part .else-info .degree .lv-3{width:60px}
.task-part .else-info .degree .lv-4{width:80px}
.task-part .task-dinfo h2{font-size:18px;font-weight:700;color:#333;line-height:1;padding:20px 0}
.task-part .task-dinfo p{font-size:14px;color:#999;padding-bottom:25px}

.speed-progress{text-align:center;display:block;zoom:1;margin:20px auto}
.speed-progress:after{content:".";height:0;line-height:0;font-size:0;display:block;clear:both;overflow:hidden;visibility:hidden}
.speed-progress .status{width:44px;display:inline-block;zoom:1}
.speed-progress .status em{width:36px;height:36px; line-height:36px; font-size:20px; overflow:hidden;border-radius:100%;display:block; font-weight:bold; Font-style:italic; text-align:left; text-indent:10px;color:#ccc;margin-bottom:10px}
.speed-progress .status b{width:144px;display:block;margin-left:-50px;text-align:center;font:400 14px/30px "Microsoft YaHei",Simhei,Arial,Helvetica}
.speed-progress .status em.unk{background:#fff;border:2px solid #ddd}
.speed-progress .status em.done{background:#179be6;border:7px solid #fff}
.speed-progress .status em.now{background:#179be6 url(../images/task/success.png) no-repeat center center;border:7px solid #dcf0fb;text-indent:-9999px}
.speed-progress .status b.unk{color:#b5b5b5}
.speed-progress .status b.done{color:#b5b5b5}
.speed-progress .status b.now{color:#179be6}
.speed-progress .line{width:156px;display:inline-block;zoom:1;margin:0 5px}
.speed-progress .line span{width:156px;height:4px;border-radius:4px;display:block;margin-top:-54px}
.speed-progress .line span.unk{background:#f3f3f3}
.speed-progress .line span.done,.speed-progress .line span.now{background:#ddf1fc}

.mastReceive{display:block;zoom:1;text-align:center}
.mastReceive:after{content:".";height:0;line-height:0;font-size:0;display:block;clear:both;overflow:hidden;visibility:hidden}
.mastReceive p{font:400 12px/40px "Microsoft YaHei",Simhei,Arial,Helvetica;color:#b5b5b5}

.lingqu{ position:relative; overflow:hidden;transition: all .4s;}
.lingqu:hover{box-shadow: 0px 3px 8px -2px rgba(50,50,50,0.6); font-size:20px; padding:0 40px;}
.lingqu em{ position:absolute; z-index:9; width:100%; text-align:center; left:0;}
.lingqu i{ position:absolute; width:0%; height:0%; background:#FE9310; right:0; bottom:0;  border-radius:100px; transition: all .3s;}
.lingqu:hover i{ width:220px; height:180px; bottom:-50px; right:-10px; background:#FF7B0F;}


/*倒计时*/
#countdown{ display:inline-block;margin:0 auto; margin-top:12px;  font-family:Arial; color:#189ae5; position:relative;}
.dash{ display:inline-block;  height:80px; background:#f6f6f6; margin:0 5px; padding:4px 16px 0 16px; border-radius:5px; border:1px solid #ddd; box-shadow: 0px 2px 4px -2px rgba(50,50,50,0.4); position:relative}
.dash .digit{font-size:40px;font-weight:bold; font-family:Arial;float:left; text-align:center; position:relative; }
.dash_title{position:absolute;display:block;bottom:6px; left:0;text-align:center; width:100%; text-align:center;font-size:14px;color:#666}



.countdown,.countdown2{display:inline-block;margin:30px auto 30px auto; color:#7E8FA2; list-style:none; padding-left:20px;  text-align:center; position:relative;}
.countdown li,.countdown2 li{display:inline-block}
.countdown li span,.countdown2 li span{font-size:50px; display:inline-block; font-weight:400; border-radius:8px;  width:90px; padding:10px 0;  background:#F9FBFF; border-bottom:4px solid #E3EBF8;  text-align:center; margin:0 8px; }
.countdown li.seperator,.countdown2 li.seperator{font-size:16px; color:#999;  padding:50px 4px 0 4px; vertical-align:top;}
.countdown li p,.countdown2 li p{color:#666;font-size:14px; padding-top:6px;}
.countdown .jitxt,.countdown2 .jitxt{ position:absolute; width:40px; left:0; top:-12px; padding:2px 0; color:#fff; background:#fdaa30; font-size:14px;border-radius:60px; border:4px solid #fff; z-index:9;}



 

/*======== 首页 =======*/
.task{}

/*左侧*/
.sidebar{width:150px; background:#fff;}
.sidebar ul{width:150px; height:460px;background:#fff; position:fixed;padding:10px 0 20px; overflow:hidden;}
.sidebar li{display:block;}

.sidebar li a{padding:9px 10px 9px 22px;color:#888; display:block; font-size:13px; border-left: 2px solid #fff;}
.sidebar li a.lv:hover{color:#189ae5; background:url(../images/task/i-sj.png) right center no-repeat; text-decoration:none;}
.sidebar li a.on{ color:#189ae5; background:#e8f7ff url(../images/task/i-sj.png) right center no-repeat !important; border-left: 2px solid #189ae5;text-decoration:none;}


.sidebar li a.me:hover{color:#FD8602; background:url(../images/task/i-sj2.png) right center no-repeat; text-decoration:none;}
.sidebar li a.onme{ color:#FD8602; background:#FEF7F1 url(../images/task/i-sj2.png) right center no-repeat !important; border-left: 2px solid #FD9F36;text-decoration:none; }

.sidebar li img{vertical-align:middle;margin-right:6px; width:16px; height:16px;}
.bang_main .col-dl{margin:10px 10px 0 0;}
.bang_main dt{font-size:12px;border-bottom:1px #666 solid;padding:6px 0  0;}
.bang_main dl .l{width:500px;margin-right:10px;}
.bang_main dd {border-bottom:1px #ccc dashed;padding-top:10px;padding:10px 0 2px 0;overflow:hidden;zoom:1;}
.bang_main dd a{float:left;}
.bang_main dd a.l img{ vertical-align:middle; margin-right:4px;}
.sidebar ul{}
.sidebar h2{ font-size:18px; background:#fafafa; padding:10px 0px 10px 34px; font-weight:bold; border-bottom:1px solid #e6e6e6;}

.sidebar i{ display:block; margin:10px 20px 16px 20px; height:1px; background:#ddd;}
.sidebar span{ display:block;  font-size:15px; font-weight:bold; padding:0 0 12px 20px; color:#888;}

/* 右侧 */
.myuser{width:240px; position:absolute; right:0;}
.myuser .fudong{background:#fff;width:240px; height:200px;  position:fixed;}

.task_paihang{ width:100%;}
.task_paihang h5{ background:#fafafa; text-align:center; color:#6C737F;font-size:14px; padding:10px 0; margin-top:12px; border-bottom:1px solid #eee;}
.task_paihang .phlist{ background:#fff; font-size:12px;}
.task_paihang .phlist th{ color:#8192A4; padding-top:8px;}
.task_paihang .phlist td{ vertical-align:middle; padding:7px 0; color:#8192A4;}
.task_paihang .phlist .face{ width:22px; height:22px; display:inline-block; vertical-align:middle; border-radius:50px;}
.phlist .inum{ width:14px; height:14px; display:inline-block; vertical-align:middle; padding:0 4px 0 10px;}
.phlist .tail{ display:inline-block; vertical-align:middle; width:80px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


/*fenye*/
#fenye{padding-top:10px; line-height:18px;height:18px; margin-bottom:40px; text-align:center;}
#fenye a,#fenye span{display:inline-block;padding:8px 14px;margin:0 8px 0 0; border-radius:4px;}
#fenye a{ background:#fff; color:#666; border-radius:4px; border:1px solid #ccc;}
#fenye a:hover{background:#1898e4; color:#fff;border:1px solid #1898e4; }
#fenye span{color:#999; background:#fff;}
#fenye span.on{background:#1898e4; color:#fff;border:1px solid #1898e4; }


/*== 中间 ==*/
.list{ width:770px; margin-left:170px; min-height:820px; position:relative;}

/*导航*/
.list .tknav{ position:fixed; width:770px; height:44px; background:#fff; z-index:99;  }
.list .tknav a{ display:block; background:#fff; border-bottom:none;margin-top:0;  color:#333; font-size:15px; float:left; height:44px; line-height:44px; padding:0 28px; }
.list .tknav a:hover{color:#63A7F0; }
.list .tknav a.cur{font-size:15px; color:#fff; background:#63A7F0; font-weight:bold;}
.wode{ background:#fdad30 !important; border:1px solid #fdad30 !important; border-bottom:none !important; margin-top:-1px !important; margin-left:14px !important; color:#fff !important;}

.metask{border:1px solid #f9b242 !important; background:#f9b242 !important; color:##fdaa30 !important;}
.metask:hover{background:#fff !important;border-bottom:none !important; color:#fdaa30 !important;}
.metaskcur{ border-top:3px solid #fdaa30 !important; color:#fdaa30 !important; border-bottom:none !important; background:#fff !important; }

.mytknav a{ background:#fdaa30 !important; font-size:13px !important;  height:28px !important; line-height:28px !important; margin:6px 10px 0 -4px!important; font-weight:normal !important; border:1px solid #fdaa30 !important; padding:0 6px !important;}
.mytknav a:hover{background:#fff !important; color:#fdaa30 !important; border:1px solid #fdaa30 !important; border-bottom:none !important;}
.mytknav a.mynavcur{ border:none !important; border-top:2px solid #fdaa30 !important; margin-top:4px !important; font-weight:bold !important;  border-radius:5px 5px 0 0;color:#fdaa30 !important;padding:1px 8px !important; background:#fff !important; }
 
.list ul{ margin-top:56px;}
.list ul a{ display:block; color:#333; background:#fff; padding:20px; transition: all .8s; }
.list ul a:hover{ background:#F7FCFF; }
.list ul .ltil{ margin-left:100px; position:relative;}
.list ul .tit{ height:26px;border-bottom:1px solid #eee; padding:4px 0px 10px;}
.list ul .tit h5{ font-size:16px; float:left;}
.list ul .tit em{ float:left; background:#189ae5 url(../images/task/icojy.png) 3px center no-repeat; color:#fff; border-radius:4px; padding:2px 6px 2px 20px; font-size:12px; margin-left:10px;}
.list ul .tit i{ font-size:14px; color:#f06613;}
.list ul .ltil span{ display:block; font-size:13px; color:#999;padding-top:12px;}

/*未通过*/
.list .cknot{ background:#FFFAF6; padding:10px 0; text-align:center; color:#189ae5; position: relative; font-size:12px;}
.list .cknot i{ background:url(../images/task/chakan.png) left no-repeat; padding-left:22px;color:#666; cursor:pointer; position:absolute; right:140px;}
.list .cknot i:hover{ background:url(../images/task/chakan2.png) left no-repeat; color:#f14503; }
.list .cknot em{ position:absolute; color:#666; background:url(../images/task/del.png) left no-repeat; padding-left:18px; cursor:pointer; right:20px;}
.list .cknot em:hover{ background:url(../images/task/del2.png) left no-repeat; color:#f14503; }
.not_ctn{ background:#FFFAF6; padding:20px; line-height:28px; position:relative;  }
.not_ctn i{ position:absolute; height:20px; padding:0 6px; line-height:20px; right:20px; top:20px; text-align:center; font-size:12px; cursor:pointer; background:#888; color:#fff; border-radius:3px;}
.not_ctn i:hover{ background:#5AB8EE;}

/*退回 && 提交*/
.tuihui{ position: absolute; font-size:13px; right:18px; top:80px; padding:2px 0 2px 20px; color:#666;  background:url(../images/task/tui.png) left no-repeat; cursor:pointer;}
.tuihui:hover{ color:#f14503;  background:url(../images/task/tui2.png) left no-repeat; }

.icotijiao{ position: absolute;font-size:13px;  right:120px; top:80px; padding:2px 0 2px 24px !important; color:#666;  background:url(../images/task/dui.png) left no-repeat !important; transition: all 0s !important;}
.icotijiao:hover{ color:#f14503;  background:url(../images/task/dui2.png) left no-repeat !important; }
.ztxt_jx{ color:#2DB200 !important;}

/*鼠标经过动画效果*/
.list li{ position:relative;margin-bottom:12px;transition: all 1s;}
.list li:hover{box-shadow: 0px 2px 10px -2px rgba(50,50,50,0.4); }

.fl-1,.fl-4{ position:absolute; width:0%; height:1px; background:#5ab8ee;transition: all .4s;z-index:9}
.fl-4{ bottom:0; right:0;}
.list li:hover .fl-1,.list li:hover .fl-4{width:100%; }

.fl-2,.fl-3{ position:absolute; width:1px; height:0%; background:#5ab8ee;transition: all .4s; z-index:9}
.list li:hover .fl-2,.list li:hover .fl-3{height:100%; }
.fl-2{ left:0; bottom:0;}
.fl-3{ top:0; right:0;}

.list .ext1{ float:left; position:relative; font-size:12px; width:78px; height:78px; text-align:center; border-radius:16px; margin-right:16px; overflow:hidden; }
.list .ext1 b{ display:block; font-size:24px; line-height:26px; padding-top:6px;}
.list .ext1 em{ position:absolute; width:100%;  padding:2px 0; bottom:0; left:0;}
.lv-1{ background:#79c974; color:#fff; border:1px solid #79c974;}
.lv-1 em{background:#F8FDF7; color:#79c974;}

.lv-2{ background:#5ab8ee; color:#fff;  border:1px solid #5ab8ee;}
.lv-2 em{background:#F7FCFF; color:#5ab8ee;}

.lv-3{ background:#fdad30; color:#fff;  border:1px solid #fdad30;}
.lv-3 em{background:#FFFAF6; color:#fdad30;}

.lv-4{ background:#ff806f; color:#fff;  border:1px solid #ff806f;}
.lv-4 em{background:#FFF9F9; color:#ff806f;}


/*foot*/

.task_foot{ background:#fff; padding:14px 0; text-align:center; margin-top:30px;}
.task_foot a{ font-size:12px; color:#999;}
.task_foot a:hover{ color:#666;}
.task_foot em{ color:#ccc; font-size:12px; padding:0 10px;}


.theend {
    width:300px;
    margin: 50px auto 10px auto;
    text-transform: uppercase;
	position:relative; text-align:center;
}
.through span {
    display: inline-block;
    background: #fff; color:#999;
    padding: 0 10px; position:relative; z-index:2;
}
.through:after {
    content: "";
    display: block;
    width:100%; 
    height: 1px;
    background: #e8e8e8;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
}