.focus-bg-img {
  width: 100%;
  height: 738px;
  color: #fff;
  overflow: hidden;
  position: relative;
  /*background-size: 200%;
  background: url(../images/product_xcx/bg_top.png) no-repeat -200px 0;*/ }

.focus-bg-img .focus-bg-img-l {
  width: 306px;
  height: 738px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: url(../images/product_xcx/xcxBgL.png) no-repeat 0 0;
  background-size: cover;
  z-index: 101; }

.focus-bg-img .focus-bg-img-r {
  width: 670px;
  height: 738px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: url(../images/product_xcx/xcxBgR.png) no-repeat 0 0;
  background-size: cover;
  z-index: 100; }

.focus-bg-img1 {
  width: 100%;
  height: 930px;
  overflow: hidden;
  background: url(../images/product_xcx/bg_center.png) no-repeat center center;
  background-size: cover; }

.font-23A5FD {
  color: #23A5FD; }

.xcx-top {
  position: absolute;
  left: 340px;
  top: 164px;
  width: 432px;
  z-index: 120; }

.title_black {
  color: #333333; }

.xcx_list {
  width: 88%;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  margin-bottom: 50px; }

.xcx_list_item {
  width: 320px;
  height: 460px;
  background: #FFFFFF;
  padding-bottom: 30px; }

.xcxCommission_list {
  width: 95%;
  margin: 0 auto;
  overflow: hidden; }

.xcxCommission_list_item {
  width: 244px;
  height: 244px;
  margin: 10px;
  background: #FFFFFF; }

@media screen and (max-width: 440px) {
  .sider .focus-bg-img {
    height: 400px !important; }
    .sider .focus-bg-img .focus-bg-img-l {
      display: none; }
    .sider .focus-bg-img .focus-bg-img-r {
      display: none; }
    .sider .focus-bg-img .xcx-top {
      left: 10% !important;
      top: 15% !important; }
  .sider .focus-bg-img1 {
    height: auto !important;
    padding-bottom: 50px; }
  .sider .xcxFTitle {
    font-size: 2.7rem !important; }
  .sider .w_ky bg_gray {
    padding-bottom: 50px !important; }
  .sider .xcx_list {
    flex-wrap: wrap; }
  .sider .xcxCommission_list {
    width: 88%; }
    .sider .xcxCommission_list .xcxCommission_list_item {
      width: 48% !important;
      margin-top: 0;
      margin-left: 0; }
      .sider .xcxCommission_list .xcxCommission_list_item:nth-child(2n) {
        margin-right: 0; } }

/*# sourceMappingURL=product_xcx.css.map */
