/* 

个人中心-积分页面 

*/
.member-box .member_right .title {
    margin-bottom: 35px;
}

.page_content{
    position: relative;
}

.integal_tips_box{
    position: absolute;
    top: -58px;
    left: 0;
    padding: 0 0 0 80px;
    width: 100%;
}
.integal_tips_box .text{
    height: 30px;
    line-height: 30px;
    border: 1px solid #ffeeba;
    background-color:#fcf8e3;
    color: #9d7d1c;
    display: inline-block;
    border-radius: 50px;
    padding: 0 15px;
}
.integal_tips_box .num{
    height: 30px;
    line-height: 30px;
    float: right;
    vertical-align: middle;
    font-size: 16px;
    color: #15171a;
}
.integal_tips_box .num i{
    color: #ff7308;
    font-style:normal;
}
.integal_content_box .task_list_box ul{
    display: flex;
}
.integal_content_box .task_list_box ul li{
    display: inline-block;
    width: 300px;
    height: 210px;
    border-radius: 8px;
    border-top: 10px solid #bdc3cc;
    background-color: #eaedf2;
    margin-right: 35px;
    text-align: center;
}
.integal_content_box .task_list_box ul li:last-child{
    margin-right: 0;
}
.integal_content_box .task_list_box p{
    color: #505660;
    font-size: 16px;
}
.integal_content_box .task_list_box .num{
    font-size: 26px;
    font-weight: bold;
    color: #24272b;
    margin: 30px 0 20px 0;
}
.a_btn{
    width: 130px;
    height: 40px;
    border-radius: 50px;
    background-color: #d3d8e0;
    color: #6f747c;
    display: inline-block;
    line-height: 40px;
    font-size: 14px;
    margin-top: 20px;
    text-align: center;
}
.integal_content_box .task_list_box .yq{
    border-top: 10px solid #ffa574;
    background-color: #fff0e4;
}
.integal_content_box .task_list_box .yq .a_btn{
    background-color: #ff6a19;
    color: #fff;
}
.integal_content_box .task_list_box .yq p{
    color: #ff6a19;
}
.integal_content_box .task_list_box .yq .num{
    color: #24272b;
}
.integal_content_box .task_list_box .wx{
    border-top: 10px solid #7db1ff;
    background-color: #cde1ff;
}
.integal_content_box .task_list_box .wx .a_btn{
    background-color: #2a7fff;
    color: #fff;
}
.integal_content_box .task_list_box .wx p{
    color: #2a7fff;
}
.integal_content_box .task_list_box .wx .num{
    color: #24272b;
}
.integal_content_box .detailed_list_box{
    margin-top: 30px;
}
.integal_content_box .detailed_list_box ul li{
    display: flex;
    font-size: 14px;
    margin: 15px 0;
}
.integal_content_box .detailed_list_box ul li span{
    width: 290px;
    display: inline-block;
}
.integal_content_box .detailed_list_box ul li span:last-child{
    width: 640px;
    text-align: right;
}
.integal_content_box .detailed_list_box ul.thead li{
    border-bottom: 1px solid #d0d0d0;
    color: #2c2e32;
    font-weight: bold;
    padding-bottom: 5px;
}
.integal_content_box .detailed_list_box ul.tbody li{
    color: #575b61;

}

