#takeout .banner {
  width: 100%;
  height: 420px;
  background: url("../img/takeout/bg.png") center;
  text-align: center;
  color: #fff; }
  #takeout .banner h2 {
    padding: 80px 0 40px; }
  #takeout .banner .bann_li {
    display: flex;
    display: -webkit-flex;
    justify-content: center; }
    #takeout .banner .bann_li li {
      width: 165px;
      height: 94px; }
      #takeout .banner .bann_li li .icon {
        width: 60px;
        height: 60px;
        margin: 0 auto;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.1) url("../img/takeout/bann1.png") center no-repeat; }
      #takeout .banner .bann_li li p {
        line-height: 32px;
        font-size: 12px; }
      #takeout .banner .bann_li li:nth-child(2) .icon {
        background-image: url("../img/takeout/bann2.png"); }
      #takeout .banner .bann_li li:nth-child(3) .icon {
        background-image: url("../img/takeout/bann3.png"); }
      #takeout .banner .bann_li li:nth-child(4) .icon {
        background-image: url("../img/takeout/bann4.png"); }
      #takeout .banner .bann_li li:nth-child(5) .icon {
        background-image: url("../img/takeout/bann5.png"); }
      #takeout .banner .bann_li li:nth-child(6) .icon {
        background-image: url("../img/takeout/bann6.png"); }
  #takeout .banner a {
    display: inline-block;
    width: 180px;
    height: 40px;
    margin: 25px 0;
    line-height: 40px;
    border-radius: 2px;
    font-size: 16px;
    color: #fff;
    background: url("../img/takeout/btn_bg.png"); }
  #takeout .banner .call {
    width: 200px;
    margin: 0px auto;
    font-size: 14px;
    line-height: 18px;
    box-sizing: border-box;
    padding-left: 28px;
    background: url("../img/custom/tel_icon.png") 8px no-repeat; }
#takeout .rising {
  text-align: center;
  background: #fff url("../img/takeout/01.png") center 45px no-repeat; }
  #takeout .rising .w_1200 {
    background: #fff url("../img/takeout/01.png") center 45px no-repeat; }
  #takeout .rising h3 {
    font-size: 30px;
    font-weight: bold;
    color: #4f4f4f;
    padding-top: 105px; }
  #takeout .rising .sub {
    font-size: 10px;
    line-height: 26px;
    color: rgba(79, 79, 79, 0.5); }
  #takeout .rising ul {
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    margin: 37px 0; }
    #takeout .rising ul li {
      width: 160px;
      padding-top: 180px;
      background: url("../img/takeout/icon1.png") no-repeat;
      font-size: 26px;
      color: #666; }
      #takeout .rising ul li:nth-child(2) {
        background-image: url("../img/takeout/icon2.png"); }
      #takeout .rising ul li:nth-child(3) {
        background-image: url("../img/takeout/icon3.png"); }
      #takeout .rising ul li:nth-child(4) {
        background-image: url("../img/takeout/icon4.png"); }
      #takeout .rising ul li:nth-child(5) {
        background-image: url("../img/takeout/icon5.png"); }
  #takeout .rising p {
    padding: 43px 0 75px;
    font-size: 22px;
    color: #999; }
#takeout .eg1 {
  height: 740px;
  background: url("../img/takeout/bg1.png") center; }
  #takeout .eg1 .w_1200 {
    height: 100%;
    background: url("../img/takeout/02.png") center 39px no-repeat; }
  #takeout .eg1 .eg_img {
    width: 480px;
    height: 100%;
    background: url("../img/takeout/phone1.png") 110px 50px no-repeat; }
  #takeout .eg1 .eg_con {
    width: 720px;
    padding-right: 80px;
    box-sizing: border-box;
    color: #935300; }
  #takeout .eg1 .title {
    padding: 96px 0 14px;
    font-size: 30px;
    font-weight: bold; }
  #takeout .eg1 .intro {
    font-size: 20px;
    line-height: 36px; }
  #takeout .eg1 .qrcode {
    padding-left: 8px; }
    #takeout .eg1 .qrcode p {
      height: 18px;
      margin: 32px 0 27px;
      font-size: 18px;
      font-weight: bold; }
      #takeout .eg1 .qrcode p i {
        display: inline-block;
        width: 4px;
        height: 18px;
        border-radius: 2px;
        margin-right: 17px;
        margin-bottom: -3px;
        background: #935300; }
    #takeout .eg1 .qrcode .qr_img {
      display: inline-block;
      width: 180px;
      height: 220px;
      padding-top: 183px;
      box-sizing: border-box;
      border-radius: 10px;
      background: #fff url("../img/takeout/eg11.png") center 15px no-repeat;
      font-size: 18px;
      color: #666;
      text-align: center; }
      #takeout .eg1 .qrcode .qr_img:nth-of-type(2) {
        margin-left: 15px;
        background-image: url("../img/takeout/eg12.png"); }
  #takeout .eg1 .tips {
    margin-top: 40px; }
    #takeout .eg1 .tips li {
      font-size: 18px;
      line-height: 34px; }
