@charset "UTF-8";

@media (max-width: 640.99px) {
  html {
    font-size: 24px;
  }
}

@media (max-width: 639.99px) {
  html {
    font-size: 23.96px;
  }
}

@media (max-width: 638.99px) {
  html {
    font-size: 23.93px;
  }
}

@media (max-width: 637.99px) {
  html {
    font-size: 23.89px;
  }
}

@media (max-width: 636.99px) {
  html {
    font-size: 23.85px;
  }
}

@media (max-width: 635.99px) {
  html {
    font-size: 23.81px;
  }
}

@media (max-width: 634.99px) {
  html {
    font-size: 23.78px;
  }
}

@media (max-width: 633.99px) {
  html {
    font-size: 23.74px;
  }
}

@media (max-width: 632.99px) {
  html {
    font-size: 23.7px;
  }
}

@media (max-width: 631.99px) {
  html {
    font-size: 23.66px;
  }
}

@media (max-width: 630.99px) {
  html {
    font-size: 23.63px;
  }
}

@media (max-width: 629.99px) {
  html {
    font-size: 23.59px;
  }
}

@media (max-width: 628.99px) {
  html {
    font-size: 23.55px;
  }
}

@media (max-width: 627.99px) {
  html {
    font-size: 23.51px;
  }
}

@media (max-width: 626.99px) {
  html {
    font-size: 23.48px;
  }
}

@media (max-width: 625.99px) {
  html {
    font-size: 23.44px;
  }
}

@media (max-width: 624.99px) {
  html {
    font-size: 23.4px;
  }
}

@media (max-width: 623.99px) {
  html {
    font-size: 23.36px;
  }
}

@media (max-width: 622.99px) {
  html {
    font-size: 23.33px;
  }
}

@media (max-width: 621.99px) {
  html {
    font-size: 23.29px;
  }
}

@media (max-width: 620.99px) {
  html {
    font-size: 23.25px;
  }
}

@media (max-width: 619.99px) {
  html {
    font-size: 23.21px;
  }
}

@media (max-width: 618.99px) {
  html {
    font-size: 23.18px;
  }
}

@media (max-width: 617.99px) {
  html {
    font-size: 23.14px;
  }
}

@media (max-width: 616.99px) {
  html {
    font-size: 23.1px;
  }
}

@media (max-width: 615.99px) {
  html {
    font-size: 23.06px;
  }
}

@media (max-width: 614.99px) {
  html {
    font-size: 23.03px;
  }
}

@media (max-width: 613.99px) {
  html {
    font-size: 22.99px;
  }
}

@media (max-width: 612.99px) {
  html {
    font-size: 22.95px;
  }
}

@media (max-width: 611.99px) {
  html {
    font-size: 22.91px;
  }
}

@media (max-width: 610.99px) {
  html {
    font-size: 22.88px;
  }
}

@media (max-width: 609.99px) {
  html {
    font-size: 22.84px;
  }
}

@media (max-width: 608.99px) {
  html {
    font-size: 22.8px;
  }
}

@media (max-width: 607.99px) {
  html {
    font-size: 22.76px;
  }
}

@media (max-width: 606.99px) {
  html {
    font-size: 22.73px;
  }
}

@media (max-width: 605.99px) {
  html {
    font-size: 22.69px;
  }
}

@media (max-width: 604.99px) {
  html {
    font-size: 22.65px;
  }
}

@media (max-width: 603.99px) {
  html {
    font-size: 22.61px;
  }
}

@media (max-width: 602.99px) {
  html {
    font-size: 22.58px;
  }
}

@media (max-width: 601.99px) {
  html {
    font-size: 22.54px;
  }
}

@media (max-width: 600.99px) {
  html {
    font-size: 22.5px;
  }
}

@media (max-width: 599.99px) {
  html {
    font-size: 22.46px;
  }
}

@media (max-width: 598.99px) {
  html {
    font-size: 22.43px;
  }
}

@media (max-width: 597.99px) {
  html {
    font-size: 22.39px;
  }
}

@media (max-width: 596.99px) {
  html {
    font-size: 22.35px;
  }
}

@media (max-width: 595.99px) {
  html {
    font-size: 22.31px;
  }
}

@media (max-width: 594.99px) {
  html {
    font-size: 22.28px;
  }
}

@media (max-width: 593.99px) {
  html {
    font-size: 22.24px;
  }
}

@media (max-width: 592.99px) {
  html {
    font-size: 22.2px;
  }
}

@media (max-width: 591.99px) {
  html {
    font-size: 22.16px;
  }
}

@media (max-width: 590.99px) {
  html {
    font-size: 22.13px;
  }
}

@media (max-width: 589.99px) {
  html {
    font-size: 22.09px;
  }
}

@media (max-width: 588.99px) {
  html {
    font-size: 22.05px;
  }
}

@media (max-width: 587.99px) {
  html {
    font-size: 22.01px;
  }
}

@media (max-width: 586.99px) {
  html {
    font-size: 21.98px;
  }
}

@media (max-width: 585.99px) {
  html {
    font-size: 21.94px;
  }
}

@media (max-width: 584.99px) {
  html {
    font-size: 21.9px;
  }
}

@media (max-width: 583.99px) {
  html {
    font-size: 21.86px;
  }
}

@media (max-width: 582.99px) {
  html {
    font-size: 21.83px;
  }
}

@media (max-width: 581.99px) {
  html {
    font-size: 21.79px;
  }
}

@media (max-width: 580.99px) {
  html {
    font-size: 21.75px;
  }
}

@media (max-width: 579.99px) {
  html {
    font-size: 21.71px;
  }
}

@media (max-width: 578.99px) {
  html {
    font-size: 21.68px;
  }
}

@media (max-width: 577.99px) {
  html {
    font-size: 21.64px;
  }
}

@media (max-width: 576.99px) {
  html {
    font-size: 21.6px;
  }
}

@media (max-width: 575.99px) {
  html {
    font-size: 21.56px;
  }
}

@media (max-width: 574.99px) {
  html {
    font-size: 21.53px;
  }
}

@media (max-width: 573.99px) {
  html {
    font-size: 21.49px;
  }
}

@media (max-width: 572.99px) {
  html {
    font-size: 21.45px;
  }
}

@media (max-width: 571.99px) {
  html {
    font-size: 21.41px;
  }
}

@media (max-width: 570.99px) {
  html {
    font-size: 21.38px;
  }
}

@media (max-width: 569.99px) {
  html {
    font-size: 21.34px;
  }
}

@media (max-width: 568.99px) {
  html {
    font-size: 21.3px;
  }
}

@media (max-width: 567.99px) {
  html {
    font-size: 21.26px;
  }
}

@media (max-width: 566.99px) {
  html {
    font-size: 21.23px;
  }
}

@media (max-width: 565.99px) {
  html {
    font-size: 21.19px;
  }
}

@media (max-width: 564.99px) {
  html {
    font-size: 21.15px;
  }
}

@media (max-width: 563.99px) {
  html {
    font-size: 21.11px;
  }
}

@media (max-width: 562.99px) {
  html {
    font-size: 21.08px;
  }
}

@media (max-width: 561.99px) {
  html {
    font-size: 21.04px;
  }
}

@media (max-width: 560.99px) {
  html {
    font-size: 21px;
  }
}

@media (max-width: 559.99px) {
  html {
    font-size: 20.96px;
  }
}

@media (max-width: 558.99px) {
  html {
    font-size: 20.93px;
  }
}

@media (max-width: 557.99px) {
  html {
    font-size: 20.89px;
  }
}

@media (max-width: 556.99px) {
  html {
    font-size: 20.85px;
  }
}

@media (max-width: 555.99px) {
  html {
    font-size: 20.81px;
  }
}

@media (max-width: 554.99px) {
  html {
    font-size: 20.78px;
  }
}

@media (max-width: 553.99px) {
  html {
    font-size: 20.74px;
  }
}

@media (max-width: 552.99px) {
  html {
    font-size: 20.7px;
  }
}

@media (max-width: 551.99px) {
  html {
    font-size: 20.66px;
  }
}

@media (max-width: 550.99px) {
  html {
    font-size: 20.63px;
  }
}

@media (max-width: 549.99px) {
  html {
    font-size: 20.59px;
  }
}

@media (max-width: 548.99px) {
  html {
    font-size: 20.55px;
  }
}

@media (max-width: 547.99px) {
  html {
    font-size: 20.51px;
  }
}

@media (max-width: 546.99px) {
  html {
    font-size: 20.48px;
  }
}

@media (max-width: 545.99px) {
  html {
    font-size: 20.44px;
  }
}

@media (max-width: 544.99px) {
  html {
    font-size: 20.4px;
  }
}

@media (max-width: 543.99px) {
  html {
    font-size: 20.36px;
  }
}

@media (max-width: 542.99px) {
  html {
    font-size: 20.33px;
  }
}

@media (max-width: 541.99px) {
  html {
    font-size: 20.29px;
  }
}

@media (max-width: 540.99px) {
  html {
    font-size: 20.25px;
  }
}

@media (max-width: 539.99px) {
  html {
    font-size: 20.21px;
  }
}

@media (max-width: 538.99px) {
  html {
    font-size: 20.18px;
  }
}

@media (max-width: 537.99px) {
  html {
    font-size: 20.14px;
  }
}

@media (max-width: 536.99px) {
  html {
    font-size: 20.1px;
  }
}

@media (max-width: 535.99px) {
  html {
    font-size: 20.06px;
  }
}

@media (max-width: 534.99px) {
  html {
    font-size: 20.02px;
  }
}

@media (max-width: 533.99px) {
  html {
    font-size: 19.99px;
  }
}

@media (max-width: 532.99px) {
  html {
    font-size: 19.95px;
  }
}

@media (max-width: 531.99px) {
  html {
    font-size: 19.91px;
  }
}

@media (max-width: 530.99px) {
  html {
    font-size: 19.88px;
  }
}

@media (max-width: 529.99px) {
  html {
    font-size: 19.84px;
  }
}

@media (max-width: 528.99px) {
  html {
    font-size: 19.8px;
  }
}

@media (max-width: 527.99px) {
  html {
    font-size: 19.76px;
  }
}

@media (max-width: 526.99px) {
  html {
    font-size: 19.73px;
  }
}

@media (max-width: 525.99px) {
  html {
    font-size: 19.69px;
  }
}

@media (max-width: 524.99px) {
  html {
    font-size: 19.65px;
  }
}

@media (max-width: 523.99px) {
  html {
    font-size: 19.61px;
  }
}

@media (max-width: 522.99px) {
  html {
    font-size: 19.58px;
  }
}

@media (max-width: 521.99px) {
  html {
    font-size: 19.54px;
  }
}

@media (max-width: 520.99px) {
  html {
    font-size: 19.5px;
  }
}

@media (max-width: 519.99px) {
  html {
    font-size: 19.46px;
  }
}

@media (max-width: 518.99px) {
  html {
    font-size: 19.43px;
  }
}

@media (max-width: 517.99px) {
  html {
    font-size: 19.39px;
  }
}

@media (max-width: 516.99px) {
  html {
    font-size: 19.35px;
  }
}

@media (max-width: 515.99px) {
  html {
    font-size: 19.31px;
  }
}

@media (max-width: 514.99px) {
  html {
    font-size: 19.27px;
  }
}

@media (max-width: 513.99px) {
  html {
    font-size: 19.24px;
  }
}

@media (max-width: 512.99px) {
  html {
    font-size: 19.2px;
  }
}

@media (max-width: 511.99px) {
  html {
    font-size: 19.16px;
  }
}

@media (max-width: 510.99px) {
  html {
    font-size: 19.13px;
  }
}

@media (max-width: 509.99px) {
  html {
    font-size: 19.09px;
  }
}

@media (max-width: 508.99px) {
  html {
    font-size: 19.05px;
  }
}

@media (max-width: 507.99px) {
  html {
    font-size: 19.01px;
  }
}

@media (max-width: 506.99px) {
  html {
    font-size: 18.98px;
  }
}

@media (max-width: 505.99px) {
  html {
    font-size: 18.94px;
  }
}

@media (max-width: 504.99px) {
  html {
    font-size: 18.9px;
  }
}

@media (max-width: 503.99px) {
  html {
    font-size: 18.86px;
  }
}

@media (max-width: 502.99px) {
  html {
    font-size: 18.83px;
  }
}

@media (max-width: 501.99px) {
  html {
    font-size: 18.79px;
  }
}

@media (max-width: 500.99px) {
  html {
    font-size: 18.75px;
  }
}

@media (max-width: 499.99px) {
  html {
    font-size: 18.71px;
  }
}

@media (max-width: 498.99px) {
  html {
    font-size: 18.68px;
  }
}

@media (max-width: 497.99px) {
  html {
    font-size: 18.64px;
  }
}

@media (max-width: 496.99px) {
  html {
    font-size: 18.6px;
  }
}

@media (max-width: 495.99px) {
  html {
    font-size: 18.56px;
  }
}

@media (max-width: 494.99px) {
  html {
    font-size: 18.52px;
  }
}

@media (max-width: 493.99px) {
  html {
    font-size: 18.49px;
  }
}

@media (max-width: 492.99px) {
  html {
    font-size: 18.45px;
  }
}

@media (max-width: 491.99px) {
  html {
    font-size: 18.41px;
  }
}

@media (max-width: 490.99px) {
  html {
    font-size: 18.38px;
  }
}

@media (max-width: 489.99px) {
  html {
    font-size: 18.34px;
  }
}

@media (max-width: 488.99px) {
  html {
    font-size: 18.3px;
  }
}

@media (max-width: 487.99px) {
  html {
    font-size: 18.26px;
  }
}

@media (max-width: 486.99px) {
  html {
    font-size: 18.23px;
  }
}

@media (max-width: 485.99px) {
  html {
    font-size: 18.19px;
  }
}

@media (max-width: 484.99px) {
  html {
    font-size: 18.15px;
  }
}

@media (max-width: 483.99px) {
  html {
    font-size: 18.11px;
  }
}

@media (max-width: 482.99px) {
  html {
    font-size: 18.08px;
  }
}

@media (max-width: 481.99px) {
  html {
    font-size: 18.04px;
  }
}

@media (max-width: 480.99px) {
  html {
    font-size: 18px;
  }
}

@media (max-width: 479.99px) {
  html {
    font-size: 17.96px;
  }
}

@media (max-width: 478.99px) {
  html {
    font-size: 17.93px;
  }
}

@media (max-width: 477.99px) {
  html {
    font-size: 17.89px;
  }
}

@media (max-width: 476.99px) {
  html {
    font-size: 17.85px;
  }
}

@media (max-width: 475.99px) {
  html {
    font-size: 17.81px;
  }
}

@media (max-width: 474.99px) {
  html {
    font-size: 17.77px;
  }
}

@media (max-width: 473.99px) {
  html {
    font-size: 17.74px;
  }
}

@media (max-width: 472.99px) {
  html {
    font-size: 17.7px;
  }
}

@media (max-width: 471.99px) {
  html {
    font-size: 17.66px;
  }
}

@media (max-width: 470.99px) {
  html {
    font-size: 17.63px;
  }
}

@media (max-width: 469.99px) {
  html {
    font-size: 17.59px;
  }
}

@media (max-width: 468.99px) {
  html {
    font-size: 17.55px;
  }
}

@media (max-width: 467.99px) {
  html {
    font-size: 17.51px;
  }
}

@media (max-width: 466.99px) {
  html {
    font-size: 17.48px;
  }
}

@media (max-width: 465.99px) {
  html {
    font-size: 17.44px;
  }
}

@media (max-width: 464.99px) {
  html {
    font-size: 17.4px;
  }
}

@media (max-width: 463.99px) {
  html {
    font-size: 17.36px;
  }
}

@media (max-width: 462.99px) {
  html {
    font-size: 17.33px;
  }
}

@media (max-width: 461.99px) {
  html {
    font-size: 17.29px;
  }
}

@media (max-width: 460.99px) {
  html {
    font-size: 17.25px;
  }
}

@media (max-width: 459.99px) {
  html {
    font-size: 17.21px;
  }
}

@media (max-width: 458.99px) {
  html {
    font-size: 17.18px;
  }
}

@media (max-width: 457.99px) {
  html {
    font-size: 17.14px;
  }
}

@media (max-width: 456.99px) {
  html {
    font-size: 17.1px;
  }
}

@media (max-width: 455.99px) {
  html {
    font-size: 17.06px;
  }
}

@media (max-width: 454.99px) {
  html {
    font-size: 17.02px;
  }
}

@media (max-width: 453.99px) {
  html {
    font-size: 16.99px;
  }
}

@media (max-width: 452.99px) {
  html {
    font-size: 16.95px;
  }
}

@media (max-width: 451.99px) {
  html {
    font-size: 16.91px;
  }
}

@media (max-width: 450.99px) {
  html {
    font-size: 16.88px;
  }
}

@media (max-width: 449.99px) {
  html {
    font-size: 16.84px;
  }
}

@media (max-width: 448.99px) {
  html {
    font-size: 16.8px;
  }
}

@media (max-width: 447.99px) {
  html {
    font-size: 16.76px;
  }
}

@media (max-width: 446.99px) {
  html {
    font-size: 16.73px;
  }
}

@media (max-width: 445.99px) {
  html {
    font-size: 16.69px;
  }
}

@media (max-width: 444.99px) {
  html {
    font-size: 16.65px;
  }
}

@media (max-width: 443.99px) {
  html {
    font-size: 16.61px;
  }
}

@media (max-width: 442.99px) {
  html {
    font-size: 16.58px;
  }
}

@media (max-width: 441.99px) {
  html {
    font-size: 16.54px;
  }
}

@media (max-width: 440.99px) {
  html {
    font-size: 16.5px;
  }
}

@media (max-width: 439.99px) {
  html {
    font-size: 16.46px;
  }
}

@media (max-width: 438.99px) {
  html {
    font-size: 16.43px;
  }
}

@media (max-width: 437.99px) {
  html {
    font-size: 16.39px;
  }
}

@media (max-width: 436.99px) {
  html {
    font-size: 16.35px;
  }
}

@media (max-width: 435.99px) {
  html {
    font-size: 16.31px;
  }
}

@media (max-width: 434.99px) {
  html {
    font-size: 16.27px;
  }
}

@media (max-width: 433.99px) {
  html {
    font-size: 16.24px;
  }
}

@media (max-width: 432.99px) {
  html {
    font-size: 16.2px;
  }
}

@media (max-width: 431.99px) {
  html {
    font-size: 16.16px;
  }
}

@media (max-width: 430.99px) {
  html {
    font-size: 16.13px;
  }
}

@media (max-width: 429.99px) {
  html {
    font-size: 16.09px;
  }
}

@media (max-width: 428.99px) {
  html {
    font-size: 16.05px;
  }
}

@media (max-width: 427.99px) {
  html {
    font-size: 16.01px;
  }
}

@media (max-width: 426.99px) {
  html {
    font-size: 15.98px;
  }
}

@media (max-width: 425.99px) {
  html {
    font-size: 15.94px;
  }
}

@media (max-width: 424.99px) {
  html {
    font-size: 15.9px;
  }
}

@media (max-width: 423.99px) {
  html {
    font-size: 15.86px;
  }
}

@media (max-width: 422.99px) {
  html {
    font-size: 15.83px;
  }
}

@media (max-width: 421.99px) {
  html {
    font-size: 15.79px;
  }
}

@media (max-width: 420.99px) {
  html {
    font-size: 15.75px;
  }
}

@media (max-width: 419.99px) {
  html {
    font-size: 15.71px;
  }
}

@media (max-width: 418.99px) {
  html {
    font-size: 15.68px;
  }
}

@media (max-width: 417.99px) {
  html {
    font-size: 15.64px;
  }
}

@media (max-width: 416.99px) {
  html {
    font-size: 15.6px;
  }
}

@media (max-width: 415.99px) {
  html {
    font-size: 15.56px;
  }
}

@media (max-width: 414.99px) {
  html {
    font-size: 15.53px;
  }
}

@media (max-width: 413.99px) {
  html {
    font-size: 15.49px;
  }
}

@media (max-width: 412.99px) {
  html {
    font-size: 15.45px;
  }
}

@media (max-width: 411.99px) {
  html {
    font-size: 15.41px;
  }
}

@media (max-width: 410.99px) {
  html {
    font-size: 15.38px;
  }
}

@media (max-width: 409.99px) {
  html {
    font-size: 15.34px;
  }
}

@media (max-width: 408.99px) {
  html {
    font-size: 15.3px;
  }
}

@media (max-width: 407.99px) {
  html {
    font-size: 15.26px;
  }
}

@media (max-width: 406.99px) {
  html {
    font-size: 15.23px;
  }
}

@media (max-width: 405.99px) {
  html {
    font-size: 15.19px;
  }
}

@media (max-width: 404.99px) {
  html {
    font-size: 15.15px;
  }
}

@media (max-width: 403.99px) {
  html {
    font-size: 15.11px;
  }
}

@media (max-width: 402.99px) {
  html {
    font-size: 15.08px;
  }
}

@media (max-width: 401.99px) {
  html {
    font-size: 15.04px;
  }
}

@media (max-width: 400.99px) {
  html {
    font-size: 15px;
  }
}

@media (max-width: 399.99px) {
  html {
    font-size: 14.96px;
  }
}

@media (max-width: 398.99px) {
  html {
    font-size: 14.93px;
  }
}

@media (max-width: 397.99px) {
  html {
    font-size: 14.89px;
  }
}

@media (max-width: 396.99px) {
  html {
    font-size: 14.85px;
  }
}

@media (max-width: 395.99px) {
  html {
    font-size: 14.81px;
  }
}

@media (max-width: 394.99px) {
  html {
    font-size: 14.78px;
  }
}

@media (max-width: 393.99px) {
  html {
    font-size: 14.74px;
  }
}

@media (max-width: 392.99px) {
  html {
    font-size: 14.7px;
  }
}

@media (max-width: 391.99px) {
  html {
    font-size: 14.66px;
  }
}

@media (max-width: 390.99px) {
  html {
    font-size: 14.63px;
  }
}

@media (max-width: 389.99px) {
  html {
    font-size: 14.59px;
  }
}

@media (max-width: 388.99px) {
  html {
    font-size: 14.55px;
  }
}

@media (max-width: 387.99px) {
  html {
    font-size: 14.51px;
  }
}

@media (max-width: 386.99px) {
  html {
    font-size: 14.48px;
  }
}

@media (max-width: 385.99px) {
  html {
    font-size: 14.44px;
  }
}

@media (max-width: 384.99px) {
  html {
    font-size: 14.4px;
  }
}

@media (max-width: 383.99px) {
  html {
    font-size: 14.36px;
  }
}

@media (max-width: 382.99px) {
  html {
    font-size: 14.33px;
  }
}

@media (max-width: 381.99px) {
  html {
    font-size: 14.29px;
  }
}

@media (max-width: 380.99px) {
  html {
    font-size: 14.25px;
  }
}

@media (max-width: 379.99px) {
  html {
    font-size: 14.21px;
  }
}

@media (max-width: 378.99px) {
  html {
    font-size: 14.18px;
  }
}

@media (max-width: 377.99px) {
  html {
    font-size: 14.14px;
  }
}

@media (max-width: 376.99px) {
  html {
    font-size: 14.1px;
  }
}

@media (max-width: 375.99px) {
  html {
    font-size: 14.06px;
  }
}

@media (max-width: 374.99px) {
  html {
    font-size: 14.03px;
  }
}

@media (max-width: 373.99px) {
  html {
    font-size: 13.99px;
  }
}

@media (max-width: 372.99px) {
  html {
    font-size: 13.95px;
  }
}

@media (max-width: 371.99px) {
  html {
    font-size: 13.91px;
  }
}

@media (max-width: 370.99px) {
  html {
    font-size: 13.88px;
  }
}

@media (max-width: 369.99px) {
  html {
    font-size: 13.84px;
  }
}

@media (max-width: 368.99px) {
  html {
    font-size: 13.8px;
  }
}

@media (max-width: 367.99px) {
  html {
    font-size: 13.76px;
  }
}

@media (max-width: 366.99px) {
  html {
    font-size: 13.73px;
  }
}

@media (max-width: 365.99px) {
  html {
    font-size: 13.69px;
  }
}

@media (max-width: 364.99px) {
  html {
    font-size: 13.65px;
  }
}

@media (max-width: 363.99px) {
  html {
    font-size: 13.61px;
  }
}

@media (max-width: 362.99px) {
  html {
    font-size: 13.58px;
  }
}

@media (max-width: 361.99px) {
  html {
    font-size: 13.54px;
  }
}

@media (max-width: 360.99px) {
  html {
    font-size: 13.5px;
  }
}

@media (max-width: 359.99px) {
  html {
    font-size: 13.46px;
  }
}

@media (max-width: 358.99px) {
  html {
    font-size: 13.43px;
  }
}

@media (max-width: 357.99px) {
  html {
    font-size: 13.39px;
  }
}

@media (max-width: 356.99px) {
  html {
    font-size: 13.35px;
  }
}

@media (max-width: 355.99px) {
  html {
    font-size: 13.31px;
  }
}

@media (max-width: 354.99px) {
  html {
    font-size: 13.28px;
  }
}

@media (max-width: 353.99px) {
  html {
    font-size: 13.24px;
  }
}

@media (max-width: 352.99px) {
  html {
    font-size: 13.2px;
  }
}

@media (max-width: 351.99px) {
  html {
    font-size: 13.16px;
  }
}

@media (max-width: 350.99px) {
  html {
    font-size: 13.13px;
  }
}

@media (max-width: 349.99px) {
  html {
    font-size: 13.09px;
  }
}

@media (max-width: 348.99px) {
  html {
    font-size: 13.05px;
  }
}

@media (max-width: 347.99px) {
  html {
    font-size: 13.01px;
  }
}

@media (max-width: 346.99px) {
  html {
    font-size: 12.98px;
  }
}

@media (max-width: 345.99px) {
  html {
    font-size: 12.94px;
  }
}

@media (max-width: 344.99px) {
  html {
    font-size: 12.9px;
  }
}

@media (max-width: 343.99px) {
  html {
    font-size: 12.86px;
  }
}

@media (max-width: 342.99px) {
  html {
    font-size: 12.83px;
  }
}

@media (max-width: 341.99px) {
  html {
    font-size: 12.79px;
  }
}

@media (max-width: 340.99px) {
  html {
    font-size: 12.75px;
  }
}

@media (max-width: 339.99px) {
  html {
    font-size: 12.71px;
  }
}

@media (max-width: 338.99px) {
  html {
    font-size: 12.68px;
  }
}

@media (max-width: 337.99px) {
  html {
    font-size: 12.64px;
  }
}

@media (max-width: 336.99px) {
  html {
    font-size: 12.6px;
  }
}

@media (max-width: 335.99px) {
  html {
    font-size: 12.56px;
  }
}

@media (max-width: 334.99px) {
  html {
    font-size: 12.53px;
  }
}

@media (max-width: 333.99px) {
  html {
    font-size: 12.49px;
  }
}

@media (max-width: 332.99px) {
  html {
    font-size: 12.45px;
  }
}

@media (max-width: 331.99px) {
  html {
    font-size: 12.41px;
  }
}

@media (max-width: 330.99px) {
  html {
    font-size: 12.38px;
  }
}

@media (max-width: 329.99px) {
  html {
    font-size: 12.34px;
  }
}

@media (max-width: 328.99px) {
  html {
    font-size: 12.3px;
  }
}

@media (max-width: 327.99px) {
  html {
    font-size: 12.26px;
  }
}

@media (max-width: 326.99px) {
  html {
    font-size: 12.23px;
  }
}

@media (max-width: 325.99px) {
  html {
    font-size: 12.19px;
  }
}

@media (max-width: 324.99px) {
  html {
    font-size: 12.15px;
  }
}

@media (max-width: 323.99px) {
  html {
    font-size: 12.11px;
  }
}

@media (max-width: 322.99px) {
  html {
    font-size: 12.08px;
  }
}

@media (max-width: 321.99px) {
  html {
    font-size: 12.04px;
  }
}

@media (max-width: 320.99px) {
  html {
    font-size: 12px;
  }
}

button,
html,
input,
select,
textarea {
  color: #282828;
}

body {
  /*font-size: 1em;*/
  line-height: 1.4;
  background: #f5f9f8;
  font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53";
}

img {
  vertical-align: middle;
  max-width: 100%;
}

a {
  text-decoration: none;
  outline: none;
}