/* 
推广赚钱
*/
.user_popularize_modal.user_cashout_modal .modal-header h3 {
    margin: 30px 0 40px 0;
}
.popularize_content_box .info_list_box{
    margin: 35px 0;
}
.popularize_content_box .info_list_box ul{
    display: flex;
    justify-content: space-between;
}
.popularize_content_box .info_list_box ul li{
    border-right: 1px solid #ddd;
}
.popularize_content_box .info_list_box ul li:last-child{
    border-right: none;
    width: 390px;
}
.popularize_content_box .info_list_box ul li:first-child{
    padding-left: 0;
}
.popularize_content_box .info_list_box ul .info{
    display: flex;
    padding-right: 30px;
}
.popularize_content_box .info_list_box ul .head{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    margin-right: 15px;
}
.popularize_content_box .info_list_box ul .head img{
    display: block;
    width: 100%;
}
.popularize_content_box .info_list_box ul .name{
    font-size: 20px;
    color: #15171a;
    font-weight: bold;
    margin: 15px 0 0 0;
}
.popularize_content_box .info_list_box ul .bonus{
    color: #404040;
    font-size: 14px;
    text-align: center;
    padding: 0 30px;
}
.popularize_content_box .info_list_box ul .bonus .num{
    font-size: 30px;
    font-weight: bold;
    color: #ff3939;
    margin: 0;
}
.popularize_content_box .info_list_box .detailed{
    padding-left: 30px;
    margin-top: 10px;
}
.popularize_content_box .info_list_box .detailed span{
    width: 210px;
    display: inline-block;
    font-size: 14px;

}
.popularize_content_box .info_list_box .opeate{
    float: right;
}
.popularize_content_box .info_list_box  .a_btn{
    width: auto;
    padding: 0 20px;
    min-width: 80px;
    margin: 4px 0 12px 0;
}
.popularize_content_box .info_list_box .tx.a_btn{
    background-color: #2a7fff;
    color: #fff;
}
.popularize_content_box .info_list_box .tg.a_btn{
    background-color: #ff2a2a;
    color: #fff;
}

.popularize_content_box .detailed_list_box{
    margin-top: 30px;
}
.popularize_content_box .detailed_list_box ul li{
    display: flex;
    font-size: 14px;
    margin: 15px 0;
}
.popularize_content_box .detailed_list_box ul li span{
    width: 20%;
    display: inline-block;
}
.popularize_content_box .detailed_list_box ul li span:nth-child(3){

}
.popularize_content_box .detailed_list_box ul li span:last-child{
    text-align: right;
}
.popularize_content_box .detailed_list_box ul.thead li{
    border-bottom: 1px solid #d0d0d0;
    color: #2c2e32;
    font-weight: bold;
    padding-bottom: 5px;
}
.popularize_content_box .detailed_list_box ul.tbody li{
    color: #575b61;

}
.popularize_banner_box img{
    width: 100%;
}

.common_modal.user_cashout_modal .modal-content{
    width: 570px;
}
.user_cashout_box {
    text-align: center;
}
.user_cashout_box .tips{
    text-align: left;
    color: #80858e;
    font-size: 12px;
    line-height: 28px;
    border-top: 1px solid #dcdee1;
    margin: 50px 20px 0 20px;
    padding: 15px 0 0 0;
}
.user_cashout_box .tips p:first-child{
    color: #262626;
    font-size: 14px;
    font-weight: bold;
}
.user_cashout_box .user_account{
    color: #4a4a4a;
    margin: 10px 0 20px 0;
}
.user_cashout_box .user_cash p:first-child{
    color: #9c9c9c;
}
.user_cashout_box .user_cash p.price b{
    font-size: 24px;
}
.user_cashout_box .btns .a_btn{
    width: auto;
    border-radius: 4px;
    padding: 0 30px;
    height: 48px;
    line-height: 48px;
    color: #5d5d5d;
    font-weight: bold;
    margin: 20px 5px;
}
.user_cashout_box .btns .a_btn.tx{
    background-color: #0064fa;
    color: #fff;
}
.user_popularize_modal.user_join_modal .modal-body{
    padding: 0;
}
.user_popularize_modal .modal-content{
    border: none;
}
.common_modal.user_join_modal .modal-content{
    width: 630px;
}
.user_join_box .title{
    text-align: center;
    font-size: 16px;
    color: #202020;
}
.user_join_box {
    padding: 30px 85px;
}
.user_join_box .form_box{

}
.user_join_box .form_box .input_item{
    margin: 0 0 15px 0;
}
.user_join_box .form_box .input_item.code{
    display: flex;
}
.user_join_box .form_box .input_item input{
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    padding: 0 15px;
}
.user_join_box .form_box .input_item.code button{
    height: 50px;
    line-height: 50px;
    background: #26282b;
    color: #fff;
    padding: 0 20px;
    margin-left: 10px;
    border-radius: 4px;
    border: none;
}
.user_join_box .btns .a_btn,.join_success_box .a_btn{
    border-radius: 4px;
    height: 50px;
    line-height: 50px;
    background: #0064fa;
    color: #fff;
    width: 100%;
}
.user_join_box .tiaokuan{
    text-align: center;
    font-size: 12px;
    color: #82858a;
    padding: 10px 0;
}
.join_tip_box{
    background: #212225;
    color: #ecb956;
    font-size: 12px;
    padding: 20px 25px;
}
.join_tip_box h3{
    font-size: 12px;
    font-weight: bold;
}
.join_tip_box p{

}
.join_tip_box .img{
    text-align: center;
}
.join_success_box{
    width: 100%;
    text-align: center;
    color: #424242;
    padding: 40px 0;
}
.join_success_box h2{
    color: #353739;
}
.join_success_box .a_btn{
    width: auto;
    padding: 0 40px;
}




    /*推广专题*/
