/* PC */

@media (min-width: 769px) {
  /* Hall1_box */
  .Hall1_title {
    width: 220px;
    height: 60px;
    line-height: 60px;
    background: #d9344c;
    color: #FFF;
    font-size: 16px;
    text-align: center;
  }
  .Hall_table {
    border: 1px solid #e5e5e5;
    margin-bottom: 50px;
    font-size: 14px;
    color: #333;
  }
  .upgrade_introduce {
    margin-bottom: 50px;
    width: 100%;
  }
  .upgrade_con {
    border: 1px solid #e5e5e5;
  }
  .row1 {
    display: flex;
    justify-content: space-between;
  }
  .row1>div {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }
  .row1>div:nth-last-child(1) {
    width: 140px;
  }
  .row1 span {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    height: 60px;
    font-size: 14px;
    box-sizing: border-box;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }
  .row1 span:nth-child(1) {
    background: #f8f8f8;
  }
  .row1 span:nth-last-child(1) {
    border-bottom: none;
  }
  .row1>div:nth-last-child(1)>span {
    border-right: none;
  }
  .row1 span strong {
    color: #c94d56;
    line-height: 25px;
  }
  .yes {
    font-size: 0;
    color: #FFF;
    background: url(/images/usercenter/yes.png) no-repeat center;
  }
  .no {
    font-size: 0;
    color: #FFF;
    background: url(/images/usercenter/no.png) no-repeat center;
  }
  .Hall2_box .Hall1_title {
    background: #ff5c00;
  }
  /* 牛人服务收费标准 */
  .Hall3_box .Hall1_title {
    background: #5090bc;
  }
  /* 表格 */
  .Hall3_box {
    margin-bottom: 50px;
  }
  .table_div {
    border: 1px solid #e5e5e5;
    overflow-x: auto;
  }
  .th_ul>li, .td_ul>li {
    display: flex;
  }
  .th_ul>li>div {
    box-sizing: border-box;
    height: 60px;
    text-align: center;
    color: #333;
    font-size: 14px;
    line-height: 60px;
    text-align: center;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }
  .th_ul>li>div:nth-last-of-type(1) {
    border-right: 0;
  }
  .td_ul>li>div {
    padding: 5px;
    box-sizing: border-box;
    line-height: 25px;
    font-size: 14px;
    color: #666;
    align-items: center;
    align-content: center;
    text-align: center;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: auto;
  }
  .td_ul>li>div::-webkit-scrollbar {
    display: none;
  }
  .td_ul>li>div>span {
    display: none;
  }
  .td_ul>li>div:nth-last-of-type(1) {
    border-right: none;
    flex-grow: 1;
  }
  .td_ul>li:nth-last-of-type(1)>div {
    border-bottom: none;
  }
  .cell1 {
    width: 50px;
  }
  .cell2, .cell3 {
    width: 140px;
  }
  .cell4 {
    width: 525px;
  }
  .td_ul .cell4>div {
    text-align: left;
  }
  .cell5, .cell6 {
    width: 165px;
  }
  .th_ul>li>div:nth-last-child(1), .td_ul>li>div:nth-last-child(1) {
    width: 165px;
    flex-grow: 1;
  }
  /* 牛人平台服务流程 */
  .ServiceProcess {
    padding: 50px 0;
    position: relative;
    overflow: hidden;
  }
  .ServiceProcess>h6 {
    position: relative;
    font-size: 24px;
    color: #333333;
    font-weight: 600;
    padding-bottom: 30px;
    padding-left: 15px;
  }
  .ServiceProcess>h6:before {
    display: inline-block;
    content: "";
    width: 5px;
    height: 25px;
    border-radius: 14px;
    background: #d9374b;
    position: absolute;
    left: 0;
    top: 0;
  }
  .tab_top {
    display: none;
  }
  .tab_con {
    width: 100%;
  }
  .tab_con>div {
    width: 100%;
    border: 1px solid #a0a0a0;
    background: #FFF;
    border-radius: 7px 0 0 7px;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 7px;
  }
  .tab_div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: 120px;
  }
  .tab_div div {
    position: relative;
    display: flex;
    align-items: center;
  }
  .tab1::after, .tab2::after, .tab3::after, .tab4::after {
    content: "";
    display: inline-block;
    position: relative;
    top: 0;
    right: 0;
    width: 37px;
    height: 6px;
    background: url(/images/process/line_d.png) no-repeat center;
  }
  .tabtwo .tab4::after {
    display: none;
  }
  .tabtwo ::after {
    margin-left: 30px;
  }
  .tab_div div p {
    width: 108px;
    height: 120px;
    padding: 0 12px;
    text-align: center;
    display: flex;
    align-items: center;
    color: #373737;
    font-weight: 600;
  }
  .tab1 p {
    background: url(/images/process/01.png) no-repeat center;
    width:110px!important;
  }
  .tab2 p {
    background: url(/images/process/02.png) no-repeat center;
  }
  .tab3 p {
    background: url(/images/process/03.png) no-repeat center;
  }
  .tab4 p {
    background: url(/images/process/04.png) no-repeat center;
  }
  .tab5 p {
    background: url(/images/process/05.png) no-repeat center;
  }
  .tabthree .tab_div>div::-webkit-scrollbar {
    display: none;
  }
  .tab1 .tab_div .tab5 {
    width: 175px !important;
  }
  .server_tit {
    padding: 0 32px;
    width: 120px;
    line-height: 33px;
    height: 120px;
    color: #FFF;
    font-size: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    font-weight: 600;
    background: #d9374b url(/images/process/yxfw.png) no-repeat 6px 0px;
    border-radius: 7px;
  }
  .tabtwo .server_tit {
    background: #ff5c00 url(/images/process/sdfw.png) no-repeat 6px 0;
  }
  .tabthree .server_tit {
    background: #5090bc url(/images/process/bzfw.png) no-repeat 6px 0;
  }
  /* 内容区广告图 */
  .Advertising {
    margin: 55px 0;
  }
  .Advertising img {
    max-width: 100%;
  }
  /* 协议 */
  .tab span {
    width: 210px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    background: #666666;
    display: inline-block;
    cursor: pointer;
  }
  .tab .cur2 {
    background: #d9344c;
  }
  .tab_content {
    border: 1px solid #e5e5e5;
  }
  .tab_content>div {
    padding: 30px 35px;
    background: #FFF;
    display: none;
    max-height: 450px;
    overflow-y: scroll;
  }
  .tab_content .cur3 {
    display: block !important;
  }
  .tab_content>div p {
    color: #666;
  }
  .btn a {
    display: inline-block;
    min-width: 115px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 14px;
    border-radius: 4px;
  }
  .btn {
    width: 100%;
    margin: 25px 0;
    text-align: center;
  }
  .btn a:nth-of-type(1) {
    background: #FFF;
    color: #666;
    border: 1px solid #e5e5e5;
    margin-right: 40px;
  }
  .btn a:nth-of-type(2) {
    background: #d9354d;
    color: #FFF;
    border: 1px solid #d9354d;
  }
}

