@charset 'utf-8';
*{
margin: 0px;
padding: 0px;
text-decoration: none;
list-style-type: none;
-webkit-text-size-adjust: none;
font-family: "寰蒋闆呴粦", sans-serif;
color: #333;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body{
width: 100%; background: #fff;
}
body,html{ height: 100%;}
img{ border:none;}
i,em{ font-style: normal;}
a{ color: auto;}
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper{ text-shadow:none; background:#fff;}
.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a{ font-weight:normal;}
.ui-loader ui-corner-all ui-body-a ui-loader-default{ display:none;}

.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;line-height:0;overflow:hidden;}
.clearfix{*zoom:1;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}

header{ width: 100%; background: #00aaff; height: 50px; position: fixed; overflow: hidden; left:0; top: 0; z-index: 99;}
header a{ position: absolute; top: 15px; left: 10px;}
header a img{ height: 20px;}
header p{ font-size: 20px; color: #fff; position: absolute; left: 30px; top: 11.5px;}
.menutab{ position: fixed; top: 50px; left: 0; width: 100%; z-index: 99; background: #fff;}
.menutab a{ font-size:18px; color: #8f8f8f; text-align: center; border-bottom:solid 2px #ddd; height: 47px; line-height: 47px; width: 50%; float:left;-webkit-box-sizing:border-box; -webkit-transition:all 0.5s;}
.menutab a i{float:right; margin-right: -0.5px; width: 1px; height: 100%; background: #ddd;}
.menutab a.tab_on{ color: #00aaff; border-bottom: solid 2px #00aaff;}
.task_list{-webkit-overflow-scrolling : touch;}
.task_list li{ height: 52px; padding:8px 80px 8px 68px; border-bottom: solid 1px #ddd; position: relative;}
.task_list li:nth-child(odd){background: #f7f7f7;}
.task_list li img{ width: 52px; height: 52px; position: absolute; left:8px; top: 8px; border-radius: 8px;}
.task_list li p{ font-size: 16px; line-height: 20px; height: 20px; overflow: hidden; margin-top: 5px;}
.task_list li i{ font-size: 12px; line-height: 16px; height: 16px; overflow: hidden; margin-top: 7px; display: block; color: #1abc9c;}
.task_list li span{ position: absolute; right:10px; width: 60px; text-align: center; color: #00aaff; top: 10px;}
.task_list li span em{ background: #00aaff; width: 60px; border-radius: 10px; height: 20px; display: block; color: #fff; text-align: center; font-size: 14px; margin-top: 5px; line-height: 20px;}
.no_title{ color: #fff; background: #0af; padding:5px 10px; height: 20px;}
.other li{ height: 68px; padding:8px 80px 8px 68px; border-bottom: solid 1px #ddd; position: relative; width: 100%;-webkit-box-sizing:border-box;}
.other li img{ width: 52px; height: 52px; position: absolute; left:8px; top: 8px;}
.other li p{ font-size: 16px; line-height: 20px; height: 20px; overflow: hidden; margin-top: 5px;}
.other li i{ font-size: 12px; line-height: 16px; height: 16px; overflow: hidden; margin-top: 7px; display: block; color: #8f8f8f;}
.other li span{ position: absolute; right:10px; width: 60px; text-align: center; font-size: 16px; line-height: 20px; color: #00aaff; top: 24px;}
#pageone,#pagetwo{width: 100%; position: relative; overflow: auto; min-height: 100%;-webkit-box-sizing:border-box;}
.task_bottom1{ background: #2d3e50; width: 100%; height: 30px; position: absolute; left:0; bottom:0;-webkit-animation:bottomMove 1s forwards; opacity: 0;}
.task_bottom1 a{font-size: 16px; line-height: 20px; color: #fff; position: absolute; left:10px; top: 5px;}
.task_bottom1 a:last-child{left:auto; right:10px;}
.task_bottom2{ background: #2d3e50; width: 100%; height: 30px; position: absolute; left:0; bottom:0;-webkit-animation:bottomMove 1s forwards; opacity: 0;}
.task_bottom2 a{font-size: 16px; line-height: 20px; color: #fff; position: absolute; left:10px; top: 5px;}
.task_bottom2 a:last-child{left:auto; right:10px;}
.page_top{ width: 100%; height: 97px;}
.other{ padding-bottom: 30px;}
.sign_task{ padding-bottom: 30px;}

/*寮瑰嚭灞傚唴瀹*/
.popdiv{ width: 100%; height: 100%; position:relative; background: #fff; bottom:0; left: 0; z-index: 999; overflow: auto;}
.pop_head{ width: 100%; background: #00aaff; position: fixed; height: 50px; overflow: hidden; left:0; top: 0; z-index: 999;}
.pop_head img{ position: absolute; top: 15px; left: 10px; height: 20px;}
.pop_head p{ font-size: 20px; color: #fff; position: absolute; left: 30px; top: 11.5px;}
.pop_title{ height: 64px; padding:8px 20px 8px 80px; position: relative;margin-top: 55px; border-bottom:solid 3px #00aaff; background: #f7f7f7;}
.pop_title>img{ width: 64px;height: 64px; position: absolute; left: 8px; top: 8px; border-radius: 10px;}
.pop_title p{ font-size: 18px; margin-top: 0px;}
.pop_title i,.pop_title em{display: block; color:#8f8f8f; font-size: 14px; margin-top: 3px; line-height: 18px; height: 18px; overflow: hidden;}
.pop_title span{ position: absolute; top: 25px; right: 10px; width: 60px;}
.pop_title span img{ width: 100%;}
.pop_step{ background: #fff; width: 100%; border-bottom: solid 1px #ddd; }
.pop_step p{margin:0 10px; height: 32px; border-bottom: dashed 1px #ccc; font-size: 14px; padding: 10px 90px 10px 30px; position: relative;}
.pop_step p:last-child{border-bottom: 0;}
.pop_step p i{ background: #666; position: absolute; top: 18px; left:7px; width: 16px; height: 16px; border-radius: 8px; text-align: center; color: #fff; line-height: 16px;}
.pop_step p span{ position: absolute; right:0; top: 16px; font-size: 12px; text-align: center; background: #666; color: #fff; height: 20px; line-height: 20px; border-radius: 4px; width: 70px;}
.pop_step p em{ display: inline-block;line-height: 20px; height: 20px; overflow: hidden; margin-top: 6px;}
.pop_pic{margin: 10px 10px 0 10px;}
.pop_pic img{ width: 50%; display: inline-block;-webkit-box-sizing:border-box;}
.pop_pic img:nth-child(1){padding-right: 5px;}
.pop_pic img:nth-child(2){padding-left: 5px;}
.pop_txt{margin: 5px 10px; line-height: 24px; padding-bottom: 60px; font-size: 14px; text-align:justify;}
.pop_bottom{background: #aab1b7;position: fixed; bottom:0; left:0; width: 100%; height: 50px; z-index: 999;}