#takeout .eg2 {
  height: 740px;
  background: url("../img/takeout/bg2.png") center; }
  #takeout .eg2 .w_1200 {
    position: relative;
    height: 100%;
    background: url("../img/takeout/03.png") 115px 50px no-repeat; }
    #takeout .eg2 .w_1200 .dot {
      position: absolute;
      left: 115px;
      top: -40px;
      width: 96px;
      height: 78px;
      background: url("../img/takeout/dot.png"); }
  #takeout .eg2 .eg_img {
    width: 480px;
    height: 100%;
    background: url("../img/takeout/phone2.png") 50px 50px no-repeat; }
  #takeout .eg2 .eg_con {
    width: 720px;
    padding-left: 115px;
    box-sizing: border-box;
    color: #fff; }
  #takeout .eg2 .title {
    padding: 120px 0 14px;
    font-size: 30px;
    font-weight: bold; }
  #takeout .eg2 .intro {
    font-size: 20px;
    line-height: 36px; }
  #takeout .eg2 .qrcode {
    padding-left: 8px; }
    #takeout .eg2 .qrcode p {
      height: 18px;
      margin: 32px 0 27px;
      font-size: 18px;
      font-weight: bold; }
      #takeout .eg2 .qrcode p i {
        display: inline-block;
        width: 4px;
        height: 18px;
        border-radius: 2px;
        margin-right: 17px;
        margin-bottom: -3px;
        background: #fff; }
    #takeout .eg2 .qrcode .qr_img {
      display: inline-block;
      width: 180px;
      height: 220px;
      padding-top: 183px;
      box-sizing: border-box;
      border-radius: 10px;
      background: #fff url("../img/takeout/eg21.png") center 15px no-repeat;
      font-size: 18px;
      color: #666;
      text-align: center; }
      #takeout .eg2 .qrcode .qr_img:nth-of-type(2) {
        margin-left: 15px;
        background-image: url("../img/takeout/eg22.png"); }
  #takeout .eg2 .tips {
    margin-top: 40px; }
    #takeout .eg2 .tips li {
      font-size: 18px;
      line-height: 34px; }
#takeout .marketing {
  height: 940px;
  text-align: center;
  background: url("../img/takeout/bg3.png") center; }
  #takeout .marketing .w_1200 {
    height: 100%;
    background: url("../img/takeout/04.png") center 40px no-repeat; }
  #takeout .marketing h3 {
    font-size: 30px;
    font-weight: bold;
    color: #505050;
    padding-top: 95px; }
  #takeout .marketing .sub {
    font-size: 10px;
    line-height: 26px;
    color: rgba(80, 80, 80, 0.5); }
  #takeout .marketing ul {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 35px 50px 0; }
  #takeout .marketing li {
    width: 350px;
    height: 100px;
    box-sizing: border-box;
    padding-left: 90px;
    margin-bottom: 18px;
    border-radius: 4px;
    background: #fff url("../img/takeout/m1.png") 20px center no-repeat;
    text-align: left; }
    #takeout .marketing li .title {
      font-size: 16px;
      color: #222;
      margin: 29px 0 15px; }
    #takeout .marketing li p {
      font-size: 12px;
      color: #8d8d8d; }
    #takeout .marketing li:nth-child(2) {
      background-image: url("../img/takeout/m2.png"); }
    #takeout .marketing li:nth-child(3) {
      background-image: url("../img/takeout/m3.png"); }
    #takeout .marketing li:nth-child(4) {
      background-image: url("../img/takeout/m4.png"); }
    #takeout .marketing li:nth-child(5) {
      background-image: url("../img/takeout/m5.png"); }
    #takeout .marketing li:nth-child(6) {
      background-image: url("../img/takeout/m6.png"); }
    #takeout .marketing li:nth-child(7) {
      background-image: url("../img/takeout/m7.png"); }
    #takeout .marketing li:nth-child(8) {
      background-image: url("../img/takeout/m8.png"); }
    #takeout .marketing li:nth-child(9) {
      background-image: url("../img/takeout/m9.png"); }
    #takeout .marketing li:nth-child(10) {
      background-image: url("../img/takeout/m10.png"); }
    #takeout .marketing li:nth-child(11) {
      background-image: url("../img/takeout/m11.png"); }
    #takeout .marketing li:nth-child(12) {
      background-image: url("../img/takeout/m12.png"); }
    #takeout .marketing li:nth-child(13) {
      background-image: url("../img/takeout/m13.png"); }
    #takeout .marketing li:nth-child(14) {
      background-image: url("../img/takeout/m14.png"); }
    #takeout .marketing li:nth-child(15) {
      background-image: url("../img/takeout/m15.png"); }
    #takeout .marketing li:nth-child(16) {
      background-image: url("../img/takeout/m16.png"); }
    #takeout .marketing li:nth-child(17) {
      background-image: url("../img/takeout/m17.png"); }
    #takeout .marketing li:nth-child(18) {
      background-image: url("../img/takeout/m18.png"); }
