/*
Theme Name: 诺想投票官网
Theme URI: https://www.nuoapp.com
Author: nuoapp
Author URI: https://www.nuoapp.com
Description: 诺想旗下产品
Version: 1.0
License: 诺想版权所有
*/

/* --------Reset-------- */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,hr { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
fieldset,img,abbr,acronym { border: 0; }
address,caption,cite,code,dfn,th,var,legend,b,i,h1,h2,h3,h4,h5,h6 { font-size: 1em; font-style: normal; font-weight: 400; }
ol,ul { list-style: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* --------Base-------- */
body,legend,input,select,textarea,button { font: 400 14px/1.5 Helvetica, "PingFang SC", "Microsoft YaHei", '微软雅黑', Arial, sans-serif; color: #2a2a2a; }
abbr,acronym { border-bottom: 1px dotted #aaa; cursor: help; }
p { margin-bottom: 1.5em; }
th,td { padding: 10px; }
strong { font-weight: 700; }
input,textarea { padding: 2px 4px; }
textarea { line-height: 1.5; overflow: auto; resize: none; }
small { font-size: .9em; }
code,kbd,pre,samp { font-family: Consolas, 'courier new', monospace; }
button { border: 0; cursor: pointer; background: transparent; }
input[disabled], input[readonly] { background: #f0f0f0 !important; cursor: not-allowed; }
button[disabled] { color: #fff !important; background: #c7c7c7 !important; cursor: not-allowed; }
sup { position: relative; top: -3px; vertical-align: top; }
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

/* --------Global-------- */
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.red { color: #F00; }
.fl { float: left; }
.fr { float: right; }
.fz0 { font-size: 0; line-height: 0; }
.br3 { border-radius: 3px; }
.br5 { border-radius: 5px; }
.br50 { border-radius: 50%; }
.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }
.vat { vertical-align: top; }
.mrla { margin-left: auto; margin-right: auto; }
.btn, button { display: inline-block; text-align: center; transition-duration: .2s; }
.dropdown { position: relative; z-index: 1; display: inline-block; }
.dropdown .p { display: block; line-height: 30px; }
.dropdown .p i { display: inline-block; font-size: 10px; margin-left: 5px; vertical-align: top; }
.dropdown .son { display: none; position: absolute; min-width: 100%; }
.dropdown.expand { z-index: 2; }
i.icon-down-open:before { transition-duration: .2s; }
.expand i.icon-down-open:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.iconfont { line-height: 1; }
.symbol-icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }

/* --------Current-------- */
body { background: #fff; }
a { color: #7A84F0; text-decoration: none; transition-duration: .2s; }

.main-wrap { max-width: 1340px; padding-left: 30px; padding-right: 30px; margin-left: auto; margin-right: auto; }
.btn-red { width: 170px; height: 50px; line-height: 50px; font-size: 18px; font-weight: 700; background: #F65501; color: #fff; border-radius: 25px; box-shadow: 0 3px 8px rgba(246, 85, 1, .5); }
.btn-red:hover { background: #e44e00;color:#fff; }
  .btn-red i { margin-left: 10px; font-size: 18px; }
.btn-blue { width: 170px; height: 50px; line-height: 50px; font-size: 18px; font-weight: 700; background: #7A84F0; color: #fff; border-radius: 25px; box-shadow: 0 3px 8px rgba(122, 132, 240, .5); }
.btn-blue:hover { background: #737CE2; }
  .btn-blue i { margin-left: 10px; font-size: 18px; }
.btn-white { width: 100%; height: 50px; line-height: 50px; font-size: 18px; font-weight: 700; background: #fff; color: #000; border-radius: 25px; box-shadow: 0 2px 8px rgba(0, 0, 0, .05); }
  .btn-white i { margin-left: 25px; font-size: 18px; }
.btn-border { width: 170px; height: 50px; line-height: 46px; font-size: 18px; font-weight: 700; color: #7A84F0; border: 2px solid rgba(122, 132, 240, .3); border-radius: 25px; }
.btn-border:hover { background: #7A84F0; border-color: #7A84F0; color: #fff; }

header { position: absolute; z-index: 100; top: 30px; left: 0; right: 0; transition: background .3s; }
  header .logo { width: 210px; padding: 3px 0; margin-right: 120px; }
    header .logo img { width: 152px; height: 33px; margin-right: 3px; }
    header .logo span { height: 34px; line-height: 34px; font-size: 24px; color: #2a2a2a; font-weight: 300; }
    header .logo .help { color: #9B9B9B; }
  header nav a { position: relative; float: left; height: 40px; margin-right: 45px; line-height: 40px; font-size: 16px; color: #2a2a2a; }
  header nav a.active::after, header nav a:hover::after { position: absolute; content: ''; bottom: 0; left: 0; right: 0; width: 50%; height: 2px; margin: auto; background: #7A84F0; border-radius: 2px; }
  header .btns a { width: 110px; height: 40px; border: 2px solid rgba(122, 132, 240, .3); margin-left: 20px; border-radius: 20px; color: #7A84F0; font-weight: 400; font-size: 16px; text-align: center; line-height: 36px; }
  header .btns a.solid, header .btns a:hover { border-color: #7A84F0 !important; background: #7A84F0; color: #fff; }
  header .menu-trigger { display: none; }
  header .logined { height: 40px; line-height: 40px; color: #7A84F0; }
    header .logined .btn { width: 110px; height: 40px; border: 2px solid rgba(122, 132, 240, .3); margin-left: 15px; border-radius: 20px; color: #7A84F0; font-weight: 400; font-size: 16px; text-align: center; line-height: 36px; }
    header .logined .btn:hover { border-color: #7A84F0; background: #7A84F0; color: #fff; }
    header.custom .logined .btn { color: #fff; border-color: rgba(255, 255, 255, .3); }

.banner-bg { position: absolute; z-index: 1; top: 0; right: 0; left: 0; height: 680px; background-image: linear-gradient(-26deg, #F8F8FF 0%, #FFF 74%, #E1E3FE 100%); overflow: hidden; }
  .banner-bg .main-wrap { position: relative; height: 625px; }
    .banner-bg .bg { position: absolute; background-position: center; background-repeat: no-repeat; background-size: contain; }
  .banner-bg .next { position: absolute; bottom: 100px; left: 28px; width: 13px; height: 438px; background: url("../img/next.svg")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/next.svg*/ center no-repeat; background-size: contain; }

.banner { position: relative; z-index: 2; height: 680px; }
  .banner .main-wrap { position: relative; z-index: 2; height: 625px; }
    .banner h1 { padding: 180px 0 30px; font-size: 64px; font-weight: 700; line-height: 80px; }
    .banner h2 { width: 420px; margin-bottom: 50px; font-size: 16px; line-height: 32px; }

.big-title { margin-bottom: 60px; text-align: center; }
  .big-title h2 { font-size: 34px; line-height: 50px; font-weight: 700; }
  .big-title h3 { margin-top: 14px; font-size: 16px; color: #9099A4; }
  .big-title a { color: #858DE9; }

.gray-box { padding: 118px 0 150px; margin-bottom: 100px; background: #F9F9FF; }
  .gray-box .big-title { margin-bottom: 112px; }

.clients { margin-bottom: 130px; background: url("../img/clients.png")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/clients.png*/ center no-repeat; background-size: contain; }
  .clients::before { content: ''; display: block; padding-top: 23.4375%; }

/* vote page */
.banner-bg.vote { background: #fff; }
    .banner-bg.vote .bg { right: -29px; bottom: -74px; width: 819px; height: 578px; background-image: url("../img/banner-bg-vote.svg")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/banner-bg-vote.svg*/; }
    .banner-bg.vote .next { display: none; }
.banner.vote { margin-bottom: 23px; }
  .banner.vote h1 { padding-top: 206px; font-size: 54px; line-height: 64px; }
  .banner.vote h2 { font-size: 20px; margin-bottom: 90px; }
    .banner.vote h2 strong { color: #2E3192; }
  .banner.vote .btn { height: 60px; line-height: 60px; border-radius: 30px; font-size: 20px; }
  .banner.vote .brand-logos { display: flex; justify-content: space-between; align-items: center; margin-top: 153px; }

.vote-features { display: flex; justify-content: space-between; margin-bottom: 100px; }
  .vote-features li { position: relative; width: 22.96875%; padding: 176px 32px 82px; background-size: cover; }
    /*.vote-features li::after { position: absolute; content: ''; top: 41px; left: 32px; width: 100px; height: 100px; background-position: center; background-repeat: no-repeat; background-size: contain; }*/
  .vote-features li:nth-of-type(1) { background-image: url("../img/vote-features/feature-1-bg.svg")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/vote-features/feature-1-bg.svg*/; }
    .vote-features li:nth-of-type(1)::after { 
        /*background-image: url("../img/vote-features/feature-1.svg")*/
        /*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/vote-features/feature-1.svg*/; 
        
    }
  .vote-features li:nth-of-type(2) { background-image: url("../img/vote-features/feature-2-bg.svg")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/vote-features/feature-2-bg.svg*/; }
    .vote-features li:nth-of-type(2)::after { 
        /*background-image: url("../img/vote-features/feature-2.svg")*/
        /*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/vote-features/feature-2.svg*/; 
        
    }
  .vote-features li:nth-of-type(3) { background-image: url("../img/vote-features/feature-3-bg.svg")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/vote-features/feature-3-bg.svg*/; }
    .vote-features li:nth-of-type(3)::after { 
        /*background-image: url("../img/vote-features/feature-3.svg")*/
        /*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/vote-features/feature-3.svg*/; 
        
    }
  .vote-features li:nth-of-type(4) { background-image: url("../img/vote-features/feature-4-bg.svg")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/vote-features/feature-4-bg.svg*/; }
    .vote-features li:nth-of-type(4)::after { 
        /*background-image: url("../img/vote-features/feature-4.svg")*/
        /*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/vote-features/feature-4.svg*/; 
        
    }
    .vote-features li h2 { margin-bottom: 12px; font-size: 24px; color: #000; }
    .vote-features li:nth-of-type(1) h2 { position: relative; }
      .vote-features li:nth-of-type(1) h2::after { position: absolute; content: ''; top: 0; bottom: 0; width: 42px; height: 21px; margin: auto; background: url("../img/vote-features/quick-upload.svg")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/vote-features/quick-upload.svg*/ right no-repeat; background-size: contain; }
    .vote-features li div { font-size: 16px; }
    .vote-features li .btn { position: absolute; bottom: 20px; left: 32px; right: 32px; width: auto; opacity: 0; transition-duration: .5s; }
    .vote-features li:hover .btn { opacity: 1; }

.vote-console { margin-bottom: 100px; }
  .vote-console > div { display: flex; align-items: center; justify-content: space-between; padding: 32px 50px 12px 22px; background: linear-gradient(206.64deg, #F3F2FA 0%, #E7F2FF 99.75%); }
    .vote-console-img { width: 65.31457%; }
    .vote-console-themes { display: none; }
    .vote-console-text { align-self: flex-start; max-width: 374px; padding-top: 50px; }
      .vote-console-text .subtitle { margin-bottom: 6px; font-weight: 700; color: rgba(0, 0, 0, .5); }
      .vote-console-text .title { margin-bottom: 30px; font-size: 34px; font-weight: 700; line-height: 1.45; }
      .vote-console-list li { padding: 15px 20px 15px 75px; margin-bottom: 5px; background-position: 20px 15px; background-repeat: no-repeat; cursor: default; }
      .vote-console-list .active { background-color: #fff; border-radius: 5px; transition-duration: .2s; }
        .vote-console-list h3 { font-size: 19px; font-weight: 700; }
        .vote-console-list h4 { height: 0; margin-top: 5px; font-size: 16px; overflow: hidden; transition-duration: .2s; }
        .vote-console-list li.active h4 { height: 48px; }
      .vote-console-list .design { background-image: url("../img/vote-console/design-icon.svg")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/vote-console/design-icon.svg*/; background-size: 28px 37px; }
      .vote-console-list .active.design { background-image: url("../img/vote-console/design-icon-active.svg")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/vote-console/design-icon-active.svg*/; }
        .vote-console-list .design h3 { line-height: 37px; }
      .vote-console-list .design:nth-child(2) { background-image: url("../img/vote-console/themes-icon.svg")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/vote-console/themes-icon.svg*/; background-size: 30px 30px; }
      .vote-console-list .active.design:nth-child(2) { background-image: url("../img/vote-console/themes-icon-active.svg")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/vote-console/themes-icon-active.svg*/; }
        .vote-console-list .themes h3 { line-height: 30px; }

.big-title.theme { margin-bottom: 30px; }
  .big-title.theme h3 div { font-size: 12px; color: #999; }
.theme-list { max-width: 1320px; margin: 0 auto 100px; }
  .theme-list .theme { position: relative; float: left; width: 30.3%; margin: 1.515%; background-repeat: no-repeat; background-position: center; background-size: cover; cursor: default; }
  .theme-list .t1-1 { background-image: url("../img/1/preview.jpg")/*tpa=https://s.vote.nuostatic.com/templates/1/1/preview.jpg*/; }
  .theme-list .t1-2 { background-image: url("../img/2/preview.jpg")/*tpa=https://s.vote.nuostatic.com/templates/1/2/preview.jpg*/; }
  .theme-list .t1-3 { background-image: url("../img/3/preview.jpg")/*tpa=https://s.vote.nuostatic.com/templates/1/3/preview.jpg*/; }
  .theme-list .t1-4 { background-image: url("../img/4/preview.jpg")/*tpa=https://s.vote.nuostatic.com/templates/1/4/preview.jpg*/; }
  .theme-list .t1-5 { background-image: url("../img/5/preview.jpg")/*tpa=https://s.vote.nuostatic.com/templates/1/5/preview.jpg*/; }
  .theme-list .t1-6 { background-image: url("../img/6/preview.jpg")/*tpa=https://s.vote.nuostatic.com/templates/1/6/preview.jpg*/; }
    .theme-list .theme::before { content: ''; display: block; padding-top: 75%; }
    .theme-list .theme::after { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .6); content: ''; opacity: 0; transition-duration: .3s; }
    .theme-list .theme span { position: absolute; z-index: 2; top: 26%; right: 0; bottom: 0; left: 0; height: 65%; text-align: center; color: #fff; opacity: 0; transition-duration: .3s; }
      .theme-list .theme span img { display: block; height: 70%; margin: 0 auto 10px; }
    .theme-list .theme:hover span, .theme-list .theme:hover::after { opacity: 1; }

.strongpoint li { float: left; width: 19.531%; margin: 36px 7.265% 36px 0; }
.strongpoint li:nth-child(4), .strongpoint li:nth-child(8) { margin-right: 0; }
  .strongpoint li .icon { height: 80px; font-size: 48px; line-height: 1; }
  .strongpoint li h3 { margin-bottom: 13px; font-size: 19px; font-weight: 700; line-height: 28px; }
  .strongpoint li h4 { font-size: 16px; }

.link-line { margin-bottom: 100px; text-align: center; }

.banner-vote-line { position: relative; height: 320px; margin-bottom: 100px; background-position: right bottom; background-repeat: no-repeat; background-size: cover; color: #000; }
.banner-vote-line-1 { background-image: url("../img/banner-bg-vote-line-1.svg")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/banner-bg-vote-line-1.svg*/; }
  .banner-vote-line-1 h3 { position: absolute; top: 0; bottom: 0; left: 12.5%; height: 185px; margin: auto; font-size: 42px; font-weight: 700; }
    .banner-vote-line-1 h3 div { margin-bottom: 40px; font-size: 24px; font-weight: 400; }
    .banner-vote-line-1 h3 .btn { display: block; }
.banner-vote-line-2 { padding-top: 70px; background-image: url("../img/banner-bg-vote-line-2.svg")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/banner-bg-vote-line-2.svg*/; text-align: center; }
  .banner-vote-line-2 h3 span { display: block; margin-bottom: 5px; font-size: 34px; font-weight: 700; }
  .banner-vote-line-2 h3 div { margin-bottom: 44px; font-size: 20px; }

.vote-news { margin-bottom: 40px; }
  .vote-news li { position: relative; float: left; width: 44%; padding-left: 60px; margin-right: 12%; margin-bottom: 60px; }
  .vote-news li.even { margin-right: 0; }
    /* .vote-news li::before { position: absolute; content: ''; top: 15px; left: 0; width: 6px; height: 6px; background: #7A84F0; border-radius: 50%; } */
    .vote-news li .title { display: block; margin-bottom: 10px; font-size: 24px; color: #2a2a2a; }
    .vote-news li div { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #666; font-size: 16px; }
      .vote-news li div .wp-block-image, .vote-news li div img { display: none; }
    .vote-news li .date { position: absolute; top: 5px; left: 0; font-size: 18px; font-weight: 700; color: #ccc; line-height: 1.2; text-align: right; }
      .vote-news li .date b { display: block; }


/* price page */
.banner-bg.price .bg { 
    right: 14px;
    bottom: 103px;
    width: 471px;
    height: 386px;
    background-image: url("../img/banner-bg-price.svg")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/banner-bg-price.svg*/; 
    
}
.banner.price { margin-bottom: -65px; }
/* 正常价格表 */
.level-table { font-size: 16px; background: #fff; text-align: center; }
  .level-table td { width: 16%; }
  .level-table td:first-child { width: auto; }
  .price-table-head td { vertical-align: top; padding: 40px 0 35px; }
  .price-table-head td ~ td { border-left: 1px solid #efefef; }
  .price-table-head td.enterprise { padding: 0; }
  .price-table-head td.enterprise > div { position: relative; padding: 40px 0 0; }
  .price-table-head td.enterprise > div .hot { position: absolute; top: 0; right: 20%; }
  .price-table-head td.custom div { height: 72px; padding-top: 15px; font-size: 20px; }
    .price-table-head h2 { margin-bottom: 10px; font-size: 24px; font-weight: 700; }
    .price-table-head .price { display: flex; justify-content: center; align-items: flex-end; height: 44px; }
      .price-table-head .price .label { margin-right: 2px; align-self: flex-start; color: #7f7f7f; font-size: 12px; }
      .price-table-head .price .int { font-size: 34px; }
      .price-table-head .price .decimal { padding-bottom: 7px; font-size: 16px; }
      .price-table-head .price .per { padding-bottom: 8px; margin-left: 8px; font-size: 14px; color: #7f7f7f; }
    .price-table-head .sale { margin-bottom: 10px; font-size: 12px; color: red; }
      .price-table-head .sale::after { content: '按年购买仅需3.9折'; }
    .price-table-head .btn { width: 64%; min-width: 100px; height: 40px; line-height: 36px; border: 2px solid rgba(122, 132, 240, .3); border-radius: 20px; font-size: 16px; }
    .price-table-head .btn:hover { border-color: #7A84F0; background: #7A84F0; color: #fff; }
    .price-table-head .btn-red { border-color: #F65501; }
    .price-table-head .btn-red:hover { border-color: #E44E00; background: #E44E00; }
  .price-table-body td { padding: 18px 24px; border-top: 1px solid #efefef; border-left: 1px solid #efefef; }
  .price-table-body td:first-child { text-align: left; border-left: 0; }
  .price-table-body .title td { border: 0; background: #F9F9FF; font-weight: 700; }
  .price-table-body .title + tr td { border-top: 0; }
    .price-table-body .icon-yes { color: #858DE9; }
    .price-table-body .icon-no { color: #C1C7CD; }
/* 价格表头部浮动 */
.price-table-head { position: relative; z-index: 4; height: 233px; }
  .price-table-head.fixed .level-table { position: fixed; top: 0; z-index: 4; }
    .price-table-head.fixed td { padding: 15px 0; border-bottom: 1px solid #efefef; }
    .price-table-head.fixed .enterprise { padding: 0; }
      .price-table-head.fixed .enterprise > div { padding: 15px 0 0; }
        .price-table-head.fixed .enterprise > div .hot { right: 7%; }
      .price-table-head.fixed h2 { margin-bottom: 0; font-size: 20px; }
      .price-table-head.fixed .price .label { padding-top: 7px; }
      .price-table-head.fixed .price .int { font-size: 26px; }
      .price-table-head.fixed .price .decimal { padding-bottom: 6px; font-size: 12px; }
      .price-table-head.fixed .price .per { padding-bottom: 6px; }
      .price-table-head.fixed .custom div { font-size: 18px; }
      .price-table-head.fixed .btn { min-width: 90px; font-size: 14px; height: 36px; line-height: 32px; }
/* 价格表 body 相关 */
.price-table-body { margin-bottom: 150px; }
  .price-table-body .level-table { border-bottom: 1px solid #efefef; }

.gray-box.price { padding: 74px 0 40px; margin-bottom: 90px; }
  .gray-box.price .big-title { margin-bottom: 80px; }
  .qa li { position: relative; float: left; width: 42.1875%; padding-left: 40px; margin-right: 15.625%; margin-bottom: 60px; }
  .qa li.even { margin-right: 0; }
    .qa li i { position: absolute; left: 0; top: 8px; font-size: 20px; color: #858DE9; }
    .qa li .title { display: block; margin-bottom: 25px; font-size: 24px; color: #2a2a2a; }
    .qa li div { max-height: 72px; overflow: hidden; color: #666; font-size: 16px; }
      .qa li div p { margin: 0; }
      .qa li div .wp-block-image, .qa li div img { display: none; }

.big-title.expert { margin-bottom: 40px; }
.expert-contact { margin-bottom: 128px; text-align: center; font-size: 0; }
  .expert-contact span { display: inline-block; font-size: 18px; line-height: 50px; margin: 0 15px; }
  .expert-contact strong { position: relative; display: inline-block; font-size: 24px; line-height: 50px; font-weight: 700; color: #7A84F0; }
  .expert-contact .label { position: absolute; bottom: -35px; right: 1px; color: #9099A4; font-size: 14px; margin: 0; line-height: 1.5; white-space: nowrap; font-weight: 400; }

/* about page */
.banner-bg.about .bg { right: -137px; bottom: 20px; width: 726px; height: 719px; background-image: url("../img/banner-bg-about.svg")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/banner-bg-about.svg*/; }
.banner.about { margin-bottom: 100px; }

article.about { max-width: 720px; margin: 0 auto 100px; font-size: 20px; line-height: 34px; }
  article.about p { margin-bottom: 2em; }
  article.about p:last-child { margin-bottom: 0; }

.gray-box.about { padding: 100px 0 50px; }
  .gray-box.about .big-title { margin-bottom: 50px; }

.jobs { max-width: 1320px; margin: auto; }
  .jobs li { float: left; width: 21.21%; min-height: 307px; padding: 3.787% 3.787% 0; margin: 0 1.894% 50px; background: #fff; cursor: pointer; }
  .jobs li:hover { box-shadow: 0 36px 33px rgba(0, 0, 0, .1); }
    .jobs li .title { font-size: 20px; font-weight: 700; line-height: 28px; }
    .jobs li .label { margin-bottom: 30px; color: #9B9B9B; }
    .jobs li .abs { height: 54px; margin-bottom: 30px; color: #6C6D7D; font-size: 18px; overflow: hidden; }
    .jobs li .btn { width: 100%; height: 44px; color: #7A84F0; line-height: 40px; border: 2px solid rgba(122, 132, 240, .3); border-radius: 22px; }
    .jobs li:hover .btn { background: #7A84F0; border-color: #7A84F0; color: #fff; }
    .jobs .details { display: none; }

.contact-us { width: 400px; padding-left: 25px; margin: 0 auto 100px; font-size: 20px; }
  .contact-us a { color: #2a2a2a; }

.dialog-mask { display: none; position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .3); }
.dialog-job { display: none; position: fixed; z-index: 101; top: 0; right: 0; bottom: 0; left: 0; width: 50%; max-height: 65%; margin: auto; background: #fff; border-radius: 10px; }
  .dialog-job .icon-close { position: absolute; z-index: 2; right: 0; top: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; font-size: 14px; color: #999; background: rgba(255, 255, 255, .3); border-radius: 0 10px 0 0; }
  .dialog-job .icon-close:hover { color: #000; }
  .dialog-job .content { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; padding: 40px 50px; overflow-y: auto; }
  .dialog-job h2 { margin-bottom: 20px; font-size: 24px; font-weight: 700; }
  .dialog-job dl { margin-bottom: 20px; }
    .dialog-job dt { margin-bottom: 10px; font-size: 20px; font-weight: 700; }
    .dialog-job dd { margin-bottom: 5px; font-size: 16px; }

/* help page */
.banner.help { height: 580px; padding-top: 214px; margin-bottom: -150px; background-image: linear-gradient(-26deg, #F8F8FF 0%, #FFF 79%, #E1E3FE 100%); }
.help-search { position: relative; width: 580px; margin: auto; }
  .help-search input { width: 500px; height: 50px; padding: 0 60px 0 30px; border: 2px solid #E7E7E8; border-radius: 25px; font-size: 18px; }
  .help-search input::placeholder { color: #BABACA; }
  .help-search button { position: absolute; right: 0; top: 0; width: 130px; height: 50px; background: #7A84F0; color: #fff; border-radius: 25px; font-size: 18px; font-weight: 700; box-shadow: 0 3px 6px rgba(160, 163, 242, .54); }
    .help-search button i { margin-right: 10px; }

.main-help { position: relative; z-index: 3; margin-bottom: 100px; }
  .main-help a { float: left; width: 28.4375%; min-height: 304px; padding-top: 60px; background: #fff; text-align: center; box-shadow: 0 15px 22px rgba(0, 0, 0, .08); }
  .main-help a ~ a { margin-left: 7.343%; }
    .main-help a img { display: block; margin: 0 auto 35px; height: 50px; }
    .main-help a span { display: block; }
    .main-help a .title { font-size: 24px; color: #333348; }
    .main-help a .info { width: 64%; margin: 15px auto 0; font-size: 16px; color: #6C6D7D; }

.cat-list { padding-bottom: 50px; }
  .cat-list .article-wrap { margin-bottom: 50px; }
.article-wrap { margin-bottom: 100px; }
  .article-wrap h3 { position: relative; margin: 0 auto 25px; padding-bottom: 15px; border-bottom: 1px solid #EFEFEF; font-size: 20px; font-weight: 700; }
  .article-wrap.hot h3 { width: 720px; }
    .article-wrap h3 i { position: relative; bottom: -1px; margin-right: 10px; font-size: 24px; color: #7A84F0; }
    .article-wrap h3 a { position: absolute; right: 0; bottom: 20px; font-size: 14px; font-weight: 400; }
  .article-list { margin: auto; }
  .article-wrap.hot .article-list { width: 790px; }
    .article-list a { position: relative; float: left; display: block; width: 33.333%; padding-left: 23px; padding-right: 35px; margin-bottom: 20px; color: #2a2a2a; font-size: 16px; }
    .article-wrap.hot .article-list a { width: 360px; margin-left: 35px; }
    /* .article-wrap.hot .article-list a:visited { color: #999; } */
    .article-list a:hover { color: #7A84F0; }
    .article-list a::after { position: absolute; content: ''; left: 4px; top: 9px; width: 5px; height: 5px; background: #7A84F0; border-radius: 4px; }

.navigation { text-align: center; }
  .navigation a ~ a { margin-left: 30px; }

/* cases page */
.banner-bg.cases { background: #FFD659; }
.banner-bg.cases .bg { 
    right: 14px;
    bottom: 103px;
    width: 471px;
    height: 386px;
    background-image: url("../img/banner-bg-cases.svg")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/banner-bg-cases.svg*/; 
    
}

.cases-main { position: relative; z-index: 3; background: #F5F6F9; }
  .cases-main .main-wrap { position: relative; top: -65px; padding-bottom: 50px; }
    .cases-list { display: flex; flex-wrap: wrap; justify-content: space-between; }
      .cases-list li { position: relative; width: 23.125%; margin-bottom: 50px; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .05); transition-duration: .5s; }
      .cases-list li:hover { box-shadow: 0 15px 22px rgba(0, 0, 0, .05); }
        .client-logo { height: 210px; background-repeat: no-repeat; background-position: center; background-size: 150px; }
        .client-logo.guangzhou-social-innovation-center { background-size: 171px; }
        .client-logo.postal-savings-bank-of-china { background-size: 160.5px 150px; }
        .client-logo.sf-express { background-size: 133px; }
        .client-logo.shanghai-international-dance-center-theater { background-size: 120px; }
        .client-logo.state-grid-corporation-of-china { background-size: 150.5px 150px; }
        .client-logo.xueersi { background-size: 133px; }

        .client-title { position: relative; padding-top: 34px; margin-bottom: 20px; font-size: 20px; font-weight: 700; text-align: center; }
          .client-title::before { position: absolute; top: 0; left: 50%; width: 30px; height: 4px; margin-left: -15px; background: #F65501; content: ''; }
        .client-intro { margin: 0 13% 98px; font-size: 16px; }
        .client-tag { position: absolute; bottom: 29px; left: 50%; width: 54px; height: 25px; border: 1px solid #a6a6a6; margin-left: -27px; color: #a6a6a6; border-radius: 25px; line-height: 24px; text-align: center; }
        .client-qrcode { display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, .95); font-size: 16px; opacity: 0; transition-duration: .5s; }
        .cases-list li:hover .client-qrcode { opacity: 1; }
          .client-qrcode img { width: 150px; margin-bottom: 15px; }
          .client-qrcode .qrcode-tips::before { content: '扫码查看案例'; }

  .cases-main .tips { margin-bottom: 50px; color: #a6a6a6; text-align: center; }
  .cases-main .expert-contact { margin-bottom: 0; }

/* custom page */
header.custom.fixed { background: #17172F; }
header.custom h1 .logo { background-image: url("../img/logo-white.svg.png")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/logo-white.svg*/; }
header.custom nav a { color: #fff; }
header.custom .btns a { color: #fff; border-color: rgba(255, 255, 255, .3); }
header.custom .logined { color: #fff; }
header nav a.active.custom::after, header nav a.custom:hover::after { background-image: linear-gradient(-45deg, #CB18FF 0%, #FF8241 100%); }
.banner-bg.custom { background: #17172F; }
.banner-bg.custom .bg { 
    right: 14px;
    bottom: 92px;
    width: 471px;
    height: 386px;
    background-image: url("../img/banner-bg-custom.svg")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/banner-bg-custom.svg*/; 
    
}
.banner.custom { margin-bottom: 110px; color: #fff; }
.banner.custom h2 { color: rgba(255, 255, 255, .65); }
.big-title.custom { position: relative; padding-top: 32px; margin-bottom: 80px; }
.big-title.custom::after { position: absolute; top: 0; left: 0; right: 0; width: 32px; height: 4px; border-radius: 2px; margin: auto; background-image: linear-gradient(-45deg, #CB18FF 0%, #FF8241 100%); content: ''; }

.custom-items { margin-bottom: 100px; }
  .custom-items .item { float: left; width: 19.53%; margin-right: 7.29%; }
  .custom-items .item:last-child { margin-right: 0; }
    .custom-items .item .cover { margin-bottom: 20px; }
    .custom-items .item .c1 { background: url("../img/custom-1.svg")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/custom-1.svg*/ center no-repeat; background-size: cover; }
    .custom-items .item .c2 { background: url("../img/custom-2.svg")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/custom-2.svg*/ center no-repeat; background-size: cover; }
    .custom-items .item .c3 { background: url("../img/custom-3.svg")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/custom-3.svg*/ center no-repeat; background-size: cover; }
    .custom-items .item .c4 { background: url("../img/custom-4.svg")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/custom-4.svg*/ center no-repeat; background-size: cover; }
      .custom-items .item .cover::after { content: ''; display: block; padding-top: 120%; }
    .custom-items .item h2 { margin-bottom: 10px; font-size: 20px; font-weight: 600; }
    .custom-items .item h3 { font-size: 16px; }

.box .img { position: relative; font-size: 0; }
.box .img img { width: 100%; }
.box .txt { width: 34.375%; }
  .box .txt h4 { margin-bottom: 15px; font-weight: 700; color: #7A84F0; }
  .box .txt h2 { margin-bottom: 15px; font-size: 34px; font-weight: 700; line-height: 50px; }
  .box .txt h3 { margin-bottom: 40px; font-size: 16px; }
  .box .txt .btn { height: 42px; padding: 0 22px; line-height: 42px; border-radius: 21px; background: #F0F1FF; font-weight: 700; color: #7A84F0; }
  .box .txt .btn:hover { background: #7A84F0; color: #fff; }
  .box .txt .data-list { margin-bottom: 38px; }
    .box .txt .data-list li { float: left; margin-right: 14.77%; margin-bottom: 20px; }
    .box .txt .data-list li:last-child { margin-right: 0; }
      .box .txt .data-list li .label { color: #9099A4; line-height: 20px; }
      .box .txt .data-list li .data { font-size: 28px; font-weight: 700; }
      .box .txt .data-list li .data span { font-size: 20px; }
  .box .txt .tips { font-size: 12px; color: #B8C0CB; }
.box.custom { position: relative; margin-bottom: 100px; }
  .box.custom h3 { margin: 0; }
  .box.custom .btn { margin-top: 40px; }
  .box.custom .txt { position: absolute; top: 0; bottom: 0; margin: auto; }
  .box.programmer .txt { right: 30px; height: 235px; }
  .box.designer .txt { left: 30px; height: 180px; }
  .box.product-manager .txt { right: 30px; height: 235px; }
  .box.programmer .img { width: 36.796%; }
  .box.designer .img { width: 43.98%; }
  .box.product-manager .img { width: 35.625%; }

.gray-box.custom { padding: 100px 0 100px; }
  .work-flow img { width: 100%; }
    .work-flow-img-mobile { display: none; }
    .work-flow .btn-red { display: block; margin: 100px auto 0; }

.custom-comment { min-height: 360px; padding: 3.9% 0 0 12.5%; margin-bottom: 130px; background: url("../img/custom-comment-bg.svg")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/custom-comment-bg.svg*/ left center no-repeat; background-size: cover; border-radius: 25px; }
  .custom-comment h2 { margin-bottom: 30px; color: #fff; font-size: 42px; font-weight: 600; }
  .custom-comment .wpcf7 { padding-bottom: 30px; }
  .custom-comment .form-items { margin-bottom: 20px; }
    .custom-comment .form-item { position: relative; float: left; margin: 0 20px 30px 0; }
      .custom-comment .form-item .iconfont { position: absolute; left: 20px; top: 0; bottom: 2px; height: 18px; margin: auto; color: #fff; font-size: 18px; }
      .custom-comment .form-item .wpcf7-form-control-wrap { position: static;  }
          .custom-comment .form-item .wpcf7-not-valid-tip { position: absolute; left: 0; bottom: -20px; font-size: 12px; }
          .custom-comment .form-item ::placeholder { color: #fff; }
          .custom-comment .form-item input { width: 285px; height: 55px; padding: 0 20px 0 50px; border: 2px solid rgba(255, 255, 255, .65); border-radius: 5px; background: transparent; font-size: 18px; color: #fff; }
  .custom-comment .form-submit { position: relative; }
    .custom-comment .form-submit > span { display: inline-block; }
      .custom-comment .form-submit .tips { position: absolute; left: 225px; top: 13px; color: #fff; font-size: 16px; }
        .custom-comment .form-submit .tips a { color: #fff; }
      .custom-comment .form-submit .btn { border: 0; padding: 0; cursor: pointer; }
      .custom-comment .form-submit .ajax-loader { display: inline-block; width: auto; height: auto; margin: 0 30px 0 5px; background: transparent; font-family: "iconfont" !important; font-size: 18px; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }
        .custom-comment .form-submit .ajax-loader::after { content: "\e72a"; }
    .custom-comment .wpcf7-response-output { padding: 0; border: 0; margin: 10px 0 0; color: #fff; font-size: 12px; }
    .custom-comment .wpcf7-validation-errors { color: red; }

/* solutions page */
.banner-bg.solution { height: 740px; }
  .banner-bg.solution .main-wrap { height: 740px; }
    .banner-bg.solution .bg { right: -79px; bottom: 58px; width: 545px; height: 542px; background-image: url("../../../../s.nuoapp.nuostatic.com/nuoapp/com/banner-bg-solution.svg")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/banner-bg-solution.svg*/; }
.banner.solution { height: 740px; margin-bottom: 0; }

.anchors-wrap { position: relative; z-index: 4; height: 60px; }
  .anchors { position: absolute; z-index: 4; left: 0; right: 0; top: 0; background: #F0F0FE; }
    .anchors .main-wrap { text-align: right; font-size: 0; }
      .anchors .main-wrap a { display: inline-block; height: 60px; line-height: 58px; border-bottom: 2px solid transparent; margin-left: 85px; font-size: 16px; color: #4A4A4A; border-radius: 2px; }
        .anchors .main-wrap a:hover, .anchors .main-wrap a.active { border-color: #7A84F0; color: #7A84F0; }
  .anchors.posfixed { position: fixed; }

.solution-points ul { padding: 100px 0; border-bottom: 1px solid #EFEFEF; }
  .solution-points ul li { float: left; width: 19.531%; }
  .solution-points ul li ~ li { margin-left: 7.265%; }
    .solution-points ul li i { display: block; width: 64px; height: 64px; border-radius: 50%; margin-bottom: 20px; background: #7D92F7; }
    .solution-points ul li h3 { margin-bottom: 10px; font-size: 19px; font-weight: 700; }
    .solution-points ul li h4 { font-size: 16px; }

/* help center subpages */
.breadcrumb { height: 40px; line-height: 40px; margin: 100px 0 50px; background: #F0F0FE; }
  .breadcrumb a { display: inline-block; margin-right: 5px; }
    .breadcrumb a::after { display: inline-block; margin-left: 5px; content: '›'; }
  .breadcrumb a:last-child, .breadcrumb span { color: #999; }
    .breadcrumb a:last-child::after { display: none; }

.search-bar { margin: 150px 0 50px; }
.search-result { margin-bottom: 100px; }
.search-result .nodata { font-size: 20px; text-align: center; color: #999; }
  .search-list { width: 800px; margin: auto; }
    .search-list li { margin-bottom: 30px; }
      .search-list h2 { margin-bottom: 5px; font-size: 18px; }
      /* .search-list h2 a:visited { color: #999; } */
.search-result .navigation { margin-top: 50px; }

/* single article page */
.single-article-wrap { margin-bottom: 100px; }
  .single-article-wrap aside { width: 30%; padding-right: 3%; }
    .single-article-list li { padding: 15px 0; border-bottom: 1px solid #efefef; font-size: 15px; }
      .single-article-list li a.current { color: #999; }
  .single-article-wrap .single-article { width: 70%; }
    .single-article article { max-width: 800px; margin: auto; }
      .single-article article h1 { margin-bottom: 40px; font-size: 30px; font-weight: 700; }
      .single-article article .entry { margin-bottom: 50px; font-size: 16px; line-height: 1.8; }
      .single-article article .date { display: block; margin-bottom: 30px; text-align: right; color: #999; }
.single-article-wrap.noaside .single-article { float: none; width: auto; }

.pages-nav { margin-top: 30px; text-align: center; }
  .pages-nav a ~ a { margin-left: 20px; }

.related_posts { padding-top: 20px; border-top: 1px solid #efefef; margin-top: 30px; font-size: 16px; }
  .related_posts dt { margin-bottom: 15px; font-weight: 600; }
  .related_posts dd { margin-bottom: 10px; }
    .related_posts dd::before { content: '·'; margin-right: 5px; }

/* 404 page */
.error-404 { padding: 200px 0 150px; text-align: center; }
  .error-404 h3 { width: 248px; height: 132px; margin: 0 auto 60px; background: url("../../../../s.nuoapp.nuostatic.com/nuoapp/com/404.png")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/404.png*/ center no-repeat; background-size: contain; text-indent: -9999px; }
  .error-404 h4 { margin-bottom: 40px; font-size: 34px; font-weight: 600; }
  .error-404 .links { font-size: 18px; }
    .error-404 .links a { margin: 0 30px; color: #7A84F0; }

footer { padding-bottom: 20px; background: #000; }
  footer .main-wrap.clearfix { padding: 50px 4% 20px 10%; color: #fff; font-size: 16px; }
    footer .main-wrap .contact { position: relative; padding-left: 70px; }
      footer .main-wrap .contact .phone { margin-bottom: 20px; font-size: 20px; font-weight: 700; }
      footer .main-wrap .contact .email a { color: #fff; }
      footer .main-wrap .contact .icon-customer-service { position: absolute; left: 0; top: 0; font-size: 49px; }
    footer .main-wrap .sep { float: left; width: 1px; height: 230px; margin: 0 11%; background: rgba(255, 255, 255, .1); }
    footer .main-wrap dl { width: 17.5%; float: left; margin-bottom: 30px; }
    footer .main-wrap dl:last-child { width: 68px; }
      footer .main-wrap dl dt { margin-bottom: 20px; font-weight: 700; }
      footer .main-wrap dl dd { margin-bottom: 20px; font-size: 14px; }
      footer .main-wrap dl dd:last-child { margin-bottom: 0; }
      footer .main-wrap dl a { color: #fff; }
  footer .friend-links { padding: 0 0 30px 10%; font-size: 12px; color: #999; }
  footer .friend-links a { color: #999; margin-right: 10px; }
  footer .copyright { padding: 25px 20px 0; border-top: 1px solid rgba(255, 255, 255, .1); color: #A6A6A6; font-size: 12px; text-align: center; }
  footer .copyright a { color: #A6A6A6; }
  footer .copyright span { display: inline-block; margin-bottom: 5px; }

.contact-bar { position: fixed; bottom: 250px; right: 0; z-index: 10000; width: 68px; text-align: center; background: #7A84F0; color: #fff; font-size: 12px; box-shadow: 0 5px 14px rgba(122, 132, 240, .3227); }
  .contact-bar li { position: relative; height: 65px; padding-top: 12px; cursor: pointer; }
  .contact-bar .show-card { cursor: default; }
  .contact-bar li ~ li { border-top: 1px solid rgba(0, 0, 0, .09); }
  .contact-bar li > i { font-size: 23px; }
  .contact-bar li > span { display: block; margin-top: 3px; }
  .contact-bar li > div { display: none; position: absolute; background: #fff; border-radius: 3px; box-shadow: 0 6px 20px rgba(0, 0, 0, .1324); color: #000; font-size: 14px; }
  .contact-bar li > div::after { position: absolute; content: ''; top: 50%; right: -7px; width: 0; height: 0; margin-top: -7px; border-style: solid; border-width: 7px 0 7px 7px; border-color: transparent #fff; }
  .contact-bar li .contact-phone { top: 0; left: -178px; padding: 10px 15px 8px 15px; }
    .contact-bar li .contact-phone .title { text-align: left; color: #9b9b9b; }
    .contact-bar li .contact-phone .phone { font-weight: 700; font-size: 20px; }
  .contact-bar li .qrcode { top: -10px; left: -160px; padding: 10px; }
    .contact-bar li .qrcode::after { top: 33px; }
    .contact-bar li .qrcode img { width: 130px; height: 130px; }

/* Retina display */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .banner .phone { background-image: url("../../../../s.nuoapp.nuostatic.com/nuoapp/com/banner-phone@2x.png")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/banner-phone@2x.png*/; }
  .clients { background-image: url("../img/clients@2x.png")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/clients@2x.png*/; }
  .error-404 h3 { background-image: url("../../../../s.nuoapp.nuostatic.com/nuoapp/com/404@2x.png")/*tpa=https://s.nuoapp.nuostatic.com/nuoapp/com/404@2x.png*/; }
}

/* Responsive */
@media all and (max-width: 1440px) { /* Screen width < 1440px */
  .banner-bg .next { left: 5px; width: 10px; }
  /* 四列的时候用到下面两行 */
  /* footer .main-wrap .sep { margin: 0 10%; } */
  /* footer .main-wrap dl { width: 16%; } */
}

/*
   Animation for spinners
*/
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* wp article hack */
.single-article .wp-block-image { margin-bottom: 1.5em; }
  .single-article .wp-block-image figure { margin: 0 auto; }
    .single-article .wp-block-image img { display: block; box-shadow: 0 2px 5px rgba(0, 0, 0, .12); border-radius: 10px; height: auto; }
    .single-article .wp-block-image figcaption { display: block; margin: 10px 0 0; text-align: center; font-size: 14px; color: #999; }
/* 如果是 2x 图片，用自定义 gallery */
.single-article .gallery { text-align: center; }
  .single-article .gallery .wp-block-image { display: inline-block; margin-top: 0; margin-left: 15px; margin-right: 15px; }
/* 图片为 1 倍尺寸时可以用 wp gallery */
.single-article .wp-block-gallery .blocks-gallery-grid { padding: 0; margin: 0; }
  .single-article .wp-block-gallery .blocks-gallery-item img { height: auto; box-shadow: 0 2px 5px rgba(0, 0, 0, .12); border-radius: 10px; }
  .single-article .wp-block-gallery .blocks-gallery-item .blocks-gallery-item__caption { bottom: -35px; padding: 0; background: transparent; color: #999; font-size: 14px; }
.single-article .wp-block-gallery .blocks-gallery-caption { display: none; }

.single-article .entry ol { padding-left: 20px; margin-bottom: 1.5em; list-style-type: decimal; }
.single-article .entry ul { padding-left: 20px; margin-bottom: 1.5em; list-style-type: disc; }
.single-article .entry h2 { margin-bottom: 1em; font-weight: 700; font-size: 26px; }
.single-article .entry h3 { margin-bottom: 1em; font-weight: 700; font-size: 22px; }
.single-article .entry h4 { margin-bottom: 1em; font-weight: 700; font-size: 18px; }
.single-article .wp-block-quote { border-left: 4px solid #000; padding-left: 1em; margin-bottom: 1.5em; }
  .single-article .wp-block-quote p { margin-bottom: 1em; }
  .single-article .wp-block-quote p:last-child { margin: 0; }
  .single-article .wp-block-quote cite { font-size: 13px; color: #6c7781; }

/* tempchange: hide price */
/* .price-table-head.tempchange .price { display: none; }
.price-table-body.tempchange .price { display: none; }
.price-table-head.tempchange .level-table .custom div { display: none; }
.price-table-body.tempchange .level-table .custom div { display: none; } */

.invisible-txt { display: none; }