.topics-body {
    background: #fd7650;
}
.topics-container {
    padding: 290px 0 0 0;
    min-height: 1000px;
    background: #fd7650 url("../images/topics_bg.jpg") no-repeat center top;
}
.topics-container .wyzq {
    width: 220px;
    height: 60px;
    line-height: 60px;
    background: #ffea00;
    color: #eb3c0a;
    font-size: 24px;
    display: block;
    margin: 0 auto 460px auto;
    border-radius: 60px;
    text-align: center;
    box-shadow: 0px 5px 2px 0px rgb(231 76 33 / 42%);
}
.topics-box {
    background: #ffe9ca;
    border-radius: 40px;
    margin: 0 0 120px 0;
    padding: 0 0 30px 0;
}
.topics-box .title {
    text-align: center;
    position: relative;
    top: -30px;
}
.topics-box.tggz{
    background: #fff;
}
.topics-box.zyj ul{
    display: flex;
    text-align: center;
    justify-content: space-around;
}
.topics-box.zyj ul li{
    font-size: 18px;
    color: #292929;
    width: 50%;
}
.topics-box.alck dl,.topics-box.zfzq dl{
    margin: 0 55px;
}
.topics-box.alck dl dt{
    background: #1f1f1f;
    font-size: 16px;
    color: #ffe9ca;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
}
.topics-box.alck dl .item {
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.topics-box.alck dl .item span{
    display: inline-block;
    min-width: 140px;
}
.topics-box.alck dl .item span:nth-child(2){
    width: 700px;
}

.topics-box.alck dl dd{
    border-left: 1px solid #1f1f1f;
    border-right: 1px solid #1f1f1f;
}
.topics-box.alck dl dd .item{
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #1f1f1f;

}
.topics-box.alck dl dd .item span{
    border-right: 1px solid #1f1f1f;
}
.topics-box.alck dl dd .item span:last-child{
    border-right: none;
}
.topics-box.alck .tips{
    text-align: center;
    font-size: 12px;
    color: #fd7650;
    margin: 20px 0 0 0;
}
.topics-box.zfzq dl{
    width: 650px;
    border: 8px solid #fd7650;
}
.topics-box.zfzq dl .item {
    display: flex;
    justify-content: space-between;
    text-align: center;
    line-height: 60px;
}
.topics-box.zfzq dl dt span{
    font-size: 18px;
    font-weight: normal;
}
.topics-box.zfzq dl dd span{
    font-size: 18px;
    font-weight: bold;
}
.topics-box.zfzq dl dd span i{
    color: #fd7650;
    font-style: normal;
}
.topics-box.zfzq dl .item span{
    display: inline-block;
    width: 50%;
    border-right: 1px solid #fd7650;
    color: #343434;
}
.topics-box.zfzq dl dd .item:nth-child(2n-1){
    background: #ffd2b2;
}
.topics-box.zfzq .content{
    position: relative;
}
.topics-box.zfzq .img{
    position: absolute;
    top: -20px;
    right: 70px;
}
.topics-box.zfzq .ways {
    margin: 120px 0 0 0;
}
.topics-box.zfzq .ways .title{
    top: 0;
}
.topics-box.zfzq .tips{
    margin: 30px 0;
    text-align: center;
}
.topics-box.zfzq .tips span{
    background: #ffcf00;
    color: #272727;
    font-size: 18px;
    border-radius: 48px;
    line-height: 48px;
    display: inline-block;
    padding: 0 30px;
}
.topics-box.tggz .content{
    padding: 0 100px;
}
.topics-box.tggz .item{
    margin: 0 0 40px 0;
}
.topics-box.tggz .item p{
    line-height: 24px;
}
.topics-box.tggz .tit{
    margin: 0 0 15px 0;
}
.topics-box.tggz .service{
    text-align: center;
}
.topics-box.tggz .service .a_btn{
    border-radius: 6px;
    width: 250px;
    height: 60px;
    line-height: 60px;
    background: #0064fa;
    color: #fff;
    font-size: 24px;
}

.activation-card{
    width: 500px;
    height: 295px;
    border-radius: 10px;
    background:url("../images/huangguan.png") no-repeat right bottom,linear-gradient(to bottom right,#f6daa8,#e3be79) ;
    padding: 25px;
    color:#977136;
    margin-bottom: 30px;
}
.activation-top{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    font-size: 20px;
}
.activation-top .text{
    font-size: 14px;
    margin-top: 5px;
}
.activation-top-img{
    width: 68px;
    height: 68px;
    border-radius: 50%;
    border: 2px solid #bd8d51;
    margin-right: 15px;
}

#activation-input{
    width: 330px;
    height: 42px;
    border: none;
    border-radius:10px;
    background: #b29050;
    outline: none;
    padding-left: 15px;
    color: white;
    font-size: 16px;
    margin-top: 3px;
}
.activation-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
}

