@charset "utf-8";
*{padding: 0;margin: 0;list-style: none;}
a{text-decoration: none;color:#333}
html,body{ height:100%;}
.main-page{ height: 100%;
    position: relative;
    overflow: hidden;}
.page {
    background: #F5F5F5;
    display: block;
    width: 100%;
    height: 100%;
    position:relative;
    overflow: hidden;
    max-width: 1280px;margin: 0 auto;
    padding-bottom: 100px;overflow: auto;
  }
img{ display: block}
.wrap_header{ height: 1rem}
.header{position: relative;}

/* 焦点图 */
.index_page #banner_swiper{
    width: 100%;
    min-height: 3rem
  } 

.index_page #banner_swiper img {
    display: block;
    width: 100%;
    /* height: 3rem */
  }

.index_page .header .swiper-container .swiper-pagination-bullets{ bottom:0}
.index_page .header .swiper-pagination-bullet{ background: #ccc;opacity: 0.8;border:1px solid #ccc;}
.index_page .header .swiper-pagination-bullet-active{
      background: #FF8A4A;
  }

.index_page .menu {
    width: 100%;
    text-align: center;
    font-size: 0;
    margin-bottom: 0;
    background: #fff;
    padding: 0.2rem 0;
    }
.index_page .menu .ico{ display: block;overflow: hidden;font-size: 0;text-align: center}
.index_page .menu .ico .pic{ width: 1.2rem;display: block;margin: 0 auto 0.1rem}
.index_page .menu .ico .tit{ font-size: 0.28rem;}

.index_page .news{margin-bottom: 0.15rem;}
.index_page .news .weui-cells{margin-top: 0.15rem;}
.index_page .news .ico{ width: 0.76rem;}
.index_page .news .weui-cell__bd{ font-size: 0.25rem;height: 1rem;margin: 0 0.2rem;}
.index_page .news .weui-cell__bd p{ height: 0.75rem;overflow: hidden}
.index_page .news .weui-cell__ft{ position: absolute;
    bottom: 0.1rem;
    right: 0.65rem;
    font-size: 0.2rem;}

/* 公用标题头部 */
.index_page .list_item .hd{ position: relative;height: 0.8rem;line-height: 0.8rem}
.index_page .list_item .hd .tit{ color: #21A1EB;font-size: 0.3rem;padding-left: 0.2rem;
    font-weight: normal;position: relative;width: 5rem;
    margin-left: 0.2rem;}
.index_page .list_item .hd .tit::before{
        content: "";
        position: absolute;
        left: 0;
        top: 0.2rem;
        border-left: 2px solid #31A2ED;
        height: 0.4rem;;
    }
.index_page .list_item .hd .more{
    position: absolute;
    right: 0.2rem;
    top: 0;
    height: 100%;
    font-size: 0.28rem;
    color: #aaa;
} 
/* 首页滚动任务列表 */
.todolist_item{ background: #fff}  

.refreshtip {position: absolute;left: 0;width: 100%;margin: 10px 0;text-align: center;color: #999;font-size: 0.35rem;}
.loadtip {display: block;width: 100%;line-height: 40px;height: 40px;text-align: center;color: #999;border-top: 1px solid #ddd;font-size:0.35rem;border: 0 none;}
#todolist_item_swiper .swiper-slide{height: auto;background: #fff;}
.list-group{padding-left: 0;margin-bottom: 0px;background: #fff;}
.list-group-item{    position: relative;
    display: block;
    padding: 0.2rem 0.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size: 0.2rem;}
.list-group-item:first-child {border-top-left-radius: 4px;border-top-right-radius: 4px;}
#todolist_item_swiper{height: 3.7rem;overflow: hidden;}
#todolist_item_swiper .weui-cell{ padding: 0.1rem 0.2rem}
#todolist_item_swiper .swiper-wrapper.w{ height: 3.32rem;}
#todolist_item_swiper .weui-cell_access{ }
#todolist_item_swiper .wrap_tit_info{ float: left; width: 73%;}
#todolist_item_swiper .wrap_tit_info .tit{ font-size: 0.38rem; font-weight: normal;}
#todolist_item_swiper .wrap_tit_info .info{ font-size: 0.26rem;color: #aaa}
#todolist_item_swiper .wrap_tit_info .info span{ letter-spacing: 0.02rem;margin-right: 0.1rem}
#todolist_item_swiper .action_area{ float: right; margin-top: 0.14rem;}  
.todolist_ico{ float: left;margin-left: 0.2rem;}
#todolist_item_swiper .action_area img{ width:  0.71rem;}  

.init-loading{ text-align: center}
.list-group .weui-cells{ margin-top: 0}

/* 任务大厅滚动列表可视区域 */
.renwudating_list{height:8.6rem;overflow: hidden;}
.renwudating_list .swiper-slide{height: auto;}
.renwudating_list .swiper-wrapper.w{ height: 8.6rem;}
.renwudating_list .list-group{ background: none}

/*底部tabbar 导航 暂时去除*/
/* .page::after{ content: ".";height:2.5rem;width:100%;display: block;font-size: 0;text-align: center;
background: url("../images/index/bottom_pic.png") no-repeat 50% 0.25rem;
-webkit-background-size: auto 0.65rem;
background-size: auto 0.65rem;
} */
.weui-tabbar.footer{height: 1.1rem;}
.footer .weui-tabbar__icon{width: 0.5rem;height: 0.5rem;margin-top: 0.05rem;}
.footer .weui-tabbar__icon img{ width: 100%}
.footer .weui-tabbar__icon .tabbar_ico_off{ display:  block}
.footer .weui-tabbar__icon .tabbar_ico_on{ display: none}
.footer .weui-bar__item_on .tabbar_ico_on{ display: block}
.footer .weui-bar__item_on .tabbar_ico_off{ display:  none}

.main-page .weui-tabbar__item .weui-tabbar__label {

    font-size: 0.26rem;
}
.main-page .weui-tabbar__item.weui-bar__item--on .weui-tabbar__label {
    color: #009AE9;

}
.page::-webkit-scrollbar{
    width: 0rem;height: 0rem;background: none
}
.page::-webkit-scrollbar-thumb{
    width: 0rem;height: 0rem;background: rgba(0, 0, 0, 0.1);display: none
}
.page::-webkit-scrollbar-button{
   opacity: 0;
}
.page::-webkit-scrollbar-corner{
    opacity: 0;
}

/* 选项卡 */
.tabs{         
	position: relative;   
    height: 100%;
}
.tabs_navbar{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: fixed;
    /* z-index: 500; */
    top: 1rem;
    width: 100%;
}    
.tabs_navbar::after{
	content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #ccc;
    color: #ccc;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}    
.tab_con{
    box-sizing: border-box;
    height: 100%;
    -webkit-overflow-scrolling:touch;
}
.tabs_navbar_item{ position: relative;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 0.23rem 0;
    text-align: center;
    font-size: 0.29rem;
    -webkit-tap-highlight-color: rgba(0,0,0,0);background: #F5F5F5;
}
.tabs_navbar_item::after{content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-right: 1px solid #ccc;
    color: #ccc;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);}    
.tab_con .weui-search-bar{position: fixed;width: 100%;top: 1.88rem;background: #ffffff;padding: 0.25rem 0.16rem;z-index: 999}   
.tabs_navbar .selectActive {
    color: #666;
    background-color: #f1f1f1;    border-bottom: 1px solid #7BBFE5;
}
.tabs_navbar .tabs_navbar_item::before{content: ".";
    height: 0.14rem;
    width: 0.2rem;
    font-size: 0;
    position: absolute;
    right: 0.4rem;
    top: 0.4rem;
    background: url(../images/tabs/tab_off.png) no-repeat 0 0;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;}
.tabs_navbar .selectActive::before{content: ".";
    height: 0.1rem;
    width: 0.16rem;
    font-size: 0;
    position: absolute;
    right: 0.45rem;
    top: 0.45rem;
    background: url(../images/tabs/tab_on.png) no-repeat 0 0;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;}
.tab_con_with_searchbar::before{content: ".";height: 1.5rem;width:100%;display: block;font-size: 0;text-align: center;}

.tab_con_with_searchbar .weui-search-bar__box .weui-icon-search{     left: auto;
    right: 0;
    line-height: 0.9rem;
    font-size: 0.45rem;}
.tab_con_with_searchbar .weui-search-bar__box .weui-search-bar__input{     height: 0.8rem;
    font-size: 0.34rem;}
.tab_con_with_searchbar .weui-search-bar.weui-search-bar_focusing .weui-search-bar__cancel-btn{ display: none}
.tab_con_with_searchbar .weui-search-bar .weui-icon-clear{     font-size: 0.35rem;
    line-height: 1rem;
    right: 0.5rem;
    color: #d1d1d1;}
.tab_con_with_searchbar .weui-search-bar__box{ background: #f5f5f5;    font-size: 0.35rem;}    
/* 任务大厅 */
.page.renwudating{ padding-bottom:0}
.page.renwudating::before{ content: ".";height:1rem;width:100%;display: block;font-size: 0;text-align: center;
    }
.page.renwudating::after{ content: ".";height:1rem;width:100%;display: block;font-size: 0;text-align: center;
}    
.header.nomal_header{
    position: fixed;
    width: 100%;
    height: 1rem;
    line-height: 0.5rem;
    text-align: center;
    background: #4280D1;
    top: 0
}
.nomal_header .tit{
	font-size:0.4rem;
	color:#fff;
}
.nomal_header .back_arrow{
	position:absolute;
    top: 0.15rem;
    left: 0.2rem;
	display:block;
	width:0.2rem;
    height:0.35rem;
    padding: 0.2rem;
    background:url(../images/header/back.png) no-repeat 50% 50%;
    -webkit-background-size: auto 0.35rem;
    background-size: auto 0.35rem
}
.nomal_header .rightContent{
    color: #fff;
  	float: right;
    top: 0.08rem;
    right: 0.2rem;
    display: block;
    height: 0.35rem;
    padding: 0.2rem;
    z-index: 999;
  	position: absolute;
    -webkit-background-size: auto 0.35rem;
    background-size: auto 0.35rem;
}
.renwudating .weui-media-box_text .weui-media-box__title{ font-weight: bold}
.renwudatingt_man_ico{
    float: left;
    width: 0.28rem;
    height: 0.31rem;
    background:url(../images/renwudating/man.png) no-repeat 0 0;
    -webkit-background-size: auto 0.31rem;
    background-size: auto 0.31rem;
    margin-right: 0.1rem;
    }
.renwudating_meta_txt{font-size: 0.3rem;}    
.color_gray{color: #B1B1B1;}    
.color_red{ color: #D63636}  
li.renwudating_meta_status{     float: right;
    font-size: 0.34rem;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    padding: 0.15rem;} 
.status_blue{ background:#009AE9}
.status_red{ background:#D63636}
.status_gray{ background:#ccc}
.status_orange{ background:#FF8A4A}
                                
.renwudating .weui-media-box__info__meta.left{ position: relative;top:0.2rem;}
.renwudating .weui-media-box__desc {
    color: #333;
    font-size: 0.3rem;
    margin-bottom: 0.15rem;
    letter-spacing: 0.03rem;
    }

.renwudating .weui-media-box__info {
    margin-top: 0.3rem;    font-size: 0.28rem;}
/* .renwudating_list{ padding-bottom: 2rem;} */
/* .renwudating_list::after{ content: ".";height:2.5rem;width:100%;display: block;font-size: 0;text-align: center;
background: url("../images/index/bottom_pic.png") no-repeat 50% 0.25rem;
-webkit-background-size: auto 0.65rem;
background-size: auto 0.65rem;
} */
.renwudating_list .item{ background: #fff;margin-bottom: 0.2rem}
.renwudating_list .weui-media-box__desc .num{ margin-right: 0.4rem}

/* 历史任务列表 */
.renwu_history_list{}
.renwu_history_list .pic{ width:1.09rem;}


/* 签到情况页面 */
/* 滑动需要的高度设置 */
.jurorSignInCase_list{ height: 10.3rem}
.jurorSignInCase_list .swiper-wrapper.w {
    height: 10.3rem;
}
.jurorSignInCase_list .swiper-slide {
    height: auto;
}
/* 滑动需要的高度设置 */
.jurorSignInCase_list .hd{background: #fff;margin-bottom: 0.1rem;}
.jurorSignInCase_list .hd .weui-media-box__title{ font-size: 0.42rem}
.jurorSignInCase_list .hd .weui-media-box__desc{ text-align: right;}
.jurorSignInCase_list .hd .weui-media-box__desc .tit{}
.jurorSignInCase_list .hd .weui-media-box__desc .msg{}
.jurorSignInCase_list .hd .weui-media-box__hd{
    width: 0.85rem;
    height: 0.85rem;
    line-height: 0.85rem;
}
.jurorSignInCase_list .hd .weui-media-box__thumb{     
    width: 100%;
    height: 100%;
    }
.jurorSignInCase_list_swiper .list-group{ background: none}
.jurorSignInCase_list_swiper .item{ 
    margin-bottom: 0.2rem;background: #fff}    
.jurorSignInCase_list_swiper .weui-media-box__desc{color:#5E5E5E;font-size: 0.28rem;margin-bottom: 0.15rem;}     
.jurorSignInCase_list_swiper .weui-media-box::after{    content: " ";
    content: " ";
    display: inline-block;
    height: 0.18rem;
    width: 0.21rem;
    border-width: 2px 2px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: absolute;
    top: 1rem;
    right: 0.3rem;}  
.jurorSignInCase_list_swiper .weui-media-box{
	padding: 0.2rem 0.3rem;
}
.jurorSignInCase_list_swiper li.renwudating_meta_status{
	font-size: 0.28rem;
	padding: 0.15rem;
	margin-right: 0.1rem;
}

/* 历史任务 */
.history_renwu{ }
/* 滑动需要的高度设置 */
.history_renwu_list{ height: 11.2rem}
.history_renwu_list .list-group{ background: none}
.history_renwu_list .swiper-wrapper.w {
    height: 11.2rem;
}
.history_renwu_list .swiper-slide {
    height: auto;
}
.history_renwu_list .item {background: #fff;margin-bottom: 0.1rem;}
.history_renwu_list .weui-media-box__title{ font-size: 0.38rem;margin-bottom: 0.25rem;}
.history_renwu_list .weui-media-box__desc{ text-align: right;}
.history_renwu_list .weui-media-box__desc .tit{}
.history_renwu_list .weui-media-box__desc .msg{}
.history_renwu_list .weui-media-box__hd{
    width: 0.95rem;
    height: 0.95rem;
    line-height: 0.95rem;
}
.history_renwu_list .hd .weui-media-box__thumb{     
    width: 100%;
    height: 100%;
}

/* 文章列表 */
.article_list{ }
/* 滑动需要的高度设置 */
.article_list_list{ height: 11.2rem}
.article_list_list .list-group{ background: none}
.article_list_list .swiper-wrapper.w {
    height: 11.2rem;
}
.article_list_list .swiper-slide {
    height: auto;
}
.article_list_list .item {background: #fff;margin-bottom: 0.1rem;}
.article_list_list .weui-media-box__title{
	font-size: 0.38rem;
    margin-bottom: 0.2rem;
    height: 1.25rem;
    white-space: initial;
    margin-right: 0.4rem;}
.article_list_list .weui-media-box__desc{ text-align: right;}
.article_list_list .weui-media-box__desc .tit{}
.article_list_list .weui-media-box__desc .msg{}
.article_list_list .weui-media-box__hd{
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.8rem;
    border-radius: 0.15rem;
    overflow: hidden;
    margin-right: 0.25rem
}
.article_list_list .hd .weui-media-box__thumb{     
    width: 100%;
    height: 100%;
}

.article_list_list_swiper .weui-media-box::after{    content: " ";
    content: " ";
    display: inline-block;
    height: 0.18rem;
    width: 0.18rem;
    border-width: 2px 2px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: absolute;
    top: 1rem;
    right: 0.3rem;}  
.article_list_list_swiper .weui-media-box__bd{ }
.article_list_list_swiper .date{ margin-right: 0.2rem}

/* 文章页 */
.article_page{}
/* 滑动需要的高度设置 */
.article_page{ height: auto;background: #fff;}

.article_page .wrap_article_header{
	height: 3.8rem;
	text-align:center;
	color:#ffffff;
	background: -webkit-linear-gradient(#117EC6, #38A7F4); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#117EC6, #38A7F4); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#117EC6, #38A7F4); /* Firefox 3.6 - 15 */
	background: linear-gradient(#117EC6, #38A7F4) /* 标准的语法 */;
	position: relative;
	overflow: hidden;
}
.article_header h1{min-height: 1rem;max-height: 2rem;line-height: 1rem;font-size: 0.5rem;text-align: left;font-weight: normal;margin: 0.25rem;margin-bottom: 0;}
.article_header .meta{
    font-size: 0;
    position: relative;
    top: 0.8rem;
    text-align: right;
}
.article_header .meta span{font-size: 0.28rem;text-align: right;margin-right: 0.25rem;}
.article_page_bd{ margin: 0.3rem}
.article_page p{ font-size: 0.4rem}

/* 消息+通知 */
.msgnotice{ }
.msgnotice .tab_con_with_searchbar::before{ height: 1rem}
/* 滑动需要的高度设置 */
.msgnotice_list{ height: 10.2rem}
.msgnotice_list .list-group{ background: none}
.msgnotice_list .swiper-wrapper.w {
    height: 10.2rem;
}
.msgnotice_list .swiper-slide {
    height: auto;
}
.msgnotice_list .item {background: #fff;margin-bottom: 0.1rem;}
.msgnotice_list .weui-media-box__title{     font-size: 0.38rem;
    margin-bottom: 0.2rem;
    height: 1.25rem;
    white-space: initial;
    margin-right: 0.4rem;}
.msgnotice_list .weui-media-box__desc{ text-align: left;}
.msgnotice_list .weui-media-box__desc .tit{}
.msgnotice_list .weui-media-box__desc .msg{}
.msgnotice_list .weui-media-box__hd{
    width: 2.4rem;
    height: 1.8rem;
    line-height: 1.8rem;
    overflow: hidden;
    margin-right: 0.25rem;
}
.msgnotice_list .hd .weui-media-box__thumb{     
    width: 100%;
    height: 100%;
}
 
.msgnotice_list_swiper .weui-media-box__bd{ }
.msgnotice_list_swiper .date{ margin-right: 0.2rem}

/* 我的任务*/
.myrenwu{ }
.myrenwu .tab_con_with_searchbar::before{ height: 1rem}
/* 滑动需要的高度设置 */
.myrenwu_list{ height: 10.2rem}
.myrenwu_list .list-group{ background: none}
.myrenwu_list .swiper-wrapper.w {
    height: 10.2rem;
}
.myrenwu_list .swiper-slide {
    height: auto;
}
.myrenwu_list .item {background: #fff;margin-bottom: 0.1rem;overflow: hidden}
.myrenwu_list .weui-media-box__title{
    font-size: 0.38rem;
    margin-bottom: 0.1rem;
    max-height: 1rem;
    white-space: initial;
    margin-right: 0.4rem;
    overflow: hidden;
    }
.myrenwu_list .weui-media-box__desc{ 
	text-align: left;
    margin-bottom: 0.1rem;
    padding-left: 0.2rem;
}
.myrenwu_list .weui-media-box__desc .tit{}
.myrenwu_list .weui-media-box__desc .msg{}
.myrenwu_list .weui-media-box__hd{
    width: 0.85rem;
    height: 0.85rem;
    line-height: 0.85rem;
    overflow: hidden;
}
.myrenwu_list .hd .weui-media-box__thumb{     
    width: 100%;
    height: 100%;
}
.myrenwu_list .weui-media-box__bd{ }
.myrenwu_list .weui-media-box__ft{margin: 0.2rem  auto }
.myrenwu_list .date{ margin-right: 0.2rem}
.myrenwu_list .weui-media-box_appmsg{ display: -webkit-box}
.myrenwu_list .weui-media-box__info{margin: 0 auto;text-align: center;}
.myrenwu_list li.renwudating_meta_status{float: none;display: inline-block;margin-right: 0.15rem}

/*自定义动画*/
.a-half2normal{ animation: half2normal 0.4s linear 1;animation-delay:0s;
        -webkit-animation: half2normal 0.4s linear 1;-webkit-animation-delay:0s;}
.a-ticktock{ animation: ticktock 0.3s linear 1;animation-delay:0s;
        -webkit-animation: ticktock 0.3s linear 1;-webkit-animation-delay:0s;}
.a-hand2{ animation: hand2 .6s linear 1;animation-delay:0s;
        -webkit-animation: hand2 .6s linear 1;-webkit-animation-delay:0s;}   
.a-hand3{ animation: hand3 .6s linear 1;animation-delay:0s;
        -webkit-animation: hand3 .6s linear 1;-webkit-animation-delay:0s;} 
.a-fadeinBEx{ animation: fadeinBEx .2s linear 1;animation-delay:0s;
        -webkit-animation: fadeinBEx .2s linear 1;-webkit-animation-delay:0s;}   
.a-big2S{ animation: big2S .35s linear 1;animation-delay:0s;
        -webkit-animation: big2S .35s linear 1;-webkit-animation-delay:0s;}   
.a-up2down{ animation: up2down .8s linear 100;animation-delay:0.40s;
        -webkit-animation: up2down .8s linear 100;-webkit-animation-delay: 0.4s;}      

@-webkit-keyframes half2normal {
    0% { -webkit-transform: scale(0.3) }
    100% {
        -webkit-transform: scale(1);
    }
}
        
@-webkit-keyframes scaleout {
    0% { -webkit-transform: scale(1.0) }
    100% {
        -webkit-transform: scale(1.3);
        opacity: 0;
    }
}
@keyframes scaleout {
    0% {
        transform: scale(1.0);
    } 100% {
          transform: scale(1.3);
          opacity: 0;
      }
}
  
@-webkit-keyframes hand2{
    0%{ top: 0.7rem;}

    50%{  top: 1rem;}
    100%{  top: 1.2rem;}
}
@keyframes hand2{
    0%{ top: 0.7rem;}

    50%{  top: 1rem;}
    100%{  top: 1.2rem;}
}
@-webkit-keyframes hand3{
    0%{ top: 0.7rem;}

    50%{  top: 1.2rem;}
    100%{  top: 1.65rem;}
}
@keyframes hand3{
    0%{ top: 0.7rem;}

    50%{  top: 1.2rem;}
    100%{  top: 1.65rem;}
}
        
@-webkit-keyframes ticktock{
    0%{  
-webkit-transform:rotate(0deg);}

    50%{  
-webkit-transform:rotate(-10deg);}
    100%{  
-webkit-transform:rotate(0deg);}
}
@keyframes ticktock{
    0%{  transform:rotate(0deg);
}

    50%{  transform:rotate(-10deg);
}
    100%{  transform:rotate(0deg);
}
}

/* 淡入-从下,短距离 */
@-webkit-keyframes fadeinBEx{
    0%{opacity:0;
    -webkit-transform:translateY(5px);
    }
    100%{opacity:1;
    -webkit-transform:translateY(0);
    }
}
@keyframes fadeinBEx{
    0%{opacity:0;
    transform:translateY(5px);

    }
    100%{opacity:1;
    transform:translateY(0);

    }
}

@-webkit-keyframes big2S{
    0%{    
    -webkit-transform: scale(2);
  }

    100%{   
    -webkit-transform: scale(1);
    }
}
@keyframes big2S{
    0%{  transform: scale(2);
  }

    100%{  transform: scale(1);}
}
@-webkit-keyframes up2down{
   0%{  -webkit-transform: translateY(0px);}
    50%{  -webkit-transform: translateY(6px);}
    100%{  -webkit-transform: translateY(0px);}
}
@keyframes up2down{
    0%{  transform: translateY(0px);}
    50%{  transform: translateY(6px);}
    100%{  transform: translateY(0px);}
}


@media screen and (max-width: 320px) and (min-height: 514px) and (max-device-height: 568px){
.star1 {
    right: 1.4rem;
}
.star2 {
    left: 1.4rem;
}
.star3 {
    right: 1.8rem;
}
}
/*普通浏览器的实际高度*/
/*ip5*/
@media screen and (max-width: 320px) and (max-height: 460px) and (max-device-height: 568px){
.star1 {
    right: 2rem;
}
.star2 {
    left: 2rem;
}
.star3 {
    right: 2.4rem;
}
}
/*ip6*/
@media screen and (min-width: 375px) and (max-height: 540px) and (max-device-height: 667px){
    #todolist_item_swiper{ height: 4.1rem}
}
/*ip6p*/
@media screen and (min-width: 414px) and (max-height: 598px) and (max-device-height: 736px){
.star1 {
    right: 2rem;
}
.star2 {
    left: 2rem;
}
.star3 {
    right: 2.4rem;
}
}
/*普通浏览器的实际高度*/

/*微信端*/
/*ip4*/
@media screen and (max-width: 320px) and (max-height: 416px) and (max-device-height: 480px){
.star1 {
    right: 2.65rem;
}
.star2 {
    left: 2.65rem;
}
.star3 {
    right: 3.1rem;
}
}

/* ip 678 */
@media screen and (max-width: 375px) and (max-height: 610px) and (max-device-height: 667px) {
    #todolist_item_swiper{height: 4.1rem;}
}
/* ip 678 plus*/
@media screen and (max-width: 414px) and (min-height: 672px)  and (max-device-height: 736px) {
.star1 {
    right: 1.4rem;
}
.star2 {
    left: 1.4rem;
}
.star3 {
    right: 1.8rem;
}
}

/*s3*/
@media screen and (min-width: 360px) and (max-height: 520px){
    .star1 {
    right: 2rem;
    }
    .star2 {
        left: 2rem;
    }
    .star3 {
        right: 2.4rem;
    }

}
    
@media screen and (min-width: 400px) and (max-height: 520px){
	    
}
@media screen and (min-width: 540px) and (max-height: 840px){
.star1 {
    right: 1.6rem;
}
.star2 {
    left: 1.6rem;
}
.star3 {
    right: 2rem;
}
}
.login_inp input {
    width: 100%;
    font-size: 20px;
}
.tips {
    color: red;
    height: 20px;
    font-size: 0.32rem;
    padding: 10px 0px 10px 15px;
}