@media screen and (min-width: 1367px) {
  .Creative_Platform {
    width: 100%;
    height: 100%;
  }
  .Creative_Platform .main .external {
    width: 12.8rem;
    margin: 0 auto;
  }
  .Creative_Platform .main .head_title {
    font-size: 0.16rem;
    font-weight: 600;
    color: #646464;
    margin: 0 auto 0.48rem auto;
    padding-top: 80px;
  }
  .Creative_Platform .main .head_title .arow {
    margin: 0 0.05rem;
  }
  .Creative_Platform .main .head_title span:last-child {
    color: #FF8400;
  }
  .Creative_Platform .main .main_container .title {
    font-weight: bold;
    color: #122B55;
    font-size: 0.4rem;
    line-height: 0.4rem;
    margin-bottom: 0.36rem;
  }
  .Creative_Platform .main .main_container .intro_item {
    overflow: hidden;
    border-bottom: 4px solid #F2F3F4;
    padding-bottom: 0.4rem;
    margin-bottom: 0.4rem;
  }
  .Creative_Platform .main .main_container .intro_item .item_left {
    float: left;
    width: 6.1rem;
    margin-right: 0.6rem;
  }
  .Creative_Platform .main .main_container .intro_item .item_left .title {
    font-weight: bold;
    color: #F18B1C;
    font-size: 0.3rem;
    line-height: 0.4rem;
    margin-bottom: 0.24rem;
  }
  .Creative_Platform .main .main_container .intro_item .item_left .content {
    color: #333;
    font-size: 0.16rem;
    line-height: 0.32rem;
    margin-bottom: 0.35rem;
  }
  .Creative_Platform .main .main_container .intro_item .item_left .link {
    font-weight: bold;
    color: #122B55;
    font-size: 0.16rem;
    line-height: 0.24rem;
    text-decoration: underline;
  }
  .Creative_Platform .main .main_container .intro_item .item_right {
    float: left;
    width: 6.1rem;
    height: 4.2rem;
    object-fit: cover;
    background: #eee;
  }
  .Creative_Platform .main .main_container .question_container {
    border-bottom: 4px solid #F2F3F4;
    margin-bottom: 0.6rem;
    padding-bottom: 0.3rem;
  }
  .Creative_Platform .main .main_container .question_container .sub_title {
    font-size: 0.4rem;
    font-weight: bold;
    color: #122B55;
    margin-bottom: 0.3rem;
  }
  .Creative_Platform .main .main_container .question_container .question_item .item_head {
    width: calc(100% + 20px);
    height: 0.56rem;
    font-size: 0.3rem;
    font-weight: bold;
    color: #F18B1C;
    line-height: 0.48rem;
    position: relative;
    left: -24px;
    padding-left: 20px;
    border: 4px solid transparent;
    box-sizing: border-box;
    cursor: pointer;
  }
  .Creative_Platform .main .main_container .question_container .question_item .item_head:hover {
    background-color: #F2F3F4;
    border-color: #C0C5CA;
  }
  .Creative_Platform .main .main_container .question_container .question_item .item_head .arrow {
    position: absolute;
    transition: 0.3s;
    width: 0.23rem;
    height: 0.1rem;
    top: 0.2rem;
    right: 0.2rem;
  }
  .Creative_Platform .main .main_container .question_container .question_item .item_content {
    display: none;
    padding: 0.74rem 0 0.9rem 0;
    overflow: hidden;
  }
  .Creative_Platform .main .main_container .question_container .question_item .item_content .item_info {
    width: calc((100% - 60px) / 2);
  }
  .Creative_Platform .main .main_container .question_container .question_item .item_content .item_info .item_intro {
    color: #333333;
    font-size: 0.16rem;
    line-height: 0.32rem;
    margin-bottom: 0.36rem;
  }
  .Creative_Platform .main .main_container .question_container .question_item .item_content .item_info .link {
    font-weight: bold;
    color: #122B55;
    font-size: 0.16rem;
    line-height: 0.24rem;
    text-decoration: underline;
  }
  .Creative_Platform .main .main_container .question_container .question_item .item_content .item_pic {
    width: calc((100% - 60px) / 2);
    height: 3.6rem;
    object-fit: cover;
    background: #eee;
  }
  .Creative_Platform .main .main_container .question_container .question_item:nth-child(even) .item_content .item_info {
    float: left;
    margin-right: 0.6rem;
  }
  .Creative_Platform .main .main_container .question_container .question_item:nth-child(even) .item_content .item_pic {
    float: right;
  }
  .Creative_Platform .main .main_container .question_container .question_item:nth-child(odd) .item_content .item_info {
    float: right;
    margin-left: 0.6rem;
  }
  .Creative_Platform .main .main_container .question_container .question_item:nth-child(odd) .item_content .item_pic {
    float: left;
  }
  .Creative_Platform .main .main_container .question_container .question_item.expansion .item_head {
    background-color: #F2F3F4;
    border-color: #C0C5CA;
  }
  .Creative_Platform .main .main_container .question_container .question_item.expansion .item_content {
    display: block;
  }
  .Creative_Platform .main .main_container .question_container .question_item.expansion .arrow {
    transform: rotate(180deg);
  }
}
@media screen and (min-width: 769px) and (max-width: 1366px) {
  .Creative_Platform {
    width: 100%;
    height: 100%;
  }
  .Creative_Platform .main {
    width: 100%;
  }
  .Creative_Platform .main .external {
    width: 75%;
    margin: 0 auto;
  }
  .Creative_Platform .main .head_title {
    font-size: 0.16rem;
    font-weight: 600;
    color: #646464;
    margin: 0 auto 0.4rem auto;
    padding-top: 40px;
  }
  .Creative_Platform .main .head_title .arow {
    margin: 0 0.05rem;
  }
  .Creative_Platform .main .head_title span:last-child {
    color: #FF8400;
  }
  .Creative_Platform .main .main_container .title {
    font-weight: bold;
    color: #122B55;
    font-size: 0.36rem;
    line-height: 0.36rem;
    margin-bottom: 0.3rem;
  }
  .Creative_Platform .main .main_container .intro_item {
    overflow: hidden;
    border-bottom: 4px solid #F2F3F4;
    padding-bottom: 0.3rem;
    margin-bottom: 0.6rem;
  }
  .Creative_Platform .main .main_container .intro_item .item_left {
    float: left;
    width: calc((100% - .4rem) / 2);
    margin-right: 0.4rem;
  }
  .Creative_Platform .main .main_container .intro_item .item_left .title {
    font-weight: bold;
    color: #F18B1C;
    font-size: 0.22rem;
    line-height: 0.29rem;
    margin-bottom: 0.24rem;
  }
  .Creative_Platform .main .main_container .intro_item .item_left .content {
    color: #333;
    font-size: 0.14rem;
    line-height: 0.28rem;
    margin-bottom: 0.2rem;
  }
  .Creative_Platform .main .main_container .intro_item .item_left .link {
    font-weight: bold;
    color: #122B55;
    font-size: 0.16rem;
    line-height: 0.24rem;
    text-decoration: underline;
  }
  .Creative_Platform .main .main_container .intro_item .item_right {
    float: left;
    width: calc((100% - .4rem) / 2);
    height: 2.51rem;
    object-fit: cover;
    background: #eee;
  }
  .Creative_Platform .main .main_container .question_container {
    border-bottom: 4px solid #F2F3F4;
    margin-bottom: 0.6rem;
    padding-bottom: 0.1rem;
  }
  .Creative_Platform .main .main_container .question_container .sub_title {
    font-size: 0.36rem;
    font-weight: bold;
    color: #122B55;
    margin-bottom: 0.24rem;
  }
  .Creative_Platform .main .main_container .question_container .question_item .item_head {
    width: calc(100% + 20px);
    height: 0.46rem;
    font-size: 0.3rem;
    font-weight: bold;
    color: #F18B1C;
    line-height: 0.38rem;
    position: relative;
    left: -24px;
    padding-left: 20px;
    border: 4px solid transparent;
    box-sizing: border-box;
    cursor: pointer;
  }
  .Creative_Platform .main .main_container .question_container .question_item .item_head:hover {
    background-color: #F2F3F4;
    border-color: #C0C5CA;
  }
  .Creative_Platform .main .main_container .question_container .question_item .item_head .arrow {
    position: absolute;
    transition: 0.3s;
    width: 0.23rem;
    height: 0.1rem;
    top: 0.15rem;
    right: 0.2rem;
  }
  .Creative_Platform .main .main_container .question_container .question_item .item_content {
    display: none;
    padding: 0.45rem 0 0.6rem 0;
    overflow: hidden;
  }
  .Creative_Platform .main .main_container .question_container .question_item .item_content .item_info {
    width: calc((100% - .4rem) / 2);
  }
  .Creative_Platform .main .main_container .question_container .question_item .item_content .item_info .item_intro {
    color: #333333;
    font-size: 0.14rem;
    line-height: 0.28rem;
    margin-bottom: 0.2rem;
  }
  .Creative_Platform .main .main_container .question_container .question_item .item_content .item_info .link {
    font-weight: bold;
    color: #122B55;
    font-size: 0.16rem;
    line-height: 0.24rem;
    text-decoration: underline;
  }
  .Creative_Platform .main .main_container .question_container .question_item .item_content .item_pic {
    width: calc((100% - .4rem) / 2);
    height: 2.51rem;
    object-fit: cover;
    background: #eee;
  }
  .Creative_Platform .main .main_container .question_container .question_item:nth-child(even) .item_content .item_info {
    float: left;
    margin-left: 0.4rem;
  }
  .Creative_Platform .main .main_container .question_container .question_item:nth-child(even) .item_content .item_pic {
    float: left;
  }
  .Creative_Platform .main .main_container .question_container .question_item:nth-child(odd) .item_content .item_info {
    float: right;
    margin-right: 0.4rem;
  }
  .Creative_Platform .main .main_container .question_container .question_item:nth-child(odd) .item_content .item_pic {
    float: right;
  }
  .Creative_Platform .main .main_container .question_container .question_item.expansion .item_head {
    background-color: #F2F3F4;
    border-color: #C0C5CA;
  }
  .Creative_Platform .main .main_container .question_container .question_item.expansion .item_content {
    display: block;
  }
  .Creative_Platform .main .main_container .question_container .question_item.expansion .arrow {
    transform: rotate(180deg);
  }
}
@media screen and (max-width: 768px) {
  .Creative_Platform {
    width: 100vw;
    height: 100%;
  }
  .Creative_Platform .main {
    width: 100%;
    margin-top: 64px;
  }
  .Creative_Platform .main .external {
    width: 100vw;
    margin: 0 auto;
  }
  .Creative_Platform .main .head_title {
    font-size: 0.16rem;
    font-weight: 600;
    color: #646464;
    padding: 20px 15px 40px 15px;
    box-sizing: border-box;
  }
  .Creative_Platform .main .head_title .arow {
    margin: 0 0.05rem;
  }
  .Creative_Platform .main .head_title span:last-child {
    color: #FF8400;
  }
  .Creative_Platform .main .main_container .title {
    font-weight: bold;
    color: #122B55;
    font-size: 0.3rem;
    line-height: 0.3rem;
    margin-bottom: 0.3rem;
    padding: 0 0.15rem;
  }
  .Creative_Platform .main .main_container .intro_item {
    overflow: hidden;
    position: relative;
    padding-bottom: 1.02rem;
  }
  .Creative_Platform .main .main_container .intro_item .item_left .title {
    width: 100%;
    box-sizing: border-box;
    font-weight: bold;
    color: #F18B1C;
    font-size: 0.2rem;
    line-height: 0.3rem;
    margin-bottom: 0.2rem;
    padding: 0 0.15rem;
  }
  .Creative_Platform .main .main_container .intro_item .item_left .content {
    width: 100%;
    box-sizing: border-box;
    color: #333;
    font-size: 0.14rem;
    line-height: 0.28rem;
    margin-bottom: 0.3rem;
    padding: 0 0.15rem;
  }
  .Creative_Platform .main .main_container .intro_item .item_left .link {
    font-weight: bold;
    color: #122B55;
    font-size: 0.14rem;
    line-height: 0.22rem;
    text-decoration: underline;
    position: absolute;
    bottom: 0.6rem;
    left: 0.15rem;
  }
  .Creative_Platform .main .main_container .intro_item .item_right {
    width: 100%;
  }
  .Creative_Platform .main .main_container .question_container {
    margin: 0 0.15rem 0.5rem;
    padding-bottom: 0.3rem;
    box-sizing: border-box;
    width: calc(100% - .3rem);
    border-bottom: 0.03rem solid #F2F3F4;
  }
  .Creative_Platform .main .main_container .question_container .sub_title {
    font-weight: bold;
    color: #122B55;
    font-size: 0.3rem;
    line-height: 0.3rem;
    margin-bottom: 0.24rem;
    width: 100%;
    box-sizing: border-box;
  }
  .Creative_Platform .main .main_container .question_container .question_item {
    width: calc(100% + .3rem);
    position: relative;
    left: calc(-.15rem);
  }
  .Creative_Platform .main .main_container .question_container .question_item .item_head {
    width: 100%;
    box-sizing: border-box;
    border: 3px solid transparent;
    padding: 0 0.15rem;
    font-weight: bold;
    color: #F18B1C;
    font-size: 0.2rem;
    line-height: 0.38rem;
  }
  .Creative_Platform .main .main_container .question_container .question_item .item_head .arrow {
    display: none;
  }
  .Creative_Platform .main .main_container .question_container .question_item .item_content {
    display: none;
    padding-bottom: 0.3rem;
  }
  .Creative_Platform .main .main_container .question_container .question_item .item_content .item_pic {
    width: 100%;
    height: 2.45rem;
    object-fit: cover;
    background: #eee;
    margin: 0.34rem auto 0.19rem;
  }
  .Creative_Platform .main .main_container .question_container .question_item .item_content .item_info {
    padding: 0.15rem;
  }
  .Creative_Platform .main .main_container .question_container .question_item .item_content .item_info .item_intro {
    font-size: 0.14rem;
    line-height: 0.28rem;
    color: #333;
    margin-bottom: 0.2rem;
  }
  .Creative_Platform .main .main_container .question_container .question_item .item_content .item_info .link {
    font-weight: bold;
    color: #122B55;
    font-size: 0.14rem;
    line-height: 0.22rem;
    text-decoration: underline;
  }
  .Creative_Platform .main .main_container .question_container .question_item.expansion .item_head {
    background-color: #F2F3F4;
    border-color: #C0C5CA;
  }
  .Creative_Platform .main .main_container .question_container .question_item.expansion .item_content {
    display: block;
  }
}