.activation-bottom a{
    width: 120px;
    height: 40px;
    background: linear-gradient(to bottom right,#806434,#141414);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    border-radius: 20px;
}
.activation-bottom a:hover{
    opacity: 1;
    background: linear-gradient(to bottom right,#806434cc,#141414cc);
}

.activation-content .title{
    font-size: 14px!important;
    margin-bottom: 10px!important;
}
.activation-content p{
    color: #6a707a;
}
table.list {
    width: 100%;
}

table.list tr:hover {
    opacity: 0.8;
}

table.list .selected {
    background-color: #fff8e4;
}

table.list th {
    height: 35px;
    line-height: 24px;
    color: #5b5b5b;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    border-top: solid 1px #d8deea;
    border-right: solid 1px #c6c9ca;
    border-bottom: solid 1px #c6c9ca;
    border-left: solid 1px #c6c9ca;
}
table.list th:last {
    height: 35px;
    line-height: 24px;
    color: #5b5b5b;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    border-top: solid 1px #d8deea;
    border-right: solid 1px #c6c9ca;
    border-bottom: solid 1px #c6c9ca;
}
table.list th a, table.list th span {
    padding: 0px 8px;
}


table.list td {
    line-height: 35px;
    padding-left: 5px;
    border-bottom: 1px solid #e6f0f9;
    border-right: 1px solid #e6f0f9;
    background-color: #fff;
}

table.list td a {
    color: #fff;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background-color: #1E9FFF;
    display: inline-block;
    height: 30px;
    padding: 0 12px;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}
.statistics-box .opt {
    height: 50px;
    background: #fff;
    vertical-align: middle;
    line-height: 50px;
}

.statistics-box .opt .filter {
    display: inline-block;
    vertical-align: top;
}

.statistics-box .opt .info {
    display: inline-block;
    margin: 0px 5px;
}
.statistics-box .opt .info i {
    font-style: inherit;
    color: red;
}
.statistics-box .opt .filter input {
    height: 30px;
}
.statistics-box .opt .filter .date {
    display: inline-block;
}
.statistics-box .opt .filter .date input {
    width: 90px;
}
.statistics-box .opt .filter select {
    height: 30px;
}
.statistics-box .opt button {
    background-color: rgb(0, 100, 250);
    color: #fff;
    border: none;
    width: 60px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
}
.page_common_padding.moban-link {
    display: none;
}