@charset "utf-8";


.sub_container{ clear:both; }

/* common */

.sub_report h2, .sub_transation h2, .sub_rank h2, .sub_market h2{ font-size:60px; font-weight:600;
               text-align:center; color:#fff; padding-top:200px;
               text-shadow: 2px 2px 6px #565656; }
.sub_report_arrow, .sub_rank_arrow, .sub_market_arrow{ width:20px; padding-top:580px; margin:0 auto; }
.sub_report_arrow span, .sub_rank_arrow span, .sub_market_arrow span{
    display: block;
    width: 20px;
    height: 20px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}
.sub_report_arrow span:nth-child(2), .sub_rank_arrow span:nth-child(2), .sub_market_arrow span:nth-child(2){
    animation-delay: -0.2s;
}
.sub_report_arrow span:nth-child(3), .sub_rank_arrow span:nth-child(3), .sub_market_arrow span:nth-child(3){
    animation-delay: -0.4s;
}
@keyframes animate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}




/* report */



.sub_report, .sub_report2{ width:100%; }
.sub_report{ height:1130px; background:url(../images/report.png) no-repeat center; }

.sub_report2{ height:690px; background-color:#000; padding-top:80px; }

.report_table{ width:1200px; height:70px; margin:0 auto; border:1px solid #7a7f84; }
.report_table dl{ float:left; width:80%; line-height:70px; }
.report_table dt{ float:left; }
.report_table dt p{ color:#fff; }
.report_table dt p:nth-child(1){ float:left; width:50px; height:40px; line-height:50px; text-align:center; background:#fff; margin:15px; }
.report_table dt p:nth-child(2){ font-size:14px; margin:0 20px; }
.report_table dt p:nth-child(2), .report_table dd{ float:left; line-height:70px; }

.report_table dd a{ display:block; color:#fff; }



.report_btn{ float:right; width:19%; margin-top:13px; }
.report_btn li{ float:left; width:46%; }
.report_btn button{ width:100%; line-height:40px; color:#fff; font-size:16px; border:1px solid #fff; }
.report_btn li:nth-child(2){ padding-left:10px; }


.report_page{ width:100%; margin:50px auto; }

.report_page ul{ width:11.5%; margin:0 auto; }
.report_page li{ float:left; }
.report_page li button{ font-size:16px; color:#fff; }
.report_page li:nth-child(2){ border-bottom:1px solid #fff; margin:0 20px; }




/* buymars */

.buymars{ width:100%; height:1000px; background:#000; }
.buymars_content{ width:100%; height:900px; padding-top:120px; }
.buymars_content p{ height:870px; color:#fff; font-size:30px; text-align:center; border:1px solid #fff; }

/* transation */


/* transation_common */


.transation_form p:nth-of-type(1), .transation_form p:nth-of-type(2), .input_box, .transation_form p:nth-of-type(3){ width:40%; }
.transation_form p:nth-of-type(1), .transation_form p:nth-of-type(2){ font-weight:600; color:#2d2d2d; }



.sub_transation{ width:100%; height:1130px; background:url(../images/transation.png) no-repeat center; text-align:center; }

.transation_form p:nth-of-type(1){ height:60px; line-height:60px; font-size:30px; background:#fff; margin:100px auto 0 auto; }
.transation_form p:nth-of-type(2){ height:100px; line-height:100px; background-color:rgba(255,255,255,0.7); margin:0 auto; }

.input_box{ margin: 15px auto 5px auto; }
.input_box input{ width:100%; height:70px;
                  padding: 0 10px;
                  border:1px solid #fff; box-sizing:border-box;
                  font-size: 16px; text-align: right;
                  padding: 0 50px 0 10px;
                  background:none; }
.input_box input[type="text"], .input_box input::placeholder{ color:#fff; }


.input_box span{ width:45px; height:70px; line-height:70px; color:#fff; font-weight:600; position: absolute;
margin-left:-50px; }

.transation_form p:nth-of-type(3){ height:70px; line-height:70px; margin:50px auto; border:1px solid #fff; }
.transation_form p:nth-of-type(3) a{ display:block; color:#fff; }
.transation_form p:nth-of-type(3) a span{ font-size:25px; }


.deposit{ width:40%; text-align:left; margin:10px auto; }
.deposit p{ color:#ff3636; }
.deposit img{ vertical-align:middle; margin-right:5px; }
.deposit p:nth-child(1){ font-size:20px; margin-bottom:10px; }



/* rank */



.sub_rank, .sub_rank2{ width:100%; }

.sub_rank{ height:1130px; background:url(../images/rank1.png) no-repeat center; }
.sub_rank2{ height:1107px; background:url(../images/rank2.jpg) no-repeat center; }

.sub_rank2 ul{ width:1200px; margin:0 auto; }
.sub_rank2 li{ float:left; color:#fff; text-align:center; }
.sub_rank2 li:nth-child(1), .sub_rank2 li:nth-child(3){ width:30%; }
.sub_rank2 li:nth-child(2){ width:40%; }
.sub_rank2 li p:nth-child(2), .sub_rank2 li:nth-child(2) p:nth-child(3){ font-size:30px; font-weight:600; }



.rank_btn{ clear:both; width:1200px; margin:0 auto 50px auto; padding:50px 0; }

.rank_btn_wrap{ width:300px; float:right; }
.rank_btn_wrap button{ overflow: hidden; display: inline-block;
                vertical-align: top; width: 90px;
                height: 40px; line-height: 40px; color:#fff;
                border: 1px solid #7a7f84; transition: all 0.5s; }
.rank_btn_wrap button:hover{ color:#2d2d2d; background:#fff; }


.rank_btn_wrap button:nth-child(2){ margin:0 3px; }




.rank_list, .rank_list2, .rank_list3{ clear:both; width:1200px; border:1px solid #fff; margin:0 auto; }

.rank_list table, .rank_list2 table, .rank_list3 table{ width:1200px; border-collapse: collapse; }
.rank_list table tr, .rank_list2 table tr, .rank_list3 table tr{ color:#fff; height:60px; line-height:60px; }


.rank_list thead, .rank_list2 thead, .rank_list3 thead{ width:100%; background-color:rgba(255,255,255,0.2); }
.rank_list thead th:nth-child(1), .rank_list2 thead th:nth-child(1), .rank_list3 thead th:nth-child(1){ width:15%; text-align:left; padding-left:20px; }
.rank_list thead th:nth-child(2), .rank_list2 thead th:nth-child(2), .rank_list3 thead th:nth-child(2){ width:70%; }
.rank_list thead th:nth-child(3), .rank_list2 thead th:nth-child(3), .rank_list3 thead th:nth-child(3){ width:15%; text-align:right; padding-right:20px; }



.rank_list tbody, .rank_list2 tbody, .rank_list3 tbody{ width:100%; }
.rank_list tbody tr, .rank_list2 tbody tr, .rank_list3 tbody tr{ border-top:1px solid #fff; }

.rank_list tbody tr:nth-child(1), .rank_list tbody tr:nth-child(1) td p, .rank_list2 tbody tr:nth-child(1), .rank_list2 tbody tr:nth-child(1) td p, .rank_list3 tbody tr:nth-child(1), .rank_list3 tbody tr:nth-child(1) td p{ color:#4277ff; }


.rank_list tbody td:nth-child(1) p, .rank_list2 tbody td:nth-child(1) p, .rank_list3 tbody td:nth-child(1) p{ width:90px; height:40px; line-height:40px; margin-left:10px; color:#2d2d2d; font-weight:600; text-align:center; background:#fff; border-radius:10%; }

.rank_list tbody td:nth-child(2) img, .rank_list2 tbody td:nth-child(2) img, .rank_list3 tbody td:nth-child(2) img{ vertical-align:middle; margin-right:15px; }
.rank_list tbody td:nth-child(3), .rank_list2 tbody td:nth-child(3), .rank_list3 tbody td:nth-child(3){ float:right; padding-right:20px; }



.rank_list2, .rank_list3{ display:none; }




/* market place */


.sub_market, .sub_market2{ width:100%; }

.sub_market{ height:1130px; background:url(../images/market1.png) no-repeat center; }
.sub_market2{ height:1107px; background:url(../images/market2.jpg) no-repeat center; }

.sub_market2 p{ text-align:center; color:#fff;  }
.sub_market2 p:nth-child(1){ padding-top:300px; }
.sub_market2 p:nth-child(2){ font-size:50px; font-weight:600; }