#takeout .nearby {
  height: 840px;
  background: #fafafa;
  text-align: center; }
  #takeout .nearby .w_1200 {
    height: 100%;
    background: url("../img/takeout/05bg.png") center 175px no-repeat, url("../img/takeout/05.png") center 20px no-repeat; }
  #takeout .nearby h3 {
    font-size: 30px;
    font-weight: bold;
    color: #505050;
    padding-top: 90px; }
  #takeout .nearby .sub {
    font-size: 10px;
    line-height: 26px;
    color: rgba(80, 80, 80, 0.5); }
  #takeout .nearby p {
    font-size: 22px;
    color: #666; }
#takeout .integration {
  height: 840px;
  background: url("../img/takeout/06bg.png") center 185px no-repeat, url("../img/takeout/bg4.png") center;
  text-align: center;
  color: #fff; }
  #takeout .integration .w_1200 {
    height: 100%;
    background: url("../img/takeout/06.png") center 20px no-repeat; }
  #takeout .integration h3 {
    font-size: 30px;
    font-weight: bold;
    padding-top: 90px; }
  #takeout .integration .sub {
    font-size: 10px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.2); }
  #takeout .integration p {
    padding-top: 8px;
    font-size: 22px;
    color: #d6d6d6; }
#takeout .support {
  height: 840px;
  background: url("../img/takeout/07bg.png") center;
  text-align: center; }
  #takeout .support .w_1200 {
    height: 100%;
    background: url("../img/takeout/07.png") center 40px no-repeat; }
  #takeout .support h3 {
    font-size: 30px;
    font-weight: bold;
    padding-top: 95px;
    color: #505050; }
  #takeout .support .sub {
    font-size: 10px;
    line-height: 26px;
    color: rgba(80, 80, 80, 0.5); }
  #takeout .support ul {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    flex-wrap: wrap; }
  #takeout .support li {
    width: 250px;
    height: 120px;
    margin-top: 77px; }
    #takeout .support li .icon {
      width: 74px;
      height: 74px;
      margin: 0 auto;
      border-radius: 50%;
      background: url("../img/takeout/sup1.png"); }
    #takeout .support li p {
      margin-top: 20px;
      font-size: 16px;
      color: #666; }
    #takeout .support li:nth-child(2) .icon {
      background: url("../img/takeout/sup2.png"); }
    #takeout .support li:nth-child(3) .icon {
      background: url("../img/takeout/sup3.png"); }
    #takeout .support li:nth-child(4) .icon {
      background: url("../img/takeout/sup4.png"); }
    #takeout .support li:nth-child(5) .icon {
      background: url("../img/takeout/sup5.png"); }
    #takeout .support li:nth-child(6) .icon {
      background: url("../img/takeout/sup6.png"); }
    #takeout .support li:nth-child(7) .icon {
      background: url("../img/takeout/sup7.png"); }
    #takeout .support li:nth-child(8) .icon {
      background: url("../img/takeout/sup8.png"); }
    #takeout .support li:nth-child(9) .icon {
      background: url("../img/takeout/sup9.png"); }
    #takeout .support li:nth-child(10) .icon {
      background: url("../img/takeout/sup10.png"); }
    #takeout .support li:nth-child(11) .icon {
      background: url("../img/takeout/sup11.png"); }
    #takeout .support li:nth-child(12) .icon {
      background: url("../img/takeout/sup12.png"); }
#takeout .users {
  height: 840px;
  background: url("../img/takeout/08bg.png") center;
  text-align: center; }
  #takeout .users .w_1200 {
    height: 100%;
    background: url("../img/takeout/08.png") center 28px no-repeat; }
  #takeout .users h3 {
    font-size: 30px;
    font-weight: bold;
    padding-top: 85px;
    color: #505050; }
  #takeout .users .sub {
    font-size: 10px;
    line-height: 26px;
    color: rgba(80, 80, 80, 0.5); }
  #takeout .users ul {
    padding: 35px 115px 0;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  #takeout .users li {
    width: 220px;
    height: 280px;
    border-radius: 6px;
    margin-bottom: 28px;
    background: #fff; }
    #takeout .users li .icon {
      width: 100%;
      height: 223px;
      background: url("../img/takeout/code1.png") center no-repeat; }
    #takeout .users li p {
      padding-top: 20px;
      margin: 0 10px;
      border-top: 1px solid #e9e9e9;
      font-size: 16px;
      font-weight: bold;
      color: #505050; }
    #takeout .users li:nth-child(2) .icon {
      background-image: url("../img/takeout/code2.png"); }
    #takeout .users li:nth-child(3) .icon {
      background-image: url("../img/takeout/code3.png"); }
    #takeout .users li:nth-child(4) .icon {
      background-image: url("../img/takeout/code4.png"); }
    #takeout .users li:nth-child(5) .icon {
      background-image: url("../img/takeout/code5.png"); }
    #takeout .users li:nth-child(6) .icon {
      background-image: url("../img/takeout/code6.png"); }
    #takeout .users li:nth-child(7) .icon {
      background-image: url("../img/takeout/code7.png"); }
    #takeout .users li:nth-child(8) .icon {
      background-image: url("../img/takeout/code8.png"); }

/*# sourceMappingURL=takeout.css.map */