/* Mobile */

@media (max-width: 768px) {
  .main-content {
    padding: 0;
  }
  .Hall1_title {
    font-size: 14px;
    color: #FFF;
    font-weight: 600;
    text-align: center;
    height: 50px;
    line-height: 50px;
    background: #d9344c;
  }
  .upgrade_introduce {
    margin-bottom: 50px;
    width: 100%;
  }
  .upgrade_con {
    border: 1px solid #e5e5e5;
    border-left: none;
    border-right: none;
  }
  .row1 {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: stretch;
  }
  .row1>div {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    justify-content: space-between;
  }
  .row1>div:nth-of-type(1) {
    display: none;
  }
  .row1>div:nth-last-of-type(1) span {
    border-bottom: none;
  }
  .row1 span {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-grow: 1;
    padding: 15px 5px;
    font-size: 14px;
    box-sizing: border-box;
    color: #333333;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }
  .row1 span:nth-child(1) {
    width: 30%;
    padding-left: 15px;
    line-height: 25px;
  }
  .row1 span:nth-child(2) {
    width: 30%;
  }
  .row1 span:nth-child(3) {
    width: 40%;
  }
  .row1 span:nth-last-child(1) {
    border-right: none;
  }
  .row1 span strong {
    color: #c94d56;
    line-height: 25px;
  }
  .yes {
    font-size: 0;
    color: #FFF;
    background: url(/images/usercenter/yes.png) no-repeat center;
  }
  .no {
    font-size: 0;
    color: #FFF;
    background: url(/images/usercenter/no.png) no-repeat center;
  }
  .Hall2_box .Hall1_title {
    background: #ff5c00;
  }
  /* 牛人服务收费标准 */
  .Hall3_box .Hall1_title {
    background: #5090bc;
  }
  /* 表格 */
  .table_div {
    position: relative;
    padding: 0 0;
  }
  .th_ul>li {
    display: none;
  }
  .td_ul>li {
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    background: #FFF;
    border-radius: 4px;
  }
  .td_ul>li>div {
    width: 100%;
    margin: 5px 0;
    order: 6;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #666;
    font-size: 14px;
    line-height: 25px;
  }
  .td_ul>li>div>span {
    color: #333;
  }
  .cell1, .cell2>span {
    display: none !important;
  }
  .cell2 {
    width: 100% !important;
    font-weight: 600;
    color: #333 !important;
  }
  .cell2>div span:after {
    content: "产品经理";
  }
  /* 牛人平台服务流程 */
  .ServiceProcess {
    padding: 30px 2% 0 2%;
    position: relative;
    overflow: hidden;
  }
  .ServiceProcess>h6 {
    position: relative;
    font-size: 24px;
    color: #333333;
    padding-bottom: 30px;
    padding-left: 15px;
  }
  .ServiceProcess>h6:before {
    display: inline-block;
    content: "";
    width: 5px;
    height: 25px;
    border-radius: 14px;
    background: #d9374b;
    position: absolute;
    left: 0;
    top: 0;
  }
  .tab_top {
    display: flex;
    height: 50px;
    text-align: center;
  }
  .tab_top span {
    flex-grow: 1;
    height: 50px;
    line-height: 50px;
    color: #FFF;
    font-size: 14px;
  }
  .tab_top span:nth-of-type(1) {
    background: #d9374b;
  }
  .tab_top span:nth-of-type(2) {
    background: #ff5c00;
  }
  .tab_top span:nth-of-type(3) {
    background: #5090bc;
  }
   .tab_con {
    padding: 0 2% 0 2%;
    width: 100%;
  }
  .tab_con>div {
    width: 100%;
    overflow: hidden;
    display: none;
  }
  .tab_con .cur {
    display: block !important;
  }
  .tab_top .active {
    background: red url(/images/process/bzfw_m.png) no-repeat right center !important;
    background-size: 82px auto !important;
  }
  .tab_con>div em {
    display: none;
  }
  .tab_div {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .tab_div>div {
    position: relative;
    width: 100%;
    padding: 0 0 25px 0;
    margin: 25px 0 46px 0;
    border-bottom: 1px solid #fbe3c4;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tab_div>div::after{
    content: "";
    position: absolute;
    bottom: -46px;
    left: 50%;
    display: inline-block;
    width: 5px;
    height: 46px;
    background: url(/images/process/line_b.png) no-repeat center;
  }
  .tab_div>div:nth-last-of-type(1){
    border: none;
  }
  .tab_div>div:nth-last-of-type(1)::after{
    display: none;
  }
  .tab_div>div p {
    width: 180px;
    height: 90px;
    padding: 0 20px;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
  }
  .tab1 p {
    background: url(/images/process/01.png) no-repeat center;
  }
  .tab2 p {
    background: url(/images/process/02.png) no-repeat center;
  }
  .tab3 p {
    background: url(/images/process/03.png) no-repeat center;
  }
  .tab4 p {
    background: url(/images/process/04.png) no-repeat center;
  }
  .tab5 p {
    background: url(/images/process/05.png) no-repeat center;
  }
  .server_tit {
    display: none !important;
  }
  /* 内容区广告图 */
  .Advertising {
    margin: 25px 0;
  }
  .Advertising img {
    max-width: 100%;
  }
  /* 协议 */
  .tab {
    display: flex;
  }
  .tab span {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    background: #666666;
    display: inline-block;
    cursor: pointer;
    flex-grow: 1;
  }
  .tab .cur2 {
    background: #d9344c;
  }
  .tab_content>div {
    padding: 15px 15px;
    background: #FFF;
    display: none;
    max-height: 450px;
    overflow-y: scroll;
  }
  .tab_content .cur3 {
    display: block !important;
  }
  .tab_content>div p {
    color: #666;
  }
  .btn a {
    display: inline-block;
    min-width: 115px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 14px;
    border-radius: 4px;
  }
  .btn {
    width: 100%;
    margin: 25px 0;
    text-align: center;
  }
  .btn a:nth-of-type(1) {
    background: #FFF;
    color: #666;
    border: 1px solid #e5e5e5;
    margin-right: 40px;
  }
  .btn a:nth-of-type(2) {
    background: #d9354d;
    color: #FFF;
    border: 1px solid #d9354d;
  }
}