@charset "utf-8";
/* CSS Document */


header{ background:#f1f7ff;font-size:3rem;}
header .container{ height:10rem; }
header .container .icon-gengduo{ font-size:4rem; }
header .title{ font-weight:bold;}
.tearn_1{ background:#fff; padding:2rem 0px; margin-bottom:2rem;}
.tearn_1 ul{display: flex;
    align-items: center;}
.tearn_1 ul li{ text-align:center; flex:1;}
.tearn_1 ul li .count{ font-size:4.3rem;}
.tearn_1 ul li .title{ margin-bottom:2rem;}
.tearn_2{background:#fff;margin-bottom:2rem; }
.tearn_class { border-bottom:1px #ededed solid;}
.tearn_class ul{display: flex; text-align:center;
align-items: stretch;}
.tearn_class ul li{ line-height:3; font-size:2.9rem;  flex:1; position:relative;}
.tearn_class ul li.cur{font-weight:bold; color:#2d86f1;}
.tearn_class ul li.cur:before {
	width: 2.9rem;
	height: 0.6rem;
	position: absolute;
	left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);
	bottom: 0px;
	background: #2d86f1; border-radius:15px;
	content: '';
}
.tearn_2 .t_list ul li{ padding:3.5rem 2.1rem; border-bottom:1px #f7f7f7 solid;}
.tearn_2 .t_list ul li .title{ margin-bottom:3rem;}
.tearn_2 .t_list ul li .title .copy{background: #2d86f1; font-size:2.9rem; font-weight:bold; color:#fff; display:inline-block; border-radius:3px; padding:0px 6px; line-height:2.3;}
.tearn_2 .t_list ul li .content{ background:#f5f5f5; padding:2.2rem 0px; border-radius:5px;}
.tearn_2 .t_list ul li .content dd{ flex:1; text-align:center;}
.tearn_2 .t_list ul li .content dd .count{ font-size:4rem; font-weight:bold; margin-top:1rem;}
.tearn_2 .t_list ul li .content dd .count.org{ color:#f08e37;}
.tearn_2 .t_list ul li .date{ color:#878787; margin-top:1.6rem;}

.tabcontent_1 .t_list{
	display:none;
}
.tabcontent_1 .t_list.cur{
	display: block;
}
.record_class{  background:#fff;}
.record_class ul{display: flex; text-align:center;
align-items: stretch;}
.record_class ul li{ line-height:3; font-size:2.9rem;  flex:1; position:relative;}
.record_class ul li.cur{font-weight:bold; color:#2d86f1;}
.record_class ul li.cur:before {
	width: 2.9rem;
	height: 0.6rem;
	position: absolute;
	left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);
	bottom: 0px;
	background: #2d86f1; border-radius:15px;
	content: '';
}
.record_2 { padding:2.1rem;}
.record_2 .r_list ul li{ display:flex;align-items: center; background:#fff; border-radius:5px; padding:2.3rem 2rem; margin-bottom:2.1rem;}
.record_2 .r_list ul li .content{ flex:1;}
.record_2 .r_list ul li .content .title img{ height:5.5rem; margin-right:4px;}
.record_2 .r_list ul li .content .title{ font-size:3rem; margin-bottom:1.7rem;}
.record_2 .r_list ul li .content .date{ color:#848484; font-size:2.1rem;}
.record_2 .r_list ul li .pay{ font-size:2.9rem;font-weight: bold;
    color: #2d86f1;}
.record_2 .r_list ul li:last-child{ margin-bottom:0px;}
.tabcontent_1 .r_list{
	display:none;
}
.tabcontent_1 .r_list.cur{
	display: block;
}
.statistics_1{ background:#fff; margin-bottom:2rem;}
.statistics_1 ul{ margin:0px 4.8rem;}
.statistics_1 ul li{display: flex;
    align-items: center;
    justify-content: space-between; border-bottom:1px #eeeeee solid; height:8.8rem;}
.statistics_1 ul li .formbit{ flex:1; padding:0px 10px; text-align:center; height:5rem; line-height: normal; border:0px; outline:none;}
.statistics_1 ul li .icon-youjiantou{ color:#8a8a8b; font-size:2.9rem;}
.statistics_1 ul li:last-child{ border-bottom:0px;}
.statistics_1 .sta_bt{display: flex;
    align-items: center;
    justify-content:center; padding:2.1rem 0px;border-top:1px #eeeeee solid;}
.statistics_1 .sta_bt input{ width:16.1rem; height:5.9rem; border-radius:25px; background:#fff; color:#2d86f1; border:1px #2d86f1 solid; margin:0px 1.1rem; font-size:2.6rem;}
.statistics_1 .sta_bt input.active{background:#2d86f1; color:#fff;}
.statistics_2{ background:#fff; padding:1rem 0px; margin-bottom:2rem;}
.statistics_2 ul{display: flex;align-items: stretch;}
.statistics_2 ul li{ flex:1; text-align:center; padding:1.4rem 1rem;word-break:break-word;}
.statistics_2 ul.first{ border-top:1px #eaeaea solid;}
.Withdrawal{ font-size: 2.8rem;}
.Withdrawal ul li{ background: #fff; padding: 2.9rem 3.1rem; margin-bottom: 2rem;}
.Withdrawal ul li .tpright .blue{ color: #2d86f1; margin-left: 1.8rem;}
.Withdrawal ul li .tpright .blue .iconfont{ font-size: 2.6rem;}
.Withdrawal ul li .tpright .red{ color: #de3f3c; font-size: 2.2rem;}
.Withdrawal ul li .price{ font-size: 5.8rem; padding-top: 4.8rem; padding-bottom: 6.3rem; font-weight: bold; border-bottom: 1px #ebebeb solid; margin-bottom: 1.7rem;}
.Withdrawal ul li .price .formbit{ flex:1; overflow: hidden; height: 7.8rem; line-height: 1; border: 0px; outline: none; margin-left: 10px;font-size: 5.8rem; font-weight: bold;}
.Withdrawal ul li.last{ background: none;}
.Withdrawal ul li.last .sumbit{ width: 100%; height: 9rem; line-height: normal; text-align: center; border: 0px; border-radius: 3px; font-size: 3.4rem; font-weight: bold; color: #fff; background-color:rgba(45,134,242,0.4); margin-bottom: 2.7rem;}
.Withdrawal ul li.last .sumbit.active{background-color:rgba(45,134,242,1);}
.Withdrawal ul li.last .rule{display: flex;
    align-items: center;
    justify-content: center; font-size: 2.2rem;}
.Withdrawal ul li.last .rule .iconfont{ font-size: 2.6rem;}
.record_class.no1 ul li.cur:before{ width: 7.7rem; height: 0.5rem;}
.r_remarks{ background-color: #f6eddb; padding: 2.5rem 3rem; text-align: center; color: #eba136; font-size: 2.2rem;}
.record_4 .agents_1{ padding: 0rem 2rem; }
.record_4 .agents_1 .pic{ text-align: center;}
.record_4 .agents_1.no1{background: #fff; padding: 3rem 3rem;}
.record_4 .agents_1 .pic img{ width: 56.2rem; height: auto;}
.record_4 .agents_1 .content{ padding: 6rem 0px;}
.record_4 .agents_1 .sumbit{ width: 90%; margin: 0px auto; height: 8rem; line-height: 8rem; text-align: center;    background-color: rgba(45, 134, 242, 1); color: #fff;font-size: 2.9rem; display: block; border-radius: 40px;}
.tabcontent_1 .agents_1{
	display:none;
}
.tabcontent_1 .agents_1.cur{
	display: block;
}
.record_4{ margin: 2rem 0px;}

.record_6{ margin: 2rem 0px;}
.record_6 .agents_1{ padding: 2rem 0rem; margin: 0px 3rem; }
.record_6 .agents_1 .pic{ text-align: center;}
.record_6 .agents_1.no1{background: #fff; padding: 3rem 3rem;}
.record_6 .agents_1 .pic img{ width: 56.2rem; height: auto;}
.record_6 .agents_1 .content{ padding: 6rem 0px;}
.record_6 .agents_1 .sumbit{ width: 90%; margin: 0px auto; height: 8rem; line-height: 8rem; text-align: center;    background-color: rgba(45, 134, 242, 1); color: #fff;font-size: 2.9rem; display: block; border-radius: 40px;}
.record_6 .invite {  background:#fff; margin: 0px 3rem; border: 1px #2d86f1 solid; border-radius: 4px; overflow: hidden;}
.record_6 .invite ul{display: flex; text-align:center;
align-items: stretch;}
.record_6 .invite ul li{ line-height:2.5; font-size:2.9rem;  flex:1; position:relative;}
.record_6 .invite ul li.cur{font-weight:bold; color:#fff; background-color: #2d86f1;}

.tabcontent_4 .agents_1{
	display:none;
}
.tabcontent_4 .agents_1.cur{
	display: block;
}
.tabcontent_5 .agents_1{
	display:none;
}
.tabcontent_5 .agents_1.cur{
	display: block;
}
.tabcontent_3 .record_6{
	display:none;
}
.tabcontent_3 .record_6.cur{
	display: block;
}

.detail_2{ background-color: #fff; margin-bottom: 2rem;}
.detail_2 .content{ padding-top: 4.7rem; padding-bottom: 2.8rem; padding-left: 3rem; padding-right: 3rem; border-bottom: 1px #eaeaea solid;}
.detail_2 .content .tpleft .price{ font-size: 4.3rem; font-weight: bold; margin-top: 2rem;}
.detail_2 .content .cash{ width: 14.1rem; height: 6rem; border-radius: 4px;display: flex;
    align-items: center;
    justify-content: center; background-color: #2d86f1; color: #fff; font-size: 2.9rem; font-weight: bold;}
.detail_2 .box{ padding: 2rem 3rem;}
.detail_2 .box .tpright a{display: flex;
    align-items: center;
    justify-content: center;}
.detail_2 .box .tpright a .iconfont{ font-size: 2.4rem;}
.detail_3{ background-color: #fff; margin-bottom: 2rem;}
.detail_3 .d_title{ line-height: 2.8;border-bottom: 1px #eaeaea solid;font-size: 2.9rem; padding: 0px 2rem; font-weight: bold;}
.detail_3 ul li{ padding: 2.8rem 2rem;display: flex;
    align-items: center;
    justify-content: space-between;}
.detail_3 ul li .tpleft{ flex:1;}
.detail_3 ul li .tpleft .infor{ font-size: 2.9rem; margin-bottom: 2rem;}
.detail_3 ul li .tpleft .date{ font-size: 1.9rem; color: #898989;}
.detail_3 ul li .tpright{ color: #f28724; font-size: 2.8rem;}

/*加入代理*/
.join_m{ padding: 3rem 2.1rem;}
.Proxy_1{ background-color: #fff; color: #969696;padding: 2rem 2.1rem;}
.Proxy_1 ul li{ display: flex; align-items: center;}
.Proxy_1 ul li .iconfont{ font-size: 3.2rem; margin-right: 4px;}
.join_m .j_title{ font-size: 2.9rem; margin-bottom: 1.9rem; font-weight: bold;}
.join_m .join_price{ margin-bottom: 3rem;  }
.join_m .join_price ul{margin-bottom: 3rem;background-color: #fff;padding: 0px 1.7rem; border-radius: 3px;}
.join_m .join_price ul li{ padding:3rem 0px; font-size: 2.9rem; border-bottom: 1px #ebebeb solid;}
.join_m .join_price ul li .title{ margin-bottom: 3rem; color: #222;}
.join_m .join_price ul li .list{ color: #5a5a5a; display: flex; align-items: center; justify-content: space-between;}
.join_m .join_price ul li .list .tpright{ font-size: 2.2rem; color: #222222;}
.join_m .join_price ul li .list .tpright .org{ color: #f99621; font-size: 2.4rem;}
.join_m .join_price ul li .list .infor .van-stepper__input{width:10rem;}
.join_m .join_price ul li .list .infor .van-stepper--round .van-stepper__minus{color:#01c579;border-color:#01c579;}
.join_m .join_price ul li .list .infor .van-stepper--round .van-stepper__plus{color:#fff; background-color: #01c579;}
.join_m .join_price ul li:last-child{ border-bottom: 0px;}
.join_m .join_price .refer .sumbit{    width: 100%;
    margin: 0px auto;
    height: 8rem;
    line-height: 8rem;
    text-align: center;
    background-color: rgba(45, 134, 242, 1);
    color: #fff;
    font-size: 2.9rem;
    display: block;
    border-radius: 40px; border: 0px;} 
.join_m .join_desc { line-height: 2;}
.join_m .join_desc .title{ font-size: 2.8rem; margin-bottom: 1rem;}
.join_m .join_desc .infor{ font-size: 2.6rem; color: #818181;}
@media screen and (max-width: 450px) {
	header .title{ font-size:18px;}
	.tearn_class ul li{ font-size:16px;}
	.tearn_2 .t_list ul li .title .copy{ font-size:16px;}
	.record_2 .r_list ul li .content .title{ font-size:16px;}
	.record_2 .r_list ul li .content .date{ font-size:13px;}
	.record_2 .r_list ul li .pay{ font-size:16px;}
	.statistics_1 ul li .icon-youjiantou{ font-size:16px;}
	.statistics_1 .sta_bt input{ font-size:15px;}
	.Withdrawal{ font-size: 14px;}
	.Withdrawal ul li .tpright .red{ font-size: 13px;}
	.Withdrawal ul li.last .rule{font-size: 13px;}
	.r_remarks{ font-size: 13px;}
	.record_2 .agents_1 .sumbit{  font-size: 16px;}
	.detail_2 .content .cash{ font-size: 16px;}
	.detail_3 .d_title{ font-size: 16px;}
	.detail_3 ul li .tpleft .infor{font-size: 16px;}
	.detail_3 ul li .tpleft .date{ font-size: 12px;}
	.detail_3 ul li .tpright{ font-size: 16px;}
	.join_m .j_title{ font-size: 16px;}
	.join_m .join_price ul li { font-size: 16px;}
	.join_m .join_price ul li .list .tpright{ font-size: 13px;}
	.join_m .join_price ul li .list .tpright .org{ font-size: 14px;}
	.join_m .join_price .refer .sumbit{ font-size: 16px;}
	.join_m .join_desc .title{ font-size: 14px;}
	.join_m .join_desc .infor{font-size: 13px; }
}
.tabcontent_1 .r_list{
	display:none;
}
.tabcontent_1 .zzz{
	display:none;
}
.tabcontent_1 .cur{
    display: flex;
  flex-direction: column; /* 让子元素垂直排列 */
}