.Monthly{
	background:#fff;
	margin-top:2%;
	border-top: solid 1px #e4e4e4;
	border-bottom: solid 1px #e4e4e4;
	}
.Monthly h2{
	font-size:.9rem;
	padding:10px 10px;
	color:#333;
	}
.Monthly h2 a{
	float:right;
	font-size:.5rem;
	font-weight:normal;
	color:#5399c5;
	}
	
.container {
	flex:1;
	padding:0 10px;
}

.Mont_data{
	width:100%;
	margin:0 auto;
	margin-bottom:10px;
	background-image:url(../images/bejg.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	/*box-shadow: 0px 6px 6px #afafaf;*/
	}

.Mont_data ul{
	overflow:hidden;
	padding-bottom: 1.2rem;
	color:#fff;
	margin-top: 0.6rem;
	}
	
.Mont_data ul li{
	float:left;
	width:49.9%;
	text-align:center;
	box-sizing: border-box;
	font-size:.65rem;
	background-image:url(../images/s.png);
	background-position:left;
	background-repeat:no-repeat;
	/*opacity: 0.5;*/
	}

.Mont_data ul li span{
	display:block;
	font-weight:bold;
	}	

.jine{
	 text-align:center;
	 padding:10px 0px;
	 color:#fff;
	 font-size:.6rem;
	 }
	 
.jine p{
	font-weight:bold;
	font-size: 1.2rem;
	text-shadow: 0px 2px 3px #ea8336;
	padding-bottom:1.2rem;
	}
	
.jine span{
	background:#ffffff3b;
	padding:2px 10px;
	border-radius: 20px;
	border:solid 1px #fff;
	}

.in_news{ padding:0px 10px;}
.in_news h2{font-size:.9rem;
	padding:15px 0px;
	color:#333;}

.in_news h2 span{
	float:right;
	font-size:.5rem;
	font-weight:normal;
	color:#5399c5;
	}

.in_news ul{
	height:auto;
	}

.in_news ul li{
	overflow:hidden;
	margin-bottom:10px;
	}
.in_news ul li i{
	float:left;
	}
.in_news ul li .gjy{
	font-size:.8rem;
	text-indent:10px;
	float:left;
	}
.in_news ul li .gjy p{
	color:#666;
	}
.in_news ul li a{
	float:right;
	font-size:.8rem;
	background:#ebebeb;
	padding:3px 10px;
	border-radius: 20px;
	color:#0d93f2;
	}	


/*联盟页面布局*/

.gerzx{
	background:url(../images/xuxian1.png);
	background-size:100% 100%;
	}

.gerzx ul{
	padding:0px 20px;
	overflow:hidden;
	color:#fff;
	font-size:.9rem;
	padding-top:5%;
	padding-bottom:10px;
	}
.gerzx ul i{
	float:left;
	}


.gerzx ul .minc{
	float:left;
	margin-left:10px;
	line-height:24px;
	}
.gerzx ul .minc span{ 
	font-size:1.1rem;
	}
.gerzx ul .minc p{
	background:#139def;
	border-radius: 20px;
	line-height:16px;
	padding:1px 10px;
	font-size:.5rem;
	margin-top:5px;
	}

.gerzx ul a{
	float:right;
	vertical-align:middle;
	font-size:.5rem;
	background-image:url(../images/g.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent:15px;
	}


.all_list{
	position:relative;
	border-top: solid 1px #e4e4e4;
	border-bottom: solid 1px #e4e4e4;
	}
	
.ally{
	text-align:center;
	padding:20px 0px;
	}
.ally ul li{
	overflow:hidden;
	font-size:.8rem;
	color:#666;
	}
.ally ul li a{
	display:block;
	color:#fc6e24;
	font-size:1.6rem;
	font-weight:bold;
	padding:10px 0px;
	}	
.ally ul li label{
	display:block;
	float:left;
	width:50%;
	color:#afafaf;
	font-size:.5rem;
	}
.ally ul li label span{
	display:block;
	color:#333;
	font-size:1rem;
	}

.ally_a{
	position:absolute;
	left:3%;
	top:0;
	}	
	
	

/*收益布局*/

.yongg{
	background:url(../images/xuxian1.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	padding-top:20px;
	}
.yongg ul{
	text-align:center;
	}
.yongg ul li{
	line-height:36px;
	color:#fff;
	font-size:.8rem;
	}

.yongg ul li.gr{
	background-image:url(../images/fh2.png);
	background-repeat:no-repeat;
	background-position:62% center;
	background-size:3%;
	font-size:2rem;
	}
	
.yongg ul li.gp{
	background-image:url(../images/yanj.png);
	background-repeat:no-repeat;
	background-position:70% center;
	background-size:5%;
	font-size:.9rem; 
	color:#b7cce6;
	}	
	
.yongg ul li.gy{
	background-image:url(../images/paim.png);
	background-repeat:no-repeat;
	background-position:35% center;
	background-size:5%;
	font-size:.5rem; 
	}	
		
.fud{ 
	background:rgba(7, 136, 226, 0.85);
	line-height:50px;
	text-align:center;
	color:#b7cce6;
	font-size:.8rem;
	}		
		
	
.sub {
        width:100%;
        position: relative;
        z-index: 1;
        padding-top: 31px;
        height: 34px;
        overflow: hidden;
		margin:0 auto;
		background:#fff;
		/*padding-bottom:20px;*/
		border-top: solid 10px #efefef;
    }
    .sub .subbg {
        width:90%;
        height:2px;
        position: absolute;
        left:5%;
        bottom: 7px;
        z-index: 2;
        border-radius: 10px;
        background: #dcdfe6;
		
    }
    .sub .subbg span {
        /*一条渐变线*/
        background: url(mylevelbar.png) 0 0 repeat-y;
        width: 100%;
        height: 10px;
        display: block;
        border-radius: 10px;
        -webkit-animation: subbar 2s;
        animation: subbar 2s;
    }
    .sub .subnum {
        width: 90%;
        height: 40px;
        left: 0;
        bottom: 0;
        position: absolute;
        z-index: 2;
    }
    .divison {
        position: absolute;
        left:14%;
        bottom: 5px;
        width: 100%;
        height: 8px;
    }
    .divison span {
        float: left;
        display: inline;
        width: 8px;
        background: #ffe781;
        height: 8px;
		border:solid 1px #ffa77d;
		border-radius:100%;
		margin-right:17%;
    }
    .divnum {
        position: absolute;
        left: 10%;
        top:-5px;
        font-family: 'Microsoft YaHei';
        font-size: 18px;
        color: #c4c6cc;
        width:100%;
    }
    .divnum li.z-ov {
        color: #bdbdbd;
        -webkit-animation: show 3s;
        animation: show 3s;
    }
    .divnum li {
        float: left;
        width:10%;
        height: 26px;
        line-height: 20px;
        display: inline;
        text-align: center;
		font-size:.5rem;
		margin-right:10%;
    }
    li {list-style: none;line-height: 1.2rem;}
    .divnum li.z-on {
        color: #fff;
        -webkit-animation: show1 2s;
        animation: show1 2s;
        background-position: 0 -50px;
    }
    .h3 em,
    .divnum li.z-on,
    .n-pow .telist li,
    .n-level i,
    .n-level-big i {
        /*此处的 0 -50px 和官网上的 0 9999px 有差异*/
        background: url(mylevel.png) no-repeat 0 -50px;
    }
    /*动画效果*/
    @keyframes subbar {
        0% {
            width: 0;
        }
        100% {
            width: 100%;
        }
    }
    @keyframes show {
        0% {
            color: #c4c6cc;
        }
        100% {
            color: #ed5757;
        }
    }
    @keyframes show1 {
        0% {
            color: #c4c6cc;
            background-position: 9999px 9999px;
        }
        50% {
            color: #c4c6cc;
            background-position: 0 -50px;
        }
        100% {
            color: #fff;
        }
    }

	
.biaoti{
	background:#fff;
	padding-top:30px;
	}
	
.biaoti ul{
	border-top:solid 1px #dadada;
	background-image:url(../images/fanz.png);
	background-repeat:no-repeat;
	background-position:98% center;
	background-size:5%;
	padding:0px 10px;
	text-indent:30px;
	}	
.biaoti ul li{
	padding:20px 0px;
	background-image:url(../images/jiant2.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size:6%;
	font-size:.9rem;
	color:#000;
	}	
	
.biaoti ul .ci{
	padding:20px 0px;
	background-image:url(../images/s_y.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size:7.5%;
	}

.biaoti ul li p{
	color:#ccc;
	line-height:26px;
	font-size:.8rem;
	}
	
	
/*我的布局*/
	
.gerzx ul a.lki{
	background-image:url(../images/fh2.png);
	background-repeat: no-repeat;
    background-position:99% center;
	background-size:20px;
    text-indent: 15px;
	padding-right:8%;
	}	
	
.mine{
	}	
.mine ul{
	}	

.mine ul li{
	border-bottom:solid 1px #efefef;
	padding:15px 10px;
	font-size:1rem;
	color:#333;
	background-image:url(../images/fanz.png);
	background-repeat:no-repeat;
	background-position:98% center;
	background-size:5%;
	}	
	
.mine ul li img{
	vertical-align:middle;
	}	
	
	
/*商户拓展布局*/
	
.Outreach{
	padding-top:4%;
	}
	
.Outreach ul{
	background:#fff;
	padding:10px 10px;
	padding-bottom:0px;
	}	
	
.Outreach ul li{
	border-bottom:solid 1px #f4f4f4;
	padding:10px;
	font-size:.95rem;
	color:#2c2c2c;
	line-height:30px;
	}	
	
.Outreach ul li span{
	display:block;
	width:25%;
	float:left;
	}	
	
.Outreach ul li input{
	line-height:30px;
	border:none;
	color:#c2c2c2;
	font-size:.9rem;
	}
	
.Outreach ul li a{
	float:right;
	font-size:.75rem;
	color:#4791cc;
	}	
	
.inp_button{
	text-align:center;
	padding:20px 0px;
	}	
.inp_button input{ 
	width:80%; 
	line-height:40px; 
	height:40px;
	background:#49bbef;
	border:none;
	color:#fff;
	font-size:1.2rem;
	border-radius:5px;
	box-shadow:0px 1px 1px #8c8c8c;
	}
	
	
/*收益详情布局*/
	
.accum{
	background:#fff;
	}	
	
.accum h3{
	font-size:.9rem;
	background-image:url(../images/s_y2.png);
	background-repeat: no-repeat;
	background-position:3%;
	padding-left:10px;
	text-indent:5%;
	border-bottom:solid 1px #dadada;
	font-weight:normal;
	line-height:40px;
	padding:0px 10px;
	}	
.accum h3 i{
	background-image:url(../images/tis.png);
	background-repeat:no-repeat;
	background-position:2px 12px;
	float:right;
	padding:20px 10px;
	text-align:center;
	}	

	
.leib{
	overflow:hidden;
	background:#f8f8fa;
	padding:0px 10px;
	}	
	
.leib span{
	float:left;
	width:33.3%;
	text-align:center;
	font-size:.8rem;
	color:#78787a;
	line-height:40px;
	}	
	

.jiangl{ 
	background:#fff;
	}
.jiangl ul{
	}
.jiangl ul li{
	overflow:hidden;
	font-size:.9rem;
	color:#333;
	border-bottom:solid 1px #dadada;
	}
.jiangl ul li ul{
	padding:0px 10px;
	overflow:hidden;
	}
.jiangl ul li ul:hover{
	border-top:solid 1px #efefef;
	border-bottom:solid 1px #efefef;
	}	
			
.jiangl ul li span{
	display:block;
	width:33.3%;
	float:left;
	line-height:46px;
	}	
.jiangl ul li span.o{
	text-align:right;
	font-weight:bold;
	color:#C30;
	}	
.jiangl ul li span.cout{
	text-align:center;
	font-weight:bold;
	}
.jiangl ul li ul.gu span{ 
	width:50%;
	color:#7b7b7b;
	}
	
.jiangl ul li .ho{
	border-bottom:solid 1px #dadada;
	overflow:hidden;
	padding:0px 10px;
	
	}	
	
.jiangl ul li .htogi{
	background-image:url(../images/sanj.png);
	background-repeat:no-repeat;
	background-position:15% center;
	}

.jiangl ul li .ho span i{
	font-style: normal;
	font-size:.5rem;
	color:#7b7b7b;
	}

.prompt{
	background:#fde6c7;
	font-size:.5rem;
	color:#ec9f51;
	text-align:center;
	line-height:46px;
	}
.prompt span{
	font-size:.8rem;
	}	
	
	
/*累积收益布局*/
.benefits{
	}

.benefits h1{
	font-size:1.2rem;
	color:#4c4c4c;
	padding:10px 10px;
	font-family:"宋体";
	}
.benefits ul li{
	background:#fff;
	padding:0px 10px;
	margin-bottom:10px;
	line-height:40px;
	color:#a5a5a5;
	font-size:.8rem;
	}
.benefits ul li span{
	float:right;
	}



/*技巧页面布局*/
.dfengj{
	background:#fff;
	text-align:center;
	padding:10px 0px;
	padding-bottom:0px;
	}
.dfengj p{
	font-size:.8rem;
	color:#333;
	border-bottom:solid 5px #e7e7e7;
	width:90%;
	margin:0 auto;
	line-height:46px;
	}
.dfengj ul{
	overflow:hidden;
	width:90%;
	margin:0 auto;
	}
.dfengj ul li{
	float:left;
	line-height:46px;
	color:#c9c9c9;
	font-size:.9rem;
	}

.dfengj ul li span{
	font-size:.4rem;
	}

.way{
	background:#fff;
	border-top: solid 1px #efefef;
	padding:10px 15px;
	}
.way h2{
	font-size:1.1rem;
	color:#5b5b5b;
	}
.way ul{
	overflow:hidden;
	margin-top:3%;
	}	
.way ul li{
	float:left;
	width:20%;
	height:70px;
	line-height:70px;
	margin-right:10px;
	font-size:.8rem;
	text-align:center;
	background:url(../images/fg.png) no-repeat;
	background-size:100% 100%;
	color:#fff;
	font-weight:bold;
	}

.way ul li.fg2{
	background:url(../images/fg2.png) no-repeat;
	background-size:100% 100%;
	}


/*众鑫玩卡布局*/
.card{
	}

.card_a{
	border-bottom:solid 1px #dadada;
	line-height:46px;
	overflow: hidden;
	}
.card_a span{
	float:left;
	width:50%;
	text-align:center;
	color:#666;
	}
.card_a span:hover{
	border-bottom:solid 3px #ff9800;
	color:#ff9800;
	}


.card ul{
	padding:0px 10px;
	overflow:hidden;
	border-bottom:solid 1px #efefef;
	}

.bisoti{
	line-height:20px;
	color:#333;
	margin-top:10px;
	margin-bottom:6px;
	font-size:.95rem;
	}

.card ul li{
	float:left;
	width:33%;
	margin-right:1px;
	}

.card ul li img{
	width:100%;
	}

.fidu{
	font-size:.8rem;
	color:#bbb;
	line-height:36px;
	}
.fidu span{
	margin-right:20px;
	}

/*邀请盟友布局*/
.invite{
	background-image:url(../images/in_yq.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	height:200px;
	text-align:center;
	position: relative;
	}

.invite img{
	padding-top:12%;
	}


.inv_erwm{
	background:#fff;
	width:86%;
	margin:0 auto;
	position:absolute;
	top:22%;
	left:7%;
	border-radius:10px;
	box-shadow:0px 2px 0px #e8e8e8;
	}

.inv_erwm h5{
	text-align:center;
	line-height:30px;
	color:#a2a2a2;
	font-weight:normal;
	padding-bottom:10px;
	}

.inv_erwm p{
	text-align:center;
	}

.inv_erwm ul{
	width:80%;
	margin:0 auto;
	padding-top:10px;
	}
.inv_erwm ul li{
	color:#5f5f5f;
	font-size:.8rem;
	font-weight:bold;
	border-bottom:solid 1px #efefef;
	line-height:36px;
	}
.inv_erwm ul li span{
	float:right;
	}



/*消息开始*/
.news_gag{
	height:auto;
	}
.news_gag ul{
	height:auto;
	}

.news_gag ul li{
	overflow:hidden;
	width:100%;
	padding:10px 0px;
	}
.news_gag ul li i{
	padding:5px 10px;
	display:block;
	float:left;
	}	
	
.news_gag ul li img{
	vertical-align:middle;
	}
.news_gag ul li span{
	display:block;
	float:left;
	text-indent:10px;
	border-bottom:solid 1px #dadada;
	width:81%;
	line-height:50px;
	color:#000;
	}


/*联系客服*/
.query{
	height:auto;
	background:#fff;
	padding-bottom:20px;
	}
.query ul{
	overflow:hidden;
	padding-top:20px;
	}

.query ul li{
	background-image:url(../images/lih.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	width:25.5%;
	padding:10px 10px;
	float:left;
	margin-left:10px;
	height:80px;
	color:#fff;
	}

.query ul li .i{
	width:15px;
	height:15px;
	background-image:url(../images/fh2.png);
	background-repeat:no-repeat;
	background-position:2px;
	background-size:90%;
	margin-top:.6rem;
	border:solid 1px #fff;
	border-radius:10px;
	}


.servi{
	background:#fff;
	margin-top:10px;
	
	}

.servi h2{
	color:#333;
	line-height:50px;
	font-weight:normal;
	padding:10px 10px;
	}
.se2{ margin-bottom:20px; overflow:auto;padding:0px 10px;}
.se2 a{
	margin-right:13px;
	font-size:.9rem;
	display:block;
	float:left;
	line-height:30px;
	}
.se2 a:hover{
	border-bottom:solid 2px #039;
	}

.huopqu{ height:auto; border:solid 1px #efefef;}
.huopqu ul li{ line-height:36px;padding:10px 10px; border-bottom:solid 1px #efefef; font-size:.9rem;}


/*钱包开始*/

.select_wallet{
	background:#fff;}
.select_wallet ul{
	overflow: hidden;
	padding:9% 0px;
	}

.select_wallet ul li{
	float:left;
	width:50%;
	text-align:center;
	}

.select_wallet ul li span{
	display:block;
	margin-top:20px;
	}


.tisf h3{
	padding:0px 10px;
	font-weight:normal;
	font-size:.85rem;
	color:#333;
	line-height:26px;
	}


.imm{ height:auto;}
.imm ul{
	padding-top:20px;}
.imm ul li{ 
	background:#fff;
	color:#333;
	font-weight:bold; font-size:.9rem;
	}
.imm ul li span{
	float:right;
	font-size:.5rem;
	color:#666;
	margin-right:10px;
	font-weight:normal;
	}
.imm ul li img{ 
	vertical-align:middle; 
	padding:8px 10px;
	width:10%;
	}

.imm_data{padding-top:10px;}
.imm_data ul{ 
	background:#fff; 
	width:90%;
	margin:0 auto;
	font-size:.8rem;
	padding:5px 10px;
	font-weight:bold;
	border-radius:5px;
	}
.imm_data ul li{ line-height:26px;}
.imm_data ul li.o{
	font-weight:normal;
	color:#333;
	font-size:.5rem;
	}

.feedback{
	padding-top:15px;
	}

.back{ 
	font-size:.8rem;
	color:#666;
	padding:0px 10px;
	}
.back span{
	float:right;
	font-size:.5rem;
	}
.feedback textarea{
	width:100%;
	height:100px;
	margin-top:.8rem;
	border:none;
	resize: none;
	}

.feedback botton{ 
	display:block;
	width:90%;
	margin:0 auto;
	background:#7573e4;
	text-align:center;
	height:46px;
	line-height:46px;
	margin-top:1rem;
	color:#fff;
	border-radius:5px;
	}


/*设置开始*/
.install{
	padding-top:1rem;
	}
.install h3{
	font-size:1rem;
	padding:0px 10px;
	padding-top:4%;
	line-height:36px;
	}

.install ul li{
	padding:0px 10px;
	line-height:46px;
	font-size:.85rem;
	color:#000;
	background-image:url(../images/fanz.png);
	background-repeat:no-repeat;
	background-position:98%;
	background-size:5%;
	}


.Account{
	padding:10px 13px;
	padding-top:1.2rem;
	}
.Account span{
	display:block;
	border-bottom:solid 1px #dadada;
	width:100%;
	}
.Account span input{
	border:none;
	line-height:46px;
	width:100%;
	color:#333;
	font-size:1rem;
	outline:none;
	}
.Account span a{
	line-height:46px;
	float:right;
	font-size:.5rem;
	color:#03F;
	}
.go{
	margin-top:14%;
	}	
.go span input{
	padding:0px 10px;
	}


.information{
	 height:auto;
	}
.info{
	padding:13px 10px;
	background:#ffe7d3 url(../images/tish.png);
	background-repeat:no-repeat;
	background-position:.5rem;
	text-indent:1rem;
	font-size:.85rem;
	color:#C30
	}

.info_input{
	height:auto;
	}
.info_input ul{ padding-top:10px;}
.info_input ul li{
	background:#fff;
	padding:10px 10px;
	background-image:url(../images/fanz.png);
	background-repeat:no-repeat;
	background-position:98%;
	background-size:5%;
	font-size:.9rem;
	}
.info_input ul .aci{
	line-height:36px;
	padding:0px 10px;
	font-size:.5rem;
	color:#000;
	}
.info_input ul li span{
	float:right;
	padding:0px 20px;
	font-size:.5rem;
	background-image:url(../images/anq.png);
	background-repeat:no-repeat;
	background-position:left;
	display:block;
	line-height:26px;
	color:#30acfe;
	}

.info_input ul li a{
	float:right;
	padding:0px 20px;
	font-size:.5rem;
	display:block;
	line-height:26px;
	color:#30acfe;
	}

.info_input ul li input{
	border:none; 
	line-height:24px;
	font-size:1rem; 
	text-indent:10px;
	outline:none;
	}


/*登录页面*/

.login{ padding:10px 20px}

.login ul{
	height: auto;
	}
.login ul li{
	border-bottom:solid 1px #ccc;
	padding:8px 0px;
	font-size:.9rem;
	}
	
.login ul li input{
	width:70%;
	line-height:30px;
	border:none;
	text-indent:40px;
	color:#666;
	}	

.login ul li i{
	padding:15px 10px;
	background-image:url(../images/yj.png);
	background-repeat:no-repeat;
	background-size:%;
	background-position:2px 12px;
	float:right;
	}

.login ul li i:hover{
	background-image:url(../images/yj2.png);
	background-position:2px 8px;
	}

.log_list{
	text-align:center;
	font-size:1.2rem;
	padding:50px 0px;
	}



.wangfi{
	width:100%;
	background:#efefef;
	padding:10px 0px;
	}
.wangfi ul{
	overflow:hidden;
	width:96%;
	margin:0 auto;
	background:#fff;
	box-shadow:0px 2px 3px #e2e2e2;
	border-radius:5px;
	}

.wangfi ul li{
	float:left;
	width:50%; 
	text-align:center;
	margin:10px 0px;
	color:#666;
	background-image:url(../images/wd1.png);
	background-repeat:no-repeat;
	background-position:20%;
	text-indent:20px;
	line-height:36px;
}

.money-number::before {
  content: "₹";
}

.rules {
		position: relative;
		width: 100%;
		background: #494a58;
		border-radius: 10px;
		margin-left: 0rem;
		margin-top: 0.8rem;
		margin-bottom: 3rem;
		color: #fff;
	}
		.rules .task_title img {
			width: 80%;
		}
		.rules_cover {
			z-index: 10;
			position: absolute;
		}
			.rules_cover img {
				width: 100%;
			}
		.rules_con {
			margin-top: 3vw;
			width: 90%;
			margin-left: 5%;
			height: 100%;
			transition: .3s;
			font-size: 0.6rem;
			line-height: 1.2rem;
			overflow: hidden;
		}
		
		
		.rules_con img{
			width: 100%;
		}
		
		
		.rules_footer {
			z-index: 15;
			position: absolute;
			width: 100%;
			height: 10vw;
			font-size: 4.2vw;
			color: #00A7F5;
			/*background: red;*/
			line-height: 10vw;
			text-align: center;
		}
			.rules_li {
				color: gray;
			}
				.rules_con li span {
					color: red;
				}
		.rules_con_footer {
			margin-top: 5vw;
			text-align: center;
			color: gray;
		}

		/** 动画 **/
@keyframes action_translateY{  
  0%{transform: scale(.5);opacity: 0;}  
  50%{ transform: scale(.8);opacity: .6;}
  100%{ transform: scale(1);opacity: 1;}   
}

/*==== task =====*/
.taskRules {
	position: relative;
	width: 100%;
	background: #EB2A30;
	padding-bottom: 10vw;
	padding-top: 1vw;
}
	.task {
		width: 90%;
		height: 104vw;
		background: white;
		border-radius: 10px;
		margin-left: 5%;
	}
		.task_title {
			width: 90%;
			margin-left: 5%;
			text-align: center;
			border-bottom: 1px solid #343645;
		}
			.task_title img {
				width: 70%;
				margin-top: 5.5%;
			}
		.task_read,.task_video {
			width: 90%;
			height: 35vw;
			margin-left: 5%;
			border-bottom: 1px solid #343645;
		}
			.task_r_name {
				padding-top: 3vw;
				font-size: 4.2vw;
				font-weight: bold;
			}
			.task_con {
				position: relative;
				top: 3vw;
				width: 90%;
				margin-left: 7%;
				height: 18vw;
				/*background: red;*/
			}
				.task_con_icon {
					position: relative;
					top: 5vw;
					width: 100%;
					height: 6.5vw;
				}
					.task_con_icon img {
						width: 100%;
					}
					.task_icon1 {
						position: relative;
						float: left;
						width: 8.5%;
						margin-left: 14%;
					}
					.task_line {
						float: left;
						width: 47%;
						height: 1px;
						margin: 4% 3%;
						background: #F4908F;
					}
					.task_icon2 {
						position: relative;
						float: left;
						width: 8.5%;
					}
				.task_fonts {
					position: relative;
					top: 7vw;
					width: 100%;
					height: 6vw;
					line-height: 6vw;
				}
					.task_fonts_left,.task_fonts_right {
						float: left;
						width: 40%;
						height: 100%;
						color: #262626;
						font-size: 3.5vw;
						text-align: center;
					}
					.task_fonts_right {
						float: right;
					}
					.task_video .task_line {
						background: #0DACF5;
					}
					.task_icon_already {
						position: absolute;
						top: -5vw;
						left: 5vw;
						width: 260%;
					}
						.task_icon_already img {
							width: 100%;
						}
		.task_font_footer {
			width: 90%;
			height: 12vw;
			margin-left: 5%;
			margin-top: 3vw;
			color: #8F8F8F;
			font-size: 3.5vw;
			line-height: 5.5vw;
		}



	
.img_duan1{ width:100%;}	
.img_duan1 img{ width:100%;}	
	
.img_duan2{
	height:auto;
	}	

.img_duan2 ul{
	text-align:center;
	background-image:url(../images/yq_2.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	padding-top:20px;
	height:200px;
	}		
	
.img_duan2 ul li{
	line-height:40px;
	color:#333;
	}	
	
.img_duan2 ul li.de_1{
	padding:40px 0px 10px 0px;
	font-weight:bold;
	font-size:1.2rem;
	}	
	
.img_duan2 ul li.de_2{
	font-weight:bold;
	font-size:1.2rem;
	}		
	
.botton_jiar{
	text-align:center;
	background-image:url(../images/yq_3.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	padding-top:20px;
	height:90px;
	padding-top:8%;
	}	
	
.botton_jiar input{
	width:90%;
	height:65px;
	line-height:65px;
	border:none;
	background:none;
	outline:none;
	}	
	
	
.erwif{
	background-image:url(../images/yq_4.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	margin-bottom:20px;
	}	
	
.erw_f{
	width:40px;
	margin-left:8%;
	padding:0px 0px;
	}	
	
.erw_f img{
	background:#FFF;
	width:100%;
	padding:5px 5px;
	}	
	
.aui-flex-box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  min-width: 0;
  font-size: 14px;
  color: #333;
}

.aui-flex-box dl{
  position: absolute;
}

.aui-flex-box dl img{
   width: 1.5rem;
}

.aui-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.5rem;
  position: relative;
  border-bottom: solid #F0E0E0 0.05rem;
}
	
.aui-task-box {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.aui-task-list {
    background: #edf1f4;
    border-radius: 5px;
    padding: 2px 1px 15px 1px;
}

.aui-palace-two {
    padding: 0;
}

.aui-palace-two .aui-palace-grid {
    width: 33.333%;
}

.aui-palace-two .aui-palace-grid-icon {
    width: 90px;
}

.aui-palace-three .aui-palace-grid-icon h4 {
    text-align: center;
    border: 3px solid #bfc6d9;
    border-radius: 100%;
    width: 28px;
    line-height: 22px;
    height: 28px;
    margin: 0 auto;
    background: #fff;
    color: #bfc6d9;
    font-weight: normal;
    z-index: 111;
    position: relative;
    font-size: 0.85rem;
}

.aui-palace-three:before {
    content: '';
    height: 5px;
    background: #bfc6d9;
    position: absolute;
    width: 90%;
    top: 40%;
    left: 15px;
    border-radius: 4px;
}

.aui-flex-box h3 {
    color: #303030;
    font-size: 0.6rem;
    margin-bottom: 0.5rem;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-wrap: break-word;
    word-break: break-all;
	padding-left: 2rem;
}


.van-progress {
    position: relative;
    height: .10667rem;
    background: #ebedf0;
    border-radius: .10667rem;
	margin: 0.5rem;
}

.van-progress__portion {
    position: absolute;
    left: 0;
    height: 100%;
    background: #1989fa;
    border-radius: inherit;
}

.aui-flex-box h4 {
    font-weight: normal;
    font-size: 0.65rem;
    color: #f78519;
    overflow: hidden;
}

.aui-flex-box h4 span {
    position: relative;
    display: block;
    float: left;
    padding-left: 2rem;
    padding-right: 1rem;
	font-weight: 600;
}

.icon-coin {
    position: absolute;
    left: 0;
    margin-right: 0.3rem;
    background-image: url(../icon/lv1.png); background-size:cover;
}

.icon-tag {
    position: absolute;
    left: 0;
    margin-right: 0.3rem;
    background-image: url(../icon/lv1.png);
}

.aui-button button {
    border: none;
    border-radius: 20px;
    font-size: 0.55rem;
    padding: 0.2rem 0.8rem;
}

.aui-button .isling {
    background: #e17d34;
	color: #fff;
}

.aui-button .noling {
    background: #505267;
	color: #fff;
}

.aui-flex-box img {
    width: 100%;
    height: auto;
    display: block;
    border: none;
    border-radius: 5px;
	padding-top: 0.2rem;
}

.aui-flex-img {
    padding: 15px 10px;
}

.aui-flex-img .aui-flex-box {
    margin: 0 5px;
}

.aui-tab {
    padding-bottom: 2rem;
}

.tab-nav {
    height: 40px;
    line-height: 40px;
    display: block;
    position: relative;
    background: #fff;
    z-index: 1;
    width: 100%;
    margin: 0 auto;
}

.tab-nav-item {
    height: 40px;
    line-height: 40px;
    position: relative;
    text-align: center;
    color: #585858;
    font-size: 0.9rem;
    display: block;
    float: left;
    width: auto;
    margin-left: 1rem;
}

.tab-nav-item.tab-active {
    /* background-color: #51bd03; */
}

.tab-nav-item.tab-active a {
    color: #333;
    font-weight: bold;
    font-size: 1rem;
}

.tab-nav-item a {
    display: inherit;
    font-size: 1rem;
    color: #969696;
}

.tab-panel {
    position: relative;
    overflow: hidden;
}

.tab-panel .tab-panel-item {
    width: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.tab-panel .tab-panel-item.tab-active ~ .tab-panel-item {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.tab-panel .tab-panel-item.tab-active {
    position: relative;
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.tab-nav-item.tab-active:before {
    content: '';
    width: 70%;
    height: 4px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -35%;
    z-index: 4;
    background-color: #333333;
    border-radius: 10px;
}