.enterprice_exchange{max-width: 1470px;width: 100%; display: flex;margin: 0 auto;}
.enterprice_box{width: 240px;height: 189px;border-radius: 10px;border: solid 1px #e2e7ef;position: relative;text-align: left;}
.exchange_box{width: 748px;height: 189px;border-radius: 10px;border: solid 1px #e2e7ef;position: relative;text-align: left;margin-left: 20px;padding-left: 30px;}
.box_name{position: absolute;font-size: 14px;color: #486cbf;font-weight: bold;padding: 0 8px;background-color: #fff;top: -12px;left: 30px;}
.enterprice_box .surplus_ip{height: 108px;width: 180px;margin: 0 auto;line-height: 108px;font-size: 14px;color: #031a42;font-weight: bold;border-bottom: 2px solid #e2e7ef;}
.enterprice_box .surplus_ip span{font-size: 36px;color: #ec625d;}
.enterprice_box .enter_re{display: block;width: 180px;height: 40px;background-color: #ebf0fd;border-radius: 4px;border: solid 1px #3d6eec;text-align: center;line-height: 40px;box-sizing: border-box;margin: 21px auto 0 auto;font-size: 14px;color: #3d6eec;}
.enterprice_box .enter_re:hover{background-color: #e4eaf9;border: solid 1px #7a9fff;}
.exchange_box .user_acc{display: flex;margin-top: 45px;}
.exchange_box .user_acc .acc_img{display: flex;align-items: center;}
.exchange_box .user_acc .acc_img img{width: 40px;height: 40px;}
.exchange_box .user_acc .info_txt{margin-left: 12px;}
.exchange_box .user_acc .info_txt .info_t1{font-size: 14px;color: #031a42;}
.exchange_box .user_acc .info_txt .info_t1 span{color: #ec625d;}
.exchange_box .user_acc .info_txt .info_t2{font-size: 12px;color: #969ba9;}
.exchange_box .splid_solid{width: 715px;height: 2px;background-color: #e2e7ef;margin-top: 23px;}
.exchange_box .to_exchange{display: flex;margin-top: 20px;}
.exchange_box .exchange_num{width: 260px;height: 40px;background-color: #f7f8fa;border-radius: 4px;border: solid 1px #e2e7ef;padding-left: 15px;color: #031a42;font-size: 14px;}
.exchange_box .ex_btn{width: 120px;height: 40px;background-color: #3d6eec;border-radius: 4px;cursor: pointer;text-align: center;line-height: 40px;font-size: 14px;color: #ffffff;margin-left: 10px;}
.cdk_box{max-width: 1470px;width: 100%; text-align: left;margin: 0 auto;border-radius: 10px;border: solid 1px #e2e7ef;box-sizing: border-box;padding: 0 30px 50px 30px;position: relative;margin-top: 43px;}
.cdk_box .cdk_tip{font-size: 12px;color: #969ba9;margin-top: 39px;}
.cdk_cont{display: flex;margin-top: 55px;}
.step_1{display: flex;position: relative;}
.step_1 .cdk_ic{display: flex;align-items: center;}
.step_1 .cdk_ic img{width: 40px;height: 40px;}
.step_1 .cdk_num{width: 500px;height: 40px;background-color: #f7f8fa;border-radius: 4px;border: solid 1px #e2e7ef;box-sizing: border-box;font-size: 14px;color: #031a42;padding-left: 14px;margin-left: 10px;}
.step{display: flex;position: absolute;top: -34px;left: 0;}
.step .left_num{text-align: center;width: 24px;height: 24px;background-color: #ebf0fd;border-radius: 4px;font-size: 14px;color: #3d6eec;line-height: 24px;}
.step p{font-size: 14px;color: #081b3f;margin-left: 10px;line-height: 24px;}
.right_ic{position: absolute;background: url(../img/user_center/right_ic.png)no-repeat center;width: 6px;height: 10px;right: -13px;top: 50%;transform: translateY(-50%);}
.step_2{position: relative;margin-left: 20px;}
.step_2 .cdk_btn{width: 160px;height: 40px;background-color: #3d6eec;border-radius: 4px;font-size: 14px;color: #ffffff;text-align: center;line-height: 40px;cursor: pointer;}
.step_3{position: relative;margin-left: 20px;}
.step_3 .cdk_code_box{width: 350px;height: 40px;background-color: #f7f8fa;border-radius: 4px;border: solid 1px #e2e7ef;display: flex;justify-content: space-between;align-items: center;}
.step_3 .cdk_code_box .cdk_code{font-size: 14px;color: #031a42;height: 34px;line-height: 34px;margin-left: 15px;width: 240px;}
.step_3 .cdk_code_box .cdk_copy{width: 90px;height: 34px;background-color: #ec625d;border-radius: 4px;font-size: 14px;color: #ffffff;text-align: center;line-height: 34px;margin-right: 3px;cursor: pointer;}
.step_3 .step{left: auto;right: 0;}
.step_3 .cdk_code_box .cdk_copy:hover{background-color: #fa7f7a;}
.step_3 .cdk_code_box .cdk_copy:active{background-color: #d45753;}
.take_notes{margin-top: 40px;}
.note_tit{font-size: 14px;color: #031a42;font-weight: bold;}
.take_notes .no_data{max-width: 1440px;width: 100%; height: 160px;background-color: #f7f8fa;font-size: 16px;color: #969ba9;text-align: center;line-height: 160px;margin-top: 20px;display: none;}
.sahre_table table{width: 100%;margin-top: 20px;}
.sahre_table table .cdk_header{height: 40px;background-color: #f5f7fa;}
.sahre_table table .cdk_header th{font-size: 14px;color: #969ba9;text-align: left;}
.sahre_table table .cdk_header th:nth-child(1){padding-left: 43px;}
.sahre_table table .tbody_cdk tr{height: 50px;border-bottom: 1px solid #F3F5F8;}
.sahre_table table .tbody_cdk tr td{font-size: 14px;}
.sahre_table table .tbody_cdk tr td:nth-child(1){padding-left: 43px;width: 25%;}
.sahre_table table .tbody_cdk tr td:nth-child(2){width: 23%;}
.sahre_table table .tbody_cdk tr td:nth-child(4){width: 27%;}
.sahre_table table .tbody_cdk tr:hover{background-color: #f3f5f8;}
.sahre_table table .tbody_cdk .unused td{color: #081b3f;}
.sahre_table table .tbody_cdk .used td{color: #969ba9;}
.sahre_table table .tbody_cdk tr td span{position: relative;}
.sahre_table table .tbody_cdk tr td .copy_key{background: url(../img/user_center/copy_cdk2.png)no-repeat;width: 13px;height: 13px;background-position-y: 0;display: block;cursor: pointer;position: absolute;top: calc(50% - 5px);right: -25px;}
.sahre_table table .tbody_cdk tr td .copy_key:hover{background-position-y: -13px;}
.sahre_table .no_data{width: 100%;height: 160px;background-color: #f7f8fa;font-size: 16px;color: #969ba9;line-height: 160px;text-align: center;display: none;margin-top: 20px;}
.page_div{margin: 0 auto; margin-top:37px;color:#666;width: max-content;}
.page_div button{display:inline-block;min-width:30px;height:28px;cursor:pointer;color:#666;font-size:13px;line-height:28px;background-color:#f7f7fa;border:1px solid #f7f7fa;text-align:center;margin:0 4px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
#firstPage,#lastPage,#nextPage,#prePage{width:50px;color:#0073A9;border:1px solid #0073A9}
#nextPage,#prePage{width: 30px;height: 24px;line-height: 24px;background-color: #f7f7fa;border-radius: 3px;}
.page_div .current{background-color: #465469;color: #fff;border-radius: 3px;}
.totalPages{margin:0 10px}
.totalPages span,.totalSize span{color:#0073A9;margin:0 5px}
.page_div button:disabled{opacity:.5;cursor:no-drop}
.disabled_logo{cursor: default;width: 58px;text-align: center;line-height: 24px;
	height: 24px;
	background-color: #f64f64;
	border-radius: 4px;
	opacity: 0.3;display: inline-block;color: #ffffff;font-size: 12px;}
.nodisabl_logo{cursor: pointer; width: 58px;height: 24px;text-align: center;line-height: 24px;color: #ec625d;font-size: 12px;background-color: #fdefee;border-radius: 4px;display: inline-block;}
.nodisabl_logo:hover{background-color: rgb(250, 127, 122);color: #fff;}
.key_header tr th:nth-child(4){width: 12%;}
.d_quest_cont{position: relative;display: inline-block;}
.d_quest_cont p{color: #666;font-size: 12px;background: #fff;padding: 12px;
    position: absolute;
    bottom: 40px;
    width: 245px;
    right: -38px;
    line-height: 18px;display: none;box-shadow: 0px 0px 10px 0px 
    rgba(0, 0, 0, 0.13);}

    .d_quest_cont p::before{  width: 0px;
        height: 0px;
        position: absolute;
        top: 60px;
        right: 42px;
        padding: 0;
        border: 8px solid transparent;
        border-color: #fff transparent transparent transparent ;
        content: '';
        z-index: 12;}
    .d_quest_cont p::after{width: 0px;
        height: 0px;
        position: absolute;
        top: 60px;
        right: 41px;
        padding: 0;
        border: 9px solid transparent;
        border-color: #dedede transparent transparent transparent;
        content: '';
        z-index: 10}
    .d_quest_cont:hover p{display: block;}
    .disabled_wh{cursor: pointer;width: 11px;}

    .tbody_key tr td.disabled_style{color: #0d86ff;opacity: 0.3;}
    .tbody_key tr td.used_ipnum{color: #0d86ff;
        opacity: 0.3;}
.sahre_table table .cdk_header th:nth-child(4){width: 10%;}
.sahre_table table .tbody_cdk tr td:nth-child(4){width: 18%;}
.sahre_table table .tbody_cdk tr td:nth-child(3){width: 16%;}
.sahre_table table .tbody_cdk tr td:nth-child(5){width: 10%;}