/* 小于750px 手机*/
@media (max-width: 750px) {
  .page .main_page .main_contain .main_section.private_section {
    width: 100%;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain {
    border-top: 0px;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .left_title {
    display: none;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box {
    padding-bottom: 0.2rem;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .product_select {
    padding-bottom: 0.16rem;
    margin-top: 0.3rem;
    border-bottom: 1px solid #e5e5e5;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .product_select span {
    margin-right: 0rem;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .product_select .el-select {
    margin-right: 0.1rem;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .product_select .el-select:last-child {
    width: 0.8rem;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item {
    margin-bottom: 0.1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.08rem 0.1rem;
    background-color: #e9e9e9;
    font-size: 0.14rem;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item .item_left {
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item .item_left img {
    width: 0.2rem;
    height: 0.2rem;
    object-fit: cover;
    margin-right: 0.1rem;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item .item_left .not_on {
    display: block;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item .item_left .on {
    display: none;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item .item_right {
    display: flex;
    align-items: center;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item .item_right .preview_btn {
    width: 0.16rem;
    height: 0.16rem;
    background: url(rb_08.png) no-repeat;
    background-size: cover;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item .item_right .download_btn {
    width: 0.2rem;
    height: 0.16rem;
    background: url(rb_09.png) no-repeat;
    background-size: cover;
    margin-left: 0.1rem;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item:active {
    background-color: #254a98;
    color: #fff;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item:active .not_on {
    display: none;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item:active .on {
    display: block;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item:active .preview_btn {
    width: 0.16rem;
    height: 0.16rem;
    background: url(rb_08_on.png) no-repeat;
    background-size: cover;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item:active .download_btn {
    width: 0.2rem;
    height: 0.16rem;
    background: url(rb_09_on.png) no-repeat;
    background-size: cover;
    margin-left: 0.1rem;
  }
}
@media (min-width: 750px) {
  /*  PC ,只需要从内容里面自己取类名的地方开始写就就可以了 */
  .page .main_page .main_contain .main_section.private_section .main_section_contain {
    display: flex;
    border-top: 0px;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .left_title {
    width: 185px;
    font-size: 20px;
    margin-top: 70px;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .left_title .active a {
    color: #254a98;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .left_title li {
    margin-bottom: 20px;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .m_common_left_menu_swiper {
    display: none;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box {
    padding-bottom: 60px;
    flex: 1;
    border-top: 1px solid #f0f0f0;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .main_title {
    margin-top: 60px;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .content_box {
    display: flex;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .right_content {
    width: calc(100% - 185px);
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .product_select {
    padding-bottom: 30px;
    margin-top: 30px;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .product_select .el-select {
    margin-right: 20px;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .product_select > span {
    min-width: 80px;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 40px;
    background-color: #e9e9e9;
    font-size: 20px;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item .item_left {
    display: flex;
    align-items: center;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item .item_left img {
    width: 34px;
    height: 34px;
    object-fit: cover;
    margin-right: 90px;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item .item_left .not_on {
    display: block;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item .item_left .on {
    display: none;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item .item_right {
    cursor: pointer;
    display: flex;
    align-items: center;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item .item_right .preview_btn {
    width: 24px;
    height: 24px;
    background: url(rb_08.png) no-repeat;
    background-size: cover;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item .item_right .download_btn {
    width: 30px;
    height: 24px;
    background: url(rb_09.png) no-repeat;
    background-size: cover;
    margin-left: 46px;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item:hover {
    background-color: #254a98;
    color: #fff;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item:hover .not_on {
    display: none;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item:hover .on {
    display: block;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item:hover .preview_btn {
    width: 24px;
    height: 24px;
    background: url(rb_08_on.png) no-repeat;
    background-size: cover;
  }
  .page .main_page .main_contain .main_section.private_section .main_section_contain .right_box .month_link .link_item:hover .download_btn {
    width: 30px;
    height: 24px;
    background: url(rb_09_on.png) no-repeat;
    background-size: cover;
    margin-left: 46px;
  }
}