@media screen and (max-width: 1215px) {
    body,html {
        min-width: 0;
    }
    .header  {
        width: auto;
        padding: 0 20px;
    }
    .exchange_cont  {
        width: 100%;
    }
    .exchange_process  .center-box {
       display: flex;
       justify-content: center;
    }
    .exchange_cont .exc_name {
        width: auto;
    }
    .exchange_cont .exchange_btns {
        padding-left: 0;
    }
    .exchange_result .tleft {
        width: auto;
    }
    .loseml {
        margin-left: -59px;
    }
    .sear_result, .self {
        width: auto;
    }
}

@media screen and (max-width: 895px) {
    .exchange_cont .exchange_process .notes {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 825px) {
    .tool-footer .tool-text{
        display: flex;
        flex-direction: column;
    }
    .exchange_cont .exchange_result {
        padding: 40px 40px 100px;
    }
}

@media screen and (max-width: 695px) {
    .exchange_cont .title {
        font-size: 30px;
    }
    .exchange_cont .exc_name {
        font-size: 16px;
    }
    .exchange_cont .exchange_enter textarea {
        width: 316px;
    }
    .Punycode , .GBK ,.res_tab td {
        font-size: 16px;
    }
    .res_tab th {
        font-size: 18px;
    }
    .loseml {
        margin-left: 14px;
    }
    .exchange_cont label {
        max-width:none;
    }
}

@media screen and (max-width: 610px) {
    .exchange_cont .title {
        font-size: 25px;
        padding: 0;
    }
    .exchange_cont .exc_name {
        padding:0 10px 0 0;
        font-size: 14px;
    }
    .exchange_cont .exchange_enter textarea {
        width: 316px;
        font-size: 14px;
    }
    .Punycode , .GBK {
        font-size: 14px;
    }
    .loseml {
        margin-left: -7px;
    }
    .res_tab td {
        font-size: 14px;
    }
    .res_tab th {
        font-size: 16px;
    }
    .loseml label {
        display: flex;
    }
    .loseml label .radio{
        margin: 4px 0  0 !important;
    }
    .loseml label {
        padding-right: 0;
    }
    .loseml  .losepr {
        padding-right: 30px;
    }
}

@media screen and (max-width: 570px) {
    .exchange_cont .exchange_result {
        padding: 10px 10px 100px;
    }
    .res_tab thead {
        display: none;
    }
    .res_tab tbody tr td:nth-child(1),.res_tab tbody tr td:nth-child(2) {
        display: flex;
        align-items: center;
    }
    .res_tab tbody tr td:nth-child(1):before {
        content: '您输入的域名串：';
        display: block;
        font-size: 15px;
    }
    .res_tab tbody tr td:nth-child(2):before {
        content: '转换成Punycode编码结果：';
        font-size: 15px;
        display: block;
    }
    .res_tab tbody .gbk-text td:nth-child(2):before {
        content: '转换成GBK编码结果：';
        font-size: 13px;
        display: block;
    }
    .flex-col {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 520px) {
    .header_box {
        height: 132px;
    }
    .header_box .header {
        display: flex;
        flex-direction: column;
    }
    .exchange_box {
        padding: 20px 0 50px;
    }
    
    .header .nav a {
        margin-left: 0;
    }
    .exchange_cont .exchange_process {
        padding: 40px 20px 0;
    }
    .exchange_process .center-box {
        width: 100%;
    }
    .exchange_cont .exc_name {
        width: 30%;
    }
    .exchange_enter {
        width: 70%;
    }
    .exchange_cont .exchange_enter textarea {
        width: 100%;
    }
    .loseml {
        margin-left: 0;
    }

}

@media screen and (max-width: 485px) {
    .page_cont .result {
        font-size: 24px;
    }
    .page_cont .address {
        padding: 10px 0 10px 50px;
    }

}

@media screen and (max-width: 460px) {
    .exchange_cont .exchange_result {
        padding: 10px 10px 150px;
    }

}

@media screen and (max-width: 443px) {
    .header_box .header .nav a {
        font-size: 16px;
    }
    .exchange_cont .exchange_process {
        padding: 30px 20px 0;
    }
    .exchange_cont .title {
        margin-bottom: 15px;
    }
    .loseml .losepr {
        padding-right: 10px;
    }
    .center-box {
        flex-direction: column;
    }
    .exchange_cont .exc_name {
        display: flex;
        width: 100%;
        font-size: 16px;
    }
    .exchange_enter {
        width: 100%;
    }
    .loseml label{
        margin-top: 10px;
    }
    .exchange_cont .exchange_btns a {
        margin: 15px 0 0;
    }
}

@media screen and (max-width: 420px) {
    .res_tab td {
        padding: 8px;
    }
}


@media screen and (max-width: 390px) {
    .page_cont .result {
        font-size: 20px;
        padding: 90px 0 0;
    }
    .page_cont .address {
        padding: 10px 0 10px 40px;
    }

}

@media screen and (max-width: 375px) {
    .res_tab td {
        font-size: 13px;
    }
    .exchange_cont .exchange_result {
        padding: 10px 10px 200px;
    }

    
    .res_tab tbody tr td:nth-child(1):before {
        content: '您输入的域名串：';
        display: block;
        font-size: 13px;
    }
    .res_tab tbody tr td:nth-child(2):before {
        content: '转换成Punycode编码结果：';
        font-size: 13px;
        display: block;
    }
    .res_tab tbody .gbk-text td:nth-child(2):before {
        content: '转换成GBK编码结果：';
        font-size: 13px;
        display: block;
    }
}

@media screen and (max-width: 350px) {
    .res_tab tbody tr td:nth-child(1), .res_tab tbody tr td:nth-child(2) {
        flex-direction: column;
        align-items: baseline;
    }
}

@media screen and (max-width: 270px) {
    .page_cont .result .ip_name {
        font-size: 17px;
    }
    .page_cont .result .ip_num {
        font-size: 24px;
    }
    .header_box .header .nav a {
        font-size: 13px;
        padding: 8px 8px 8px 0;
    }
    .search_box .search .title,.search_box .search .title span {
        font-size: 30px !important;
    }
    .search_box .search .title span {
        line-height: 32px;
    }
    .exchange_cont .title {
        font-size: 18px;
    }
    .exchange_cont .exc_name,.Punycode, .GBK {
        font-size: 13px;
    }
}

@media screen and (max-width: 245px) {
    .exchange_cont .exchange_result {
        padding: 10px 10px 230px;
    }
}

@media screen and (max-width: 220px) {
    .header_box .header .nav a {
        font-size: 12px;
        padding: 8px 0;
    }
    .exchange_cont .title {
        font-size: 16px;
    }
    .exchange_cont .exchange_result {
        padding: 10px 10px 300px;
    }
}

@media screen and (max-width: 195px) {
    .header_box .header .nav a {
        padding:0;
    }
    .header_box {
        height: 171px;
    }
    .header_box nav {
        display: flex;
        flex-direction: column;
        align-items: baseline;
    }
    .exchange_cont .exchange_result {
        padding: 10px 10px 350px;
    }
    .exchange_cont .exc_name, .Punycode, .GBK {
        font-size: 12px;
    }
}

@media screen and (max-width: 180px) {
    .page_cont .result .ip_name {
        font-size: 14px;
    }
    .page_cont .result .ip_num {
        font-size: 17px;
    }
    .search_box .search .title, .search_box .search .title span {
        font-size: 20px !important;
    }
    .search_box .search .title span {
        line-height: 21px;
    }
}
@media screen and (max-width: 170px) {
    .page_cont .result {
        padding: 45px 0 0;
    }
    .header_box .header .logo {
        width: 116px;
    }
    .header_box {
        height: 163px;
    }
    .exchange_cont .exchange_result {
        padding: 10px 10px 420px;
    }
    .exchange_cont .title {
        font-size: 13px;
    }
}