a,
img,
button,
input,
textarea,
div {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  outline: none;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.clearfix:after,
.clearfix:before {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.screen-lock body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.screen-lock .alert-success {
  display: block;
}

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #B5B5B5;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #B5B5B5;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #B5B5B5;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #B5B5B5;
}

/*component*/
* {
  word-wrap: break-word;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
iframe,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
button,
input,
textarea,
th,
td,
fieldset {
  margin: 0;
  padding: 0;
}

ul,
ol,
dl {
  list-style-type: none;
}

html,
body {
  *position: static;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: 400;
}

input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

input,
button {
  overflow: visible;
  vertical-align: middle;
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

a {
  color: #333;
  -webkit-tap-highlight-color: transparent;
}

a,
area {
  outline: none;
  blr: expression(this.onFocus=this.blur());
}

a:hover {
  outline: none;
}

a.ie6:hover {
  zoom: 1;
}

a:focus {
  outline: none;
}

a:hover,
a:active {
  outline: none;
}

:focus {
  outline: none;
}

sub,
sup {
  vertical-align: baseline;
}

button,
input[type="button"],
input[type="submit"] {
  line-height: normal !important;
}

/*IE下a:hover 背景闪烁*/
/**html {
  overflow: -moz-scrollbars-vertical;
  zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))
}*/
/*HTML5 reset*/
header,
footer,
section,
aside,
details,
menu,
article,
section,
nav,
address,
hgroup,
figure,
figcaption,
legend {
  display: block;
  margin: 0;
  padding: 0;
}

time {
  display: inline;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

legend {
  width: 100%;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

legend small {
  font-size: 15px;
  color: #999;
}

svg:not(:root) {
  overflow: hidden;
}

fieldset {
  border-width: 0;
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.index-container {
  margin: 0 auto;
  max-width: 1106px;
}

.go-back a {
  font-size: 14px;
  color: #c7000b;
  position: relative;
}

/*分享板块*/
.public-sharing {
  width: 1106px;
  margin: 0 auto;
  padding: 24px 0;
}

.public-sharing .go-back a {
  font-size: 16px;
  color: #c7000b;
  position: relative;
}

.public-sharing .go-back a:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  border-left: 1px solid #c7000b;
  border-bottom: 1px solid #c7000b;
  -moz-transform: translateX(5px) rotate(45deg);
  -ms-transform: translateX(5px) rotate(45deg);
  -o-transform: translateX(5px) rotate(45deg);
  -webkit-transform: translateX(5px) rotate(45deg);
  transform: translateX(5px) rotate(45deg);
  margin-right: 10px;
}

.public-sharing .share-btn .bshare-custom a {
  display: inline-block;
  width: 24px;
  height: 24px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  margin-left: 10px;
  padding-left: 0;
  margin-right: 0;
}

.public-sharing .share-btn .bshare-custom a:first-child {
  margin-left: 0;
}

.public-sharing .share-btn .bshare-custom a.bshare-email,
.public-sharing .share-btn .bshare-custom a.share-email {
  background-image: url(../images/index/share-btn-1.png);
}

.public-sharing .share-btn .bshare-custom a.bshare-facebook {
  background-image: url(../images/index/share-btn-2.png);
}

.public-sharing .share-btn .bshare-custom a.bshare-twitter {
  background-image: url(../images/index/share-btn-3.png);
}

.public-sharing .share-btn .bshare-custom a.bshare-linkedin {
  background-image: url(../images/index/share-btn-4.png);
}

.public-sharing .share-btn .bshare-custom a.bshare-gplus {
  background-image: url(../images/index/share-btn-5.png);
}

.public-sharing .share-btn .bshare-custom a.bshare-sinaminiblog {
  background-image: url(../images/index/share-btn-6.png);
}

.public-sharing .share-btn .bshare-custom a.bshare-weixin {
  background-image: url(../images/index/share-btn-7.png);
}

.public-sharing .share-btn .bshare-custom a.bshare-more {
  display: none !important;
}

.public-sharing .share-btn .bshare-custom a:hover.bshare-email,
.public-sharing .share-btn .bshare-custom a:hover.share-email {
  background-image: url(../images/index/share-btn-1_.png);
}

.public-sharing .share-btn .bshare-custom a:hover.bshare-facebook {
  background-image: url(../images/index/share-btn-2_.png);
}

.public-sharing .share-btn .bshare-custom a:hover.bshare-twitter {
  background-image: url(../images/index/share-btn-3_.png);
}

.public-sharing .share-btn .bshare-custom a:hover.bshare-linkedin {
  background-image: url(../images/index/share-btn-4_.png);
}

.public-sharing .share-btn .bshare-custom a:hover.bshare-gplus {
  background-image: url(../images/index/share-btn-5_.png);
}

.public-sharing .share-btn .bshare-custom a:hover.bshare-sinaminiblog {
  background-image: url(../images/index/share-btn-6_.png);
}

.public-sharing .share-btn .bshare-custom a:hover.bshare-weixin {
  background-image: url(../images/index/share-btn-7_.png);
}

@media only screen and (max-width: 750px) {
  .public-sharing {
    /* display: none;  */
  }
}

/*公共新闻公告列表*/
img {
  border: 0;
}

.public-list {
  background: #fff;
  padding: 100px 0 121px 0;
}

.public-list .list {
  width: 31.4%;
  float: left;
  margin-right: 1.898%;
  background: #fff;
}

.public-list .list .list-top {
  overflow: hidden;
  padding: 36px 0;
  width: 276px;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.public-list .list .list-top img {
  height: 48px;
}

.public-list .list .list-top span {
  margin-left: 20px;
  font-size: 24px;
  color: #282828;
  line-height: 32px;
  vertical-align: middle;
}

.public-list .list .list-bottom {
  height: 354px;
  background-size: 100%;
}

.public-list .list .list-bottom p {
  font-size: 24px;
  color: #fff;
  height: 200px;
  margin: 0 45px 74px 42px;
  padding-top: 33px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}

.public-list .list .list-bottom span {
  font-size: 18px;
  color: #ffffff;
  display: inline-block;
  padding-left: 41px;
}

.public-list .list .list-bottom span img {
  padding-left: 11px;
}

.public-list .list:nth-child(3n) {
  margin-right: 0;
}

/*首页*/
.index .main {
  background: #fff;
}

.index .main .public-banner {
  height: 560px;
}

.index .main .public-banner .swiper-slide {
  width: 100%;
}

.index .main .public-banner .swiper-slide video {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.index .main .public-banner .swiper-slide .banner-photo {
  display: none;
}

.index .main .public-banner .swiper-slide .public-banner-item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.index .main .public-banner .item-content {
  top: 55%;
}

.index .main .public-banner .item-content h4 {
  color: #231815;
  line-height: 1.1;
  padding-bottom: 26px;
}

.index .main .public-banner .item-content .line {
  width: 240px;
  height: 2px;
  background: #c7000b;
  margin: 0 auto;
}

.index .main .public-banner .item-content .play-icon {
  width: 80px;
  height: 80px;
  background-image: url(../images/icon-play.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80px;
  margin: 50px auto;
  cursor: pointer;
}

.index .main .public-banner .swiper-pagination.swiper-pagination-bullets {
  display: none;
}

@media only screen and (max-width: 750px) {
  .index .main .public-banner {
    height: 23.33333rem;
  }

  .index .main .public-banner .swiper-slide video {
    display: none;
  }

  .index .main .public-banner .swiper-slide .banner-photo {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  .index .main .public-banner .item-content {
    top: 50%;
    z-index: 33;
  }

  .index .main .public-banner .item-content h4 {
    color: #231815;
    line-height: 1.1;
    padding-bottom: 1.08333rem;
  }

  .index .main .public-banner .item-content .line {
    width: 7.91667rem;
    height: 0.08333rem;
    background: #c7000b;
    margin: 0 auto;
  }

  .index .main .public-banner .item-content .play-icon {
    width: 3.33333rem;
    height: 3.33333rem;
    background-image: url(../images/icon-play.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 3.33333rem;
    margin: 1.66667rem auto;
  }

  .index .main .public-banner .swiper-pagination.swiper-pagination-bullets {
    display: none;
  }
}

.index .main .banner-main .job-classification {
  padding: 100px 0 80px 0;
}

.index .main .banner-main .job-classification .index-container {
  max-width: 1200px;
}

.index .main .banner-main .job-classification .job-classification-item {
  -moz-box-shadow: 0 10px 10px #f5f5f5;
  -webkit-box-shadow: 0 10px 10px #f5f5f5;
  box-shadow: 0 5px 8px 2px #f5f5f5;
  margin-bottom: 20px;
  width: 48.33%;
}

.index .main .banner-main .job-classification .job-classification-item .student {
  background-size: cover;
  background-repeat: no-repeat;
  height: 320px;
  padding-left: 50px;
}

.index .main .banner-main .job-classification .job-classification-item .student h1 {
  color: #231815;
  font-size: 32px;
  line-height: 56px;
  display: inline-block;
  padding: 38px 0 0 0;
}

.index .main .banner-main .job-classification .job-classification-item .student .line {
  width: 94px;
  height: 1px;
  background: #c7000b;
}

.index .main .banner-main .job-classification .job-classification-item .student p {
  color: #231815;
  font-size: 16px;
  line-height: 1.1;
  padding-top: 14px;
}

.index .main .banner-main .job-classification .job-classification-item .left-bottom {
  background: #fff;
  padding: 28px 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 208px;
}

.index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post {
  height: 108px;
}

.index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post a {
  display: inline-block;
}

.index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post a .look-up-button {
  font-size: 14px;
  color: #fff;
  border-radius: 3px;
  background: #c7000b;
  padding: 0 18px;
  line-height: 42px;
}

.index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post .select-warp {
  width: 69.93%;
  margin-right: 2.16%;
  float: left;
}

.index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post .select-warp .title {
  line-height: 40px;
}

.index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post .select-warp ul {
  top: 40px;
}

.index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title {
  padding-top: 0;
}

.index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title ul .item {
  display: inline-block;
  margin: 0 21px 0 0;
}

.index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title ul .item a {
  font-size: 14px;
  color: #231815;
  line-height: 24px;
  position: relative;
}

.index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title ul .item a:hover {
  color: #c7000b;
}

.index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title ul .item a:hover::after {
  content: '';
  position: absolute;
  left: 0px;
  bottom: -6px;
  width: 100%;
  height: 1px;
  background: #c7000b;
}

.index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title.b ul .item a:hover {
  position: static;
  color: #282828;
  font-weight: 600;
}

.index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title.b ul .item a:hover:after {
  display: none;
}

.index .main .banner-main .job-classification .job-classification-item .right-bottom {
  background: #fff;
  padding: 28px 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 208px;
}

.index .main .banner-main .job-classification .job-classification-item .right-bottom .look-up-post {
  height: 108px;
}

.index .main .banner-main .job-classification .job-classification-item .right-bottom .look-up-post a {
  display: inline-block;
}

.index .main .banner-main .job-classification .job-classification-item .right-bottom .look-up-post a .look-up-button {
  font-size: 14px;
  color: #fff;
  border-radius: 3px;
  background: #c7000b;
  padding: 0 18px;
  line-height: 42px;
}

.index .main .banner-main .job-classification .job-classification-item .right-bottom .look-up-post .select-warp {
  width: 36.79%;
  margin-right: 2.16%;
  float: left;
}

.index .main .banner-main .job-classification .job-classification-item .right-bottom .look-up-post .select-warp .title {
  line-height: 40px;
}

.index .main .banner-main .job-classification .job-classification-item .right-bottom .look-up-post .select-warp ul {
  top: 40px;
}

.index .main .banner-main .job-classification .job-classification-item .right-bottom .bottom-title ul .item {
  display: inline-block;
  margin: 0 21px 37px 0;
}

.index .main .banner-main .job-classification .job-classification-item .right-bottom .bottom-title ul .item a {
  font-size: 14px;
  color: #282828;
  line-height: 24px;
}

.index .main .banner-main .job-classification .job-classification-item .right-bottom .bottom-title ul .item a:hover {
  color: #c7000b;
  position: relative;
}

.index .main .banner-main .job-classification .job-classification-item .right-bottom .bottom-title ul .item a:hover::after {
  content: '';
  position: absolute;
  left: 0px;
  bottom: -6px;
  width: 100%;
  height: 1px;
  background: #c7000b;
}

.index .main .banner-main .press-release .index-container {
  max-width: 1200px;
}

.index .main .banner-main .press-release .index-container .affiche-list {
  padding-bottom: 98px;
}

.index .main .banner-main .press-release .index-container .affiche-list .item {
  width: 30.58%;
  background-color: #dde6ed;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-right: 4.13%;
}

.index .main .banner-main .press-release .index-container .affiche-list .item:hover .bottom .btn a span {
  transform: translateX(10px);
}

.index .main .banner-main .press-release .index-container .affiche-list .item:last-child {
  margin-right: 0;
}

.index .main .banner-main .press-release .index-container .affiche-list .item .top {
  width: 100%;
  height: 210px;
}

.index .main .banner-main .press-release .index-container .affiche-list .item .top img {
  width: 100%;
}

.index .main .banner-main .press-release .index-container .affiche-list .item .bottom {
  padding: 38px 38px 40px 38px;
}

.index .main .banner-main .press-release .index-container .affiche-list .item .bottom h2 {
  font-size: 16px;
  color: #595757;
  line-height: 1.1;
}

.index .main .banner-main .press-release .index-container .affiche-list .item .bottom p {
  font-size: 24px;
  color: #231815;
  line-height: 34px;
  height: 166px;
  padding-top: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.index .main .banner-main .press-release .index-container .affiche-list .item .bottom .btn {
  padding-top: 10px;
  font-size: 18px;
  color: #231815;
  line-height: 1.1;
}

.index .main .banner-main .press-release .index-container .affiche-list .item .bottom .btn a {
  display: inline-block;
}

.index .main .banner-main .press-release .index-container .affiche-list .item .bottom .btn a span {
  display: inline-block;
  margin-left: 18px;
  width: 8px;
  height: 14px;
  background-image: url(../images/index/press-release-arrows.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 8px 14px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 0;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

@media only screen and (max-width: 750px) {
  .index .main .banner-main .press-release .index-container {
    max-width: none;
  }

  .index .main .banner-main .press-release .index-container .affiche-list {
    padding-bottom: 2.08333rem;
  }

  .index .main .banner-main .press-release .index-container .affiche-list .item {
    width: 100%;
    background-color: #dde6ed;
    -moz-border-radius: 0.20833rem;
    -webkit-border-radius: 0.20833rem;
    border-radius: 0.20833rem;
    margin-right: 0;
    margin-bottom: 2.08333rem;
  }

  .index .main .banner-main .press-release .index-container .affiche-list .item:last-child {
    margin-right: 0;
  }

  .index .main .banner-main .press-release .index-container .affiche-list .item .top {
    width: 100%;
    height: 13.33333rem;
  }

  .index .main .banner-main .press-release .index-container .affiche-list .item .top img {
    width: 100%;
  }

  .index .main .banner-main .press-release .index-container .affiche-list .item .bottom {
    padding: 2.08333rem 1.66667rem;
  }

  .index .main .banner-main .press-release .index-container .affiche-list .item .bottom h2 {
    font-size: 1.16667rem;
    color: #231815;
    line-height: 1.1;
  }

  .index .main .banner-main .press-release .index-container .affiche-list .item .bottom p {
    font-size: 1rem;
    color: #231815;
    line-height: 1.41667rem;
    height: 8.33333rem;
    padding-top: 1.04167rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
  }

  .index .main .banner-main .press-release .index-container .affiche-list .item .bottom .btn {
    padding-top: 0.20833rem;
    font-size: 1rem;
    color: #231815;
    line-height: 1.1;
  }

  .index .main .banner-main .press-release .index-container .affiche-list .item .bottom .btn a {
    display: inline-block;
    background-size: 0.45833rem 0.79167rem;
  }

  .index .main .banner-main .press-release .index-container .affiche-list .item .bottom .btn a span {
    display: inline-block;
    margin-left: 1.16667rem;
    width: 0.45833rem;
    height: 0.79167rem;
    background-image: url(../images/index/press-release-arrows.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0.45833rem 0.79167rem;
  }
}

.index .main .banner-end {
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  height: 340px;
}

.index .main .banner-end .end-text {
  padding-top: 117px;
}

.index .main .banner-end .end-text h1 {
  font-size: 42px;
  line-height: 1.1;
  color: #282828;
}

.index .main .banner-end .end-text h2 {
  padding-top: 11px;
  font-size: 16px;
  line-height: 1.1;
  color: #282828;
}

.index .main .banner-end .end-text p {
  padding-top: 34px;
  color: #282828;
}

.index .main .banner-end .end-text p a {
  font-size: 16px;
  color: #231815;
  border-right: 1px solid #282828;
  padding: 0 25px;
}

.index .main .banner-end .end-text p a.huawei-contest-1 {
  padding-right: 25px;
  padding-left: 0;
}

.index .main .banner-end .end-text p a:last-child {
  border: none;
  padding-left: 25px;
  padding-right: 0;
}

.index .main .index-inform .index-container {
  max-width: 1200px;
}

.index .main .index-inform .index-inform-list {
  /*height: 564px;*/
  position: relative;
}

.index .main .index-inform .index-inform-list.news {
  width: 59.66%;
}

.index .main .index-inform .index-inform-list.faq {
  width: 35.83%;
}

.index .main .index-inform .index-inform-list.faq .item .right {
  width: 5px;
}

.index .main .index-inform .index-inform-list.faq .item .right img {
  width: 100%;
}

.index .main .index-inform .index-inform-list .headline {
  font-size: 34px;
  color: #282828;
  border-bottom: 1px solid #e0e0e0;
  padding: 81px 0 25px 0;
}

.index .main .index-inform .index-inform-list .item {
  border-bottom: 1px solid #e0e0e0;
  overflow: hidden;
}

.index .main .index-inform .index-inform-list .item .left {
  width: 84%;
  padding: 18px 0 17px 0;
}

.index .main .index-inform .index-inform-list .item .left a {
  display: inline-block;
  font-size: 18px;
  color: #595757;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.index .main .index-inform .index-inform-list .item .left a:hover {
  color: #c7000b;
  text-decoration: underline;
}

.index .main .index-inform .index-inform-list .item .right {
  font-size: 14px;
  color: #808080;
  padding-top: 21px;
}

.index .main .index-inform .index-inform-list .even-more {
  padding: 28px 0 95px 0;
  /*position: absolute;*/
  bottom: 0;
  left: 0;
}

.index .main .index-inform .index-inform-list .even-more a {
  font-size: 18px;
  color: #231815;
}

.index .main .index-inform .index-inform-list .even-more img {
  padding: 0px 0 3px 7px;
}

.index .main .index-inform .index-inform-list .advance {
  font-size: 34px;
  color: #282828;
  border-bottom: 1px solid #e0e0e0;
  padding: 81px 0 25px 0;
}

.index .main .index-inform .index-inform-list div {
  overflow: hidden;
}

.index .main .index-inform .index-inform-list div .short-item {
  border-bottom: 1px solid #e0e0e0;
  overflow: hidden;
  width: 47.44%;
  float: left;
  margin-right: 21px;
}

.index .main .index-inform .index-inform-list div .short-item .introduction {
  padding: 18px 0;
}

.index .main .index-inform .index-inform-list div .short-item .introduction a {
  font-size: 18px;
  color: #15b0e8;
}

.index .main .index-inform .index-inform-list div :nth-child(even) {
  margin-right: auto;
}

.index .main .index-inform .index-inform-list .even-more2 {
  padding: 28px 0 95px 0;
}

.index .main .index-inform .index-inform-list .even-more2 a {
  font-size: 18px;
  color: #15b0e8;
}

.index .main .index-inform .index-inform-list .even-more2 img {
  padding: 0px 0 6px 5px;
}

/*首页移动端*/
@media only screen and (max-width: 992px) {
  .index-container {
    padding: 0 1.66667rem;
    max-width: none;
  }

  .public-list {
    background: #ecfefe;
    padding: 1.75rem 0 2.45833rem 0;
    overflow: hidden;
  }

  .public-list .list {
    width: 100%;
    float: none;
    margin-right: auto;
    margin-bottom: 1.66667rem;
    background: #fff;
  }

  .public-list .list .list-top {
    padding: 2.91667rem 1.66667rem;
    margin: 0;
    width: auto;
  }

  .public-list .list .list-top img {
    display: inline-block;
    height: 2rem;
  }

  .public-list .list .list-top span {
    margin-left: 1rem;
    font-size: 1.66667rem;
    color: #282828;
    line-height: 2.08333rem;
  }

  .public-list .list .list-bottom {
    height: 16.66667rem;
    background-size: 100%;
    width: 100%;
  }

  .public-list .list .list-bottom p {
    font-size: 1rem;
    color: #fff;
    height: 8.33333rem;
    margin: 0 2.16667rem 3.20833rem 1.66667rem;
    padding-top: 1.79167rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
  }

  .public-list .list .list-bottom span {
    font-size: 0.75rem;
    color: #ffffff;
    display: inline-block;
    padding-left: 1.66667rem;
  }

  .public-list .list .list-bottom span img {
    padding-left: 0.45833rem;
    height: 0.58333rem;
  }

  .public-list .active {
    margin-right: auto;
  }

  .index .main {
    background: #fff;
  }

  .index .main .banner-main {
    background: #fff;
  }

  .index .main .banner-main .job-classification {
    padding: 4.16667rem 0 0 0;
  }

  .index .main .banner-main .job-classification .job-classification-item {
    -moz-box-shadow: 0 0.41667rem 0.41667rem #f5f5f5;
    -webkit-box-shadow: 0 0.41667rem 0.41667rem #f5f5f5;
    box-shadow: 0 0.20833rem 0.33333rem 0.08333rem #f5f5f5;
    margin-bottom: 2.41667rem;
    width: 100%;
  }

  .index .main .banner-main .job-classification .job-classification-item .student {
    height: 13.375rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .index .main .banner-main .job-classification .job-classification-item .student h1 {
    color: #231815;
    font-size: 1.66667rem;
    line-height: 1.1;
    display: inline-block;
    padding: 1.58333rem 0 0.83333rem 0;
  }

  .index .main .banner-main .job-classification .job-classification-item .student p {
    color: #231815;
    font-size: 1rem;
    line-height: 1.1;
    padding-top: 0.83333rem;
  }

  .index .main .banner-main .job-classification .job-classification-item .left-bottom {
    background: #fff;
    padding: 1.91667rem 1.66667rem 2.08333rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
  }

  .index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post {
    height: auto;
  }

  .index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post a {
    float: none;
    display: block;
    text-align: center;
  }

  .index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post a .look-up-button {
    font-size: 1rem;
    color: #fff;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    background: #c7000b;
    padding: 0;
    line-height: 2.91667rem;
  }

  .index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post .select-warp {
    float: none;
    width: auto;
    margin-right: 0;
    margin-bottom: 0.75rem;
  }

  .index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post .select-warp .title {
    line-height: 2.75rem;
  }

  .index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post .select-warp ul {
    top: 2.75rem;
  }

  .index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title {
    padding-top: 0.83333rem;
  }

  .index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title ul {
    padding-top: 0.41667rem;
  }

  .index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title ul .item {
    width: 7.08333rem;
    display: inline-block;
    margin: 1.5rem 1.83333rem 0 0;
  }

  .index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title ul .item a {
    font-size: 1.16667rem;
    color: #282828;
    line-height: 1rem;
    position: relative;
  }

  .index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title ul .item a:hover {
    color: #c7000b;
  }

  .index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title ul .item a:hover::after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -0.25rem;
    width: 100%;
    height: 0.04167rem;
    background: #c7000b;
  }

  .index .main .banner-main .job-classification .job-classification-item .right-bottom {
    background: #fff;
    padding: 1.91667rem 1.66667rem 2.08333rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
  }

  .index .main .banner-main .job-classification .job-classification-item .right-bottom .look-up-post {
    height: auto;
  }

  .index .main .banner-main .job-classification .job-classification-item .right-bottom .look-up-post a {
    float: none;
    display: block;
    text-align: center;
  }

  .index .main .banner-main .job-classification .job-classification-item .right-bottom .look-up-post a .look-up-button {
    font-size: 1rem;
    color: #fff;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    background: #c7000b;
    padding: 0;
    line-height: 2.91667rem;
  }

  .index .main .banner-main .job-classification .job-classification-item .right-bottom .look-up-post .select-warp {
    float: none;
    width: auto;
    margin-right: 0;
    margin-bottom: 0.75rem;
  }

  .index .main .banner-main .job-classification .job-classification-item .right-bottom .look-up-post .select-warp .title {
    line-height: 2.75rem;
  }

  .index .main .banner-main .job-classification .job-classification-item .right-bottom .look-up-post .select-warp ul {
    top: 2.75rem;
  }

  .index .main .banner-main .job-classification .job-classification-item .right-bottom .bottom-title {
    padding-top: 1.66667rem;
  }

  .index .main .banner-main .job-classification .job-classification-item .right-bottom .bottom-title ul .item {
    display: inline-block;
    margin: 0 21px 0 0;
  }

  .index .main .banner-main .job-classification .job-classification-item .right-bottom .bottom-title ul .item a {
    font-size: 1.16667rem;
    color: #282828;
    line-height: 1.1;
  }

  .index .main .banner-main .job-classification .job-classification-item .right-bottom .bottom-title ul .item a:hover {
    font-weight: bolder;
  }

  .index .main .banner-end {
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    height: 17.08333rem;
  }

  .index .main .banner-end .end-text {
    padding-top: 3.41667rem;
  }

  .index .main .banner-end .end-text h1 {
    font-size: 1.91667rem;
    line-height: 1.1;
    color: #231815;
  }

  .index .main .banner-end .end-text h2 {
    padding-top: 0.45833rem;
    font-size: 1rem;
    color: #231815;
  }

  .index .main .banner-end .end-text p {
    padding-top: 0.83333rem;
    color: #231815;
  }

  .index .main .banner-end .end-text p a {
    font-size: 1rem;
    line-height: 1.83333rem;
    color: #231815;
    display: block;
    border: none;
    padding: 0;
  }

  .index .main .index-inform {
    padding-bottom: 4.16667rem;
  }

  .index .main .index-inform .index-inform-list {
    height: auto;
    position: initial;
  }

  .index .main .index-inform .index-inform-list.news {
    width: 100%;
  }

  .index .main .index-inform .index-inform-list.faq {
    width: 100%;
  }

  .index .main .index-inform .index-inform-list.faq .item {
    padding: 1.75rem 0 1.66667rem 0;
  }

  .index .main .index-inform .index-inform-list.faq .item .left {
    float: left;
    padding: 0;
  }

  .index .main .index-inform .index-inform-list.faq .item .left a {
    width: 20.83333rem;
  }

  .index .main .index-inform .index-inform-list.faq .item .right {
    width: 0.41667rem;
    float: right;
    padding-top: 0.20833rem;
  }

  .index .main .index-inform .index-inform-list.faq .item .right img {
    width: 100%;
  }

  .index .main .index-inform .index-inform-list .headline {
    font-size: 1.66667rem;
    color: #282828;
    border-bottom: 0.04167rem solid #e0e0e0;
    padding: 3.33333rem 0 0.95833rem 0;
  }

  .index .main .index-inform .index-inform-list .item {
    border-bottom: 0.04167rem solid #e0e0e0;
    overflow: hidden;
    padding: 1.75rem 0 2rem 0;
  }

  .index .main .index-inform .index-inform-list .item .left {
    padding: 0;
    width: 90%;
  }

  .index .main .index-inform .index-inform-list .item .left a {
    font-size: 1.33333rem;
    line-height: 1.75rem;
    color: #595757;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: inline-block;
    overflow: hidden;
  }

  .index .main .index-inform .index-inform-list .item .fl {
    float: none;
  }

  .index .main .index-inform .index-inform-list .item .right {
    font-size: 1rem;
    color: #808080;
    margin: 0 0 0 0;
    padding: 0;
  }

  .index .main .index-inform .index-inform-list .item .fr {
    float: none;
  }

  .index .main .index-inform .index-inform-list .even-more {
    padding: 1.41667rem 0 0 0;
    position: initial;
  }

  .index .main .index-inform .index-inform-list .even-more a {
    font-size: 1rem;
    color: #231815;
    line-height: 1.41667rem;
  }

  .index .main .index-inform .index-inform-list .even-more img {
    padding: 0px 0 0.25rem 0.20833rem;
    height: 0.625rem;
  }

  .index .main .index-inform .index-inform-list .advance {
    font-size: 1.66667rem;
    line-height: 2.08333rem;
    color: #282828;
    border-bottom: 0.04167rem solid #e0e0e0;
    padding: 3.20833rem 0 0.95833rem 0;
  }

  .index .main .index-inform .index-inform-list div {
    overflow: hidden;
  }

  .index .main .index-inform .index-inform-list div .short-item {
    border-bottom: 0.04167rem solid #e0e0e0;
    overflow: hidden;
    width: 100%;
  }

  .index .main .index-inform .index-inform-list div .short-item .introduction {
    padding: 1.45833rem 0 1.54167rem 0;
  }

  .index .main .index-inform .index-inform-list div .short-item .introduction a {
    font-size: 1.33333rem;
    line-height: 1.75rem;
    color: #15b0e8;
  }

  .index .main .index-inform .index-inform-list .even-more2 {
    padding: 1.66667rem 0 3.95833rem 0;
  }

  .index .main .index-inform .index-inform-list .even-more2 a {
    font-size: 1rem;
    color: #15b0e8;
  }

  .index .main .index-inform .index-inform-list .even-more2 img {
    padding: 0px 0 0.25rem 0.20833rem;
    height: 0.625rem;
  }
}

/*面试流程弹窗*/
.interview-process {
  max-width: 1050px;
  height: 900px;
  background: #fff;
  margin: 0 auto;
  margin-top: 200px;
  position: relative;
}

.interview-process .close {
  display: inline-block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  position: absolute;
  top: 33px;
  right: 33px;
}

.interview-process .close::before,
.interview-process .close::after {
  position: absolute;
  content: ',';
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #222;
  width: 100%;
  height: 3px;
}

.interview-process .close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.interview-process .close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

.interview-process .interview-process-up {
  background: #fff;
}

.interview-process .interview-process-up .interview-process-container {
  padding: 0 115px 0 100px;
  overflow: hidden;
}

.interview-process .interview-process-up .interview-process-container .the-interview-notes h1 {
  font-size: 34px;
  color: #282828;
  padding-top: 8px;
}

.interview-process .interview-process-up .interview-process-container .the-interview-notes .the-interview-notes-main {
  padding: 21px 0 28px 0;
}

.interview-process .interview-process-up .interview-process-container .the-interview-notes .the-interview-notes-main p {
  font-size: 16px;
  color: #565656;
  line-height: 28px;
  padding-bottom: 12px;
}

.interview-process .interview-process-down {
  background: #f9f9f9;
}

.interview-process .interview-process-down .interview-process-container {
  padding: 0 115px;
}

.interview-process .interview-process-down .interview-process-container .research-development {
  border-bottom: 1px solid #e1e1e1;
}

.interview-process .interview-process-down .interview-process-container .research-development h1 {
  font-size: 26px;
  color: #282828;
  padding: 39px 0 25px 0;
}

.interview-process .interview-process-down .interview-process-container .research-development .flow-path {
  overflow: hidden;
  text-align: center;
  padding-bottom: 47px;
}

.interview-process .interview-process-down .interview-process-container .research-development .flow-path .research-development-list {
  max-width: 9.756%;
  float: left;
}

.interview-process .interview-process-down .interview-process-container .research-development .flow-path .research-development-list p {
  font-size: 18px;
  color: #282828;
  padding-top: 14px;
}

.interview-process .interview-process-down .interview-process-container .research-development .flow-path .interval {
  float: left;
  width: 8.292%;
  margin: 0 auto;
  padding-top: 3.7%;
}

.interview-process .interview-process-down .interview-process-container .active {
  border-bottom: none;
  padding-bottom: 51px;
}

@media only screen and (max-width: 992px) {
  .interview-process {
    max-width: none;
    height: auto;
    background: #fff;
    margin: 0 auto;
    margin-top: auto;
    position: relative;
  }

  .interview-process .close {
    display: inline-block;
    width: 1.66667rem;
    height: 1.66667rem;
    overflow: hidden;
    position: absolute;
    top: 1.66667rem;
    right: 1.66667rem;
  }

  .interview-process .close::before,
  .interview-process .close::after {
    position: absolute;
    content: ',';
    top: 50%;
    left: 0;
    background: #222;
    width: 100%;
    height: 0.16667rem;
  }

  .interview-process .close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
  }

  .interview-process .close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
  }

  .interview-process .interview-process-up {
    background: #fff;
  }

  .interview-process .interview-process-up .interview-process-container {
    padding: 0 1.66667rem 0 1.66667rem;
    overflow: hidden;
  }

  .interview-process .interview-process-up .interview-process-container .the-interview-notes h1 {
    font-size: 2rem;
    color: #282828;
    padding-top: 1.125rem;
  }

  .interview-process .interview-process-up .interview-process-container .the-interview-notes .the-interview-notes-main {
    padding: 1.45833rem 0 1.66667rem 0;
  }

  .interview-process .interview-process-up .interview-process-container .the-interview-notes .the-interview-notes-main p {
    font-size: 1rem;
    color: #565656;
    line-height: 1.41667rem;
    padding-bottom: 1rem;
  }

  .interview-process .interview-process-down {
    background: #f9f9f9;
  }

  .interview-process .interview-process-down .interview-process-container {
    padding: 0 1.66667rem;
  }

  .interview-process .interview-process-down .interview-process-container .research-development {
    border-bottom: 0.04167rem solid #e1e1e1;
  }

  .interview-process .interview-process-down .interview-process-container .research-development h1 {
    font-size: 1.33333rem;
    color: #282828;
    padding: 2.58333rem 0 2.25rem 0;
  }

  .interview-process .interview-process-down .interview-process-container .research-development .flow-path {
    overflow: hidden;
    text-align: center;
    padding: 0 3.54167rem 0.45833rem 3.54167rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .interview-process .interview-process-down .interview-process-container .research-development .flow-path .research-development-list {
    max-width: 100%;
    float: none;
    padding-bottom: 2.66667rem;
    width: 40%;
  }

  .interview-process .interview-process-down .interview-process-container .research-development .flow-path .research-development-list a {
    display: inline-block;
  }

  .interview-process .interview-process-down .interview-process-container .research-development .flow-path .research-development-list a img {
    display: inline-block;
    height: 5.41667rem;
  }

  .interview-process .interview-process-down .interview-process-container .research-development .flow-path .research-development-list a p {
    font-size: 1rem;
    color: #282828;
    padding-top: 0.95833rem;
  }

  .interview-process .interview-process-down .interview-process-container .research-development .flow-path .interval {
    float: none;
    width: 20%;
    margin: 0 auto;
    padding-top: 2.25rem;
  }

  .interview-process .interview-process-down .interview-process-container .research-development .flow-path .interval img {
    height: 0.91667rem;
  }

  .interview-process .interview-process-down .interview-process-container .research-development .flow-path .active {
    display: none;
  }

  .interview-process .interview-process-down .interview-process-container .active {
    border-bottom: none;
    padding-bottom: 0.83333rem;
  }
}

/*校园招聘内容部分*/
.campus-recruitment {
  background: #fff;
}

.campus-recruitment .main .public-banner .public-banner-item .item-content {
  color: #231815;
}

.campus-recruitment .main .recruitment-process {
  text-align: center;
}

.campus-recruitment .main .recruitment-process .caption {
  padding: 90px 0 52px 0;
}

.campus-recruitment .main .recruitment-process .caption h1 {
  font-size: 46px;
  color: #282828;
}

.campus-recruitment .main .recruitment-process .flow-chart {
  overflow: hidden;
  margin: 0 auto;
  padding: 0 0 84px;
  font-size: 0;
  text-align: center;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.campus-recruitment .main .recruitment-process .flow-chart .send-resume {
  width: 16.08%;
  display: inline-block;
  vertical-align: middle;
}

.campus-recruitment .main .recruitment-process .flow-chart .send-resume.arrow {
  width: auto;
}

.campus-recruitment .main .recruitment-process .flow-chart .send-resume.arrow img {
  width: 7px;
}

.campus-recruitment .main .recruitment-process .flow-chart .send-resume img {
  width: 70px;
  height: auto;
}

.campus-recruitment .main .recruitment-process .flow-chart .send-resume p {
  display: block;
  font-size: 18px;
  color: #282828;
  padding-top: 16px;
}

.campus-recruitment .main .recruitment-process .flow-chart .send-resume h6 {
  display: none;
}

.campus-recruitment .main .offer-help {
  background: #15b0e8;
}

.campus-recruitment .main .offer-help .offer-help-top {
  padding-top: 71px;
  border-bottom: 1px solid #fff;
  padding-bottom: 60px;
}

.campus-recruitment .main .offer-help .offer-help-top h1 {
  font-size: 24px;
  color: #ffffff;
}

.campus-recruitment .main .offer-help .offer-help-top p {
  font-size: 14px;
  color: #fff;
  padding-top: 23px;
  display: inline-block;
}

.campus-recruitment .main .offer-help .school-issue {
  padding: 60px 0 120px 0;
}

.campus-recruitment .main .offer-help .school-issue .learn-more {
  margin-right: 160px;
}

.campus-recruitment .main .offer-help .school-issue .learn-more h1 {
  font-size: 22px;
  color: #fff;
  line-height: 1.1;
}

.campus-recruitment .main .offer-help .school-issue .learn-more p {
  font-size: 14px;
  color: #fff;
  line-height: 1.1;
  padding-top: 30px;
}

.campus-recruitment .main .offer-help .school-issue .learn-more a {
  display: inline-block;
  margin-top: 24px;
  width: 180px;
  height: 42px;
  background: #ffffff;
  text-align: center;
}

.campus-recruitment .main .offer-help .school-issue .learn-more a .learn-btn {
  display: inline-block;
  font-size: 18px;
  color: #15b0e8;
  line-height: 42px;
  padding-left: 32px;
  background: url(../images/index/school-icon10.png) no-repeat;
  background-position: left;
  background-size: 18px 20px;
}

.campus-recruitment .main .offer-help .school-issue .learn-more a .learn-btn img {
  padding-left: 10px;
  width: 8px;
}

.campus-recruitment .main .offer-help .school-issue .left h1 {
  font-size: 22px;
  color: #fff;
  line-height: 1.1;
}

.campus-recruitment .main .offer-help .school-issue .left .item {
  padding-top: 30px;
}

.campus-recruitment .main .offer-help .school-issue .left .item a {
  display: inline-block;
  margin-right: 64px;
}

.campus-recruitment .main .offer-help .school-issue .left .item a:hover .school-icon {
  background-position-y: -12px;
  background-position-x: center;
  background-size: 28px;
  background-color: #FFF;
  background-repeat: no-repeat;
}

.campus-recruitment .main .offer-help .school-issue .left .item a .school-icon {
  width: 52px;
  height: 52px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-position-y: 14px;
  background-position-x: center;
  background-size: 28px;
  background-repeat: no-repeat;
}

.campus-recruitment .main .offer-help .school-issue .left .item a .school-icon.active {
  background-position-y: -12px;
  background-position-x: center;
  background-size: 28px;
  background-color: #FFF;
  background-repeat: no-repeat;
}

.campus-recruitment .main .offer-help .school-issue .left .item a .must-see {
  color: #fff;
  padding-top: 12px;
  font-size: 14px;
  line-height: 1.1;
  text-align: center;
}

.campus-recruitment .main .offer-help .school-issue .right {
  color: #fff;
  font-size: 16px;
  line-height: 1.1;
  margin-left: 76px;
}

.campus-recruitment .main .offer-help .school-issue .right .erweima {
  margin-top: 20px;
  width: 90px;
  height: 90px;
  background: url(../images/index/qrcode-huawei.png) center no-repeat;
  background-position: center;
  background-size: cover;
}

.campus-recruitment .campus-faq {
  background: #f8f8f8;
}

.campus-recruitment .campus-faq .warp {
  width: 1106px;
  margin: 0 auto;
}

.campus-recruitment .campus-faq .warp h5 {
  padding-top: 50px;
  color: #231815;
  font-size: 20px;
  line-height: 1.1;
}

.campus-recruitment .campus-faq .warp .faq-list {
  padding-top: 30px;
  padding-bottom: 50px;
}

.campus-recruitment .campus-faq .warp .faq-list .item {
  margin-right: 46px;
}

.campus-recruitment .campus-faq .warp .faq-list .item:hover span {
  color: #c7100b;
}

.campus-recruitment .campus-faq .warp .faq-list .item:hover span.item-1 {
  background-image: url(../images/index/campus--faq-icon1_.png) !important;
}

.campus-recruitment .campus-faq .warp .faq-list .item:hover span.item-2 {
  background-image: url(../images/index/campus--faq-icon2_.png) !important;
}

.campus-recruitment .campus-faq .warp .faq-list .item:hover span.item-3 {
  background-image: url(../images/index/campus--faq-icon3_.png) !important;
}

.campus-recruitment .campus-faq .warp .faq-list .item:hover span.item-4 {
  background-image: url(../images/index/campus--faq-icon4_.png) !important;
}

.campus-recruitment .campus-faq .warp .faq-list .item span {
  display: inline-block;
  min-width: 80px;
  color: #231815;
  font-size: 18px;
  line-height: 38px;
  padding-left: 44px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 37px;
}

@media only screen and (max-width: 992px) {
  .campus-recruitment {
    background: #fff;
  }

  .campus-recruitment .main .recruitment-process {
    text-align: center;
  }

  .campus-recruitment .main .recruitment-process .caption {
    padding: 3.75rem 0 2.125rem 0;
  }

  .campus-recruitment .main .recruitment-process .caption h1 {
    font-size: 1.91667rem;
    color: #282828;
  }

  .campus-recruitment .main .recruitment-process .flow-chart {
    overflow: hidden;
    margin: 0 auto;
    padding: 0 0 0.83333rem 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
  }

  .campus-recruitment .main .recruitment-process .flow-chart .send-resume {
    float: none;
    width: 6.66667rem;
    height: 6.83333rem;
    padding-bottom: 0.66667rem;
  }

  .campus-recruitment .main .recruitment-process .flow-chart .send-resume.arrow {
    width: 1.25rem;
  }

  .campus-recruitment .main .recruitment-process .flow-chart .send-resume.arrow img {
    display: block;
    width: 0.33333rem;
    padding-top: 1.25rem;
  }

  .campus-recruitment .main .recruitment-process .flow-chart .send-resume.arrow:nth-child(3n) {
    display: none;
  }

  .campus-recruitment .main .recruitment-process .flow-chart .send-resume img {
    width: 2.91667rem;
  }

  .campus-recruitment .main .recruitment-process .flow-chart .send-resume p {
    display: none;
  }

  .campus-recruitment .main .recruitment-process .flow-chart .send-resume h6 {
    display: block;
    font-size: 1rem;
    color: #282828;
    padding-top: 0.70833rem;
  }

  .campus-recruitment .main .recruitment-process .flow-chart .active {
    display: none;
  }

  .campus-recruitment .main .offer-help {
    background: #15b0e8;
  }

  .campus-recruitment .main .offer-help .offer-help-top {
    padding-top: 2.91667rem;
    border-bottom: 0.04167rem solid #fff;
    padding-bottom: 2.33333rem;
  }

  .campus-recruitment .main .offer-help .offer-help-top h1 {
    font-size: 1.66667rem;
    color: #ffffff;
  }

  .campus-recruitment .main .offer-help .offer-help-top p {
    font-size: 1rem;
    color: #fff;
    padding-top: 1.08333rem;
  }

  .campus-recruitment .main .offer-help .school-issue {
    padding: 3.33333rem 0 4.16667rem 0;
  }

  .campus-recruitment .main .offer-help .school-issue .learn-more {
    margin-right: 0;
    float: none;
  }

  .campus-recruitment .main .offer-help .school-issue .learn-more h1 {
    font-size: 1.33333rem;
    color: #fff;
    line-height: 1.1;
  }

  .campus-recruitment .main .offer-help .school-issue .learn-more p {
    font-size: 1rem;
    color: #fff;
    line-height: 1.5rem;
    padding-top: 1.66667rem;
  }

  .campus-recruitment .main .offer-help .school-issue .learn-more a {
    display: inline-block;
    margin-top: 1.41667rem;
    width: 9.91667rem;
    height: 2.91667rem;
    background: #ffffff;
    text-align: center;
  }

  .campus-recruitment .main .offer-help .school-issue .learn-more a .learn-btn {
    display: inline-block;
    font-size: 1rem;
    color: #15b0e8;
    line-height: 2.91667rem;
    padding-left: 1.75rem;
    background: url(../images/index/school-icon10.png) no-repeat;
    background-position: left;
    background-size: 0.95833rem 1.16667rem;
  }

  .campus-recruitment .main .offer-help .school-issue .learn-more a .learn-btn img {
    padding-left: 0.08333rem;
    width: 0.41667rem;
  }

  .campus-recruitment .main .offer-help .school-issue .left {
    float: none;
  }

  .campus-recruitment .main .offer-help .school-issue .left h1 {
    font-size: 1.33333rem;
    color: #fff;
    line-height: 1.1;
  }

  .campus-recruitment .main .offer-help .school-issue .left .item {
    padding-top: 1.66667rem;
  }

  .campus-recruitment .main .offer-help .school-issue .left .item a {
    display: inline-block;
    margin-right: 1.33333rem;
    width: 4.58333rem;
  }

  .campus-recruitment .main .offer-help .school-issue .left .item a:last-child {
    margin-right: 0;
  }

  .campus-recruitment .main .offer-help .school-issue .left .item a:hover .school-icon {
    background-position-y: top;
    background-position-x: center;
    background-size: 2.5rem;
    background-repeat: no-repeat;
    background-color: transparent;
  }

  .campus-recruitment .main .offer-help .school-issue .left .item a .school-icon {
    text-align: center;
    width: 4.58333rem;
    height: 2.5rem;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-position-y: top;
    background-position-x: center;
    background-size: 2.5rem;
    background-repeat: no-repeat;
  }

  .campus-recruitment .main .offer-help .school-issue .left .item a .must-see {
    color: #fff;
    padding-top: 1.41667rem;
    font-size: 1rem;
    line-height: 1.1;
    text-align: center;
  }

  .campus-recruitment .main .offer-help .school-issue .right {
    float: none;
    color: #fff;
    font-size: 1.33333rem;
    line-height: 1.1;
    padding-top: 3.33333rem;
    margin-left: 0;
  }

  .campus-recruitment .main .offer-help .school-issue .right .erweima {
    margin-top: 1.25rem;
    width: 5.08333rem;
    height: 5.08333rem;
    background: url(../images/index/qrcode-huawei.png) center no-repeat;
    background-position: center;
    background-size: cover;
  }

  .campus-recruitment .campus-faq {
    padding: 0 1.66667rem;
  }

  .campus-recruitment .campus-faq .warp {
    width: auto;
  }

  .campus-recruitment .campus-faq .warp h5 {
    padding-top: 3.33333rem;
    font-size: 1.33333rem;
  }

  .campus-recruitment .campus-faq .warp .faq-list {
    padding-top: 1.75rem;
    padding-bottom: 4.16667rem;
  }

  .campus-recruitment .campus-faq .warp .faq-list .item {
    margin-right: 1.75rem;
  }

  .campus-recruitment .campus-faq .warp .faq-list .item:last-child {
    margin-right: 0;
  }

  .campus-recruitment .campus-faq .warp .faq-list .item span {
    display: inline-block;
    width: 4.5rem;
    color: #231815;
    font-size: 1rem;
    line-height: 1.1;
    padding-left: 0;
    padding-top: 3.95833rem;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 2.91667rem;
    text-align: center;
  }
}

/*新闻公告*/
.press-release .main .news-bulletin-item {
  border-bottom: 1px solid #ebebeb;
  padding: 25px 0;
}

.press-release .main .news-bulletin-item .title-panel {
  float: left;
  font-size: 20px;
  color: #282828;
}

.press-release .main .news-bulletin-item .new {
  float: left;
  background: #c7000b;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  padding: 1px 6px 2px 4px;
  margin: 4px 0 0 20px;
}

.press-release .main .news-bulletin-item .hot-topic {
  float: left;
  background: #c7000b;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  padding: 2px 8px 3px 9px;
  margin: 4px 0 0 20px;
}

.press-release .main .news-bulletin-item .active {
  display: none;
}

.press-release .main .news-bulletin-item span {
  float: right;
  font-size: 14px;
  color: #808080;
  padding-top: 4px;
}

.press-release .main .news-bulletin-list {
  background: #fff;
  padding: 68px 0 109px 0;
}

.press-release .main .news-bulletin-list .news-bulletin-list-header {
  font-size: 42px;
  line-height: 52px;
  color: #282828;
  /*border-bottom: 1px solid #ebebeb;
				padding-bottom: 45px;*/
}

.press-release .main .news-bulletin-list .news-bulletin-list-history {
  border-bottom: 1px solid #ebebeb;
  padding: 62px 0 17px 0;
}

.press-release .main .news-bulletin-list .news-bulletin-list-history h6 {
  font-size: 28px;
  color: #808080;
  padding-bottom: 36px;
}

.press-release .main .news-bulletin-list .news-bulletin-list-history .number-branches {
  float: left;
  font-size: 14px;
  color: #282828;
}

.press-release .main .news-bulletin-list .news-bulletin-list-history .number-branches a {
  color: #c7000b;
}

.press-release .main .news-bulletin-list .news-bulletin-list-history .right {
  float: right;
}

.press-release .main .news-bulletin-list .news-bulletin-list-history .right .text {
  float: left;
  font-size: 14px;
}

.press-release .main .news-bulletin-list .news-bulletin-list-history .right .text .triquetrous {
  float: right;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 3px 3px 3px 3px;
  border-color: #282828 #fff #fff #fff;
  margin: 9px 0 0 5px;
}

.press-release .main .news-bulletin-list .news-bulletin-list-history .right .text select {
  border: none;
}

.press-release .main .news-bulletin-list .page-footer {
  padding-top: 38px;
}

.press-release .main .news-bulletin-list .page-footer .number-branches {
  float: left;
  font-size: 14px;
  color: #282828;
  padding-top: 14px;
}

.press-release .main .news-bulletin-list .page-footer .number-branches a {
  color: #c7000b;
}

.press-release .main .news-bulletin-list .page-footer .page-up-down {
  float: right;
}

.press-release .main .news-bulletin-list .page-footer .page-up-down a {
  display: inline-block;
  font-size: 14px;
  color: #282828;
  border: 1px solid #282828;
  border-radius: 3px;
  padding: 10px 31px 13px 31px;
  margin-left: 10px;
}

.press-release .main .news-bulletin-list .page-footer .page-up-down a:hover {
  color: #c7000b;
  border-color: #c7000b;
}

@media only screen and (max-width: 992px) {
  .press-release .main .news-bulletin-item {
    border-bottom: 0.04167rem solid #ebebeb;
    padding: 1.875rem 0 1.79167rem 0;
  }

  .press-release .main .news-bulletin-item .title-panel {
    float: none;
    font-size: 1.33333rem;
    color: #282828;
  }

  .press-release .main .news-bulletin-item .new {
    float: none;
    display: inline-block;
    border-radius: 0.125rem;
    font-size: 0.66667rem;
    color: #fff;
    padding: 0.08333rem 0.45833rem;
    margin: 0.5rem 0 0 0;
  }

  .press-release .main .news-bulletin-item .hot-topic {
    display: inline-block;
    float: none;
    border-radius: 0.125rem;
    font-size: 0.66667rem;
    color: #fff;
    padding: 0.08333rem 0.45833rem 0.125rem 0.41667rem;
    margin: 0.5rem 0 0 0;
  }

  .press-release .main .news-bulletin-item .active {
    display: none;
  }

  .press-release .main .news-bulletin-item span {
    display: block;
    float: none;
    font-size: 1rem;
    color: #808080;
    padding-top: 0.91667rem;
  }

  .press-release .main .news-bulletin-list {
    background: #fff;
    padding: 2.625rem 0 4.08333rem 0;
  }

  .press-release .main .news-bulletin-list .news-bulletin-list-header {
    font-size: 1.75rem;
    line-height: 2.16667rem;
    color: #282828;
    /*border-bottom: torem(1px) solid #ebebeb;
					padding-bottom: torem(45px);*/
  }

  .press-release .main .news-bulletin-list .news-bulletin-list-history {
    border-bottom: 0.04167rem solid #ebebeb;
    padding: 3.41667rem 0 1.16667rem 0;
  }

  .press-release .main .news-bulletin-list .news-bulletin-list-history h6 {
    font-size: 1.33333rem;
    color: #808080;
    padding-bottom: 1.625rem;
  }

  .press-release .main .news-bulletin-list .news-bulletin-list-history .number-branches {
    float: none;
    font-size: 1rem;
    color: #282828;
  }

  .press-release .main .news-bulletin-list .news-bulletin-list-history .number-branches a {
    color: #c7000b;
  }

  .press-release .main .news-bulletin-list .news-bulletin-list-history .right {
    display: none;
  }

  .press-release .main .news-bulletin-list .page-footer {
    padding-top: 1.41667rem;
    padding-bottom: 0.83333rem;
  }

  .press-release .main .news-bulletin-list .page-footer .number-branches {
    float: none;
    font-size: 1rem;
    color: #282828;
    padding-bottom: 2.04167rem;
  }

  .press-release .main .news-bulletin-list .page-footer .number-branches a {
    color: #c7000b;
  }

  .press-release .main .news-bulletin-list .page-footer .page-up-down {
    float: none;
  }

  .press-release .main .news-bulletin-list .page-footer .page-up-down a {
    font-size: 1rem;
    color: #282828;
    border: 0.04167rem solid #282828;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    padding: 0 2.08333rem;
    margin-left: 0;
    margin-right: 0.33333rem;
    line-height: 2.75rem;
  }
}

/*华为招聘-工作领域*/
.work-domain .main .work-domain-group {
  background: #ecfefe;
  padding: 100px 0 40px 0;
}

.work-domain .main .work-domain-group .group-list {
  width: 31.82%;
  margin: 0 1.537% 60px 0;
  display: inline-block;
}

.work-domain .main .work-domain-group .group-list .work-domain-container {
  border: 1px solid #f0f6f6;
  border-bottom: 0;
  background: #ffffff;
  padding: 0 30px;
}

.work-domain .main .work-domain-group .group-list .work-domain-container .top {
  font-size: 24px;
  color: #15b0e8;
  border-bottom: 1px solid #ebebeb;
  padding: 42px 0 36px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.work-domain .main .work-domain-group .group-list .work-domain-container .middle {
  font-size: 16px;
  color: #282828;
  line-height: 26px;
  height: 268px;
  padding-top: 25px;
}

.work-domain .main .work-domain-group .group-list .work-domain-container .middle p {
  max-height: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
}

.work-domain .main .work-domain-group .group-list a {
  display: inline-block;
  width: 100%;
}

.work-domain .main .work-domain-group .group-list a .list-bottom {
  background: #15b0e8;
  color: #fff;
  font-size: 18px;
  text-align: center;
  padding: 9px 0;
}

.work-domain .main .work-domain-group .group-list:nth-child(3n) {
  margin-right: 0;
}

@media only screen and (max-width: 992px) {
  .work-domain .main .work-domain-group {
    background: #ecfefe;
    padding: 3.33333rem 0 2.70833rem 0;
  }

  .work-domain .main .work-domain-group .group-list {
    width: auto;
    margin: 0 0 1.45833rem 0;
    display: block;
  }

  .work-domain .main .work-domain-group .group-list .work-domain-container {
    border: 0.04167rem solid #f0f6f6;
    border-bottom: 0;
    background: #ffffff;
    padding: 0 1.25rem;
  }

  .work-domain .main .work-domain-group .group-list .work-domain-container .top {
    font-size: 1.66667rem;
    color: #15b0e8;
    border-bottom: 0.04167rem solid #ebebeb;
    padding: 1.70833rem 0 1.41667rem 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .work-domain .main .work-domain-group .group-list .work-domain-container .middle {
    font-size: 1rem;
    color: #282828;
    line-height: 1.58333rem;
    height: auto;
    padding-top: 1.25rem;
    padding-bottom: 1.5rem;
  }

  .work-domain .main .work-domain-group .group-list .work-domain-container .middle p {
    max-height: none;
    overflow: auto;
    display: block;
  }

  .work-domain .main .work-domain-group .group-list .list-bottom {
    background: #15b0e8;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    padding: 0.83333rem 0;
  }
}

/*工作地点*/
.work-place .country {
  background: #ecfefe;
  padding: 48px 0 40px 0;
}

.work-place .country .country-tag {
  font-size: 0;
  padding-bottom: 18px;
}

.work-place .country .country-tag a {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #808080;
  border: 1px solid #808080;
  line-height: 36px;
  padding: 0 18px;
  margin: 0 20px 20px 0;
}

.work-place .country .country-tag a:hover,
.work-place .country .country-tag a.active {
  color: #15b0e8;
  border-color: #15b0e8;
}

.work-place .country .select-warp {
  display: none;
}

.work-place .country .list {
  overflow: hidden;
}

.work-place .country .list .country-table {
  width: 31.826%;
  float: left;
  margin: 0 2.262% 60px 0;
}

.work-place .country .list .country-table .top img {
  height: 200px;
  display: block;
  background: url(../images/index/localized2.png) no-repeat center;
}

.work-place .country .list .country-table .details {
  height: 260px;
  background: #fff;
  border: 1px solid #f0f6f6;
  border-top: 0;
  border-bottom: 0;
  padding: 0 30px;
}

.work-place .country .list .country-table .details .address {
  border-bottom: 1px solid #ebebeb;
  padding: 30px 0 24px 0;
}

.work-place .country .list .country-table .details .address h1 {
  font-size: 24px;
  color: #15b0e8;
}

.work-place .country .list .country-table .details .address .orientation {
  padding-top: 11px;
}

.work-place .country .list .country-table .details .address .orientation img {
  width: 12px;
  height: 16px;
}

.work-place .country .list .country-table .details .address .orientation p {
  display: inline-block;
  font-size: 14px;
  color: #808080;
}

.work-place .country .list .country-table .details .category {
  padding-top: 49px;
}

.work-place .country .list .country-table .details .category .sort {
  font-size: 18px;
  color: #15b0e8;
  line-height: 32px;
}

.work-place .country .list .country-table .details .category .sort i {
  display: inline-block;
  height: 16px;
  width: 1px;
  background: #d8ebeb;
  margin: 0 20px;
}

.work-place .country .list .country-table a {
  display: inline-block;
  width: 100%;
}

.work-place .country .list .country-table a .particulars {
  font-size: 18px;
  color: #fff;
  line-height: 42px;
  text-align: center;
  background: #15b0e8;
}

.work-place .country .list .country-table:nth-child(3n) {
  margin: 0 0 60px 0;
}

@media only screen and (max-width: 992px) {
  .work-place .country {
    background: #ecfefe;
    padding: 2.91667rem 0 2.70833rem 0;
  }

  .work-place .country .country-tag {
    display: none;
  }

  .work-place .country .select-warp {
    display: block;
  }

  .work-place .country .list {
    padding-top: 70px;
  }

  .work-place .country .list .country-table {
    width: auto;
    float: none;
    margin: 0 0 1.45833rem 0;
  }

  .work-place .country .list .country-table .top img {
    width: 100%;
    height: 13.25rem;
  }

  .work-place .country .list .country-table .details {
    height: 13.16667rem;
    background: #fff;
    border: 0.04167rem solid #f0f6f6;
    border-top: 0;
    border-bottom: 0;
    padding: 0 1.25rem;
  }

  .work-place .country .list .country-table .details .address {
    border-bottom: 0.04167rem solid #ebebeb;
    padding: 1.66667rem 0 1.5rem 0;
  }

  .work-place .country .list .country-table .details .address h1 {
    font-size: 1.66667rem;
    color: #15b0e8;
  }

  .work-place .country .list .country-table .details .address .orientation {
    padding-top: 0.25rem;
  }

  .work-place .country .list .country-table .details .address .orientation img {
    width: 0.625rem;
    height: 0.875rem;
  }

  .work-place .country .list .country-table .details .address .orientation p {
    display: inline-block;
    font-size: 1rem;
    color: #808080;
  }

  .work-place .country .list .country-table .details .category {
    padding-top: 1.41667rem;
  }

  .work-place .country .list .country-table .details .category .sort {
    font-size: 1rem;
    color: #15b0e8;
    line-height: 1.58333rem;
  }

  .work-place .country .list .country-table .details .category .sort i {
    display: inline-block;
    height: 0.66667rem;
    width: 0.04167rem;
    background: #d8ebeb;
    margin: 0 0.83333rem;
  }

  .work-place .country .list .country-table .particulars {
    font-size: 1rem;
    color: #fff;
    line-height: 2.91667rem;
    text-align: center;
    background: #15b0e8;
  }

  .work-place .country .list .country-table:nth-child(3n) {
    margin: 0 0 1.45833rem 0;
  }
}

/*某一个职位校招*/
.school-recruit .main .public-banner {
  height: 400px;
}

.school-recruit .main .public-banner .public-banner-item-m {
  display: none;
}

.school-recruit .main .public-banner .public-banner-item {
  height: 100%;
  background-repeat: no-repeat;
}

.school-recruit .main .public-banner .public-banner-item .box {
  width: 1106px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.school-recruit .main .public-banner .public-banner-item .box .item-content {
  position: absolute;
  top: 45%;
  left: 0;
  transform: translateY(-50%);
}

.school-recruit .main .public-banner .public-banner-item .box .item-content h4 {
  font-size: 40px;
  color: #231815;
  line-height: 1.1;
  text-align: left;
  padding-bottom: 20px;
}

.school-recruit .main .public-banner .public-banner-item .box .item-content p {
  font-size: 18px;
  color: #231815;
  line-height: 1.1;
  text-align: left;
  padding: 0;
}

.school-recruit .main .public-banner .public-banner-item .btn a {
  padding: 0 32px;
  font-size: 16px;
}

.school-recruit .main .public-banner .public-banner-item .bottom-text {
  font-size: 18px;
  color: #fefefe;
  margin-top: 10px;
}

.school-recruit .main .public-banner .public-banner-item .bottom-text i {
  display: inline-block;
  height: 16px;
  width: 1px;
  background: #fff;
  vertical-align: middle;
  margin: 0 20px;
}

.school-recruit .main .post-explain {
  padding: 0 0 0 0;
}

.school-recruit .main .post-explain .job-description {
  border-bottom: 1px solid #ebebeb;
  padding: 57px 0 64px 0;
}

.school-recruit .main .post-explain .job-description h1 {
  font-size: 34px;
  color: #282828;
}

.school-recruit .main .post-explain .job-description p {
  font-size: 16px;
  line-height: 1.5;
  color: #282828;
  padding-top: 30px;
}

.school-recruit .main .post-explain .job-description .link {
  cursor: pointer;
  color: #666;
}

.school-recruit .main .post-explain .job-description .link:hover {
  cursor: pointer;
  color: #f66f6a;
}

.school-recruit .main .post-explain .job-description:last-child {
  border-bottom: 0;
}

.school-recruit .main .department-apply h1 {
  font-size: 34px;
  color: #282828;
  line-height: 1.1;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 30px;
}

.school-recruit .main .department-apply .finance-economics {
  padding: 33px 0 38px 0;
  border-bottom: 1px solid #ebebeb;
}

.school-recruit .main .department-apply .finance-economics .not-already .title {
  font-size: 28px;
  color: #282828;
}

.school-recruit .main .department-apply .finance-economics .not-already .title .txt {
  margin-left: 4px;
}

.school-recruit .main .department-apply .finance-economics .illustrate {
  padding-left: 4px;
}

.school-recruit .main .department-apply .finance-economics .illustrate .text {
  font-size: 16px;
  color: #282828;
  padding-top: 20px;
}

.school-recruit .main .department-apply .finance-economics .illustrate p {
  font-size: 16px;
  color: #15b0e8;
  padding-top: 34px;
}

.school-recruit .main .department-apply .finance-economics .illustrate .there {
  padding-top: 13px;
}

.school-recruit .main .department-apply .finance-economics .illustrate .there i {
  display: inline-block;
  height: 16px;
  width: 1px;
  background: #282828;
  vertical-align: middle;
  margin: 0 20px;
}

.school-recruit .main .department-apply .finance-economics .illustrate.active {
  display: none;
}

.school-recruit .main .department-apply .bottom {
  padding: 40px 0 100px 0;
}

.school-recruit .main .department-apply .bottom .btn-claimer a {
  display: inline-block;
}

.school-recruit .main .department-apply .bottom .btn-claimer a .claimer {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  line-height: 42px;
  padding: 0 40px;
  background: #c7000b;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-left: 5px;
}

.school-recruit .main .department-apply .bottom .but-collect a {
  display: inline-block;
}

.school-recruit .main .department-apply .bottom .but-collect a .led {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  line-height: 42px;
  padding: 0 40px;
  background: #007ab7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

@media only screen and (max-width: 992px) {
  .school-recruit .main .public-banner {
    height: 20.83333rem;
  }

  .school-recruit .main .public-banner .public-banner-item {
    display: none;
  }

  .school-recruit .main .public-banner .public-banner-item-m {
    display: block;
    height: 20.83333rem;
    padding: 0 1.66667rem;
    background-size: cover !important;
  }

  .school-recruit .main .public-banner .public-banner-item-m .box {
    width: auto;
  }

  .school-recruit .main .public-banner .public-banner-item-m .box .item-content {
    padding-top: 3.75rem;
  }

  .school-recruit .main .public-banner .public-banner-item-m .box .item-content h4 {
    font-size: 1.66667rem;
    color: #231815;
    line-height: 1.1;
    text-align: left;
    padding-bottom: 0.83333rem;
    width: auto;
  }

  .school-recruit .main .public-banner .public-banner-item-m .box .item-content p {
    font-size: 1rem;
    color: #231815;
    line-height: 1.3;
    text-align: left;
    padding: 0;
    width: auto;
  }

  .school-recruit .main .public-banner .public-banner-item-m h4 {
    font-size: 1.75rem;
  }

  .school-recruit .main .public-banner .public-banner-item-m .btn a {
    display: inline-block;
    padding: 0 2.08333rem;
    font-size: 1rem;
    width: auto;
    padding: 0 50px;
  }

  .school-recruit .main .public-banner .public-banner-item-m .bottom-text {
    font-size: 1rem;
    color: #fefefe;
    margin-top: 1.75rem;
  }

  .school-recruit .main .public-banner .public-banner-item-m .bottom-text i {
    height: 0.66667rem;
    margin: 0 0.83333rem;
  }

  .school-recruit .main .post-explain {
    padding: 0.83333rem 0 0.91667rem 0;
  }

  .school-recruit .main .post-explain .job-description {
    border-bottom: 0.04167rem solid #ebebeb;
    padding: 2rem 0 2.29167rem 0;
  }

  .school-recruit .main .post-explain .job-description h1 {
    font-size: 1.66667rem;
    color: #282828;
  }

  .school-recruit .main .post-explain .job-description p {
    font-size: 1rem;
    color: #282828;
    padding-top: 0.91667rem;
  }

  .school-recruit .main .post-explain .job-description:last-child {
    border-bottom: 0;
  }

  .school-recruit .main .department-apply h1 {
    font-size: 1.75rem;
    color: #282828;
    line-height: 3rem;
    border-bottom: 0.04167rem solid #ebebeb;
    padding-bottom: 46px;
  }

  .school-recruit .main .department-apply .finance-economics {
    padding: 1.75rem 0 1.75rem 1.58333rem;
    border-bottom: 0.04167rem solid #ebebeb;
  }

  .school-recruit .main .department-apply .finance-economics .not-already .title {
    font-size: 1.33333rem;
    color: #282828;
  }

  .school-recruit .main .department-apply .finance-economics .illustrate .text {
    font-size: 1rem;
    color: #282828;
    padding-top: 0.66667rem;
  }

  .school-recruit .main .department-apply .finance-economics .illustrate p {
    font-size: 1rem;
    color: #15b0e8;
    padding-top: 1.41667rem;
  }

  .school-recruit .main .department-apply .finance-economics .illustrate .there {
    padding-top: 0.41667rem;
  }

  .school-recruit .main .department-apply .finance-economics .illustrate .there i {
    height: 0.66667rem;
    margin: 0 0.83333rem;
  }

  .school-recruit .main .department-apply .bottom {
    padding: 0.83333rem 0 4.16667rem 0;
  }

  .school-recruit .main .department-apply .bottom .btn-claimer {
    float: none;
  }

  .school-recruit .main .department-apply .bottom .btn-claimer a {
    display: block;
  }

  .school-recruit .main .department-apply .bottom .btn-claimer a .claimer {
    display: block;
    font-size: 1rem;
    color: #fff;
    line-height: 2.91667rem;
    text-align: center;
    padding: 0 0;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    margin-top: 1.25rem;
    margin-left: 0;
  }

  .school-recruit .main .department-apply .bottom .but-collect {
    float: none;
  }

  .school-recruit .main .department-apply .bottom .but-collect a {
    display: block;
  }

  .school-recruit .main .department-apply .bottom .but-collect a .led {
    display: block;
    font-size: 1rem;
    color: #fff;
    line-height: 2.91667rem;
    text-align: center;
    padding: 0 0;
    background: #007ab7;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    margin-top: 1.25rem;
  }
}

/*成长*/
.grow-up .main {
  background: #fff;
}

.grow-up .main .public-banner {
  height: 560px;
}

.grow-up .main .public-banner .public-banner-item-m {
  display: none;
}

.grow-up .main .public-banner .public-banner-item {
  height: 100%;
}

.grow-up .main .public-banner .public-banner-item .box {
  width: 1106px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.grow-up .main .public-banner .public-banner-item .box .item-content {
  position: absolute;
  top: 45%;
  left: 0;
  transform: translateY(-50%);
}

.grow-up .main .public-banner .public-banner-item .box .item-content h4 {
  font-size: 60px;
  color: #231815;
  line-height: 1.1;
  text-align: left;
  padding-bottom: 20px;
  width: 558px;
}

.grow-up .main .public-banner .public-banner-item .box .item-content p {
  font-size: 18px;
  color: #231815;
  line-height: 1.3;
  text-align: left;
  padding: 0;
  width: 528px;
}

.grow-up .main .public-list {
  padding: 80px 0 0 0;
  overflow: hidden;
}

.grow-up .main .public-list .list {
  width: 22.9%;
  height: 370px;
  float: left;
  margin-right: 1.989%;
  background: #fff;
}

.grow-up .main .public-list .list .list-top {
  padding: 30px 0;
  width: 210px;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.grow-up .main .public-list .list .list-top img {
  height: 48px;
}

.grow-up .main .public-list .list .list-top span {
  margin-left: 20px;
  font-size: 18px;
  color: #282828;
  line-height: 48px;
  vertical-align: middle;
}

.grow-up .main .public-list .list .list-bottom {
  height: 260px;
  background-size: 100%;
}

.grow-up .main .public-list .list .list-bottom p {
  font-size: 18px;
  color: #fff;
  height: 175px;
  margin: 0 26px 0 26px;
  padding-top: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}

.grow-up .main .public-list .list .list-bottom span {
  font-size: 18px;
  color: #ffffff;
  display: inline-block;
  padding: 6px 0 0 25px;
}

.grow-up .main .public-list .list .list-bottom span img {
  padding-left: 10px;
}

.grow-up .main .public-list .list:nth-child(4n) {
  margin-right: 0;
}

.grow-up .main .employee-menu {
  width: 1106px;
  margin: 0 auto;
  padding-top: 80px;
}

.grow-up .main .employee-menu .menu-item {
  width: 49%;
  height: 402px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin: 0 22px 18px 0;
  position: relative;
  overflow: hidden;
}

.grow-up .main .employee-menu .menu-item:hover .box p {
  transform: translate(0, 0);
}

.grow-up .main .employee-menu .menu-item:nth-child(2n) {
  margin-right: 0;
}

.grow-up .main .employee-menu .menu-item a {
  display: inline-block;
  padding: 38px 0 0 36px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}

.grow-up .main .employee-menu .menu-item a span {
  font-size: 34px;
  line-height: 46px;
  color: #ffffff;
  padding-left: 58px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 40px 47px;
}

.grow-up .main .employee-menu .menu-item .box {
  width: 542px;
  height: 402px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.grow-up .main .employee-menu .menu-item .box .left {
  width: 100%;
  height: 402px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.grow-up .main .employee-menu .menu-item .box p {
  position: absolute;
  left: 0;
  top: 0;
  height: 282px;
  padding: 100px 36px 20px 36px;
  font-size: 20px;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(89, 87, 87, 0.7);
  z-index: 1;
  transform: translate(0, 402px);
  transform-origin: bottom;
  transition: all 0.5s cubic-bezier(0.2, 0, 0.2, 1);
}

.grow-up .main .employee-menu .menu-item .box p.menu-item-2 {
  background-color: rgba(89, 87, 87, 0.7);
}

.grow-up .main .employee-menu .menu-item .box p.menu-item-3 {
  background-color: rgba(89, 87, 87, 0.7);
}

.grow-up .main .employee-menu .menu-item .box p.menu-item-4 {
  background-color: rgba(89, 87, 87, 0.7);
}

.grow-up .main .employee {
  padding: 100px 0;
}

.grow-up .main .employee .list {
  width: 260px;
  margin: 0 22px 20px 0;
  background: #fff;
}

.grow-up .main .employee .list .photo-wall {
  height: 195px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.grow-up .main .employee .list .photo-wall img {
  max-height: 100%;
}

.grow-up .main .employee .list .photo-wall span {
  display: inline-block;
  font-size: 12px;
  color: #ffffff;
  line-height: 22px;
  background: rgba(35, 24, 21, 0.55);
  padding: 0 19px;
  position: absolute;
  left: 10px;
  bottom: 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.grow-up .main .employee .list .manifesto {
  border: 1px solid #f0f6f6;
  border-top: 0;
  height: 240px;
  padding: 0 20px;
  position: relative;
}

.grow-up .main .employee .list .manifesto h2 {
  max-height: 105px;
  font-size: 20px;
  line-height: 26px;
  color: #282828;
  padding-top: 27px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.grow-up .main .employee .list .manifesto p {
  font-size: 14px;
  color: #282828;
  padding-top: 15px;
}

.grow-up .main .employee .list .manifesto p span {
  font-weight: 600;
}

.grow-up .main .employee .list .manifesto a {
  display: inline-block;
  font-size: 18px;
  color: #231815;
  padding-right: 10px;
  margin-top: 20px;
  /*position: absolute;
                        bottom: 18px;
                        left: 18px;*/
}

.grow-up .main .employee .list:nth-child(4n) {
  margin-right: 0;
}

@media only screen and (max-width: 992px) {
  .grow-up .main {
    background: #fff;
  }

  .grow-up .main .public-banner {
    height: 22.5rem;
  }

  .grow-up .main .public-banner .public-banner-item {
    display: none;
  }

  .grow-up .main .public-banner .public-banner-item-m {
    display: block;
    height: 100%;
    padding: 0 1.66667rem;
    background-size: cover;
  }

  .grow-up .main .public-banner .public-banner-item-m .box {
    width: auto;
    height: 100%;
    margin: 0 auto;
  }

  .grow-up .main .public-banner .public-banner-item-m .box .item-content {
    padding-top: 3.08333rem;
  }

  .grow-up .main .public-banner .public-banner-item-m .box .item-content h4 {
    font-size: 2.5rem;
    color: #231815;
    line-height: 1.1;
    text-align: left;
    padding-bottom: 0.83333rem;
    width: auto;
  }

  .grow-up .main .public-banner .public-banner-item-m .box .item-content p {
    font-size: 1rem;
    color: #231815;
    line-height: 1.3;
    text-align: left;
    padding: 0;
    width: auto;
  }

  .grow-up .main .employee-menu {
    width: auto;
    padding: 3.33333rem 1.66667rem 0 1.66667rem;
  }

  .grow-up .main .employee-menu .menu-item {
    width: 100%;
    height: 17.25rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 0 1.66667rem 0;
    float: none;
  }

  .grow-up .main .employee-menu .menu-item a {
    display: inline-block;
    padding: 2.91667rem 0 0 1.58333rem;
  }

  .grow-up .main .employee-menu .menu-item a span {
    font-size: 1.66667rem;
    line-height: 2rem;
    color: #ffffff;
    padding-left: 3.16667rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 2rem 2.16667rem;
  }

  .grow-up .main .employee-menu .menu-item .box {
    width: 100%;
    height: 17.25rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    /*&.list-1 {
              background-color: #9fa0a0;
            }

            &.list-2 {
              background-color: #9fa0a0;
            }

            &.list-3 {
              background-color: #9fa0a0;
            }

            &.list-4 {
              background-color: #9fa0a0;
            }*/
  }

  .grow-up .main .employee-menu .menu-item .box .left {
    /*display: none;*/
    height: 17.25rem;
  }

  .grow-up .main .employee-menu .menu-item .box p {
    position: relative;
    left: 0;
    top: -17.25rem;
    height: 10.58333rem;
    padding: 6rem 1.58333rem 0.83333rem 1.58333rem;
    font-size: 1rem;
    line-height: 1.16667rem;
    color: #fff;
    background-color: rgba(89, 87, 87, 0.7);
    z-index: 1;
    transform: translate(0, 0);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
  }

  .grow-up .main .employee-menu .menu-item .box p.menu-item-2 {
    background-color: rgba(89, 87, 87, 0.7);
  }

  .grow-up .main .employee-menu .menu-item .box p.menu-item-3 {
    background-color: rgba(89, 87, 87, 0.7);
  }

  .grow-up .main .employee-menu .menu-item .box p.menu-item-4 {
    background-color: rgba(89, 87, 87, 0.7);
  }

  .grow-up .main .public-list {
    padding: 1.66667rem 0 0 0;
    overflow: hidden;
  }

  .grow-up .main .public-list .list {
    width: auto;
    height: auto;
    float: none;
    margin-right: 0;
    background: #fff;
    margin-bottom: 1.66667rem;
  }

  .grow-up .main .public-list .list .list-top {
    padding: 1.66667rem 1.66667rem;
    margin: 0;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .grow-up .main .public-list .list .list-top img {
    height: 2rem;
  }

  .grow-up .main .public-list .list .list-top span {
    margin-left: 0.33333rem;
    font-size: 1.66667rem;
    color: #282828;
    line-height: 2rem;
    vertical-align: middle;
  }

  .grow-up .main .public-list .list .list-bottom {
    height: 16.66667rem;
    background-size: 100%;
  }

  .grow-up .main .public-list .list .list-bottom p {
    font-size: 1rem;
    color: #fff;
    height: 8.33333rem;
    margin: 0 2.16667rem 3.20833rem 1.66667rem;
    padding-top: 1.79167rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
  }

  .grow-up .main .public-list .list .list-bottom span {
    font-size: 0.75rem;
    color: #ffffff;
    display: inline-block;
    padding-left: 1.66667rem;
  }

  .grow-up .main .public-list .list .list-bottom span img {
    padding-left: 0.45833rem;
    height: 0.58333rem;
  }

  .grow-up .main .public-list .list:nth-child(4n) {
    margin-right: 0;
  }

  .grow-up .main .employee {
    padding: 1.66667rem 0 2.70833rem 0;
  }

  .grow-up .main .employee .list {
    width: 100%;
    margin: 0 0 1.5rem 0;
    background: #fff;
  }

  .grow-up .main .employee .list .photo-wall {
    height: 17.5rem;
    position: relative;
  }

  .grow-up .main .employee .list .photo-wall img {
    width: 100%;
  }

  .grow-up .main .employee .list .photo-wall span {
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
    line-height: 2.08333rem;
    padding: 0 0.83333rem;
    position: absolute;
    left: 0.83333rem;
    bottom: 0.83333rem;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
  }

  .grow-up .main .employee .list .manifesto {
    border: 0.04167rem solid #f0f6f6;
    border-top: 0;
    height: 11.66667rem;
    padding: 0 1.25rem;
    position: relative;
  }

  .grow-up .main .employee .list .manifesto h2 {
    max-height: 3.33333rem;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #282828;
    padding-top: 1.91667rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .grow-up .main .employee .list .manifesto p {
    font-size: 1rem;
    color: #282828;
    padding-top: 0.91667rem;
  }

  .grow-up .main .employee .list .manifesto a {
    display: inline-block;
    font-size: 1rem;
    padding-right: 1.08333rem;
    /*position: absolute;
							bottom: torem(18px);
							left: torem(30px);*/
    margin-top: 0.83333rem;
  }

  .grow-up .main .employee .list:nth-child(4n) {
    margin-right: 0;
  }
}

/*华为招聘-求职进展详情*/
.job-wanted .main {
  background: #fff;
  padding: 70px 0 100px 0;
}

.job-wanted .main .subject-title {
  font-size: 42px;
  color: #282828;
}

.job-wanted .main .second-volunteer {
  padding: 72px 0 78px 0;
  margin-top: 0;
  background-color: #ecfefe;
}

.job-wanted .main .second-volunteer .list .voluntary {
  font-size: 20px;
  color: #282828;
}

.job-wanted .main .second-volunteer .list .voluntary span {
  padding-right: 11px;
}

.job-wanted .main .second-volunteer .list .charge-of {
  font-size: 28px;
  padding-top: 20px;
}

.job-wanted .main .second-volunteer .list .charge-of a {
  color: #15b0e8;
  padding-left: 3px;
}

.job-wanted .main .second-volunteer .list .apply-department {
  font-size: 14px;
  color: #282828;
  padding-top: 18px;
}

.job-wanted .main .second-volunteer .list .apply-department span {
  padding-right: 10px;
}

.job-wanted .main .second-volunteer .list .apply-depart {
  font-size: 14px;
  color: #282828;
  padding-top: 4px;
}

.job-wanted .main .second-volunteer .list .apply-depart span {
  padding-right: 10px;
}

.job-wanted .main .second-volunteer p {
  font-size: 14px;
  color: #fff;
  line-height: 42px;
  background: #f66f6a;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 40px;
}

.job-wanted .main .resume-screening {
  border-bottom: 1px solid #ebebeb;
  padding: 40px 0;
}

.job-wanted .main .resume-screening .left img {
  height: 90px;
}

.job-wanted .main .resume-screening .middle {
  padding-left: 26px;
}

.job-wanted .main .resume-screening .middle h1 {
  font-size: 20px;
  color: #282828;
}

.job-wanted .main .resume-screening .middle .status {
  font-size: 14px;
  color: #282828;
  padding-top: 15px;
}

.job-wanted .main .resume-screening .middle .status span {
  padding-right: 6px;
}

.job-wanted .main .resume-screening .middle .status img {
  height: 20px;
}

.job-wanted .main .resume-screening .middle .status p {
  font-size: 16px;
  padding-top: 4px;
  max-width: 850px;
}

.job-wanted .main .resume-screening .middle .status p a {
  color: #15b0e8;
}

.job-wanted .main .resume-screening .time {
  font-size: 14px;
  color: #808080;
}

@media only screen and (max-width: 992px) {
  .job-wanted .main {
    background: #fff;
    padding: 2.5rem 0 4.16667rem 0;
  }

  .job-wanted .main .subject-title {
    font-size: 1.75rem;
    color: #282828;
    padding-bottom: 1.66667rem;
  }

  .job-wanted .main .second-volunteer {
    padding: 1.79167rem 0 2.08333rem 0;
    margin-top: 0;
  }

  .job-wanted .main .second-volunteer .list {
    float: none;
  }

  .job-wanted .main .second-volunteer .list .voluntary {
    font-size: 1.16667rem;
    color: #282828;
  }

  .job-wanted .main .second-volunteer .list .voluntary span {
    padding-right: 0.41667rem;
  }

  .job-wanted .main .second-volunteer .list .charge-of {
    font-size: 1.33333rem;
    padding-top: 0.95833rem;
  }

  .job-wanted .main .second-volunteer .list .charge-of a {
    color: #15b0e8;
    padding-left: 0.16667rem;
  }

  .job-wanted .main .second-volunteer .list .apply-department {
    font-size: 1rem;
    color: #282828;
    padding-top: 0.83333rem;
  }

  .job-wanted .main .second-volunteer .list .apply-department span {
    padding-right: 16px;
  }

  .job-wanted .main .second-volunteer .list .apply-depart {
    font-size: 1rem;
    color: #282828;
    padding-top: 0.16667rem;
  }

  .job-wanted .main .second-volunteer .list .apply-depart span {
    padding-right: 0.66667rem;
  }

  .job-wanted .main .second-volunteer p {
    float: none;
    display: inline-block;
    font-size: 1rem;
    color: #fff;
    line-height: 2.91667rem;
    background: #f66f6a;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    padding: 0 2.08333rem;
    margin-top: 1.91667rem;
  }

  .job-wanted .main .resume-screening {
    border-bottom: 0.04167rem solid #ebebeb;
    padding: 2.08333rem 0 1.83333rem 0;
  }

  .job-wanted .main .resume-screening .left {
    float: none;
  }

  .job-wanted .main .resume-screening .left img {
    height: 3.75rem;
  }

  .job-wanted .main .resume-screening .middle {
    float: none;
    padding-left: 0;
  }

  .job-wanted .main .resume-screening .middle h1 {
    font-size: 1.33333rem;
    color: #282828;
    padding-top: 0.91667rem;
  }

  .job-wanted .main .resume-screening .middle .status {
    font-size: 1rem;
    color: #282828;
    padding-top: 0.66667rem;
  }

  .job-wanted .main .resume-screening .middle .status span {
    padding-right: 0.25rem;
  }

  .job-wanted .main .resume-screening .middle .status img {
    height: 1.16667rem;
  }

  .job-wanted .main .resume-screening .middle .status p {
    font-size: 1rem;
    padding-top: 0.5rem;
    max-width: none;
  }

  .job-wanted .main .resume-screening .middle .status p a {
    color: #15b0e8;
  }

  .job-wanted .main .resume-screening .time {
    float: none;
    font-size: 1rem;
    color: #808080;
    padding-top: 30px;
  }
}

/*华为招聘-个人中心*/
.personal-center .main {
  background: #fff;
  padding: 55px 0 80px 0;
}

.personal-center .main .title {
  font-size: 42px;
  color: #282828;
  padding-bottom: 30px;
}

.personal-center .main .log-out {
  background: #ecfefe;
  padding: 24px 42px 28px 28px;
  margin-bottom: 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}

.personal-center .main .log-out .user span {
  font-size: 14px;
  color: #808080;
}

.personal-center .main .log-out .user p {
  display: inline-block;
  font-size: 14px;
  color: #282828;
  font-weight: 600;
}

.personal-center .main .log-out a .box {
  font-size: 16px;
  color: #808080;
  line-height: 40px;
  border: 1px solid #808080;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 40px;
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translate(0, -50%);
}

.personal-center .main .log-out a .box.active {
  font-size: 16px;
  color: #fff;
  background: #f66f6a;
  line-height: 40px;
  border: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 40px;
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translate(0, -50%);
}

.personal-center .main .message-list {
  padding-bottom: 64px;
  font-size: 0;
}

.personal-center .main .message-list .message {
  display: inline-block;
  margin: 0 1.9% 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 260px;
  width: 49%;
  position: relative;
  vertical-align: middle;
}

.personal-center .main .message-list .message .title {
  padding: 0 40px;
  font-size: 0;
}

.personal-center .main .message-list .message .title h1 {
  font-size: 28px;
  color: #fff;
  padding: 37px 0 31px 0;
}

.personal-center .main .message-list .message .title h2 {
  font-size: 48px;
  color: #fff;
  vertical-align: central;
}

.personal-center .main .message-list .message .unread {
  display: inline-block;
  border: 1px solid #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  left: 40px;
  bottom: 40px;
}

.personal-center .main .message-list .message .unread a {
  display: inline-block;
}

.personal-center .main .message-list .message .unread a span {
  font-size: 16px;
  color: #fff;
  line-height: 38px;
  padding: 0 24px 0 20px;
}

.personal-center .main .message-list .message .unread a .dot {
  height: 8px;
  width: 8px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #f66f6a;
  position: absolute;
  top: 8px;
  right: 15px;
}

.personal-center .main .message-list .message .unread a .dot.active {
  display: none;
}

.personal-center .main .message-list .message:last-child {
  margin-right: auto;
}

.personal-center .main .school-recruit-resume {
  margin-bottom: 20px;
  border: 1px solid #e0e0e0;
  padding: 58px 52px 58px 36px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 0;
  position: relative;
}

.personal-center .main .school-recruit-resume img {
  height: 41px;
}

.personal-center .main .school-recruit-resume span {
  display: inline-block;
  font-size: 28px;
  color: #282828;
  padding-left: 14px;
  vertical-align: middle;
}

.personal-center .main .school-recruit-resume p {
  position: absolute;
  font-size: 16px;
  color: #808080;
  left: 105px;
  bottom: 31px;
}

.personal-center .main .school-recruit-resume .establish a {
  display: inline-block;
  margin-left: 20px;
}

.personal-center .main .school-recruit-resume .establish a .btn {
  font-size: 16px;
  color: #fff;
  background: #f66f6a;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 42px;
  padding: 0 22px;
}

.personal-center .main .school-recruit-resume .establish a .btn.active {
  color: #808080;
  background: #ededed;
}

@media only screen and (max-width: 992px) {
  .personal-center .main {
    background: #fff;
    padding: 2.45833rem 0 1.66667rem 0;
  }

  .personal-center .main .title {
    font-size: 1.91667rem;
    color: #282828;
    padding-bottom: 1.29167rem;
  }

  .personal-center .main .log-out {
    background: #ecfefe;
    padding: 2rem 1.58333rem 2.375rem 1.16667rem;
    margin-bottom: 1.25rem;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    position: static;
    border: 1px solid #f0f0f0;
  }

  .personal-center .main .log-out .user span {
    display: block;
    font-size: 1rem;
    color: #808080;
    padding-bottom: 0.125rem;
  }

  .personal-center .main .log-out .user p {
    display: block;
    font-size: 1.33333rem;
    color: #282828;
    padding-bottom: 2.08333rem;
    font-weight: 500;
  }

  .personal-center .main .log-out a .box {
    font-size: 1rem;
    color: #808080;
    line-height: 2.83333rem;
    border: 1px solid #808080;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    padding: 0 2.08333rem;
    position: static;
    right: 0;
    top: 0;
    transform: translate(0, 0);
    display: inline-block;
  }

  .personal-center .main .log-out a .box.active {
    font-size: 1rem;
    color: #fff;
    background: #f66f6a;
    line-height: 2.83333rem;
    border: 0;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    padding: 0 2.08333rem;
    position: static;
    right: 0;
    top: 0;
    transform: translate(0, 0);
  }

  .personal-center .main .message-list {
    padding-bottom: 3.75rem;
    font-size: 0;
  }

  .personal-center .main .message-list .message {
    margin: 0 0 0.83333rem 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 10.83333rem;
    width: 100%;
    position: relative;
    vertical-align: middle;
  }

  .personal-center .main .message-list .message:last-child {
    margin: 0;
  }

  .personal-center .main .message-list .message .title {
    padding: 0 1.66667rem;
    font-size: 0;
  }

  .personal-center .main .message-list .message .title h1 {
    font-size: 1.33333rem;
    color: #fff;
    padding: 1.33333rem 0 1.16667rem 0;
  }

  .personal-center .main .message-list .message .title h2 {
    font-size: 2rem;
    color: #fff;
    vertical-align: central;
  }

  .personal-center .main .message-list .message .unread {
    display: inline-block;
    border: 1px solid #fff;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    position: absolute;
    left: 1.66667rem;
    bottom: 1.66667rem;
  }

  .personal-center .main .message-list .message .unread a {
    display: inline-block;
  }

  .personal-center .main .message-list .message .unread a span {
    font-size: 0.66667rem;
    color: #fff;
    line-height: 1.66667rem;
    padding: 0 1.08333rem 0 0.83333rem;
  }

  .personal-center .main .message-list .message .unread a .dot {
    height: 0.33333rem;
    width: 0.33333rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #f66f6a;
    position: absolute;
    top: 0.33333rem;
    right: 0.625rem;
  }

  .personal-center .main .message-list .message .unread a .dot.active {
    display: none;
  }

  .personal-center .main .message-list .message:last-child {
    margin-right: auto;
  }

  .personal-center .main .school-recruit-resume {
    margin-top: 0;
    margin-bottom: 2.5rem;
    border: 1px solid #e0e0e0;
    padding: 2.41667rem 1.5rem 2.5rem 1.5rem;
    -moz-border-radius: 0.20833rem;
    -webkit-border-radius: 0.20833rem;
    border-radius: 0.20833rem;
    font-size: 0;
    position: relative;
  }

  .personal-center .main .school-recruit-resume img {
    height: 1.70833rem;
  }

  .personal-center .main .school-recruit-resume span {
    display: inline-block;
    font-size: 1.33333rem;
    color: #282828;
    padding-left: 0.58333rem;
    vertical-align: middle;
  }

  .personal-center .main .school-recruit-resume p {
    position: absolute;
    font-size: 1rem;
    color: #808080;
    left: 4.375rem;
    bottom: 6.875rem;
  }

  .personal-center .main .school-recruit-resume .establish {
    float: none;
  }

  .personal-center .main .school-recruit-resume .establish a {
    display: inline-block;
    margin-left: 0;
    margin-right: 0.83333rem;
  }

  .personal-center .main .school-recruit-resume .establish a .btn {
    float: none;
    display: inline-block;
    font-size: 1rem;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    line-height: 2.83333rem;
    padding: 0 1.5rem;
    margin-top: 2.79167rem;
  }

  .personal-center .main .school-recruit-resume .establish a .btn.active {
    color: #282828;
  }
}

/*校招岗位志愿*/
.position-volunteer .main {
  padding: 60px 0 100px 0;
  background: #fff;
}

.position-volunteer .main .title {
  font-size: 42px;
  color: #282828;
}

.position-volunteer .main .first-volunteer {
  margin-top: 38px;
  border: 1px solid #ebebeb;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 28px 44px 37px 30px;
}

.position-volunteer .main .first-volunteer .left h1 {
  color: #282828;
  font-size: 20px;
}

.position-volunteer .main .first-volunteer .left .text {
  padding-top: 25px;
  font-size: 0;
}

.position-volunteer .main .first-volunteer .left .text img {
  height: 22px;
}

.position-volunteer .main .first-volunteer .left .text span {
  padding-left: 30px;
  font-size: 24px;
  color: #231815;
  vertical-align: middle;
  background-image: url(../images/outer-link.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 22px;
}

.position-volunteer .main .first-volunteer .left .text span:hover {
  color: #c7000b;
  background-image: url(../images/outer-link-red.png);
}

.position-volunteer .main .first-volunteer .left .text .not-have {
  padding-top: 5px;
  padding-bottom: 26px;
  font-size: 24px;
  color: #808080;
}

.position-volunteer .main .first-volunteer .left .site {
  font-size: 14px;
  padding-top: 11px;
}

.position-volunteer .main .first-volunteer .left .site p {
  color: #282828;
}

.position-volunteer .main .first-volunteer .left .site p span {
  padding-right: 21px;
  color: #808080;
}

.position-volunteer .main .first-volunteer .right p {
  font-size: 14px;
  color: #15b0e8;
}

.position-volunteer .main .first-volunteer .right .btn {
  padding-top: 56px;
  font-size: 0;
}

.position-volunteer .main .first-volunteer .right .btn a {
  display: inline-block;
}

.position-volunteer .main .first-volunteer .right .btn a span {
  display: block;
  font-size: 16px;
  color: #282828;
  line-height: 40px;
  border: 1px solid #282828;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 30px;
  vertical-align: middle;
  margin-right: 20px;
}

.position-volunteer .main .first-volunteer .right .btn a span:hover {
  border-color: #c7000b;
  color: #c7000b;
}

.position-volunteer .main .first-volunteer .right .btn a .repeal1 {
  font-size: 16px;
  line-height: 42px;
  color: #fff;
  background: #b6000a;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 30px;
}

.position-volunteer .main .first-volunteer .right .btn a .repeal1:hover {
  background: #c7000b;
}

.position-volunteer .main .switcher {
  padding-top: 39px;
  text-align: center;
}

.position-volunteer .main .switcher img {
  height: 40px;
}

@media only screen and (max-width: 992px) {
  .position-volunteer .main {
    padding: 2.5rem 0 4.16667rem 0;
    background: #fff;
  }

  .position-volunteer .main .title {
    font-size: 1.91667rem;
    color: #282828;
  }

  .position-volunteer .main .first-volunteer {
    margin-top: 1.75rem;
    border: 0.04167rem solid #ebebeb;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    padding: 1.66667rem 1.66667rem 2rem 1.66667rem;
  }

  .position-volunteer .main .first-volunteer .left {
    float: none;
  }

  .position-volunteer .main .first-volunteer .left h1 {
    color: #282828;
    font-size: 1.16667rem;
  }

  .position-volunteer .main .first-volunteer .left .text {
    padding-top: 1.16667rem;
    font-size: 0;
  }

  .position-volunteer .main .first-volunteer .left .text img {
    height: 1.08333rem;
    vertical-align: middle;
  }

  .position-volunteer .main .first-volunteer .left .text span {
    font-size: 1.33333rem;
    vertical-align: middle;
    background-size: 0.91667rem;
  }

  .position-volunteer .main .first-volunteer .left .text .not-have {
    padding-top: 0;
    padding-bottom: 4.58333rem;
    font-size: 1.33333rem;
    color: #808080;
  }

  .position-volunteer .main .first-volunteer .left .site {
    font-size: 1rem;
    color: #808080;
    padding-top: 0.83333rem;
  }

  .position-volunteer .main .first-volunteer .left .site span {
    padding-right: 1.25rem;
  }

  .position-volunteer .main .first-volunteer .right {
    float: none;
  }

  .position-volunteer .main .first-volunteer .right p {
    float: none;
    font-size: 1rem;
    color: #15b0e8;
    padding-top: 1.875rem;
  }

  .position-volunteer .main .first-volunteer .right .btn {
    padding-top: 1.5rem;
    font-size: 0;
  }

  .position-volunteer .main .first-volunteer .right .btn a span {
    display: block;
    font-size: 1rem;
    color: #282828;
    line-height: 2.83333rem;
    border: 0.04167rem solid #282828;
    -moz-border-radius: 0.20833rem;
    -webkit-border-radius: 0.20833rem;
    border-radius: 0.20833rem;
    padding: 0 1.58333rem;
    vertical-align: middle;
    margin-right: 0.83333rem;
  }

  .position-volunteer .main .first-volunteer .right .btn a span:hover {
    border-color: #c7000b;
    color: #c7000b;
  }

  .position-volunteer .main .first-volunteer .right .btn a .repeal1 {
    font-size: 1rem;
    line-height: 2.91667rem;
    color: #fff;
    background: #b6000a;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    padding: 0 1.5rem;
  }

  .position-volunteer .main .switcher {
    padding-top: 2.91667rem;
    padding-bottom: 1.16667rem;
    text-align: center;
  }

  .position-volunteer .main .switcher img {
    height: 3.125rem;
  }
}

/*消息中心*/
.message-center .main {
  background: #fff;
  padding: 50px 0 100px 0;
}

.message-center .main .title {
  font-size: 42px;
  color: #282828;
}

.message-center .main .number {
  padding: 0 0 14px 0;
  border-bottom: 1px solid #ebebeb;
}

.message-center .main .number .module-corner-pages {
  font-size: 14px;
  color: #282828;
}

.message-center .main .number .module-corner-pages span {
  color: #c7000b;
}

.message-center .main .number .module-page-number {
  font-size: 14px;
  color: #282828;
}

.message-center .main .number .module-page-number select {
  border: none;
}

.message-center .main .list {
  border-bottom: 1px solid #ebebeb;
  padding: 32px 0 40px 0;
}

.message-center .main .list .left {
  padding-right: 20px;
}

.message-center .main .list .left a {
  display: inline-block;
}

.message-center .main .list .left a img {
  height: 38px;
}

.message-center .main .list .middle h1 {
  font-size: 20px;
  color: #282828;
  line-height: 32px;
}

.message-center .main .list .middle p {
  font-size: 16px;
  line-height: 1.5;
  color: #282828;
  padding-top: 14px;
}

.message-center .main .list .middle p a {
  color: #15b0e8;
  position: relative;
}

.message-center .main .list .middle p a::after {
  content: '';
  position: absolute;
  left: 0px;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background: #15b0e8;
}

.message-center .main .list .middle .photo {
  padding-top: 13px;
}

.message-center .main .list .middle .photo a {
  display: inline-block;
}

.message-center .main .list .middle .photo a img {
  display: block;
  height: 113px;
}

.message-center .main .list .middle span {
  display: inline-block;
  font-size: 14px;
  color: #282828;
  padding-top: 19px;
}

.message-center .main .list .middle span a {
  color: #c7000b;
  position: relative;
}

.message-center .main .list .middle span a::after {
  content: '';
  position: absolute;
  left: 0px;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background: #c7000b;
}

.message-center .main .list .right {
  font-size: 12px;
  color: #808080;
  line-height: 24px;
}

.message-center .main .page-footer {
  padding-top: 38px;
}

.message-center .main .page-footer .number-branches {
  float: left;
  font-size: 14px;
  color: #282828;
}

.message-center .main .page-footer .number-branches a {
  color: #c7000b;
}

.message-center .main .page-footer .page-up-down {
  float: right;
}

.message-center .main .page-footer .page-up-down a {
  display: inline-block;
  font-size: 14px;
  color: #282828;
  border: 1px solid #282828;
  border-radius: 3px;
  padding: 10px 31px 13px 31px;
  margin-left: 10px;
}

.message-center .main .page-footer .page-up-down a:hover {
  color: #c7000b;
  border-color: #c7000b;
}

@media only screen and (max-width: 992px) {
  .message-center .main {
    background: #fff;
    padding: 2.25rem 0 3.33333rem 0;
  }

  .message-center .main .title {
    font-size: 1.75rem;
    color: #282828;
  }

  .message-center .main .number {
    padding: 1.66667rem 0 1.08333rem 0;
    border-bottom: 0.04167rem solid #ebebeb;
    float: none;
  }

  .message-center .main .number .module-corner-pages {
    font-size: 1rem;
    color: #282828;
  }

  .message-center .main .number .module-page-number {
    display: none;
  }

  .message-center .main .list {
    border-bottom: 0.04167rem solid #ebebeb;
    padding: 2.08333rem 0 1.79167rem 0;
  }

  .message-center .main .list .left {
    float: none;
    padding-right: 0;
  }

  .message-center .main .list .left img {
    height: 3.04167rem;
  }

  .message-center .main .list .middle {
    float: none;
  }

  .message-center .main .list .middle h1 {
    font-size: 1.33333rem;
    color: #282828;
    line-height: 1.75rem;
    padding-top: 1.41667rem;
  }

  .message-center .main .list .middle .photo {
    padding-top: 1.25rem;
  }

  .message-center .main .list .middle .photo img {
    display: block;
    height: 113px;
  }

  .message-center .main .list .middle p {
    font-size: 1rem;
    color: #282828;
    padding-top: 1.08333rem;
  }

  .message-center .main .list .middle p a {
    color: #15b0e8;
    position: relative;
  }

  .message-center .main .list .middle p a::after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -0.125rem;
    width: 100%;
    height: 0.04167rem;
    background: #15b0e8;
  }

  .message-center .main .list .middle span {
    display: inline-block;
    font-size: 1rem;
    color: #282828;
    padding-top: 1rem;
  }

  .message-center .main .list .middle span a {
    position: relative;
  }

  .message-center .main .list .middle span a::after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -0.125rem;
    width: 100%;
    height: 0.04167rem;
  }

  .message-center .main .list .right {
    float: none;
    font-size: 1rem;
    color: #808080;
    line-height: 1.41667rem;
    padding-top: 1.25rem;
  }

  .message-center .main .page-footer {
    padding-top: 1.41667rem;
    padding-bottom: 0.83333rem;
  }

  .message-center .main .page-footer .number-branches {
    float: none;
    font-size: 1rem;
    color: #282828;
    padding-bottom: 2.04167rem;
  }

  .message-center .main .page-footer .page-up-down {
    float: none;
  }

  .message-center .main .page-footer .page-up-down a {
    font-size: 1rem;
    color: #282828;
    border: 0.04167rem solid #282828;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    padding: 0 2.08333rem;
    margin-left: 0;
    margin-right: 0.33333rem;
    line-height: 2.75rem;
  }
}

/*社招岗位志愿*/
.social-recruitment .main {
  background: #fff;
  padding: 50px 0 100px 0;
}

.social-recruitment .main .title {
  font-size: 42px;
  color: #282828;
}

.social-recruitment .main .number {
  padding: 0 0 14px 0;
  border-bottom: 1px solid #ebebeb;
}

.social-recruitment .main .number .module-corner-pages {
  font-size: 14px;
  color: #282828;
}

.social-recruitment .main .number .module-corner-pages span {
  color: #15b0e8;
}

.social-recruitment .main .number .module-page-number {
  font-size: 14px;
  color: #282828;
}

.social-recruitment .main .number .module-page-number select {
  border: none;
}

.social-recruitment .main .first-volunteer {
  border-bottom: 1px solid #ebebeb;
  padding: 44px 0 30px 0;
}

.social-recruitment .main .first-volunteer .left .text {
  font-size: 0;
}

.social-recruitment .main .first-volunteer .left .text img {
  height: 22px;
}

.social-recruitment .main .first-volunteer .left .text span {
  padding-left: 10px;
  font-size: 24px;
  color: #15b0e8;
  vertical-align: middle;
}

.social-recruitment .main .first-volunteer .left .site {
  font-size: 14px;
  padding-top: 16px;
}

.social-recruitment .main .first-volunteer .left .site p {
  color: #282828;
}

.social-recruitment .main .first-volunteer .left .site p span {
  color: #808080;
}

.social-recruitment .main .first-volunteer .right p {
  font-size: 14px;
  color: #15b0e8;
}

.social-recruitment .main .first-volunteer .right .btn {
  padding-top: 24px;
  font-size: 0;
}

.social-recruitment .main .first-volunteer .right .btn a {
  display: inline-block;
}

.social-recruitment .main .first-volunteer .right .btn a span {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  background: #e06561;
  line-height: 42px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 30px;
  vertical-align: middle;
}

.social-recruitment .main .page-footer {
  padding-top: 38px;
}

.social-recruitment .main .page-footer .number-branches {
  float: left;
  font-size: 14px;
  color: #282828;
}

.social-recruitment .main .page-footer .number-branches a {
  color: #15b0e8;
}

.social-recruitment .main .page-footer .page-up-down {
  float: right;
}

.social-recruitment .main .page-footer .page-up-down a {
  display: inline-block;
  font-size: 14px;
  color: #282828;
  border: 1px solid #282828;
  border-radius: 3px;
  padding: 10px 31px 13px 31px;
  margin-left: 15px;
}

.social-recruitment .main .page-footer .page-up-down a:hover {
  color: #f66f6a;
  border-color: #f66f6a;
}

@media only screen and (max-width: 992px) {
  .social-recruitment .main {
    background: #fff;
    padding: 2.25rem 0 3.33333rem 0;
  }

  .social-recruitment .main .title {
    font-size: 1.75rem;
    color: #282828;
  }

  .social-recruitment .main .number {
    padding: 1.66667rem 0 1.08333rem 0;
    border-bottom: 0.04167rem solid #ebebeb;
    float: none;
  }

  .social-recruitment .main .number .module-corner-pages {
    font-size: 1rem;
    color: #282828;
  }

  .social-recruitment .main .number .module-corner-pages span {
    color: #15b0e8;
  }

  .social-recruitment .main .number .module-page-number {
    display: none;
  }

  .social-recruitment .main .first-volunteer {
    border-bottom: 0.04167rem solid #ebebeb;
    padding: 2rem 0 2.29167rem 0;
  }

  .social-recruitment .main .first-volunteer .left {
    float: none;
  }

  .social-recruitment .main .first-volunteer .left .text {
    font-size: 0;
  }

  .social-recruitment .main .first-volunteer .left .text img {
    height: 1.08333rem;
    vertical-align: middle;
  }

  .social-recruitment .main .first-volunteer .left .text span {
    font-size: 1.33333rem;
    color: #15b0e8;
    vertical-align: middle;
  }

  .social-recruitment .main .first-volunteer .left .site {
    font-size: 1rem;
    color: #808080;
    padding-top: 0.58333rem;
  }

  .social-recruitment .main .first-volunteer .left .site span {
    padding-right: 1.25rem;
  }

  .social-recruitment .main .first-volunteer .right {
    float: none;
  }

  .social-recruitment .main .first-volunteer .right p {
    float: none;
    font-size: 1rem;
    color: #15b0e8;
    padding-top: 1.08333rem;
  }

  .social-recruitment .main .first-volunteer .right .btn {
    float: none;
  }

  .social-recruitment .main .first-volunteer .right .btn a {
    display: inline-block;
  }

  .social-recruitment .main .first-volunteer .right .btn a span {
    display: inline-block;
    font-size: 1rem;
    color: #fff;
    line-height: 2.83333rem;
    -moz-border-radius: 0.20833rem;
    -webkit-border-radius: 0.20833rem;
    border-radius: 0.20833rem;
    padding: 0 1.58333rem;
  }

  .social-recruitment .main .page-footer {
    padding-top: 1.41667rem;
    padding-bottom: 0.83333rem;
  }

  .social-recruitment .main .page-footer .number-branches {
    float: none;
    font-size: 1rem;
    color: #282828;
    padding-bottom: 2.04167rem;
  }

  .social-recruitment .main .page-footer .number-branches a {
    color: #15b0e8;
  }

  .social-recruitment .main .page-footer .page-up-down {
    float: none;
  }

  .social-recruitment .main .page-footer .page-up-down a {
    font-size: 1rem;
    color: #282828;
    border: 0.04167rem solid #282828;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    padding: 0 2.08333rem;
    line-height: 2.75rem;
    margin-left: 0;
    margin-right: 0.58333rem;
  }

  .social-recruitment .main .page-footer .page-up-down a:hover {
    color: #f66f6a;
    border-color: #f66f6a;
  }
}

/*职位收藏*/
.position-collect .main {
  background: #fff;
  padding: 50px 0 100px 0;
}

.position-collect .main .title {
  font-size: 42px;
  color: #282828;
}

.position-collect .main .number {
  padding: 0 0 14px 0;
  border-bottom: 1px solid #ebebeb;
}

.position-collect .main .number .module-corner-pages {
  font-size: 14px;
  color: #282828;
}

.position-collect .main .number .module-corner-pages span {
  color: #c7000b;
}

.position-collect .main .number .module-page-number {
  font-size: 14px;
  color: #282828;
}

.position-collect .main .number .module-page-number select {
  border: none;
}

.position-collect .main .list {
  padding: 38px 0 40px 0;
  border-bottom: 1px solid #ebebeb;
}

.position-collect .main .list .top .title {
  font-size: 0;
}

.position-collect .main .list .top .title .peak a {
  display: inline-block;
}

.position-collect .main .list .top .title .peak a img {
  height: 22px;
}

.position-collect .main .list .top .title .peak a span {
  padding-left: 30px;
  font-size: 18px;
  color: #231815;
  vertical-align: middle;
  background-image: url(../images/outer-link.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 22px;
}

.position-collect .main .list .top .title .peak a span:hover {
  color: #c7000b;
  background-image: url(../images/outer-link-red.png);
}

.position-collect .main .list .top .title .peak p {
  font-size: 14px;
  color: #808080;
  display: inline-block;
}

.position-collect .main .list .top .title .marketing {
  padding-top: 11px;
  font-size: 14px;
  color: #282828;
}

.position-collect .main .list .top .title .marketing span {
  padding-right: 36px;
}

.position-collect .main .list .top .title .site {
  font-size: 14px;
  color: #282828;
  padding-top: 13px;
}

.position-collect .main .list .top .title .site span {
  padding-right: 26px;
}

.position-collect .main .list .top .invite {
  height: 50px;
  text-align: center;
}

.position-collect .main .list .top .invite a img {
  height: 24px;
}

.position-collect .main .list .top .invite a p {
  font-size: 12px;
  color: #808080;
  padding-top: 6px;
}

.position-collect .main .list .bottom {
  padding-top: 20px;
}

.position-collect .main .list .bottom .time {
  font-size: 14px;
  color: #808080;
  padding-top: 26px;
}

.position-collect .main .list .bottom .right {
  font-size: 14px;
  color: #808080;
  border: 1px solid #808080;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 32px;
}

.position-collect .main .list .bottom .right:hover {
  border: 1px solid #c7000b;
  color: #c7000b;
}

.position-collect .main .list .bottom .right:hover span {
  background-image: url(../images/position-collect-star-red.png);
}

.position-collect .main .list .bottom .right span {
  line-height: 40px;
  vertical-align: middle;
  padding-left: 18px;
  background-image: url(../images/position-collect-star.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 10px;
}

.position-collect .main .page-footer {
  padding-top: 38px;
}

.position-collect .main .page-footer .number-branches {
  float: left;
  font-size: 14px;
  color: #282828;
}

.position-collect .main .page-footer .number-branches a {
  color: #c7000b;
}

.position-collect .main .page-footer .page-up-down {
  float: right;
}

.position-collect .main .page-footer .page-up-down a {
  display: inline-block;
  font-size: 14px;
  color: #282828;
  border: 1px solid #282828;
  border-radius: 3px;
  padding: 10px 31px 13px 31px;
  margin-left: 15px;
}

.position-collect .main .page-footer .page-up-down a:hover {
  color: #f66f6a;
  border-color: #f66f6a;
}

@media only screen and (max-width: 992px) {
  .position-collect .main {
    background: #fff;
    padding: 2.25rem 0 3.33333rem 0;
  }

  .position-collect .main .title {
    font-size: 1.75rem;
    color: #282828;
  }

  .position-collect .main .number {
    padding: 1.66667rem 0 1.08333rem 0;
    border-bottom: 0.04167rem solid #ebebeb;
    float: none;
  }

  .position-collect .main .number .module-corner-pages {
    font-size: 1rem;
    color: #282828;
  }

  .position-collect .main .number .module-page-number {
    display: none;
  }

  .position-collect .main .list {
    padding: 1.33333rem 0 2.08333rem 0;
    border-bottom: 0.04167rem solid #ebebeb;
  }

  .position-collect .main .list .top .title {
    font-size: 0;
  }

  .position-collect .main .list .top .title .peak a {
    display: inline-block;
  }

  .position-collect .main .list .top .title .peak a img {
    height: 1.16667rem;
  }

  .position-collect .main .list .top .title .peak a span {
    font-size: 1.33333rem;
    color: #231815;
    vertical-align: middle;
    padding-left: 2.08333rem;
    background-size: 1.20833rem;
  }

  .position-collect .main .list .top .title .marketing {
    display: none;
    padding-top: 1.58333rem;
    font-size: 1rem;
    color: #282828;
  }

  .position-collect .main .list .top .title .marketing span {
    padding-right: 2.5rem;
  }

  .position-collect .main .list .top .title .site {
    display: none;
    font-size: 1rem;
    color: #282828;
    padding-top: 0.41667rem;
  }

  .position-collect .main .list .top .title .site span {
    padding-right: 1.75rem;
  }

  .position-collect .main .list .top .invite {
    height: 2.70833rem;
    text-align: center;
  }

  .position-collect .main .list .top .invite a {
    display: inline-block;
  }

  .position-collect .main .list .top .invite a img {
    height: 1.16667rem;
  }

  .position-collect .main .list .top .invite a p {
    font-size: 0.83333rem;
    color: #808080;
    padding-top: 0.25rem;
  }

  .position-collect .main .list .bottom {
    padding-top: 1.66667rem;
  }

  .position-collect .main .list .bottom .time {
    float: none;
    font-size: 1rem;
    color: #808080;
    padding-top: 0;
  }

  .position-collect .main .list .bottom .right {
    float: none;
    display: inline-block;
    font-size: 1rem;
    color: #808080;
    border: 0.04167rem solid #808080;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    padding: 0 2.08333rem;
    margin-top: 1.5rem;
  }

  .position-collect .main .list .bottom .right img {
    height: 0.91667rem;
  }

  .position-collect .main .list .bottom .right span {
    line-height: 2.83333rem;
    padding-left: 1.45833rem;
    background-size: 1.04167rem 0.95833rem;
  }

  .position-collect .main .page-footer {
    padding-top: 1.41667rem;
    padding-bottom: 0.83333rem;
  }

  .position-collect .main .page-footer .number-branches {
    float: none;
    font-size: 1rem;
    color: #282828;
    padding-bottom: 2.04167rem;
  }

  .position-collect .main .page-footer .page-up-down {
    float: none;
  }

  .position-collect .main .page-footer .page-up-down a {
    font-size: 1rem;
    color: #282828;
    border: 0.04167rem solid #282828;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    padding: 0 2.08333rem;
    line-height: 2.75rem;
    margin-left: 0;
    margin-right: 0.58333rem;
  }

  .position-collect .main .page-footer .page-up-down a:hover {
    color: #f66f6a;
    border-color: #f66f6a;
  }
}

/*某一个工作地点*/
.some-workplace .main {
  background: #fff;
  padding: 0 0 100px 0;
}

.some-workplace .main .public-banner2 .center-wrap .banner-text p {
  padding-top: 10px;
}

.some-workplace .main .list .position .title {
  padding: 35px 0 35px 0;
  font-size: 34px;
  line-height: 1.1;
  color: #282828;
}

.some-workplace .main .list .experience .title {
  padding: 65px 0 35px 0;
  font-size: 34px;
  line-height: 1.1;
  color: #282828;
}

.some-workplace .main .list .experience .public-table .td {
  width: 28.93%;
}

@media only screen and (max-width: 992px) {
  .some-workplace .main {
    background: #fff;
    padding: 0 0 100px 0;
  }

  .some-workplace .main .list .position .title {
    padding: 80px 0 35px 0;
    font-size: 34px;
    color: #282828;
  }

  .some-workplace .main .list .experience .title {
    padding: 2.91667rem 0 1.41667rem 0;
    font-size: 1.66667rem;
    color: #282828;
  }

  .some-workplace .main .list .experience .public-table .td {
    width: auto;
  }
}

/*某一个团队或领域*/
.post-team .main {
  background: #fff;
  padding: 0 0 100px 0;
}

.post-team .main .public-banner2 .center-wrap .banner-text h1 {
  height: 110px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.post-team .main .public-banner2 .center-wrap .banner-text p {
  padding-top: 18px;
  max-height: 300px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  overflow: hidden;
}

.post-team .main .vice-banner-worap {
  position: relative;
}

.post-team .main .vice-banner-worap .vice-banner {
  height: 450px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.post-team .main .vice-banner-worap .box {
  height: 336px;
  width: 450px;
  max-height: 338px;
  background: #15b0e8;
  position: absolute;
  top: 56px;
  left: 50%;
}

.post-team .main .vice-banner-worap .box .tier {
  padding: 38px 40px 43px 54px;
}

.post-team .main .vice-banner-worap .box .tier h1 {
  font-size: 34px;
  color: #fff;
}

.post-team .main .vice-banner-worap .box .tier p {
  padding-top: 18px;
  height: 192px;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}

.post-team .main .list .position .title {
  padding: 80px 0 35px 0;
  font-size: 34px;
  line-height: 1.1;
  color: #282828;
}

.post-team .main .list .experience .title {
  padding: 65px 0 35px 0;
  font-size: 34px;
  line-height: 1.1;
  color: #282828;
}

.post-team .main .list .experience .public-table .td {
  width: 28.93%;
}

@media only screen and (max-width: 992px) {
  .post-team .main {
    background: #fff;
    padding: 0 0 4.16667rem 0;
  }

  .post-team .main .public-banner2 {
    height: auto;
  }

  .post-team .main .public-banner2 .banner-left {
    height: auto;
  }

  .post-team .main .public-banner2 .banner-left .center-wrap {
    position: static;
  }

  .post-team .main .public-banner2 .banner-left .center-wrap .banner-text h1 {
    height: auto;
    display: block;
    overflow: auto;
  }

  .post-team .main .public-banner2 .banner-left .center-wrap .banner-text p {
    padding-top: 0.625rem;
    max-height: none;
    display: block;
    overflow: auto;
  }

  .post-team .main .vice-banner-worap {
    position: static;
  }

  .post-team .main .vice-banner-worap .vice-banner {
    height: 15rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }

  .post-team .main .vice-banner-worap .box {
    height: auto;
    width: auto;
    max-height: none;
    background: #15b0e8;
    position: static;
    top: 0;
    left: 0;
  }

  .post-team .main .vice-banner-worap .box .tier {
    padding: 2.91667rem 1.66667rem;
  }

  .post-team .main .vice-banner-worap .box .tier h1 {
    font-size: 1.66667rem;
    color: #fff;
  }

  .post-team .main .vice-banner-worap .box .tier p {
    padding-top: 0.75rem;
    height: auto;
    font-size: 1rem;
    line-height: 1.41667rem;
    color: #fff;
    overflow: auto;
    display: block;
  }

  .post-team .main .list .position .title {
    padding: 2.91667rem 0 1.45833rem 0;
    font-size: 1.66667rem;
    color: #282828;
  }

  .post-team .main .list .experience .title {
    padding: 2.91667rem 0 1.45833rem 0;
    font-size: 1.66667rem;
    color: #282828;
  }

  .post-team .main .list .experience .public-table .td {
    width: auto;
  }
}

/*某一个员人物*/
.inspiration .main {
  background: #fff;
  padding-bottom: 100px;
}

.inspiration .main .text {
  padding-top: 40px;
}

.inspiration .main .text h1 {
  font-size: 38px;
  color: #282828;
  text-align: center;
  padding-bottom: 40px;
}

.inspiration .main .text .inspiration-video {
  width: 774px;
  height: 360px;
  margin: 0 auto;
  position: relative;
}

.inspiration .main .text .inspiration-video video {
  width: 100%;
  height: 100%;
}

.inspiration .main .text .inspiration-video .video-banner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.inspiration .main .text .inspiration-video .video-banner a {
  display: inline-block;
  width: 100px;
  height: 100px;
  background-image: url(../images/icon-play.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.inspiration .main .text p {
  padding-top: 46px;
  font-size: 16px;
  color: #282828;
  line-height: 26px;
  width: 774px;
  margin: 0 auto;
}

.inspiration .main .text p span {
  padding-left: 2em;
}

.inspiration .main .text .article {
  padding-top: 46px;
  font-size: 16px;
  color: #282828;
  line-height: 26px;
  width: 774px;
  margin: 0 auto;
}

.inspiration .main .text .article p {
  width: 100%;
  padding-top: 0;
  padding-bottom: 1em;
  text-indent: 2em;
}

.inspiration .main .text .article p span {
  padding-left: 0;
}

.inspiration .main .fellow {
  font-size: 42px;
  color: #282828;
  padding-top: 164px;
}

.inspiration .main .list .position .title {
  padding: 44px 0 35px 0;
  font-size: 34px;
  line-height: 1.1;
  color: #282828;
}

.inspiration .main .list .position .title a {
  font-size: 14px;
  line-height: 36px;
  color: #282828;
  padding-right: 18px;
  background-image: url(../images/index/employee-arrows-2.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 8px 12px;
}

.inspiration .main .list .position .title a:hover {
  color: #c7000b;
  text-decoration: underline;
  background-image: url(../images/index/employee-arrows-1.png);
}

.inspiration .main .list .position .learn-btn {
  display: none;
}

.inspiration .main .list .experience .title {
  padding: 65px 0 35px 0;
  font-size: 34px;
  line-height: 1.1;
  color: #282828;
}

.inspiration .main .list .experience .title a {
  font-size: 14px;
  line-height: 36px;
  color: #282828;
  padding-right: 18px;
  background-image: url(../images/index/employee-arrows-2.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 8px 12px;
}

.inspiration .main .list .experience .title a:hover {
  color: #c7000b;
  text-decoration: underline;
  background-image: url(../images/index/employee-arrows-1.png);
}

.inspiration .main .list .experience .public-table .td {
  width: 28.93%;
}

.inspiration .main .list .experience .learn-btn {
  display: none;
}

.public-banner2 {
  height: 540px;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
}

.public-banner2 .banner-right {
  height: 100%;
  width: 45.73%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.public-banner2 .banner-left {
  background: #f4f5f5;
  height: 100%;
  width: 54.27%;
}

.public-banner2 .banner-left .center-wrap {
  width: 1106px;
  max-width: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  transform: translateX(-50%);
}

.public-banner2 .banner-left .center-wrap .banner-text {
  width: 57.5%;
  text-align: left;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding-right: 94px;
  box-sizing: border-box;
}

.public-banner2 .banner-left .center-wrap .banner-text h1 {
  font-size: 42px;
  color: #231815;
  padding-bottom: 10px;
  height: 110px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.public-banner2 .banner-left .center-wrap p {
  font-size: 16px;
  color: #231815;
  line-height: 28px;
  max-height: 360px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  overflow: hidden;
}

.public-banner2 .banner-left .center-wrap span {
  font-size: 16px;
  color: #231815;
  padding-top: 16px;
  display: block;
}

.public-banner2 .banner-left .center-wrap .friend {
  display: inline-block;
  font-size: 16px;
  color: #231815;
  line-height: 40px;
  border: 1px solid #231815;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0 32px;
  margin-top: 38px;
}

.public-banner2 .banner-left .center-wrap .friend:hover {
  color: #c7000b;
  border-color: #c7000b;
}

@media only screen and (max-width: 992px) {
  .public-banner2 {
    height: auto;
    max-width: none;
    margin: 0 auto;
    position: relative;
  }

  .public-banner2 .banner-right {
    float: none;
    height: 15rem;
    width: auto;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
  }

  .public-banner2 .banner-left {
    float: none;
    background: #f4f5f5;
    height: auto;
    width: auto;
  }

  .public-banner2 .banner-left .center-wrap {
    width: 100%;
    max-width: none;
    position: static;
    left: 0;
    top: 0;
    height: auto;
    transform: none;
  }

  .public-banner2 .banner-left .center-wrap .banner-text {
    padding: 2.5rem 1.66667rem 2.91667rem 1.66667rem;
    width: auto;
    text-align: left;
    color: #231815;
    position: static;
    top: 0;
    left: 0;
    transform: none;
  }

  .public-banner2 .banner-left .center-wrap .banner-text h1 {
    font-size: 1.75rem;
    color: #231815;
    padding-bottom: 0.41667rem;
    display: block;
    overflow: auto;
    height: auto;
  }

  .public-banner2 .banner-left .center-wrap .banner-text p {
    font-size: 1rem;
    color: #231815;
    line-height: 1.5rem;
    height: auto;
    display: block;
    overflow: auto;
    max-height: none;
  }

  .public-banner2 .banner-left .center-wrap .banner-text span {
    font-size: 1rem;
    color: #231815;
    padding-top: 0.83333rem;
    display: block;
  }

  .public-banner2 .banner-left .center-wrap .banner-text .friend {
    display: inline-block;
    font-size: 1rem;
    color: #231815;
    line-height: 2.83333rem;
    border: 0.04167rem solid #231815;
    -moz-border-radius: 0.20833rem;
    -webkit-border-radius: 0.20833rem;
    border-radius: 0.20833rem;
    padding: 0 2.08333rem;
    margin-top: 1.5rem;
  }

  .inspiration .main {
    background: #fff;
    padding-bottom: 4.16667rem;
  }

  .inspiration .main .text {
    padding-top: 3.33333rem;
  }

  .inspiration .main .text h1 {
    font-size: 1.66667rem;
    color: #282828;
    text-align: center;
  }

  .inspiration .main .text .inspiration-video {
    width: 100%;
    height: 10.16667rem;
  }

  .inspiration .main .text .inspiration-video .video-banner a {
    display: inline-block;
    width: 3.33333rem;
    height: 3.33333rem;
    background-size: 3.33333rem;
  }

  .inspiration .main .text p {
    padding-top: 1.66667rem;
    font-size: 1rem;
    color: #282828;
    line-height: to rem(36px);
    width: auto;
    margin: 0 auto;
  }

  .inspiration .main .text p span {
    padding-left: 2em;
  }

  .inspiration .main .text .article {
    padding-top: to rem(40px);
    font-size: tore m(24px);
    color: #282828;
    line-height: to rem(36px);
    width: auto;
    margin: 0 auto;
  }

  .inspiration .main .text .article p {
    width: 100%;
    padding-top: 0;
    padding-bottom: 1em;
  }

  .inspiration .main .text .article p span {
    padding-left: 0;
  }

  .inspiration .main .fellow {
    font-size: tore m(42px);
    color: #282828;
    padding-top: to rem(101px);
  }

  .inspiration .main .list .position .title {
    padding: 1.66667rem 0 1.45833rem 0;
    font-size: tore m(40px);
    color: #282828;
  }

  .inspiration .main .list .position .title h1 {
    float: none;
  }

  .inspiration .main .list .position .title a {
    display: none;
  }

  .inspiration .main .list .position .learn -btn {
    display: block;
    padding-top: to rem(60px);
    text-align: center;
  }

  .inspiration .main .list .position .learn -btn a {
    display: block;
    border: 1px solid #231815;
    -moz-border-radius: 0.20833rem;
    -webkit-border-radius: 0.20833rem;
    border-radius: 0.20833rem;
    font-size: 1rem;
    line-height: 2.83333rem;
    color: #231815;
  }

  .inspiration .main .list .experience .title {
    padding: 2.91667rem 0 1.45833rem 0;
    font-size: tore m(40px);
    color: #282828;
  }

  .inspiration .main .list .experience .title h1 {
    float: none;
  }

  .inspiration .main .list .experience .title a {
    display: none;
  }

  .inspiration .main .list .experience .public-table .td {
    width: auto;
  }

  .inspiration .main .list .experience .learn-btn {
    display: block;
    padding-top: to rem(60px);
    text-align: center;
  }

  .inspiration .main .list .experience .learn-btn a {
    display: block;
    border: 1px solid #231815;
    -moz-border-radius: 0.20833rem;
    -webkit-border-radius: 0.20833rem;
    border-radius: 0.20833rem;
    font-size: tore m(24px);
    line-height: to rem(68px);
    color: #231815;
  }
}

/*校招 -意向部门*/
.intention-department .main .public-banner {
  height: 450px;
}

.intention-department .main .public-banner .public-banner-item-m {
  display: none;
}

.intention-department .main .public-banner .public-banner-item {
  height: 100%;
  background-repeat: no-repeat;
}

.intention-department .main .public-banner .public-banner-item .box {
  width: 1106px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.intention-department .main .public-banner .public-banner-item .box .item-content {
  position: absolute;
  top: 45%;
  left: 0;
  transform: translateY(-50%);
}

.intention-department .main .public-banner .public-banner-item .box .item-content h4 {
  font-size: 40px;
  color: #231815;
  line-height: 1.1;
  text-align: left;
  padding-bottom: 20px;
}

.intention-department .main .public-banner .public-banner-item .box .item-content p {
  font-size: 18px;
  color: #231815;
  line-height: 1.3;
  text-align: left;
  padding: 0;
}

.intention-department .main .public-banner .public-banner-item .btn a {
  padding: 0 32px;
  font-size: 16px;
}

.intention-department .main .public-banner .public-banner-item .bottom-text {
  font-size: 18px;
  color: #fefefe;
  margin-top: 10px;
}

.intention-department .main .public-banner .public-banner-item .bottom-text i {
  display: inline-block;
  height: 16px;
  width: 1px;
  background: #fff;
  vertical-align: middle;
  margin: 0 20px;
}

.intention-department .main .post-explain {
  padding: 0 0 0 0;
}

.intention-department .main .post-explain .job-description {
  border-bottom: 1px solid #ebebeb;
  padding: 57px 0 64px 0;
}

.intention-department .main .post-explain .job-description h1 {
  font-size: 34px;
  color: #282828;
}

.intention-department .main .post-explain .job-description p {
  font-size: 16px;
  line-height: 1.5;
  color: #282828;
  padding-top: 30px;
}

.intention-department .main .post-explain .job-description:last-child {
  border-bottom: 0;
}

.intention-department .main .department-apply h1 {
  font-size: 34px;
  color: #282828;
  line-height: 72px;
  padding-bottom: 20px;
}

.intention-department .main .department-apply .first-intentio {
  border: 1px solid #ebebeb;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 26px 44px 40px 28px;
  margin-bottom: 25px;
}

.intention-department .main .department-apply .first-intentio .left h2 {
  font-size: 20px;
  color: #282828;
}

.intention-department .main .department-apply .first-intentio .left h5 {
  font-size: 24px;
  color: #231815;
  padding-top: 24px;
}

.intention-department .main .department-apply .first-intentio .left p {
  font-size: 14px;
  color: #808080;
  padding-top: 8px;
}

.intention-department .main .department-apply .first-intentio .left p span {
  padding-right: 24px;
}

.intention-department .main .department-apply .first-intentio .right {
  padding-top: 68px;
}

.intention-department .main .department-apply .first-intentio .right a .switcher {
  display: inline-block;
  font-size: 16px;
  color: #c7000b;
  border: 1px solid #c7000b;
  line-height: 40px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 30px;
  margin-right: 15px;
}

.intention-department .main .department-apply .first-intentio .right a .remove {
  display: inline-block;
  border: 1px solid #999;
  font-size: 16px;
  color: #808080;
  line-height: 40px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 30px;
}

.intention-department .main .department-apply .second-intentio {
  border: 1px solid #ebebeb;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 28px 30px 48px 30px;
}

.intention-department .main .department-apply .second-intentio h2 {
  font-size: 20px;
  color: #282828;
}

.intention-department .main .department-apply .second-intentio .switcher {
  display: inline-block;
  font-size: 16px;
  color: #c7000b;
  border: 1px solid #c7000b;
  line-height: 40px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 30px;
  margin-top: 30px;
}

.intention-department .main .department-apply .bottom {
  padding: 40px 0 100px 0;
}

.intention-department .main .department-apply .bottom .btn-claimer a {
  display: inline-block;
}

.intention-department .main .department-apply .bottom .btn-claimer a .claimer {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  line-height: 42px;
  padding: 0 40px;
  background: #c7000b;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-left: 5px;
}

.intention-department .main .department-apply .bottom .but-collect a {
  display: inline-block;
}

.intention-department .main .department-apply .bottom .but-collect a .led {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  line-height: 42px;
  padding: 0 40px;
  background: #007ab7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

@media only screen and (max-width: 992px) {
  .intention-department .main .public-banner {
    height: 20.83333rem;
  }

  .intention-department .main .public-banner .public-banner-item {
    display: none;
  }

  .intention-department .main .public-banner .public-banner-item-m {
    display: block;
    height: 20.83333rem;
    padding: 0 1.66667rem;
    background-size: cover;
  }

  .intention-department .main .public-banner .public-banner-item-m .box {
    width: auto;
  }

  .intention-department .main .public-banner .public-banner-item-m .box .item-content {
    padding-top: 3.75rem;
  }

  .intention-department .main .public-banner .public-banner-item-m .box .item-content h4 {
    font-size: 1.66667rem;
    color: #231815;
    line-height: 1.1;
    text-align: left;
    padding-bottom: 0.83333rem;
    width: auto;
  }

  .intention-department .main .public-banner .public-banner-item-m .box .item-content p {
    font-size: 1rem;
    color: #231815;
    line-height: 1.3;
    text-align: left;
    padding: 0;
    width: auto;
  }

  .intention-department .main .public-banner .public-banner-item-m h4 {
    font-size: 1.75rem;
  }

  .intention-department .main .public-banner .public-banner-item-m .btn a {
    display: inline-block;
    padding: 0 2.08333rem;
    font-size: 1rem;
    width: auto;
    padding: 0 50px;
  }

  .intention-department .main .public-banner .public-banner-item-m .bottom-text {
    font-size: 1rem;
    color: #fefefe;
    margin-top: 1.75rem;
  }

  .intention-department .main .public-banner .public-banner-item-m .bottom-text i {
    height: 0.66667rem;
    margin: 0 0.83333rem;
  }

  .intention-department .main .post-explain {
    padding: 0.83333rem 0 0.91667rem 0;
  }

  .intention-department .main .post-explain .job-description {
    border-bottom: 0.04167rem solid #ebebeb;
    padding: 2rem 0 2.29167rem 0;
  }

  .intention-department .main .post-explain .job-description h1 {
    font-size: 1.66667rem;
    color: #282828;
  }

  .intention-department .main .post-explain .job-description p {
    font-size: 1rem;
    color: #282828;
    padding-top: 0.91667rem;
  }

  .intention-department .main .post-explain .job-description:last-child {
    border-bottom: 0;
  }

  .intention-department .main .department-apply h1 {
    font-size: 1.66667rem;
    color: #282828;
    line-height: 3rem;
    border-bottom: 0 solid #ebebeb;
    padding-bottom: 0.83333rem;
  }

  .intention-department .main .department-apply .first-intentio {
    border: 0 solid #ebebeb;
    border-bottom: 0.04167rem solid #ebebeb;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 2.16667rem 0 4.08333rem 0;
    margin-bottom: 0;
  }

  .intention-department .main .department-apply .first-intentio .left {
    float: none;
  }

  .intention-department .main .department-apply .first-intentio .left h2 {
    font-size: 1rem;
    color: #282828;
  }

  .intention-department .main .department-apply .first-intentio .left h5 {
    font-size: 1.16667rem;
    color: #15b0e8;
    padding-top: 0.91667rem;
  }

  .intention-department .main .department-apply .first-intentio .left p {
    font-size: 1rem;
    color: #808080;
    padding-top: 1.08333rem;
  }

  .intention-department .main .department-apply .first-intentio .left p span {
    padding-right: 0.58333rem;
  }

  .intention-department .main .department-apply .first-intentio .right {
    float: none;
    padding-top: 2.41667rem;
  }

  .intention-department .main .department-apply .first-intentio .right a .switcher {
    display: inline-block;
    font-size: 1rem;
    color: #15b0e8;
    border: 0.04167rem solid #15b0e8;
    line-height: 2.83333rem;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    padding: 0 2.08333rem;
    margin-right: 1rem;
  }

  .intention-department .main .department-apply .first-intentio .right a .remove {
    display: inline-block;
    border: 0.04167rem solid #999;
    font-size: 1rem;
    color: #808080;
    line-height: 2.83333rem;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    padding: 0 2.08333rem;
  }

  .intention-department .main .department-apply .second-intentio {
    border: 0px solid #ebebeb;
    border-bottom: 0.04167rem solid #ebebeb;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 1.91667rem 0 2rem 0;
  }

  .intention-department .main .department-apply .second-intentio h2 {
    font-size: 0.83333rem;
    color: #282828;
  }

  .intention-department .main .department-apply .second-intentio .switcher {
    display: inline-block;
    font-size: 1rem;
    line-height: 2.83333rem;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    padding: 0 2.08333rem;
    margin-top: 1.25rem;
  }

  .intention-department .main .department-apply .bottom {
    padding: 0.83333rem 0 4.16667rem 0;
  }

  .intention-department .main .department-apply .bottom .btn-claimer a {
    display: block;
  }

  .intention-department .main .department-apply .bottom .btn-claimer a .claimer {
    display: block;
    font-size: 1rem;
    color: #fff;
    line-height: 2.91667rem;
    text-align: center;
    padding: 0 0;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    margin-top: 1.25rem;
    margin-left: 0;
  }
}

/*校招弹窗*/
.school-popup {
  width: 1106px;
  background: #f9f9f9;
  margin: 0 auto;
  position: relative;
  padding: 60px 0;
}

.school-popup .close {
  display: inline-block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  position: absolute;
  top: 33px;
  right: 33px;
}

.school-popup .close::before,
.school-popup .close::after {
  position: absolute;
  content: ',';
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #222;
  width: 100%;
  height: 3px;
}

.school-popup .close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.school-popup .close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

.school-popup .window-container {
  padding: 0 50px;
}

.school-popup .window-container .title {
  font-size: 30px;
  color: #282828;
}

.school-popup .window-container .city {
  padding-top: 33px;
}

.school-popup .window-container .city p {
  display: inline-block;
  font-size: 16px;
  color: #808080;
}

.school-popup .window-container .city .select-warp {
  display: inline-block;
  width: 190px;
}

.school-popup .window-container .city .select-warp .title {
  font-size: 16px;
  color: #404040;
}

.school-popup .window-container .window-list {
  margin: 30px 0 0px;
  height: 444px;
  overflow-y: auto;
}

.school-popup .window-container .window-list .panel {
  margin-bottom: 14px;
  cursor: pointer;
}

.school-popup .window-container .window-list .panel .bar {
  background: #e7e7e7;
  font-size: 22px;
  color: #282828;
  line-height: 60px;
  padding: 0 24px;
}

.school-popup .window-container .window-list .panel .bar .btn .active {
  display: none;
}

.school-popup .window-container .window-list .panel .content {
  background: #fff;
  padding: 24px 38px 40px 38px;
}

.school-popup .window-container .window-list .panel .content p {
  font-size: 16px;
  color: #282828;
  line-height: 28px;
}

.school-popup .window-container .window-list .panel .content .site {
  padding-top: 24px;
  font-size: 0;
}

.school-popup .window-container .window-list .panel .content .site span {
  font-size: 16px;
  vertical-align: middle;
  color: #282828;
}

.school-popup .window-container .window-list .panel .content .site i {
  display: inline-block;
  width: 1px;
  height: 16px;
  background: #282828;
  margin: 0 22px;
  vertical-align: middle;
}

.school-popup .window-container .window-list .panel .content a {
  display: inline-block;
  margin-top: 36px;
}

.school-popup .window-container .window-list .panel .content a .add {
  display: inline-block;
  font-size: 16px;
  color: #c7000b;
  line-height: 40px;
  border: 1px solid #c7000b;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 40px;
}

.school-popup .window-container .window-list .panel .content.active {
  display: none;
}

.school-popup .window-container .window-list .panel.active {
  background-color: #15b0e8;
}

@media only screen and (max-width: 992px) {
  .school-popup {
    width: auto;
    height: auto;
    background: #f9f9f9;
    margin: 0 auto;
    position: relative;
    padding: 4.16667rem 0 0;
  }

  .school-popup .close {
    display: inline-block;
    width: 1.66667rem;
    height: 1.66667rem;
    overflow: hidden;
    position: absolute;
    top: 1.66667rem;
    right: 1.66667rem;
  }

  .school-popup .close::before,
  .school-popup .close::after {
    position: absolute;
    content: ',';
    top: 50%;
    left: 0;
    background: #222;
    width: 100%;
    height: 0.16667rem;
  }

  .school-popup .close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
  }

  .school-popup .close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
  }

  .school-popup .window-container {
    padding: 0 1.66667rem;
  }

  .school-popup .window-container .title {
    font-size: 2rem;
    color: #282828;
  }

  .school-popup .window-container .city {
    padding-top: 1.875rem;
  }

  .school-popup .window-container .city p {
    display: block;
    font-size: 1rem;
    color: #808080;
  }

  .school-popup .window-container .city .select-warp {
    display: block;
    width: 100%;
    padding-top: 0.83333rem;
  }

  .school-popup .window-container .city .select-warp .title {
    font-size: 1rem;
    color: #404040;
  }

  .school-popup .window-container .window-list {
    margin: 1.58333rem 0 4.16667rem 0;
    height: auto;
    overflow-y: scroll;
  }

  .school-popup .window-container .window-list .panel {
    margin-bottom: 1.25rem;
  }

  .school-popup .window-container .window-list .panel .bar {
    background: #e7e7e7;
    font-size: 1.33333rem;
    color: #282828;
    line-height: 3.33333rem;
    padding: 0 1.33333rem 0 1.58333rem;
  }

  .school-popup .window-container .window-list .panel .bar .btn img {
    height: 0.45833rem;
  }

  .school-popup .window-container .window-list .panel .bar .btn .active {
    display: none;
  }

  .school-popup .window-container .window-list .panel .content {
    background: #fff;
    padding: 1.25rem 1rem 1.58333rem 1.25rem;
  }

  .school-popup .window-container .window-list .panel .content p {
    font-size: 1rem;
    color: #282828;
    line-height: 1.58333rem;
  }

  .school-popup .window-container .window-list .panel .content .site {
    padding-top: 1.5rem;
    font-size: 0;
  }

  .school-popup .window-container .window-list .panel .content .site span {
    font-size: 1rem;
    line-height: 1.75rem;
    vertical-align: middle;
    color: #282828;
    padding-right: 1.33333rem;
  }

  .school-popup .window-container .window-list .panel .content .site i {
    display: inline-block;
    width: 1px;
    height: 0.91667rem;
    background: #282828;
    margin: 0 1.5rem 0 0;
    vertical-align: middle;
  }

  .school-popup .window-container .window-list .panel .content .site i:nth-child(3n) {
    display: none;
  }

  .school-popup .window-container .window-list .panel .content a {
    display: inline-block;
    margin-top: 2.08333rem;
  }

  .school-popup .window-container .window-list .panel .content a .add {
    display: inline-block;
    font-size: 1rem;
    color: #15b0e8;
    line-height: 2.83333rem;
    border: 1px solid #15b0e8;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    padding: 0 1.91667rem;
  }

  .school-popup .window-container .window-list .panel .content.active {
    display: none;
  }
}

/*为什么选择华为*/
.why-seclect .main .public-banner swiper-container .public-banner-item .item-content p {
  font-size: 16px;
}

.why-seclect .main .public-banner swiper-container .public-banner-item .item-content .btn .btn-item {
  display: inline-block;
  vertical-align: middle;
  line-height: 48px;
  color: #fff;
  padding: 0 30px;
  border: 1px solid #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 16px;
}

.why-seclect .main .vice-banner-video {
  height: 600px;
}

.why-seclect .main .vice-banner-video .vice-banner {
  height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

.why-seclect .main .vice-banner-video .vice-banner .video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.why-seclect .vice-banner-worap {
  position: relative;
}

.why-seclect .vice-banner-worap .vice-banner {
  height: 450px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.why-seclect .vice-banner-worap .box {
  height: 336px;
  width: 450px;
  max-height: 338px;
  background: #15b0e8;
  position: absolute;
  top: 56px;
  left: 58%;
}

.why-seclect .vice-banner-worap .box .tier {
  padding: 32px 40px 43px 54px;
}

.why-seclect .vice-banner-worap .box .tier h1 {
  font-size: 34px;
  line-height: 1.1;
  color: #fff;
}

.why-seclect .vice-banner-worap .box .tier p {
  padding-top: 18px;
  height: 116px;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.why-seclect .vice-banner-worap .box .tier .hw-story {
  display: inline-block;
  padding: 0 32px;
  margin-top: 30px;
  font-size: 14px;
  line-height: 48px;
  color: #fff;
  border: 1px solid #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.why-seclect .vice-banner-worap .index-container {
  height: 336px;
  width: 450px;
  max-height: 338px;
  background: #15b0e8;
  position: absolute;
  top: 56px;
}

.why-seclect .vice-banner-worap .index-container .tier {
  padding: 32px 40px 43px 40px;
}

.why-seclect .vice-banner-worap .index-container .tier h1 {
  font-size: 34px;
  color: #fff;
}

.why-seclect .vice-banner-worap .index-container .tier p {
  padding-top: 18px;
  height: 114px;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.why-seclect .vice-banner-worap .index-container .tier .hw-story {
  display: inline-block;
  padding: 0 32px;
  margin-top: 30px;
  font-size: 14px;
  line-height: 48px;
  color: #fff;
  border: 1px solid #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.why-seclect .public-list {
  padding: 80px 0 108px 0;
  overflow: hidden;
}

.why-seclect .public-list .list-title {
  text-align: center;
}

.why-seclect .public-list .list-title h2 {
  font-size: 38px;
  color: #282828;
}

.why-seclect .public-list .list-title p {
  font-size: 16px;
  color: #282828;
  line-height: 56px;
}

.why-seclect .public-list .list {
  margin-top: 40px;
  width: 22.9%;
  height: 370px;
  float: left;
  margin-right: 1.989%;
  background: #fff;
}

.why-seclect .public-list .list .list-top {
  padding: 30px 0;
  width: 210px;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.why-seclect .public-list .list .list-top img {
  height: 48px;
}

.why-seclect .public-list .list .list-top span {
  margin-left: 20px;
  font-size: 18px;
  color: #282828;
  line-height: 48px;
  vertical-align: middle;
}

.why-seclect .public-list .list .list-bottom {
  height: 260px;
  background-size: 100%;
}

.why-seclect .public-list .list .list-bottom p {
  font-size: 18px;
  color: #fff;
  height: 175px;
  margin: 0 26px 0 26px;
  padding-top: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}

.why-seclect .public-list .list .list-bottom span {
  font-size: 18px;
  color: #ffffff;
  display: inline-block;
  padding: 6px 0 0 25px;
}

.why-seclect .public-list .list .list-bottom span img {
  padding-left: 10px;
}

@media only screen and (max-width: 992px) {
  .why-seclect .main .public-banner swiper-container .public-banner-item .item-content p {
    font-size: 1rem;
  }

  .why-seclect .main .public-banner swiper-container .public-banner-item .item-content .btn .btn-item {
    display: inline-block;
    vertical-align: middle;
    line-height: 2.83333rem;
    color: #fff;
    padding: 0 2.08333rem;
    border: 1px solid #fff;
    -moz-border-radius: 0.16667rem;
    -webkit-border-radius: 0.16667rem;
    border-radius: 0.16667rem;
    font-size: 1rem;
  }

  .why-seclect .main .vice-banner-video {
    height: 15rem;
  }

  .why-seclect .main .vice-banner-video .vice-banner {
    height: 15rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
  }

  .why-seclect .main .vice-banner-video .vice-banner .video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .why-seclect .main .vice-banner-video .vice-banner .video-icon img {
    height: 4.16667rem;
  }

  .why-seclect .vice-banner-worap {
    position: static;
  }

  .why-seclect .vice-banner-worap .vice-banner {
    height: 15rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }

  .why-seclect .vice-banner-worap .box {
    height: auto;
    width: auto;
    max-height: none;
    background: #15b0e8;
    position: static;
  }

  .why-seclect .vice-banner-worap .box .tier {
    padding: 2.91667rem 1.66667rem 2.91667rem 1.66667rem;
  }

  .why-seclect .vice-banner-worap .box .tier h1 {
    font-size: 1.66667rem;
    color: #fff;
  }

  .why-seclect .vice-banner-worap .box .tier p {
    padding-top: 0.75rem;
    height: auto;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #fff;
    overflow: auto;
    display: block;
  }

  .why-seclect .vice-banner-worap .box .tier .hw-story {
    display: inline-block;
    padding: 0 2.08333rem;
    margin-top: 30px;
    font-size: 1rem;
    line-height: 2.83333rem;
    color: #fff;
    border: 0.04167rem solid #fff;
    -moz-border-radius: 0.16667rem;
    -webkit-border-radius: 0.16667rem;
    border-radius: 0.16667rem;
  }

  .why-seclect .vice-banner-worap .index-container {
    height: auto;
    width: auto;
    max-height: none;
    background: #15b0e8;
    position: static;
  }

  .why-seclect .vice-banner-worap .index-container .tier {
    padding: 2.91667rem 1.66667rem 2.91667rem 1.66667rem;
  }

  .why-seclect .vice-banner-worap .index-container .tier h1 {
    font-size: 1.66667rem;
    color: #fff;
  }

  .why-seclect .vice-banner-worap .index-container .tier p {
    padding-top: 0.75rem;
    height: auto;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #fff;
    overflow: auto;
    display: block;
  }

  .why-seclect .vice-banner-worap .index-container .tier .hw-story {
    display: inline-block;
    padding: 0 2.08333rem;
    margin-top: 30px;
    font-size: 1rem;
    line-height: 2.83333rem;
    color: #fff;
    border: 0.04167rem solid #fff;
    -moz-border-radius: 0.16667rem;
    -webkit-border-radius: 0.16667rem;
    border-radius: 0.16667rem;
  }

  .why-seclect .public-list {
    padding: 80px 0 108px 0;
    overflow: hidden;
  }

  .why-seclect .public-list .list-title h2 {
    font-size: 1.66667rem;
    color: #282828;
    text-align: center;
  }

  .why-seclect .public-list .list-title p {
    font-size: 1rem;
    color: #282828;
    line-height: 1.41667rem;
    text-align: start;
    padding-top: 0.75rem ；;
  }

  .why-seclect .public-list .list {
    width: auto;
    height: auto;
    float: none;
    margin-right: 0;
    background: #fff;
    margin-bottom: 1.66667rem;
  }

  .why-seclect .public-list .list .list-top {
    padding: 1.66667rem 1.66667rem;
    margin: 0;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .why-seclect .public-list .list .list-top img {
    height: 2rem;
  }

  .why-seclect .public-list .list .list-top span {
    margin-left: 0.33333rem;
    font-size: 1.66667rem;
    color: #282828;
    line-height: 2rem;
    vertical-align: middle;
  }

  .why-seclect .public-list .list .list-bottom {
    height: 16.66667rem;
    background-size: 100%;
  }

  .why-seclect .public-list .list .list-bottom p {
    font-size: 1rem;
    color: #fff;
    height: 8.33333rem;
    margin: 0 2.16667rem 3.20833rem 1.66667rem;
    padding-top: 1.79167rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
  }

  .why-seclect .public-list .list .list-bottom span {
    font-size: 0.75rem;
    color: #ffffff;
    display: inline-block;
    padding-left: 1.66667rem;
  }

  .why-seclect .public-list .list .list-bottom span img {
    padding-left: 0.45833rem;
    height: 0.58333rem;
  }
}

/*校招无细分无部门*/
.intention-department .main .department-apply .splace h1 {
  font-size: 34px;
  color: #282828;
  line-height: 72px;
  padding-bottom: 20px;
}

.intention-department .main .department-apply .splace .city {
  font-size: 16px;
  color: #282828;
  line-height: 32px;
}

.intention-department .main .department-apply .splace .city span {
  margin-right: 26px;
}

.intention-department .main .department-apply .splace .city span:last-child {
  margin-right: 0;
}

.intention-department .main .department-apply .bottom {
  padding: 60px 0 100px 0;
}

@media only screen and (max-width: 992px) {
  .intention-department .main .department-apply .splace h1 {
    font-size: 1.75rem;
    color: #282828;
    line-height: 1.75rem;
    padding-bottom: 1.08333rem;
  }

  .intention-department .main .department-apply .splace .city {
    font-size: 1rem;
    color: #282828;
    line-height: 1.33333rem;
    font-size: 0;
  }

  .intention-department .main .department-apply .splace .city span {
    margin-right: 1.75rem;
    font-size: 1rem;
    color: #282828;
    line-height: 2.16667rem;
  }

  .intention-department .main .department-apply .splace .city span:last-child {
    margin-right: 1.75rem;
  }

  .intention-department .main .department-apply .splace .city span:nth-child(4n) {
    margin-right: 0;
  }

  .intention-department .main .department-apply .bottom {
    padding: 1.25rem 0 4.16667rem 0;
  }
}

/*校招有细分有部门*/
.intention-department .main .post-explain .subdivide-title {
  font-size: 34px;
  color: #282828;
  padding-bottom: 30px;
}

.intention-department .main .post-explain .subdivide {
  padding: 10px 0 12px 0;
}

.intention-department .main .post-explain .subdivide select {
  background: #f5f9f8;
  width: 100%;
  padding: 0 0 0 14px;
  font-size: 16px;
  height: 40px;
  border: 1px solid #282828;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../images/index/button-arrows1.png) no-repeat scroll 97% center transparent;
  padding-right: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.intention-department .main .post-explain .subdivide select::-ms-expand {
  display: none;
}

@media only screen and (max-width: 992px) {
  .intention-department .main .post-explain .subdivide-title {
    font-size: 1.66667rem;
    padding-bottom: 0;
  }

  .intention-department .main .post-explain .subdivide {
    padding: 1.5rem 0 0.5rem 0;
  }

  .intention-department .main .post-explain .subdivide select {
    background: #f5f9f8;
    width: 100%;
    padding: 0 0 0 0.91667rem;
    font-size: 1rem;
    height: 2.83333rem;
    border: 1px solid #282828;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/index/button-arrows1.png) no-repeat scroll 95% center transparent;
    padding-right: 1.25rem;
  }
}

/*社会招聘*/
.campus-recruitment .main .social-banner {
  height: 560px;
}

.campus-recruitment .main .social-banner .swiper-container {
  height: 100%;
  width: 100%;
  position: relative;
}

.campus-recruitment .main .social-banner .swiper-container .swiper-wrapper .swiper-slide {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.campus-recruitment .main .social-banner .swiper-container .swiper-wrapper .swiper-slide .banner-main {
  width: 1106px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.campus-recruitment .main .social-banner .swiper-container .swiper-wrapper .swiper-slide .banner-main h1 {
  font-size: 58px;
  line-height: 80px;
  color: #231815;
  padding-left: 109px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 70px 80px;
}

.campus-recruitment .main .social-banner .swiper-container .swiper-wrapper .swiper-slide .banner-main p {
  font-size: 30px;
  line-height: 1.1;
  color: #231815;
  padding-top: 40px;
}

.campus-recruitment .main .social-banner .swiper-container .swiper-wrapper .swiper-slide .banner-main a {
  display: inline-block;
  padding-top: 40px;
}

.campus-recruitment .main .social-banner .swiper-container .swiper-wrapper .swiper-slide .banner-main a span {
  font-size: 18px;
  line-height: 1.1;
  color: #231815;
  padding-right: 30px;
  background-image: url(../images/index/society-recruitment-banner-arrows.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 11px 17px;
}

.campus-recruitment .main .social-banner .swiper-container .swiper-pagination {
  position: absolute;
  bottom: 50px;
  left: 0;
}

.campus-recruitment .main .social-banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #9fa0a0;
  opacity: 1;
}

.campus-recruitment .main .social-banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: #ffffff;
}

@media only screen and (max-width: 750px) {
  .campus-recruitment .main .social-banner {
    height: 22.5rem;
  }

  .campus-recruitment .main .social-banner .swiper-container .swiper-wrapper .swiper-slide {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  .campus-recruitment .main .social-banner .swiper-container .swiper-wrapper .swiper-slide .banner-main {
    width: 23.33333rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .campus-recruitment .main .social-banner .swiper-container .swiper-wrapper .swiper-slide .banner-main h1 {
    font-size: 2.66667rem;
    line-height: 1.1;
    color: #231815;
    padding-left: 3.08333rem;
    background-position: left 0.16667rem;
    background-repeat: no-repeat;
    background-size: 2.16667rem 2.5rem;
  }

  .campus-recruitment .main .social-banner .swiper-container .swiper-wrapper .swiper-slide .banner-main p {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #231815;
    padding-top: 1.41667rem;
  }

  .campus-recruitment .main .social-banner .swiper-container .swiper-wrapper .swiper-slide .banner-main a {
    display: inline-block;
    padding-top: 1.41667rem;
  }

  .campus-recruitment .main .social-banner .swiper-container .swiper-wrapper .swiper-slide .banner-main a span {
    font-size: 1rem;
    line-height: 1.1;
    color: #231815;
    padding-right: 1.08333rem;
    background-image: url(../images/index/society-recruitment-banner-arrows.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 0.45833rem 0.79167rem;
  }

  .campus-recruitment .main .social-banner .swiper-container .swiper-pagination {
    position: absolute;
    bottom: 50px;
    left: 0;
  }

  .campus-recruitment .main .social-banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #9fa0a0;
    opacity: 1;
  }

  .campus-recruitment .main .social-banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ffffff;
  }
}

.campus-recruitment .main .social-banner-en {
  height: 560px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.campus-recruitment .main .social-banner-en .banner-main {
  width: 1106px;
  margin: 0 auto;
  padding-top: 150px;
  text-align: center;
}

.campus-recruitment .main .social-banner-en .banner-main h4 {
  font-size: 60px;
  line-height: 1.1;
  color: #231815;
}

.campus-recruitment .main .social-banner-en .banner-main p {
  width: 460px;
  font-size: 18px;
  line-height: 26px;
  color: #231815;
  padding-top: 6px;
  margin: 0 auto;
}

.campus-recruitment .main .public-job-search .public-table ul .border-top a .td {
  width: 28.93%;
}

@media only screen and (max-width: 750px) {
  .campus-recruitment .main .public-job-search .public-table ul .border-top a .td {
    width: auto;
  }
}

.campus-recruitment .social-faq {
  background: #f8f8f8;
  padding: 50px 0;
}

.campus-recruitment .social-faq .warp {
  width: 1106px;
  margin: 0 auto;
}

.campus-recruitment .social-faq .warp h1 {
  font-size: 20px;
  line-height: 1.1;
  color: #231815;
}

.campus-recruitment .social-faq .warp p {
  font-size: 14px;
  line-height: 1.1;
  color: #231815;
  padding-top: 32px;
}

.campus-recruitment .social-faq .warp .btn {
  padding-top: 24px;
}

.campus-recruitment .social-faq .warp .btn a {
  display: inline-block;
  border: 1px solid #c7000b;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0 15px;
}

.campus-recruitment .social-faq .warp .btn a span {
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  color: #c7000b;
  padding: 0 18px 0 32px;
  background-image: url(../images/index/school-icon10.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 17px 20px;
  position: relative;
}

.campus-recruitment .social-faq .warp .btn a span::after {
  content: '';
  width: 8px;
  height: 14px;
  background-image: url(../images/index/school-icon12.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 14px;
  position: absolute;
  right: 0;
  top: 14px;
}

@media only screen and (max-width: 750px) {
  .campus-recruitment .social-faq {
    background: #f8f8f8;
    padding: 3.33333rem 0 4.16667rem 0;
  }

  .campus-recruitment .social-faq .warp {
    width: auto;
    padding: 0 1.66667rem;
  }

  .campus-recruitment .social-faq .warp h1 {
    font-size: 1.33333rem;
    line-height: 1.1;
    color: #231815;
  }

  .campus-recruitment .social-faq .warp p {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #231815;
    padding-top: 1.33333rem;
  }

  .campus-recruitment .social-faq .warp .btn {
    padding-top: 1.41667rem;
  }

  .campus-recruitment .social-faq .warp .btn a {
    display: inline-block;
    border: 1px solid #c7000b;
    -moz-border-radius: initial;
    -webkit-border-radius: initial;
    border-radius: initial;
    padding: 0 0.66667rem;
  }

  .campus-recruitment .social-faq .warp .btn a span {
    display: inline-block;
    font-size: 1rem;
    line-height: 2.83333rem;
    color: #c7000b;
    padding: 0 0.83333rem 0 1.75rem;
    background-image: url(../images/index/school-icon10.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 0.91667rem 1.16667rem;
    position: relative;
  }

  .campus-recruitment .social-faq .warp .btn a span::after {
    content: '';
    width: 0.41667rem;
    height: 0.75rem;
    background-image: url(../images/index/school-icon12.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.41667rem 0.75rem;
    position: absolute;
    right: 0;
    top: 1.08333rem;
  }
}

@media only screen and (max-width: 750px) {
  .campus-recruitment .main .public-job-search .public-table ul .border-top a .td {
    width: auto;
  }
}

/*校招岗位进展列表*/
.school .main .apply-list {
  border-bottom: 1px solid #ebebeb;
  padding: 50px 0;
}

.school .main .apply-list .left h1 {
  font-size: 24px;
  color: #15b0e8;
  line-height: 24px;
}

.school .main .apply-list .left h1 a {
  color: #c7000b;
}

.school .main .apply-list .left p {
  font-size: 14px;
  color: #282828;
  line-height: 14px;
  padding-top: 24px;
}

.school .main .apply-list .left p span {
  color: #808080;
}

.school .main .apply-list .right {
  padding-top: 10px;
}

.school .main .apply-list .right a {
  display: inline-block;
}

.school .main .apply-list .right a .progress {
  font-size: 16px;
  color: #282828;
  line-height: 40px;
  padding: 0 30px;
  border: 1px solid #282828;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.school .main .apply-list .right a .progress:hover {
  color: #f66f6a;
  border-color: #f66f6a;
}

@media only screen and (max-width: 992px) {
  .school .main .apply-list {
    border-bottom: 0.04167rem solid #ebebeb;
    padding: 2.5rem 0;
  }

  .school .main .apply-list .left {
    float: none;
  }

  .school .main .apply-list .left h1 {
    font-size: 1.33333rem;
    color: #15b0e8;
    line-height: 1.33333rem;
  }

  .school .main .apply-list .left p {
    font-size: 1rem;
    color: #282828;
    line-height: 1rem;
    padding-top: 1.41667rem;
  }

  .school .main .apply-list .left p span {
    color: #808080;
  }

  .school .main .apply-list .right {
    padding-top: 1.66667rem;
    float: none;
  }

  .school .main .apply-list .right a {
    display: inline-block;
  }

  .school .main .apply-list .right a .progress {
    font-size: 1rem;
    color: #282828;
    line-height: 2.83333rem;
    padding: 0 1.5rem;
    border: 0.04167rem solid #282828;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
  }

  .school .main .apply-list .right a .progress:hover {
    color: #f66f6a;
    border-color: #f66f6a;
  }
}

/*常见问题FAQ*/
.helpqaq {
  background: #fff;
}

.helpqaq .main .title {
  padding: 100px 0 46px 0;
  text-align: center;
}

.helpqaq .main .title span {
  font-size: 34px;
  color: #808080;
  line-height: 34px;
  margin: 0 60px;
  position: relative;
  cursor: pointer;
}

.helpqaq .main .title span:first-child {
  margin-left: 0;
}

.helpqaq .main .title span:last-child {
  margin-right: 0;
}

.helpqaq .main .title span.active {
  color: #c7000b;
}

.helpqaq .main .title span.active:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -36px;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background: #c7000b;
}

.helpqaq .main .title i {
  display: inline-block;
  width: 2px;
  height: 36px;
  background: #dcdddd;
}

.helpqaq .main .school-faq {
  display: none;
}

.helpqaq .main .school-faq.active {
  display: block;
}

.helpqaq .main .school-faq.active .recruitment-process {
  text-align: center;
}

.helpqaq .main .school-faq.active .recruitment-process .caption {
  padding: 90px 0 52px 0;
}

.helpqaq .main .school-faq.active .recruitment-process .caption h1 {
  font-size: 46px;
  color: #282828;
}

.helpqaq .main .school-faq.active .recruitment-process .flow-chart {
  overflow: hidden;
  margin: 0 auto;
  padding: 0 0 100px 0;
  font-size: 0;
  text-align: center;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume {
  width: 16.08%;
  display: inline-block;
  vertical-align: middle;
}

.helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume.little {
  width: 13.08%;
}

.helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume.arrow {
  width: auto;
}

.helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume.arrow img {
  width: 7px;
}

.helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume img {
  width: 70px;
  height: auto;
}

.helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume p {
  display: block;
  font-size: 18px;
  color: #282828;
  padding-top: 16px;
}

.helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume h6 {
  display: none;
}

.helpqaq .main .school-faq.active .issue-help {
  padding-bottom: 100px;
}

.helpqaq .main .school-faq.active .issue-help .title-help {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 80px;
  text-align: center;
}

.helpqaq .main .school-faq.active .issue-help .title-help h1 {
  font-size: 46px;
  line-height: 46px;
  color: #282828;
}

.helpqaq .main .school-faq.active .issue-help .title-help .chooser {
  padding-top: 60px;
}

.helpqaq .main .school-faq.active .issue-help .title-help .chooser .faq-nav {
  font-size: 0;
  max-width: 1106px;
  background: #fff;
}

.helpqaq .main .school-faq.active .issue-help .title-help .chooser .faq-nav.vice-nav {
  position: fixed;
  top: 72px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
}

.helpqaq .main .school-faq.active .issue-help .title-help .chooser .faq-nav a {
  display: inline-block;
  width: 24.86%;
  height: 68px;
  font-size: 20px;
  line-height: 68px;
  color: #808080;
  background: #f7f7f7;
  margin-right: 0.18%;
  cursor: pointer;
  font-weight: bold;
}

.helpqaq .main .school-faq.active .issue-help .title-help .chooser .faq-nav a:hover {
  color: #fefefe;
  background: #c7000b;
}

.helpqaq .main .school-faq.active .issue-help .title-help .chooser .faq-nav a:last-child {
  margin-right: 0;
}

.helpqaq .main .school-faq.active .issue-help .list-title {
  font-size: 34px;
  line-height: 34px;
  color: #c7000b;
  padding: 60px 80px;
  border-bottom: 1px solid #ebebeb;
}

.helpqaq .main .school-faq.active .issue-help .help-list ul .item {
  padding: 80px 0;
  border-bottom: 1px solid #ebebeb;
}

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box {
  padding: 0 56px 0 20px;
}

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box h1 {
  font-size: 34px;
  line-height: 52px;
  color: #282828;
  padding-left: 58px;
  background: url(../images/index/helping.png) no-repeat left top;
}

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main {
  padding: 26px 0 0 58px;
}

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main h2 {
  font-size: 16px;
  line-height: 26px;
  color: #282828;
  padding-bottom: 8px;
}

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main p {
  font-size: 16px;
  line-height: 26px;
  color: #282828;
}

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .link-tel a {
  color: #c7000b;
  text-decoration: underline;
}

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main span {
  font-size: 16px;
  line-height: 26px;
  color: #282828;
}

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .img1 {
  padding-top: 10px;
  height: 295px;
}

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .img2 {
  padding-top: 10px;
  height: 604px;
}

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .img3 {
  padding-top: 10px;
  height: 522px;
}

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list {
  margin-top: 10px;
}

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail {
  border: 1px solid #f1f0f0;
}

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles {
  border-bottom: 1px solid #f1f0f0;
}

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles:last-child {
  border-bottom: none;
}

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles .left {
  width: 58.13%;
  font-size: 14px;
  line-height: 30px;
  color: #282828;
  padding-left: 12px;
}

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles .right {
  font-size: 14px;
  line-height: 30px;
  color: #282828;
  padding-left: 12px;
  border-left: 1px solid #ebebeb;
  font-weight: 600;
}

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles .right a {
  color: #c7000b;
}

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles .right a:hover {
  color: #c7000b;
  position: relative;
}

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles .right a:hover::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #c7000b;
}

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .school-tel {
  font-size: 16px;
  line-height: 16px;
  color: #282828;
  padding-top: 20px;
}

.helpqaq .main .school-faq.active .issue-help .more-problem {
  height: 42px;
  padding-top: 40px;
}

.helpqaq .main .school-faq.active .issue-help .more-problem .left {
  font-size: 18px;
  line-height: 42px;
  color: #565656;
}

.helpqaq .main .school-faq.active .issue-help .more-problem .left a {
  text-decoration: underline;
}

.helpqaq .main .school-faq.active .issue-help .more-problem .right {
  height: 100%;
}

.helpqaq .main .school-faq.active .issue-help .more-problem .right a {
  display: inline-block;
}

.helpqaq .main .school-faq.active .issue-help .more-problem .right a span {
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  color: #c7000b;
  border: 1px solid #c7000b;
  padding: 0 10px;
}

@media only screen and (max-width: 992px) {
  .helpqaq .main .title {
    padding: 4.16667rem 0 1.91667rem 0;
    text-align: center;
  }

  .helpqaq .main .title span {
    font-size: 1.41667rem;
    color: #808080;
    line-height: 1.41667rem;
    margin: 0 2.5rem;
    position: relative;
  }

  .helpqaq .main .title span:first-child {
    margin-left: 0;
  }

  .helpqaq .main .title span:last-child {
    margin-right: 0;
  }

  .helpqaq .main .title span.active {
    color: #c7000b;
  }

  .helpqaq .main .title span.active:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -1.5rem;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
    background: #c7000b;
  }

  .helpqaq .main .title i {
    display: inline-block;
    width: 0.08333rem;
    height: 1.5rem;
    background: #dcdddd;
  }

  .helpqaq .main .school-faq {
    display: none;
  }

  .helpqaq .main .school-faq.active {
    display: block;
  }

  .helpqaq .main .school-faq.active .recruitment-process {
    text-align: center;
  }

  .helpqaq .main .school-faq.active .recruitment-process .caption {
    padding: 3.75rem 0 2.125rem 0;
  }

  .helpqaq .main .school-faq.active .recruitment-process .caption h1 {
    font-size: 1.91667rem;
    color: #282828;
  }

  .helpqaq .main .school-faq.active .recruitment-process .flow-chart {
    overflow: hidden;
    margin: 0 auto;
    padding: 0 0 0.83333rem 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
  }

  .helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume {
    float: none;
    width: 6.66667rem;
    height: 6.83333rem;
    padding-bottom: 0.66667rem;
  }

  .helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume.little {
    width: 6.66667rem;
  }

  .helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume.arrow {
    width: 1.25rem;
  }

  .helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume.arrow img {
    display: block;
    width: 0.33333rem;
    padding-top: 1.25rem;
  }

  .helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume.arrow:nth-child(3n) {
    display: none;
  }

  .helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume img {
    width: 2.91667rem;
  }

  .helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume p {
    display: none;
  }

  .helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume h6 {
    display: block;
    font-size: 1rem;
    color: #282828;
    padding-top: 0.70833rem;
  }

  .helpqaq .main .school-faq.active .recruitment-process .flow-chart .active {
    display: none;
  }

  .helpqaq .main .school-faq.active .issue-help {
    padding-bottom: 4.16667rem;
  }

  .helpqaq .main .school-faq.active .issue-help .title-help {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 3.33333rem;
    text-align: center;
  }

  .helpqaq .main .school-faq.active .issue-help .title-help h1 {
    font-size: 1.91667rem;
    line-height: 1.91667rem;
    color: #282828;
  }

  .helpqaq .main .school-faq.active .issue-help .title-help .chooser {
    padding-top: 2.5rem;
    width: 23.33333rem;
  }

  .helpqaq .main .school-faq.active .issue-help .title-help .chooser .faq-nav {
    font-size: 0;
    width: 100%;
  }

  .helpqaq .main .school-faq.active .issue-help .title-help .chooser .faq-nav.vice-nav {
    position: fixed;
    top: 4.58333rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
  }

  .helpqaq .main .school-faq.active .issue-help .title-help .chooser .faq-nav a {
    display: inline-block;
    width: 100%;
    height: 2.83333rem;
    font-size: 1.25rem;
    line-height: 2.83333rem;
    color: #808080;
    background: #f7f7f7;
    margin-right: 1%;
    margin-bottom: 0.16667rem;
  }

  .helpqaq .main .school-faq.active .issue-help .title-help .chooser .faq-nav a:last-child {
    margin-right: 1%;
  }

  .helpqaq .main .school-faq.active .issue-help .list-title {
    font-size: 1.41667rem;
    line-height: 1.41667rem;
    color: #c7000b;
    padding: 2.5rem 1.66667rem;
    border-bottom: 1px solid #ebebeb;
  }

  .helpqaq .main .school-faq.active .issue-help .help-list ul .item {
    padding: 3.33333rem 0;
    border-bottom: 1px solid #ebebeb;
  }

  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box {
    padding: 0 0 0 0;
  }

  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box h1 {
    font-size: 1.41667rem;
    line-height: 1.58333rem;
    color: #282828;
    padding-left: 1.66667rem;
    background: url(../images/index/helping.png) no-repeat left top;
    background-size: 1.41667rem auto;
  }

  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main {
    padding: 0.83333rem 0 0 1.66667rem;
  }

  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main h2 {
    font-size: 0.91667rem;
    line-height: 1.33333rem;
    color: #282828;
    padding-bottom: 0.33333rem;
  }

  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main p {
    font-size: 0.91667rem;
    line-height: 1.33333rem;
    color: #282828;
  }

  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .link-tel a {
    color: #c7000b;
    text-decoration: underline;
  }

  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main span {
    font-size: 0.91667rem;
    line-height: 1.33333rem;
    color: #282828;
  }

  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .img1 {
    padding-top: 0.41667rem;
    height: auto;
    width: 100%;
  }

  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .img2 {
    padding-top: 0.41667rem;
    height: auto;
    width: 100%;
  }

  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .img3 {
    padding-top: 0.41667rem;
    height: auto;
    width: 100%;
  }

  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list {
    margin-top: 0.41667rem;
  }

  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail {
    border: 1px solid #f1f0f0;
  }

  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles {
    border-bottom: 1px solid #f1f0f0;
    padding-left: 0.41667rem;
  }

  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles:last-child {
    border-bottom: none;
  }

  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles:first-child {
    display: none;
  }

  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles .left {
    float: none;
    width: auto;
    font-size: 1rem;
    line-height: 1.41667rem;
    color: #282828;
    padding-left: 0;
    padding-top: 0.41667rem;
  }

  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles .right {
    float: none;
    font-size: 1rem;
    line-height: 1.41667rem;
    color: #282828;
    padding-left: 0;
    border-left: none;
    font-weight: 600;
    padding: 0.41667rem 0;
  }

  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles .right a {
    color: #c7000b;
  }

  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles .right a:hover {
    color: #c7000b;
    position: relative;
  }

  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles .right a:hover::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #c7000b;
  }

  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .school-tel {
    font-size: 1.08333rem;
    line-height: 1.08333rem;
    color: #282828;
    padding-top: 0.83333rem;
  }

  .helpqaq .main .school-faq.active .issue-help .more-problem {
    height: auto;
    padding-top: 1.66667rem;
  }

  .helpqaq .main .school-faq.active .issue-help .more-problem .left {
    float: none;
    font-size: 1rem;
    line-height: 1.75rem;
    color: #565656;
  }

  .helpqaq .main .school-faq.active .issue-help .more-problem .right {
    height: 100%;
    float: none;
  }

  .helpqaq .main .school-faq.active .issue-help .more-problem .right a {
    display: inline-block;
  }

  .helpqaq .main .school-faq.active .issue-help .more-problem .right a span {
    display: inline-block;
    font-size: 1rem;
    line-height: 2.83333rem;
    color: #c7000b;
    border: 1px solid #c7000b;
    padding: 0 0.83333rem;
    margin-top: 0.83333rem;
  }
}

/*招聘专线*/
.recruitment-line {
  background: #fff;
}

.recruitment-line .main {
  padding: 18px 0 100px 0;
}

.recruitment-line .main .title {
  padding-top: 40px;
}

.recruitment-line .main .title h1 {
  font-size: 38px;
  line-height: 1.1;
  color: #282828;
}

.recruitment-line .main .title .site {
  padding-top: 50px;
  border-bottom: 1px solid #c7000b;
  font-size: 22px;
  line-height: 30px;
  color: #c7000b;
  padding-bottom: 30px;
}

.recruitment-line .main .title .site .left {
  width: 52.44%;
  padding-left: 50px;
  background: url(../images/index/icon-01.png) no-repeat left center;
  background-size: auto 30px;
}

.recruitment-line .main .title .site .right {
  padding-left: 60px;
  background: url(../images/index/icon-02.png) no-repeat left center;
  background-size: auto 30px;
}

.recruitment-line .main .list ul .item {
  border-bottom: 1px solid #ebebeb;
  width: 100%;
}

.recruitment-line .main .list ul .item .warp {
  padding: 30px 0;
}

.recruitment-line .main .list ul .item .warp .left {
  width: 52.44%;
  font-size: 20px;
  line-height: 1.1;
  color: #565656;
  padding-right: 50px;
}

.recruitment-line .main .list ul .item .warp .right {
  font-size: 16px;
  line-height: 1.1;
  color: #808080;
}

.recruitment-line .main .touch-mode {
  padding-top: 40px;
}

.recruitment-line .main .touch-mode .mode {
  padding-right: 160px;
}

.recruitment-line .main .touch-mode .mode:last-child {
  padding-right: 0;
}

.recruitment-line .main .touch-mode .mode img {
  width: 40px;
}

.recruitment-line .main .touch-mode .mode h3 {
  font-size: 16px;
  line-height: 1.1;
  color: #c7000b;
  padding-top: 16px;
}

.recruitment-line .main .touch-mode .mode p {
  font-size: 16px;
  line-height: 1.1;
  color: #424242;
  padding-top: 10px;
}

@media only screen and (max-width: 992px) {
  .recruitment-line {
    background: #fff;
  }

  .recruitment-line .main {
    padding: 0 0 4.16667rem 0;
  }

  .recruitment-line .main .title {
    padding-top: 1.66667rem;
  }

  .recruitment-line .main .title h1 {
    font-size: 1.75rem;
    line-height: 1.1;
    color: #282828;
  }

  .recruitment-line .main .title .site {
    padding-top: 2.08333rem;
    border-bottom: 1px solid #c7000b;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #c7000b;
    padding-bottom: 1.66667rem;
  }

  .recruitment-line .main .title .site .left {
    float: none;
    width: 40.44%;
    padding-left: 1.66667rem;
    background: url(../images/index/icon-01.png) no-repeat left center;
    background-size: 1.20833rem 1.08333rem;
  }

  .recruitment-line .main .title .site .right {
    float: none;
    padding-left: 2.08333rem;
    background: url(../images/index/icon-02.png) no-repeat left center;
    background-size: 1.20833rem 1.08333rem;
    margin-top: 1.66667rem;
  }

  .recruitment-line .main .list ul .item {
    border-bottom: 1px solid #ebebeb;
    width: 100%;
  }

  .recruitment-line .main .list ul .item .warp {
    padding: 1.25rem 0;
  }

  .recruitment-line .main .list ul .item .warp .left {
    float: none;
    width: auto;
    font-size: 0.83333rem;
    line-height: 1.1;
    color: #565656;
    padding-right: 1.66667rem;
  }

  .recruitment-line .main .list ul .item .warp .right {
    float: none;
    font-size: 0.66667rem;
    line-height: 1.1;
    color: #808080;
    padding-top: 0.41667rem;
  }

  .recruitment-line .main .touch-mode {
    padding-top: 1.66667rem;
  }

  .recruitment-line .main .touch-mode .mode {
    padding-right: 0;
    float: none;
    padding-top: 2.5rem;
  }

  .recruitment-line .main .touch-mode .mode:first-child {
    padding-top: 0;
  }

  .recruitment-line .main .touch-mode .mode:last-child {
    padding-right: 0;
  }

  .recruitment-line .main .touch-mode .mode .left {
    float: left;
  }

  .recruitment-line .main .touch-mode .mode .left img {
    width: 2.5rem;
  }

  .recruitment-line .main .touch-mode .mode .touch {
    float: left;
    padding-left: 1.66667rem;
  }

  .recruitment-line .main .touch-mode .mode .touch h3 {
    font-size: 1rem;
    line-height: 1.1;
    color: #c7000b;
    padding-top: 0;
  }

  .recruitment-line .main .touch-mode .mode .touch p {
    font-size: 1rem;
    line-height: 1.1;
    color: #424242;
    padding-top: 0.41667rem;
    width: 18.33333rem;
  }
}

/* overlay */
.overlay {
  position: absolute;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1100;
  background-color: #555;
  opacity: 0.6;
}

.fbox-wrap {
  width: 585px;
  position: absolute;
  position: fixed;
  background: white;
  top: 18%;
  left: 50%;
  z-index: 1101;
  margin-left: -292.5px;
}

.fbox-wrap .content {
  padding: 50px 30px 20px 30px;
}

.fbox-wrap .content h1 {
  font-weight: normal;
  font-size: 22px;
  color: #282828;
}

.fbox-wrap .btn-close {
  position: absolute;
  width: 17px;
  height: 17px;
  background: url(../images/icon_pupup_close.png) no-repeat center;
  top: 15px;
  right: 15px;
}

.fbox-wrap.weixin-qrcode {
  width: 292px;
  margin-left: -146px;
}

.fbox-wrap.weixin-qrcode .content {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 0;
}

.fbox-wrap.weixin-qrcode .content #feedback-form {
  display: none;
}

.fbox-wrap.weixin-qrcode .content table {
  display: block;
  margin: 0 auto;
  width: 100% !important;
  margin-top: 20px;
}

.fbox-video {
  width: 980px;
  height: 550px;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 1101;
  margin-left: -490px;
  margin-top: -275px;
  background: black;
}

.fbox-video #mediaplayer {
  width: 100%;
  height: 100%;
}

.fbox-video #video-btn-group {
  position: absolute;
  text-align: center;
  width: 100%;
  left: 0;
  height: 45px;
  margin-top: 10px;
  display: none;
}

.fbox-video #video-btn-group a {
  display: inline-block;
  line-height: 45px;
  height: 45px;
  background-color: #222;
  border-radius: 45px;
  color: white;
  padding: 0 12px;
}

.fbox-video #video-btn-group a i {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.8;
}

.fbox-video #video-btn-group a i.video-download {
  width: 60px;
  background-image: url(../images/icon-download.png);
  background-size: auto 40%;
}

.fbox-video #video-btn-group a:hover i {
  opacity: 1;
}

.fbox-video .close_video {
  display: none;
}

@media (max-width: 750px) {
  .fbox-video {
    width: 100%;
    height: 16.66667rem;
    position: fixed;
    left: 0%;
    top: 50%;
    z-index: 1101;
    margin-left: 0;
    margin-top: -4.375rem;
    background: black;
  }

  .fbox-video #mediaplayer {
    width: 100%;
    height: 100%;
  }

  .fbox-video #video-btn-group {
    height: 1.45833rem;
    margin-top: 0.33333rem;
  }

  .fbox-video #video-btn-group a {
    line-height: 1.45833rem;
    height: 1.45833rem;
    border-radius: 1.45833rem;
    padding: 0 0.41667rem;
  }

  .fbox-video #video-btn-group a i.video-download {
    width: 1.66667rem;
    background-image: url(../images/icon-download.png);
    background-size: auto 40%;
  }

  .fbox-video .close_video {
    display: block;
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    background: url(../images/vd_close.png) no-repeat center;
    z-index: 999;
    right: 0;
    top: -1.25rem;
  }

  .overlay {
    opacity: 0.8;
  }
}

/*个人中心首页*/
.user-index {
  background: #fff;
}

.user-index .main {
  padding-bottom: 10px;
}

.user-index .main .user-container {
  width: 1106px;
  margin: 0 auto;
}

.user-index .main .user-container .title {
  padding: 40px 0;
}

.user-index .main .user-container .title h1 {
  font-size: 42px;
  line-height: 1.1;
  color: #282828;
}

.user-index .main .user-container .title .message span {
  font-size: 18px;
  line-height: 42px;
  color: #231815;
  padding-left: 28px;
  background-image: url(../images/index/user-email.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 19px 14px;
  position: relative;
}

.user-index .main .user-container .title .message span:before {
  content: '';
  width: 7px;
  height: 7px;
  background-color: #c7000b;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 15px;
}

.user-index .main .user-container .user-name {
  background: #e3ebf2;
}

.user-index .main .user-container .user-name .name {
  padding-left: 20px;
}

.user-index .main .user-container .user-name .name .user-title {
  font-size: 16px;
  line-height: 70px;
  color: #595757;
}

.user-index .main .user-container .user-name .name .account-number {
  font-size: 18px;
  line-height: 70px;
  color: #282828;
}

.user-index .main .user-container .user-name .right {
  padding-right: 20px;
}

.user-index .main .user-container .user-name .right .text {
  font-size: 18px;
  line-height: 70px;
  color: #231815;
  padding-right: 30px;
}

.user-index .main .user-container .user-name .right a {
  margin-top: 13px;
}

.user-index .main .user-container .user-name .right a span {
  display: inline-block;
  height: 42px;
  font-size: 16px;
  line-height: 42px;
  color: #fff;
  background: #c7000b;
  padding: 0 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.user-index .main .user-container .detail-list {
  padding-top: 30px;
}

.user-index .main .user-container .detail-list .item {
  width: 250px;
  background-color: #f8f8f8;
  margin-right: 32px;
  /*padding-bottom: 25px;*/
  height: 163px;
  position: relative;
}

.user-index .main .user-container .detail-list .item:last-child {
  margin-right: 0;
}

.user-index .main .user-container .detail-list .item .box {
  padding: 29px 0 0 30px;
}

.user-index .main .user-container .detail-list .item .box h1 {
  font-size: 24px;
  line-height: 38px;
  color: #282828;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 44px 38px;
  padding-left: 54px;
}

.user-index .main .user-container .detail-list .item .box .btn {
  padding-top: 29px;
  font-size: 0;
  position: absolute;
  bottom: 20px;
  left: 30px;
}

.user-index .main .user-container .detail-list .item .box .btn a {
  display: inline-block;
  margin-right: 20px;
}

.user-index .main .user-container .detail-list .item .box .btn a:last-child {
  margin-right: 0;
}

.user-index .main .user-container .detail-list .item .box .btn a span,.user-index .main .btn a span {
  display: inline-block;
  height: 42px;
  font-size: 16px;
  line-height: 42px;
  color: #ffffff;
  background: #c7000b;
  padding: 0 22px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.user-index .main .user-container .detail-list .item .box .btn a span.delete {
  background: #dcdddd;
  color: #231815;
}

.user-index .main .user-container .exit-btn {
  padding-top: 40px;
}

.user-index .main .user-container .exit-btn a {
  display: inline-block;
  font-size: 16px;
  line-height: 40px;
  color: #231815;
  padding: 0 39px;
  cursor: pointer;
  border: 1px solid #231815;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.user-index .main .user-container .exit-btn a:hover {
  border: 1px solid #c7000b;
  color: #c7000b;
}

@media only screen and (max-width: 750px) {
  .user-index {
    background: #fff;
  }

  .user-index .main {}

  .user-index .main .user-container {
    width: auto;
    padding: 0 1.66667rem 4.16667rem 1.66667rem;
  }

  .user-index .main .user-container .title {
    padding: 2.91667rem 0 2.5rem 0;
  }

  .user-index .main .user-container .title h1 {
    font-size: 1.91667rem;
    line-height: 1.1;
    color: #282828;
  }

  .user-index .main .user-container .title .message {
    padding-top: 0.83333rem;
  }

  .user-index .main .user-container .title .message span {
    font-size: 1rem;
    line-height: 1.1;
    color: #231815;
    padding-left: 1.58333rem;
    background-image: url(../images/index/user-email.png);
    background-repeat: no-repeat;
    background-position: left 0.33333rem;
    background-size: 1.04167rem 0.75rem;
    position: relative;
  }

  .user-index .main .user-container .title .message span:before {
    content: '';
    width: 0.29167rem;
    height: 0.29167rem;
    background-color: #c7000b;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0.20833rem;
    left: 0.83333rem;
  }

  .user-index .main .user-container .user-name {
    background: #e3ebf2;
    padding: 2.08333rem 0 2.5rem 1.58333rem;
    -moz-border-radius: 0.20833rem;
    -webkit-border-radius: 0.20833rem;
    border-radius: 0.20833rem;
  }

  .user-index .main .user-container .user-name .name {
    padding-left: 0;
    float: none;
  }

  .user-index .main .user-container .user-name .name .user-title {
    font-size: 1rem;
    line-height: 1.1;
    color: #595757;
    float: none;
  }

  .user-index .main .user-container .user-name .name .account-number {
    font-size: 1.33333rem;
    line-height: 1.1;
    color: #282828;
    float: none;
    padding-top: 0.58333rem;
  }

  .user-index .main .user-container .user-name .right {
    padding-right: 0;
    float: none;
    padding-top: 2rem;
  }

  .user-index .main .user-container .user-name .right .text {
    font-size: 1rem;
    line-height: 1.1;
    color: #231815;
    padding-right: 0;
    float: none;
  }

  .user-index .main .user-container .user-name .right a {
    float: none;
  }

  .user-index .main .user-container .user-name .right a span {
    display: inline-block;
    height: 2.91667rem;
    font-size: 1rem;
    line-height: 2.91667rem;
    color: #fff;
    background: #c7000b;
    padding: 0 0.83333rem;
    -moz-border-radius: 0.20833rem;
    -webkit-border-radius: 0.20833rem;
    border-radius: 0.20833rem;
    margin-top: 1.25rem;
  }

  .user-index .main .user-container .detail-list {
    padding-top: 0;
  }

  .user-index .main .user-container .detail-list .item {
    width: auto;
    height: 12.41667rem;
    background-color: #f8f8f8;
    margin-right: 0;
    float: none;
    -moz-border-radius: 0.20833rem;
    -webkit-border-radius: 0.20833rem;
    border-radius: 0.20833rem;
    margin-top: 1.66667rem;
    padding-bottom: 0;
  }

  .user-index .main .user-container .detail-list .item:first-child .btn {
    padding-left: 0.41667rem;
  }

  .user-index .main .user-container .detail-list .item .box {
    padding: 2.5rem 0 0 1.58333rem;
  }

  .user-index .main .user-container .detail-list .item .box h1 {
    font-size: 1.33333rem;
    line-height: 1.75rem;
    color: #282828;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 2.08333rem 1.75rem;
    padding-left: 2.75rem;
  }

  .user-index .main .user-container .detail-list .item .box .btn {
    padding-top: 2.83333rem;
    font-size: 0;
    bottom: 0.83333rem;
    left: 1.58333rem;
  }

  .user-index .main .user-container .detail-list .item .box .btn a {
    display: inline-block;
    margin-right: 0.83333rem;
  }

  .user-index .main .user-container .detail-list .item .box .btn a:last-child {
    margin-right: 0;
  }

  .user-index .main .user-container .detail-list .item .box .btn a span {
    display: inline-block;
    height: 2.91667rem;
    font-size: 1rem;
    line-height: 2.91667rem;
    color: #ffffff;
    background: #c7000b;
    padding: 0 1.5rem;
    -moz-border-radius: 0.20833rem;
    -webkit-border-radius: 0.20833rem;
    border-radius: 0.20833rem;
  }

  .user-index .main .user-container .detail-list .item .box .btn a span.delete {
    background: #dcdddd;
    color: #231815;
  }

  .user-index .main .user-container .exit-btn {
    padding-top: 3.25rem;
  }

  .user-index .main .user-container .exit-btn a {
    float: none;
    display: block;
    text-align: center;
    font-size: 1rem;
    line-height: 2.83333rem;
    color: #231815;
    padding: 0;
    border: 1px solid #231815;
    -moz-border-radius: 0.20833rem;
    -webkit-border-radius: 0.20833rem;
    border-radius: 0.20833rem;
  }
}

/*申请进展*/
.job-progress2 {
  background: #fff;
}

.job-progress2 .main {
  padding-bottom: 100px;
}

.job-progress2 .main .evolve-title {
  padding-top: 60px;
}

.job-progress2 .main .evolve-title h1 {
  font-size: 42px;
  line-height: 1.1;
  color: #282828;
}

.job-progress2 .main .number {
  padding: 0 0 30px 0;
}

.job-progress2 .main .number .module-corner-pages {
  font-size: 14px;
  color: #282828;
}

.job-progress2 .main .number .module-corner-pages span {
  color: #c7000b;
}

.job-progress2 .main .number .module-page-number {
  font-size: 14px;
  color: #282828;
}

.job-progress2 .main .number .module-page-number select {
  border: none;
}

.job-progress2 .main .evolve-list .item {
  background: #f8f8f8;
  padding: 40px 40px 40px 0;
}

.job-progress2 .main .evolve-list .item:nth-child(2n) {
  background: #fff;
}

.job-progress2 .main .evolve-list .item .section {
  padding-left: 40px;
}

.job-progress2 .main .evolve-list .item .section .claimer {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  line-height: 42px;
  padding: 0 40px;
  background: #c7000b;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-left: 5px;
}

.job-progress2 .main .evolve-list .item .section h2 {
  padding-bottom: 10px;
  font-size: 24px;
  line-height: 1.1;
  color: #231815;
}

.job-progress2 .main .evolve-list .item .section .text {
  padding-top: 10px;
  font-size: 0;
}

.job-progress2 .main .evolve-list .item .section .text p {
  display: inline-block;
  font-size: 14px;
  line-height: 1.1;
  color: #282828;
}

.job-progress2 .main .evolve-list .item .section .text span {
  font-size: 14px;
  line-height: 1.1;
  color: #282828;
  border-right: 1px solid #282828;
  padding: 0 10px;
}

.job-progress2 .main .evolve-list .item .section .text span:first-child {
  padding-left: 0;
}

.job-progress2 .main .evolve-list .item .section .text span:last-child {
  padding-right: 0;
  border-right: none;
}

.job-progress2 .main .evolve-list .item .evolve-detail {
  padding-top: 48px;
  padding-left: 22px;
}

.job-progress2 .main .evolve-list .item .evolve-detail .text-box {
  text-align: center;
  width: 108px;
  padding-top: 74px;
  background-image: url(../images/evolve-icon-1.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 50px;
  margin-right: 48px;
  position: relative;
}

.job-progress2 .main .evolve-list .item .evolve-detail .text-box.get-through {
  background-image: url(../images/evolve-icon-2.png);
}

.job-progress2 .main .evolve-list .item .evolve-detail .text-box.get-through::after {
  background-color: #c7000b;
}

.job-progress2 .main .evolve-list .item .evolve-detail .text-box.not-pass {
  background-image: url(../images/evolve-icon-3.png);
}

.job-progress2 .main .evolve-list .item .evolve-detail .text-box:last-child {
  margin-right: 0;
}

.job-progress2 .main .evolve-list .item .evolve-detail .text-box:last-child:after {
  content: ' ';
  width: 0;
  height: 0;
}

.job-progress2 .main .evolve-list .item .evolve-detail .text-box::after {
  content: '';
  height: 2px;
  width: 107px;
  background-color: #d2d2d2;
  position: absolute;
  top: 24px;
  left: 79px;
}

.job-progress2 .main .evolve-list .item .evolve-detail .text-box p {
  font-size: 18px;
  line-height: 1.1;
  color: #231815;
  padding-bottom: 14px;
}

.job-progress2 .main .evolve-list .item .evolve-detail .text-box span {
  font-size: 18px;
  line-height: 1.1;
  color: #595757;
  display: block;
}

.job-progress2 .main .evolve-list .item .evolve-detail .text-box a {
  color: #c7000b;
  margin-top: 10px;
  display: inline-block;
}

.job-progress2 .main .page-footer {
  padding-top: 38px;
}

.job-progress2 .main .page-footer .number-branches {
  float: left;
  font-size: 14px;
  color: #282828;
  padding-top: 14px;
}

.job-progress2 .main .page-footer .number-branches a {
  color: #c7000b;
}

.job-progress2 .main .page-footer .page-up-down {
  float: right;
}

.job-progress2 .main .page-footer .page-up-down a {
  display: inline-block;
  font-size: 14px;
  color: #282828;
  border: 1px solid #282828;
  border-radius: 3px;
  padding: 10px 31px 13px 31px;
  margin-left: 10px;
}

.job-progress2 .main .page-footer .page-up-down a:hover {
  color: #c7000b;
  border-color: #c7000b;
}

@media only screen and (max-width: 750px) {
  .job-progress2 {
    background: #fff;
  }

  .job-progress2 .main {
    padding-bottom: 4.16667rem;
  }

  .job-progress2 .main .index-container {
    padding: 0;
  }

  .job-progress2 .main .evolve-title {
    padding-top: 2.83333rem;
    padding-left: 1.66667rem;
  }

  .job-progress2 .main .evolve-title h1 {
    font-size: 1.91667rem;
    line-height: 1.1;
    color: #282828;
  }

  .job-progress2 .main .public-backAndShare {
    /* display: none;  */
  }

  .job-progress2 .main .number {
    padding: 1.66667rem 1.66667rem 1.08333rem 1.66667rem;
    float: none;
  }

  .job-progress2 .main .number .module-corner-pages {
    font-size: 1rem;
    color: #282828;
  }

  .job-progress2 .main .number .module-page-number {
    display: none;
  }

  .job-progress2 .main .evolve-list .item {
    background: #f8f8f8;
    padding: 2.58333rem 1.66667rem 3.33333rem 1.66667rem;
  }

  .job-progress2 .main .evolve-list .item:nth-child(2n) {
    background: #fff;
  }

  .job-progress2 .main .evolve-list .item .section {
    padding-left: 0;
  }

  .job-progress2 .main .evolve-list .item .section .fl {
    float: none !important;
    margin: 20px 0 0;
  }

  .job-progress2 .main .evolve-list .item .section h2 {
    padding-bottom: 0.66667rem;
    font-size: 1.33333rem;
    line-height: 1.1;
    color: #231815;
  }

  .job-progress2 .main .evolve-list .item .section .text {
    padding-top: 0.83333rem;
    font-size: 0;
  }

  .job-progress2 .main .evolve-list .item .section .text p {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.1;
    color: #282828;
  }

  .job-progress2 .main .evolve-list .item .section .text span {
    font-size: 1rem;
    line-height: 1.1;
    color: #282828;
    border-right: 1px solid #282828;
    padding: 0 1rem;
  }

  .job-progress2 .main .evolve-list .item .section .text span:first-child {
    padding-left: 0;
  }

  .job-progress2 .main .evolve-list .item .section .text span:last-child {
    padding-right: 0;
    border-right: none;
  }

  .job-progress2 .main .evolve-list .item .evolve-detail {
    padding-top: 2.5rem;
    padding-left: 0;
  }

  .job-progress2 .main .evolve-list .item .evolve-detail .text-box {
    float: none;
    text-align: left;
    width: auto;
    height: 2.91667rem;
    padding-top: 0;
    padding-left: 4.58333rem;
    background-image: url(../images/evolve-icon-1.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 2.91667rem;
    margin-right: 0;
    margin-bottom: 3.33333rem;
    position: relative;
  }

  .job-progress2 .main .evolve-list .item .evolve-detail .text-box.get-through {
    background-image: url(../images/evolve-icon-2.png);
  }

  .job-progress2 .main .evolve-list .item .evolve-detail .text-box.get-through::after {
    background-color: #c7000b;
  }

  .job-progress2 .main .evolve-list .item .evolve-detail .text-box.not-pass {
    background-image: url(../images/evolve-icon-3.png);
  }

  .job-progress2 .main .evolve-list .item .evolve-detail .text-box:last-child {
    margin-right: 0;
  }

  .job-progress2 .main .evolve-list .item .evolve-detail .text-box:last-child:after {
    content: ' ';
    width: 0;
    height: 0;
  }

  .job-progress2 .main .evolve-list .item .evolve-detail .text-box::after {
    content: '';
    height: 3.33333rem;
    width: 0.08333rem;
    background-color: #d2d2d2;
    position: absolute;
    left: 1.41667rem;
    top: 2.91667rem;
  }

  .job-progress2 .main .evolve-list .item .evolve-detail .text-box p {
    font-size: 1rem;
    line-height: 1.1;
    color: #231815;
    padding-bottom: 0.41667rem;
  }

  .job-progress2 .main .evolve-list .item .evolve-detail .text-box span {
    font-size: 1rem;
    line-height: 1.1;
    color: #595757;
  }

  .job-progress2 .main .evolve-list .item .evolve-detail .text-box a {
    margin-top: 0.33333rem;
  }

  .job-progress2 .main .page-footer {
    padding: 1.41667rem 1.66667rem 0.83333rem 1.66667rem;
  }

  .job-progress2 .main .page-footer .number-branches {
    float: none;
    font-size: 1rem;
    color: #282828;
    padding-bottom: 2.04167rem;
  }

  .job-progress2 .main .page-footer .number-branches a {
    color: #c7000b;
  }

  .job-progress2 .main .page-footer .page-up-down {
    float: none;
  }

  .job-progress2 .main .page-footer .page-up-down a {
    font-size: 1rem;
    color: #282828;
    border: 0.04167rem solid #282828;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    padding: 0 2.08333rem;
    margin-left: 0;
    margin-right: 0.33333rem;
    line-height: 2.75rem;
  }
}

.header-pc-user-leaning-zone {
  width: 148px !important;
  height: 24px;
  background: url(../images/vision-entry-bg.svg);
  color: #fff !important;
  text-align: center;
  margin: 0 10px;
}