@media screen and (max-width:900px) {
        .exchange {
            width: 100%;
            height: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: start;
            align-content: start;
            margin-top: 42px;
            margin-bottom: 65px;
            align-content: start;
        }
        .ex_content {
            width: 100%;
            height: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: start;
            align-items: start;
            align-content: start;
            padding-left: 10px;
            padding-right: 10px;
        }
        .co_titleAll {
            width: 100%;
            height: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: start;
            align-content: start;
            margin-bottom: 40px;
        }
        .co_titleImg {
            width: 44px;
            height: 8px;
            background: url("../images/exchange-sm-1.png") no-repeat;
            background-size: cover;
            margin-left: 74px;
            margin-top: 50px;
        }
        .co_title {
            width: 148px;
            line-height: 36px;
            font-size: 34px;
            font-weight: normal;
            text-align: center;
            margin-left: -96px;
        }
        .co_first {
            width: 100%;
            height: 360px;
            background: url("../images/gdf_slzn1.png") no-repeat;
            background-size: cover;
            display: none;
        }
        .co_firstContent {
            width: 100%;
            height: 65px;
            margin-top: 30px;
            position: relative;
        }
        .firstContent_one {
            color: darkgray;
            font-size: 16px;
            height: 24px;
            line-height: 24px;
            text-align: center;
            float: right;
        }
        .firstContent_two {
            color: #333333;
            font-size: 20px;
            height: 24px;
            line-height: 24px;
            overflow: hidden;
            text-overflow: ellipsis;
            /*margin-top: -14px;*/
        }
        .firstContent_three {
            width: 0px;
            height: 0px;
        }
        .firstContent_four .TRS_Editor{
            color: #999999;
            font-size: 16px;
            line-height: 16px;
            margin-top: 10px;
            height: 16px;
            overflow: hidden;
        }
        .firstContent_four .TRS_Editor p{
            background: none;
            color: #FFFFFF;
            font-size: 16px;
        }
        .co_second {
            width: 100%;
            height: 360px;
            background: url("../images/exchange-c-2.png") no-repeat;
            background-size: cover;
            margin-top: 30px;
            display: none;
        }
        .co_secondContent {
            width: 100%;
            height: 65px;
            margin-top: 30px;
            position: relative;
        }
        .secondContent_one {
            color: darkgray;
            font-size: 16px;
            height: 24px;
            line-height: 24px;
            text-align: center;
            float: right;
        }
        .secondContent_two {
            color: #333333;
            font-size: 20px;
            height: 24px;
            line-height: 24px;
            overflow: hidden;
            text-overflow: ellipsis;
            /*margin-top: -14px;*/
        }
        .secondContent_three {
            width: 0px;
            height: 0px;
        }
        .secondContent_four .TRS_Editor{
            color: #999999;
            font-size: 16px;
            line-height: 16px;
            margin-top: 10px;
            height: 16px;
            overflow: hidden;
        }
        .secondContent_four .TRS_Editor p{
            background: none;
            color: #FFFFFF;
            font-size: 16px;
        }

        .co_thirdOut {
            width: 100%;
            margin-right: 0px;
        }
        .co_third {
            width: 100%;
            height: 400px;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: start;
            align-items: start;
            align-content: start;
            margin-top: 30px;
        }

        .third_first {
            width: 100%;
            height: 280px;
            background: url("../images/exchange-c-3.png") no-repeat;
            background-size: cover;
            position: relative;
        }

        .first-tip {
            position: absolute;
            bottom: 0px;
            width: 80px;
            height: 80px;
            background: url("../images/exchange-c-5.png") no-repeat;
            background-size: cover;
        }

        .first-tip-title {
            width: 80px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            color: white;
            font-size: 26px;
        }

        .first-tip-time {
            width: 80px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            color: white;
            font-size: 16px;
        }

        .third_second {
            width: 100%;
            height: 24px;
            line-height: 24px;
            color: #222222;
            font-size: 20px;
            overflow: hidden;
            margin-top: 10px;
            text-overflow:ellipsis;
            white-space: nowrap;
        }

        .third_third .TRS_Editor{
            color: #999999;
            font-size: 16px;
            line-height: 16px;
            margin-top: 10px;
            height: 16px;
            overflow: hidden;
        }
        .third_third .TRS_Editor p{
            font-size: 16px;
        }

        .third_four {
            width: 100%;
            height: 16px;
            line-height: 16px;
            font-size: 15px;
            color: #0245B5;
            margin-top: 10px;
        }
        .co_fourth {
            width: 100%;
            height: 70px;
            margin-top: 60px;
        }

    }
    @media screen and (min-width:900px) {
        .exchange {
            width: 100%;
            height: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: start;
            align-content: start;
            margin-top: 78px;
            margin-bottom: 65px;
            align-content: start;

        }

        .ex_content {
            width: 1230px;
            height: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: start;
            align-items: start;
            align-content: start;
        }

        .co_titleAll {
            width: 1230px;
            height: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: start;
            align-content: start;
            margin-bottom: 40px;
        }

        .co_titleImg {
            width: 250px;
            height: 28px;
            margin-top: 30px;
            background: url("../images/gdf_commonbanner.png") no-repeat;
            background-size: cover;
        }

        .co_title {
            width: 250px;
            line-height: 1;
            font-size: 46px;
            font-weight: normal;
            text-align: center;
            margin-left: -250px;
        }

        .co_first {
            width: 790px;
            height: 440px;
            background: url("../images/gdf_slzn1.png") no-repeat;
            background-size: cover;
        }

        .co_firstContent {
            width: 790px;
            height: 440px;
            margin-top: 120px;
        }

        .firstContent_one {
            color: #FFFFFF;
            font-size: 18px;
            margin-left: 20px;
            margin-top: 120px;
        }

        .firstContent_two {
            color: #FFFFFF;
            font-size: 24px;
            margin-left: 20px;
            margin-top: 40px;
            font-weight: bold;
        }

        .firstContent_three {
            width: 272px;
            height: 2px;
            margin-top: 20px;
            background: url("../images/exchange-c-4.png") no-repeat;
            background-size: cover;
            margin-left: 30px;
        }

        .firstContent_four .TRS_Editor{
            color: #FFFFFF;
            font-size: 16px;
            margin-left: 20px;
            margin-top: 30px;
            width: 320px;
            line-height: 16px;
            height: 16px;
            overflow: hidden;
        }
        .firstContent_four .TRS_Editor p{
            font-size: 16px;
        }


        .co_second {
            width: 380px;
            height: 440px;
            background: url("../images/exchange-c-2.png") no-repeat;
            background-size: cover;
            margin-left: 30px;
        }

        .co_secondContent {
            width: 380px;
            height: 440px;
            margin-top: 120px;
        }

        .secondContent_one {
            color: #FFFFFF;
            font-size: 18px;
            margin-left: 20px;
            margin-top: 120px;
        }

        .secondContent_two {
            color: #FFFFFF;
            font-size: 24px;
            margin-left: 20px;
            margin-top: 40px;
            font-weight: bold;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .secondContent_three {
            width: 272px;
            height: 2px;
            margin-top: 20px;
            background: url("../images/exchange-c-4.png") no-repeat;
            background-size: cover;
            margin-left: 30px;
        }

        .secondContent_four .TRS_Editor{
            color: #FFFFFF;
            font-size: 16px;
            margin-left: 20px;
            margin-top: 30px;
            width: 320px;
            line-height: 16px;
            height: 16px;
            overflow: hidden;
        }
        .secondContent_four .TRS_Editor p{
            font-size: 16px;
        }


        .co_thirdOut {
            width: 380px;
            margin-right: 30px;
        }
        .co_third {
            width: 380px;
            height: 400px;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: start;
            align-items: start;
            align-content: start;
            margin-top: 30px;
        }

        .third_first {
            width: 380px;
            height: 280px;
            background: url("../images/exchange-c-3.png") no-repeat;
            background-size: cover;
            position: relative;
        }

        .first-tip {
            position: absolute;
            bottom: 0px;
            width: 80px;
            height: 80px;
            background: url("../images/exchange-c-5.png") no-repeat;
            background-size: cover;
        }

        .first-tip-title {
            width: 80px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            color: white;
            font-size: 26px;
        }

        .first-tip-time {
            width: 80px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            color: white;
            font-size: 16px;
        }

        .third_second {
            width: 380px;
            height: 20px;
            color: #222222;
            font-size: 19px;
            font-weight: bold;
            margin-top: 22px;
            overflow: hidden;
            line-height: 22px;
        }

        .third_third .TRS_Editor{
            width: 380px;
            height: 16px;
            margin-top: 8px;
            line-height: 16px;
            font-size: 16px;
            color: #888888;
            overflow: hidden;
        }
        .third_third .TRS_Editor p{
            font-size: 16px;
        }

        .third_four {
            width: 380px;
            height: 16px;
            line-height: 16px;
            margin-top: 18px;
            font-size: 15px;
            color: #0245B5;
            cursor: pointer;
        }

        .co_fourth {
            width: 1200px;
            height: 77px;
            margin-top: 80px;
        }
    }