[v-cloak]{display:none;}
body{ background: #f3f5f6;}
.clearfix,ul,dl{ zoom:1;}
.clearfix:after,ul:after,dl:after{ content: ""; display:block;clear: both; height:0; visibility: hidden;}
.w_main{ width:1000px;margin:15px auto; font-family: '微软雅黑', '宋体';}
.w_nav{display:block;width:100%;height:40px;text-align: right; }
.w_nav .nav_item{display:inline-block; font-weight: bold; padding:0 20px;background:transparent;line-height:38px;color:#333333;font-size:18px;text-decoration: none;}
.header1 .w_nav .nav_item,.fix .w_nav .nav_item{color:#fff;}
.header .w_nav .nav_item.active,.header .w_nav .nav_item:hover{ border-radius:40px; border-radius: 40px; background:#fff;color:#f7a45d;}
.city_wrap{ background: #fff; padding: 8px; margin-top:10px;}
.mid_wrapper{ padding:8px 0 10px 70px; position: relative; border-bottom: 1px solid #b7b7b7;}
.mid_wrapper:last-child{border-bottom: none;}
.st_title{ position: absolute; top:8px; left:0; color: #333; line-height: 24px;}
.tn_font a{  color: #666; line-height: 24px;}
.w_main .line{ border: 1px solid #ff9900; margin: 10px 0; overflow: hidden;}

/*喵任务列表*/
.miao_task .miao_list,.miao_task .miao_detail{ float: left; width: 674px;}
.miao_task .miao_detail{ width: 698px;}
.miao_task .tab{ border-left:1px solid #e4e4e4;}
.miao_task .tab a{ display: block; width: 128px; height:34px; line-height: 34px; float: left; text-align: center; font-size: 14px; color: #333; background: #fff; border:1px solid #e4e4e4; border-left:none;}
.miao_task .tab a.active{ background:#ff9900; color: #fff;}
.miao_task .panel ul.list{ background: #fff;}
.miao_task .panel .list li{ min-height: 40px; padding: 10px; border-bottom: 1px solid #e4e4e4; display: block; position: relative; padding-left: 70px;}
.miao_task .panel .list li:last-child{ border-bottom: none;}
.miao_task .panel li .type{ position: absolute; width: 40px; height:40px; top:18px; left: 18px;}
.miao_task .panel li .type1{ background: url("../img/miaotask/icon_register.png") center no-repeat;}
.miao_task .panel li .type2{ background: url("../img/miaotask/icon_spread.png") center no-repeat;}
.miao_task .panel li .type3{ background: url("../img/miaotask/icon_survey.png") center no-repeat;}
.miao_task .panel li .type4{ background: url("../img/miaotask/icon_creditcard.png") center no-repeat;}
.miao_task .panel li .type5,.miao_task .panel li .type0{ background: url("../img/miaotask/icon_other.png") center no-repeat;}
.miao_task .panel li .info h3{ font-size: 16px; line-height: 36px; font-weight: normal;}
.miao_task .panel li .info a{ color: #333;}
.miao_task .panel li .info span{ display: inline-block; height: 16px; line-height: 16px; padding: 0 8px; border-radius: 16px; border: 1px solid #ff9900; color: #ff9900; font-size: 12px; margin-left:8px;}
.miao_task .panel li .info_bot div{ float: left; padding-right: 26px;}
.miao_task .panel li .price{ color:#ff0000;}
.miao_task .panel li .num{ color:#999999;}
.miao_task .sider_ad{ float: right; width: 268px; margin-top: 35px; padding: 22px 22px 0 22px; background: #fff;}
.sider_ad p{ font-size: 14px; color: #747474; line-height: 160%; margin-bottom: 20px;}
.sider_ad li{ position: relative; padding-left: 75px; line-height: 60px; color: #6f420a; font-size: 14px; margin-bottom: 30px;}
.sider_ad li img{ position: absolute; top: 0; left: 0; width: 60px; height:60px;}

/*喵任务详情*/
.miao_desp{ padding: 24px 30px; background: #fff; margin-bottom: 12px;}
.miao_desp h2{ color: #333333; font-size: 22px; line-height: 36px; font-weight: normal;}
.miao_desp h2 span{ padding: 0 5px;}
.miao_desp h2 span.oldprice{ font-size: 14px; color: #a9a9a9; text-decoration: line-through;}
.miao_desp h2 span.price{ color:#ff344d;}
.miao_desp h5{ font-size: 13px; color: #999999; font-weight: normal; padding-bottom: 34px;}
.task_btn{ float: right; position: relative;}
.task_btn a{ width: 132px; height:36px; line-height: 36px; display: block; background: #ff923a; border-radius: 4px; color: #fff; text-align: center; font-size: 18px;}
.task_btn p{ color: #fe7418; font-size: 13px; text-align: right; padding-top: 4px;}
.miao_code{ position: absolute; width: 140px; padding: 14px; background: #fff; top: 40px; left: 50%; margin-left: -84px; border: 1px solid #ccc;}
.miao_code p{ color:#333; font-size: 16px; text-align: center; }
.miao_desp h6,.miao_step h6{ border-left: 3px solid #ff923a; height:18px; line-height:18px; color: #ff923a; font-size: 18px; padding-left: 8px; margin-bottom: 12px;}
.miao_desp pre{white-space: pre-wrap; line-height: 160%; font-family:"微软雅黑"; font-size: 15px; color: #333;}
.miao_step{ padding: 24px 30px; background: #fff; }
.miao_step dl{ padding-bottom: 28px; color: #333; font-size: 15px;}
.miao_step dt{ float: left; width: 55px;}
.miao_step dd{ float: left; width: 550px;}
.miao_step .link{ margin: 8px 0 0 0; width: 156px; height: 32px; line-height: 32px; text-align: center;border: 1px solid #B3B3B3; border-radius: 4px;font-size: 15px; color: #999999;}
.miao_imgs{ padding-top: 8px; display: block;}
.miao_imgs img{ float: left; width: 80px; height: 80px; margin-right: 10px; cursor: pointer;}
.miao_step .demo_txt{ont-size: 15px; color: #666666; line-height: 15px; padding-top: 12px; display: block;}
.miao_task .recommend{float: right; width: 290px;}
.miao_task .recommend a img{ display: block;}
.recommend_list{ margin-top: 12px; padding-left: 22px; padding-top: 30px; background: #fff;}
.recommend_list h4{font-size: 18px; color: #FF923A; line-height: 18px; padding-bottom: 10px;}
.recommend_list li{ padding: 16px 20px 16px 0; border-top: 1px solid #ddd;}
.recommend_list li a{font-size: 15px; color: #333333; line-height: 160%;}
.recommend_list li a span{ float: right;color: #FF304A;}
.recommend_list li p{font-size: 13px; color: #999999; padding-top: 8px;}
.miao_desp p.ps{ color: #F72A37; line-height: 160%; margin-top: 15px;}

    /*分页*/
.pages{ margin:20px 0; color:#5D5F63; font-size:15px;}
.pages_l{ float:left;  line-height:32px;}
.pages_r{ float:right;}
.pages .pagination { float:left; padding-left: 0;border-radius: 4px;border: 1px solid #e4e4e4;}
.pages .pagination>li { float:left;border-right: 1px solid #e4e4e4;height: 32px; line-height: 32px; background:#fff;}
.pages .pagination>li:last-child{ border:0;}
.pages .pagination>li a{color:#5D5F63; font-size:15px; padding: 0 8px !important; display:block;height: 32px; line-height: 32px;}
.pages .pagination>li a:hover{ text-decoration:none;}
.pages .pagination>li.disabled{ background:#f6f6f6;}
.pages .pagination>li.disabled a{ cursor:no-drop; color: #bbb;}
.goto { float: right; height: 34px; line-height: 34px; padding-left: 15px;}
.goto_btn { background:#fff; height: 32px; line-height: 32px; padding: 0 8px; border: 1px solid #e4e4e4; border-radius: 2px; margin-left: 4px; display: inline-block; float: right;
    cursor: pointer;}
.goto div { display: inline-block;}
.goto input { height: 32px; line-height: 32px; width: 34px; border: 1px solid #e4e4e4; text-align: center; margin-left: 4px; float: right;}