.campaign-ad-new {
    position:relative
}

.campaign-ad-new .campaign-lg a.campaign-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border:0
}

.campaign-ad-new > .campaign-badge {
    position: absolute;
    top: 0;
    left: 0;
    z-index:9
}

.campaign-ad-3-1 .campaign-lg {
    padding-bottom:33.33333333%
}

.campaign-ad-5-2 .campaign-lg {
    padding-bottom:40%
}

.campaign-ad-6-5 .campaign-lg {
    padding-bottom:83.33333333%
}

.campaign-ad-1-1 .campaign-lg {
    padding-bottom:100%
}

.campaign-ad-1500-400 {
    position: relative;
    height:200px
}

.campaign-ad-1500-400 > div {
    width: auto !important;
    height:auto !important
}

.campaign-ad-1500-400 iframe {
    position: absolute;
    left: 50%;
    margin-left: -375px;
    display: block;
    width: 1500px;
    height: 400px;
    -ms-zoom: .5;
    -o-transform: scale(.5);
    -moz-transform: scale(.5);
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -o-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin:0 0
}

.campaign-ad-300-250 {
    height:218.75px
}

.campaign-ad-300-250 iframe {
    display: block;
    width: 300px;
    height: 250px;
    -ms-zoom: .875;
    -o-transform: scale(.875);
    -moz-transform: scale(.875);
    -webkit-transform: scale(.875);
    transform: scale(.875);
    -o-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin:0 0
}

.campaign-ad-720-240 iframe {
    position: absolute;
    left: 50%;
    display: block;
    width: 720px;
    height: 240px;
    -o-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin:0 0
}

.campaign-ad-970-250 iframe {
    position: absolute;
    left: 50%;
    display: block;
    width: 970px;
    height: 250px;
    -o-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin:0 0
}

.campaign-ad-160-600 {
    height:600px
}

.campaign-ad-160-600 iframe {
    position: absolute;
    display: block;
    width: 160px;
    height: 600px;
    -o-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin:0 0
}

.visible-phone {
    display:none
}

.hidden-desktop {
    display:none
}

.campaign-ad-float {
    position: absolute !important;
    width: 160px;
    top: 0;
    bottom:30px
}

.campaign-ad-float.left {
    left: 0;
    margin-left:-160px
}

.campaign-ad-float.right {
    right: 0;
    margin-right:-160px
}

@media (max-width: 1440px) {
    .campaign-ad-float {
        width:120px
    }

    .campaign-ad-float.left {
        margin-left:-120px
    }

    .campaign-ad-float.left .campaign-affix-ad-iframe {
        transform: scale(.75);
        transform-origin:left top
    }

    .campaign-ad-float.right {
        margin-right:-120px
    }

    .campaign-ad-float.right .campaign-affix-ad-iframe {
        transform: scale(.75);
        transform-origin:left top
    }

    .campaign-ad-float .campaign-wrap img {
        width:100%
    }
}

@media (max-width: 1345px) {
    .campaign-ad-float {
        display:none
    }
}

@media (max-width: 1199px) {
    .campaign-ad-300-250 {
        height:177.08px
    }

    .campaign-ad-300-250 iframe {
        -ms-zoom: .708;
        -o-transform: scale(.708);
        -moz-transform: scale(.708);
        -webkit-transform: scale(.708);
        transform:scale(.708)
    }

    .campaign-ad-float {
        display:block
    }
}

@media (max-width: 1145px) {
    .campaign-ad-float {
        display:none
    }
}

@media (max-width: 991px) {
    .visible-desktop {
        display:none
    }

    .hidden-desktop {
        display:block !important
    }

    .campaign-ad-300-250 {
        height:250px
    }

    .campaign-ad-300-250 iframe {
        margin: 0 auto;
        width: 300px !important;
        height: 250px !important;
        -ms-zoom: 1;
        -o-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform:scale(1)
    }
}

@media (max-width: 560px) {
    .visible-phone {
        display:block !important
    }
}

@media (max-width: 480px) {
    .campaign-ad-1500-400 {
        height:140px
    }

    .campaign-ad-1500-400 iframe {
        margin-left: -262.5px;
        -ms-zoom: .35;
        -o-transform: scale(.35);
        -moz-transform: scale(.35);
        -webkit-transform: scale(.35);
        transform:scale(.35)
    }
}

@media (min-width: 320px) {
    .campaign-ad-720-240 {
        height:106px
    }

    .campaign-ad-720-240 iframe {
        margin-left: -160px;
        -ms-zoom: .444;
        -o-transform: scale(.444);
        -moz-transform: scale(.444);
        -webkit-transform: scale(.444);
        transform:scale(.444)
    }

    .campaign-ad-970-250 {
        height:82px
    }

    .campaign-ad-970-250 iframe {
        margin-left: -160px;
        -ms-zoom: .33;
        -o-transform: scale(.33);
        -moz-transform: scale(.33);
        -webkit-transform: scale(.33);
        transform:scale(.33)
    }
}

@media (min-width: 360px) {
    .campaign-ad-720-240 {
        height:120px
    }

    .campaign-ad-720-240 iframe {
        margin-left: -180px;
        -ms-zoom: .5;
        -o-transform: scale(.5);
        -moz-transform: scale(.5);
        -webkit-transform: scale(.5);
        transform:scale(.5)
    }

    .campaign-ad-970-250 {
        height:93px
    }

    .campaign-ad-970-250 iframe {
        margin-left: -180px;
        -ms-zoom: .371;
        -o-transform: scale(.371);
        -moz-transform: scale(.371);
        -webkit-transform: scale(.371);
        transform:scale(.371)
    }
}

@media (min-width: 375px) {
    .campaign-ad-720-240 {
        height:125px
    }

    .campaign-ad-720-240 iframe {
        margin-left: -187.5px;
        -ms-zoom: .521;
        -o-transform: scale(.521);
        -moz-transform: scale(.521);
        -webkit-transform: scale(.521);
        transform:scale(.521)
    }

    .campaign-ad-970-250 {
        height:97px
    }

    .campaign-ad-970-250 iframe {
        margin-left: -187.5px;
        -ms-zoom: .386;
        -o-transform: scale(.386);
        -moz-transform: scale(.386);
        -webkit-transform: scale(.386);
        transform:scale(.386)
    }
}

@media (min-width: 414px) {
    .campaign-ad-720-240 {
        height:138px
    }

    .campaign-ad-720-240 iframe {
        margin-left: -207px;
        -ms-zoom: .575;
        -o-transform: scale(.575);
        -moz-transform: scale(.575);
        -webkit-transform: scale(.575);
        transform:scale(.575)
    }

    .campaign-ad-970-250 {
        height:107px
    }

    .campaign-ad-970-250 iframe {
        margin-left: -207px;
        -ms-zoom: .427;
        -o-transform: scale(.427);
        -moz-transform: scale(.427);
        -webkit-transform: scale(.427);
        transform:scale(.427)
    }
}

@media (min-width: 560px) {
    .campaign-ad-720-240 {
        height:168px
    }

    .campaign-ad-720-240 iframe {
        margin-left: -252px;
        -ms-zoom: .7;
        -o-transform: scale(.7);
        -moz-transform: scale(.7);
        -webkit-transform: scale(.7);
        transform:scale(.7)
    }

    .campaign-ad-970-250 {
        height:130px
    }

    .campaign-ad-970-250 iframe {
        margin-left: -252px;
        -ms-zoom: .519;
        -o-transform: scale(.519);
        -moz-transform: scale(.519);
        -webkit-transform: scale(.519);
        transform:scale(.519)
    }
}

@media (min-width: 768px) {
    .campaign-ad-720-240 {
        height:240px
    }

    .campaign-ad-720-240 iframe {
        left: 0;
        margin-left: 0;
        -ms-zoom: 1;
        -o-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform:scale(1)
    }

    .campaign-ad-970-250 {
        height:185px
    }

    .campaign-ad-970-250 iframe {
        left: 0;
        margin-left: 0;
        -ms-zoom: .742;
        -o-transform: scale(.742);
        -moz-transform: scale(.742);
        -webkit-transform: scale(.742);
        transform:scale(.742)
    }
}

.campaign-affix-pane {
    zoom:1
}

.campaign-affix-pane .campaign-ad .campaign-wrap {
    height:250px
}

.campaign-affix-pane:after {
    content: ' ';
    display: table;
    clear:both
}

.campaign-affix-ad {
    zoom:1
}

.campaign-affix-ad:after {
    content: ' ';
    display: table;
    clear:both
}

@media (max-width: 991px) {
    .campaign-side-google {
        position:static !important
    }

    .campaign-top-google .google-ads-bottom .inner {
        max-height:140px
    }

    .campaign-side-google {
        display:none
    }

    .has-google-ad.pull-right {
        float:none !important
    }

    .campaign-affix-wrap {
        height:auto !important
    }

    .campaign-affix-pane {
        position:static !important
    }

    .campaign-affix-ad {
        position:static !important
    }
}

.col-md-4 .campaign-ad-300-250 {
    height:300px
}

.col-md-4 .campaign-ad-300-250 iframe {
    -ms-zoom: 1.2;
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform:scale(1.2)
}

@media (min-width: 1199px) {
    .col-md-4 .campaign-ad-300-250 {
        height:244.44px
    }

    .col-md-4 .campaign-ad-300-250 iframe {
        -ms-zoom: .977;
        -o-transform: scale(.977);
        -moz-transform: scale(.977);
        -webkit-transform: scale(.977);
        transform:scale(.977)
    }
}

.alert {
 /*   margin: 0 0 20px;
    padding: 15px;
    text-align: left;
    color: #333;
    background: #fff;
    border: 2px solid transparent; */
    border-radius:12px
}

.alert.alert-success {
    border-color:#bada55
}

.alert.alert-info {
    border-color:#00bdff
}

.alert.alert-warning {
    border-color:#f90
}

.alert.alert-danger {
    border-color:#ff4646
}

#alert {
    position: fixed;
    top: 10px;
    width: 100%;
    height: 1px;
    z-index:900
}

#alert #alert-message {
    max-width: 560px;
    margin:0 auto
}

#alert #alert-message .message-box {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    border-radius:12px
}

#alert #alert-message .alert {
    margin: 0 0 5px;
    padding:15px 15px 15px 20px
}

#alert #alert-message .alert h5 {
    font-size: 16px;
    font-weight: 700;
    margin:0 0 10px
}

#alert #alert-message .alert p {
    margin:0
}

#alert #alert-message .alert .ng-binding {
    margin-right:56px
}

#alert #alert-message .alert .icon-wrap {
    position: relative;
    margin-right:0
}

#alert #alert-message .alert .icon-wrap:hover .icon-timeout, #alert #alert-message .alert .icon-wrap:focus .icon-timeout, #alert #alert-message .alert .icon-wrap.focus .icon-timeout {
    display:none
}

#alert #alert-message .alert .icon-wrap .icon-timeout {
    position: absolute;
    width: 34px;
    height: 34px;
    line-height: 34px;
    color: #777;
    font-size: 12px;
    text-align: center;
    background: #fff;
    border-radius:100px
}

@media (max-width: 560px) {
    #alert {
        z-index: 6000;
        top:0
    }

    #alert #alert-message .alert {
        margin: 0;
        padding: 10px;
        border-radius: 0;
        border:0
    }

    #alert #alert-message .alert .icon-wrap {
        border-color:#fff
    }

    #alert #alert-message .alert .icon-wrap .icon-timeout {
        color:#fff
    }

    #alert #alert-message .alert.alert-success {
        color: #fff;
        background:#80b518
    }

    #alert #alert-message .alert.alert-success .icon-wrap .icon-timeout {
        background:#80b518
    }

    #alert #alert-message .alert.alert-info {
        color: #fff;
        background:#009eff
    }

    #alert #alert-message .alert.alert-info .icon-wrap .icon-timeout {
        background:#009eff
    }

    #alert #alert-message .alert.alert-warning {
        color: #fff;
        background:#f90
    }

    #alert #alert-message .alert.alert-warning .icon-wrap .icon-timeout {
        background:#f90
    }

    #alert #alert-message .alert.alert-danger {
        color: #fff;
        background:#ff4646
    }

    #alert #alert-message .alert.alert-danger .icon-wrap .icon-timeout {
        background:#ff4646
    }
}

.campaign-alert {
    margin: 0;
    padding: 15px;
    border-radius: 0;
    border:0
}

.campaign-alert .fa-before {
    margin-right:5px
}

.campaign-alert.alert-success {
    color: #fff;
    background:#80b518
}

.campaign-alert.alert-success .icon-wrap .icon-timeout {
    background:#80b518
}

.campaign-alert.alert-info {
    color: #fff;
    background:#009eff
}

.campaign-alert.alert-info .icon-wrap .icon-timeout {
    background:#009eff
}

.campaign-alert.alert-warning {
    color: #fff;
    background:#f90
}

.campaign-alert.alert-warning .icon-wrap .icon-timeout {
    background:#f90
}

.campaign-alert.alert-danger {
    color: #fff;
    background:#ff4646
}

.campaign-alert.alert-danger .icon-wrap .icon-timeout {
    background:#ff4646
}

.swiper-banners .swiper-btn-prev {
    left: 0;
    text-shadow:2px 0 8px rgba(0, 0, 0, .4)
}

.swiper-banners .swiper-btn-next {
    right: 0;
    text-shadow:-2px 0 8px rgba(0, 0, 0, .4)
}

.swiper-banners .swiper-btn-prev, .swiper-banners .swiper-btn-next {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -65px;
    width: 40px;
    height: 100px;
    line-height: 100px;
    color: #fff;
    font-size: 42px;
    text-align: center;
    background: 0 0;
    cursor: pointer;
    opacity: .3;
    filter: alpha(opacity=30);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index:9
}

.swiper-banners:hover .swiper-btn-prev, .swiper-banners:hover .swiper-btn-next {
    width: 60px;
    opacity: 1;
    filter:alpha(opacity=100)
}

#hero {
    position:relative
}

#hero .item-overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 35%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.54) 100%);
    z-index:0
}

#hero:hover .item-overlay, #hero:focus .item-overlay, #hero.focus .item-overlay {
    background:linear-gradient(180deg, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.36) 100%)
}

#hero .swiper-container {
    z-index:0
}

#hero .swiper-image {
    position:relative
}

#hero .swiper-image a {
    display: block;
    height: 400px;
    line-height: 100;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

#hero .swiper-image a .container {
    position: relative;
    height:100%
}

#hero .swiper-image a h2.hero-title {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 50px;
    margin: 0;
    padding: 0 15px 0 0;
    font: 700 24px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif;
    color: #fff;
    z-index: 100;
    line-height: 1.5;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

#hero .swiper-pagination {
    bottom:20px
}

#hero .swiper-pagination-bullet {
    display: inline-block;
    width: 9px;
    height: 9px;
    border: 1px solid #fff;
    border-radius: 100%;
    background: 0 0;
    opacity:.8
}

#hero .swiper-pagination-bullet-active {
    background: #fff;
    opacity:.8
}

#hero .swiper-button-prev, #hero .swiper-button-next {
    margin: -18px 0 0;
    border-color:#fff
}

#hero .swiper-button-prev:hover, #hero .swiper-button-next:hover, #hero .swiper-button-prev:focus, #hero .swiper-button-next:focus, #hero .swiper-button-prev.focus, #hero .swiper-button-next.focus {
    border-color:#777
}

#hero .hero-image, #hero .hero-image-lg {
    display: block;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

#hero .hero-image-lg {
    height:400px
}

#hero .hero-panel {
    height: 260px;
    background:#fff
}

#hero.search #search-panel {
    background: #fff;
    -webkit-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .15);
    -o-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .15);
    box-shadow:0 3px 8px -4px rgba(0, 0, 0, .15)
}

#hero.search #search-panel .search-box {
    margin: 0;
    padding: 10px 0;
    box-shadow:none
}

#hero.search #search-panel .search-bg {
    background:0 0
}

#hero.search #search-panel .search-location .btn, #hero.search #search-panel .search-distance .btn {
    background:#f7f7f7
}


#hero-mobile {
    display:none
}

#hero-mobile.section-white {
    background:#fff
}

#hero-actions {
    padding: 10px 0;
    text-align: center;
    background:#f7f7f7
}

#hero-actions .btn {
    margin:0 10px
}

#hero-actions .btn.visible-xs {
    display:inline-block !important
}

#hero-actions .btn.hot {
    position:relative
}

#hero-actions .btn.hot:after {
    content: 'HOT';
    background: #ff4646;
    position: absolute;
    top: -5px;
    right: -8px;
    padding: 1px;
    width: 38px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-family: montserrat;
    border-radius: 2px;
    -webkit-transform: scale(.7);
    transform:scale(.7)
}

#hero-actions.section-white {
    background:#fff
}

.nav-header {
    display:none
}

.nav-header .section-title {
    margin-top: -8px;
    margin-bottom:0
}

.nav-header .row {
    margin-top: 5px;
    padding: 10px 0;
    background:#fff
}

.item-home-banner {
    display:none
}

.item-home-banner .section-title {
    margin-top: -8px;
    margin-bottom:0
}

.item-home-banner .item-home-banner-content {
    margin-top: 5px;
    padding: 10px 0 0;
    background:#fff
}

.item-home-banner .item-home-banner-content .item-banner {
    margin:0 10px 10px
}

.item-header {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 400;
    text-align:center
}

.item-header .container {
    margin-top:105px
}

.item-header .container.official-selling {
    margin-top:65px
}

.item-header h1 {
    margin: 0;
    color: #fff;
    font: 700 28px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif;
    line-height: 1.3;
    text-shadow: 2px 0 4px rgba(0, 0, 0, .6);
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

.item-header .view-count {
    position: absolute;
    left: 50%;
    bottom: 15px;
    color:#fff
}

.item-header .view-count span {
    position: relative;
    left: -50%;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 30px;
    background: #ad74eb;
    font-size:90%
}

.item-header .view-count .fa {
    margin-right:5px
}

.item-header .btn {
    margin:0 10px
}

.item-header .btn span {
    margin-left:5px
}

.item-header .btn-default {
    color: #fff;
    background:0 0
}

.item-header .btn-default:hover, .item-header .btn-default:focus, .item-header .btn-default.focus {
    border-color:#fff
}

.item-header .btn-cover {
    position: absolute;
    right: 15px;
    top: 15px;
    margin:0
}

.item-header .item-profile.container {
    margin-top:30px
}

.item-header .item-profile h1 {
    margin: 15px 0 30px;
    color: #333;
    font-size: 18px;
    text-shadow:none
}

.item-header .item-profile .item-avatar {
    margin: 0 auto;
    width: 90px;
    height:90px
}

.item-header .item-profile .item-avatar a {
    width: 90px;
    height: 90px;
    border:2px solid #ddd
}

.item-header .item-profile .btn-default {
    color:#555
}

.item-header .item-profile .btn-default:hover, .item-header .item-profile .btn-default:focus, .item-header .item-profile .btn-default.focus {
    border-color:#777
}

.hero-header {
    position:relative
}

.hero-header h1 {
    font: 700 32px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif
}

.hero-header .hero-gallery {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80px;
    z-index: 400;
    overflow:hidden
}

.hero-header .hero-gallery .swiper-slide {
    width: 80px;
    margin-right:2px
}

.hero-header .hero-gallery .swiper-slide a {
    display: block;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.hero-header .hero-gallery .swiper-slide.view-all {
    position:relative
}

.hero-header .hero-gallery .swiper-slide.view-all a {
    position: relative;
    z-index: 200;
    padding: 23px 5px 0;
    font-size: 12px;
    color: #eee;
    text-align:center
}

.item-guru {
    font-size: 12px;
    cursor:default
}

.item-guru .media-list {
    margin-bottom:15px
}

.item-guru .media {
    padding: 15px 15px 12px;
    background: #f7f7f7;
    border-radius:12px
}

.item-guru .media .media-heading {
    margin:0
}

.item-guru .media h3 {
    display: inline-block;
    margin: 5px 0 0;
    padding: 0;
    font-size:14px
}

.item-guru .media .item-point {
    display: inline-block;
    padding: 3px 10px 4px;
    font-weight: 700;
    color: #777;
    background: #fff;
    border-radius:100px
}

.item-guru .media .item-point img {
    position: relative;
    top: -1px;
    margin-left: 3px;
    width: 16px;
    height:16px
}

.item-guru .item-avatar {
    position: relative;
    padding:5px 15px 0 0
}

.item-guru .item-avatar a {
    width: 54px;
    height:54px
}

.item-guru .item-avatar .item-rank {
    position: absolute;
    top: -5px;
    left: -5px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background: #80b518;
    z-index: 100;
    border-radius:100px
}

.item-guru .item-location {
    margin-bottom: 5px;
    color:#777
}

.item-guru .item-detail {
    color:#777
}

.item-guru .item-detail label {
    margin: 0;
    font-weight:400
}

.item-guru .item-detail a {
    margin-right:15px
}

.item-guru .item-help .icon-wrap {
    border: 0;
    margin-right: 0;
    background:0 0
}

.item-guru .item-help a {
    font-size:14px
}

.item-promo {
    margin-bottom:-30px
}

.item-promo.item-grid {
    margin-bottom:0
}

.item-promo .item-promo-title {
    margin:0 15px 15px
}

.item-promo .item-banner {
    margin-bottom:30px
}

.item-promo .item-banner a {
    position: relative;
    display: block;
    width: 100%;
    height: 270px;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.item-promo .item-banner a .item-overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 35%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.54) 100%);
    z-index:0
}

.item-promo .item-banner a .item-overlay:hover, .item-promo .item-banner a .item-overlay:focus, .item-promo .item-banner a .item-overlay.focus {
    background:linear-gradient(180deg, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.36) 100%)
}

.item-promo .item-banner .item-title {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    max-height: 44px;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    z-index:100
}

@media (max-width: 1199px) {
    .item-promo .item-banner a {
        height:220px
    }

    .item-promo .item-banner .item-title {
        left: 15px;
        right: 15px;
        bottom:15px
    }
}

@media (max-width: 991px) {
    .item-promo .item-banner {
        margin-bottom:20px
    }

    .item-promo .item-banner a {
        height:200px
    }

    .item-section-white .item-promo {
        margin-bottom:20px
    }

    #hero .swiper-image a {
        height:300px
    }

    #hero .swiper-image a h2.hero-title {
        font-size:18px
    }

    #hero .hero-image {
        height:180px
    }

    #hero .hero-header .hero-image {
        height:360px
    }

    .ios .item-header .container {
        margin-top:80px
    }

    .item-header h1 {
        font-size:18px
    }

    .item-header .container {
        margin-top:80px
    }

    .item-header .item-avatar {
        margin-top: 30px;
        width: 72px;
        height:72px
    }

    .item-header .item-avatar a {
        width: 72px;
        height:72px
    }

    .hero-header h1 {
        font-size:24px
    }
}

@media (max-width: 886px) {
    #hero .hero-header .hero-image {
        height:280px
    }
}

@media (max-width: 688px) {
    .item-promo.item-grid {
        padding-bottom:0
    }

    .item-promo .item-banner .item-title {
        font-size:14px
    }

    #hero .swiper-image a {
        height:200px
    }

    #hero .swiper-button-next, #hero .swiper-button-prev {
        display:none
    }

    #hero .item-overlay {
        height:45%
    }

    #hero .hero-header .hero-image {
        height:200px
    }

    #hero .hero-header .hero-image {
        height:280px
    }

    .ios .item-promo .item-banner {
        margin-bottom:2px
    }
}

@media (max-width: 560px) {
    .swiper-banners .swiper-btn-prev, .swiper-banners .swiper-btn-next {
        margin-top:-57.5px
    }

    #hero.hero-mobile {
        display:block
    }

    #hero.hero-mobile .item-header {
        position: static;
        padding-top: 15px;
        background:#fff
    }

    #hero.hero-mobile .item-header .btn {
        margin:0 10px 15px
    }

    #hero.hero-mobile .hero-panel {
        display:none
    }

    #hero.hero-mobile .item-profile.container {
        margin-top:0
    }

    #hero.hero-mobile .item-profile h1 {
        margin:15px 0
    }

    #hero.hero-mobile .item-profile .item-avatar {
        width: 60px;
        height:60px
    }

    #hero.hero-mobile .item-profile .item-avatar a {
        width: 60px;
        height:60px
    }

    #hero-mobile {
        display:block
    }

    #hero-mobile .mobile-title {
        margin: 0;
        padding: 15px;
        font: 700 18px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif
    }

    #article-header-container #hero-mobile {
        background:#fff
    }

    #hero-actions {
        display: table;
        padding: 0;
        width: 100%;
        background: #fff;
        z-index: 999;
        border-top: 1px solid #efefef;
        border-bottom:1px solid #efefef
    }

    #hero-actions.article-hero-actions {
        margin-bottom:15px
    }

    #hero-actions .fa-heart {
        color:#ff4646
    }

    #hero-actions .fa-thumbs-up {
        color:#00bdff
    }

    #hero-actions a.btn, #hero-actions div.btn, #hero-actions .btn.visible-xs {
        display: table-cell;
        margin: 0;
        padding: 10px;
        border: 0;
        border-radius: 0;
        border-left:1px solid #efefef
    }

    #hero-actions a.btn:first-child, #hero-actions div.btn:first-child, #hero-actions .btn.visible-xs:first-child {
        border:0
    }

    #hero-actions span.ng-scope {
        display: table-cell;
        margin: 0;
        border: 0;
        border-radius: 0;
        border-left:1px solid #efefef
    }

    #hero-actions span.ng-scope:first-child {
        border:0
    }

    #hero-actions span.ng-scope a.btn {
        display: block;
        border: 0;
        text-align:center
    }

    #hero-actions .my-share {
        display: table-cell;
        border-left:1px solid #efefef
    }

    #hero-actions .my-share .btn {
        display:block
    }

    .item-header .btn span {
        display:none
    }

    .nav-header, .item-home-banner {
        display:block
    }

    .item-promo .item-banner {
        margin-bottom:15px
    }

    .item-promo .item-banner a {
        border-radius:0
    }
}

@media (max-width: 360px) {
    .item-header .btn {
        margin:0 5px
    }

    .nav-header .icon-grid-title {
        font-size:12px
    }
}

@media (max-width: 320px) {
    #hero-actions .btn {
        margin: 0 4px;
        padding: 4px 8px;
        font-size:12px
    }
}

.campaign-ad-kona {
    position: relative;
    height:250px
}

.campaign-ad-kona .campaign-badge {
    position: absolute;
    top: 0;
    left: 0;
    z-index:9
}

.campaign-ad-kona iframe {
    display: block;
    width: 100%;
    height: 100%;
    border:0
}

.campaign-ad-kona-long {
    position:relative
}

.campaign-ad-kona-long .campaign-badge {
    position: absolute;
    top: 0;
    left: 0;
    z-index:9
}

.campaign-ad-kona-long iframe {
    display: block;
    margin: 0 auto;
    width: 400px;
    height: 140px;
    border:0
}

@media (max-width: 1199px) {
    .campaign-ad-kona {
        height:203px
    }

    .campaign-ad-kona iframe {
        width: 360px;
        height: 250px;
        -ms-zoom: .812;
        -o-transform: scale(.812);
        -moz-transform: scale(.812);
        -webkit-transform: scale(.812);
        transform: scale(.812);
        -o-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        transform-origin:0 0
    }
}

@media (max-width: 399px) {
    .campaign-ad-kona-long {
        height:112px
    }

    .campaign-ad-kona-long iframe {
        position: absolute;
        left: 50%;
        margin-left: -160px;
        -ms-zoom: .8;
        -o-transform: scale(.8);
        -moz-transform: scale(.8);
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -o-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        transform-origin:0 0
    }
}

.campaign-ad-directv {
    position: relative;
    height:175px
}

.campaign-ad-directv .campaign-badge {
    position: absolute;
    top: 0;
    left: 0;
    z-index:9
}

.campaign-ad-directv iframe {
    display: block;
    width: 750px;
    height: 500px;
    -ms-zoom: .35;
    -o-transform: scale(.35);
    -moz-transform: scale(.35);
    -webkit-transform: scale(.35);
    transform: scale(.35);
    -o-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin:0 0
}

@media (max-width: 1199px) {
    .campaign-ad-directv iframe {
        margin-left:-22px
    }
}

@media (max-width: 991px) {
    .campaign-ad-directv {
        background:#005f99
    }

    .campaign-ad-directv iframe {
        position: absolute;
        left: 50%;
        margin-left:-131.25px
    }
}

@media (max-width: 640px) {
    .campaign-ad-directv {
        height:140px
    }

    .campaign-ad-directv iframe {
        margin-left: -105px;
        -ms-zoom: .28;
        -o-transform: scale(.28);
        -moz-transform: scale(.28);
        -webkit-transform: scale(.28);
        transform:scale(.28)
    }
}

.item-breadcrumb {
    padding:15px 0
}

.item-breadcrumb.item-breadcrumb-web {
    margin-bottom:-50px
}

.item-breadcrumb .breadcrumb {
    margin: 0;
    padding: 0;
    background:0 0
}

@media (max-width: 688px) {
    .item-breadcrumb.item-breadcrumb-web {
        margin-bottom:-12px
    }
}

@media (max-width: 560px) {
    .item-breadcrumb .container {
        padding:0 15px
    }
}



.btn-block + .btn-block {
    margin-top:10px
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus {
    background:#009eff
}

.btn-success:hover, .btn-success:focus, .btn-success.focus {
    background:#80b518
}

.btn-promo-code {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0 8px;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    background: #f7f7f7;
    border: 1px solid #efefef;
    border-radius: 4px;
    cursor:pointer
}

.campaign-article .btn-reward-section {
    padding-bottom:15px
}

.btn-reward-section {
    margin: 30px 0 0;
    padding: 30px 0 0;
    text-align: center;
    border-top:1px solid #efefef
}

.btn-reward-section .btn-reward {
    display: inline-block;
    font-size: 20px;
    width: 52px;
    height: 52px;
    border-radius: 100%;
    color: #fff;
    font-weight: 700;
    line-height: 52px;
    text-align: center;
    background:#fb0
}

.btn-reward-section .btn-reward:hover {
    background:#fa0
}

.btn-reward-section .btn-reward-users {
    margin: 0 auto;
    max-width:290px
}

.btn-reward-section .btn-reward-users .btn-reward-title {
    position: relative;
    margin: 15px auto 0;
    width: 160px;
    color: #777;
    font-size:12px
}

.btn-reward-section .btn-reward-users .btn-reward-title span {
    position: relative;
    display: inline-block;
    padding: 0 8px;
    background: #fff;
    z-index:2
}

.btn-reward-section .btn-reward-users .btn-reward-title span strong {
    font-weight:400
}

.btn-reward-section .btn-reward-users .btn-reward-title:after {
    position: absolute;
    top: 50%;
    content: '';
    left: 0;
    right: 0;
    height: 1px;
    background: #efefef;
    z-index:1
}

.btn-reward-section .btn-reward-users .campaign-users {
    font-size:0
}

.btn-reward-section .btn-reward-users .campaign-users .user-avatar {
    display: inline-block;
    margin:10px 7px 0
}

.campaign-button {
    font-size: 18px;
    font-weight: 700;
    font-family: montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif;
    border-radius: 100px;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count:infinite
}

.campaign-button a {
    display: flex;
    padding: 15px 30px;
    min-height: 80px;
    color: #fff;
    align-items: center;
    justify-content:center
}

.campaign-button a:hover {
    color:#fff
}

.campaign-button a .fa {
    margin-right: 15px;
    font-size:32px
}

.campaign-button a .campaign-title {
    margin: 0 !important;
    height:auto !important
}

.campaign-button.campaign-button-sm {
    font-size:16px
}

.campaign-button.campaign-button-sm a {
    padding: 10px 20px;
    min-height:60px
}

.campaign-button.campaign-button-sm .fa {
    font-size:24px
}

.campaign-button.blue {
    background-image: linear-gradient(-45deg, #009eff 0, #00bdff 100%);
    -webkit-animation-name: glowing-blue;
    animation-name:glowing-blue
}

.campaign-button.blue:hover {
    background-image:linear-gradient(-45deg, #00bdff 0, #009eff 100%)
}

.campaign-button.green {
    background-image: linear-gradient(-45deg, #80b518 0, #bada55 100%);
    -webkit-animation-name: glowing-green;
    animation-name:glowing-green
}

.campaign-button.green:hover {
    background-image:linear-gradient(-45deg, #bada55 0, #80b518 100%)
}

.campaign-button.orange {
    background-image: linear-gradient(-45deg, #f60 0, #f90 100%);
    -webkit-animation-name: glowing-orange;
    animation-name:glowing-orange
}

.campaign-button.orange:hover {
    background-image:linear-gradient(-45deg, #f90 0, #f60 100%)
}

.campaign-button.pink {
    background-image: linear-gradient(-45deg, #cc2670 0, #ff55a1 100%);
    -webkit-animation-name: glowing-pink;
    animation-name:glowing-pink
}

.campaign-button.pink:hover {
    background-image:linear-gradient(-45deg, #ff55a1 0, #cc2670 100%)
}

@-webkit-keyframes glowing-blue {
    from {
        -webkit-box-shadow: 0 0 0 rgba(0, 189, 255, .1);
        box-shadow:0 0 0 rgba(0, 189, 255, .1)
    }

    50% {
        -webkit-box-shadow: 0 0 20px rgba(0, 189, 255, .5);
        box-shadow:0 0 20px rgba(0, 189, 255, .5)
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(0, 189, 255, .1);
        box-shadow:0 0 0 rgba(0, 189, 255, .1)
    }
}

@keyframes glowing-blue {
    from {
        -webkit-box-shadow: 0 0 0 rgba(0, 189, 255, .1);
        box-shadow:0 0 0 rgba(0, 189, 255, .1)
    }

    50% {
        -webkit-box-shadow: 0 0 20px rgba(0, 189, 255, .7);
        box-shadow:0 0 20px rgba(0, 189, 255, .7)
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(0, 189, 255, .1);
        box-shadow:0 0 0 rgba(0, 189, 255, .1)
    }
}

@-webkit-keyframes glowing-green {
    from {
        -webkit-box-shadow: 0 0 0 rgba(186, 218, 85, .1);
        box-shadow:0 0 0 rgba(186, 218, 85, .1)
    }

    50% {
        -webkit-box-shadow: 0 0 20px rgba(186, 218, 85, .7);
        box-shadow:0 0 20px rgba(186, 218, 85, .7)
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(186, 218, 85, .1);
        box-shadow:0 0 0 rgba(186, 218, 85, .1)
    }
}

@keyframes glowing-green {
    from {
        -webkit-box-shadow: 0 0 0 rgba(186, 218, 85, .1);
        box-shadow:0 0 0 rgba(186, 218, 85, .1)
    }

    50% {
        -webkit-box-shadow: 0 0 20px rgba(186, 218, 85, .7);
        box-shadow:0 0 20px rgba(186, 218, 85, .7)
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(186, 218, 85, .1);
        box-shadow:0 0 0 rgba(186, 218, 85, .1)
    }
}

@-webkit-keyframes glowing-orange {
    from {
        -webkit-box-shadow: 0 0 0 rgba(255, 153, 0, .1);
        box-shadow:0 0 0 rgba(255, 153, 0, .1)
    }

    50% {
        -webkit-box-shadow: 0 0 20px rgba(255, 153, 0, .7);
        box-shadow:0 0 20px rgba(255, 153, 0, .7)
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(255, 153, 0, .1);
        box-shadow:0 0 0 rgba(255, 153, 0, .1)
    }
}

@keyframes glowing-orange {
    from {
        -webkit-box-shadow: 0 0 0 rgba(255, 153, 0, .1);
        box-shadow:0 0 0 rgba(255, 153, 0, .1)
    }

    50% {
        -webkit-box-shadow: 0 0 20px rgba(255, 153, 0, .7);
        box-shadow:0 0 20px rgba(255, 153, 0, .7)
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(255, 153, 0, .1);
        box-shadow:0 0 0 rgba(255, 153, 0, .2)
    }
}

@-webkit-keyframes glowing-pink {
    from {
        -webkit-box-shadow: 0 0 0 rgba(255, 85, 161, .1);
        box-shadow:0 0 0 rgba(255, 85, 161, .1)
    }

    50% {
        -webkit-box-shadow: 0 0 20px rgba(255, 85, 161, .7);
        box-shadow:0 0 20px rgba(255, 85, 161, .7)
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(255, 85, 161, .1);
        box-shadow:0 0 0 rgba(255, 85, 161, .1)
    }
}

@keyframes glowing-pink {
    from {
        -webkit-box-shadow: 0 0 0 rgba(255, 85, 161, .1);
        box-shadow:0 0 0 rgba(255, 85, 161, .1)
    }

    50% {
        -webkit-box-shadow: 0 0 20px rgba(255, 85, 161, .7);
        box-shadow:0 0 20px rgba(255, 85, 161, .7)
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(255, 85, 161, .1);
        box-shadow:0 0 0 rgba(255, 85, 161, .2)
    }
}

@media (max-width: 991px) {
    .item-article .btn-reward-section {
        border-top: 0;
        margin-top: 0;
        padding-top: 15px;
        padding-bottom:30px
    }
}

@media (max-width: 560px) {
    .btn-hidden {
        display:none
    }

    .campaign-button a {
        min-height:60px
    }

    .campaign-button.campaign-button-sm a {
        min-height:48px
    }
}

.campaign-banner {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover
}

.campaign-banner .container {
    position:relative
}

.campaign-banner .campaign-overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(180deg, transparent 5%, rgba(0, 0, 0, 0.8) 100%);
    z-index:0
}

.campaign-banner .campaign-title {
    position: absolute;
    right: 10%;
    bottom: 20%;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    transform:skewY(-6deg)
}

.campaign-hero .campaign-banner {
    height:300px
}

.campaign-hero .campaign-banner h1 {
    margin: 100px 15px 15px;
    color: #fff;
    font: 700 42px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif;
    text-align: center;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    letter-spacing:10px
}

.campaign-hero.campaign-hero-md {
    position: relative;
    display: table;
    width: 100%;
    z-index:99
}

.campaign-hero.campaign-hero-md .campaign-badge {
    position: absolute;
    top: 0;
    right: 0;
    z-index:999
}

.campaign-hero.campaign-hero-md .campaign-badge.bottom {
    top: auto;
    bottom:0
}

.campaign-hero.campaign-hero-md .campaign-banner {
    display: table-cell;
    height: 160px;
    vertical-align: middle;
    text-align: center;
    overflow:hidden
}

.campaign-hero.campaign-hero-md .campaign-banner .campaign-wechat-banner {
    position: absolute;
    top: 300px;
    left: 0;
    width:100%
}

.campaign-hero.campaign-hero-md .campaign-banner h1 {
    position: relative;
    margin: 0 30px;
    font-size: 28px;
    letter-spacing:normal
}

.campaign-hero.campaign-hero-md .campaign-banner span.campaign-info {
    display: inline-block;
    position: relative;
    margin-top: 5px;
    padding: 3px 8px;
    color:#fff
}

.campaign-hero.campaign-hero-md .campaign-banner span.campaign-info span {
    position: relative;
    z-index: 1;
    font-size:12px
}

.campaign-hero.campaign-hero-md .campaign-banner span.campaign-info:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #80b518;
    opacity: .7;
    border-radius:2px
}

.campaign-hero.campaign-hero-md .campaign-banner.no-bg {
    background:#333 !important
}

.campaign-hero.campaign-hero-md .campaign-banner.no-bg .campaign-overlay {
    display:none
}

.campaign-hero.campaign-hero-sm .campaign-banner {
    position: relative;
    background: #fff;
    height: auto;
    border-bottom:1px solid #efefef
}

.campaign-hero.campaign-hero-sm .campaign-banner h1 {
    margin: 0;
    padding: 15px;
    color: #333;
    font-size: 22px;
    line-height: 1.8;
    letter-spacing: normal;
    text-align: left;
    text-shadow:none
}

.campaign-hero.campaign-hero-sm .campaign-banner .campaign-badge {
    position: absolute;
    left: 0;
    top:0
}

.campaign-hero.campaign-hero-sm .campaign-banner .campaign-badge.right {
    left: auto;
    right:0
}

.campaign-hero.campaign-hero-sm .campaign-banner .campaign-promo {
    margin: -5px 15px 15px;
    color: #00bdff;
    font-size: 16px;
    font-weight:700
}

.campaign-hero.campaign-hero-sm .campaign-banner .campaign-info {
    margin: 0 15px 15px;
    font-size: 12px;
    color:#777
}

.campaign-hero.campaign-hero-sm .campaign-banner .campaign-info div {
    margin-right: 30px;
    display:inline-block
}

.campaign-hero.campaign-hero-sm .campaign-banner .campaign-info div:last-child {
    margin-right:0
}

.campaign-hero.campaign-hero-sm .campaign-banner .campaign-info .fa {
    margin-right:5px
}

.campaign-hero.campaign-hero-sm .campaign-banner .campaign-comment .campaign-head {
    margin:0 15px 15px
}

.campaign-hero.campaign-hero-xs .campaign-banner {
    background: #fff;
    height:auto
}

.campaign-hero.campaign-hero-xs .campaign-banner h1 {
    margin: 30px;
    color: #333;
    font-size: 22px;
    line-height: 1.8;
    letter-spacing: normal;
    text-shadow:none
}

.campaign-album .campaign-photo {
    position: relative;
    margin-bottom: 30px;
    padding: 8px;
    background:#fff
}

.campaign-album .campaign-photo .campaign-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    pointer-events:none
}

.campaign-album .campaign-photo .campaign-title {
    margin: 10px 0 0;
    padding: 0 7px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

.campaign-album .campaign-photo .campaign-info {
    margin: 5px 0;
    padding: 0 7px;
    height: 17px;
    font-size: 12px;
    color:#777
}

.campaign-album .gallery-photo {
    display: block;
    background-size:cover
}

.campaign-album .gallery-photo img {
    width:100%
}

.campaign-pane {
    position: relative;
    background: #fff;
    box-shadow:0 10px 30px rgba(0, 0, 0, .1)
}

.campaign-pane.has-tab {
    margin-top:-87px
}

.campaign-pane.no-tab {
    margin-top: -87px;
    padding-top:30px
}

.campaign-panel .campaign-tab {
    margin:0
}

.campaign-panel .btn {
    border-radius:4px
}

.campaign-panel .campaign-form .campaign-radio {
    padding-top: 0;
    padding-bottom:0
}

.campaign-panel .campaign-form .campaign-total strong {
    color: #f60;
    font:700 18px montserrat
}

.campaign-section {
    margin: 30px 0 0;
    overflow:hidden
}

.campaign-section .section-title {
    margin-bottom:30px
}

.campaign-section .section-title .fa {
    margin-right:8px
}

.campaign-section .section-title .fa.fa-share-alt {
    margin:0
}

.campaign-section .section-title .swiper-action {
    position:relative
}

.campaign-section .section-title .btn {
    border-radius:4px
}

.campaign-section .section-title .btn ins {
    text-decoration:none
}

.campaign-section .section-title.has-line {
    margin: 0 0 20px;
    padding: 0 0 10px;
    border-bottom:1px solid #efefef
}

.campaign-section .section-title.has-line .campaign-tags .campaign-tag {
    display: block;
    float: left;
    margin: 2px 0 0 15px;
    padding: 5px 15px;
    border: 1px solid #efefef;
    border-radius: 100px;
    background:#fff
}

.campaign-section .section-title.has-line .campaign-tags .campaign-tag.active {
    border-color:#333
}

.campaign-section .section-title.has-line .swiper-btns {
    float:right
}

.campaign-section .section-title.has-line .swiper-btns .swiper-btn-prev, .campaign-section .section-title.has-line .swiper-btns .swiper-btn-next {
    float: left;
    width: 50px;
    height: 36px;
    line-height: 36px;
    color: #333;
    font-size: 18px;
    text-align: center;
    border-left: 1px solid #efefef;
    cursor:pointer
}

.campaign-section .section-title.has-line .swiper-btns .swiper-btn-prev .fa, .campaign-section .section-title.has-line .swiper-btns .swiper-btn-next .fa {
    margin-right:0
}

.campaign-section .section-title.has-line .swiper-btns .swiper-btn-prev:hover, .campaign-section .section-title.has-line .swiper-btns .swiper-btn-next:hover {
    color:#666
}

.campaign-section .section-title.has-line .swiper-btns .swiper-btn-prev.swiper-button-disabled, .campaign-section .section-title.has-line .swiper-btns .swiper-btn-next.swiper-button-disabled {
    color: #ccc;
    cursor:default
}

.campaign-section .section-title.has-line .swiper-btns .swiper-btn-prev {
    border-left:0
}

.campaign-section .section-title.has-line .swiper-btns .swiper-btn-more {
    float: left;
    display: block;
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    border-left:1px solid #efefef
}

.campaign-section .section-title.has-line .swiper-btns .swiper-btn-more .fa {
    margin-left: 5px;
    margin-right: 0;
    font-size: 19px;
    color:#999
}

.campaign-section.no-bg {
    margin: 0;
    padding: 30px 0 0;
    background: #fff;
    overflow:visible
}

.campaign-section .swiper-cards.swiper-cards-hot-merchants .swiper-container {
    margin: 0;
    padding-left: 0;
    padding-right:0
}

.campaign-section .swiper-cards.swiper-cards-hot-merchants .campaign {
    width:auto
}

.campaign-section .swiper-cards-products .campaign .campaign-offer.campaign-box .campaign-wrap .campaign-desc h2 {
    height:26px
}

.campaign-section .swiper-cards-guides .campaign .campaign-offer.campaign-box .campaign-wrap .campaign-desc h2 {
    height:26px
}

.campaign-breadcrumb {
    margin-top: 20px;
    margin-bottom:-10px
}

.campaign-breadcrumb .breadcrumb {
    margin: 0;
    padding: 0;
    background: 0 0;
    border-radius:0
}

.ios .campaign-breadcrumb {
    display: none;
    margin: 0;
    height:0
}

.campaign-nav {
    background: #222;
    border-top:1px solid #222
}

.campaign-nav ul {
    float: left;
    margin: 0;
    padding: 0;
    border-right:1px solid #0a0a0a
}

.campaign-nav ul li {
    float: left;
    list-style:none
}

.campaign-nav ul li a {
    display: block;
    padding: 15px 30px;
    color: #fff;
    border-left:1px solid #0a0a0a
}

.campaign-nav ul li a:hover, .campaign-nav ul li a.active {
    background:#0a0a0a
}

.campaign-tab {
    margin-bottom: 30px;
    border-bottom: 1px solid #efefef;
    background:#fff
}

.campaign-tab.black {
    background-image: linear-gradient(-45deg, #111 0, #333 100%) !important;
    border-bottom:1px solid #000
}

.campaign-tab.black ul li:hover {
    background:#000
}

.campaign-tab.black ul li:hover a {
    color:#fff
}

.campaign-tab.black ul li.active {
    background:#000
}

.campaign-tab.black ul li.active a {
    color:#fff
}

.campaign-tab.black ul li a {
    color:#efefef
}

.campaign-tab.campaign-tab-md-5 ul.col-5 {
    display:flex
}

.campaign-tab.campaign-tab-md-5 ul.col-5 li:nth-child(2) {
    width:17%
}

.campaign-tab.campaign-tab-md-5 ul.col-5 li:nth-child(3) {
    width:17%
}

.campaign-tab.campaign-tab-md-5 ul.col-5 li:nth-child(4) {
    width:17%
}

.campaign-tab.campaign-tab-md-5 ul.col-5 li:nth-child(5) {
    width:29%
}

.campaign-tab.campaign-tab-md-5 ul.col-5 li:nth-child(6) {
    width:29%
}

.campaign-tab.campaign-tab-md-6 ul.col-6 {
    display:flex
}

.campaign-tab.campaign-tab-md-6 ul.col-6 li:nth-child(1) {
    width:16%
}

.campaign-tab.campaign-tab-md-6 ul.col-6 li:nth-child(2) {
    width:16%
}

.campaign-tab.campaign-tab-md-6 ul.col-6 li:nth-child(3) {
    width:16%
}

.campaign-tab.campaign-tab-md-6 ul.col-6 li:nth-child(4) {
    width:16%
}

.campaign-tab.campaign-tab-md-6 ul.col-6 li:nth-child(5) {
    width:36%
}

.campaign-tab.campaign-tab-md-7 ul.col-7 {
    display:flex
}

.campaign-tab.campaign-tab-md-7 ul.col-7 li:nth-child(1) {
    width:11%
}

.campaign-tab.campaign-tab-md-7 ul.col-7 li:nth-child(2) {
    width:11%
}

.campaign-tab.campaign-tab-md-7 ul.col-7 li:nth-child(3) {
    width:11%
}

.campaign-tab.campaign-tab-md-7 ul.col-7 li:nth-child(4) {
    width:11%
}

.campaign-tab.campaign-tab-md-7 ul.col-7 li:nth-child(5) {
    width:11%
}

.campaign-tab.campaign-tab-md-7 ul.col-7 li:nth-child(6) {
    width:15%
}

.campaign-tab.campaign-tab-md-7 ul.col-7 li:nth-child(7) {
    width:30%
}

.campaign-tab ul {
    margin: 0;
    padding:0
}

.campaign-tab ul.col-6 li {
    width:16.66666667%
}

.campaign-tab ul.col-5 li {
    width:20%
}

.campaign-tab ul.col-4 li {
    width:25%
}

.campaign-tab ul.col-3 li {
    width:33.33333333333333%
}

.campaign-tab ul.col-2 li {
    width:50%
}

.campaign-tab ul li {
    display: inline-block;
    text-align:center
}

.campaign-tab ul li.active a {
    font-weight: 700;
    color:#333
}

.campaign-tab ul li.tab-mxj {
    position: relative;
    background:#666 !important
}

.campaign-tab ul li.tab-mxj a {
    margin-left:25px
}

.campaign-tab ul li.tab-mxj img {
    position: absolute;
    top: 13px;
    left: -25px;
    width:30px
}

.campaign-tab ul li.tab-trans-global {
    position: relative;
    background-image: linear-gradient(-135deg, #333 0, #000 100%) !important;
    vertical-align:middle
}

.campaign-tab ul li.tab-trans-global:hover {
    background-image:linear-gradient(-135deg, #000 0, #333 100%) !important
}

.campaign-tab ul li.tab-trans-global .nav-link {
    display: flex;
    padding-top: 10px;
    padding-bottom: 9px;
    align-items: center;
    justify-content:center
}

.campaign-tab ul li.tab-trans-global img {
    margin-right: 8px;
    width:80px
}

.campaign-tab ul li.tab-ow {
    position: relative;
    background-image: linear-gradient(-135deg, #333 0, #000 100%) !important;
    vertical-align:middle
}

.campaign-tab ul li.tab-ow:hover {
    background-image:linear-gradient(-135deg, #000 0, #333 100%) !important
}

.campaign-tab ul li.tab-ow .nav-link {
    display: flex;
    padding-top: 14px;
    padding-bottom: 13px;
    align-items: center;
    justify-content:center
}

.campaign-tab ul li.tab-ow img {
    margin: -2px 12px -2px 0;
    height:32px
}

.campaign-tab ul li.tab-abc {
    position: relative;
    background-image: linear-gradient(-135deg, #333 0, #000 100%) !important;
    vertical-align:middle
}

.campaign-tab ul li.tab-abc:hover {
    background-image:linear-gradient(-135deg, #000 0, #333 100%) !important
}

.campaign-tab ul li.tab-abc .nav-link {
    display: flex;
    padding-top: 14px;
    padding-bottom: 13px;
    align-items: center;
    justify-content:center
}

.campaign-tab ul li.tab-abc img {
    margin-right: 12px;
    height:28px
}

.campaign-tab ul li.tab-wanxiang {
    position: relative;
    background-image: linear-gradient(-135deg, #333 0, #000 100%) !important;
    vertical-align:middle
}

.campaign-tab ul li.tab-wanxiang:hover {
    background-image:linear-gradient(-135deg, #000 0, #333 100%) !important
}

.campaign-tab ul li.tab-wanxiang .nav-link {
    display: flex;
    padding-top: 10px;
    padding-bottom: 9px;
    align-items: center;
    justify-content:center
}

.campaign-tab ul li.tab-wanxiang img {
    margin-right: 8px;
    height:36px
}

.campaign-tab ul li a {
    display: inline-block;
    padding: 15px;
    line-height: 1.4;
    color: #777;
    font-size: 18px;
    border-bottom:2px solid transparent
}

.campaign-tab ul li a:hover, .campaign-tab ul li a:focus, .campaign-tab ul li a.focus {
    color: #555;
    border-bottom:2px solid #555
}

.campaign-tab ul li a .fa {
    margin-right:8px
}

.campaign-tab ul li a .icon {
    display: inline-block;
    position: relative;
    top: 3px;
    margin:0 8px 0 0
}

.campaign-tab ul li a .icon-nav-square {
    margin-right: 10px;
    display: inline-block;
    vertical-align:middle
}

.campaign-tab ul li a .icon-nav-square + span {
    display: inline-block;
    font-weight: 700;
    vertical-align:middle
}

.campaign-tab ul li a em {
    position: relative;
    top: -1px;
    margin-left: 5px;
    font-style: normal;
    font-size:14px
}

.campaign-tab ul li a.hot {
    position:relative
}

.campaign-tab ul li a.hot:after {
    content: 'HOT';
    background:#ff4646
}

.campaign-tab ul li a.new {
    position:relative
}

.campaign-tab ul li a.new:after {
    content: 'NEW';
    background:#00bdff
}

.campaign-tab ul li a:after {
    position: absolute;
    top: 4px;
    right: -4px;
    padding: 1px;
    width: 38px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-family: montserrat;
    border-radius: 2px;
    -webkit-transform: scale(.7);
    transform:scale(.7)
}


.campaign-form {
    padding: 15px 15px 0;
    background:#fff
}

.campaign-form label {
    font-size: 14px;
    font-weight:400
}

.campaign-form label em {
    color: #ff4646;
    margin-left: 5px;
    font-style:normal
}

.campaign-form .form-group {
    margin-bottom:15px
}

.campaign-form .form-group .search-list-auto {
    position: absolute;
    top: 42px;
    right: 0;
    left: 50px;
    z-index: 99;
    box-shadow:0 10px 30px rgba(0, 0, 0, .1)
}

.campaign-form .input-group .input-group-addon {
    background:#f7f7f7
}

.campaign-form .input-group .input-group-addon .fa {
    width: 15px;
    color:#777
}
.campaign-form .btn-group {
    width: 100%;
    margin-bottom:15px
}

.campaign-form .btn-group.btn-tab.col-6 .btn {
    width:50%
}

.campaign-form .btn-group.btn-tab.col-4 .btn {
    width:33.33333333%
}

.campaign-form .btn-group.btn-tab .btn-active {
    color: #fff;
    background-color: #777;
    border-color:#777
}

.campaign-form .btn-group.btn-tab > .btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius:0
}

.campaign-form .btn-group.btn-tab > .btn:last-child {
    border-bottom-right-radius: 0;
    border-top-right-radius:0
}

.campaign-form .row {
    margin:0 -7px 0 -8px
}

.campaign-form .row .form-group {
    margin-bottom: 15px;
    padding:0 7px 0 8px
}

.campaign-form .campaign-checkbox {
    margin-top: -5px;
    padding: 0 0 0 20px;
    font-size:16px
}

.campaign-form .campaign-checkbox label:before, .campaign-form .campaign-checkbox label:after {
    margin-top:3px
}

.campaign-frame.gray .campaign-wrap {
    background:#f7f7f7
}

.campaign-frame .campaign-wrap {
    display: block;
    padding: 15px;
    background: #fff;
    border-radius:4px
}

.campaign-frame .campaign-wrap .campaign-img {
    float: left;
    margin-right:20px
}

.campaign-frame .campaign-wrap .campaign-img a, .campaign-frame .campaign-wrap .campaign-img span {
    width: 160px;
    height: 101px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.campaign-frame .campaign-wrap .campaign-title {
    margin-top: 5px;
    margin-bottom: 15px;
    font: 700 18px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif
}

.campaign-frame .campaign-wrap .btn-success .fa {
    margin-right:8px
}

.campaign-comment.campaign-head-list .campaign-head {
    margin-bottom: 10px !important;
    padding-bottom: 10px;
    font-size: 14px;
    border-bottom:1px solid #efefef
}

.campaign-comment.campaign-head-list .campaign-head .user-avatar.user-avatar-sm a, .campaign-comment.campaign-head-list .campaign-head .user-avatar.user-avatar-sm span {
    width: 36px;
    height:36px
}

.campaign-comment.campaign-head-list .campaign-head .user-name.user-name-top {
    margin-top:4px
}

.campaign-comment .campaign-checkbox.checkbox input[type=checkbox] {
    width: 16px;
    height:16px
}

.campaign-comment.margin-top {
    margin-top:15px
}

.campaign-comment.campaign-notify .campaign-intro a {
    margin: 0 5px;
    font-weight:700
}

.campaign-comment.campaign-chat {
    padding:15px
}

.campaign-comment.campaign-chat .campaign-chat-wrap {
    display: flex;
    padding: 0;
    border-bottom:0
}

.campaign-comment.campaign-chat .campaign-chat-bar {
    margin: 0 -15px;
    padding: 15px 15px 0;
    border-top: 1px solid #efefef;
    border-bottom:0
}

.campaign-comment.campaign-chat .campaign-chat-content {
    position: relative;
    padding: 15px;
    background:#f7f7f7
}

.campaign-comment.campaign-chat .campaign-chat-content:before {
    content: ' ';
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom:15px solid transparent
}

.campaign-comment.campaign-chat .campaign-chat-content .campaign-info-sm {
    color: #777;
    font-size:12px
}

.campaign-comment.campaign-chat .campaign-chat-content .campaign-info-sm.no-margin {
    margin:0
}

.campaign-comment.campaign-chat .campaign-chat-content .campaign-desc .campaign {
    margin:15px 0 0
}

.campaign-comment.campaign-chat .campaign-chat-list {
    margin-bottom:20px
}

.campaign-comment.campaign-chat .campaign-list-left .campaign-chat-content {
    margin-left: 5px;
    border-radius:0 4px 4px 4px
}

.campaign-comment.campaign-chat .campaign-list-left .campaign-chat-content:before {
    left: -12px;
    border-right:12px solid #f7f7f7
}

.campaign-comment.campaign-chat .campaign-list-right .campaign-chat-wrap {
    flex-direction:row-reverse
}

.campaign-comment.campaign-chat .campaign-list-right .campaign-chat-content {
    margin-right: 5px;
    border-radius:4px 0 4px 4px
}

.campaign-comment.campaign-chat .campaign-list-right .campaign-chat-content:before {
    right: -12px;
    border-left:12px solid #f7f7f7
}

.campaign-comment .campaign-wrap {
    position: relative;
    padding: 15px;
    border-bottom:1px solid #efefef
}

.campaign-comment .campaign-wrap .campaign-badge {
    position: absolute;
    top: 0;
    right:0
}

.campaign-comment .campaign-rate {
    padding: 15px;
    border-radius: 4px;
    background:#f7f7f7
}

.campaign-comment .campaign-rate .item-rating-heart-lg {
    float:left
}

.campaign-comment .campaign-rate .item-rating-heart-lg .icon-rating {
    float:right
}

.campaign-comment .campaign-rate .item-rating-heart-lg .icon-rating:hover, .campaign-comment .campaign-rate .item-rating-heart-lg .icon-rating:hover ~ .icon-rating {
    background-position:left -36px
}

.campaign-comment .campaign-head {
    margin-bottom:15px
}

.campaign-comment .campaign-head span {
    float: right;
    margin-top: 14px;
    color:#777
}

.campaign-comment .campaign-head .user-operate {
    display: none;
    float: right;
    padding: 2px 7px;
    margin: 10px -7px 0 3px;
    font-size: 16px;
    color:#777
}

.campaign-comment .campaign-head .user-post {
    float: right;
    margin: 5px 0 0;
    font-size: 12px;
    color: #777;
    text-align:right
}

.campaign-comment .campaign-head .user-post .fa {
    margin-right:5px
}

.campaign-comment .campaign-head .user-post .user-views {
    margin:5px 0 0
}

.campaign-comment .campaign-head .user-avatar {
    float:left
}

.campaign-comment .campaign-head .user-name {
    float: left;
    margin: 1px 0 0 10px;
    font-weight:700
}

.campaign-comment .campaign-head .user-name .user-points {
    margin: 5px 0 0;
    color: #333;
    font-size: 12px;
    font-weight:400
}

.campaign-comment .campaign-head .user-name .icon-nav-square {
    float: left;
    margin: 0 5px 0 0;
    width: 16px;
    height: 16px;
    border-radius:32px
}

.campaign-comment .campaign-head .user-name .icon-nav-square .icon-points {
    margin: -8px 0 0 -8px;
    width: 16px;
    height: 16px;
    background-size: 32px 368px;
    background-position:left -352px
}

.campaign-comment .campaign-head .user-name.user-name-top {
    margin-top:10px
}

.campaign-comment .campaign-head .user-name.user-name-xs {
    margin-top:6px
}

.campaign-comment .campaign-head .user-name.user-name-xs + span {
    margin-top:6px
}

.campaign-comment .campaign-head .campaign-badge {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    z-index:1
}

.campaign-comment .campaign-head .campaign-badge .fa {
    margin-right:8px
}

.campaign-comment .campaign-head .campaign-badge:after {
    z-index:-1
}

.campaign-comment .user-bio {
    margin: 5px 0 0;
    color: #555;
    font-size:14px
}

.campaign-comment .user-post-date {
    margin: 8px 0 0;
    color: #777;
    font-size:12px
}

.campaign-comment .campaign-desc {
    margin: 0 0 15px;
    line-height:1.8
}

.campaign-comment .campaign-desc p {
    margin: 0 0 15px !important;
    font-size:inherit !important
}

.campaign-comment .campaign-reward-users {
    margin-bottom:10px
}

.campaign-comment .campaign-reward-users .campaign-user-title {
    display: inline-block;
    margin: 0 5px 5px 0;
    color: #777;
    font-size: 12px;
    vertical-align:middle
}

.campaign-comment .campaign-reward-users .campaign-users {
    display: inline-block;
    vertical-align: middle;
    font-size:0
}

.campaign-comment .campaign-reward-users .campaign-users .user-avatar {
    display: inline-block;
    margin:0 5px 5px 0
}

.campaign-comment .campaign-reward-users .campaign-users .user-avatar a {
    width: 24px;
    height: 24px;
    line-height:24px
}

.campaign-comment .campaign-level {
    display: block;
    padding: 5px 8px;
    color: #555;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 700;
    border: 1px solid #ddd;
    background: #fafafa;
    border-radius:4px
}

.campaign-comment .campaign-img-group .row {
    margin:0 -7px 0 -8px
}

.campaign-comment .campaign-img-group .col-xs-2 {
    padding:0 7px 0 8px
}

.campaign-comment .campaign-img-group .col-xs-3 {
    padding:0 7px 0 8px
}

.campaign-comment .campaign-img-group .col-xs-4 {
    padding:0 7px 0 8px
}

.campaign-comment .campaign-img-group a, .campaign-comment .campaign-img-group span {
    display: block;
    margin: 0 0 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.campaign-comment .campaign-img-group a img, .campaign-comment .campaign-img-group span img {
    width:100%
}

.campaign-comment .item-rating {
    margin-bottom: 10px;
    height:18px
}

.campaign-comment .item-rating.no-height {
    height:auto
}

.campaign-comment .item-rating.no-height .campaign-merchant-title {
    position: relative;
    top: -4px;
    margin-right: 8px;
    display: inline-block;
    font:700 14px montserrat
}

.campaign-comment .campaign-reply-list {
    margin-top: 15px;
    border: 1px solid #efefef;
    border-radius: 4px;
    overflow:hidden
}

.campaign-comment .campaign-reply {
    position: relative;
    border-bottom: 1px solid #efefef;
    background: #fafafa;
    padding:15px
}

.campaign-comment .campaign-reply .campaign-head span {
    margin-top:6px
}

.campaign-comment .campaign-reply .campaign-head .user-name {
    margin:6px 0 0 10px
}

.campaign-comment .campaign-reply .campaign-head .user-operate {
    margin:2px -7px 0 3px
}

.campaign-comment .campaign-reply .campaign-reply-label {
    color:#777
}

.campaign-comment .campaign-reply .textarea-group {
    margin-top:15px
}

.campaign-comment .campaign-reply.campaign-reply-more {
    padding:0
}

.campaign-comment .campaign-reply.campaign-reply-more a {
    display: block;
    padding: 15px;
    text-align:center
}

.campaign-comment .campaign-reply-area {
    padding: 15px;
    background:#f7f7f7
}

.campaign-comment .textarea-group .textarea-group-btn {
    display: block;
    text-align: right;
    margin-top:10px
}

.campaign-comment .textarea-group .btn {
    border-radius:4px
}

.campaign-comment .textarea-group .btn-image {
    margin-right: 10px;
    padding: 5px 14px;
    font-size:17px
}

.campaign-comment .textarea-group .btn-gif {
    margin-right: 10px;
    padding: 8px 12px;
    font-size: 13px;
    font-weight:700
}

.campaign-video-vertical {
    margin: 0 auto;
    max-width:480px
}

.campaign-video, .campaign-map {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height:0
}

.campaign-video iframe, .campaign-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border:0
}

.campaign-video.is-vertical, .campaign-map.is-vertical {
    padding-bottom:173.7%
}

.campaign-video.is-feed, .campaign-map.is-feed {
    padding-bottom:37.5%
}

.campaign-video + figcaption, .campaign-map + figcaption {
    margin-top: 5px;
    color: #777;
    font-size: 13px;
    font-style:normal
}

.item-load .campaign-pagination {
    margin-bottom: 15px;
    padding:0
}

.campaign-pagination {
    padding: 15px;
    height: 66px;
    text-align:center
}

.campaign-pagination.no-padding {
    padding: 0;
    height:auto
}

.campaign-pagination ul.pagination {
    margin:0
}

.campaign-pagination ul.pagination li.active a {
    color: #fff;
    background: #333;
    border-color:#333
}

.campaign-pagination ul.pagination li.disabled a {
    color: #999;
    border-color:#efefef
}

.campaign-pagination ul.pagination li a {
    padding: 7px;
    min-width: 36px;
    color: #333;
    border-color:#efefef
}

.campaign-loading {
    padding: 10px 15px;
    background:#fff
}

.campaign-loading .campaign-loading-icon {
    margin: 0 auto;
    width: 40px;
    height: 20px;
    background-image: url(/images/dot-loading.gif);
    background-repeat: no-repeat;
    background-size:40px 20px
}

.campaign-no-margin .campaign {
    margin:0
}

.campaign-no-margin .campaign-tab {
    margin:0
}

.campaign-no-margin .campaign-tab ul li a {
    font-size:16px
}

.campaign {
    margin: 0 0 30px;
    background-color: #fff;
    overflow:hidden
}

.campaign.has-bg {
    background:#f7f7f7
}

.campaign.no-bg {
    background:0 0
}

.campaign.no-margin {
    margin:0
}

.campaign.no-hidden {
    overflow:visible
}

.campaign.no-overlay .campaign-overlay {
    display:none
}

.campaign.has-coupon {
    background:0 0
}

.campaign.has-coupon .campaign-offer .campaign-wrap {
    padding: 0 5px;
    border-bottom:0
}

.campaign.has-coupon .campaign-coupon {
    display: block;
    position: relative;
    padding: 15px;
    background:#fff
}

.campaign.has-coupon .campaign-coupon:before {
    position: absolute;
    top: 0;
    left: -5px;
    display: block;
    content: "";
    background: radial-gradient(circle, transparent 5px, #fff 5px);
    background-size: 20px 20px;
    background-position: -10px -10px;
    width: 10px;
    height: 100%;
    z-index:9
}

.campaign.has-coupon .campaign-coupon:after {
    position: absolute;
    top: 0;
    right: -5px;
    left: auto;
    bottom: 0;
    content: "";
    display: block;
    background: radial-gradient(circle, transparent 5px, #fff 5px);
    background-size: 20px 20px;
    background-position: 0 -10px;
    width: 10px;
    height: 100%;
    z-index:9
}

.campaign.campaign-service {
    box-shadow:0 0 10px 1px rgba(0, 0, 0, .05)
}

.campaign.campaign-service .campaign-lg .campaign-wrap {
    height:240px
}

.campaign.campaign-service .campaign-lg.campaign-feed {
    border-bottom:0
}

.campaign.campaign-service .campaign-lg.campaign-feed .campaign-intro {
    font-size:14px
}

.campaign.campaign-service .campaign-lg.campaign-feed .campaign-intro p {
    margin-bottom:15px
}

.campaign.campaign-service .campaign-lg.campaign-feed .campaign-intro p:last-child {
    margin-bottom:0
}

.campaign.campaign-service .campaign-lg.campaign-feed .btn-primary {
    margin: 15px 0 0;
    border-radius:4px
}

.campaign .campaign-header {
    border-bottom:1px solid #efefef
}

.campaign .campaign-header .clearfix {
    display:block
}

.campaign .campaign-header .clearfix:before {
    float: right;
    margin: 15px 15px 0 10px;
    font: normal normal normal 19px/1 FontAwesome;
    color: #999;
    content: "\f105"
}

.campaign .campaign-header.campaign-message {
    position:relative
}

.campaign .campaign-header.campaign-message .campaign-title {
    float: none;
    margin:15px 15px 15px 55px
}

.campaign .campaign-header.campaign-message .campaign-header-badge.campaign-message-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height:auto
}

.campaign .campaign-header.campaign-message .campaign-header-badge.campaign-message-icon .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin:-9px 0 0 -8px
}

.campaign .campaign-header .campaign-header-badge {
    float: left;
    margin-right: 15px;
    width: 40px;
    height: 50px;
    color: #fff;
    text-align: center;
    font-family: Montserrat;
    font-weight:700
}

.campaign .campaign-header .campaign-header-badge.campaign-message-icon {
    background:#f60
}

.campaign .campaign-header .campaign-header-badge.campaign-message-icon .fa {
    font-size: 18px;
    margin-top:15px
}

.campaign .campaign-header .campaign-header-badge.black {
    background:#222
}

.campaign .campaign-header .campaign-header-badge.black .fa {
    font-size: 18px;
    margin-top:15px
}

.campaign .campaign-header .campaign-header-badge.green {
    background:#80b518
}

.campaign .campaign-header .campaign-header-badge.green .fa {
    font-size: 18px;
    margin-top:15px
}

.campaign .campaign-header .campaign-header-badge.blue {
    background:#00bdff
}

.campaign .campaign-header .campaign-header-badge.blue .fa {
    font-size: 18px;
    margin-top:15px
}

.campaign .campaign-header .campaign-header-badge.red {
    background:#ff4646
}

.campaign .campaign-header .campaign-header-badge.red .fa {
    font-size: 18px;
    margin-top:15px
}

.campaign .campaign-header .campaign-header-badge.orange {
    background:#f60
}

.campaign .campaign-header .campaign-header-badge.orange .fa {
    font-size: 18px;
    margin-top:15px
}

.campaign .campaign-header .campaign-header-badge.campaign-guru-chat, .campaign .campaign-header .campaign-header-badge.campaign-guru-merchant {
    background:#222
}

.campaign .campaign-header .campaign-header-badge.campaign-guru-chat .fa, .campaign .campaign-header .campaign-header-badge.campaign-guru-merchant .fa {
    font-size: 18px;
    margin-top:15px
}

.campaign .campaign-header .campaign-header-badge.campaign-buy-car {
    background:#80b518
}

.campaign .campaign-header .campaign-header-badge.campaign-buy-car .fa-car {
    font-size: 18px;
    margin-top:15px
}

.campaign .campaign-header .campaign-header-badge.campaign-purchase-car {
    background:#00bdff
}

.campaign .campaign-header .campaign-header-badge.campaign-purchase-car .fa-car {
    font-size: 18px;
    margin-top:15px
}

.campaign .campaign-header .campaign-header-badge.campaign-trend {
    background:#00bdff
}

.campaign .campaign-header .campaign-header-badge.campaign-trend .fa-line-chart {
    font-size: 18px;
    margin-top:15px
}

.campaign .campaign-header .campaign-header-badge.campaign-calendar {
    background:#00bdff
}

.campaign .campaign-header .campaign-header-badge.campaign-calendar .campaign-month {
    padding: 4px 0;
    font-size: 11px;
    text-transform:uppercase
}

.campaign .campaign-header .campaign-header-badge.campaign-calendar .campaign-date {
    font-size: 18px;
    text-transform:uppercase
}

.campaign .campaign-header .campaign-total {
    float: right;
    margin:14px 15px 14px 0
}

.campaign .campaign-header .campaign-total strong {
    color: #f60;
    font: 700 18px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif
}

.campaign .campaign-header .campaign-title {
    position: relative;
    margin: 0 15px;
    padding: 14px 0;
    font-size: 16px;
    font-weight: 700;
    font-family: montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif
}

.campaign .campaign-header .campaign-title.single {
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

.campaign .campaign-header .campaign-title .campaign-badge {
    position: relative;
    display: inline-block;
    margin-right:15px
}

.campaign .campaign-header .campaign-title .fa-hashtag {
    margin-right: 8px;
    padding: 4px;
    color: #fff;
    background: #80b518;
    border-radius:2px
}

.campaign .campaign-header .campaign-title .fa-fire {
    margin-right: 8px;
    padding: 4px 6px;
    color: #fff;
    background: #ff4646;
    border-radius:2px
}

.campaign .campaign-header .campaign-title .fa-question-circle {
    margin-left: 5px;
    color:#777
}

.campaign .campaign-header .campaign-title .campaign-remark {
    display: inline-block;
    color: #777;
    font-size: 14px;
    font-weight: 400;
    margin-left:8px
}

.campaign .campaign-header .campaign-title strong {
    margin:0 5px
}

.campaign .campaign-header .campaign-title em {
    margin-right: 8px;
    font-size:18px
}

.campaign .campaign-header .campaign-title.campaign-title-sm {
    font-size:14px
}

.campaign .campaign-header .campaign-title.campaign-title-sm a {
    margin-left: 10px;
    font-weight: 400;
    color: #009eff;
    border-bottom:1px dotted #ccc
}

.campaign .campaign-header .campaign-title.campaign-title-sm a:hover {
    border-bottom:1px dotted #009eff
}

.campaign .campaign-header .campaign-title.campaign-buy-car-title, .campaign .campaign-header .campaign-title.campaign-purchase-car-title, .campaign .campaign-header .campaign-title.campaign-guru-chat-title {
    font-size:15px
}

.campaign .campaign-header .campaign-title .checkbox {
    padding:0 0 0 20px
}

.campaign .campaign-header .campaign-title .checkbox label {
    font-weight:700
}

.campaign .campaign-header .campaign-close {
    float: right;
    padding: 0 15px;
    height: 48px;
    line-height:48px
}

.campaign .campaign-header .campaign-close .fa-close {
    color:#999
}

.campaign .campaign-header .campaign-edit.btn {
    margin: 10px 10px 0 0;
    border-radius:4px
}

.campaign .campaign-header .campaign-edit.btn .fa {
    margin-right:5px
}

.campaign .campaign-header .swiper-btns {
    position: relative;
    float: right;
    z-index:1
}

.campaign .campaign-header .swiper-btns .swiper-btn-prev, .campaign .campaign-header .swiper-btns .swiper-btn-next {
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #333;
    font-size: 18px;
    text-align: center;
    border-left: 1px solid #efefef;
    cursor:pointer
}

.campaign .campaign-header .swiper-btns .swiper-btn-prev:hover, .campaign .campaign-header .swiper-btns .swiper-btn-next:hover {
    background:#efefef
}

.campaign .campaign-header .swiper-btns .swiper-btn-prev.swiper-button-disabled, .campaign .campaign-header .swiper-btns .swiper-btn-next.swiper-button-disabled {
    color: #ccc;
    cursor:default
}

.campaign .campaign-header .swiper-btns .swiper-btn-prev.swiper-button-disabled:hover, .campaign .campaign-header .swiper-btns .swiper-btn-next.swiper-button-disabled:hover {
    background:#fff
}

.campaign .campaign-header .swiper-btns .swiper-btn-more {
    float: left;
    display: block;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    border-left:1px solid #efefef
}

.campaign .campaign-header .swiper-btns .swiper-btn-more .fa {
    margin-left: 5px;
    font-size: 19px;
    color:#999
}

.campaign .campaign-score strong {
    display: inline-block;
    padding: 4px 10px;
    color: #fff;
    font-family: montserrat;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2px;
    border-radius:4px
}

.campaign .campaign-score span {
    padding:0 10px
}

.campaign .campaign-score.gray strong {
    color: #aaa;
    background:#efefef
}

.campaign .campaign-score.blue strong {
    background:#00bdff
}

.campaign .campaign-badge {
    display: block;
    padding: 3px 8px;
    color: #fff;
    font-size: 14px;
    text-align:center
}

.campaign .campaign-badge.campaign-badge-sm {
    font-size:12px
}

.campaign .campaign-badge span {
    position: relative;
    z-index:9
}

.campaign .campaign-badge span .fa {
    margin-right:8px
}

.campaign .campaign-badge span a {
    color:#fff
}

.campaign .campaign-badge:after {
    position: absolute;
    content: ' ';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .8;
    z-index:0
}

.campaign .campaign-badge.black:after {
    background:#000
}

.campaign .campaign-badge.gray:after {
    background:#777
}

.campaign .campaign-badge.blue:after {
    background:#00bdff
}

.campaign .campaign-badge.cyan:after {
    background:#0cc
}

.campaign .campaign-badge.sapphire:after {
    background:#05c
}

.campaign .campaign-badge.navy:after {
    background:#1353a8
}

.campaign .campaign-badge.orange:after {
    background:#f60
}

.campaign .campaign-badge.purple:after {
    background:#ae70ee
}

.campaign .campaign-badge.violet:after {
    background:#60d
}

.campaign .campaign-badge.green:after {
    background:#80b518
}

.campaign .campaign-badge.moss:after {
    background:#290
}

.campaign .campaign-badge.emerald:after {
    background:#087540
}

.campaign .campaign-badge.red:after {
    background:#ff4646
}

.campaign .campaign-badge.rose:after {
    background:#eb1e25
}

.campaign .campaign-badge.scarlet:after {
    background:#c00
}

.campaign .campaign-badge.wine:after {
    background:#aa2838
}

.campaign .campaign-badge.tan:after {
    background:#b86
}

.campaign .campaign-badge.brown:after {
    background:#72481c
}

.campaign .campaign-badge.pink:after {
    background:#ff55a1
}

.campaign .campaign-badge.yellow:after {
    background:#fb0
}

.campaign .campaign-tags {
    margin:0 -15px -15px 0
}

.campaign .campaign-tags.margin-top {
    margin-top: 15px;
    overflow-y:auto
}

.campaign .campaign-tags.campaign-tags-sm .campaign-tag {
    margin: 0 10px 15px 0;
    padding: 4px 8px;
    font-size:13px
}

.campaign .campaign-tags.campaign-tags-sm .campaign-tag:last-child {
    margin-right:0
}

.campaign .campaign-tags.campaign-tags-xs {
    margin:0 -15px 0 0
}

.campaign .campaign-tags.campaign-tags-xs .campaign-tag {
    margin: 15px 15px 0 0;
    padding: 4px 8px;
    font-size:13px
}

.campaign .campaign-tags .campaign-tag-group label {
    display: block;
    margin: 0 0 10px;
    font-weight:700
}

.campaign .campaign-tags .campaign-tag {
    display: block;
    float: left;
    margin: 0 15px 15px 0;
    padding: 5px 15px;
    border: 1px solid #efefef;
    border-radius:100px
}

.campaign .campaign-tags .campaign-tag .campaign-tag-selected {
    margin-right: 15px;
    display:inline-block
}

.campaign .campaign-tags .campaign-tag .campaign-tag-selected:last-child {
    margin-right:0
}

.campaign .campaign-tags .campaign-tag .fa-trash-o {
    margin-left:8px
}

.campaign .campaign-tags .campaign-tag .fa-trash-o:hover {
    color:#c00
}

.campaign .campaign-tags .campaign-tag.black {
    color: #fff;
    background: #000;
    border:1px solid #000
}

.campaign .campaign-tags .campaign-tag.gray {
    color: #fff;
    background: #777;
    border:1px solid #777
}

.campaign .campaign-tags .campaign-tag.blue {
    color: #fff;
    background: #00bdff;
    border:1px solid #00bdff
}

.campaign .campaign-tags .campaign-tag.orange {
    color: #fff;
    background: #f60;
    border:1px solid #f60
}

.campaign .campaign-tags .campaign-tag.purple {
    color: #fff;
    background: #ae70ee;
    border:1px solid #ae70ee
}

.campaign .campaign-tags .campaign-tag.green {
    color: #fff;
    background: #80b518;
    border:1px solid #80b518
}

.campaign .campaign-tags .campaign-tag.red {
    color: #fff;
    background: #ff4646;
    border:1px solid #ff4646
}

.campaign .campaign-tags .campaign-tag.brown {
    color: #fff;
    background: #72481c;
    border:1px solid 72481c
}

.campaign .campaign-tags .campaign-tag.pink {
    color: #fff;
    background: #ff55a1;
    border:1px solid #ff55a1
}

.campaign .campaign-tags .campaign-tag.no-bg {
    color: #333;
    background:0 0
}

.campaign .campaign-clock {
    font-family: Montserrat;
    font-weight:700
}

.campaign .campaign-clock .campaign-clock-badge {
    margin-bottom: 10px;
    padding: 8px 0 5px;
    width: 55px;
    background: #efefef;
    color: #555;
    text-align:center
}

.campaign .campaign-clock .campaign-clock-badge .campaign-clock-month {
    font-size: 11px;
    text-transform:uppercase
}

.campaign .campaign-clock .campaign-clock-badge .campaign-clock-date {
    font-size:18px
}

.campaign .campaign-clock .campaign-clock-badge.red {
    color: #fff;
    background:#ff4646
}

.campaign .campaign-clock .campaign-clock-time {
    text-align:center
}

.campaign .campaign-qa {
    font-family: Montserrat;
    font-weight:700
}

.campaign .campaign-qa .campaign-qa-badge {
    margin-bottom: 10px;
    padding: 8px 0 5px;
    width: 55px;
    background: #efefef;
    color: #555;
    text-align:center
}

.campaign .campaign-qa .campaign-qa-badge span {
    display: block;
    font-size: 11px;
    text-transform:uppercase
}

.campaign .campaign-qa .campaign-qa-badge strong {
    display: block;
    font-size:18px
}

.campaign .campaign-qa .campaign-qa-badge.green {
    color: #fff;
    background:#80b518
}

.campaign .campaign-qa .campaign-qa-badge.blue {
    color: #fff;
    background:#00bdff
}

.campaign .campaign-lg {
    position:relative
}

.campaign .campaign-lg.campaign-media {
    padding-bottom: 37.5%;
    height:0
}

.campaign .campaign-lg.campaign-media .campaign-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%
}

.campaign .campaign-lg.campaign-media .campaign-wrap:hover .campaign-meida-btn-hover {
    display:block
}

.campaign .campaign-lg.campaign-media .campaign-wrap .campaign-overlay {
    height: 100%;
    background: #000;
    opacity:.05
}

.campaign .campaign-lg.campaign-media .campaign-meida-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    width: 60px;
    height: 60px;
    background: url(/images/icon-video-play.png) no-repeat;
    background-size: 60px 60px;
    z-index:9
}

.campaign .campaign-lg.campaign-media .campaign-meida-btn-hover {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    width: 60px;
    height: 60px;
    background: #00bdff;
    opacity: .9;
    border-radius: 100%;
    z-index:8
}

.campaign .campaign-lg.campaign-feed {
    zoom: 1;
    border-bottom:1px solid #efefef
}

.campaign .campaign-lg.campaign-feed:after {
    content: ' ';
    display: table;
    clear:both
}

.campaign .campaign-lg.campaign-feed.campaign-feed-sm .campaign-img {
    width: 150px;
    height:150px
}

.campaign .campaign-lg.campaign-feed.campaign-feed-sm .campaign-content {
    margin-left:150px
}

.campaign .campaign-lg.campaign-feed.campaign-feed-sm .campaign-content.campaign-content-block {
    margin-left:0
}

.campaign .campaign-lg.campaign-feed.campaign-feed-sm .campaign-content .campaign-title {
    height:auto
}

.campaign .campaign-lg.campaign-feed.campaign-feed-sm .campaign-content .campaign-promo {
    display: block;
    margin: 5px 0 0;
    color: #00bdff;
    font-size: 16px;
    font-weight:700
}

.campaign .campaign-lg.campaign-feed.campaign-feed-sm .campaign-content .campaign-intro {
    max-height:50px
}

.campaign .campaign-lg.campaign-feed .campaign-badge.right {
    position: absolute;
    top: 0;
    right:0
}

.campaign .campaign-lg.campaign-feed .campaign-img {
    float: left;
    width: 266.66666667px;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.campaign .campaign-lg.campaign-feed .campaign-img .campaign-badge {
    position: absolute;
    top: 0;
    left:0
}

.campaign .campaign-lg.campaign-feed .campaign-content {
    margin-left: 266.66666667px;
    padding:15px
}

.campaign .campaign-lg.campaign-feed .campaign-content .campaign-title {
    display: block;
    max-height: 56px;
    font: 700 18px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif;
    overflow:hidden
}

.campaign .campaign-lg.campaign-feed .campaign-content .campaign-intro {
    margin-top: 10px;
    max-height: 75px;
    color: #555;
    line-height: 1.8;
    overflow:hidden
}

.campaign .campaign-lg.campaign-feed .campaign-content .campaign-info {
    margin-top:10px
}

.campaign .campaign-lg.campaign-feed .campaign-content .campaign-info div {
    display: inline-block;
    margin-right: 30px;
    font-size: 12px;
    color:#777
}

.campaign .campaign-lg.campaign-feed .campaign-content .campaign-info div:last-child {
    margin-right:0
}

.campaign .campaign-lg.campaign-feed .campaign-content .campaign-info div .fa {
    margin-right:5px
}

.campaign .campaign-lg.campaign-feed .campaign-hide .campaign-link {
    color: #777;
    text-shadow:none
}

.campaign .campaign-lg .campaign-hide {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index:599
}

.campaign .campaign-lg .campaign-hide .campaign-link {
    display: block;
    padding: 10px 13px;
    color: #f7f7f7;
    font-size: 14px;
    text-shadow:0 0 3px rgba(0, 0, 0, .3)
}



.campaign .campaign-lg .campaign-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.campaign .campaign-lg .campaign-wrap .campaign-badge {
    position: absolute;
    top: 0;
    left:0
}

.campaign .campaign-lg .campaign-wrap .campaign-badge.right {
    left: auto;
    right:0
}

.campaign .campaign-lg .campaign-wrap .campaign-overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(180deg, transparent 5%, rgba(0, 0, 0, 0.8) 100%);
    z-index:0
}

.campaign .campaign-lg .campaign-wrap .campaign-title {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    max-height: 76px;
    color: #fff;
    font: 700 18px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif;
    z-index: 100;
    overflow:hidden
}

.campaign .campaign-lg .campaign-wrap .campaign-title .campaign-info {
    margin-top: 4px;
    color: #fff;
    font-size: 12px;
    font-weight:500
}

.campaign .campaign-lg .campaign-wrap .campaign-title .campaign-info div {
    margin-right: 30px;
    display:inline-block
}

.campaign .campaign-lg .campaign-wrap .campaign-title .campaign-info div .fa {
    margin-right:5px
}

.campaign .campaign-md {
    display: table;
    width:100%
}

.campaign .campaign-md > .campaign-wrap:first-child {
    border-left:0
}

.campaign .campaign-md .campaign-wrap {
    display: table-cell;
    width: 50%;
    padding: 15px;
    border-bottom: 1px solid #efefef;
    border-left:1px solid #efefef
}

.campaign-md :hover{
    background:#f0f0f0;
}



.campaign .campaign-md .campaign-wrap.campaign-tags {
    padding-bottom:0
}

.campaign .campaign-md .campaign-wrap .campaign-img {
    float:right
}

.campaign .campaign-md .campaign-wrap .campaign-img a {
    width: 80px;
    height: 60px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.campaign .campaign-md .campaign-wrap .campaign-num {
    float: left;
    margin-top: -3px;
    font-family: Montserrat;
    font-weight: 700;
    color:#999
}

.campaign .campaign-md .campaign-wrap .campaign-content {
    margin-right:95px
}

.campaign .campaign-md .campaign-wrap .campaign-content.has-num {
    margin-left:20px
}

.campaign .campaign-md .campaign-wrap .campaign-content.campaign-content-block {
    margin-right:0
}

.campaign .campaign-md .campaign-wrap .campaign-title {
    margin-top: -3px;
    height: 40px;
    overflow:hidden
}

.campaign .campaign-md .campaign-wrap .campaign-title.no-height {
    height:auto
}

.campaign .campaign-md .campaign-wrap .campaign-title.no-height .campaign-user {
    margin-right:3px
}

.campaign .campaign-md .campaign-wrap .campaign-title .has-btn {
    float: left;
    margin-top: 6px;
    font-weight:700
}

.campaign .campaign-md .campaign-wrap .campaign-title .btn {
    border-radius:4px
}

.campaign .campaign-md .campaign-wrap .campaign-price {
    margin-top: 10px;
    color: #f60;
    font:700 14px montserrat
}

.campaign .campaign-md .campaign-wrap .campaign-price em {
    margin-left: 5px;
    margin-right: 10px;
    color: #777;
    font-size: 12px;
    font-style:normal
}

.campaign .campaign-md .campaign-wrap .campaign-price em:first-child {
    margin-left:0
}

.campaign .campaign-md .campaign-wrap .campaign-price del {
    margin-left: 10px;
    color: #777;
    font-size: 12px;
    font-weight:400
}

.campaign .campaign-md .campaign-wrap .campaign-info {
    margin-top: 6px;
    font-size: 12px;
    color:#777
}

.campaign .campaign-md .campaign-wrap .campaign-info div {
    margin-right: 30px;
    display:inline-block
}

.campaign .campaign-md .campaign-wrap .campaign-info div:last-child {
    margin-right:0
}

.campaign .campaign-md .campaign-wrap .campaign-info div em {
    margin: 0 0 0 5px;
    font-style:none
}

.campaign .campaign-md .campaign-wrap .campaign-info .item-rating-text {
    position: relative;
    top: -3px;
    display: inline-block;
    margin-left: 8px;
    color: #555;
    font-size:13px
}

.campaign .campaign-md .campaign-wrap .campaign-info .fa {
    margin-right:5px
}

.campaign .campaign-md .campaign-wrap .campaign-info-list {
    margin-left:33px
}

.campaign .campaign-md .campaign-wrap .campaign-info-list .campaign-info-btn {
    margin-top:10px
}

.campaign .campaign-md .campaign-wrap .campaign-info-list .campaign-info-btn .btn {
    border-radius:4px
}

.campaign .campaign-md .campaign-wrap .campaign-info-list em {
    float: right;
    padding: 0 6px;
    border-radius: 2px;
    color: #777;
    background: #f5f5f5;
    font-style:normal
}

.campaign .campaign-md .campaign-wrap .icon-wrap {
    float: left;
    margin: 2px 10px 0 0;
    width: 18px;
    height: 18px;
    border:0
}

.campaign .campaign-md .campaign-wrap .icon-wrap .icon {
    margin-top:0
}

.campaign .campaign-sm .campaign-wrap {
    border-bottom:1px solid #efefef
}

.campaign .campaign-sm .campaign-title a {
    display: block;
    padding:15px
}

.campaign .campaign-sm .campaign-title:before {
    float: right;
    margin: 15px 15px 0 0;
    font: normal normal normal 19px/1 FontAwesome;
    color: #999;
    content: "\f105"
}

.campaign .campaign-sm .campaign-title .fa-hashtag {
    margin-right: 8px;
    padding: 4px;
    color: #fff;
    background: #80b518;
    border-radius:2px
}

.campaign .campaign-sm.campaign-center .campaign-title {
    text-align:center
}

.campaign .campaign-sm.campaign-center .campaign-title .fa {
    margin-right:5px
}

.campaign .campaign-sm.campaign-center .campaign-title:before {
    display:none
}

.campaign .campaign-sm.campaign-center .campaign-img {
    display: block;
    margin:0 auto
}

.campaign .campaign-article.campaign-article-listing img {
    margin-bottom: 15px;
    display: block;
    max-width: 400px;
    width:100%
}

.campaign .campaign-article .collapse-action {
    clear:both
}

.campaign .campaign-article .collapse-action .collapse-btn.margin-bottom {
    margin-bottom:15px
}

.campaign .campaign-article .collapse-action .collapse-btn.collapsed .collapsed-overlay {
    top: -90px;
    height:90px
}

.campaign .campaign-article .campaign-bullet {
    padding-left:20px
}

.campaign .campaign-article .campaign-bullet.campaign-bullet-sm li {
    font-size:14px
}

.campaign .campaign-article .campaign-bullet li {
    margin: 0 0 15px;
    font-size: 16px;
    line-height:1.8
}

.campaign .campaign-article .campaign-article-map {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 640px;
    background: #f7f7f7;
    border-radius:4px
}

.campaign .campaign-article .campaign-article-map .icon-wrap {
    float: left !important;
    margin: 2px 10px 0 0 !important;
    width: 18px !important;
    height: 18px !important;
    background:#f7f7f7
}

.campaign .campaign-article .campaign-article-map .campaign-info-map {
    display:block !important
}

.campaign .campaign-article .campaign-article-map .campaign-info-map img {
    width:100%
}

.campaign .campaign-article.ignore-opencc > h2, .campaign .campaign-article.ignore-opencc > b, .campaign .campaign-article.ignore-opencc > strong, .campaign .campaign-article .ignore-opencc > h2, .campaign .campaign-article .ignore-opencc > b, .campaign .campaign-article .ignore-opencc > strong {
    display: block;
    font-size: 20px;
    font-weight: 700;
    font-family: montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif;
    line-height: 1.8;
    margin: 0 0 30px;
    word-break:break-word
}

.campaign .campaign-article.ignore-opencc > h2:last-child, .campaign .campaign-article.ignore-opencc > b:last-child, .campaign .campaign-article.ignore-opencc > strong:last-child, .campaign .campaign-article .ignore-opencc > h2:last-child, .campaign .campaign-article .ignore-opencc > b:last-child, .campaign .campaign-article .ignore-opencc > strong:last-child {
    margin-bottom:15px
}

.campaign .campaign-article.ignore-opencc > iframe, .campaign .campaign-article.ignore-opencc > .img-thumbnail, .campaign .campaign-article.ignore-opencc > .twitter-tweet, .campaign .campaign-article .ignore-opencc > iframe, .campaign .campaign-article .ignore-opencc > .img-thumbnail, .campaign .campaign-article .ignore-opencc > .twitter-tweet, .campaign .campaign-article > .medium-insert-images {
    margin:0 0 30px !important
}

.campaign .campaign-article.ignore-opencc > blockquote, .campaign .campaign-article .ignore-opencc > blockquote {
    margin: 0 0 30px;
    font-size: 16px;
    line-height:1.8
}

.campaign .campaign-article p {
    font-size: 16px;
    line-height: 1.8;
    margin: 0 0 30px;
    word-break:break-word
}

.campaign .campaign-article p.campaign-summary {
    margin-bottom: 0;
    font-size: 14px;
    line-height:1.6
}

.campaign .campaign-article p:last-child {
    margin-bottom:15px
}

.campaign .campaign-article p a {
    position: relative;
    color: #009eff;
    border-bottom:1px dotted #ccc
}

.campaign .campaign-article p a:hover {
    border-bottom:1px solid #009eff
}

.campaign .campaign-article p a.img-url {
    margin:0
}

.campaign .campaign-article p a.img-url:before {
    display:none
}

.campaign .campaign-article p a.btn {
    max-width: 240px;
    margin: 0 auto;
    font-size: 16px;
    border-radius: 4px;
    color:#fff
}

.campaign .campaign-article p a.btn.btn-success {
    border-color:#80b518
}

.campaign .campaign-article p a.btn.btn-success:hover {
    border-color:#5a7f11
}

.campaign .campaign-article p a.btn.btn-primary {
    border-color:#009eff
}

.campaign .campaign-article p a.btn.btn-primary:hover {
    border-color:#0078c2
}

.campaign .campaign-gallery {
    margin-top: 15px;
    box-sizing:border-box
}

.campaign .campaign-gallery .swiper-wrapper {
    margin-left:-40%
}

.campaign .campaign-gallery .swiper-slide {
    max-width: 138px;
    opacity:.5
}

.campaign .campaign-gallery .swiper-slide a {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.campaign .campaign-gallery .swiper-slide a img {
    width:100%
}

.campaign .campaign-gallery .swiper-slide-active {
    opacity:1
}

.campaign .campaign-image .swiper-slide a {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.campaign .campaign-image .swiper-slide a img {
    width:100%
}

.campaign .campaign-images .campaign-wrap {
    padding: 15px;
    border-bottom:1px solid #efefef
}

.campaign .campaign-images .swiper-slide a {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.campaign .campaign-images .swiper-slide a img {
    width:100%
}

.campaign .campaign-offer {
    position:relative
}

.campaign .campaign-offer .campaign-img.is-cover {
    float:left
}

.campaign .campaign-offer .campaign-img.is-cover a {
    width: 80px;
    height: 80px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.campaign .campaign-offer .campaign-img.is-cover .campaign-icon {
    margin: 5px 0 0;
    text-align: center;
    font-size:12px
}

.campaign .campaign-offer .campaign-img.is-cover .campaign-icon i {
    margin: 0 5px 0 0;
    color: #fad389;
    font-size:14px
}

.campaign .campaign-offer.has-height .campaign-wrap {
    height:138px
}

.campaign .campaign-offer.has-height .campaign-wrap .campaign-desc h2 {
    max-height: 48px;
    overflow:hidden
}

.campaign .campaign-offer.campaign-subject .campaign-wrap h1 {
    margin: 0 0 10px;
    font: 700 28px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif
}

.campaign .campaign-offer.campaign-subject .campaign-wrap .campaign-intro {
    line-height:1.8
}

.campaign .campaign-offer.campaign-subject .campaign-wrap .campaign-intro .campaign-intro-more {
    color: #009eff;
    border-bottom:1px dotted #ccc
}

.campaign .campaign-offer.campaign-subject .campaign-wrap .campaign-intro .campaign-intro-more:before {
    content: '收起全部'
}

.campaign .campaign-offer.campaign-subject .campaign-wrap .campaign-intro .campaign-intro-more.collapsed:before {
    content: '展开全部'
}

.campaign .campaign-offer.campaign-deal .campaign-wrap .campaign-aside {
    width:240px
}

.campaign .campaign-offer.campaign-deal .campaign-wrap .campaign-aside .campaign-img.campaign-photo a {
    display: block;
    margin: 0;
    width: auto;
    height:auto
}

.campaign .campaign-offer.campaign-deal .campaign-wrap .campaign-aside .campaign-img.campaign-photo a .campaign-image {
    width: 100%;
    height: 180px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position:center
}

.campaign .campaign-offer.campaign-deal .campaign-wrap .campaign-content {
    margin-left: 260px;
    overflow:hidden
}

.campaign .campaign-offer.campaign-deal .campaign-wrap .campaign-tips {
    font-size: 16px;
    line-height:1.8
}

.campaign .campaign-offer.campaign-deal .campaign-wrap .campaign-tips.campaign-tips-block .campaign-wrap .icon-wrap {
    margin-top:5px
}

.campaign .campaign-offer.campaign-box.campaign-item .campaign-icons {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index:9
}

.campaign .campaign-offer.campaign-box.campaign-item .campaign-icons em {
    margin: 1px;
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 16px;
    font-style: normal;
    text-align:center
}

.campaign .campaign-offer.campaign-box.campaign-item .campaign-wrap .campaign-aside .campaign-img.campaign-photo.campaign-photo-square a {
    background-size:contain
}

.campaign .campaign-offer.campaign-box.campaign-item .campaign-wrap .campaign-content {
    height:124px
}

.campaign .campaign-offer.campaign-box.campaign-item .campaign-wrap .campaign-desc h2 {
    margin-bottom: 8px;
    font-size: 14px;
    height:42px
}

.campaign .campaign-offer.campaign-box.campaign-item .campaign-wrap .campaign-desc .campaign-price {
    margin-left: 0;
    margin-bottom: 8px;
    font-size: 14px;
    height:17px
}

.campaign .campaign-offer.campaign-box.campaign-item .campaign-wrap .campaign-desc .campaign-price del {
    margin-left: 10px;
    color: #777;
    font-size: 12px;
    font-weight:400
}

.campaign .campaign-offer.campaign-box.campaign-item .campaign-wrap .campaign-desc .campaign-info.campaign-info-sm {
    display: flex;
    margin:0
}

.campaign .campaign-offer.campaign-box.campaign-item .campaign-wrap .campaign-desc .campaign-info.campaign-info-sm div.campaign-info-merchant {
    flex: 1;
    margin-right: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis
}

.campaign .campaign-offer.campaign-box .campaign-wrap {
    padding:0
}

.campaign .campaign-offer.campaign-box .campaign-wrap .campaign-aside {
    position: relative;
    float: none;
    margin:0
}

.campaign .campaign-offer.campaign-box .campaign-wrap .campaign-aside .campaign-img.campaign-photo {
    float: none;
    padding-bottom:58.25%
}

.campaign .campaign-offer.campaign-box .campaign-wrap .campaign-aside .campaign-img.campaign-photo.campaign-photo-square {
    padding-bottom:100%
}

.campaign .campaign-offer.campaign-box .campaign-wrap .campaign-aside .campaign-img.campaign-photo.campaign-media:hover .campaign-meida-btn-hover {
    display:block
}

.campaign .campaign-offer.campaign-box .campaign-wrap .campaign-aside .campaign-img.campaign-photo.campaign-media:hover .campaign-overlay {
    height: 100%;
    background: #000;
    opacity:.05
}

.campaign .campaign-offer.campaign-box .campaign-wrap .campaign-aside .campaign-img.campaign-photo.campaign-media .campaign-meida-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px;
    background: url(/images/icon-video-play.png) no-repeat;
    background-size: 50px 50px;
    z-index:9
}

.campaign .campaign-offer.campaign-box .campaign-wrap .campaign-aside .campaign-img.campaign-photo.campaign-media .campaign-meida-btn-hover {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px;
    background: #00bdff;
    opacity: .9;
    border-radius: 100%;
    z-index:8
}

.campaign .campaign-offer.campaign-box .campaign-wrap .campaign-aside .campaign-img.campaign-photo a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border:0
}

.campaign .campaign-offer.campaign-box .campaign-wrap .campaign-content {
    margin-left: 0;
    margin-right: 0;
    padding:15px
}

.campaign .campaign-offer.campaign-box .campaign-wrap .campaign-desc h2 {
    height: 52px;
    line-height: 1.6;
    overflow: hidden;
    text-align:left
}

.campaign .campaign-offer.campaign-box .campaign-wrap .campaign-desc h2.single {
    height: 28px;
    white-space: nowrap;
    text-overflow:ellipsis
}

.campaign .campaign-offer.campaign-box .campaign-wrap .campaign-desc h2.no-margin {
    margin-bottom:5px
}

.campaign .campaign-offer.campaign-box .campaign-wrap .campaign-desc h2.has-img .campaign-img {
    float: left;
    margin: 5px 10px 0 0;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover
}

.campaign .campaign-offer.campaign-box .campaign-wrap .campaign-desc .campaign-info {
    margin-left:0
}

.campaign .campaign-offer.campaign-comment .campaign-wrap .campaign-actions {
    margin-top:0
}

.campaign .campaign-offer.campaign-comment .campaign-article p {
    margin: 0 0 15px;
    font-size: 14px;
    color: #555;
    line-height:1.8
}

.campaign .campaign-offer.campaign-comment .campaign-article .collapse-action .campaign-img-group {
    clear:both
}

.campaign .campaign-offer.campaign-comment .campaign-article .collapse-action .campaign-img-group a {
    margin:0
}

.campaign .campaign-offer.campaign-comment .campaign-article .collapse-action .collapse-btn + .campaign-img-group {
    display:none
}

.campaign .campaign-offer.campaign-comment .campaign-article .collapse-action .collapse-btn.collapsed + .campaign-img-group {
    display: block;
    padding-top:15px
}

.campaign .campaign-offer.campaign-comment .campaign-article .collapse-action .collapse-btn.collaplsed .collapsed-overlay {
    top: -60px;
    height:60px
}

.campaign .campaign-offer a.campaign-header {
    display:block
}

.campaign .campaign-offer .campaign-badge-group {
    flex-direction: column;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index:1
}

.campaign .campaign-offer .campaign-badge-group.left {
    right: auto;
    left:5px
}

.campaign .campaign-offer .campaign-badge-group.left .campaign-badge {
    float:left
}

.campaign .campaign-offer .campaign-badge-group .campaign-badge {
    float: right;
    clear: both;
    position: relative;
    margin-bottom: 5px;
    pointer-events:none
}

.campaign .campaign-offer .campaign-badge-group .campaign-badge:after {
    border-radius:50px
}

.campaign .campaign-offer .campaign-badge {
    position: absolute;
    right: 0;
    top: 0;
    z-index:1
}

.campaign .campaign-offer .campaign-badge.campaign-coupon {
    top: auto;
    bottom:0
}

.campaign .campaign-offer .campaign-badge.left {
    right: auto;
    left:0
}

.campaign .campaign-offer .campaign-wrap {
    display: block;
    width: auto;
    padding: 15px;
    border-bottom:1px solid #efefef
}

.campaign .campaign-offer .campaign-wrap.has-bg {
    background:#f7f7f7
}

.campaign .campaign-offer .campaign-wrap.has-border {
    border:1px solid #efefef
}

.campaign .campaign-offer .campaign-wrap.campaign-wrap-sm {
    padding-bottom:0
}

.campaign .campaign-offer .campaign-wrap.is-flex-wrap {
    display: flex;
    padding:10px 15px
}

.campaign .campaign-offer .campaign-wrap.is-flex-wrap .campaign-icon {
    margin: 0 8px 0 -8px;
    width: 24px;
    text-align:center
}

.campaign .campaign-offer .campaign-wrap.is-flex-wrap .campaign-icon i.fa-comment {
    color:#fad389
}

.campaign .campaign-offer .campaign-wrap.is-flex-wrap .campaign-icon p {
    margin: 0;
    font-size:12px
}

.campaign .campaign-offer .campaign-wrap.is-flex-wrap .campaign-content {
    flex: 1;
    margin: 0;
    overflow:hidden
}

.campaign .campaign-offer .campaign-wrap.is-flex-wrap .campaign-content .campaign-desc h2 {
    margin-bottom: 5px;
    padding:0
}

.campaign .campaign-offer .campaign-wrap.is-flex-wrap .campaign-content .campaign-info.campaign-info-sm {
    margin-top:5px
}

.campaign .campaign-offer .campaign-wrap .campaign-aside {
    float: left;
    margin-right: 20px;
    text-align:center
}

.campaign .campaign-offer .campaign-wrap .campaign-aside.campaign-aside-sm .campaign-img.campaign-photo a {
    margin-bottom: 0;
    width: 100px;
    height:75px
}

.campaign .campaign-offer .campaign-wrap .campaign-aside img {
    width:160px
}

.campaign .campaign-offer .campaign-wrap .campaign-aside .campaign-img a {
    width: 160px;
    height: 120px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 8px;
    overflow:hidden
}

.campaign .campaign-offer .campaign-wrap .campaign-aside .campaign-img.campaign-photo a {
    margin-bottom: 15px;
    width: 160px;
    height: 120px;
    border-radius:0
}

.campaign .campaign-offer .campaign-wrap .campaign-aside .campaign-img.campaign-photo a.no-margin {
    margin-bottom:0
}

.campaign .campaign-offer .campaign-wrap .campaign-aside .campaign-img.campaign-photo span {
    display: block;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover
}

.campaign .campaign-offer .campaign-wrap .campaign-aside .campaign-img.campaign-photo.campaign-photo-xs a {
    width: 60px;
    height:60px
}

.campaign .campaign-offer .campaign-wrap .campaign-aside .btn {
    margin-top: 15px;
    font: 700 16px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif
}

.campaign .campaign-offer .campaign-wrap .campaign-aside .btn .fa {
    margin-right:8px
}

.campaign .campaign-offer .campaign-wrap .campaign-clock, .campaign .campaign-offer .campaign-wrap .campaign-qa {
    float: left;
    margin:-15px 0 0 -15px
}

.campaign .campaign-offer .campaign-wrap .campaign-content {
    margin-left: 180px;
    margin-right:0
}

.campaign .campaign-offer .campaign-wrap .campaign-content.campaign-reviews .campaign-bullet {
    padding-left:0
}

.campaign .campaign-offer .campaign-wrap .campaign-content.campaign-reviews .campaign-bullet p {
    font-size:14px
}

.campaign .campaign-offer .campaign-wrap .campaign-content.campaign-reviews .campaign-promo, .campaign .campaign-offer .campaign-wrap .campaign-content.campaign-reviews .campaign-desc {
    float: none;
    margin-right: 0;
    width:auto
}

.campaign .campaign-offer .campaign-wrap .campaign-content.campaign-reviews .campaign-tips {
    margin: 15px 0 0 -180px;
    clear:none
}

.campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-has-clock, .campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-has-qa {
    margin-left:55px
}

.campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-has-clock h2.has-height, .campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-has-qa h2.has-height {
    height: 52px;
    line-height: 1.6;
    overflow:hidden
}

.campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-has-cover {
    margin-left:90px
}

.campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-has-avatar, .campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-xs {
    margin-left:80px
}

.campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-has-youworld {
    margin-left:140px
}

.campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-text {
    margin-left:0
}

.campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-side {
    display:flex
}

.campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-side .campaign-desc {
    flex:1
}

.campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-side .campaign-desc h1 {
    margin: 0 0 5px;
    font: 700 28px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif
}

.campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-side .campaign-summary {
    margin-left: 15px;
    padding: 15px;
    background: #f5f5f5;
    text-align:right
}

.campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-side .campaign-summary h3 {
    margin: 0 0 10px;
    font: 700 16px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif
}

.campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-side .campaign-summary .campaign-info {
    margin: 0;
    color: #777;
    font-size:12px
}

.campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-side .campaign-summary .campaign-info em {
    display: inline-block;
    margin: 0 8px;
    width: 1px;
    height: 12px;
    vertical-align: middle;
    background:#ddd
}

.campaign .campaign-offer .campaign-wrap .campaign-title {
    padding: 15px 0;
    margin: -15px -15px 15px;
    font: 700 18px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif;
    background:#f7f7f7
}

.campaign .campaign-offer .campaign-wrap .campaign-promo {
    display: block;
    margin-bottom: 10px;
    color: #00bdff;
    font-size: 16px;
    font-weight:700
}

.campaign .campaign-offer .campaign-wrap .campaign-promo.campaign-promo-sm {
    height: 20px;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis
}

.campaign .campaign-offer .campaign-wrap .campaign-info {
    margin-bottom:10px
}

.campaign .campaign-offer .campaign-wrap .campaign-info.no-margin {
    margin-bottom:0
}

.campaign .campaign-offer .campaign-wrap .campaign-info.campaign-info-sm {
    margin-top: 10px;
    color: #777;
    font-size:12px
}

.campaign .campaign-offer .campaign-wrap .campaign-info.campaign-info-sm + .campaign-info-sm {
    margin-top:5px
}

.campaign .campaign-offer .campaign-wrap .campaign-info.campaign-info-sm div {
    margin-bottom:0
}

.campaign .campaign-offer .campaign-wrap .campaign-info.campaign-info-sm.pull-left {
    margin:2px 0
}

.campaign .campaign-offer .campaign-wrap .campaign-info .btn {
    border-radius:4px
}

.campaign .campaign-offer .campaign-wrap .campaign-info .item-rating .item-rating-text {
    position: relative;
    top: -3px;
    display: inline-block;
    margin-left: 8px;
    color: #555;
    font-size:13px
}

.campaign .campaign-offer .campaign-wrap .campaign-info .campaign-tag {
    margin:10px 15px 0 0
}

.campaign .campaign-offer .campaign-wrap .campaign-info .campaign-tag:last-child {
    margin-right:0
}

.campaign .campaign-offer .campaign-wrap .campaign-info div {
    display: inline-block;
    margin:0 30px 5px 0
}

.campaign .campaign-offer .campaign-wrap .campaign-info div em {
    margin-left: 5px;
    font-style:normal
}

.campaign .campaign-offer .campaign-wrap .campaign-info div:last-child {
    margin-right:0
}

.campaign .campaign-offer .campaign-wrap .campaign-info div.campaign-info-count {
    color: #80b518;
    font-weight:700
}

.campaign .campaign-offer .campaign-wrap .campaign-info div.campaign-info-block {
    display: block;
    margin-right:0
}

.campaign .campaign-offer .campaign-wrap .campaign-info div.campaign-info-block.campaign-coupon {
    position: relative;
    height:28px
}

.campaign .campaign-offer .campaign-wrap .campaign-info div.campaign-info-block.campaign-coupon .campaign-badge {
    left: 0;
    right:auto
}

.campaign .campaign-offer .campaign-wrap .campaign-info div.campaign-info-block.campaign-coupon .campaign-badge a {
    color:#fff
}

.campaign .campaign-offer .campaign-wrap .campaign-info .fa {
    margin-right:8px
}

.campaign .campaign-offer .campaign-wrap .campaign-desc {
    line-height:1.6
}

.campaign .campaign-offer .campaign-wrap .campaign-desc.campaign-desc-sm {
    margin-bottom:0
}

.campaign .campaign-offer .campaign-wrap .campaign-desc h2, .campaign .campaign-offer .campaign-wrap .campaign-desc h6 {
    margin: 0 0 10px;
    font: 700 18px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif
}

.campaign .campaign-offer .campaign-wrap .campaign-desc h2 a:visited, .campaign .campaign-offer .campaign-wrap .campaign-desc h6 a:visited {
    color:#999
}

.campaign .campaign-offer .campaign-wrap .campaign-desc h2 .campaign-badge, .campaign .campaign-offer .campaign-wrap .campaign-desc h6 .campaign-badge {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right:10px
}

.campaign .campaign-offer .campaign-wrap .campaign-desc h2.text-overflow, .campaign .campaign-offer .campaign-wrap .campaign-desc h6.text-overflow {
    padding-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

.campaign .campaign-offer .campaign-wrap .campaign-desc h2.text-overflow a, .campaign .campaign-offer .campaign-wrap .campaign-desc h6.text-overflow a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

.campaign .campaign-offer .campaign-wrap .campaign-desc h2.has-height, .campaign .campaign-offer .campaign-wrap .campaign-desc h6.has-height {
    max-height: 52px;
    overflow:hidden
}

.campaign .campaign-offer .campaign-wrap .campaign-desc h3 {
    margin: 0 0 12px;
    font: 700 14px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif
}

.campaign .campaign-offer .campaign-wrap .campaign-desc h3 a:visited {
    color:#999
}

.campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-price {
    margin-bottom: 10px;
    height: 22px;
    color: #f60;
    font: 700 18px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif
}

.campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-price:last-child {
    margin-bottom:0
}

.campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-price.text-right {
    margin-left:0
}

.campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-price span {
    color:#333
}

.campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-price em {
    margin-left: 5px;
    margin-right: 10px;
    color: #777;
    font-size: 12px;
    font-style:normal
}

.campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-price label {
    margin-right: 10px;
    color: #777;
    font-size: 12px;
    font-style:normal
}

.campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-price .campaign-price-now {
    margin-right: 12px;
    display:inline-block
}

.campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-price .campaign-price-was {
    display: inline-block;
    color: #777;
    font-size: 13px;
    font-weight: 400;
    text-decoration: line-through;
    vertical-align:1px
}

.campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-price .campaign-price-promo {
    position: relative;
    display: inline-block;
    padding: 3px 8px;
    font-size: 12px;
    color: #fff;
    background:#80b518
}

.campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-price .campaign-price-promo:after {
    position: absolute;
    content: ' ';
    top: 50%;
    left: -5px;
    margin-top: -5px;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-right-color:#80b518
}

.campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-liked {
    position: relative;
    top:-4px
}

.campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-liked .fa {
    color:#ff4646
}

.campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-pricing {
    position: relative;
    top: -4px;
    font-weight: 700;
    font-family: montserrat;
    color: #f90;
    letter-spacing:2px
}

.campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-status {
    position: relative;
    top: -4px;
    font-weight: 700;
    color:#80b518
}

.campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-price + .campaign-intro {
    height:42px
}

.campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-intro {
    margin: 0 0 10px;
    max-height: 42px;
    overflow:hidden
}

.campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-intro.has-height {
    height:42px
}

.campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-intro.no-height {
    max-height:none
}

.campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-intro:last-child {
    margin-bottom:0
}

.campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-intro.campaign-intro-block {
    margin-bottom:0
}

.campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-intro.campaign-intro-sm {
    margin-left:90px
}

.campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-bullet p {
    position: relative;
    margin: 0 0 10px;
    padding-left:15px
}

.campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-bullet p:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '•';
    color:#aaa
}

.campaign .campaign-offer .campaign-wrap .campaign-actions {
    clear: both;
    margin-top: 15px;
    padding-top: 15px;
    border-top:1px solid #efefef
}

.campaign .campaign-offer .campaign-wrap .campaign-tips.campaign-tips-block {
    clear: both;
    margin-top: 15px;
    border-top:1px solid #efefef
}

.campaign .campaign-offer .campaign-wrap .campaign-tips.campaign-tips-block .campaign-wrap {
    padding: 0;
    border:0
}

.campaign .campaign-offer .campaign-wrap .campaign-tips.campaign-tips-block .campaign-wrap .campaign-tip {
    margin-top:15px
}

.campaign .campaign-offer .campaign-wrap .campaign-tips.campaign-tips-block .campaign-wrap .campaign-tip ul {
    padding-left:15px
}

.campaign .campaign-offer .campaign-wrap .campaign-tips.campaign-tips-block .campaign-wrap .campaign-tip ul li {
    margin-bottom: 5px;
    list-style:circle
}

.campaign .campaign-offer .campaign-wrap .campaign-tips.campaign-tips-block .campaign-wrap .campaign-tip ul li:last-child {
    margin-bottom:0
}

.campaign .campaign-offer .campaign-wrap .campaign-tips.campaign-tips-block .campaign-wrap .icon-wrap {
    margin-top:1px
}

.campaign .campaign-offer .campaign-wrap .campaign-users .user-avatar {
    float: left;
    margin:15px 15px 0 0
}

.campaign .campaign-offer .campaign-wrap .campaign-users .user-avatar:last-child {
    margin-right:0
}

.campaign .campaign-offer .campaign-wrap .campaign-users .user-avatar-title {
    float: left;
    margin:20px 0 0
}

.campaign .campaign-offer .campaign-wrap .campaign-comment .campaign-head {
    margin-bottom:0
}

.campaign .campaign-offer .campaign-wrap .campaign-comment .campaign-head em.user-title {
    display: block;
    margin: 5px 0 0;
    color: #777;
    font-weight: 400;
    font-style:normal
}

.campaign .campaign-offer .campaign-wrap .campaign-clear {
    clear:both
}

.campaign .campaign-offer .campaign-wrap .campaign-spec ul {
    margin: 15px 0 0;
    padding: 0;
    border-top:1px solid #efefef
}

.campaign .campaign-offer .campaign-wrap .campaign-spec ul li {
    display: inline-block;
    padding: 12px 0 0;
    width: 33.33333333%;
    vertical-align: top;
    border-top: 0;
    list-style:none
}

.campaign .campaign-offer .campaign-wrap .campaign-spec ul li:last-child {
    padding-right:0
}

.campaign .campaign-offer .campaign-wrap .campaign-spec ul li strong {
    display: block;
    margin: 0 10px 0 0;
    white-space:nowrap
}

.campaign .campaign-offer .campaign-wrap .campaign-spec ul li p {
    margin: 5px 10px 0 0;
    color: #777;
    word-break:break-word
}

.campaign .campaign-list .campaign-md .campaign-wrap {
    display: block;
    width: auto;
    border-left:0
}

.campaign .campaign-list .checkbox {
    margin: 15px 0;
    padding:0 15px 0 35px
}

.campaign .campaign-list .checkbox label:before {
    margin-top:1px
}

.campaign .campaign-list .checkbox label span {
    position: relative;
    top: -1px;
    margin-left: 5px;
    color: #777;
    font-size:12px
}

.campaign .campaign-list .checkbox.has-action .input-wrap {
    margin-right:42px
}

.campaign .campaign-list .checkbox.has-action .btn.pull-right {
    border-radius:4px
}

.campaign .campaign-list .checkbox-more {
    margin: 15px 0;
    padding:0 15px 0 16px
}

.campaign .campaign-list .checkbox-more .fa {
    margin-right: 5px;
    color:#777
}

.campaign.campaign-news .campaign-sm, .campaign.campaign-qna .campaign-sm {
    display:none
}

.campaign.campaign-qna .campaign-md .campaign-wrap .campaign-content {
    margin-right:0
}

.campaign.campaign-qr .campaign-img {
    width:120px
}

.campaign.campaign-qr ul {
    margin: 0 135px -10px 20px;
    padding:0
}

.campaign.campaign-qr ul li {
    margin: 0 0 10px;
    list-style:circle
}

.campaign.campaign-credit-card .campaign-wrap .campaign-img {
    border-radius: 2px;
    overflow:hidden
}

.campaign.campaign-credit-card .campaign-wrap .campaign-img a {
    height:50px
}

.campaign.campaign-card-hot-coupons .campaign-list {
    padding:15px
}

.campaign.campaign-card-hot-coupons .campaign-list .campaign-offer {
    border: 1px solid #efefef;
    border-bottom:0
}

.campaign.campaign-card.campaign-card-activities, .campaign.campaign-card.campaign-card-merchants, .campaign.campaign-card.campaign-card-hot-coupons {
    display:none
}

.campaign.campaign-card.campaign-card-swiper .campaign-list {
    padding:15px
}

.campaign.campaign-card.campaign-card-swiper .campaign-list .swiper-container .campaign-md {
    display:block !important
}

.campaign.campaign-card.campaign-card-swiper .campaign-list .swiper-container .campaign-md .campaign-wrap {
    display: block !important;
    margin: 0;
    width:auto
}

.campaign.campaign-card.campaign-card-swiper .campaign-list .swiper-container .campaign-md .campaign-wrap .campaign-img a {
    width: auto;
    height:auto
}

.campaign.campaign-card.campaign-card-swiper .campaign-list .swiper-container .campaign-md .campaign-wrap .campaign-img a img {
    width:100%
}

.campaign.campaign-card.campaign-card-swiper .campaign-list .swiper-container .campaign-md .campaign-wrap .campaign-title {
    height: 20px;
    font-size: 14px;
    font-weight:700
}

.campaign.campaign-card.campaign-card-swiper .campaign-list .swiper-container .campaign-md .campaign-wrap .campaign-title a {
    white-space:nowrap
}

.campaign.campaign-card.campaign-card-swiper .campaign-list .swiper-container .campaign-md .campaign-wrap .campaign-info {
    height: 18px;
    overflow:hidden
}

.campaign.campaign-card.campaign-card-swiper .campaign-list .swiper-container .campaign-md .campaign-wrap .campaign-info .item-rating-text {
    position: relative;
    top: -3px;
    display: inline-block;
    margin-left: 8px;
    color: #555;
    font-size:13px
}

.campaign.campaign-card.campaign-card-hot-coupons .campaign-list {
    padding: 0;
    white-space: normal;
    text-align:left
}

.campaign.campaign-card.campaign-card-hot-coupons .campaign-list .campaign-offer {
    border:0
}

.campaign.campaign-card .campaign-list {
    padding-left: 15px;
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-overflow-scrolling:touch
}

.campaign.campaign-card .campaign-list::-webkit-scrollbar {
    display:none
}

.campaign.campaign-card .campaign-list .campaign-md {
    display: inline-block;
    width:auto
}

.campaign.campaign-card .campaign-list .campaign-md:first-child {
    display:inline-block
}

.campaign.campaign-card .campaign-list .campaign-md .campaign-wrap {
    position: relative;
    margin: 15px;
    margin-left: 0;
    padding: 0;
    display: inline-block;
    width: 242px;
    border: 1px solid #efefef;
    vertical-align: top;
    overflow:hidden
}

.campaign.campaign-card .campaign-list .campaign-md .campaign-wrap:first-child {
    display: inline-block;
    border:1px solid #efefef
}

.campaign.campaign-card .campaign-list .campaign-md .campaign-wrap .campaign-img {
    float:none
}

.campaign.campaign-card .campaign-list .campaign-md .campaign-wrap .campaign-img a {
    width: 240px;
    height:140px
}

.campaign.campaign-card .campaign-list .campaign-md .campaign-wrap .campaign-content {
    margin-right: 0;
    padding:15px
}

.campaign.campaign-card .campaign-list .campaign-md .campaign-wrap .campaign-title {
    margin-top:0
}

.campaign.campaign-card .campaign-list .campaign-md .campaign-wrap .campaign-title a {
    white-space:normal
}

.campaign.campaign-card .campaign-list .campaign-md .campaign-wrap .campaign-tags {
    margin-top: 6px;
    height: 43px;
    overflow:hidden
}

.campaign-board {
    display: flex;
    margin-bottom:30px
}

.campaign-board.col-4 .campaign-board-wrap {
    width:22%
}

.campaign-board.col-4 .campaign-board-wrap.wide {
    width:34%
}

.campaign-board .campaign {
    margin: 0;
    height:100%
}

.campaign-board .campaign .campaign-lg {
    height:100%
}

.campaign-board .campaign .campaign-lg .campaign-wrap {
    height:100%
}

.campaign-board .campaign-board-wrap {
    padding-right:5px
}

.campaign-board .campaign-board-wrap:last-child {
    padding-right:0
}

.campaign-board .campaign-board-item {
    margin-bottom:5px
}

.campaign-board .campaign-board-item:last-child {
    margin-bottom:0
}

.campaign-board .campaign-board-item .campaign .campaign-lg .campaign-wrap {
    height:120px
}

.swiper-cards-subject .swiper-container {
    margin: 0 0 15px;
    padding: 15px 15px 0;
    background:#fff
}

.swiper-cards-subject .swiper-pagination {
    position: relative;
    bottom:-5px
}

.swiper-cards-subject .swiper-pagination .swiper-pagination-bullet-active {
    background:#00bdff
}

.swiper-cards-subject .campaign {
    background:#f7f7f7
}

.swiper-cards-subject .campaign .campaign-offer .campaign-desc h2 {
    height: 48px;
    font-size:16px
}

.swiper-cards .campaign.campaign-more, .swiper-articles .campaign.campaign-more, .swiper-subjects .campaign.campaign-more, .swiper-topics .campaign.campaign-more {
    display:none
}

.swiper-cards.swiper-card-activities, .swiper-articles.swiper-card-activities, .swiper-subjects.swiper-card-activities, .swiper-topics.swiper-card-activities {
    display:none
}

.swiper-cards.swiper-tag-subjects, .swiper-articles.swiper-tag-subjects, .swiper-subjects.swiper-tag-subjects, .swiper-topics.swiper-tag-subjects {
    display:none
}

.swiper-cards.swiper-card-topics, .swiper-articles.swiper-card-topics, .swiper-subjects.swiper-card-topics, .swiper-topics.swiper-card-topics {
    display:none
}

.swiper-recommend-merchants {
    display:none
}

.campaign-news-listing {
    border-radius: 4px;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .05);
    overflow:hidden
}

.campaign-news-listing .load-more {
    display: block;
    text-align:center
}

.campaign-news-listing .load-more i {
    margin-right:5px
}

.campaign-news-listing .campaign-wrap {
    padding:10px !important
}

.campaign-news-listing .campaign-wrap .flexbox {
    display: flex;
    align-items:center
}

.campaign-news-listing .campaign-wrap .flexbox .campaign-news-time {
    margin-right: 15px;
    text-align:center
}

.campaign-news-listing .campaign-wrap .flexbox .campaign-news-time strong {
    display: block;
    white-space: nowrap;
    font-size:12px
}

.campaign-news-listing .campaign-wrap .flexbox .campaign-news-time span {
    display: block;
    white-space: nowrap;
    color: #f30;
    font-size:12px
}

.campaign-news-listing .campaign-wrap .flexbox .campaign-title {
    position: relative;
    font-size: 14px !important;
    line-height: 1.6;
    margin: 0 !important;
    height: auto !important;
    max-height: 44px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    flex: 1;
    overflow:hidden
}

.campaign-news-listing .campaign-wrap .flexbox .campaign-view {
    margin-left: 8px;
    padding: 2px 5px;
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius: 3px;
    white-space: nowrap;
    z-index:0
}

.ios .campaign-comment .campaign-head .user-operate {
    display:block
}

.ios .campaign-section .col-md-4.col-md-push-8 {
    left:0
}

.ios .campaign-section .col-md-8.col-md-pull-4 {
    right:0
}

.ios .campaign-section .col-md-3.col-md-push-9 {
    left:0
}

.ios .campaign-section .col-md-9.col-md-pull-3 {
    right:0
}

.ios .campaign.campaign-hot-activities, .ios .campaign.campaign-hot-tags, .ios .campaign.campaign-qr {
    display:none
}

.ios .campaign .campaign-md .campaign-wrap {
    display: table-cell;
    width:50%
}

@media (max-width: 1199px) {
    .campaign .campaign-header .campaign-title.campaign-buy-car-title, .campaign .campaign-header .campaign-title.campaign-purchase-car-title, .campaign .campaign-header .campaign-title.campaign-guru-chat-title {
        margin-top: 17px;
        font-size:13px
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 {
        display:flex
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li:nth-child(1) {
        width:16%
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li:nth-child(2) {
        width:16%
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li:nth-child(3) {
        width:16%
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li:nth-child(4) {
        width:16%
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li:nth-child(5) {
        width:36%
    }
}

@media (min-width: 992px) {
    .campaign .campaign-offer.is-flex-wrap {
        display: flex;
        flex-wrap:wrap
    }

    .campaign .campaign-offer.is-flex-wrap.col-2 .campaign-wrap {
        width:50%
    }
}

@media (max-width: 991px) {
    .campaign-section {
        margin:30px 0 0
    }

    .campaign-section .section-title.has-line .campaign-tags {
        clear:both
    }

    .campaign-section .section-title.has-line .campaign-tags .campaign-tag {
        margin:10px 15px 0 0
    }

    .campaign-section .section-title.has-line.no-clear .campaign-tags {
        clear: none;
        border-top:0
    }

    .campaign-section .section-title.has-line.no-clear .campaign-tags .campaign-tag {
        margin:0 0 0 15px
    }

    .campaign .campaign-list .campaign-md .campaign-wrap {
        display: table-cell;
        width: 50%;
        border-left:1px solid #efefef
    }

    .campaign .campaign-list .campaign-md .campaign-wrap:first-child {
        border-left:0
    }

    .campaign .campaign-header.arrow-right .campaign-title {
        float:right
    }

    .campaign .campaign-header.arrow-left a.clearfix {
        border-right:1px solid #efefef
    }

    .campaign .campaign-header.arrow-left .campaign-title {
        float:left
    }

    .campaign .campaign-header.arrow-left .clearfix:before {
        float: left;
        margin: 15px 0 0 15px;
        content: "\f104"
    }

    .campaign .campaign-header .campaign-title.campaign-buy-car-title, .campaign .campaign-header .campaign-title.campaign-purchase-car-title, .campaign .campaign-header .campaign-title.campaign-guru-chat-title {
        margin-top: 14px;
        font-size:15px
    }

    .campaign.campaign-side-ad, .campaign.campaign-side-footer, .campaign.campaign-news, .campaign.campaign-hot-activities, .campaign.campaign-hot-tags, .campaign.campaign-qr, .campaign.campaign-filter {
        display:none
    }

    .campaign .campaign-offer .campaign-wrap .campaign-content.campaign-reviews .campaign-promo, .campaign .campaign-offer .campaign-wrap .campaign-content.campaign-reviews .campaign-desc {
        float: none;
        margin-right: 0;
        width:auto
    }

    .campaign .campaign-offer .campaign-wrap .campaign-content.campaign-reviews .campaign-tips {
        margin: 15px 0 0 -180px;
        clear:none
    }

    .campaign-pane.no-tab {
        margin-top: -84px;
        padding-top:0
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 {
        display:flex
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li:nth-child(1) {
        width:16%
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li:nth-child(2) {
        width:16%
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li:nth-child(3) {
        width:16%
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li:nth-child(4) {
        width:16%
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li:nth-child(5) {
        width:36%
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li.tab-trans-global img {
        width: auto;
        height:30px
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li.tab-trans-global .nav-link {
        padding-top: 11px;
        padding-bottom:11px
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li.tab-abc img {
        margin-right: 8px;
        height:20px
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li.tab-abc .nav-link {
        padding-top: 16px;
        padding-bottom: 16px;
        font-size:13px
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li.tab-wanxiang img {
        height:30px
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li.tab-wanxiang .nav-link {
        padding-top: 11px;
        padding-bottom:11px
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li .nav-link {
        font-size:16px
    }

    .campaign-tab.campaign-tab-md-7 ul.col-7 li.tab-ow img {
        height:29px
    }

    .campaign-tab.campaign-tab-md-7 ul.col-7 li .nav-link {
        padding-left: 10px;
        padding-right: 10px;
        font-size:16px
    }
}

@media (max-width: 767px) {
    .campaign-nav ul li a {
        border-left:0
    }

    .campaign-nav ul li a.active {
        background:0 0
    }

    .campaign .campaign-md .campaign-wrap .campaign-content.campaign-content-block .campaign-title {
        height:auto
    }

    .campaign-tab ul li.tab-trans-global .nav-link {
        padding-top: 8px;
        padding-bottom:8px
    }

    .campaign-tab.campaign-tab-md-5 ul.col-5 li:nth-child(2) {
        width:13%
    }

    .campaign-tab.campaign-tab-md-5 ul.col-5 li:nth-child(3) {
        width:13%
    }

    .campaign-tab.campaign-tab-md-5 ul.col-5 li:nth-child(4) {
        width:13%
    }

    .campaign-tab.campaign-tab-md-5 ul.col-5 li:nth-child(5) {
        width:41%
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 {
        display:flex
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li:nth-child(1) {
        width:16%
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li:nth-child(2) {
        width:16%
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li:nth-child(3) {
        width:16%
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li:nth-child(4) {
        width:16%
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li:nth-child(5) {
        width:36%
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li.tab-trans-global img {
        margin-right: 5px;
        width: auto;
        height:27px
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li.tab-abc img {
        margin-right: 5px;
        height:18px
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li.tab-abc .nav-link {
        padding-top: 16px;
        padding-bottom: 15px;
        font-size:11px
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li.tab-wanxiang img {
        margin-right: 5px;
        height:27px
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li .nav-link {
        padding-left: 5px;
        padding-right: 5px;
        font-size:14px
    }
}

@media (max-width: 688px) {
    .campaign-pane.has-tab {
        margin-top:-85px
    }

    .campaign-tab {
        margin-bottom:15px
    }

    .campaign-tab ul li a {
        padding-left: 10px;
        padding-right: 10px;
        font-size:16px
    }

    .campaign-tab.campaign-tab-md-7 ul.col-7 li.tab-ow img {
        height:26px
    }

    .campaign-tab.campaign-tab-md-7 ul.col-7 li .nav-link {
        padding-left: 5px;
        padding-right: 5px;
        font-size:14px
    }

    .campaign-board {
        flex-wrap:wrap
    }

    .campaign-board.col-4 .campaign-board-wrap {
        width: 50%;
        display: flex;
        flex-direction: row;
        padding-right:2px
    }

    .campaign-board.col-4 .campaign-board-wrap.wide {
        display: block;
        margin-bottom: 2px;
        padding-right: 2px;
        width:60%
    }

    .campaign-board.col-4 .campaign-board-wrap.narrow {
        display: block;
        margin-bottom: 2px;
        padding-right: 0;
        width:40%
    }

    .campaign-board.col-4 .campaign-board-wrap.narrow .campaign-board-item {
        margin-bottom: 2px;
        padding-right: 0;
        width:100%
    }

    .campaign-board.col-4 .campaign-board-wrap.narrow .campaign-board-item:last-child {
        margin-bottom:0
    }

    .campaign-board.col-4 .campaign-board-wrap:last-child {
        padding-right:0
    }

    .campaign-board.col-4 .campaign-board-wrap .campaign-board-item {
        width: 50%;
        padding-right:2px
    }

    .campaign-board.col-4 .campaign-board-wrap .campaign-board-item:last-child {
        padding-right:0
    }

    .campaign-board .campaign .campaign-lg .campaign-wrap .campaign-overlay {
        height:60%
    }

    .campaign-board .campaign-board-item .campaign .campaign-lg .campaign-wrap {
        height:100px
    }

    .campaign-board .campaign-board-item .campaign .campaign-lg .campaign-wrap .campaign-overlay {
        height:60%
    }

    .campaign-board .campaign-board-item .campaign .campaign-lg .campaign-title {
        font-size:14px
    }
}

@media (max-width: 640px) {
    .campaign.campaign-tools .campaign-md {
        display:table
    }

    .campaign.campaign-tools .campaign-md .campaign-wrap {
        display: table-cell;
        width: 50%;
        border-left:1px solid #efefef
    }

    .campaign.campaign-tools .campaign-md .campaign-wrap:first-child {
        border-left:0
    }

    .campaign.campaign-service .campaign-lg.campaign-feed .campaign-img {
        margin: 15px 0 0 15px;
        width: 120px;
        height:90px
    }

    .campaign.campaign-service .campaign-lg.campaign-feed .campaign-content {
        margin-left:135px
    }

    .campaign.campaign-service .campaign-lg.campaign-feed .campaign-intro {
        max-height:none
    }

    .campaign .campaign-md {
        display:block
    }

    .campaign .campaign-md .campaign-wrap {
        display: block;
        width: 100%;
        border-left:0
    }

    .campaign .campaign-list .campaign-md .campaign-wrap {
        display: block;
        width: 100%;
        border-left:0
    }

    .campaign .campaign-offer.has-height .campaign-wrap {
        height:132px
    }

    .campaign .campaign-offer.has-height .campaign-wrap .campaign-desc h2 {
        max-height: 40px;
        overflow:hidden
    }

    .campaign .campaign-offer.campaign-subject .campaign-wrap h1 {
        font-size:20px
    }

    .campaign .campaign-offer.campaign-deal .campaign-wrap .campaign-aside {
        float: none;
        margin: 0 0 10px;
        width:auto
    }

    .campaign .campaign-offer.campaign-deal .campaign-wrap .campaign-aside .campaign-img {
        float:none
    }

    .campaign .campaign-offer.campaign-deal .campaign-wrap .campaign-aside .campaign-img.campaign-photo a .campaign-image {
        height:280px
    }

    .campaign .campaign-offer.campaign-deal .campaign-wrap .campaign-desc .campaign-price {
        margin-left:0
    }

    .campaign .campaign-offer.campaign-deal .campaign-wrap .campaign-desc .campaign-info {
        margin-left:0
    }

    .campaign .campaign-offer.campaign-deal .campaign-wrap .campaign-content {
        margin-left:0
    }

    .campaign .campaign-offer.campaign-comment .campaign-desc .campaign-img-group .col-xs-2:nth-child(n + 5) {
        display:none
    }

    .campaign .campaign-offer .campaign-wrap .campaign-tags {
        clear: both;
        overflow-y: auto;
        white-space:nowrap
    }

    .campaign .campaign-offer .campaign-wrap .campaign-tags .campaign-tag {
        float: none;
        display:inline-block
    }

    .campaign .campaign-offer .campaign-wrap .campaign-aside {
        float: left;
        margin: 0 15px 5px 0;
        width:auto
    }

    .campaign .campaign-offer .campaign-wrap .campaign-aside .campaign-img {
        float: left;
        margin-top:3px
    }

    .campaign .campaign-offer .campaign-wrap .campaign-aside .campaign-img a {
        width: 100px;
        height: 63px;
        border-radius:4px
    }

    .campaign .campaign-offer .campaign-wrap .campaign-aside .campaign-img.campaign-photo {
        margin-top:0
    }

    .campaign .campaign-offer .campaign-wrap .campaign-aside .campaign-img.campaign-photo a {
        width: 100px;
        height:75px
    }

    .campaign .campaign-offer .campaign-wrap .campaign-aside .campaign-img.campaign-photo span {
        width: 75px;
        height:75px
    }

    .campaign .campaign-offer .campaign-wrap .campaign-aside .btn-success {
        display:none
    }

    .campaign .campaign-offer .campaign-wrap .campaign-title {
        margin: 0 0 10px;
        padding: 0;
        font-size: 14px;
        background:#fff
    }

    .campaign .campaign-offer .campaign-wrap .campaign-content {
        margin-left:0
    }

    .campaign .campaign-offer .campaign-wrap .campaign-content.campaign-reviews .campaign-tips {
        margin-left:0
    }

    .campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-has-avatar .campaign-info {
        margin-left:0
    }

    .campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-has-youworld {
        margin-left:95px
    }

    .campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-side .campaign-price {
        margin-left:0
    }

    .campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-side .campaign-promo {
        margin-top: 5px;
        margin-left: 0;
        color:#00bdff
    }

    .campaign .campaign-offer .campaign-wrap .campaign-promo {
        margin-left: 115px;
        font-size:14px
    }

    .campaign .campaign-offer .campaign-wrap .campaign-promo.campaign-promo-sm {
        margin-left:0
    }

    .campaign .campaign-offer .campaign-wrap .campaign-desc h2, .campaign .campaign-offer .campaign-wrap .campaign-desc h6 {
        font-size:16px
    }

    .campaign .campaign-offer .campaign-wrap .campaign-desc h2.has-height, .campaign .campaign-offer .campaign-wrap .campaign-desc h6.has-height {
        max-height: 42px;
        line-height:1.5
    }

    .campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-location {
        margin-left:115px
    }

    .campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-intro.has-margin {
        margin-left:115px
    }

    .campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-info {
        margin-left:115px
    }

    .campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-info.campaign-info-sm {
        margin-left:0
    }

    .campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-info.campaign-info-inline {
        margin-left:90px
    }

    .campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-info.campaign-info-inline div {
        display:inline
    }

    .campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-price {
        margin-left: 115px;
        font-size: 16px;
        height:auto
    }

    .campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-price.campaign-price-block {
        margin-left:0
    }

    .campaign.campaign-news .campaign-sm, .campaign.campaign-qna .campaign-sm {
        display:block
    }

    .campaign-panel .campaign-tab ul.col-6 li a {
        padding:10px
    }

    .campaign-panel .campaign-tab ul.col-6 li a .icon-nav-square {
        margin-right:0
    }

    .campaign-panel .campaign-tab ul.col-6 li a .icon-nav-square + span {
        display: block;
        margin-top:5px
    }

    .campaign-comment .campaign-img-group .col-xs-2 {
        width:25%
    }

    .campaign-comment .campaign-img-group .col-xs-4 {
        width:50%
    }

    .ios .campaign .campaign-md .campaign-wrap {
        display: block;
        width: 100%;
        border-left:0
    }
}

@media (max-width: 560px) {
    .campaign-breadcrumb {
        margin:15px 15px 0
    }

    .campaign-album {
        padding:0 7px
    }

    .campaign-album .campaign-photo {
        margin-bottom:15px
    }

    .campaign-album .col-md-3.col-sm-4.col-xs-6 {
        padding:0 8px
    }

    .campaign-frame {
        margin:0 0 15px
    }

    .campaign-cells {
        overflow:hidden
    }

    .campaign-cells .row {
        margin:0 -7.5px !important
    }

    .campaign-cells .campaign {
        margin-left: 7.5px;
        margin-right:7.5px
    }

    .campaign-section {
        margin:15px 0 0
    }

    .campaign-section .section-title {
        margin-bottom:15px
    }

    .campaign-section .section-title.has-line {
        margin: 0;
        padding: 0;
        background:#fff
    }

    .campaign-section .section-title.has-line h2, .campaign-section .section-title.has-line h6 {
        margin:13px 0
    }

    .campaign-section .section-title.has-line.no-clear .campaign-tags .campaign-tag {
        margin:10px 15px 10px 0
    }

    .campaign-section .section-title.has-line .swiper-btns .swiper-btn-prev, .campaign-section .section-title.has-line .swiper-btns .swiper-btn-next {
        height: 50px;
        line-height:50px
    }

    .campaign-section .section-title.has-line .swiper-btns .swiper-btn-prev {
        border-left:1px solid #efefef
    }

    .campaign-section .section-title.has-line .swiper-btns .swiper-btn-more {
        height: 50px;
        line-height:50px
    }

    .campaign-section .section-title.has-line .swiper-btns .btn.btn-primary.btn-action {
        margin:7px 15px 0 0
    }

    .campaign-section .section-title.has-line .campaign-tags {
        display: flex;
        padding-right: 15px;
        border-top: 1px solid #efefef;
        overflow-y:hidden
    }

    .campaign-section .section-title.has-line .campaign-tags .campaign-tag {
        margin: 10px 0 10px 15px;
        white-space:nowrap
    }

    .campaign-section .section-title.has-line .campaign-tags .campaign-tag:last-child {
        margin-right:15px
    }

    .campaign-section .section-body {
        margin-bottom:15px
    }

    .campaign-section .section-body .campaign {
        margin:0
    }

    .campaign-section.no-bg {
        padding-top:15px
    }

    .campaign-section .swiper-cards.swiper-cards-hot-merchants .campaign {
        width:auto
    }

    .campaign-section .swiper-cards.swiper-cards-hot-merchants .campaign .campaign-offer.has-height .campaign-wrap .campaign-aside {
        display:none
    }

    .campaign-section .swiper-cards.swiper-cards-hot-merchants .campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-xs {
        margin-left:0
    }

    .campaign-section .swiper-cards-products {
        overflow:hidden
    }

    .campaign-section .swiper-cards-products .row {
        margin:0 -7.5px
    }

    .campaign-section .swiper-cards-products .col-md-4.col-sm-4.col-xs-4 {
        padding:0 7.5px
    }

    .campaign-section .swiper-cards-products .campaign .campaign-offer.campaign-box .campaign-wrap .campaign-content {
        padding:10px
    }

    .campaign-section .swiper-cards-products .campaign .campaign-offer.campaign-box .campaign-wrap .campaign-desc h2 {
        margin-bottom: 5px;
        font-size: 13px;
        height:16px
    }

    .campaign-section .swiper-cards-products .campaign .campaign-offer.campaign-box .campaign-wrap .campaign-desc .campaign-info.campaign-info-sm {
        margin-top:5px
    }

    .campaign-section .swiper-cards-guides .campaign .campaign-offer.campaign-box .campaign-wrap .campaign-desc h2 {
        height:20px
    }

    .campaign-pane {
        background: #f7f7f7;
        box-shadow:none
    }

    .campaign-pane.has-tab {
        margin-top:-15px
    }

    .campaign-pane.no-tab {
        margin-top:-15px
    }

    .campaign-nav ul li a {
        padding:14px 15px
    }

    .campaign-panel .campaign-tab ul li a {
        padding:10px
    }

    .campaign-panel .campaign-tab ul li a .icon-nav-square {
        margin-right:0
    }

    .campaign-panel .campaign-tab ul li a .icon-nav-square + span {
        display: block;
        margin-top:5px
    }

    .campaign-hero .campaign-banner {
        height:120px
    }

    .campaign-hero .campaign-banner h1 {
        margin-top: 47px;
        font-size:24px
    }

    .campaign-hero.campaign-hero-md .campaign-banner {
        height:120px
    }

    .campaign-hero.campaign-hero-md .campaign-banner h1 {
        font-size:20px
    }

    .campaign-hero.campaign-hero-sm .campaign-banner h1 {
        font-size: 16px;
        line-height:1.5
    }

    .campaign-hero.campaign-hero-xs .campaign-banner h1 {
        margin: 12px 15px;
        font-size: 16px;
        line-height:1.5
    }

    .campaign {
        margin:0 0 15px
    }

    .campaign.has-coupon .campaign-offer .campaign-wrap {
        padding: 15px;
        background:#fff
    }

    .campaign.has-coupon .campaign-offer .campaign-wrap .campaign-coupon {
        background:#f7f7f7
    }

    .campaign.has-coupon .campaign-offer .campaign-wrap .campaign-coupon:before {
        background: radial-gradient(circle, transparent 5px, #f7f7f7 5px);
        background-size: 20px 20px;
        background-position:-10px -10px
    }

    .campaign.has-coupon .campaign-offer .campaign-wrap .campaign-coupon:after {
        background: radial-gradient(circle, transparent 5px, #f7f7f7 5px);
        background-size: 20px 20px;
        background-position:0 -10px
    }

    .campaign.campaign-ad.is-lg .campaign-lg .campaign-wrap {
        height:250px
    }

    .campaign.campaign-ad .campaign-badge {
        font-size:12px
    }

    .campaign.campaign-ad .campaign-lg.campaign-feed .campaign-content .campaign-title {
        height:auto
    }

    .campaign.campaign-ad .campaign-lg.campaign-feed .campaign-intro {
        margin-top: 6px;
        display: block;
        max-height:46px
    }

    .campaign.campaign-service .campaign-lg .campaign-wrap {
        height:160px
    }

    .campaign.campaign-service .campaign-lg.campaign-feed .btn-primary {
        margin-bottom: 10px;
        padding: 5px 10px;
        font-size: 12px;
        line-height:1.5
    }

    .campaign.campaign-service .campaign-lg.campaign-feed .campaign-intro {
        max-height:none
    }

    .campaign .campaign-offer.campaign-box .campaign-wrap .campaign-desc h2 {
        height: 42px;
        line-height:1.5
    }

    .campaign .campaign-offer .campaign-badge {
        font-size:12px
    }

    .campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-intro.hidden-mobile {
        display:none
    }

    .campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-has-qa h2.has-height {
        height: 42px;
        line-height:1.5
    }

    .campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-side {
        display:block
    }

    .campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-side .campaign-desc h1 {
        font-size:18px
    }

    .campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-side .campaign-summary {
        margin: 15px 0 0;
        padding: 15px 0 0;
        border-top: 1px solid #efefef;
        background: #fff;
        text-align:left
    }

    .campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-side .campaign-summary h3 {
        margin: 0 10px 0 0;
        display: inline-block;
        font-size:14px
    }

    .campaign .campaign-offer .campaign-wrap .campaign-content.campaign-content-side .campaign-summary .campaign-info {
        display:inline-block
    }

    .campaign .campaign-lg.campaign-feed .campaign-img {
        width: 160px;
        height:120px
    }

    .campaign .campaign-lg.campaign-feed .campaign-content {
        margin-left: 160px;
        padding-top: 12px;
        padding-bottom:5px
    }

    .campaign .campaign-lg.campaign-feed .campaign-content .campaign-title {
        font-size: 16px;
        height: 68px;
        max-height: 68px;
        line-height:1.5
    }

    .campaign .campaign-lg.campaign-feed .campaign-content .campaign-info {
        margin-top:8px
    }

    .campaign .campaign-lg.campaign-feed .campaign-intro {
        display:none
    }

    .campaign .campaign-lg.campaign-feed .campaign-badge {
        font-size:12px
    }

    .campaign .campaign-lg.campaign-feed.campaign-feed-sm .campaign-img {
        width: 100px;
        height:100px
    }

    .campaign .campaign-lg.campaign-feed.campaign-feed-sm .campaign-content {
        margin-left: 100px;
        padding-bottom:12px
    }

    .campaign .campaign-lg.campaign-feed.campaign-feed-sm .campaign-content .campaign-title {
        height:auto
    }

    .campaign .campaign-lg.campaign-feed.campaign-feed-sm .campaign-content .campaign-promo {
        font-size:14px
    }

    .campaign .campaign-lg .campaign-wrap {
        height:140px
    }

    .campaign .campaign-lg .campaign-wrap .campaign-badge {
        font-size:12px
    }

    .campaign .campaign-lg .campaign-wrap .campaign-title {
        font-size: 16px;
        max-height:68px
    }

    .campaign .campaign-lg .campaign-wrap .campaign-overlay {
        height:90%
    }

    .campaign.campaign-card.campaign-card-activities, .campaign.campaign-card.campaign-card-merchants, .campaign.campaign-card.campaign-card-hot-coupons {
        display:block
    }

    .campaign .campaign-article .collapse-action .collapse-btn.collapsed .collapsed-overlay {
        top: -60px;
        height:60px
    }

    .campaign .campaign-article p {
        margin-bottom:15px
    }

    .campaign .campaign-article.ignore-opencc > h2, .campaign .campaign-article.ignore-opencc > b, .campaign .campaign-article.ignore-opencc > strong, .campaign .campaign-article .ignore-opencc > h2, .campaign .campaign-article .ignore-opencc > b, .campaign .campaign-article .ignore-opencc > strong {
        font-size: 16px;
        margin:0 0 15px
    }

    .campaign .campaign-article.ignore-opencc > iframe, .campaign .campaign-article.ignore-opencc > .img-thumbnail, .campaign .campaign-article.ignore-opencc > .twitter-tweet, .campaign .campaign-article .ignore-opencc > iframe, .campaign .campaign-article .ignore-opencc > .img-thumbnail, .campaign .campaign-article .ignore-opencc > .twitter-tweet, .campaign .campaign-article > .medium-insert-images {
        margin:0 0 15px !important
    }

    .campaign .campaign-article.ignore-opencc > blockquote, .campaign .campaign-article .ignore-opencc > blockquote {
        margin:0 0 15px
    }

    .campaign-comment .campaign-rate .item-rating-heart-lg .icon-rating {
        width: 28px;
        height: 28px;
        background-size:28px 56px
    }

    .campaign-comment .campaign-rate .item-rating-heart-lg .icon-rating:hover, .campaign-comment .campaign-rate .item-rating-heart-lg .icon-rating:hover ~ .icon-rating {
        background-position:left -28px
    }

    .campaign-tab.campaign-tab-sm ul.col-5 {
        display: table;
        width:100%
    }

    .campaign-tab.campaign-tab-sm ul.col-5 li {
        display: table-cell;
        width:auto
    }

    .campaign-tab.campaign-tab-sm ul.col-5 li a {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        font-size:15px
    }

    .campaign-tab.campaign-tab-sm ul.col-5 li a:after {
        top: 0;
        right:-15px
    }

    .campaign-tab.campaign-tab-md ul.col-5 li {
        width:19%
    }

    .campaign-tab.campaign-tab-md ul.col-5 li a {
        white-space:nowrap
    }

    .campaign-tab.campaign-tab-md ul.col-5 li:nth-child(4) {
        width:24%
    }

    .campaign-tab.campaign-tab-md-2 ul.col-5 li {
        width:17%
    }

    .campaign-tab.campaign-tab-md-2 ul.col-5 li a {
        white-space:nowrap
    }

    .campaign-tab.campaign-tab-md-2 ul.col-5 li:nth-child(2) {
        width:23%
    }

    .campaign-tab.campaign-tab-md-2 ul.col-5 li:nth-child(3) {
        width:20%
    }

    .campaign-tab.campaign-tab-md-2 ul.col-5 li:nth-child(4) {
        width:23%
    }

    .campaign-tab.campaign-tab-md-3 ul.col-4 li {
        width:22%
    }

    .campaign-tab.campaign-tab-md-3 ul.col-4 li a {
        white-space:nowrap
    }

    .campaign-tab.campaign-tab-md-3 ul.col-4 li:nth-child(1) {
        width:32%
    }

    .campaign-tab.campaign-tab-md-4 ul.col-3 li {
        width:27%
    }

    .campaign-tab.campaign-tab-md-4 ul.col-3 li a {
        white-space:nowrap
    }

    .campaign-tab.campaign-tab-md-4 ul.col-3 li:nth-child(3) {
        width:46%
    }

    .campaign-tab.campaign-tab-md-5 ul.col-5 li a {
        padding-left: 5px;
        padding-right:5px
    }

    .campaign-tab.campaign-tab-md-5 ul.col-5 li:nth-child(1) {
        width:24%
    }

    .campaign-tab.campaign-tab-md-5 ul.col-5 li:nth-child(2) {
        width:12%
    }

    .campaign-tab.campaign-tab-md-5 ul.col-5 li:nth-child(3) {
        width:12%
    }

    .campaign-tab.campaign-tab-md-5 ul.col-5 li:nth-child(4) {
        width:12%
    }

    .campaign-tab.campaign-tab-md-5 ul.col-5 li:nth-child(5) {
        width:40%
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 {
        display: flex;
        flex-wrap:wrap
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6:before {
        display:none
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li:nth-child(1) {
        width:31%
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li:nth-child(2) {
        width:23%
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li:nth-child(3) {
        width:23%
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li:nth-child(4) {
        width:23%
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li:nth-child(5) {
        width:100%
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li.tab-trans-global {
        background:0 0 !important
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li.tab-abc {
        background:0 0 !important
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li.tab-abc img {
        margin-right: 8px;
        height:19px
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li.tab-abc .nav-link {
        padding-top: 15px;
        font-size:13px
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li.tab-wanxiang {
        background:0 0 !important
    }

    .campaign-tab.campaign-tab-md-7 ul.col-7 {
        flex-wrap:wrap
    }

    .campaign-tab.campaign-tab-md-7 ul.col-7:before {
        display:none
    }

    .campaign-tab.campaign-tab-md-7 ul.col-7 li:nth-child(1) {
        width:20%
    }

    .campaign-tab.campaign-tab-md-7 ul.col-7 li:nth-child(2) {
        width:20%
    }

    .campaign-tab.campaign-tab-md-7 ul.col-7 li:nth-child(3) {
        width:20%
    }

    .campaign-tab.campaign-tab-md-7 ul.col-7 li:nth-child(4) {
        width:20%
    }

    .campaign-tab.campaign-tab-md-7 ul.col-7 li:nth-child(5) {
        width:20%
    }

    .campaign-tab.campaign-tab-md-7 ul.col-7 li:nth-child(6) {
        width:40%
    }

    .campaign-tab.campaign-tab-md-7 ul.col-7 li:nth-child(7) {
        width:60%
    }

    .campaign-tab.campaign-tab-md-7 ul.col-7 li.tab-ow {
        background:0 0 !important
    }

    .campaign-tab ul li.tab-trans-global .nav-link {
        padding-top: 11px;
        padding-bottom:11px
    }

    .campaign-tab ul li.tab-trans-global img {
        margin-right: 5px;
        width:60px
    }

    .swiper-articles .swiper-container {
        margin:0 0 15px
    }

    .swiper-articles .swiper-container .campaign {
        margin:0
    }

    .swiper-articles .swiper-container .campaign.campaign-more {
        display:block
    }

    .swiper-cards-sm {
        box-shadow:rgba(0, 0, 0, .05) 0 0 10px
    }

    .swiper-subjects.swiper-tag-subjects, .swiper-topics.swiper-tag-subjects {
        display:block
    }

    .swiper-subjects.swiper-card-topics, .swiper-topics.swiper-card-topics {
        display:block
    }

    .swiper-recommend-merchants {
        display:block
    }

    .swiper-cards.swiper-card-activities, .swiper-cards-sm.swiper-card-activities, .swiper-cards-xs.swiper-card-activities {
        display:block
    }

    .swiper-cards .swiper-container, .swiper-cards-sm .swiper-container, .swiper-cards-xs .swiper-container {
        margin: 0 0 15px;
        padding: 15px 15px 0;
        background:#fff
    }

    .swiper-cards .swiper-slide, .swiper-cards-sm .swiper-slide, .swiper-cards-xs .swiper-slide {
        width:auto
    }

    .swiper-cards .swiper-pagination, .swiper-cards-sm .swiper-pagination, .swiper-cards-xs .swiper-pagination {
        display:none
    }

    .swiper-cards .campaign, .swiper-cards-sm .campaign, .swiper-cards-xs .campaign {
        width:240px
    }

    .swiper-cards .campaign.campaign-more, .swiper-cards-sm .campaign.campaign-more, .swiper-cards-xs .campaign.campaign-more {
        display: block;
        margin: 0 -15px;
        width:auto
    }

    .swiper-cards .campaign.campaign-more .campaign-wrap, .swiper-cards-sm .campaign.campaign-more .campaign-wrap, .swiper-cards-xs .campaign.campaign-more .campaign-wrap {
        border-top: 1px solid #efefef;
        border-bottom:0
    }

    .swiper-cards .campaign .campaign-wrap-xs, .swiper-cards-sm .campaign .campaign-wrap-xs, .swiper-cards-xs .campaign .campaign-wrap-xs {
        background:#f7f7f7
    }

    .swiper-cards .campaign .campaign-box .campaign-content, .swiper-cards-sm .campaign .campaign-box .campaign-content, .swiper-cards-xs .campaign .campaign-box .campaign-content {
        background:#f7f7f7
    }

    .swiper-cards-xs .campaign {
        width:180px
    }

    .campaign-details .campaign-tab.campaign-actions.campaign-tab-md-6.affix + .campaign-sticky {
        height:101px
    }
}

@media (max-width: 414px) {
    .campaign-section .section-title .btn ins {
        display:none
    }

    .campaign.campaign-service .campaign-lg.campaign-feed .campaign-img {
        width: 80px;
        height:60px
    }

    .campaign.campaign-service .campaign-lg.campaign-feed .campaign-content {
        margin-left:95px
    }
}

@media (max-width: 375px) {
    .campaign-no-margin .campaign-tab {
        margin:0
    }

    .campaign-no-margin .campaign-tab ul li a {
        font-size:14px
    }

    .campaign-nav ul li a {
        padding: 12px 15px;
        font-size:13px
    }

    .campaign-tab ul li a {
        font-size:14px
    }

    .campaign-tab.campaign-tab-sm ul.col-5 li a {
        font-size:13px
    }

    .campaign-form .btn {
        font-size:14px
    }

    .campaign-form .checkbox {
        font-size:14px
    }

    .campaign-pagination ul.pagination li a {
        padding: 7px 5px;
        min-width: 33px;
        color: #333;
        border-color:#efefef
    }

    .campaign .campaign-lg .campaign-wrap .campaign-title {
        font-size:14px
    }

    .campaign .campaign-lg.campaign-feed .campaign-img {
        width:120px
    }

    .campaign .campaign-lg.campaign-feed .campaign-content {
        margin-left:120px
    }

    .campaign .campaign-lg.campaign-feed .campaign-content .campaign-title {
        font-size: 14px;
        max-height: 60px;
        height:60px
    }

    .campaign .campaign-lg.campaign-feed .campaign-content .campaign-info {
        margin-top:10px
    }

    .campaign .campaign-lg.campaign-feed .campaign-content .campaign-info div {
        margin-right:15px
    }

    .campaign .campaign-header .campaign-title {
        font-size:14px
    }

    .campaign .campaign-header .campaign-title.campaign-buy-car-title, .campaign .campaign-header .campaign-title.campaign-purchase-car-title, .campaign .campaign-header .campaign-title.campaign-guru-chat-title {
        font-size:14px
    }

    .campaign .campaign-article p.campaign-summary {
        font-size:14px
    }

    .campaign .campaign-offer.campaign-deal .campaign-wrap .campaign-tips {
        font-size:14px
    }

    .campaign .campaign-offer.campaign-deal .campaign-wrap .campaign-tips.campaign-tips-block .campaign-wrap .icon-wrap {
        margin-top:3px
    }

    .campaign .campaign-offer.campaign-comment .campaign-article p {
        font-size:13px
    }

    .campaign .campaign-offer .campaign-wrap .campaign-desc h2, .campaign .campaign-offer .campaign-wrap .campaign-desc h6 {
        font-size:14px
    }

    .campaign .campaign-offer .campaign-wrap .campaign-desc h2.has-height, .campaign .campaign-offer .campaign-wrap .campaign-desc h6.has-height {
        max-height:38px
    }

    .campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-info.campaign-info-sm.pull-left {
        float: none !important;
        margin:0 0 15px
    }

    .campaign .campaign-offer .campaign-wrap .campaign-content.campaign-reviews .campaign-bullet p {
        font-size:13px
    }
}

@media (max-width: 374px) {
    .campaign-tab.campaign-tab-md-5 ul.col-5 li a {
        font-size: 13px;
        padding-left: 4px;
        padding-right:4px
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li.tab-trans-global .nav-link {
        font-size:12px
    }

    .campaign-tab.campaign-tab-md-6 ul.col-6 li.tab-abc .nav-link {
        font-size:11px
    }
}

@media (max-width: 320px) {
    .campaign-section .section-title .btn .fa-plus-circle {
        margin:0
    }

    .campaign-section .section-title .btn span {
        display:none
    }

    .campaign .campaign-md .campaign-wrap .campaign-title {
        height:36px
    }

    .campaign .campaign-offer.campaign-comment .campaign-article p {
        font-size:12px
    }

    .campaign .campaign-offer .campaign-wrap .campaign-content.campaign-reviews .campaign-bullet p {
        font-size:12px
    }
}

@media (min-width: 689px) {
    .campaign-panel.campaign-panel-side {
        display: flex;
        border-radius: 4px;
        box-shadow:rgba(0, 0, 0, .05) 0 0 10px
    }

    .campaign-panel.campaign-panel-side .campaign-tab {
        margin: 0;
        background: #f7f7f7;
        border-radius:4px 0 0 4px
    }

 

    .campaign-panel.campaign-panel-side .tab-content {
        flex:1
    }

    .campaign-panel.campaign-panel-side .campaign-form {
        background:0 0
    }

    .campaign-panel.campaign-panel-side .campaign-form .campaign-total {
        margin-top: 10px;
        text-align:right
    }
}

.car-rental-store {
    padding: 30px 0 20px;
    border-top:1px solid #efefef
}

.car-rental-store:first-child {
    padding-top: 0;
    border-top:0
}

.car-rental-store-title {
    margin-bottom: 10px;
    padding: 0 15px;
    font-weight: 700;
    font-size:16px
}

.car-rental-store-list-item {
    margin-bottom:10px
}

.car-rental-store-list-header {
    color: #757575;
    font-size:16px
}

.car-rental-store-map {
    margin-bottom: 10px;
    padding:0 15px
}

.car-rental-store-map .icon {
    display: inline-block;
    margin: 0 8px 0 0;
    vertical-align:middle
}

.car-rental-store-map a {
    color: #2185d0;
    vertical-align:middle
}

.car-rental-store-info::after {
    content: '';
    display: table;
    clear:both
}

@media (max-width: 560px) {
    .car-rental-store-info {
        padding:0 15px
    }
}

.car-rental-intro-title {
    margin-bottom: 20px;
    padding: 0 15px;
    font-weight: 700;
    font-size:16px
}

.car-rental-intro-content {
    margin: 10px 0;
    padding: 0 15px;
    line-height:2
}

.car-rental-intro-img {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    max-width:1000px
}

.item-article .campaign.campaign-chain-stores {
    background:#f7f7f7
}

.item-article .campaign.campaign-chain-stores .campaign-md .campaign-wrap .campaign-title {
    font-size: 14px;
    height:auto
}

.collapse-action {
    position:relative
}

.collapse-action .collapse-btn:before {
    content: '- 收缩'
}

.collapse-action .collapse-btn.collapsed .collapsed-overlay {
    display: block;
    position: absolute;
    top: -50px;
    right: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)
}

.collapse-action .collapse-btn.collapsed:before {
    content: '+ 展开'
}

.is-flex {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-right:-30px
}

.is-flex:before {
    display:none
}

.margin-top-50 {
    margin-top:50px !important
}

.margin-bottom-50 {
    margin-bottom:50px !important
}

.margin-top-20 {
    margin-top:20px !important
}

.margin-right-20 {
    margin-right:20px !important
}

.margin-bottom-20 {
    margin-bottom:20px !important
}

.margin-left-20 {
    margin-left:20px !important
}

.margin-20 {
    margin:20px !important
}

.margin-top-15 {
    margin-top:15px !important
}

.margin-right-15 {
    margin-right:15px !important
}

.margin-bottom-15 {
    margin-bottom:15px !important
}

.margin-left-15 {
    margin-left:15px !important
}

.margin-15 {
    margin:15px !important
}

.margin-top-10 {
    margin-top:10px !important
}

.margin-right-10 {
    margin-right:10px !important
}

.margin-bottom-10 {
    margin-bottom:10px !important
}

.margin-left-10 {
    margin-left:10px !important
}

.margin-10 {
    margin:10px !important
}

.margin-top-5 {
    margin-top:5px !important
}

.margin-right-5 {
    margin-right:5px !important
}

.margin-bottom-5 {
    margin-bottom:5px !important
}

.margin-left-5 {
    margin-left:5px !important
}

.margin-5 {
    margin:5px !important
}

.margin-top-0 {
    margin-top:0 !important
}

.margin-right-0 {
    margin-right:0 !important
}

.margin-bottom-0 {
    margin-bottom:0 !important
}

.margin-left-0 {
    margin-left:0 !important
}

.margin-0 {
    margin:0 !important
}

.padding-top-50 {
    padding-top:50px !important
}

.padding-right-50 {
    padding-right:50px !important
}

.padding-bottom-50 {
    padding-bottom:50px !important
}

.padding-left-50 {
    padding-left:50px !important
}

.padding-50 {
    padding:50px !important
}

.padding-top-20 {
    padding-top:20px !important
}

.padding-right-20 {
    padding-right:20px !important
}

.padding-bottom-20 {
    padding-bottom:20px !important
}

.padding-left-20 {
    padding-left:20px !important
}

.padding-20 {
    padding:20px !important
}

.padding-top-15 {
    padding-top:15px !important
}

.padding-right-15 {
    padding-right:15px !important
}

.padding-bottom-15 {
    padding-bottom:15px !important
}

.padding-left-15 {
    padding-left:15px !important
}

.padding-15 {
    padding:15px !important
}

.padding-top-10 {
    padding-top:10px !important
}

.padding-right-10 {
    padding-right:10px !important
}

.padding-bottom-10 {
    padding-bottom:10px !important
}

.padding-left-10 {
    padding-left:10px !important
}

.padding-10 {
    padding:10px !important
}

.padding-top-5 {
    padding-top:5px !important
}

.padding-right-5 {
    padding-right:5px !important
}

.padding-bottom-5 {
    padding-bottom:5px !important
}

.padding-left-5 {
    padding-left:5px !important
}

.padding-5 {
    padding:5px !important
}

.padding-top-0 {
    padding-top:0 !important
}

.padding-right-0 {
    padding-right:0 !important
}

.padding-bottom-0 {
    padding-bottom:0 !important
}

.padding-left-0 {
    padding-left:0 !important
}

.padding-0 {
    padding:0 !important
}

.brand-text-red {
    color:#ff4646 !important
}

.brand-text-blue {
    color:#00bdff !important
}

.brand-text-purple {
    color:#ae70ee !important
}

.brand-text-green {
    color:#bada55 !important
}

.wechat-share {
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 127px;
    background: url(/images/wechat-share.png) no-repeat left top;
    background-size:120px 127px
}

.wechat-follow-item {
    margin:15px 15px 0
}

.wechat-follow-item p {
    margin: 10px 0 0;
    font-size: 12px;
    color:#fff
}

#app-link {
    border-bottom: .1em solid #e8e8e8;
    width: 100%;
    height: 4.85em;
    font-family: helvetica neue, sans-serif;
    font-size: 16px;
    text-align: left;
    background: -webkit-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
    box-shadow: 0 .1em .15em rgba(0, 0, 0, .5);
    z-index: 9998;
    -webkit-font-smoothing: antialiased;
    overflow:hidden
}

.mobile-title {
    text-align: center;
    font-size: 20px;
    font-weight:700
}

.menu-spliter {
    border-top: #eee solid 1px;
    width: 100% !important;
    margin:5px
}


#nav .dropdown-backdrop, #search-panel .dropdown-backdrop {
    display:none
}


.form-group-lg label {
    font-weight:400
}

.form-group-lg .form-control {
    height:42px
}

.form-group-lg select.form-control {
    height: 42px;
    line-height:42px
}


.input-group-lg .form-control, .input-group-lg .input-group-addon {
    height:42px
}


@media (max-width: 560px) {
    .form-group-lg .form-control, .form-control {
        padding-left: 10px;
        padding-right: 10px;
        border-width: 0;
        border-bottom-width: 1px;
        border-radius:0
    }

    .form-search .search-wrap .form-control {
        border-radius:0
    }

    .input-group-addon {
        background: 0 0;
        border: 0;
        border-bottom: 1px solid #eee;
        border-radius:0
    }
}

.icon-wrap {
    display: inline-block;
    margin-right: 10px;
    width: 36px;
    height: 36px;
    background: #fff;
    border-width: 1px;
    border-style: solid;
    border-radius: 100px;
    border-color: #ddd;
    vertical-align:middle
}

.icon-wrap:hover, .icon-wrap:focus, .icon-wrap.focus, .icon-wrap.active {
    border-color:#777
}

.icon {
    display: block;
    margin: 8px auto 0;
    line-height: 100;
    width: 18px;
    height: 18px;
    background: url(/images/icons-061218.png) no-repeat;
    background-size: 18px 1224px;
    overflow:hidden
}

.icon.icon-lg {
    width: 36px;
    height: 36px;
    background: url(/images/icons-lg-090715.png) no-repeat;
    background-size:36px 36px
}

.icon-loaction {
    background-position:left top
}

.icon-search {
    background-position:left -18px
}

.icon-notification {
    background-position:left -36px
}

.icon-prev {
    background-position:left -54px
}

.icon-next {
    background-position:left -72px
}

.icon-help {
    background-position:left -90px
}

.icon-close {
    background-position:left -108px
}

.icon-menu {
    background-position:left -126px
}

.icon-home {
    background-position:left -144px
}

.icon-group {
    background-position:left -162px
}

.icon-activity {
    background-position:left -180px
}

.icon-article {
    background-position:left -198px
}

.icon-play {
    background-position:left -216px
}

.icon-search-light {
    background-position:left -234px
}

.icon-photo {
    background-position:left -252px
}

.icon-talk {
    background-position:left -270px
}

.icon-countdown {
    background-position:left -288px
}

.icon-user-num {
    background-position:left -306px
}

.icon-user-admin {
    background-position:left -324px
}

.icon-url {
    background-position:left -342px
}

.icon-email {
    background-position:left -360px
}

.icon-time {
    background-position:left -378px
}

.icon-activity-type {
    background-position:left -396px
}

.icon-timer {
    background-position:left -414px
}

.icon-tel {
    background-position:left -432px
}

.icon-user {
    background-position:left -450px
}

.icon-attraction {
    background-position:left -468px
}

.icon-area {
    background-position:left -486px
}

.icon-map {
    background-position:left -504px
}

.icon-grid {
    background-position:left -522px
}

.icon-filter {
    background-position:left -540px
}

.icon-sort {
    background-position:left -558px
}

.icon-job {
    background-position:left -576px
}

.icon-birthday {
    background-position:left -594px
}

.icon-gender {
    background-position:left -612px
}

.icon-social {
    background-position:left -630px
}

.icon-hobby, .icon-fav {
    background-position:left -648px
}

.icon-repeat {
    background-position:left -666px
}

.icon-wallet {
    background-position:left -684px
}

.icon-male {
    background-position:left -702px
}

.icon-female {
    background-position:left -720px
}

.icon-lgbt {
    background-position:left -738px
}

.icon-pwd {
    background-position:left -756px
}

.icon-timezone {
    background-position:left -774px
}

.icon-near {
    background-position:left -792px
}

.icon-about-us {
    background-position:left -810px
}

.icon-contact-us {
    background-position:left -828px
}

.icon-business {
    background-position:left -846px
}

.icon-privacy {
    background-position:left -864px
}

.icon-policy {
    background-position:left -882px
}

.icon-guru-coin {
    background-position:left -900px
}

.icon-coupon {
    background-position:left -918px
}

.icon-order {
    background-position:left -936px
}

.icon-collection {
    background-position:left -954px
}

.icon-question {
    background-position:left -972px
}

.icon-news {
    background-position:left -990px
}

.icon-car-rental {
    background-position:left -1008px
}

.icon-taxi {
    background-position:left -1026px
}

.icon-plane {
    background-position:left -1044px
}

.icon-ad {
    background-position:left -1062px
}

.icon-lang {
    background-position:left -1080px
}

.icon-payment {
    background-position:left -1098px
}

.icon-price {
    background-position:left -1116px
}

.icon-tips {
    background-position:left -1134px
}

.icon-radar {
    background-position:left -1152px
}

.icon-swipe {
    background-position:left -1170px
}

.icon-minimize {
    background-position:left -1188px
}

.icon-maximize {
    background-position:left -1206px
}

.icon-social a {
    display: block;
    width: 48px;
    height: 48px;
    line-height: 46px;
    font-size: 18px;
    color: #fff;
    border-width: 1px;
    border-style: solid;
    border-radius: 100px;
    background:#fff
}

.icon-social .icon-facebook {
    color: #009eff;
    border-color:#009eff
}

.icon-social .icon-facebook:hover, .icon-social .icon-facebook:focus, .icon-social .icon-facebook.focus {
    color: #fff;
    background:#009eff
}

.icon-social .icon-google {
    color: #ff4646;
    border-color:#ff4646
}

.icon-social .icon-google:hover, .icon-social .icon-google:focus, .icon-social .icon-google.focus {
    color: #fff;
    background:#ff4646
}

.icon-social .icon-wechat {
    color: #80b518;
    border-color:#80b518
}

.icon-social .icon-wechat:hover, .icon-social .icon-wechat:focus, .icon-social .icon-wechat.focus {
    color: #fff;
    background:#80b518
}

.icon-social .icon-weibo {
    color: #f60;
    border-color:#f60
}

.icon-social .icon-weibo:hover, .icon-social .icon-weibo:focus, .icon-social .icon-weibo.focus {
    color: #fff;
    background:#f60
}

.icon-social .icon-apple {
    color: #333;
    border-color:#333
}

.icon-social .icon-apple:hover, .icon-social .icon-apple:focus, .icon-social .icon-apple.focus {
    color: #fff;
    background:#333
}

.icon-social .icon-link {
    color: #777;
    border-color:#777
}

.icon-social .icon-link:hover, .icon-social .icon-link:focus, .icon-social .icon-link.focus {
    color: #fff;
    background:#777
}

.campaign-rating-star-lg span {
    float: left;
    margin-top:8px
}

.campaign-rating-star-lg .icon-rating {
    float: left;
    width: 36px;
    height: 36px;
    background: url(/images/icons-rating-star-lg.png) no-repeat;
    background-size: 36px 72px;
    overflow:hidden
}

.campaign-rating-star-lg .icon-rating.active {
    background-position:left -36px
}

.item-rating-heart-lg span {
    float: left;
    margin-top:8px
}

.item-rating-heart-lg .icon-rating {
    float: left;
    width: 36px;
    height: 36px;
    background: url(/images/icons-rating-star-lg.png) no-repeat;
    background-size: 36px 72px;
    overflow:hidden
}

.item-rating-heart-lg .icon-rating.active {
    background-position:left -36px
}

.item-rating .icon-rating {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: 18px 54px;
    background-repeat: no-repeat;
    overflow:hidden
}

.item-rating.item-rating-heart .icon-rating {
    background-image:url(/images/icons-rating-star.png)
}

.item-rating.item-rating-badge .icon-rating {
    background-image:url(/images/icons-rating-badge.png)
}

.item-rating.item-rating-fire .icon-rating {
    background-image:url(/images/icons-rating-fire.png)
}

.item-rating.item-rating-1 .icon-rating-1 {
    background-position:left -18px
}

.item-rating.item-rating-2 .icon-rating-1 {
    background-position:left -36px
}

.item-rating.item-rating-3 .icon-rating-1 {
    background-position:left -36px
}

.item-rating.item-rating-3 .icon-rating-2 {
    background-position:left -18px
}

.item-rating.item-rating-4 .icon-rating-1 {
    background-position:left -36px
}

.item-rating.item-rating-4 .icon-rating-2 {
    background-position:left -36px
}

.item-rating.item-rating-5 .icon-rating-1 {
    background-position:left -36px
}

.item-rating.item-rating-5 .icon-rating-2 {
    background-position:left -36px
}

.item-rating.item-rating-5 .icon-rating-3 {
    background-position:left -18px
}

.item-rating.item-rating-6 .icon-rating-1 {
    background-position:left -36px
}

.item-rating.item-rating-6 .icon-rating-2 {
    background-position:left -36px
}

.item-rating.item-rating-6 .icon-rating-3 {
    background-position:left -36px
}

.item-rating.item-rating-7 .icon-rating-1 {
    background-position:left -36px
}

.item-rating.item-rating-7 .icon-rating-2 {
    background-position:left -36px
}

.item-rating.item-rating-7 .icon-rating-3 {
    background-position:left -36px
}

.item-rating.item-rating-7 .icon-rating-4 {
    background-position:left -18px
}

.item-rating.item-rating-8 .icon-rating-1 {
    background-position:left -36px
}

.item-rating.item-rating-8 .icon-rating-2 {
    background-position:left -36px
}

.item-rating.item-rating-8 .icon-rating-3 {
    background-position:left -36px
}

.item-rating.item-rating-8 .icon-rating-4 {
    background-position:left -36px
}

.item-rating.item-rating-9 .icon-rating-1 {
    background-position:left -36px
}

.item-rating.item-rating-9 .icon-rating-2 {
    background-position:left -36px
}

.item-rating.item-rating-9 .icon-rating-3 {
    background-position:left -36px
}

.item-rating.item-rating-9 .icon-rating-4 {
    background-position:left -36px
}

.item-rating.item-rating-9 .icon-rating-5 {
    background-position:left -18px
}

.item-rating.item-rating-10 .icon-rating-1 {
    background-position:left -36px
}

.item-rating.item-rating-10 .icon-rating-2 {
    background-position:left -36px
}

.item-rating.item-rating-10 .icon-rating-3 {
    background-position:left -36px
}

.item-rating.item-rating-10 .icon-rating-4 {
    background-position:left -36px
}

.item-rating.item-rating-10 .icon-rating-5 {
    background-position:left -36px
}

.icon-interest {
    display: inline-block;
    line-height: 100;
    width: 36px;
    height: 36px;
    background: url(/images/icons-interest-120616.png) no-repeat;
    background-size: 36px 2520px;
    overflow:hidden
}

.icon-interest-wine, .category-2, .category-23, .category-83 {
    background-position:left top
}

.icon-interest-museum, .category-24, .category-84 {
    background-position:left -36px
}

.icon-interest-movie, .category-3, .category-25, .category-85 {
    background-position:left -72px
}

.icon-interest-painting, .category-26, .category-86 {
    background-position:left -108px
}

.icon-interest-entrepreneur, .category-28, .category-88 {
    background-position:left -144px
}

.icon-interest-job, .category-29, .category-89 {
    background-position:left -180px
}

.icon-interest-hiking, .category-31, .category-91 {
    background-position:left -216px
}

.icon-interest-mountaineering, .category-32, .category-92 {
    background-position:left -252px
}

.icon-interest-cycling, .category-33, .category-93 {
    background-position:left -288px
}

.icon-interest-running, .category-34, .category-94 {
    background-position:left -324px
}

.icon-interest-offroad, .category-35, .category-95 {
    background-position:left -360px
}

.icon-interest-skydiving, .category-36, .category-96 {
    background-position:left -396px
}

.icon-interest-flying, .category-37, .category-97 {
    background-position:left -432px
}

.icon-interest-fishing, .category-38, .category-98 {
    background-position:left -468px
}

.icon-interest-ski, .category-39, .category-99 {
    background-position:left -504px
}

.icon-interest-golf, .category-40, .category-100 {
    background-position:left -540px
}

.icon-interest-camping, .category-41, .category-101 {
    background-position:left -576px
}

.icon-interest-auto, .category-6, .category-42, .category-102 {
    background-position:left -612px
}

.icon-interest-soccer, .category-44, .category-104 {
    background-position:left -648px
}

.icon-interest-basketball, .category-45, .category-105 {
    background-position:left -684px
}

.icon-interest-badminton, .category-46, .category-106 {
    background-position:left -720px
}

.icon-interest-tennis, .category-47, .category-107 {
    background-position:left -756px
}

.icon-interest-swimming, .category-48, .category-108 {
    background-position:left -792px
}

.icon-interest-taekwondo, .category-49, .category-109 {
    background-position:left -828px
}

.icon-interest-gunshooting, .category-50, .category-110 {
    background-position:left -864px
}

.icon-interest-game, .category-8, .category-51, .category-111 {
    background-position:left -900px
}

.icon-interest-watersport, .category-52, .category-112 {
    background-position:left -936px
}

.icon-interest-weightloss, .category-54, .category-114 {
    background-position:left -972px
}

.icon-interest-yoga, .category-55, .category-115 {
    background-position:left -1008px
}

.icon-interest-gym, .category-56, .category-116 {
    background-position:left -1044px
}

.icon-interest-playdate, .category-58, .category-118 {
    background-position:left -1080px
}

.icon-interest-pregnancy, .category-59, .category-119 {
    background-position:left -1116px
}

.icon-interest-baby, .category-60, .category-120 {
    background-position:left -1152px
}

.icon-interest-foodie, .category-10, .category-62, .category-122 {
    background-position:left -1188px
}

.icon-interest-shopping, .category-11, .category-63, .category-123, .category-733, .category-734 {
    background-position:left -1224px
}

.icon-interest-gaming, .category-12, .category-64, .category-124 {
    background-position:left -1260px
}

.icon-interest-comic, .category-13, .category-65, .category-125 {
    background-position:left -1296px
}

.icon-interest-concert, .category-67, .category-127 {
    background-position:left -1332px
}

.icon-interest-ktv, .category-68, .category-128 {
    background-position:left -1368px
}

.icon-interest-band, .category-69, .category-129 {
    background-position:left -1404px
}

.icon-interest-3c, .category-76, .category-136 {
    background-position:left -1440px
}

.icon-interest-gun, .category-77, .category-137 {
    background-position:left -1476px
}

.icon-interest-toy, .category-78, .category-138 {
    background-position:left -1512px
}

.icon-interest-art, .category-1, .category-22, .category-82 {
    background-position:left -1548px
}

.icon-interest-career, .category-4, .category-27, .category-87 {
    background-position:left -1584px
}

.icon-interest-outdoor, .category-5, .category-30, .category-90 {
    background-position:left -1620px
}

.icon-interest-sport, .category-7, .category-43, .category-103 {
    background-position:left -1656px
}

.icon-interest-fitness, .category-53, .category-113 {
    background-position:left -1692px
}

.icon-interest-parenting, .category-9, .category-57, .category-117, .category-344, .category-345 {
    background-position:left -1728px
}

.icon-interest-eat, .category-61, .category-121 {
    background-position:left -1764px
}

.icon-interest-music, .category-14, .category-66, .category-126 {
    background-position:left -1800px
}

.icon-interest-photograph, .category-15, .category-70, .category-130 {
    background-position:left -1836px
}

.icon-interest-travel, .category-16, .category-71, .category-131 {
    background-position:left -1872px
}

.icon-interest-pet, .category-17, .category-72, .category-132 {
    background-position:left -1908px
}

.icon-interest-nightlife, .category-18, .category-73, .category-133 {
    background-position:left -1944px
}

.icon-interest-realestate, .category-19, .category-74, .category-134 {
    background-position:left -1980px
}

.icon-interest-enthusiast, .category-20, .category-75, .category-135 {
    background-position:left -2016px
}

.icon-interest-weekend, .category-21, .category-79, .category-139 {
    background-position:left -2052px
}

.icon-interest-alumni, .category-80, .category-750 {
    background-position:left -2088px
}

.icon-interest-single, .category-81 {
    background-position:left -2124px
}

.icon-interest-fashion, .category-346, .category-347, .category-348 {
    background-position:left -2160px
}

.icon-interest-interview, .category-349 {
    background-position:left -2196px
}

.icon-interest-life, .category-350, .category-351 {
    background-position:left -2232px
}

.icon-interest-guru, .category-352 {
    background-position:left -2268px
}

.icon-interest-greencard {
    background-position:left -2304px
}

.icon-interest-calculator {
    background-position:left -2340px
}

.icon-interest-lol {
    background-position:left -2376px
}

.icon-interest-welfare {
    background-position:left -2412px
}

.icon-interest-rumor {
    background-position:left -2448px
}

.icon-interest-news, .category-354 {
    background-position:left -2484px
}

.icon-color {
    display: block;
    width: 50px;
    height: 50px;
    background: url(/images/icons-color.png) no-repeat;
    background-size: 50px 600px;
    overflow:hidden
}

.icon-color-create {
    background-position:left top
}

.icon-color-add-user {
    background-position:left -50px
}

.icon-color-muti-user {
    background-position:left -100px
}

.icon-color-avg-coin {
    background-position:left -150px
}

.icon-color-join {
    background-position:left -200px
}

.icon-color-calculator {
    background-position:left -250px
}

.icon-color-write {
    background-position:left -300px
}

.icon-color-thumb {
    background-position:left -350px
}

.icon-color-rate {
    background-position:left -400px
}

.icon-color-upload {
    background-position:left -450px
}

.icon-color-share {
    background-position:left -500px
}

.icon-color-reply {
    background-position:left -550px
}

.item-official-badge-cell {
    display: inline-block;
    top: -2px;
    margin-right: 10px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background: #ff4646;
    padding: 2px 6px;
    clear: both;
    border-radius: 100px;
    vertical-align:top
}

.campaign-empty {
    padding: 30px;
    text-align:center
}

.campaign-empty .campaign-empty-icon, .campaign-empty .campaign-404-icon, .campaign-empty .campaign-stop-icon, .campaign-empty .campaign-private-icon, .campaign-empty .campaign-notification-icon {
    margin: 0 auto;
    width: 128px;
    height: 128px;
    background: url(/images/icon-empty.png) no-repeat;
    background-size:128px 128px
}

.campaign-empty .campaign-404-icon {
    background: url(/images/icon-404.png) no-repeat;
    background-size:128px 128px
}

.campaign-empty .campaign-stop-icon {
    background: url(/images/icon-stop.png) no-repeat;
    background-size:128px 128px
}

.campaign-empty .campaign-private-icon {
    background: url(/images/icon-private.png) no-repeat;
    background-size:128px 128px
}

.campaign-empty .campaign-notification-icon {
    background: url(/images/icon-notification.png) no-repeat;
    background-size:128px 128px
}

.campaign-empty p {
    margin: 15px 0 0;
    color:#777
}

.icon-nav-square {
    position: relative;
    display: block;
    width: 32px;
    height: 32px;
    border-radius:4px
}

.icon-nav-square.black {
    background:#000
}

.icon-nav-square.gray {
    background:#777
}

.icon-nav-square.blue {
    background:#00bdff
}

.icon-nav-square.sapphire {
    background:#05c
}

.icon-nav-square.orange {
    background:#f60
}

.icon-nav-square.purple {
    background:#ae70ee
}

.icon-nav-square.violet {
    background:#60d
}

.icon-nav-square.green {
    background:#80b518
}

.icon-nav-square.moss {
    background:#290
}

.icon-nav-square.red {
    background:#e84c3d
}

.icon-nav-square.scarlet {
    background:#c00
}

.icon-nav-square.brown {
    background:#72481c
}

.icon-nav-square.pink {
    background:#ff55a1
}

.icon-nav-square.yellow {
    background:#fb0
}

.icon-nav-square.cyan {
    background:#0cc
}

.icon-nav-square.tan {
    background:#b86
}

.icon-nav-square .icon-square {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -10px;
    width: 20px;
    height: 20px;
    background: url(/images/icons-nav-square-010621.png) no-repeat;
    background-size:60px 400px
}

.icon-nav-square .icon-square.icon-fun {
    background-position:left 0
}

.icon-nav-square .icon-square.icon-trip {
    background-position:left -20px
}

.icon-nav-square .icon-square.icon-customize {
    background-position:left -40px
}

.icon-nav-square .icon-square.icon-ticket {
    background-position:left -60px
}

.icon-nav-square .icon-square.icon-rent {
    background-position:left -80px
}

.icon-nav-square .icon-square.icon-tour {
    background-position:left -100px
}

.icon-nav-square .icon-square.icon-pick-up {
    background-position:left -120px
}

.icon-nav-square .icon-square.icon-credit-card {
    background-position:left -140px
}

.icon-nav-square .icon-square.icon-store {
    background-position:left -160px
}

.icon-nav-square .icon-square.icon-buy-car {
    background-position:left -180px
}

.icon-nav-square .icon-square.icon-used-car {
    background-position:left -200px
}

.icon-nav-square .icon-square.icon-home-security {
    background-position:left -220px
}

.icon-nav-square .icon-square.icon-buy-house {
    background-position:left -240px
}

.icon-nav-square .icon-square.icon-home-insurance {
    background-position:left -260px
}

.icon-nav-square .icon-square.icon-lease {
    background-position:left -280px
}

.icon-nav-square .icon-square.icon-health {
    background-position:left -300px
}

.icon-nav-square .icon-square.icon-medical {
    background-position:left -320px
}

.icon-nav-square .icon-square.icon-parenting {
    background-position:left -340px
}

.icon-nav-square .icon-square.icon-pregnancy {
    background-position:left -360px
}

.icon-nav-square .icon-square.icon-market {
    background-position:left -380px
}

.icon-nav-square .icon-square.icon-auto-guide {
    background-position:-20px 0
}

.icon-nav-square .icon-square.icon-fin-guide {
    background-position:-20px -20px
}

.icon-nav-square .icon-square.icon-rumor {
    background-position:-20px -40px
}

.icon-nav-square .icon-square.icon-eng {
    background-position:-20px -60px
}

.icon-nav-square .icon-square.icon-pet {
    background-position:-20px -80px
}

.icon-nav-square .icon-square.icon-edu {
    background-position:-20px -100px
}

.icon-nav-square .icon-square.icon-green-card {
    background-position:-20px -120px
}

.icon-nav-square .icon-square.icon-passport {
    background-position:-20px -140px
}

.icon-nav-square .icon-square.icon-visa {
    background-position:-20px -160px
}

.icon-nav-square .icon-square.icon-parents {
    background-position:-20px -180px
}

.icon-nav-square .icon-square.icon-play {
    background-position:-20px -200px
}

.icon-nav-square .icon-square.icon-activity {
    background-position:-20px -220px
}

.icon-nav-square .icon-square.icon-foodie {
    background-position:-20px -240px
}

.icon-nav-square .icon-square.icon-job {
    background-position:-20px -260px
}

.icon-nav-square .icon-square.icon-life {
    background-position:-20px -280px
}

.icon-nav-square .icon-square.icon-guide {
    background-position:-20px -300px
}

.icon-nav-square .icon-square.icon-rating {
    background-position:-20px -320px
}

.icon-nav-square .icon-square.icon-news {
    background-position:-20px -340px
}

.icon-nav-square .icon-square.icon-me {
    background-position:-20px -360px
}

.icon-nav-square .icon-square.icon-faq {
    background-position:-20px -380px
}

.icon-nav-square .icon-square.icon-hotel {
    background-position:-40px 0
}

.icon-nav-square .icon-square.icon-college {
    background-position:-40px -20px
}

.icon-nav-square .icon-square.icon-radar {
    background-position:-40px -40px
}

.icon-nav-square .icon-square.icon-utensils {
    background-position:-40px -60px
}

.icon-nav-square .icon-square.icon-route {
    background-position:-40px -80px
}

.icon-nav-square .icon-square.icon-house {
    background-position:-40px -100px
}

.icon-nav-square .icon-square.icon-stocks {
    background-position:-40px -120px
}

.icon-nav-square .icon-square.icon-refinance {
    background-position:-40px -140px
}

.icon-nav-square .icon-square.icon-401k {
    background-position:-40px -160px
}

.icon-nav-square .icon-square.icon-etf {
    background-position:-40px -180px
}

.icon-nav-square .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -10px;
    width: 20px;
    height: 20px;
    background: url(/images/icons-nav-ios-101618.png) no-repeat;
    background-size:40px 460px
}

.icon-nav-square .icon.icon-fav {
    background-position:right -160px
}

.icon-nav-square .icon.icon-ad {
    background-position:right -420px
}

.icon-nav-square .icon.icon-order {
    background-position:left -420px
}

.icon-nav-square .icon.icon-article {
    background-position:left -140px
}

.icon-nav-square .icon.icon-activity {
    background-position:left -120px
}

.icon-nav-square .icon.icon-group {
    background-position:left -100px
}

.icon-nav-square .icon.icon-attraction {
    background-position:left -160px
}

.icon-nav-square .icon.icon-rate {
    background-position:right -440px
}

.icon-nav-square .icon.icon-points {
    background-position:left -440px
}

.icon-nav-square .icon.icon-fun {
    background-position:left -380px
}

.icon-nav-square .icon.icon-img {
    background-position:right -140px
}

.icon-nav-grid {
    display: block;
    line-height: 400;
    width: 48px;
    height: 48px;
    background: url(/images/icons-nav-grid-091117.png) no-repeat;
    background-size: 528px 768px;
    overflow:hidden
}

.icon-nav-grid.icon-auto {
    background-position:left top
}

.icon-nav-grid.icon-immigration {
    background-position:left -48px
}

.icon-nav-grid.icon-insurance {
    background-position:left -96px
}

.icon-nav-grid.icon-estate {
    background-position:left -144px
}

.icon-nav-grid.icon-education {
    background-position:left -192px
}

.icon-nav-grid.icon-medical {
    background-position:left -240px
}

.icon-nav-grid.icon-ticket {
    background-position:left -288px
}

.icon-nav-grid.icon-newborn {
    background-position:left -336px
}

.icon-nav-grid.icon-security {
    background-position:left -384px
}

.icon-nav-grid.icon-asset {
    background-position:left -432px
}

.icon-nav-grid.icon-sport {
    background-position:left -480px
}

.icon-nav-grid.icon-game {
    background-position:left -528px
}

.icon-nav-grid.icon-fitness {
    background-position:left -576px
}

.icon-nav-grid.icon-ball {
    background-position:left -624px
}

.icon-nav-grid.icon-art {
    background-position:left -672px
}

.icon-nav-grid.icon-plant {
    background-position:left -720px
}

.icon-nav-grid.icon-culture {
    background-position:-48px top
}

.icon-nav-grid.icon-performance {
    background-position:-48px -48px
}

.icon-nav-grid.icon-movie {
    background-position:-48px -96px
}

.icon-nav-grid.icon-festival {
    background-position:-48px -144px
}

.icon-nav-grid.icon-ghost {
    background-position:-48px -192px
}

.icon-nav-grid.icon-music {
    background-position:-48px -240px
}

.icon-nav-grid.icon-museum {
    background-position:-48px -288px
}

.icon-nav-grid.icon-club {
    background-position:-48px -336px
}

.icon-nav-grid.icon-car-modify {
    background-position:-48px -384px
}

.icon-nav-grid.icon-car-wash {
    background-position:-48px -432px
}

.icon-nav-grid.icon-car-part {
    background-position:-48px -480px
}

.icon-nav-grid.icon-car-repair {
    background-position:-48px -528px
}

.icon-nav-grid.icon-car-factory {
    background-position:-48px -576px
}

.icon-nav-grid.icon-car-dealer {
    background-position:-48px -624px
}

.icon-nav-grid.icon-car-gas {
    background-position:-48px -672px
}

.icon-nav-grid.icon-moto {
    background-position:-48px -720px
}

.icon-nav-grid.icon-car-tow {
    background-position:-96px top
}

.icon-nav-grid.icon-car-rent {
    background-position:-96px -48px
}

.icon-nav-grid.icon-hair {
    background-position:-96px -96px
}

.icon-nav-grid.icon-beauty-item {
    background-position:-96px -144px
}

.icon-nav-grid.icon-beauty {
    background-position:-96px -192px
}

.icon-nav-grid.icon-spa {
    background-position:-96px -240px
}

.icon-nav-grid.icon-nail {
    background-position:-96px -288px
}

.icon-nav-grid.icon-tattoo {
    background-position:-96px -336px
}

.icon-nav-grid.icon-edu-adult {
    background-position:-96px -384px
}

.icon-nav-grid.icon-edu-art {
    background-position:-96px -432px
}

.icon-nav-grid.icon-edu-service {
    background-position:-96px -480px
}

.icon-nav-grid.icon-edu-school {
    background-position:-96px -528px
}

.icon-nav-grid.icon-edu-center {
    background-position:-96px -576px
}

.icon-nav-grid.icon-edu-special {
    background-position:-96px -624px
}

.icon-nav-grid.icon-edu-religion {
    background-position:-96px -672px
}

.icon-nav-grid.icon-professional {
    background-position:-96px -720px
}

.icon-nav-grid.icon-site {
    background-position:-144px top
}

.icon-nav-grid.icon-supply {
    background-position:-144px -48px
}

.icon-nav-grid.icon-diet {
    background-position:-144px -96px
}

.icon-nav-grid.icon-paint-face {
    background-position:-144px -144px
}

.icon-nav-grid.icon-party {
    background-position:-144px -192px
}

.icon-nav-grid.icon-wedding {
    background-position:-144px -240px
}

.icon-nav-grid.icon-bank {
    background-position:-144px -288px
}

.icon-nav-grid.icon-finance {
    background-position:-144px -336px
}

.icon-nav-grid.icon-loan {
    background-position:-144px -384px
}

.icon-nav-grid.icon-currency {
    background-position:-144px -432px
}

.icon-nav-grid.icon-finance-adviser {
    background-position:-144px -480px
}

.icon-nav-grid.icon-insurance-card {
    background-position:-144px -528px
}

.icon-nav-grid.icon-invest {
    background-position:-144px -576px
}

.icon-nav-grid.icon-tax {
    background-position:-144px -624px
}

.icon-nav-grid.icon-garden {
    background-position:-144px -672px
}

.icon-nav-grid.icon-house-item {
    background-position:-144px -720px
}

.icon-nav-grid.icon-house-special {
    background-position:-192px top
}

.icon-nav-grid.icon-install {
    background-position:-192px -48px
}

.icon-nav-grid.icon-certificate {
    background-position:-192px -96px
}

.icon-nav-grid.icon-contractor {
    background-position:-192px -144px
}

.icon-nav-grid.icon-clean {
    background-position:-192px -192px
}

.icon-nav-grid.icon-design {
    background-position:-192px -240px
}

.icon-nav-grid.icon-elec {
    background-position:-192px -288px
}

.icon-nav-grid.icon-pool {
    background-position:-192px -336px
}

.icon-nav-grid.icon-secure {
    background-position:-192px -384px
}

.icon-nav-grid.icon-public {
    background-position:-192px -432px
}

.icon-nav-grid.icon-pet-house {
    background-position:-192px -480px
}

.icon-nav-grid.icon-pet-service {
    background-position:-192px -528px
}

.icon-nav-grid.icon-pet-adoption {
    background-position:-192px -576px
}

.icon-nav-grid.icon-pet-store {
    background-position:-192px -624px
}

.icon-nav-grid.icon-pet-hospital {
    background-position:-192px -672px
}

.icon-nav-grid.icon-acct {
    background-position:-192px -720px
}

.icon-nav-grid.icon-transport {
    background-position:-240px top
}

.icon-nav-grid.icon-trip-service {
    background-position:-240px -48px
}

.icon-nav-grid.icon-hotel {
    background-position:-240px -96px
}

.icon-nav-grid.icon-trip-rent {
    background-position:-240px -144px
}

.icon-nav-grid.icon-rv {
    background-position:-240px -192px
}

.icon-nav-grid.icon-advertisement {
    background-position:-240px -240px
}

.icon-nav-grid.icon-building {
    background-position:-240px -288px
}

.icon-nav-grid.icon-consulting {
    background-position:-240px -336px
}

.icon-nav-grid.icon-art-item {
    background-position:-240px -384px
}

.icon-nav-grid.icon-agent {
    background-position:-240px -432px
}

.icon-nav-grid.icon-fengshui {
    background-position:-240px -480px
}

.icon-nav-grid.icon-lawyer {
    background-position:-240px -528px
}

.icon-nav-grid.icon-film {
    background-position:-240px -576px
}

.icon-nav-grid.icon-detective {
    background-position:-240px -624px
}

.icon-nav-grid.icon-software-develop {
    background-position:-240px -672px
}

.icon-nav-grid.icon-translate {
    background-position:-240px -720px
}

.icon-nav-grid.icon-web-design {
    background-position:-288px top
}

.icon-nav-grid.icon-wholesale {
    background-position:-288px -48px
}

.icon-nav-grid.icon-mkt {
    background-position:-288px -96px
}

.icon-nav-grid.icon-city-center {
    background-position:-288px -144px
}

.icon-nav-grid.icon-community-center {
    background-position:-288px -192px
}

.icon-nav-grid.icon-court {
    background-position:-288px -240px
}

.icon-nav-grid.icon-city-hall {
    background-position:-288px -288px
}

.icon-nav-grid.icon-dmv {
    background-position:-288px -336px
}

.icon-nav-grid.icon-embassy {
    background-position:-288px -384px
}

.icon-nav-grid.icon-fire-dept {
    background-position:-288px -432px
}

.icon-nav-grid.icon-police-dept {
    background-position:-288px -480px
}

.icon-nav-grid.icon-post-office {
    background-position:-288px -528px
}

.icon-nav-grid.icon-library {
    background-position:-288px -576px
}

.icon-nav-grid.icon-apt {
    background-position:-288px -624px
}

.icon-nav-grid.icon-art-space {
    background-position:-288px -672px
}

.icon-nav-grid.icon-commercial {
    background-position:-288px -720px
}

.icon-nav-grid.icon-mobile-home {
    background-position:-336px top
}

.icon-nav-grid.icon-estate-service {
    background-position:-336px -48px
}

.icon-nav-grid.icon-edu-estate {
    background-position:-336px -96px
}

.icon-nav-grid.icon-temple {
    background-position:-336px -144px
}

.icon-nav-grid.icon-church {
    background-position:-336px -192px
}

.icon-nav-grid.icon-adult {
    background-position:-336px -240px
}

.icon-nav-grid.icon-antique {
    background-position:-336px -288px
}

.icon-nav-grid.icon-baby {
    background-position:-336px -336px
}

.icon-nav-grid.icon-auction {
    background-position:-336px -384px
}

.icon-nav-grid.icon-3c {
    background-position:-336px -432px
}

.icon-nav-grid.icon-cloth {
    background-position:-336px -480px
}

.icon-nav-grid.icon-books {
    background-position:-336px -528px
}

.icon-nav-grid.icon-wedding-item {
    background-position:-336px -576px
}

.icon-nav-grid.icon-perfume {
    background-position:-336px -624px
}

.icon-nav-grid.icon-customize {
    background-position:-336px -672px
}

.icon-nav-grid.icon-discount {
    background-position:-336px -720px
}

.icon-nav-grid.icon-tax-free {
    background-position:-384px top
}

.icon-nav-grid.icon-glass {
    background-position:-384px -48px
}

.icon-nav-grid.icon-farm {
    background-position:-384px -96px
}

.icon-nav-grid.icon-firework {
    background-position:-384px -144px
}

.icon-nav-grid.icon-fitness-item {
    background-position:-384px -192px
}

.icon-nav-grid.icon-mkt-small {
    background-position:-384px -240px
}

.icon-nav-grid.icon-gift {
    background-position:-384px -288px
}

.icon-nav-grid.icon-gun {
    background-position:-384px -336px
}

.icon-nav-grid.icon-game-store {
    background-position:-384px -384px
}

.icon-nav-grid.icon-horse {
    background-position:-384px -432px
}

.icon-nav-grid.icon-jewelry {
    background-position:-384px -480px
}

.icon-nav-grid.icon-needle {
    background-position:-384px -528px
}

.icon-nav-grid.icon-medical-item {
    background-position:-384px -576px
}

.icon-nav-grid.icon-office {
    background-position:-384px -624px
}

.icon-nav-grid.icon-package {
    background-position:-384px -672px
}

.icon-nav-grid.icon-mall {
    background-position:-384px -720px
}

.icon-nav-grid.icon-souvenir {
    background-position:-432px top
}

.icon-nav-grid.icon-sport {
    background-position:-432px -48px
}

.icon-nav-grid.icon-fake-hair {
    background-position:-432px -96px
}

.icon-nav-grid.icon-cigarette {
    background-position:-432px -144px
}

.icon-nav-grid.icon-toy {
    background-position:-432px -192px
}

.icon-nav-grid.icon-adoption {
    background-position:-432px -240px
}

.icon-nav-grid.icon-funeral {
    background-position:-432px -288px
}

.icon-nav-grid.icon-laundry {
    background-position:-432px -336px
}

.icon-nav-grid.icon-trash {
    background-position:-432px -384px
}

.icon-nav-grid.icon-shoe {
    background-position:-432px -432px
}

.icon-nav-grid.icon-nanny {
    background-position:-432px -480px
}

.icon-nav-grid.icon-add-photo {
    background-position:-432px -528px
}

.icon-nav-grid.icon-view-more {
    background-position:-432px -576px
}

.icon-nav-grid.icon-cafe {
    background-position:-432px -624px
}

.icon-nav-grid.icon-wine {
    background-position:-432px -672px
}

.icon-nav-grid.icon-cookie {
    background-position:-432px -720px
}

.icon-nav-grid.icon-market {
    background-position:-480px top
}

.icon-nav-grid.icon-bar {
    background-position:-480px -48px
}

.icon-nav-grid.icon-doctor {
    background-position:-480px -96px
}

.icon-nav-grid-color {
    display: block;
    line-height: 400;
    width: 60px;
    height: 60px;
    background: url(/images/icons-nav-grid-color.png) no-repeat;
    background-size: 60px 180px;
    overflow:hidden
}

.icon-nav-grid-color.icon-cheap {
    background-position:left top
}

.icon-nav-grid-color.icon-quick {
    background-position:left -60px
}

.icon-nav-grid-color.icon-cs {
    background-position:left -120px
}

.listing-details {
    position: relative;
    padding: 15px 30px 15px 15px;
    background:#fff
}

.listing-details .campaign-info {
    margin: 0 0 15px;
    font-size: 12px;
    color:#777
}

.listing-details .campaign-info .pull-right {
    float:right
}

.listing-details .campaign-info div {
    margin-right: 30px;
    display:inline-block
}

.listing-details .campaign-info div .fa {
    margin-right:5px
}

.listing-details .campaign-info div:last-child {
    margin-right:0
}

.listing-details h1 {
    margin: 5px 0 15px;
    font: 700 28px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif
}

.listing-details .campaign-badge {
    position: absolute;
    right: 0;
    top: 0;
    z-index:599
}

.listing-details .campaign-badge .fa {
    margin-right:8px
}

.listing-details .campaign-badge.left {
    right: auto;
    left:0
}

.listing-details .campaign-badge.under {
    top:26px
}

.listing-details .listing-promo {
    margin-bottom: 15px;
    color: #00bdff;
    font-size: 16px;
    font-weight:700
}

.listing-details .listing-pane {
    padding: 20px;
    background:#fafafa
}

.listing-details .listing-price {
    display: flex;
    align-items: center;
    color: #f60;
    font: 700 24px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif
}

.listing-details .listing-price .listing-price-was {
    margin-left: 15px;
    color: #777;
    font-size: 16px;
    font-weight: 400;
    text-decoration:line-through
}

.listing-details .listing-features ul {
    margin: 0 0 15px;
    padding: 0;
    border-bottom:1px solid #efefef
}

.listing-details .listing-features ul li {
    display: inline-block;
    margin: 20px 0;
    padding: 0;
    width: 33.33333333%;
    vertical-align: top;
    text-align: center;
    border-right: 1px solid #efefef;
    list-style:none
}

.listing-details .listing-features ul li.no-border {
    border-right:0
}

.listing-details .listing-features ul li strong {
    font-size:16px
}

.listing-details .listing-features ul li p {
    margin: 8px 0 0;
    font-size: 14px;
    color:#777
}

.listing-details .listing-action {
    margin-top:15px
}

.listing-details .listing-action .btn {
    border-radius:4px
}

.listing-details .listing-action .btn .fa {
    margin-right:5px
}

.listing-details .listing-action .btn-lg {
    font-size: 16px;
    font-weight: 700;
    border-radius:4px
}

.listing-details .listing-action .listing-action-group {
    margin:15px -7.5px 0
}

.listing-details .listing-action .listing-action-group .inner {
    display: table;
    width:100%
}

.listing-details .listing-action .listing-action-group .inner .listing-action-btn {
    display: table-cell;
    width:33.33333333%
}

.listing-details .listing-action .listing-action-group .inner .listing-action-btn .btn-block {
    width: auto;
    margin:0 7.5px
}

.listing-details .listing-action .listing-action-group .inner .listing-action-btn .dropdown {
    display: block;
    margin:0 7.5px
}

.listing-details .listing-action .listing-action-group .inner .listing-action-btn .dropdown .btn-block {
    margin:0
}

.listing-details .listing-publisher {
    margin-top:15px
}

.listing-details .listing-publisher .icon-wrap {
    width: 18px;
    border-color:transparent
}

.listing-details .listing-publisher .campaign-badge {
    position: relative;
    display: inline-block;
    margin-left:10px
}

.listing-details .listing-publisher .campaign-badge:after {
    z-index:-1
}

@media (max-width: 991px) {
    .listing-details {
        padding:15px
    }

    .listing-details h1 {
        margin:15px 0
    }

    .listing-details .listing-action .col-md-6 + .col-md-6 .btn {
        margin-top:15px
    }
}

@media (max-width: 560px) {
    .listing-details h1 {
        font-size:18px
    }

    .listing-details .listing-promo {
        font-size:14px
    }

    .listing-details .listing-pane {
        padding:15px 20px
    }

    .listing-details .listing-price {
        font-size:18px
    }

    .listing-details .listing-action .btn {
        font-size:14px
    }

    .listing-details .listing-features ul li {
        margin:15px 0
    }

    .listing-details .listing-features ul li strong {
        font-size:14px
    }
}

@media (max-width: 374px) {
    .listing-details .listing-action .listing-action-group .inner .listing-action-btn .dropdown .fa {
        margin:0
    }

    .listing-details .listing-action .listing-action-group .inner .listing-action-btn .dropdown span {
        display:none
    }
}



.loading-wrapper {
    display: table;
    position: absolute;
    height: 100%;
    width:100%
}

.loading-outer {
    display: table-cell;
    vertical-align: middle;
    color: #777;
    text-align:center
}

.loading-inner {
    margin-top:-111px
}

.loading-inner .fa {
    margin-right:5px
}

.auto-loading .fa {
    margin-right:5px
}

.item-section-refresh .btn {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -42px;
    margin-left: -80px;
    width: 160px;
    font-size:16px
}

.item-section-refresh .btn .fa {
    margin-right:5px
}

.campaign-lp .user-details .campaign-banner h1 {
    color:#fff
}

.campaign-lp .user-details .campaign-banner .campaign-score span {
    color:#fff
}

.campaign-lp .user-details .campaign-banner .campaign-score.blue strong {
    background: #fff;
    color:#333
}

.campaign-lp .user-details .campaign-banner .user-bullets .user-info-list {
    color:#fff
}

.campaign-lp .user-details .campaign-banner .user-bullets .user-info-list .icon-wrap {
    display:none
}

.campaign-lp .user-details .campaign-banner .user-bullets .user-info-list p {
    margin-left:60px
}

.campaign-lp.blue.campaign-reviews .campaign-banner {
    background-color:#00bdff !important
}

.campaign-lp.blue .campaign-banner, .campaign-lp.blue .campaign-share {
    background:#00bdff
}

.campaign-lp.blue .section-title span {
    background:#00bdff
}

.campaign-lp.blue .campaign-form .btn-success {
    background: #00bdff;
    border-color:#00bdff
}

.campaign-lp.blue .textarea-group .btn-primary {
    background: #00bdff;
    border-color:#00bdff
}

.campaign-lp.blue .campaign .campaign-header .campaign-header-badge.campaign-guru-chat {
    background:#00bdff
}

.campaign-lp.blue .user-details .campaign-banner {
    background: #009eff;
    background-image:linear-gradient(-45deg, #009eff 0, #00bdff 65%)
}

.campaign-lp.cyan.campaign-reviews .campaign-banner {
    background-color:#0cc !important
}

.campaign-lp.cyan .campaign-banner, .campaign-lp.cyan .campaign-share {
    background:#0cc
}

.campaign-lp.cyan .section-title span {
    background:#0cc
}

.campaign-lp.cyan .campaign-form .btn-success {
    background: #0cc;
    border-color:#0cc
}

.campaign-lp.cyan .textarea-group .btn-primary {
    background: #0cc;
    border-color:#0cc
}

.campaign-lp.cyan .campaign .campaign-header .campaign-header-badge.campaign-guru-chat {
    background:#0cc
}

.campaign-lp.cyan .user-details .campaign-banner {
    background: #009a9a;
    background-image:linear-gradient(-45deg, #009a9a 0, #0cc 65%)
}

.campaign-lp.sapphire.campaign-reviews .campaign-banner {
    background-color:#05c !important
}

.campaign-lp.sapphire .campaign-banner, .campaign-lp.sapphire .campaign-share {
    background:#05c
}

.campaign-lp.sapphire .section-title span {
    background:#05c
}

.campaign-lp.sapphire .campaign-form .btn-success {
    background: #05c;
    border-color:#05c
}

.campaign-lp.sapphire .textarea-group .btn-primary {
    background: #05c;
    border-color:#05c
}

.campaign-lp.sapphire .campaign .campaign-header .campaign-header-badge.campaign-guru-chat {
    background:#05c
}

.campaign-lp.sapphire .user-details .campaign-banner {
    background: #003886;
    background-image:linear-gradient(-45deg, #003886 0, #05c 65%)
}

.campaign-lp.navy.campaign-reviews .campaign-banner {
    background-color:#1353a8 !important
}

.campaign-lp.navy .campaign-banner, .campaign-lp.navy .campaign-share {
    background:#1353a8
}

.campaign-lp.navy .section-title span {
    background:#1353a8
}

.campaign-lp.navy .campaign-form .btn-success {
    background: #1353a8;
    border-color:#1353a8
}

.campaign-lp.navy .textarea-group .btn-primary {
    background: #1353a8;
    border-color:#1353a8
}

.campaign-lp.navy .campaign .campaign-header .campaign-header-badge.campaign-guru-chat {
    background:#1353a8
}

.campaign-lp.navy .user-details .campaign-banner {
    background: #037;
    background-image:linear-gradient(-45deg, #037 0, #1353a8 65%)
}

.campaign-lp.green.campaign-reviews .campaign-banner {
    background-color:#80b518 !important
}

.campaign-lp.green .campaign-banner, .campaign-lp.green .campaign-share {
    background:#80b518
}

.campaign-lp.green .section-title span {
    background:#80b518
}

.campaign-lp.green .campaign-form .btn-success {
    background: #80b518;
    border-color:#80b518
}

.campaign-lp.green .textarea-group .btn-primary {
    background: #80b518;
    border-color:#80b518
}

.campaign-lp.green .campaign .campaign-header .campaign-header-badge.campaign-guru-chat {
    background:#80b518
}

.campaign-lp.green .user-details .campaign-banner {
    background: #548000;
    background-image:linear-gradient(-45deg, #548000 0, #80b518 65%)
}

.campaign-lp.moss.campaign-reviews .campaign-banner {
    background-color:#290 !important
}

.campaign-lp.moss .campaign-banner, .campaign-lp.moss .campaign-share {
    background:#290
}

.campaign-lp.moss .section-title span {
    background:#290
}

.campaign-lp.moss .campaign-form .btn-success {
    background: #290;
    border-color:#290
}

.campaign-lp.moss .textarea-group .btn-primary {
    background: #290;
    border-color:#290
}

.campaign-lp.moss .campaign .campaign-header .campaign-header-badge.campaign-guru-chat {
    background:#290
}

.campaign-lp.moss .user-details .campaign-banner {
    background: #1c8000;
    background-image:linear-gradient(-45deg, #1c8000 0, #290 65%)
}

.campaign-lp.emerald.campaign-reviews .campaign-banner {
    background-color:#087540 !important
}

.campaign-lp.emerald .campaign-banner, .campaign-lp.emerald .campaign-share {
    background:#087540
}

.campaign-lp.emerald .section-title span {
    background:#087540
}

.campaign-lp.emerald .campaign-form .btn-success {
    background: #087540;
    border-color:#087540
}

.campaign-lp.emerald .textarea-group .btn-primary {
    background: #087540;
    border-color:#087540
}

.campaign-lp.emerald .campaign .campaign-header .campaign-header-badge.campaign-guru-chat {
    background:#087540
}

.campaign-lp.emerald .user-details .campaign-banner {
    background: #006936;
    background-image:linear-gradient(-45deg, #006936 0, #087540 65%)
}

.campaign-lp.purple.campaign-reviews .campaign-banner {
    background-color:#ae70ee !important
}

.campaign-lp.purple .campaign-banner, .campaign-lp.purple .campaign-share {
    background:#ae70ee
}

.campaign-lp.purple .section-title span {
    background:#ae70ee
}

.campaign-lp.purple .campaign-form .btn-success {
    background: #ae70ee;
    border-color:#ae70ee
}

.campaign-lp.purple .textarea-group .btn-primary {
    background: #ae70ee;
    border-color:#ae70ee
}

.campaign-lp.purple .campaign .campaign-header .campaign-header-badge.campaign-guru-chat {
    background:#ae70ee
}

.campaign-lp.purple .user-details .campaign-banner {
    background: #60d;
    background-image:linear-gradient(-45deg, #60d 0, #ae70ee 65%)
}

.campaign-lp.violet.campaign-reviews .campaign-banner {
    background-color:#60d !important
}

.campaign-lp.violet .campaign-banner, .campaign-lp.violet .campaign-share {
    background:#60d
}

.campaign-lp.violet .section-title span {
    background:#60d
}

.campaign-lp.violet .campaign-form .btn-success {
    background: #60d;
    border-color:#60d
}

.campaign-lp.violet .textarea-group .btn-primary {
    background: #60d;
    border-color:#60d
}

.campaign-lp.violet .campaign .campaign-header .campaign-header-badge.campaign-guru-chat {
    background:#60d
}

.campaign-lp.violet .user-details .campaign-banner {
    background: #3f0088;
    background-image:linear-gradient(-45deg, #3f0088 0, #60d 65%)
}

.campaign-lp.red.campaign-reviews .campaign-banner {
    background-color:#ff4646 !important
}

.campaign-lp.red .campaign-banner, .campaign-lp.red .campaign-share {
    background:#ff4646
}

.campaign-lp.red .section-title span {
    background:#ff4646
}

.campaign-lp.red .campaign-form .btn-success {
    background: #ff4646;
    border-color:#ff4646
}

.campaign-lp.red .textarea-group .btn-primary {
    background: #ff4646;
    border-color:#ff4646
}

.campaign-lp.red .campaign .campaign-header .campaign-header-badge.campaign-guru-chat {
    background:#ff4646
}

.campaign-lp.red .user-details .campaign-banner {
    background: #eb1e25;
    background-image:linear-gradient(-45deg, #eb1e25 0, #ff4646 65%)
}

.campaign-lp.rose.campaign-reviews .campaign-banner {
    background-color:#eb1e25 !important
}

.campaign-lp.rose .campaign-banner, .campaign-lp.rose .campaign-share {
    background:#eb1e25
}

.campaign-lp.rose .section-title span {
    background:#eb1e25
}

.campaign-lp.rose .campaign-form .btn-success {
    background: #eb1e25;
    border-color:#eb1e25
}

.campaign-lp.rose .textarea-group .btn-primary {
    background: #eb1e25;
    border-color:#eb1e25
}

.campaign-lp.rose .campaign .campaign-header .campaign-header-badge.campaign-guru-chat {
    background:#eb1e25
}

.campaign-lp.rose .user-details .campaign-banner {
    background: #c00;
    background-image:linear-gradient(-45deg, #c00 0, #eb1e25 65%)
}

.campaign-lp.scarlet.campaign-reviews .campaign-banner {
    background-color:#c00 !important
}

.campaign-lp.scarlet .campaign-banner, .campaign-lp.scarlet .campaign-share {
    background:#c00
}

.campaign-lp.scarlet .section-title span {
    background:#c00
}

.campaign-lp.scarlet .campaign-form .btn-success {
    background: #c00;
    border-color:#c00
}

.campaign-lp.scarlet .textarea-group .btn-primary {
    background: #c00;
    border-color:#c00
}

.campaign-lp.scarlet .campaign .campaign-header .campaign-header-badge.campaign-guru-chat {
    background:#c00
}

.campaign-lp.scarlet .user-details .campaign-banner {
    background: #980000;
    background-image:linear-gradient(-45deg, #980000 0, #c00 65%)
}

.campaign-lp.wine.campaign-reviews .campaign-banner {
    background-color:#aa2838 !important
}

.campaign-lp.wine .campaign-banner, .campaign-lp.wine .campaign-share {
    background:#aa2838
}

.campaign-lp.wine .section-title span {
    background:#aa2838
}

.campaign-lp.wine .campaign-form .btn-success {
    background: #aa2838;
    border-color:#aa2838
}

.campaign-lp.wine .textarea-group .btn-primary {
    background: #aa2838;
    border-color:#aa2838
}

.campaign-lp.wine .campaign .campaign-header .campaign-header-badge.campaign-guru-chat {
    background:#aa2838
}

.campaign-lp.wine .user-details .campaign-banner {
    background: maroon;
    background-image:linear-gradient(-45deg, maroon 0, #aa2838 65%)
}

.campaign-lp.black.campaign-reviews .campaign-banner {
    background-color:#222 !important
}

.campaign-lp.black .campaign-banner, .campaign-lp.black .campaign-share {
    background:#222
}

.campaign-lp.black .section-title span {
    background:#222
}

.campaign-lp.black .campaign-form .btn-success {
    background: #222;
    border-color:#222
}

.campaign-lp.black .textarea-group .btn-primary {
    background: #222;
    border-color:#222
}

.campaign-lp.black .campaign .campaign-header .campaign-header-badge.campaign-guru-chat {
    background:#222
}

.campaign-lp.black .user-details .campaign-banner {
    background: #000;
    background-image:linear-gradient(-45deg, #000 0, #222 65%)
}

.campaign-lp.gray.campaign-reviews .campaign-banner {
    background-color:#777 !important
}

.campaign-lp.gray .campaign-banner, .campaign-lp.gray .campaign-share {
    background:#777
}

.campaign-lp.gray .section-title span {
    background:#777
}

.campaign-lp.gray .campaign-form .btn-success {
    background: #777;
    border-color:#777
}

.campaign-lp.gray .textarea-group .btn-primary {
    background: #777;
    border-color:#777
}

.campaign-lp.gray .campaign .campaign-header .campaign-header-badge.campaign-guru-chat {
    background:#777
}

.campaign-lp.gray .user-details .campaign-banner {
    background: #555;
    background-image:linear-gradient(-45deg, #555 0, #777 65%)
}

.campaign-lp.orange.campaign-reviews .campaign-banner {
    background-color:#f60 !important
}

.campaign-lp.orange .campaign-banner, .campaign-lp.orange .campaign-share {
    background:#f60
}

.campaign-lp.orange .section-title span {
    background:#f60
}

.campaign-lp.orange .campaign-form .btn-success {
    background: #f60;
    border-color:#f60
}

.campaign-lp.orange .textarea-group .btn-primary {
    background: #f60;
    border-color:#f60
}

.campaign-lp.orange .campaign .campaign-header .campaign-header-badge.campaign-guru-chat {
    background:#f60
}

.campaign-lp.orange .user-details .campaign-banner {
    background: #cc5100;
    background-image:linear-gradient(-45deg, #cc5100 0, #f60 65%)
}

.campaign-lp.pink.campaign-reviews .campaign-banner {
    background-color:#ff55a1 !important
}

.campaign-lp.pink .campaign-banner, .campaign-lp.pink .campaign-share {
    background:#ff55a1
}

.campaign-lp.pink .section-title span {
    background:#ff55a1
}

.campaign-lp.pink .campaign-form .btn-success {
    background: #ff55a1;
    border-color:#ff55a1
}

.campaign-lp.pink .textarea-group .btn-primary {
    background: #ff55a1;
    border-color:#ff55a1
}

.campaign-lp.pink .campaign .campaign-header .campaign-header-badge.campaign-guru-chat {
    background:#ff55a1
}

.campaign-lp.pink .user-details .campaign-banner {
    background: #cc2670;
    background-image:linear-gradient(-45deg, #cc2670 0, #ff55a1 65%)
}

.campaign-lp.yellow.campaign-reviews .campaign-banner {
    background-color:#fb0 !important
}

.campaign-lp.yellow .campaign-banner, .campaign-lp.yellow .campaign-share {
    background:#fb0
}

.campaign-lp.yellow .section-title span {
    background:#fb0
}

.campaign-lp.yellow .campaign-form .btn-success {
    background: #fb0;
    border-color:#fb0
}

.campaign-lp.yellow .textarea-group .btn-primary {
    background: #fb0;
    border-color:#fb0
}

.campaign-lp.yellow .campaign .campaign-header .campaign-header-badge.campaign-guru-chat {
    background:#fb0
}

.campaign-lp.yellow .user-details .campaign-banner {
    background: #f80;
    background-image:linear-gradient(-45deg, #f80 0, #fb0 65%)
}

.campaign-lp.tan.campaign-reviews .campaign-banner {
    background-color:#b86 !important
}

.campaign-lp.tan .campaign-banner, .campaign-lp.tan .campaign-share {
    background:#b86
}

.campaign-lp.tan .section-title span {
    background:#b86
}

.campaign-lp.tan .campaign-form .btn-success {
    background: #b86;
    border-color:#b86
}

.campaign-lp.tan .textarea-group .btn-primary {
    background: #b86;
    border-color:#b86
}

.campaign-lp.tan .campaign .campaign-header .campaign-header-badge.campaign-guru-chat {
    background:#b86
}

.campaign-lp.tan .user-details .campaign-banner {
    background: #853;
    background-image:linear-gradient(-45deg, #853 0, #b86 65%)
}

.campaign-lp.brown.campaign-reviews .campaign-banner {
    background-color:#72481c !important
}

.campaign-lp.brown .campaign-banner, .campaign-lp.brown .campaign-share {
    background:#72481c
}

.campaign-lp.brown .section-title span {
    background:#72481c
}

.campaign-lp.brown .campaign-form .btn-success {
    background: #72481c;
    border-color:#72481c
}

.campaign-lp.brown .textarea-group .btn-primary {
    background: #72481c;
    border-color:#72481c
}

.campaign-lp.brown .campaign .campaign-header .campaign-header-badge.campaign-guru-chat {
    background:#72481c
}

.campaign-lp.brown .user-details .campaign-banner {
    background: #442606;
    background-image:linear-gradient(-45deg, #442606 0, #72481c 65%)
}

.campaign-lp .affix {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99999;
    background:#fff
}

.campaign-lp .campaign-banner-sm {
    height:200px
}

.campaign-lp .campaign-sticky {
    display:none
}

.campaign-lp .campaign-affix-lp.affix + .campaign-sticky {
    display: block;
    height:55px
}

.campaign-lp .section-title {
    position: relative;
    margin: 30px 0 60px;
    text-align:center
}

.campaign-lp .section-title.section-title-sm {
    margin:0 0 30px
}

.campaign-lp .section-title.section-title-sm span {
    font-size: 20px;
    border-radius:4px
}

.campaign-lp .section-title span {
    display: inline-block;
    position: relative;
    padding: 10px 30px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    z-index: 2;
    -webkit-transform: skew(-8deg);
    -moz-transform: skew(-8deg);
    -o-transform: skew(-8deg);
    transform:skew(-8deg)
}

.campaign-lp .section-title span.circle {
    transform: none;
    border-radius:30px
}

.campaign-lp .section-title span .fa {
    position: relative;
    top: -2px;
    margin-right: 10px;
    font-size:20px
}

.campaign-lp .section-title:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top:1px solid #efefef
}

.campaign-lp .section-action {
    text-align:center
}

.campaign-lp .section-action .btn-default {
    border-radius:4px
}

.campaign-lp .section-action .btn-default .fa {
    margin-left:8px
}

.campaign-lp .campaign-hero-md .campaign-banner {
    height: 240px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:visible
}

.campaign-lp .campaign-hero-md .campaign-banner h1 {
    margin-top:30px
}

.campaign-lp .campaign-hero-md .campaign-banner .campaign-overlay {
    height:100%
}

.campaign-lp .campaign-hero-md .campaign-banner .campaign-share {
    margin: 30px 0 0;
    padding-bottom: 0;
    background:0 0
}

.campaign-lp .campaign-banner {
    overflow:hidden
}

.campaign-lp .campaign-banner img {
    display: block;
    margin: 0 auto;
    height:100%
}

.campaign-lp .campaign-share {
    margin-top: -30px;
    padding-bottom: 20px;
    text-align:center
}

.campaign-lp .campaign-share .my-share .dropdown-menu {
    right:0
}

.campaign-lp .campaign-share .my-share .btn {
    color: #fff;
    font-size: 13px;
    background: 0 0;
    border-radius: 4px;
    border-color:#fff
}

.campaign-lp .campaign-share .my-share .btn .fa {
    margin-right:8px
}

.campaign-lp .campaign-tab {
    margin: 0;
    border-bottom:1px solid #efefef
}

.campaign-lp .campaign-section {
    margin: 0;
    padding:30px 0
}

.campaign-lp .campaign-section.white {
    background:#fff
}

.campaign-lp .campaign-section.white .campaign {
    background:#f7f7f7
}

.campaign-lp .campaign-section.white .campaign-line, .campaign-lp .campaign-section.white .campaign-chat {
    background:#fff
}

.campaign-lp .campaign-section.gray {
    background:#f7f7f7
}

.campaign-lp .campaign-form .btn-success {
    border-radius:4px
}

.campaign-lp .campaign-panel {
    display: block;
    padding: 30px 0 0;
    background:#fff
}

.campaign-lp .col-md-4 .campaign.campaign-campaign {
    padding:0
}

.campaign-lp .campaign.campaign-line {
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
    text-align:center
}

.campaign-lp .campaign.campaign-line span {
    display: inline-block;
    position: relative;
    padding: 10px 15px;
    color: #333;
    font-weight: 700;
    background: #fff;
    z-index:2
}

.campaign-lp .campaign.campaign-line:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top:1px solid #efefef
}

.campaign-lp .campaign.campaign-campaign {
    padding:15px
}

.campaign-lp .campaign.campaign-campaign .campaign-header {
    background:#f7f7f7
}

.campaign-lp .campaign.campaign-campaign .campaign-header .campaign-header-badge.campaign-guru-chat .fa {
    font-size: 18px;
    margin-top:15px
}

.campaign-lp.campaign-reviews .campaign-hero .campaign-banner {
    overflow: visible;
    background-size:cover !important
}

.campaign-lp.campaign-reviews .campaign-share {
    margin: 30px 0 0;
    padding: 0;
    background:0 0
}

.campaign-lp.campaign-reviews .campaign-share .hidden-ios {
    display:inline-block
}

.campaign-lp.campaign-reviews .campaign-share .btn {
    position: relative;
    display: inline-block;
    margin: 0 7.5px;
    color: #fff;
    font-size: 13px;
    background: 0 0;
    border-radius: 4px;
    border-color:#fff
}

.campaign-lp.campaign-reviews .campaign-share .btn .fa {
    margin-right:8px
}

.campaign-lp-simple {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover
}

.campaign-lp-simple .backdrop {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background:linear-gradient(180deg, transparent 5%, rgba(0, 0, 0, 0.8) 100%)
}

.campaign-lp-simple .campaign-lp-wrap {
    position:relative
}

.campaign-lp-simple .campaign-lp-bullet {
    position: relative;
    margin-right: 375px;
    padding-top:30px
}

.campaign-lp-simple .campaign-lp-bullet .backdrop {
    display:none
}

.campaign-lp-simple .campaign-lp-bullet p {
    margin: 0 0 5px;
    position: relative;
    color:#fff
}

.campaign-lp-simple .campaign-lp-bullet p span {
    display: inline-block;
    padding: 10px 15px 10px 20px;
    color: #fff;
    font: 300 28px sans-serif;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    background: none repeat scroll 0 0 rgba(0, 0, 0, .5);
    -webkit-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break:clone
}

.campaign-lp-simple .campaign-lp-bullet .campaign-info {
    position: relative;
    margin-top: 15px;
    color: #fff;
    font-size: 16px;
    text-shadow:0 2px 2px rgba(0, 0, 0, .2)
}

.campaign-lp-simple .campaign-lp-pane {
    position: absolute;
    top: 0;
    right: 15px;
    border-radius: 0 0 4px 4px;
    background: #fff;
    overflow: hidden;
    box-shadow:0 3px 8px -4px rgba(0, 0, 0, .15)
}

.campaign-lp-simple .campaign-lp-pane .campaign {
    margin-bottom:0
}

.campaign-lp-simple .campaign-lp-pane .campaign-form {
    width:360px
}

@media (max-width: 1200px) {
    .campaign-lp-simple .campaign-lp-bullet p span {
        font:300 24px sans-serif
    }
}

@media (max-width: 991px) {
    .campaign-lp-simple .backdrop {
        height:70%
    }

    .campaign-lp-simple .campaign-lp-bullet p span {
        font:300 20px sans-serif
    }

    .campaign-lp-simple .campaign-lp-bullet .campaign-info {
        font-size:14px
    }
}

@media (max-width: 768px) {
    .campaign-lp .campaign-tab ul.col-5 li a {
        font-size:14px
    }

    .campaign-lp-simple {
        height: auto !important;
        background-position: top;
        background-size:100%
    }

    .campaign-lp-simple .backdrop {
        display:none
    }

    .campaign-lp-simple .campaign-lp-bullet {
        margin: 0 -15px;
        padding:15px
    }

    .campaign-lp-simple .campaign-lp-bullet .backdrop {
        display: block;
        height:100%
    }

    .campaign-lp-simple .campaign-lp-bullet p span {
        font:300 20px sans-serif
    }

    .campaign-lp-simple .campaign-lp-bullet .campaign-info {
        font-size:14px
    }

    .campaign-lp-simple .campaign-lp-pane {
        position: static;
        margin:0 -15px
    }

    .campaign-lp-simple .campaign-lp-pane .campaign-form {
        width:auto
    }
}

@media (max-width: 560px) {
    .campaign-lp .campaign-section.white {
        background:#f7f7f7
    }

    .campaign-lp .campaign-section.white .campaign {
        margin: 0;
        background:#fff
    }

    .campaign-lp .campaign-banner-sm {
        height:120px
    }

    .campaign-lp .campaign-hero-md .campaign-banner {
        padding: 15px 0;
        box-sizing: border-box;
        height:120px
    }

    .campaign-lp .campaign-hero-md .campaign-banner h1 {
        margin-top:0
    }

    .campaign-lp .campaign-hero-md .campaign-banner .campaign-share {
        margin-top:10px
    }

    .campaign-lp .campaign-share {
        margin-top: -5px;
        padding-bottom: 15px;
        text-align:center
    }

    .campaign-lp .campaign-share .my-share .btn {
        font-size:12px
    }

    .campaign-lp .campaign-tab ul.col-4 li a {
        font-size:14px
    }

    .campaign-lp .campaign-tab ul.col-5 li a {
        padding: 8px 10px;
        font-size:13px
    }

    .campaign-lp .campaign-tab ul.col-5 li a strong {
        display:block
    }

    .campaign-lp .campaign-section {
        padding:15px 0 0
    }

    .campaign-lp .section-title {
        margin:0 0 15px
    }

    .campaign-lp .section-title.section-title-sm {
        margin:0 0 15px
    }

    .campaign-lp .section-title.section-title-sm span {
        font-size:16px
    }

    .campaign-lp .section-title span {
        font-size:16px
    }

    .campaign-lp .section-title span .fa {
        top: -1px;
        font-size:14px
    }

    .campaign-lp .section-action {
        padding: 15px 0;
        background:#fff
    }

    .campaign-lp .section-action .btn-default {
        font-size:14px
    }

    .campaign-lp .campaign-panel {
        padding-top:0
    }

    .campaign-lp-simple {
        background-size:120%
    }

    .campaign-lp-simple .campaign-lp-bullet {
        margin:0
    }

    .campaign-lp-simple .campaign-lp-bullet p span {
        padding: 10px 10px 10px 15px;
        font:300 16px sans-serif
    }

    .campaign-lp-simple .campaign-lp-bullet .campaign-info {
        font-size:14px
    }

    .campaign-lp-simple .campaign-lp-pane {
        margin:0
    }
}

@media (max-width: 413px) {
    .campaign-lp .campaign-tab ul.col-4 li a {
        padding:8px 10px
    }

    .campaign-lp .campaign-tab ul.col-4 li a strong {
        display:block
    }

    .campaign-lp .campaign-tab ul.col-5 li a {
        padding: 10px;
        font-size:12px
    }

    .campaign-lp-simple {
        background-size:120%
    }

    .campaign-lp-simple .campaign-lp-bullet p span {
        font:300 14px sans-serif
    }

    .campaign-lp-simple .campaign-lp-bullet .campaign-info {
        font-size:14px
    }
}

@media (max-width: 375px) {
    .campaign-lp .campaign-tab ul.col-4 li a {
        font-size:13px
    }
}

@media (max-width: 374px) {
    .campaign-lp-simple {
        background-size:140%
    }

    .campaign-lp-simple .campaign-lp-bullet p span {
        font:300 13px sans-serif
    }

    .campaign-lp-simple .campaign-lp-bullet .campaign-info {
        font-size:12px
    }
}

.campaign-lp-guru .campaign-hero {
    padding-top: 80px;
    height: 380px;
    overflow: hidden;
    background-image:linear-gradient(-45deg, #333 0, #000 100%) !important
}

.campaign-lp-guru .campaign-hero .campaign-guru-logo {
    margin-top:-8px
}

.campaign-lp-guru .campaign-hero .campaign-guru-logo img {
    display: block;
    width:100%
}

.campaign-lp-guru .campaign-hero .campaign-guru-txt {
    color:#fff
}

.campaign-lp-guru .campaign-hero .campaign-guru-price {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.8;
    text-shadow:0 2px 2px rgba(0, 0, 0, .2)
}

.campaign-lp-guru .campaign-hero .campaign-guru-price span {
    font-family:montserrat
}

.campaign-lp-guru .campaign-hero .campaign-guru-cta {
    margin:20px 0 0
}

.campaign-lp-guru .campaign-hero .campaign-guru-cta .campaign-guru-btn {
    display: inline-block;
    width: 240px;
    padding: 10px 20px;
    color: #333;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    border-radius: 50px;
    background-image: linear-gradient(-180deg, #ffd18c 0, #f3b65b 100%);
    box-shadow:0 20px 20px 0 rgba(0, 0, 0, .06)
}

.campaign-lp-guru .campaign-hero .campaign-guru-cta .campaign-guru-btn:hover {
    background-image:linear-gradient(-180deg, #f3b65b 0, #ffd18c 100%)
}

.campaign-lp-guru .campaign-hero h1 {
    margin: 0;
    color: #fecf7d;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.8;
    text-shadow:0 2px 2px rgba(0, 0, 0, .2)
}

.campaign-lp-guru .campaign-form .btn-success {
    background: #222;
    border-color:#222
}

.campaign-lp-guru .campaign-form .btn-success:hover {
    background: #666;
    border-color:#666
}

.campaign-lp-guru .campaign-panel {
    display: block;
    padding: 30px 0 0;
    background:#fff
}

.campaign-lp-guru .campaign-panel .campaign-chat {
    margin-left: 15px;
    margin-right: 15px;
    background:#f7f7f7
}

.campaign-lp-guru .campaign-line {
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
    text-align:center
}

.campaign-lp-guru .campaign-line:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top:1px solid #efefef
}

.campaign-lp-guru .campaign-line span {
    display: inline-block;
    position: relative;
    padding: 10px 15px;
    color: #333;
    font-weight: 700;
    background: #fff;
    z-index:2
}

.campaign-lp-guru .campaign-section {
    position: relative;
    margin: 0;
    padding: 80px 0 50px;
    background: #fff;
    overflow:hidden
}

.campaign-lp-guru .campaign-section .section-title {
    position: relative;
    margin: 0 0 40px;
    font-size: 32px;
    text-align:center
}

.campaign-lp-guru .campaign-section .section-title span {
    display: inline-block;
    padding: 10px 30px;
    border-radius: 15px;
    font-weight: 700;
    color: #fff;
    transform:skew(-8deg)
}

.campaign-lp-guru .campaign-section .section-title span.blue {
    background-image:linear-gradient(-45deg, #009eff 0, #00bdff 100%)
}

.campaign-lp-guru .campaign-section .section-title span.green {
    background-image:linear-gradient(-45deg, #80b518 0, #bada55 100%)
}

.campaign-lp-guru .campaign-section .section-title span.purple {
    background-image:linear-gradient(-45deg, #783eb3 0, #ae70ee 100%)
}

.campaign-lp-guru .campaign-section .section-title span.orange {
    background-image:linear-gradient(-45deg, #f60 0, #f90 100%)
}

.campaign-lp-guru .campaign-section .section-title span.black {
    color: #fecf7d;
    background-image:linear-gradient(-45deg, #333 0, #666 100%)
}

.campaign-lp-guru .campaign-section h3 {
    font-size: 28px;
    text-align:center
}

.campaign-lp-guru .campaign-section .container {
    position: relative;
    z-index:2
}

.campaign-lp-guru .campaign-section .col-md-4.col-sm-6.col-xs-6:nth-child(3n + 1) {
    clear:both
}

.campaign-lp-guru .campaign-section .campaign-card {
    margin-bottom: 30px;
    overflow:hidden
}

.campaign-lp-guru .campaign-section .campaign-card h3 {
    margin:0 0 15px
}

.campaign-lp-guru .campaign-section .campaign-card h3:last-child {
    margin-bottom:5px
}

.campaign-lp-guru .campaign-section .campaign-card p {
    margin: 0 auto;
    max-width: 220px;
    color: #777;
    font-size: 16px;
    line-height: 1.8;
    text-align:center
}

.campaign-lp-guru .campaign-section .campaign-card .campaign-icon {
    margin: 0 auto 20px;
    width: 120px;
    height: 120px;
    background-size: cover;
    background-position:center
}

.campaign-lp-guru .campaign-section .campaign-card .campaign-num {
    position: absolute;
    padding: 10px 20px;
    font-family: montserrat;
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    color: #fff;
    border-radius:15px 0 15px 0
}

.campaign-lp-guru .campaign-section .campaign-card .campaign-num.blue {
    background-image:linear-gradient(-45deg, #009eff 0, #00bdff 100%)
}

.campaign-lp-guru .campaign-section .campaign-card .campaign-num.green {
    background-image:linear-gradient(-45deg, #80b518 0, #bada55 100%)
}

.campaign-lp-guru .campaign-section .campaign-card .campaign-num.purple {
    background-image:linear-gradient(-45deg, #783eb3 0, #ae70ee 100%)
}

.campaign-lp-guru .campaign-section .campaign-card .campaign-num.orange {
    background-image:linear-gradient(-45deg, #f60 0, #f90 100%)
}

.campaign-lp-guru .campaign-section .campaign-card .campaign-num.black {
    background-image:linear-gradient(-45deg, #333 0, #666 100%)
}

.campaign-lp-guru .campaign-section.gray, .campaign-lp-guru .campaign-section.white {
    background:#f7f7f7
}

.campaign-lp-guru .campaign-section.gray .campaign-card, .campaign-lp-guru .campaign-section.white .campaign-card {
    padding-bottom: 20px;
    background: #fff;
    border-radius: 15px;
    box-shadow:0 0 15px 1px rgba(0, 0, 0, .02)
}

.campaign-lp-guru .campaign-section.gray .campaign-card .campaign-icon, .campaign-lp-guru .campaign-section.white .campaign-card .campaign-icon {
    margin-top:20px
}

.campaign-lp-guru .campaign-section.gray .campaign-card .campaign-img, .campaign-lp-guru .campaign-section.white .campaign-card .campaign-img {
    margin-bottom: 20px;
    height: 240px;
    background-size: cover;
    background-position: center;
    border-radius:0 0 50% 50%
}

.campaign-lp-guru .campaign-section.white {
    background:#fff
}

.campaign-lp-guru .campaign-section.white .campaign-card {
    background:#f7f7f7
}

@media (max-width: 1199px) {
    .campaign-lp-guru .campaign-hero {
        padding-top: 50px;
        height:320px
    }

    .campaign-lp-guru .campaign-hero .campaign-guru-logo {
        margin-top:19px
    }
}

@media (max-width: 991px) {
    .campaign-lp-guru .campaign-hero .campaign-guru-logo {
        margin-top:28px
    }

    .campaign-lp-guru .campaign-section .col-md-4.col-sm-6.col-xs-6:nth-child(3n + 1) {
        clear:none
    }

    .campaign-lp-guru .campaign-section .col-md-4.col-sm-6.col-xs-6:nth-child(2n + 1) {
        clear:both
    }
}

@media (max-width: 768px) {
    .campaign-lp-guru .campaign-hero {
        padding: 20px 15px 0;
        height:400px
    }

    .campaign-lp-guru .campaign-hero .campaign-guru-txt {
        text-align:center
    }

    .campaign-lp-guru .campaign-hero .campaign-guru-cta {
        margin:15px 0 0
    }

    .campaign-lp-guru .campaign-hero .campaign-guru-logo {
        margin: 20px auto 0;
        width:200px
    }

    .campaign-lp-guru .campaign-section {
        padding:50px 0 20px
    }
}

@media (max-width: 560px) {
    .campaign-lp-guru .campaign-hero {
        padding: 20px 15px 0;
        height:320px
    }

    .campaign-lp-guru .campaign-hero .campaign-guru-txt {
        text-align:center
    }

    .campaign-lp-guru .campaign-hero .campaign-guru-price {
        font-size:20px
    }

    .campaign-lp-guru .campaign-hero .campaign-guru-cta {
        margin:15px 0 0
    }

    .campaign-lp-guru .campaign-hero .campaign-guru-cta .campaign-guru-btn {
        font-size:16px
    }

    .campaign-lp-guru .campaign-hero .campaign-guru-logo {
        margin: 20px auto 0;
        width:160px
    }

    .campaign-lp-guru .campaign-hero h1 {
        font-size:28px
    }

    .campaign-lp-guru .campaign-section {
        padding:30px 0 0
    }

    .campaign-lp-guru .campaign-section .section-title {
        margin-bottom: 20px;
        font-size:24px
    }

    .campaign-lp-guru .campaign-section .campaign-card {
        margin-bottom: 15px;
        padding-left: 15px;
        padding-right:15px
    }

    .campaign-lp-guru .campaign-section .campaign-card h3 {
        font-size:20px
    }

    .campaign-lp-guru .campaign-section .campaign-card p {
        font-size: 14px;
        line-height:1.6
    }

    .campaign-lp-guru .campaign-section .campaign-card .campaign-icon {
        margin-bottom: 15px;
        width: 80px;
        height:80px
    }

    .campaign-lp-guru .campaign-section.gray .campaign-card, .campaign-lp-guru .campaign-section.white .campaign-card {
        margin-left: 15px;
        margin-right: 15px;
        padding-left: 0;
        padding-right:0
    }

    .campaign-lp-guru .campaign-section.gray .campaign-card .campaign-img, .campaign-lp-guru .campaign-section.white .campaign-card .campaign-img {
        height:200px
    }
}

@media (max-width: 413px) {
    .campaign-lp-guru .campaign-section {
        padding:20px 0 0
    }

    .campaign-lp-guru .campaign-section .section-title {
        font-size:18px
    }

    .campaign-lp-guru .campaign-section .campaign-card h3 {
        font-size:16px
    }

    .campaign-lp-guru .campaign-section .campaign-card p {
        font-size:12px
    }

    .campaign-lp-guru .campaign-section.gray .campaign-card .campaign-img {
        height:160px
    }
}

.campaign-lp-koala .table-lp {
    margin: 0 0 30px;
    width: 100%;
    border-top: 1px solid #efefef;
    border-right:1px solid #efefef
}

.campaign-lp-koala .table-lp .campaign-icon {
    margin: 0 auto 10px;
    width: 120px;
    height: 120px;
    background-size: cover;
    background-position:center
}

.campaign-lp-koala .table-lp tr th, .campaign-lp-koala .table-lp tr td {
    padding: 15px;
    width: 50%;
    color: #333;
    font-size: 16px;
    line-height: 1.8;
    text-align: center;
    background: #f7f7f7;
    border-bottom: 1px solid #efefef;
    border-left:1px solid #efefef
}

.campaign-lp-koala .table-lp tr th a, .campaign-lp-koala .table-lp tr td a {
    color: #009eff;
    border-bottom:1px dashed #009eff
}

.campaign-lp-koala .table-lp tr th a:hover, .campaign-lp-koala .table-lp tr td a:hover {
    border-bottom:1px solid #009eff
}

.campaign-lp-koala .table-lp tr th {
    font-size: 24px;
    background:#fff
}

.campaign-lp-koala .table-lp tr:nth-child(even) td {
    background:#fff
}

.campaign-lp-koala .campaign-lp-promo {
    padding: 20px;
    background-image:linear-gradient(-45deg, #009eff 0, #00bdff 100%)
}

.campaign-lp-koala .campaign-lp-promo h2 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.8;
    text-align:center
}

.campaign-lp-koala .campaign-lp-promo h2 .fa {
    margin:0 8px 0 0
}

.campaign-lp-koala .campaign-lp-promo h2 .fa:last-child {
    margin:0 0 0 8px
}

.campaign-lp-koala .campaign-lp-promo h2 span {
    padding: 0 5px;
    font-family:montserrat
}

.campaign-lp-koala .campaign-lp-promo p {
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height:1.8
}

.campaign-lp-koala .campaign-koala-btn-group {
    display: inline-block;
    margin: 0 0 30px;
    width: 240px;
    padding: 10px 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    border-radius: 50px;
    background-image: linear-gradient(-180deg, #00bdff 0, #009eff 100%);
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .06);
    box-sizing:border-box
}

.campaign-lp-koala .campaign-koala-btn-group span {
    font-family:montserrat
}

.campaign-lp-koala .campaign-koala-btn-group:hover {
    background-image:linear-gradient(-180deg, #009eff 0, #00bdff 100%)
}

.campaign-lp-koala .campaign-koala-btn {
    display: inline-block;
    margin: 0 0 30px;
    width: 240px;
    padding: 10px 20px;
    color: #333;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    border-radius: 50px;
    background-image: linear-gradient(-180deg, #ffe000 0, #fb0 100%);
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .06);
    box-sizing:border-box
}

.campaign-lp-koala .campaign-koala-btn span {
    font-family:montserrat
}

.campaign-lp-koala .campaign-koala-btn:hover {
    background-image:linear-gradient(-180deg, #fb0 0, #ffe000 100%)
}

.campaign-lp-koala .campaign-hero {
    position: relative;
    width: 100%;
    height: 270px;
    margin: 0 auto;
    overflow: hidden;
    background:#fff
}

.campaign-lp-koala .campaign-hero .campaign-banner {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -9650px;
    width: 9920px;
    height: 9920px;
    border-radius: 9920px;
    background-image: linear-gradient(105deg, #ff4646 40%, #f60 65%);
    z-index:1
}

.campaign-lp-koala .campaign-hero .container {
    position: relative;
    z-index:2
}

.campaign-lp-koala .campaign-hero h1 {
    margin: 0;
    width: 420px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.8;
    text-shadow:0 2px 2px rgba(0, 0, 0, .2)
}

.campaign-lp-koala .campaign-hero p {
    font-size:20px
}

.campaign-lp-koala .campaign-hero p strong {
    font-size:26px
}

.campaign-lp-koala .campaign-hero .campaign-hero-wrap {
    margin: 0 auto;
    width:700px
}

.campaign-lp-koala .campaign-hero .campaign-koala-txt {
    margin: 70px 100px 0 280px;
    text-align: left;
    color:#fff
}

.campaign-lp-koala .campaign-hero .campaign-koala-txt span {
    padding: 0 5px;
    font-family:montserrat
}

.campaign-lp-koala .campaign-hero .campaign-koala-logo {
    position: relative;
    float: left;
    margin: 20px 0 0 30px;
    width: 180px;
    height: 180px;
    background: url(/images/logo-koala.png) no-repeat;
    background-size:cover
}

.campaign-lp-koala .campaign-hero .campaign-koala-btn {
    position: absolute;
    bottom: -30px;
    display: block;
    margin:0 0 0 -30px
}

.campaign-lp-koala .campaign-affix-bar {
    display:none
}

.campaign-lp-koala .campaign-section {
    position: relative;
    margin: 0;
    padding: 80px 0 50px;
    background: #fff;
    overflow:hidden
}

.campaign-lp-koala .campaign-section .section-title {
    position: relative;
    margin: 0 0 40px;
    font-size: 32px;
    text-align:center
}

.campaign-lp-koala .campaign-section .section-title span {
    display: inline-block;
    padding: 10px 30px;
    border-radius: 15px;
    font-weight: 700;
    color: #fff;
    transform:skew(-8deg)
}

.campaign-lp-koala .campaign-section .section-title span.blue {
    background-image:linear-gradient(-45deg, #009eff 0, #00bdff 100%)
}

.campaign-lp-koala .campaign-section .section-title span.green {
    background-image:linear-gradient(-45deg, #80b518 0, #bada55 100%)
}

.campaign-lp-koala .campaign-section .section-title span.purple {
    background-image:linear-gradient(-45deg, #783eb3 0, #ae70ee 100%)
}

.campaign-lp-koala .campaign-section .section-title span.orange {
    background-image:linear-gradient(-45deg, #f60 0, #f90 100%)
}

.campaign-lp-koala .campaign-section .section-title span.black {
    background-image:linear-gradient(-45deg, #333 0, #666 100%)
}

.campaign-lp-koala .campaign-section h3 {
    font-size: 28px;
    text-align:center
}

.campaign-lp-koala .campaign-section .container {
    position: relative;
    z-index:2
}

.campaign-lp-koala .campaign-section .campaign-card {
    margin-bottom: 30px;
    overflow:hidden
}

.campaign-lp-koala .campaign-section .campaign-card h3 {
    margin:0 0 15px
}

.campaign-lp-koala .campaign-section .campaign-card h3:last-child {
    margin-bottom:5px
}

.campaign-lp-koala .campaign-section .campaign-card p {
    margin: 0 auto;
    max-width: 220px;
    color: #777;
    font-size: 16px;
    line-height: 1.8;
    text-align:center
}

.campaign-lp-koala .campaign-section .campaign-card .campaign-icon {
    margin: 0 auto 20px;
    width: 120px;
    height: 120px;
    background-size: cover;
    background-position:center
}

.campaign-lp-koala .campaign-section .campaign-card .campaign-num {
    position: absolute;
    padding: 10px 20px;
    font-family: montserrat;
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    color: #fff;
    border-radius:15px 0 15px 0
}

.campaign-lp-koala .campaign-section .campaign-card .campaign-num.blue {
    background-image:linear-gradient(-45deg, #009eff 0, #00bdff 100%)
}

.campaign-lp-koala .campaign-section .campaign-card .campaign-num.green {
    background-image:linear-gradient(-45deg, #80b518 0, #bada55 100%)
}

.campaign-lp-koala .campaign-section .campaign-card .campaign-num.orange {
    background-image:linear-gradient(-45deg, #f60 0, #f90 100%)
}

.campaign-lp-koala .campaign-section .campaign-card .campaign-num.black {
    background-image:linear-gradient(-45deg, #333 0, #666 100%)
}

.campaign-lp-koala .campaign-section.gray, .campaign-lp-koala .campaign-section.white {
    background:#f7f7f7
}

.campaign-lp-koala .campaign-section.gray .campaign-card, .campaign-lp-koala .campaign-section.white .campaign-card {
    padding-bottom: 20px;
    background: #fff;
    border-radius: 15px;
    box-shadow:0 0 15px 1px rgba(0, 0, 0, .02)
}

.campaign-lp-koala .campaign-section.gray .campaign-card .campaign-icon, .campaign-lp-koala .campaign-section.white .campaign-card .campaign-icon {
    margin-top:20px
}

.campaign-lp-koala .campaign-section.gray .campaign-card .campaign-img, .campaign-lp-koala .campaign-section.white .campaign-card .campaign-img {
    margin-bottom: 20px;
    height: 240px;
    background-size: cover;
    background-position: center;
    border-radius:0 0 50% 50%
}

.campaign-lp-koala .campaign-section.white {
    background:#fff
}

.campaign-lp-koala .campaign-section.white .campaign-card {
    background:#f7f7f7
}

.campaign-lp-koala .campaign-square {
    position: absolute;
    left: -350px;
    width: 500px;
    height: 500px;
    transform: rotate(-60deg);
    border-radius: 100px;
    background-image: linear-gradient(-180deg, #783eb3 0, #ae70ee 100%);
    z-index:1
}

.campaign-lp-koala .campaign-circle {
    position: absolute;
    right: -300px;
    width: 600px;
    height: 600px;
    border-radius: 600px;
    background-image: linear-gradient(-180deg, #80b518 0, #bada55 100%);
    z-index:1
}

.campaign-lp-koala .campaign-reviews .campaign-faq .campaign-faq-q {
    line-height: 1.8;
    border:1px solid #efefef
}

.campaign-lp-koala .campaign-reviews .campaign-faq .campaign-faq-a p {
    line-height:1.8
}

.campaign-lp-koala .campaign-video {
    border:15px solid #fff
}

@media (max-width: 991px) {
    #lp-nav-1 .col-md-3:nth-child(2n + 1) {
        clear:both
    }

    .campaign-lp-koala .campaign-square {
        left:-460px
    }

    .campaign-lp-koala .campaign-circle {
        right:-400px
    }
}

@media (max-width: 768px) {
    .campaign-lp-koala .table-lp .campaign-icon {
        margin-bottom: 5px;
        width: 80px;
        height:80px
    }

    .campaign-lp-koala .table-lp tr th {
        font-size:18px
    }

    .campaign-lp-koala .campaign-lp-promo {
        padding:15px
    }

    .campaign-lp-koala .campaign-section {
        padding:50px 0 20px
    }

    .campaign-lp-koala .campaign-hero {
        height:275px
    }

    .campaign-lp-koala .campaign-hero h1 {
        margin: 0 auto;
        font-size: 23px;
        width:290px
    }

    .campaign-lp-koala .campaign-hero p {
        font-size:16px
    }

    .campaign-lp-koala .campaign-hero p strong {
        font-size:24px
    }

    .campaign-lp-koala .campaign-hero .campaign-koala-btn {
        margin-left: -60px;
        font-size: 18px;
        box-shadow:0 5px 5px 0 rgba(0, 0, 0, .06)
    }

    .campaign-lp-koala .campaign-hero .campaign-banner {
        width: 2000px;
        top:-9670px
    }

    .campaign-lp-koala .campaign-hero .campaign-koala-logo {
        position: absolute;
        margin: 0 0 0 -60px;
        left: 50%;
        bottom: -110px;
        width: 120px;
        height:120px
    }

    .campaign-lp-koala .campaign-hero .campaign-hero-wrap {
        width:auto
    }

    .campaign-lp-koala .campaign-hero .campaign-koala-txt {
        margin: 20px 0;
        text-align:center
    }
}

@media (max-width: 560px) {
    .campaign-lp.campaign-reviews .campaign-hero {
        margin: 15px 0 0;
        border-bottom:1px solid #efefef
    }

    .campaign-lp.campaign-reviews .campaign-hero .campaign-banner h1 {
        color: #fff;
        text-shadow:0 2px 2px rgba(0, 0, 0, .2)
    }

    .campaign-lp.campaign-reviews .campaign-hero .campaign-banner .campaign-overlay {
        display:block
    }

    .campaign-lp.campaign-reviews .campaign-share {
        margin: 15px 0 0;
        padding: 0;
        background:0 0
    }

    .campaign-lp .campaign-affix-lp.affix + .campaign-sticky {
        height:49px
    }

    .campaign-lp-koala .table-lp {
        border-right:0
    }

    .campaign-lp-koala .table-lp tr td {
        font-size:14px
    }

    .campaign-lp-koala .table-lp tr th:first-child, .campaign-lp-koala .table-lp tr td:first-child {
        border-left:0
    }

    .campaign-lp-koala .campaign-lp-promo p {
        font-size:14px
    }

    .campaign-lp-koala .campaign-video {
        border:0
    }

    .campaign-lp-koala .campaign-affix-bar {
        display: block;
        position: fixed;
        z-index:-1
    }

    .campaign-lp-koala .campaign-affix-bar .campaign-koala-btn {
        display: block;
        margin: 0 auto;
        width: auto;
        padding: 10px 15px;
        color: #333;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        border-radius: 50px;
        background-image: linear-gradient(-180deg, #ffe000 0, #fb0 100%);
        box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .06);
        box-sizing: border-box;
        letter-spacing:2px
    }

    .campaign-lp-koala .campaign-affix-bar .campaign-koala-btn span {
        font-family:montserrat
    }

    .campaign-lp-koala .campaign-affix-bar .campaign-koala-btn:hover {
        background-image:linear-gradient(-180deg, #fb0 0, #ffe000 100%)
    }

    .campaign-lp-koala .campaign-affix-bar.affix {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        padding: 10px;
        z-index: 99999;
        background: #fff;
        box-shadow:0 5px 5px 0 rgba(0, 0, 0, .06)
    }

    .campaign-lp-koala .campaign-section {
        padding:30px 0 0
    }

    .campaign-lp-koala .campaign-section .section-title {
        margin-bottom: 20px;
        font-size:24px
    }

    .campaign-lp-koala .campaign-section .campaign-card {
        margin-bottom: 15px;
        padding-left: 15px;
        padding-right:15px
    }

    .campaign-lp-koala .campaign-section .campaign-card h3 {
        font-size:20px
    }

    .campaign-lp-koala .campaign-section .campaign-card p {
        font-size: 14px;
        line-height:1.6
    }

    .campaign-lp-koala .campaign-section .campaign-card .campaign-icon {
        margin-bottom: 15px;
        width: 80px;
        height:80px
    }

    .campaign-lp-koala .campaign-section.gray .campaign-card, .campaign-lp-koala .campaign-section.white .campaign-card {
        margin-left: 15px;
        margin-right: 15px;
        padding-left: 0;
        padding-right:0
    }

    .campaign-lp-koala .campaign-section.gray .campaign-card .campaign-img, .campaign-lp-koala .campaign-section.white .campaign-card .campaign-img {
        height:200px
    }

    .campaign-lp-koala .campaign-square, .campaign-lp-koala .campaign-circle {
        display:none
    }

    .campaign-lp-koala .campaign-reviews .campaign-faq {
        margin-left: 15px;
        margin-right:15px
    }

    .campaign-lp-koala .campaign-reviews .campaign-faq:last-child {
        margin-bottom:15px
    }
}

@media (max-width: 413px) {
    .campaign-lp .campaign-affix-lp.affix + .campaign-sticky {
        height:52px
    }

    .campaign-lp-koala .campaign-section {
        padding:20px 0 0
    }

    .campaign-lp-koala .campaign-section .section-title {
        font-size:18px
    }

    .campaign-lp-koala .campaign-section .campaign-card h3 {
        font-size:16px
    }

    .campaign-lp-koala .campaign-section .campaign-card p {
        font-size:12px
    }

    .campaign-lp-koala .campaign-section.gray .campaign-card .campaign-img {
        height:160px
    }

    .campaign-lp-koala .campaign-hero p {
        font-size:13px
    }

    .campaign-lp-koala .campaign-hero p strong {
        font-size:18px
    }
}

#fp-nav.right {
    right:-1px
}

#fp-nav ul li {
    width: 15px;
    height: 15px;
    margin:5px
}

#fp-nav ul li a.active span {
    width: 8px;
    height: 8px;
    margin:-4px 0 0 -4px
}

#fp-nav ul li a span {
    background:#fff
}

#lp-ivf .fp-tableCell {
    display:flex
}

#lp-ivf .fp-tableCell > .container {
    display: flex;
    flex:1
}

#lp-ivf .section {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover
}

#lp-ivf .section:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity:.75
}

#lp-ivf .section i.fa-angle-double-up {
    position: absolute;
    left: 50%;
    bottom: 20px;
    margin-left: -10px;
    width: 20px;
    font-size: 32px;
    color: #fff;
    z-index: 9;
    -webkit-animation-duration: 2s;
    animation-duration:2s
}

#lp-ivf .section-title {
    margin: 0 0 15px;
    text-align:center
}

#lp-ivf .section-title h2 {
    display: inline-block;
    margin: 0;
    padding: 0 0 5px;
    color: #fff;
    font-size: 18px;
    border-bottom:2px solid #fff
}

#lp-ivf .section-wrap {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 15px;
    overflow: hidden;
    font-family: montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif;
    background-size: 100%;
    z-index:2
}

#lp-ivf .section-block {
    width:100%
}

#lp-ivf .section-block .section-content {
    display: flex;
    justify-content: center;
    margin:0 10px 30px
}

#lp-ivf .section-block .section-content ul {
    display: inline-block;
    padding: 0 0 0 18px;
    max-width: 600px;
    flex: 1;
    list-style:circle
}

#lp-ivf .section-block .section-content ul li {
    margin: 0 0 5px;
    color:#fff
}

#lp-ivf .section-block .section-content ul li:last-child {
    margin:0
}

#lp-ivf .section-block .section-content ul.section-step {
    display: flex;
    padding: 0;
    list-style:none
}

#lp-ivf .section-block .section-content ul.section-step li {
    display: flex;
    margin: 0;
    width:25%
}

#lp-ivf .section-block .section-content ul.section-step li span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    margin: 0 5px;
    padding: 5px 0;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    color: #424953;
    overflow: hidden;
    box-shadow:0 2px 14px 0 rgba(0, 0, 0, .08)
}

#lp-ivf .section-block:last-child .section-content {
    margin:0 10px
}

#lp-ivf .section-items {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content:center
}

#lp-ivf .section-items .col-6 {
    width:50%
}

#lp-ivf .section-item {
    margin: 10px;
    padding: 5px 5px 0;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    box-shadow:0 2px 14px 0 rgba(0, 0, 0, .08)
}

#lp-ivf .section-item .section-img {
    position: relative;
    padding-bottom: 60%;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover
}

#lp-ivf .section-item h3 {
    margin: 0;
    padding: 10px 0;
    background: #fff;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    text-align:center
}

#lp-ivf .section-btn {
    width: 100%;
    max-width:665px
}

#lp-ivf .section-btn a {
    display: block;
    margin: 0 10px 30px;
    padding: 15px;
    border-radius: 100px;
    overflow: hidden;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .08);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-image: linear-gradient(-135deg, #f60 0, #f30 100%) !important;
    text-align:center
}

#lp-ivf .section-btn a .fa {
    margin-right: 8px;
    font-size:20px
}

#lp-ivf .section-btn a:hover {
    background-image:linear-gradient(-135deg, #f30 0, #f60 100%) !important
}

#lp-ivf .section-btn a span {
    margin-top: 5px;
    display: block;
    font-size: 12px;
    font-weight:400
}

#lp-ivf .campaign-form {
    margin: 0 10px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow:0 2px 14px 0 rgba(0, 0, 0, .08)
}

#lp-ivf .campaign-form .btn-primary {
    background-image: linear-gradient(-135deg, #424953 0, #202429 100%) !important;
    border:0
}

#lp-ivf .campaign-form .btn-primary:hover {
    background-image:linear-gradient(-135deg, #202429 0, #424953 100%) !important
}

#lp-ivf .lp-ivf-1:after {
    background-image: linear-gradient(-135deg, #967ada 0, #50388a 100%) !important;
    opacity:.85
}

#lp-ivf .lp-ivf-1 #header {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left:0
}

#lp-ivf .lp-ivf-1 .section-title h1 {
    margin: 15px 0 0;
    color: #fff;
    font-size:24px
}

#lp-ivf .lp-ivf-1 .section-title h2 {
    position: relative;
    padding: 5px 15px;
    color: #8d82c4;
    background: #f2ecff;
    border: 0;
    border-radius: 5px;
    box-shadow:0 2px 14px 0 rgba(0, 0, 0, .08)
}

#lp-ivf .lp-ivf-1 .section-title h2 img {
    position: absolute;
    width: 80px;
    left: 50%;
    margin-left: -40px;
    top:-52px
}

#lp-ivf .lp-ivf-1 .section-content {
    text-align:center
}

#lp-ivf .lp-ivf-1 .section-content ul {
    display: inline-block;
    margin: 0 20px;
    padding-left: 18px;
    list-style:circle
}

#lp-ivf .lp-ivf-1 .section-content ul li {
    margin: 10px 0 0;
    color: #fff;
    font-size: 15px;
    text-align:left
}

#lp-ivf .lp-ivf-2:after {
    background-image:linear-gradient(-135deg, #424953 0, #202429 100%) !important
}

#lp-ivf .lp-ivf-2 .section-title {
    margin:0 0 15px
}

#lp-ivf .lp-ivf-3:after {
    background-image:linear-gradient(-135deg, #f5ba45 0, #ae760a 100%) !important
}

#lp-ivf .lp-ivf-3 .section-title {
    margin:0 0 15px
}

#lp-ivf .lp-ivf-3 .section-list {
    display: flex;
    margin: 0 10px 5px;
    padding: 5px 10px 5px 5px;
    background: #fff;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .08);
    border-radius: 5px;
    overflow:hidden
}

#lp-ivf .lp-ivf-3 .section-list .section-date {
    display: flex;
    margin: 0 10px 0 0;
    padding: 0 5px;
    width: 32px;
    height: 32px;
    color: #fff;
    background: #f60;
    font-size: 12px;
    font-weight: 700;
    align-items: center;
    text-align: center;
    border-radius: 5px;
    box-sizing:border-box
}

#lp-ivf .lp-ivf-3 .section-list .section-content {
    flex:1
}

#lp-ivf .lp-ivf-3 .section-list h3 {
    margin: 0 0 5px;
    color: #333;
    font-size: 12px;
    font-weight:700
}

#lp-ivf .lp-ivf-3 .section-list p {
    margin: 0;
    font-size: 12px;
    color:#777
}

#lp-ivf .lp-ivf-4:after {
    background-image:linear-gradient(-135deg, #3aadd9 0, #117094 100%) !important
}

#lp-ivf .lp-ivf-5:after {
    background-image:linear-gradient(-135deg, #8ac054 0, #426b19 100%) !important
}

#lp-ivf .lp-ivf-6:after {
    background-image:linear-gradient(-135deg, #4b89da 0, #235596 100%) !important
}

#lp-ivf .lp-ivf-7:after {
    background-image:linear-gradient(-135deg, #424953 0, #202429 100%) !important
}

@media (min-width: 600px) {
    #lp-ivf .fp-tableCell > .container {
        flex:unset
    }

    #lp-ivf .section-title {
        margin:0 0 30px !important
    }

    #lp-ivf .section-title h2 {
        font-size:24px
    }

    #lp-ivf .section-items .col-6 {
        width:200px
    }

    #lp-ivf .lp-ivf-1 .section-title h1 {
        font-size:32px
    }

    #lp-ivf .lp-ivf-1 .section-title h2 {
        font-size:18px
    }

    #lp-ivf .lp-ivf-3 .section-lists {
        display: flex;
        flex-wrap:wrap
    }

    #lp-ivf .lp-ivf-3 .section-lists .col-6 {
        display: flex;
        width:50%
    }

    #lp-ivf .lp-ivf-3 .section-lists .col-6 .section-list {
        flex:1
    }
}

@media (max-width: 374px) {
    #lp-ivf .section-title h2 {
        font-size:14px
    }

    #lp-ivf .section-block .section-content {
        margin-bottom:10px
    }

    #lp-ivf .section-item {
        margin:5px 10px
    }

    #lp-ivf .section-item h3 {
        padding: 5px 0;
        font-size:12px
    }

    #lp-ivf .section-btn a {
        margin-bottom: 20px;
        padding: 10px;
        font-size:16px
    }

    #lp-ivf .lp-ivf-1 .section-title h1 {
        font-size:20px
    }

    #lp-ivf .lp-ivf-1 .section-content ul li {
        font-size:14px
    }

    #lp-ivf .lp-ivf-3 .section-list p {
        height: 18px;
        overflow:hidden
    }
}

#map .map-list {
    float: left;
    width: 280px;
    height: 640px;
    height: 80vh;
    overflow: auto;
    background:#fff
}

#map .map-content {
    position: relative;
    margin-left: 280px;
    height: 640px;
    height:80vh
}

#map #map-details {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height:100%
}

.campaign-actions .btn {
    margin-right: 10px;
    border-radius:4px
}

.campaign-actions .btn .fa {
    margin-right:5px
}

.campaign-actions .btn .fa.no-margin {
    margin-right:0
}

.campaign-actions .btn .fa.no-margin + label {
    margin-left:5px
}

.campaign-actions .btn label {
    margin-bottom:0
}

.campaign-actions .btn:last-child {
    margin-right:0
}

.campaign-actions .btn.btn-increase-font sup {
    top: -5px;
    font-size:13px
}

.campaign-actions .btn.btn-decrease-font {
    font-size:12px
}

.campaign-actions .btn.btn-decrease-font sup {
    top: -4px;
    font-size:16px
}

.campaign-actions .btn.btn-decrease-font span {
    display: block;
    height: 20px;
    line-height:20px
}

.campaign-actions .btn.btn-report {
    display:none
}

.campaign-actions .handle-event .btn {
    margin-right:10px
}

.campaign-actions .form-actions {
    display: flex;
    justify-content:flex-end
}

.campaign-actions .form-actions .form-inline {
    display:flex
}

.campaign-actions .form-actions .form-inline .form-group {
    margin: 0;
    display: inline-block;
    margin-right: 15px;
    font-size:0
}

.campaign-actions .form-actions .form-inline .input-group .icon {
    margin:0
}

.campaign-actions .form-actions .form-inline .input-group-addon {
    padding: 5px 10px;
    width: 1%;
    background-color: #eee;
    border:1px solid #eee
}

.campaign-actions .form-actions .form-inline .form-control {
    width: auto;
    border-width:1px
}

.campaign-actions .form-actions .form-picker {
    width:160px
}

.campaign-actions .form-actions .form-picker .form-control {
    width:120px
}

.campaign-details.campaign-product .campaign-price {
    color: #f60;
    font: 700 18px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif
}

.campaign-details.campaign-product .campaign-price-was {
    color: #777;
    font: 700 14px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif
}

.campaign-details.campaign-product .campaign-actions {
    display:none
}

.campaign-details.campaign-product .campaign-info-actions .btn {
    border-radius:4px
}

.campaign-details.campaign-product .campaign-info-actions .btn .fa {
    margin-right:8px
}

.campaign-details.campaign-product .campaign-info-actions .my-share {
    display: block;
    margin-top:15px
}

.campaign-details.campaign-product .item-panel {
    border-radius:0
}

.campaign-details.campaign-product .item-panel .item-panel-title {
    margin:0
}

.campaign-details.campaign-product .item-panel .item-panel-title h3 {
    margin: 0 -15px 15px;
    padding: 15px;
    font-size: 16px;
    font-weight: 700;
    font-family: montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif;
    border-bottom:1px solid #efefef
}

.campaign-details.campaign-product .item-panel .item-intro {
    padding:0 15px 15px
}

.campaign-details.campaign-product .item-panel .item-intro p:last-child {
    margin-bottom:0
}

.campaign-details .campaign-actions.affix {
    position:static
}

.campaign-details .campaign-sticky {
    display:none
}

.campaign-details .campaign-gallery {
    padding:15px
}

.campaign-details .campaign-info-price {
    color: #f90;
    font-family: montserrat;
    font-weight: 700;
    letter-spacing:2px
}

.campaign-details .campaign-info-map {
    margin-top:15px
}

.campaign-details .campaign-info-map img {
    width:100%
}

.campaign-details .campaign-info-score {
    display:none
}

.campaign-details .campaign-info-score.is-show {
    display:block
}

.campaign-details .campaign-hero-actions {
    padding:15px
}

.campaign-details .campaign-hero-actions .btn > label {
    font-weight: 400;
    margin:0 3px 0 0
}

.campaign-details .campaign-chain-stores .campaign-info {
    height:18px
}

.campaign-details .campaign-chain-stores .item-rating {
    height:18px
}

.campaign-details .campaign-tips .campaign-wrap {
    padding:0
}

.campaign-details .campaign-tips .campaign-tip {
    margin: 15px;
    font-size: 16px;
    line-height:1.6
}

.campaign-details .campaign-tips .collapse-action {
    margin:0 15px 15px
}

.campaign-details .campaign-coupon {
    display: block;
    position: relative;
    padding: 15px;
    background:#f7f7f7
}

.campaign-details .campaign-coupon:before {
    position: absolute;
    top: -5px;
    left: 0;
    display: block;
    content: "";
    background: radial-gradient(circle, transparent 5px, #f7f7f7 5px);
    background-size: 20px 20px;
    background-position: -10px -10px;
    width: 100%;
    height: 10px;
    z-index:9
}

.campaign-details .campaign-coupon:after {
    position: absolute;
    top: auto;
    bottom: -5px;
    left: 0;
    content: "";
    display: block;
    background: radial-gradient(circle, transparent 5px, #f7f7f7 5px);
    background-size: 20px 20px;
    background-position: -10px 0;
    width: 100%;
    height: 10px;
    z-index:9
}

.campaign-details .campaign-coupon:hover {
    color:#333
}

.campaign-details .campaign-coupon .campaign-title {
    margin-bottom: 5px;
    height: auto !important;
    font-size: 14px;
    font-weight: 700;
    font-family: montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif;
    white-space: nowrap;
    text-overflow:ellipsis
}

.campaign-details .campaign-coupon .campaign-date {
    margin-bottom: 10px;
    color: #777;
    font-size:12px
}

.campaign-details .campaign-coupon .campaign-desc {
    font-size:14px
}

.campaign-details .campaign-card-cai .swiper-slide {
    width:260px
}

.campaign-details .campaign-card-cai .campaign-wrap {
    position:relative
}

.campaign-details .campaign-card-cai .campaign-wrap .campaign-badge {
    position: absolute;
    top: 0;
    left:0
}

.campaign-details .campaign-card-cai .campaign-title {
    height:auto !important
}

.campaign-details .campaign-card-cai .campaign-title a {
    white-space:normal !important
}

.campaign-details .campaign-card-cai .campaign-desc {
    margin: 10px 0;
    font-size: 14px;
    white-space:normal
}

.campaign-details .campaign-card-cai .campaign-cai-price {
    margin: 10px 0;
    color: #f90;
    font-family: montserrat;
    font-weight: 700;
    letter-spacing:2px
}

.campaign-details .campaign-card-cai .campaign-info {
    height:30px !important
}

.campaign-details .campaign-card-cai .campaign-info .campaign-info-like {
    margin-top:2px
}

.campaign-details .campaign-card-cai .campaign-info .btn {
    border-radius:4px
}

.campaign-details .campaign .campaign-md .campaign-wrap .campaign-article .campaign-video {
    margin-top:30px
}

.campaign-details .campaign .campaign-md .campaign-wrap .campaign-article .item-article-action {
    margin: 0 0 30px;
    padding: 0;
    border-bottom:0
}

.campaign-details .campaign .campaign-md .campaign-wrap .campaign-article .icon-wrap {
    float: none;
    margin: 0 auto;
    width: 52px;
    height: 52px;
    line-height:52px
}

.campaign-experts-wrap {
    margin: 0 -15px;
    border-top:1px solid #efefef
}

.campaign-experts .campaign-experts-title {
    display: flex;
    align-items: center;
    justify-content:space-between
}

.campaign-experts .campaign-experts-title strong {
    margin: 10px 0 10px 10px;
    font-size: 14px;
    white-space:nowrap
}

.campaign-experts .campaign-experts-title a.view-all {
    font-size: 13px;
    color:#707070
}

.campaign-experts .campaign-experts-title a.view-all i {
    margin-left:3px
}

.campaign-experts .campaign-experts-tags {
    padding:0 0 0 10px
}

.campaign-experts .campaign-experts-tags .swiper-slide {
    padding-top: 10px;
    padding-bottom: 10px;
    width:auto
}

.campaign-experts .campaign-experts-tags .swiper-slide a {
    display: block;
    padding: 4px 8px;
    font-size: 12px;
    background: #fff;
    border: 1px solid #efefef;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .05);
    border-radius:40px
}

.campaign-experts .campaign-experts-tags .swiper-slide a.is-active {
    font-weight: 700;
    border-color:#333
}

.campaign-experts .campaign-experts-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:10px
}

.campaign-experts .campaign-experts-actions a {
    font-size:12px
}

.campaign-experts .campaign-experts-actions a .fa-angle-right {
    margin-left:3px
}

.campaign-experts .campaign-experts-actions a .fa-check-circle {
    margin-right: 3px;
    color:#80b518
}

.campaign-experts .campaign-experts-cards {
    padding:0 0 0 10px
}

.campaign-experts .campaign-experts-cards .swiper-slide {
    width:140px
}

.campaign-experts .campaign-experts-badge {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    border-bottom-left-radius: 3px;
    overflow:hidden
}

.campaign-experts .campaign-experts-badge.is-left {
    right: auto;
    left: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius:3px
}

.campaign-experts .campaign-experts-badge span {
    position: relative;
    display: block;
    padding: 2px 4px;
    color: #fff;
    font-size: 11px;
    text-align: center;
    z-index:1
}

.campaign-experts .campaign-experts-badge span i {
    margin-right:3px
}

.campaign-experts .campaign-experts-badge:after {
    position: absolute;
    content: ' ';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .8;
    z-index:0
}

.campaign-experts .campaign-experts-badge.is-green:after {
    background:#80b518
}

.campaign-experts .campaign-experts-badge.is-black:after {
    background:#000
}

.campaign-experts .campaign-experts-card {
    display: block;
    position: relative;
    padding: 8px;
    background: #f7f7f7;
    border-radius: 3px;
    overflow: hidden;
    min-height:135px
}

.campaign-experts .campaign-experts-card .campaign-experts-img {
    position: relative;
    margin-bottom:5px
}

.campaign-experts .campaign-experts-card .campaign-experts-img:before {
    content: '';
    position: relative;
    display: block;
    padding-bottom: 50%;
    z-index:-1
}

.campaign-experts .campaign-experts-card .campaign-experts-img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto !important;
    width: auto !important;
    height: auto;
    max-width: 100%;
    max-height:100%
}

.campaign-experts .campaign-experts-card .campaign-experts-name {
    height: 20px;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

.campaign-experts .campaign-experts-card .campaign-experts-info {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    height: 30px;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    color:#666
}

.campaign-experts .campaign-experts-card .campaign-experts-location {
    height: 15px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color:#888
}

.campaign-experts .campaign-experts-card .campaign-experts-location i {
    margin-right:3px
}

.verify-merchant .btn-success {
    margin-left:10px
}

.ios .campaign-actions .btn.btn-report, .android .campaign-actions .btn.btn-report {
    display:inline-block
}

@media (max-width: 991px) {
    .campaign-details .campaign-info-map {
        display:none
    }

    .campaign-details.campaign-product .campaign-actions {
        display:block
    }

    .campaign-details.campaign-product .campaign-info-actions {
        display:none
    }
}

@media (max-width: 767px) {
    .campaign-details .campaign-card-cai .swiper-slide {
        width:240px
    }
}

@media (max-width: 640px) {
    .campaign-details .user-details .user-avatar a, .campaign-details .user-details .user-avatar span {
        width: 60px;
        height: 60px;
        line-height: 64px;
        border-width:2px
    }

    .campaign-details .user-details .user-content {
        margin-left:80px
    }

    .campaign-details .user-details .user-content h1 {
        margin: 0 0 10px;
        font-size:20px
    }

    .campaign-details .user-details .user-bullets .user-info-list {
        margin:0 0 15px
    }

    .campaign-details .user-details .user-bullets .user-info-list-intro p {
        clear: both;
        margin: 0;
        padding-top:10px
    }

    .campaign-details .user-details .campaign-score strong {
        padding: 4px 8px;
        font-size:14px
    }

    .campaign-details .campaign .campaign-md .campaign-wrap.campaign-tags {
        padding-bottom:15px
    }

    .campaign-details .campaign-hero-actions .pull-right {
        display:none
    }

    .campaign-details .campaign-hero-actions .pull-left {
        float:none !important
    }

    .campaign-details .campaign-actions {
        padding:0
    }

    .campaign-details .campaign-info-panel a.campaign-wrap {
        position:relative
    }

    .campaign-details .campaign-info-panel a.campaign-wrap:before {
        float: right;
        margin-left: 10px;
        font: normal normal normal 19px/1 FontAwesome;
        color: #999;
        content: "\f105"
    }

    .campaign-details .campaign-info-score {
        display:block
    }

    .campaign-details .campaign-info-score .campaign-score strong {
        padding: 4px 8px;
        font-size:14px
    }

    .campaign-actions.campaign-hero-actions {
        padding:0
    }

    .campaign-actions.campaign-hero-actions .pull-left {
        display: table;
        width: 100%;
        border-bottom:1px solid #efefef
    }

    .campaign-actions.campaign-hero-actions .btn {
        display: table-cell;
        margin: 0;
        padding: 15px 10px;
        border: 0;
        border-radius: 0;
        border-left:1px solid #efefef
    }

    .campaign-actions.campaign-hero-actions .btn:first-child {
        border-left:0
    }

    .campaign-actions.campaign-hero-actions .handle-event, .campaign-actions.campaign-hero-actions .dropdown {
        display: table-cell;
        border-left:1px solid #efefef
    }

    .campaign-actions.campaign-hero-actions .handle-event .btn, .campaign-actions.campaign-hero-actions .dropdown .btn {
        display: block;
        border-left:0
    }
}

.campaign-pane .campaign-sticky {
    display:none
}

.campaign-pane .campaign-header-affix.affix {
    position:static
}

@media (max-width: 560px) {
    .campaign-actions .btn label.is-hidden {
        display:none
    }

    .campaign-actions .btn .is-hidden + .margin-left {
        margin-left:5px
    }

    .campaign-pane .campaign-header-affix.affix {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 99999;
        background:#fff
    }

    .campaign-pane .campaign-header-affix.affix + .campaign-sticky {
        display: block;
        height:54px
    }

    .campaign-details .campaign-actions.affix {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 99999;
        background:#fff
    }

    .campaign-details .campaign-actions.affix.campaign-tab.campaign-tab-sm.black {
        background-color: #111;
        background-image:linear-gradient(-45deg, #111 0, #333 100%)
    }

    .campaign-details .campaign-actions.affix + .campaign-sticky {
        display: block;
        height:51px
    }

    .campaign-details .campaign-tab.campaign-actions.affix + .campaign-sticky {
        height:69px
    }

    .campaign-details .campaign .campaign-md .campaign-wrap .campaign-article .campaign-video {
        margin-top:15px
    }

    .campaign-details .campaign .campaign-md .campaign-wrap .campaign-article .item-article-action {
        margin-bottom:15px
    }
}

@media (max-width: 375px) {
    .campaign-details .campaign-tips .campaign-tip {
        font-size: 13px;
        line-height:1.6
    }

    .campaign-details .campaign-tab.campaign-actions.affix + .campaign-sticky {
        height:66px
    }

    .campaign-actions.campaign-hero-actions .btn > label {
        display:none
    }
}

@media (max-width: 360px) {
    .verify-merchant label {
        display:none
    }

    .campaign-actions .btn {
        margin-right: 6px;
        padding: 5px 8px;
        font-size:11px
    }

    .campaign-actions .btn .fa {
        margin-right:3px
    }

    .campaign-comment .campaign-level {
        font-size:11px
    }
}


.campaign-modal .btn {
    border-radius:4px
}

.campaign-modal .campaign {
    background:#f7f7f7
}

.campaign-modal .campaign-list .checkbox, .campaign-modal .campaign-list .radio {
    margin: 15px 0;
    padding:0 15px 0 35px
}


@media (max-width: 1000px) {
    .modal-app-bar ul li {
        width:25%
    }
}

@media (max-width: 768px) {
    .modal-app-bar ul li {
        display: block;
        width:100%
    }
}

@media (max-width: 560px) {
    .modal-gifs .grid {
        margin:0 7.5px
    }

    .modal-select-seats .modal-dialog {
        height:100%
    }

    #modal-location #search-panel, #modal-search #search-panel, #modal-search-specific #search-panel, #modal-group-invite #search-panel, #modal-activity-invite #search-panel, #modal-gifs #search-panel {
        display: block;
        margin-top:-15px
    }

    #modal-location #search-panel .form-control, #modal-search #search-panel .form-control, #modal-search-specific #search-panel .form-control, #modal-group-invite #search-panel .form-control, #modal-activity-invite #search-panel .form-control, #modal-gifs #search-panel .form-control {
        background-image: url(/images/icons-location-ios.png);
        background-size:16px 16px
    }

    #modal-location .modal-frame, #modal-search .modal-frame, #modal-search-specific .modal-frame, #modal-group-invite .modal-frame, #modal-activity-invite .modal-frame, #modal-gifs .modal-frame {
        padding-left: 0;
        padding-right: 0;
        background:#f7f7f7
    }

    #modal-search .search-panel-web, #modal-search-specific .search-panel-web, #modal-location .search-panel-web, #modal-group-invite .search-panel-web, #modal-activity-invite .search-panel-web, #modal-gifs .search-panel-web {
        display:none
    }

    #modal-location .my-location {
        display:none
    }

    #modal-location .item-search-panel {
        display:block
    }

    #modal-search #search-panel .search-keywords .form-control, #modal-search-specific #search-panel .search-keywords .form-control, #modal-group-invite #search-panel .search-keywords .form-control, #modal-activity-invite #search-panel .search-keywords .form-control {
        background-image: url(/images/icons-search-ios-121016.png);
        -webkit-background-size: 16px 16px;
        background-size:16px 16px
    }

    #modal-search .search-trends, #modal-search-specific .search-trends, #modal-group-invite .search-trends, #modal-activity-invite .search-trends {
        padding:0 15px
    }

    #modal-search .search-trends .btn, #modal-search-specific .search-trends .btn, #modal-group-invite .search-trends .btn, #modal-activity-invite .search-trends .btn {
        border:0
    }

    #modal-group-invite #search-panel .search-keywords, #modal-activity-invite #search-panel .search-keywords {
        margin-bottom:0
    }

    #modal-rate-review .item-upload {
        margin:0 -15px
    }

    #modal-rate-review .item-upload .item-upload-thumb {
        margin:0 15px 15px
    }

    #modal-search, #modal-location, #modal-filter, #modal-search-specific, #modal-group-invite, #modal-activity-invite, #modal-gifs, .modal.modal-select-seats {
        background:#f7f7f7
    }

    #modal-search .modal-dialog, #modal-search-specific .modal-dialog {
        height:100%
    }

    .modal-reward-user .campaign-user-grid {
        margin:0 0 20px
    }

    .modal-reward-user .reward-amount .row {
        margin-left: -10px;
        margin-right:-10px
    }

    .modal-reward-user .reward-amount .row .col-md-4.col-sm-4.col-xs-4 {
        padding:0 10px
    }

    .modal.fade .modal-dialog {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        -webkit-transform: inherit;
        -moz-transform: inherit;
        -ms-transform: inherit;
        -o-transform: inherit;
        transform:inherit
    }

    .modal-dialog {
        margin: 0;
        width: 100%;
        overflow:hidden
    }

    .modal-content {
        width: 100%;
        height: 100%;
        border: 0;
        overflow: hidden;
        box-shadow: none;
        background:#fff
    }

    .modal-body {
        padding: 0;
        width: 100%;
        height: 100%;
        overflow:hidden
    }

    .modal-frame {
        position: relative;
        padding: 59px 15px 15px;
        height: 100%;
        overflow-y: auto;
        z-index:9
    }

    .modal-header {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0;
        width: 100%;
        height: 44px;
        background: #fff;
        border-bottom: 1px solid #efefef;
        text-align: center;
        z-index:999
    }

    .modal-title {
        float: none !important;
        display: inline-block;
        max-width: 240px;
        overflow: hidden;
        color: #777;
        font-size: 18px;
        line-height: 44px;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight:400
    }

    .modal-header .icon-wrap {
        position: absolute;
        right: 9px;
        top: 9px;
        width: auto;
        height: auto;
        margin: 0;
        border:0
    }

    .modal-header .icon-close {
        margin: 0;
        width: 26px;
        height: 26px;
        background: url(/images/icons-nav-ios-101618.png) no-repeat;
        background-size: 52px 598px;
        background-position:right -364px
    }

    .modal-header .item-share-wrap {
        float: right;
        margin:9px 44px 0 0
    }

    .modal-header .icon-share {
        display: block;
        margin: 0;
        width: 26px;
        height: 26px;
        background: url(/images/icons-nav-ios-101618.png) no-repeat;
        background-size: 52px 598px;
        background-position:right -338px
    }

    #modal-filter .modal-frame, .modal.modal-select-seats .modal-frame {
        padding-left: 0;
        padding-right: 0;
        background:#f7f7f7
    }

    #modal-filter .modal-frame .item-panel, .modal.modal-select-seats .modal-frame .item-panel {
        background:#fff
    }

    #modal-filter .modal-frame .btn-block, .modal.modal-select-seats .modal-frame .btn-block {
        margin-left: 15px;
        margin-right: 15px;
        width:auto
    }

    #modal-gallery .modal-frame {
        padding-left: 0;
        padding-right: 0;
        background:#f7f7f7
    }

    #modal-gallery .modal-frame .item-panel {
        background:#fff
    }

    #modal-gallery #gallery-body {
        height:100%
    }

    #modal-gallery #modal-photo {
        margin-bottom:15px
    }

    #modal-gallery .modal-header .item-avatar {
        margin:4px 0 0 10px
    }

    #modal-gallery .modal-header .item-author {
        margin-top:4px
    }

    #modal-gallery .modal-header .item-thumb {
        float: right;
        margin-right: 40px;
        margin-top:5px
    }

    .campaign-modal {
        background:#f7f7f7
    }

    .campaign-modal .modal-content {
        background:0 0
    }

    .campaign-modal .campaign {
        margin-left: -15px;
        margin-right: -15px;
        background:#fff
    }

    .modal-review-bar {
        display: block;
        position: fixed;
        left: 50%;
        bottom: 0;
        margin-left: -75px;
        z-index: 9999999999999;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition:all .5s
    }

    .modal-review-bar.is-active {
        bottom: 20px;
        opacity: 1;
        pointer-events:auto
    }

    .modal-review-bar .btn-default {
        width: 150px;
        color: #fff;
        font-weight: 700;
        background-image: linear-gradient(-45deg, #009eff 0, #00bdff 100%);
        border: 0;
        box-shadow:0 0 10px rgba(0, 0, 0, .2)
    }

    .modal-review-bar .btn-default .fa {
        margin-right:5px
    }
}

@media (max-width: 384px) {
    .modal-title {
        max-width:200px
    }
}

@media (max-width: 375px) {
    .modal-app-bar.is-mini .modal-app-title {
        font-size:14px
    }

    .modal-app-bar.is-fb .modal-wrap {
        padding-top:30px
    }

    .modal-app-bar .modal-app-title {
        margin-top: 15px;
        font-size:18px
    }

    .modal-app-bar .modal-app-logo {
        width: 48px;
        height: 48px;
        background-size: 48px 48px;
        border-radius:8px
    }

    .modal-app-bar .modal-wrap {
        padding-top:15px
    }

    .modal-app-bar .btn {
        font-size:12px
    }

    .modal-app-bar ul li {
        margin-top:15px
    }

    .modal-app-bar ul li .modal-app-feature {
        position:relative
    }

    .modal-app-bar ul li .modal-app-feature strong {
        font-size:13px
    }

    .modal-app-bar ul li .modal-app-feature strong span {
        font-size:16px
    }

    .modal-app-bar ul li .modal-app-desc {
        font-size:14px
    }

    .modal-app-bar ul li .modal-app-info {
        font-size:12px
    }
}

@media (max-width: 360px) {
    .modal-app-bar.is-fb .modal-wrap {
        padding-top:60px
    }

    .modal-app-bar.is-fb .modal-app-info {
        display:none
    }

    .modal-app-bar .modal-app-bar-mini .modal-app-txt {
        font-size:12px
    }
}

@media (max-width: 320px) {
    .modal-title {
        max-width:160px
    }

    .modal-app-bar .modal-wrap > .modal-app-logo, .modal-app-bar .modal-wrap > .modal-app-title {
        display:none
    }
}

#modal-share-in-wechat.modal .modal-header {
    display:none
}

#modal-share-in-wechat.modal .modal-frame {
    height:127px
}

.campaign-theme .campaign-aside {
    float: left;
    width: 200px;
    height: 240px;
    background-size:cover
}

.campaign-theme .campaign-aside h2 {
    margin: 20px;
    font-size: 24px;
    font-weight: 300;
    font-family: montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif
}

.campaign-theme .campaign-wrap {
    padding:30px 15px 0
}

.campaign-logos {
    display: flex;
    width: 100%;
    border-top: 1px solid #efefef;
    border-right:1px solid #efefef
}

.campaign-logos .campaign-logo {
    display: flex;
    padding: 15px 30px;
    width: 25%;
    border-bottom: 1px solid #efefef;
    border-left:1px solid #efefef
}

.campaign-logos .campaign-logo a {
    flex:1
}

.campaign-logos .campaign-logo img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height:42px
}

.campaign-logos .campaign-logo .campaign-logo-outer {
    display: table;
    width: 100%;
    height:42px
}

.campaign-logos .campaign-logo .campaign-logo-inner {
    display: table-cell;
    vertical-align: middle;
    text-align:center
}

.campaign-logos .campaign-logo .campaign-logo-desc {
    margin: 10px 0 0;
    font-weight: 700;
    text-align:center
}

.campaign-nav-menu-wrap {
    background: #fff;
    margin-bottom: 30px;
    padding:10px 30px 0
}

.campaign-nav-menu-wrap .campaign-nav-menu {
    border-top:0
}

.campaign-nav-menu-wrap .campaign-nav-menu .swiper-tags {
    margin:0
}

.campaign-nav-menu-wrap .campaign.campaign-nav-grid {
    box-shadow:none
}

.campaign-nav-menu-wrap .campaign.campaign-nav-grid:hover {
    box-shadow:none
}

.campaign-nav-menu-wrap .campaign .campaign-header {
    background:#f7f7f7
}

.campaign-nav-menu {
    padding-top: 30px;
    background: #fff;
    border-top:1px solid #f7f7f7
}

.campaign-nav-menu .swiper-tags {
    margin: 0 15px;
    padding: 15px 0;
    border-top:1px solid #efefef
}

.campaign-nav-menu .swiper-tags .swiper-wrapper.disabled {
    transform:translate3d(0px, 0, 0) !important
}

.campaign-nav-menu .swiper-tags .swiper-container .swiper-slide {
    width:auto
}

.campaign-nav-menu .swiper-tags .swiper-container a {
    display: block;
    padding: 4px 6px;
    background: #f5f5f5;
    font-size: 13px;
    border-radius:3px
}

.campaign-nav-menu .swiper-tags .swiper-btn-prev {
    left: -2px;
    padding-left: 2px;
    text-align: left;
    background-image:linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #fff 40%, #fff 100%)
}

.campaign-nav-menu .swiper-tags .swiper-btn-next {
    right: -2px;
    padding-right: 2px;
    text-align: right;
    background-image:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 40%, #fff 100%)
}

.campaign-nav-menu .swiper-tags .swiper-btn-prev, .campaign-nav-menu .swiper-tags .swiper-btn-next {
    position: absolute;
    top: 50%;
    margin-top: -22px;
    width: 32px;
    height: 42px;
    line-height: 42px;
    color: #333;
    font-size: 20px;
    cursor: pointer;
    z-index:9
}

.campaign-nav-menu .swiper-tags .swiper-btn-prev.swiper-button-disabled, .campaign-nav-menu .swiper-tags .swiper-btn-next.swiper-button-disabled {
    display:none
}

.campaign-nav-menu.has-breadcrumb {
    padding:0
}

.campaign-nav-menu.has-breadcrumb .campaign-breadcrumb {
    margin:15px 0
}

.campaign-nav-menu.no-bg {
    background:#f7f7f7
}

.campaign-nav-menu.no-padding {
    padding-top:0
}

.campaign-nav-menu.no-bg.no-padding .row {
    margin-bottom:15px
}

.campaign-nav-menu.no-bg.no-padding .row .campaign {
    margin:0 0 15px
}

.campaign-nav-menu.equal .row {
    display: flex;
    flex-wrap:wrap
}

.campaign-nav-menu.equal .row .col-20-p {
    width: 20%;
    padding-left: 15px;
    padding-right:15px
}

.campaign-nav-menu.equal .row .col-md-4 {
    display:flex
}

.campaign-nav-menu.equal .row .col-md-4 .campaign {
    flex: 1;
    width: 100%;
    border:1px solid #efefef
}

.campaign-nav-menu.equal .row .col-md-4 .campaign .campaign-wrap {
    border-bottom:0
}

.campaign-nav-menu.equal .row .col-md-4 .campaign .campaign-wrap .campaign-actions {
    padding: 0;
    border:0
}

.campaign-nav-menu.equal .row .col-md-4 .campaign .campaign-wrap .campaign-actions .campaign-info {
    margin-bottom: 0;
    display: inline-block;
    font-size: 12px;
    color:#777
}

.campaign-nav-menu .campaign-nav-search {
    margin: 15px auto;
    padding: 12px 30px;
    background: #efefef;
    border-radius: 60px;
    box-sizing:border-box
}

.campaign-nav-menu .campaign-nav-search .campaign-nav-control {
    display: flex;
    margin: 0 auto;
    max-width:250px
}

.campaign-nav-menu .campaign-nav-search .campaign-nav-control label {
    margin: 0;
    font-size: 24px;
    white-space:nowrap
}

.campaign-nav-menu .campaign-nav-search .campaign-nav-control label .fa {
    position: relative;
    top: -2px;
    margin-right: 8px;
    font-size:20px
}

.campaign-nav-menu .campaign-nav-search .campaign-nav-control .form-control {
    height: 34px;
    font-size: 24px;
    border: 0;
    background:0 0
}

.campaign.campaign-nav-grid {
    border-radius: 4px;
    box-shadow:rgba(0, 0, 0, .05) 0 0 10px
}

.campaign.campaign-nav-grid:hover {
    box-shadow:rgba(0, 0, 0, .15) 0 0 10px
}

.campaign.campaign-nav-grid .campaign-wrap {
    display: block;
    padding: 20px 10px;
    box-sizing: border-box;
    text-align:center
}

.campaign.campaign-nav-grid .campaign-wrap:after {
    position: absolute;
    top: -2px;
    right: 10px;
    padding: 1px;
    width: 38px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-family: montserrat;
    border-radius: 2px;
    -webkit-transform: scale(.7);
    transform:scale(.7)
}

.campaign.campaign-nav-grid .campaign-wrap.hot:after {
    content: 'HOT';
    background:#ff4646
}

.campaign.campaign-nav-grid .campaign-wrap.new:after {
    content: 'NEW';
    background:#00bdff
}

.campaign.campaign-nav-grid .campaign-wrap .campaign-title {
    vertical-align: middle;
    font-size: 18px;
    font-weight: 700;
    font-family: montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif
}

.campaign.campaign-nav-grid .campaign-wrap .campaign-title:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height:100%
}

.campaign.campaign-nav-grid .campaign-wrap .campaign-title .icon-nav-square {
    margin-right: 10px;
    display: inline-block;
    vertical-align:middle
}

.campaign.campaign-nav-grid .campaign-wrap .campaign-title span {
    display: inline-block;
    vertical-align: middle;
    min-width:72px
}

.campaign.campaign-menu {
    border-radius: 4px;
    box-shadow:rgba(0, 0, 0, .1) 0 0 20px
}

.campaign.campaign-menu:hover {
    box-shadow:rgba(0, 0, 0, .2) 0 0 20px
}

.campaign.campaign-menu .campaign-lg .campaign-wrap {
    height:120px
}

.campaign.campaign-menu .campaign-lg > .campaign-title {
    padding: 10px;
    font-size: 16px;
    font-weight: 700;
    text-align:center
}

.campaign.campaign-menu .campaign-lg > .campaign-title.text-overflow {
    height: 42px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

.campaign.campaign-menu .campaign-lg > .campaign-title.campaign-collection-title span {
    display: block;
    height: 52px;
    line-height: 1.6;
    overflow:hidden
}

.campaign.campaign-menu .campaign-wrap {
    display: block;
    padding: 20px 15px;
    box-sizing: border-box;
    text-align:center
}

.campaign.campaign-menu .campaign-wrap.blue {
    background-image:linear-gradient(-75deg, #00bdff, #7bddff)
}

.campaign.campaign-menu .campaign-wrap.green {
    background-image:linear-gradient(-75deg, #80b518, #addd55)
}

.campaign.campaign-menu .campaign-wrap.purple {
    background-image:linear-gradient(-75deg, #ae70ee, #d4aaff)
}

.campaign.campaign-menu .campaign-wrap.orange {
    background-image:linear-gradient(-75deg, #f60, #ffad33)
}

.campaign.campaign-menu .campaign-wrap .campaign-title {
    vertical-align: middle;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    font-family: montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif
}

.campaign.campaign-menu .campaign-wrap .campaign-title:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height:100%
}

.campaign.campaign-menu .campaign-wrap .campaign-title .icon-nav-square {
    margin-right: 5px;
    display: inline-block;
    vertical-align:middle
}

.campaign.campaign-menu .campaign-wrap .campaign-title span {
    display: inline-block;
    vertical-align:middle
}

.nav-section {
    margin-bottom:15px
}

.nav-section h3 {
    margin: 0 0 15px;
    font-size: 16px;
    font-weight: 700;
    font-family: montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif
}

.nav-section.nav-section-grid {
    padding: 15px;
    border-bottom:1px solid #efefef
}

.nav-section.nav-section-grid:last-child {
    padding-bottom: 0;
    border-bottom:0
}

.nav-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1px;
    margin-bottom:-1px
}

.nav-grid.clearfix:before {
    width:100%
}

.nav-grid.clearfix:after {
    width:100%
}

.nav-grid.col-3 .nav-grid-wrap {
    width:33.33333333%
}

.nav-grid.col-5 .nav-grid-wrap {
    width:20%
}

.nav-grid.col-6 .nav-grid-wrap {
    width:16.66666666%
}

.nav-grid.col-7 .nav-grid-wrap {
    width:14.28571428%
}

.nav-grid.col-8 .nav-grid-wrap {
    width:12.5%
}

.nav-grid.no-img {
    display: block;
    margin:0
}

.nav-grid.no-img .nav-grid-wrap {
    display: inline-block;
    margin-bottom: 15px;
    text-align: left;
    border:0
}

.nav-grid.no-img .nav-grid-wrap .nav-grid-title {
    display: inline;
    margin:0
}

.nav-grid.no-img .nav-grid-wrap a.nav-grid-link {
    display: inline;
    padding: 0;
    color:#555
}

.nav-grid.no-img .nav-grid-wrap a.nav-grid-link.nav-grid-link-collapse .fa {
    margin-right: 5px;
    color:#777
}

.nav-grid.no-img .nav-grid-wrap a.nav-grid-link.nav-grid-link-collapse .fa.fa-plus-circle:before {
    content: "\f056"
}

.nav-grid.no-img .nav-grid-wrap a.nav-grid-link.nav-grid-link-collapse span:after {
    content: '收起分类'
}

.nav-grid.no-img .nav-grid-wrap a.nav-grid-link.nav-grid-link-collapse.collapsed .fa.fa-plus-circle:before {
    content: "\f055"
}

.nav-grid.no-img .nav-grid-wrap a.nav-grid-link.nav-grid-link-collapse.collapsed span:after {
    content: '展开分类'
}

.nav-grid.no-img .nav-grid-wrap a.nav-grid-link:hover {
    font-weight: 700;
    background:0 0
}

.nav-grid.nav-feature .nav-grid-wrap {
    border-right:0
}

.nav-grid.nav-feature .nav-grid-wrap .nav-grid-link {
    padding:20px
}

.nav-grid.nav-feature .nav-grid-wrap .nav-grid-title {
    margin-bottom: 10px;
    font-size:18px
}

.nav-grid.nav-feature .nav-grid-wrap .nav-grid-info {
    color:#777
}

.nav-grid.nav-grid-collapse .collapsing, .nav-grid.nav-grid-collapse .collapse.in {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width:100%
}

.nav-grid.nav-grid-collapse .nav-grid-link-collapse {
    color:#777
}

.nav-grid.nav-grid-collapse .nav-grid-link-collapse .fa {
    margin-right:5px
}

.nav-grid.nav-grid-collapse .nav-grid-link-collapse .fa.fa-plus-circle:before {
    content: "\f056"
}

.nav-grid.nav-grid-collapse .nav-grid-link-collapse .nav-grid-title {
    margin: 0;
    padding:29px 0
}

.nav-grid.nav-grid-collapse .nav-grid-link-collapse span:after {
    content: '收起'
}

.nav-grid.nav-grid-collapse .nav-grid-link-collapse.collapsed span:after {
    content: '展开'
}

.nav-grid.nav-grid-collapse .nav-grid-link-collapse.collapsed .fa.fa-plus-circle:before {
    content: "\f055"
}

.nav-grid .nav-grid-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 25%;
    text-align: center;
    border-right: 1px solid #efefef;
    border-bottom:1px solid #efefef
}

.nav-grid .nav-grid-wrap ul {
    display: none;
    margin: 0;
    padding:0
}

.nav-grid .nav-grid-wrap ul li {
    float: left;
    margin: 10px 15px 0 0;
    list-style:none
}

.nav-grid .nav-grid-wrap ul li a {
    font-size:14px
}

.nav-grid .nav-grid-wrap .nav-grid-link {
    position: relative;
    display: block;
    padding:15px
}

.nav-grid .nav-grid-wrap .nav-grid-link.active .fa {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size:16px
}

.nav-grid .nav-grid-wrap .nav-grid-link .fa-check-circle {
    display: none;
    color:#80b518
}

.nav-grid .nav-grid-wrap .nav-grid-link .fa-times-circle {
    display: none;
    color: #999;
    cursor:pointer
}

.nav-grid .nav-grid-wrap .nav-grid-link .fa-times-circle:hover {
    color:#ff4646
}

.nav-grid .nav-grid-wrap a.nav-grid-link:hover {
    background:#efefef
}

.nav-grid .nav-grid-wrap .nav-grid-icon {
    margin:0 auto
}

.nav-grid .nav-grid-wrap .nav-grid-icon.nav-grid-img img {
    width: 100%;
    max-width:140px
}

.nav-grid .nav-grid-wrap .nav-grid-icon.nav-grid-photo img {
    width: 100%;
    max-width: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.nav-grid .nav-grid-wrap .nav-grid-title {
    margin-top:10px
}

.nav-grid .nav-grid-wrap .nav-grid-title .fa-question-circle {
    margin-left: 5px;
    color:#777
}

.nav-level {
    margin-left:-1px
}

.nav-level dl {
    margin-bottom: 0;
    width:100%
}

.nav-level dl dd {
    float: left;
    width:25%
}

.nav-level dl dd a {
    font-size: 16px;
    white-space:nowrap
}

.nav-level dl dd ul {
    margin: 0;
    padding:0
}

.nav-level dl dd ul li {
    float: left;
    margin: 10px 15px 0 0;
    list-style:none
}

.nav-level dl dd ul li a {
    font-size:14px
}

.nav-level dl.col-4 dd {
    border-left:1px solid #efefef
}

@media (max-width: 1199px) {
    .campaign-nav-menu .col-md-2.col-sm-2.col-xs-2 .campaign.campaign-nav-grid .campaign-wrap .campaign-title .icon-nav-square {
        margin:0 0 10px
    }

    .campaign-nav-menu .col-md-2.col-sm-2.col-xs-2 .campaign.campaign-nav-grid .campaign-wrap .campaign-title span {
        display: block;
        font-size:16px
    }
}

@media (max-width: 991px) {
    .campaign-nav-menu.equal .row .col-20-p .campaign-nav-grid .campaign-wrap {
        padding:20px 5px
    }

    .campaign-nav-menu.equal .row .col-20-p .campaign-nav-grid .campaign-title .icon-nav-square {
        margin:0 0 10px
    }

    .campaign-nav-menu.equal .row .col-20-p .campaign-nav-grid .campaign-title span {
        display: block;
        font-size: 16px;
        min-width:auto
    }

    .campaign-nav-menu .col-md-2.col-sm-2.col-xs-2 .campaign.campaign-nav-grid .campaign-wrap {
        padding:20px 0
    }

    .campaign-nav-menu .col-md-2.col-sm-2.col-xs-2 .campaign.campaign-nav-grid .campaign-wrap .campaign-title span {
        font-size: 13px;
        min-width:auto
    }

    .nav-section.nav-section-grid {
        padding: 15px;
        border-bottom:1px solid #efefef
    }

    .nav-section.nav-section-grid:last-child {
        padding: 15px;
        border-bottom:1px solid #efefef
    }

    .col-md-6:last-child .nav-section.nav-section-grid:last-child {
        padding-bottom: 0;
        border-bottom:0
    }

    .campaign-logos .campaign-logo {
        padding:10px 15px
    }

    .campaign-logos .campaign-logo img {
        max-height:36px
    }

    .campaign-logos .campaign-logo .campaign-logo-outer {
        height:36px
    }
}

@media (max-width: 768px) {
    .nav-grid.col-6 .nav-grid-wrap, .nav-grid.col-7 .nav-grid-wrap, .nav-grid.col-8 .nav-grid-wrap {
        width:25%
    }

    .nav-grid.col-5 .nav-grid-wrap {
        width:33.33333333%
    }

    .nav-grid.nav-feature .nav-grid-wrap {
        width:100%
    }

    .nav-grid.nav-feature .nav-grid-wrap .nav-grid-link {
        padding: 15px;
        text-align:left
    }

    .nav-grid.nav-feature .nav-grid-wrap .nav-grid-link .nav-grid-icon {
        float:left
    }

    .nav-grid.nav-feature .nav-grid-wrap .nav-grid-link .nav-grid-title {
        margin: 0 0 10px 75px;
        font-size:16px
    }

    .nav-grid.nav-feature .nav-grid-wrap .nav-grid-link .nav-grid-info {
        margin:0 0 0 75px
    }

    .campaign-nav-menu .col-md-4.col-sm-4.col-xs-6.is-wide {
        width:100%
    }

    .equal .row .col-md-4 {
        width:100%
    }
}

@media (max-width: 688px) {
    .campaign.campaign-nav-grid .campaign-wrap .campaign-title span {
        display: block;
        font-size:16px
    }

    .campaign.campaign-nav-grid .campaign-wrap .campaign-title .icon-nav-square {
        margin:0 0 10px
    }

    .campaign.campaign-nav-grid .campaign-wrap .campaign-title.has-block span {
        display:inline
    }

    .campaign.campaign-nav-grid .campaign-wrap .campaign-title.has-block .icon-nav-square {
        margin:0 10px 0 0
    }
}

@media (max-width: 640px) {
    .nav-grid.col-3.col-3-sm .nav-grid-wrap {
        width:50%
    }

    .campaign-nav-menu .campaign-nav-search {
        padding:12px 15px
    }

    .campaign-nav-menu .campaign-nav-search .campaign-nav-control {
        max-width:210px
    }

    .campaign-nav-menu .campaign-nav-search .campaign-nav-control label {
        font-size:20px
    }

    .campaign-nav-menu .campaign-nav-search .campaign-nav-control label .fa {
        position: relative;
        top: -2px;
        margin-right: 8px;
        font-size:18px
    }

    .campaign-nav-menu .campaign-nav-search .campaign-nav-control .form-control {
        height: 28px;
        font-size:20px
    }
}

@media (max-width: 560px) {
    .campaign.campaign-menu .campaign-lg > .campaign-title.campaign-collection-title span {
        height: 42px;
        line-height: 1.5;
        font-size:14px
    }

    .campaign-nav-menu-wrap {
        margin: 0;
        padding: 0;
        background:0 0
    }

    .campaign-nav-menu-wrap .campaign-nav-menu .swiper-tags {
        margin:0 15px
    }

    .campaign-nav-menu-wrap .campaign .campaign-header {
        background:#fff
    }

    .campaign-nav-menu.equal .row .col-20-p {
        padding:0
    }

    .campaign-nav-menu.equal .row .col-20-p .campaign-nav-grid .campaign-title span {
        font-size:14px
    }

    .nav-grid.col-s-6 .nav-grid-wrap {
        width:50%
    }

    .nav-section.nav-section-grid {
        padding:0
    }

    .nav-section.nav-section-grid:last-child {
        padding:0
    }

    .col-md-6:last-child .nav-section.nav-section-grid:last-child {
        margin-bottom:0
    }

    .campaign-nav-menu {
        padding-top:15px
    }

    .campaign-nav-menu.has-breadcrumb .campaign-breadcrumb {
        margin:15px
    }

    .campaign-nav-menu.has-nav-grid.has-breadcrumb .campaign-breadcrumb {
        margin-bottom:0
    }

    .campaign-nav-menu.has-nav-grid.has-breadcrumb .row {
        margin:0
    }

    .campaign-nav-menu.has-nav-grid.has-breadcrumb .row .campaign {
        margin-bottom:0
    }

    .campaign-nav-menu.no-bg.no-padding .row {
        margin: 0 0 15px;
        background:#fff
    }

    .campaign-nav-menu.no-bg.no-padding .row .campaign {
        margin:0
    }

    .campaign-nav-menu.no-bg.no-padding.no-margin .row {
        padding:15px 7.5px 0
    }

    .campaign-nav-menu.no-bg.no-padding.no-margin .row .campaign {
        margin-bottom:15px
    }

    .campaign-nav-menu.no-bg.no-padding.no-margin .row.no-bg {
        margin: 0;
        padding: 0 7.5px;
        background:0 0
    }

    .campaign-nav-menu.equal.no-bg.no-padding.no-margin .row.no-bg {
        padding:0 15px
    }

    .campaign-nav-menu .row {
        margin:0 7.5px
    }

    .campaign-nav-menu .col-md-3.col-sm-3.col-xs-6 {
        padding:0 7.5px
    }

    .campaign-nav-menu .col-md-4.col-sm-4.col-xs-6 {
        padding:0 7.5px
    }

    .campaign-nav-menu .col-md-4.col-sm-4.col-xs-6.is-wide {
        width:100%
    }

    .campaign-nav-menu .col-md-6.col-sm-6.col-xs-6 {
        padding:0 7.5px
    }

    .campaign-nav-menu .col-md-6.col-sm-6.col-xs-6.no-padding {
        padding:0
    }

    .campaign-nav-menu .col-md-3.col-sm-3.col-xs-3 .campaign-nav-grid, .campaign-nav-menu .col-md-4.col-sm-4.col-xs-4 .campaign-nav-grid, .campaign-nav-menu .col-md-6.col-sm-6.col-xs-6 .campaign-nav-grid {
        box-shadow:none
    }

    .campaign-nav-menu .col-md-3.col-sm-3.col-xs-3 .campaign-nav-grid .icon-nav-square, .campaign-nav-menu .col-md-4.col-sm-4.col-xs-4 .campaign-nav-grid .icon-nav-square, .campaign-nav-menu .col-md-6.col-sm-6.col-xs-6 .campaign-nav-grid .icon-nav-square {
        margin:0 0 10px
    }

    .campaign-nav-menu .col-md-3.col-sm-3.col-xs-3 .campaign-nav-grid .campaign-title span, .campaign-nav-menu .col-md-4.col-sm-4.col-xs-4 .campaign-nav-grid .campaign-title span, .campaign-nav-menu .col-md-6.col-sm-6.col-xs-6 .campaign-nav-grid .campaign-title span {
        display: block;
        font-size: 14px;
        min-width:auto
    }

    .campaign-nav-menu .campaign-nav-grid {
        box-shadow:none
    }

    .campaign-nav-menu .campaign-nav-grid .icon-nav-square {
        margin:0 0 10px
    }

    .campaign-nav-menu .campaign-nav-grid .campaign-title span {
        display: block;
        font-size:14px
    }

    .campaign-nav-menu .campaign-nav-grid .campaign-wrap:after {
        top:8px
    }

    .campaign-nav-menu .campaign.campaign-menu .campaign-lg .campaign-wrap {
        height:100px
    }

    .campaign-nav-menu .campaign.campaign-menu .campaign-lg .campaign-wrap .campaign-overlay {
        height:60%
    }

    .campaign-nav-menu .campaign-nav-search {
        margin:15px
    }

    .campaign-logos .campaign-logo img {
        max-height:24px
    }

    .campaign-logos .campaign-logo .campaign-logo-outer {
        height:24px
    }
}

@media (max-width: 375px) {
    .campaign.campaign-menu .campaign-lg > .campaign-title.campaign-collection-title span {
        height: 38px;
        font-size:13px
    }
}

@media (max-width: 360px) {
    .campaign-nav-menu .col-md-3.col-sm-3.col-xs-3 .campaign-nav-grid .campaign-title span, .campaign-nav-menu .col-md-4.col-sm-4.col-xs-4 .campaign-nav-grid .campaign-title span, .campaign-nav-menu .col-md-6.col-sm-6.col-xs-6 .campaign-nav-grid .campaign-title span {
        font-size:13px
    }

    .campaign-nav-menu.equal .row .col-20-p .campaign-nav-grid .campaign-title span {
        font-size:12px
    }

    .campaign-nav-menu .col-md-2.col-sm-2.col-xs-2 .campaign.campaign-nav-grid .campaign-wrap .campaign-title span {
        font-size:11px
    }
}

@media (max-width: 320px) {
    .campaign.campaign-menu .campaign-lg > .campaign-title.campaign-collection-title span {
        height: 36px;
        font-size:12px
    }
}

@media (min-width: 561px) {
    .swiper-menus .campaign-nav-menu, .campaign-section-footer .campaign-nav-menu {
        padding-top: 0;
        background:0 0
    }

    .campaign-section-education .campaign-tab {
        margin:0
    }

    .campaign-section-education .tab-pane {
        margin-bottom: 30px;
        padding: 30px;
        padding-bottom: 0;
        background:#fff
    }

    .campaign-section-education .tab-pane .campaign-nav-menu.no-bg.no-bg {
        background: 0 0;
        border:0
    }

    .campaign-section-education .tab-pane .campaign-nav-menu.no-bg.no-bg.no-padding .row .campaign {
        background:#f7f7f7
    }

    .campaign-section-education .tab-pane .campaign-offer.campaign-box .campaign-wrap .campaign-content {
        background:#f7f7f7
    }

    .campaign-section-education .tab-pane .campaign-offer.has-height .campaign-wrap {
        background:#f7f7f7
    }
}

.campaign-section-education .campaign-sticky {
    display:none
}

@media (max-width: 560px) {
    .campaign-section-education .affix {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index:99999
    }

    .campaign-section-education .campaign-affix-tab.affix + .campaign-sticky {
        display: block;
        margin-bottom: 15px;
        height:54px
    }
}

@media (min-width: 992px) {
    .campaign-nav-car .ca-embed-iframe {
        height:426px !important
    }
}

@media (min-width: 1200px) {
    .campaign-nav-car .ca-embed-iframe {
        height:606px !important
    }
}

@media (max-width: 991px) {
    .campaign-nav-car .campaign-header {
        display:none
    }
}

.item-notification .section-title {
    margin-bottom:30px
}

.item-notification .item-panel {
    margin-bottom: 0;
    padding:20px
}

.item-notification .my-notification {
    display: block;
    margin:0
}

.item-notification .my-notification .notification-list {
    padding:15px
}

.item-notification .my-notification .notification-list:first-child {
    border-top:0
}

.item-notification .item-pagination {
    margin-top:20px
}

.item-private-msg .my-notification .notification-list .notification-content {
    margin-right:70px
}

.item-private-msg .my-notification .notification-list .notification-content .notification-details {
    font-size:14px
}

.item-private-msg .item-private-msg-list {
    margin-bottom:30px
}

.item-private-msg .item-private-msg-list .item-avatar {
    float:left
}

.item-private-msg .item-private-msg-list .item-avatar a {
    border:2px solid #ddd
}

.item-private-msg .item-private-msg-list .item-private-msg-date {
    font-size: 12px;
    color: #777;
    text-align:center
}

.item-private-msg .item-private-msg-list .item-private-msg-content {
    position: relative;
    float: left;
    max-width: 220px;
    margin-left: 10px;
    padding: 10px 15px;
    background: #f7f7f7;
    border-radius:4px
}

.item-private-msg .item-private-msg-list .item-private-msg-content .arrow {
    position: absolute;
    left: -5px;
    top: 13px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right:5px solid #f7f7f7
}

.item-private-msg .item-private-msg-list.right .item-avatar {
    float:right
}

.item-private-msg .item-private-msg-list.right .item-private-msg-content {
    float: right;
    margin: 0 10px 0 0;
    color: #fff;
    background:#80b518
}

.item-private-msg .item-private-msg-list.right .item-private-msg-content .arrow {
    position: absolute;
    left: auto;
    right: -5px;
    top: 13px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 0;
    border-left:5px solid #80b518
}

.btn-notification {
    position:relative
}

.btn-notification .notification-badge {
    position: absolute;
    right: -6px;
    top: -6px;
    padding: 1px 3px 2px;
    min-width: 20px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: #ff4646;
    border-radius:100px
}

@media (max-width: 560px) {
    #notifications .item-panel {
        padding: 0;
        background:0 0
    }

    #notifications .notification-list {
        margin-bottom: 15px;
        background:#fff
    }
}

@media (max-width: 400px) {
    .item-notification .item-panel {
        padding:0
    }

    .item-private-msg .my-notification .notification-list .notification-action {
        display:none
    }

    .item-private-msg .my-notification .notification-list .notification-content {
        margin-right:0
    }

    .item-private-msg .my-notification .notification-list .notification-content .notification-date a {
        display:inline
    }
}

.item-pagination {
    height: 36px;
    text-align:center
}

.item-pagination ul {
    margin:0
}

.item-pagination ul li a, .item-pagination ul li span {
    color:#555
}

.item-pagination ul li a .icon, .item-pagination ul li span .icon {
    margin-top: 1px;
    margin-bottom:1px
}

.item-pagination ul li a:hover, .item-pagination ul li a:focus, .item-pagination ul li a.focus, .item-pagination ul li a.active {
    color: #555;
    border-color: #777;
    background:#fff
}

.item-pagination ul li:first-child a, .item-pagination ul li:first-child span {
    border-radius:100px 0 0 100px
}

.item-pagination ul li:last-child a, .item-pagination ul li:last-child span {
    border-radius:0 100px 100px 0
}

@media (max-width: 560px) {
    .item-list .col-md-8 .row .item-pagination {
        margin-bottom:15px
    }
}

.campaign-item-details .listing-details h1 {
    font-size:20px
}

.campaign-item-details .listing-details .listing-pane {
    padding:12px 15px
}

.campaign-item-details .listing-details .campaign-bullet {
    margin-top: 15px;
    padding-left:20px
}

.campaign-item-details .listing-details .campaign-bullet li {
    margin-top: 10px;
    list-style:circle
}

.campaign-item-details .campaign .campaign-image .swiper-slide a {
    padding-bottom:100%
}

.campaign-item-details .campaign .campaign-gallery {
    max-height: 77.19px;
    padding:0
}

.campaign-item-details .campaign .campaign-gallery .swiper-slide a {
    max-width: 77.19px;
    padding-bottom:100%
}

.campaign-items-title {
    padding-bottom: 12px;
    font-size: 20px;
    font-weight: 700;
    border-bottom:1px solid #efefef
}

.campaign-items {
    display: flex;
    flex-wrap:wrap
}

.campaign-items.col-4 .campaign-item {
    width:25%
}

.campaign-items.col-4 .campaign-item:nth-child(4n + 1) {
    border-left:0
}

.campaign-items.col-3 .campaign-item {
    width:33.33333333%
}

.campaign-items.col-3 .campaign-item:nth-child(3n + 1) {
    border-left:0
}

.campaign-items.campaign-items-sm {
    margin-top:10px
}

.campaign-items.campaign-items-sm .campaign-item {
    border: 0;
    padding: 10px;
    border-radius:4px
}

.campaign-items.campaign-items-sm .campaign-item .campaign-item-img {
    height:120px
}

.campaign-items.campaign-items-sm .campaign-item .campaign-item-img img {
    max-height:120px
}

.campaign-items.campaign-items-sm .campaign-item .campaign-item-desc {
    font-size:12px
}

.campaign-items.campaign-items-sm .campaign-item .campaign-item-price {
    margin:10px 0 5px
}

.campaign-items.campaign-items-sm .campaign-item .campaign-item-price .campaign-item-price-now {
    font-size:12px
}

.campaign-items.campaign-items-sm .campaign-item .campaign-item-price .campaign-item-price-was {
    margin-left: 5px;
    -webkit-transform: scale(.7);
    transform:scale(.9)
}

.campaign-items .campaign-item {
    position: relative;
    display: flex;
    padding: 15px;
    flex-direction: column;
    border-left: 1px solid #efefef;
    border-bottom:1px solid #efefef
}

.campaign-items .campaign-item:hover {
    box-shadow:0 0 10px rgba(0, 0, 0, .1)
}

.campaign-items .campaign-item .campaign-badge {
    position: absolute;
    left: 0;
    top:0
}

.campaign-items .campaign-item .campaign-badge.right {
    right: 0;
    left:auto
}

.campaign-items .campaign-item .campaign-item-img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 140px;
    box-sizing:border-box
}

.campaign-items .campaign-item .campaign-item-img img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height:140px
}

.campaign-items .campaign-item .campaign-item-desc {
    flex:1
}

.campaign-items .campaign-item .campaign-item-price {
    display: flex;
    margin: 12px 0 8px;
    align-items: center;
    font:700 12px montserrat
}

.campaign-items .campaign-item .campaign-item-price .campaign-item-price-now {
    color: #f60;
    font-size:14px
}

.campaign-items .campaign-item .campaign-item-price .campaign-item-price-was {
    margin-left: 8px;
    color: #777;
    font-weight: 400;
    text-decoration:line-through
}

.campaign-items .campaign-item .campaign-item-price .campaign-item-price-save {
    margin-left: 8px;
    color:#ff4646
}

.campaign-items .campaign-item .campaign-info.campaign-info-sm {
    margin-top: 8px;
    color: #777;
    font-size:12px
}

.campaign-items .campaign-item .campaign-info.campaign-info-sm div {
    display:inline-block
}

.campaign-items .campaign-item .campaign-info.campaign-info-sm div .fa {
    margin-right:5px
}

.campaign-cost.affix-top {
    position:static
}

.campaign-cost.affix {
    position: fixed;
    top: 0;
    right: auto;
    width: 360px;
    z-index:9998
}

.campaign-cost.affix-bottom {
    position: absolute;
    width:360px
}

.campaign-cost .radio {
    padding: 15px 15px 15px 35px;
    border-bottom:1px solid #efefef
}

.campaign-cost .radio label {
    display:block
}

.campaign-cost .radio p {
    margin: 10px 0 0;
    font-size: 13px;
    color:#777
}

.campaign-cost .radio .campaign-combo {
    padding: 0;
    border-bottom:0
}

.campaign-cost .radio .campaign-combo .campaign-price {
    margin-top:10px
}

.campaign-cost .campaign-combo {
    padding: 15px;
    border-bottom:1px solid #efefef
}

.campaign-cost .campaign-combo strong {
    display:block
}

.campaign-cost .campaign-combo .campaign-price {
    color: #f60;
    font: 700 18px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif
}

.campaign-cost .campaign-combo .campaign-price em {
    margin-left: 5px;
    margin-right: 5px;
    color: #777;
    font-size: 12px;
    font-style:normal
}

.campaign-cost .campaign-combo .btn-primary {
    display:none
}

.campaign-cost .campaign-bullet {
    margin: 15px 0 0;
    padding-left:18px
}

.campaign-cost .campaign-bullet li {
    margin-top: 10px;
    color: #777;
    font-size:12px
}

.campaign-cost .campaign-md {
    display:block
}

.campaign-cost .campaign-md .campaign-wrap {
    display: block;
    width:100%
}

.campaign-cost .form-inline {
    display:flex
}

.campaign-cost .form-inline .form-group {
    margin-right: 15px;
    margin-bottom:0
}

.campaign-cost .form-inline .form-group:last-child {
    flex: 1;
    margin-right:0
}

.campaign-cost .form-inline .input-group {
    display:table
}

.campaign-cost .form-inline .input-group .icon {
    margin:0
}

.campaign-cost .form-inline .input-group-addon {
    width: 1%;
    background-color: #eee;
    border:1px solid #eee
}

.campaign-cost .form-inline .form-control {
    border-width:1px
}

.campaign-cost .form-inline input.form-control {
    width:100%
}

.campaign-cost .btn {
    border-radius:4px
}

.campaign-cost .btn .fa {
    margin-left:8px
}

.campaign-cost .btn .fa:first-child {
    margin-left: 0;
    margin-right:8px
}

@media (max-width: 1199px) {
    .campaign-cost.affix {
        width:293.33px
    }

    .campaign-cost.affix-bottom {
        width:293.33px
    }
}

@media (max-width: 991px) {
    .campaign-cost.affix {
        width:720px
    }

    .campaign-cost.campaign-cost-static {
        position:static !important
    }

    .campaign-cost .campaign-cost-action {
        display:none
    }

    .campaign-cost .campaign-combo {
        position:relative
    }

    .campaign-cost .campaign-combo .btn-primary {
        display: block;
        position: absolute;
        top: 12px;
        right:10px
    }
}

@media (max-width: 767px) {
    .campaign-cost.affix {
        left: 15px;
        right: 15px;
        width:auto
    }

    .campaign-items.col-4 .campaign-item {
        width:50%
    }

    .campaign-items.col-4 .campaign-item:nth-child(3n + 1) {
        border-left:1px solid #efefef
    }

    .campaign-items.col-4 .campaign-item:nth-child(2n + 1) {
        border-left:0
    }

    .campaign-items.col-4.campaign-items-sm .campaign-item {
        width: 25%;
        border:0 !important
    }

    .campaign-items.campaign-items-sm {
        margin-left: -8px;
        margin-right:-8px
    }

    .campaign-items.campaign-items-sm .campaign-item {
        padding:0 8px
    }

    .campaign-items.campaign-items-sm .campaign-item:hover {
        box-shadow:none
    }

    .campaign-items.campaign-items-sm .campaign-item .campaign-badge-group {
        display:none
    }

    .campaign-items.campaign-items-sm .campaign-item .campaign-item-img {
        height:100px
    }

    .campaign-items.campaign-items-sm .campaign-item .campaign-item-img img {
        max-height:100px
    }

    .campaign-items.campaign-items-sm .campaign-item .campaign-item-desc {
        display:none
    }

    .campaign-items.campaign-items-sm .campaign-item .campaign-item-price {
        margin: 10px 0 0;
        justify-content:center
    }
}

@media (min-width: 561px) {
    .campaign-item-collapse {
        display: flex !important;
        flex: 1;
        flex-wrap: wrap;
        height:auto !important
    }

    .campaign-item-more {
        display:none !important
    }
}

@media (max-width: 640px) {
    .campaign-items.campaign-items-sm .campaign-item .campaign-item-price {
        display: block;
        text-align:center
    }

    .campaign-items.campaign-items-sm .campaign-item .campaign-item-price .campaign-item-price-was {
        margin:0
    }
}

@media (max-width: 560px) {
    .campaign-items.campaign-items-sm .campaign-item .campaign-item-img {
        height:80px
    }

    .campaign-items.campaign-items-sm .campaign-item .campaign-item-img img {
        max-height:80px
    }

    .campaign-items .campaign-item-collapse.collapse {
        display:none
    }

    .campaign-items .campaign-item-collapse.collapse.in {
        display: flex;
        flex: 1;
        flex-wrap:wrap
    }

    .campaign-items .campaign-item-collapse.collapsing {
        display: flex;
        flex: 1;
        flex-wrap: wrap;
        transition:none
    }

    .campaign-item-more {
        margin: 0 0 15px;
        text-align:center
    }

    .campaign-item-more .btn {
        cursor:pointer
    }

    .campaign-item-more .btn .fa {
        margin-right:5px
    }

    .campaign-item-more .btn .fa:before {
        content: '\f102'
    }

    .campaign-item-more .btn:after {
        font: normal normal normal 14px/1 FontAwesome;
        content: '收起全部'
    }

    .campaign-item-more .btn.collapsed .fa:before {
        content: '\f103'
    }

    .campaign-item-more .btn.collapsed:after {
        font: normal normal normal 14px/1 FontAwesome;
        content: '展开全部'
    }

    .campaign-cost.affix {
        left: 0;
        right:0
    }

    .campaign-items-title {
        font-size:16px
    }
}

@media (max-width: 375px) {
    .campaign-items.campaign-items-sm .campaign-item .campaign-item-img {
        height:60px
    }

    .campaign-items.campaign-items-sm .campaign-item .campaign-item-img img {
        max-height:60px
    }
}

#nprogress .bar {
    background:#bada55
}

.rental-kx .logo-kx {
    padding:10px 0
}

.rental-kx .logo-kx img {
    display: block;
    height:46px
}

.rental-kx .header-kx {
    position: relative;
    z-index: 600;
    background: #fff;
    -ms-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .05);
    -o-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .05);
    box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .05);
    background-clip:content-box
}

.rental-kx .footer-kx {
    padding: 15px;
    color: #aaa;
    font-size: 12px;
    text-align: center;
    background:#222
}

.rental-kx .footer-kx a {
    color:#aaa
}

.rental-kx .footer-kx a:hover {
    color:#fff
}

.rental-kx .rental-kx-wrap .campaign .campaign-wrap {
    border-bottom:0
}

.rental-kx .rental-kx-wrap .campaign .campaign-wrap p:last-child {
    margin-bottom:0
}

.rental-kx .campaign-hero h1 {
    color:#fff !important
}

.rental-kx .campaign-hero .campaign-form .btn-lg {
    background-color: #f60;
    border-color:#f60
}

.rental-kx .campaign .campaign-offer .campaign-intro {
    line-height:1.8
}

.rental-kx .campaign .btn-primary {
    background-color: #f60;
    border-color:#f60
}

.rental-kx .campaign-step .campaign-step-wrap .campaign-step-title.active {
    border-color:#333
}

.campaign-rental {
    margin:0
}

.campaign-rental .tooltip-inner {
    max-width: 300px;
    width: 300px;
    text-align:left
}

.campaign-rental .tooltip-inner ul, .campaign-rental .tooltip-inner ol {
    margin: 0 2px 7px;
    padding-left:18px
}

.campaign-rental .tooltip-inner ul li, .campaign-rental .tooltip-inner ol li {
    margin-top:7px
}

.campaign-rental .campaign-sticky {
    display:none
}

.campaign-rental .campaign-next {
    display:none
}

.campaign-rental .campaign-rental-summary .campaign-rental-label {
    margin-bottom: 5px;
    font-weight:700
}

.campaign-rental .campaign-rental-summary .campaign-rental-info div {
    display: inline-block;
    margin:5px 30px 0 0
}

.campaign-rental .campaign-rental-summary .campaign-rental-info div .fa {
    margin-right:8px
}

.campaign-rental .campaign-rental-summary .campaign-rental-info div:last-child {
    margin-right:0
}

.campaign-rental .campaign-rental-summary .campaign-rental-info.campaign-rental-info-sm {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #efefef;
    font-size: 12px;
    color:#777
}

.campaign-rental .campaign-rental-summary .campaign-rental-info.campaign-rental-info-sm a {
    color:#777
}

.campaign-rental .campaign-rental-summary .campaign-rental-info.campaign-rental-info-sm a:hover {
    color:#333
}

.campaign-rental .campaign-rental-summary .campaign-rental-info.campaign-rental-info-sm .campaign-info {
    margin-top:0
}

.campaign-rental .campaign-rental-summary .campaign-rental-action {
    vertical-align:middle
}

.campaign-rental .campaign-rental-summary .campaign-rental-action .btn {
    border-radius:4px
}

.campaign-rental .campaign-rental-summary .campaign-rental-action .btn .fa {
    margin-right:5px
}

.campaign-rental .campaign-rental-extra .checkbox {
    margin: 0 15px;
    padding: 15px 0 15px 20px;
    border-bottom:1px solid #efefef
}

.campaign-rental .campaign-rental-extra .checkbox:last-child {
    border-bottom:0
}

.campaign-rental .campaign-rental-extra .checkbox.checkbox-selected {
    padding-left:0
}

.campaign-rental .campaign-rental-extra .checkbox.checkbox-selected label {
    padding-left:0
}

.campaign-rental .campaign-rental-extra .checkbox.checkbox-selected label:before {
    display:none
}

.campaign-rental .campaign-rental-extra .checkbox label p {
    margin: 5px 0 0;
    color: #777;
    font-size:12px
}

.campaign-rental .campaign-rental-extra .checkbox label .campaign-price {
    display: inline-block;
    margin-left: 5px;
    color: #f60;
    font: 700 14px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif
}

.campaign-rental .campaign-rental-extra .checkbox label .campaign-price em {
    margin-left: 5px;
    margin-right: 5px;
    color: #777;
    font-size: 12px;
    font-style:normal
}

.campaign-rental .campaign-rental-extra .checkbox .input-group {
    position: relative;
    float: right;
    width:105px
}

.campaign-rental .campaign-rental-extra .checkbox .input-group .form-control {
    margin: 0;
    border-width:1px
}

.campaign-rental .campaign-rental-extra .checkbox .input-group .form-control::-webkit-outer-spin-button, .campaign-rental .campaign-rental-extra .checkbox .input-group .form-control::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin:0
}

.campaign-rental .campaign-rental-extra .checkbox .input-group .input-group-addon {
    width: 30px;
    font: 700 14px montserrat;
    background:#eee
}

.campaign-rental .campaign .campaign-header .pull-right .btn {
    margin: 10px 10px 0 0;
    border-radius:4px
}

.campaign-rental .campaign .campaign-header .pull-right .btn .fa {
    margin-right:5px
}

.campaign-rental .campaign-hero {
    padding: 60px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center
}

.campaign-rental .campaign-hero h1 {
    margin: 0 0 60px;
    color: #fff;
    font: 700 42px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif;
    text-align: center;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    letter-spacing:10px
}

.campaign-rental .campaign-hero .campaign-find {
    position: relative;
    margin: 0 auto;
    padding: 0;
    float: none;
    background:0 0
}

.campaign-rental .campaign-hero .campaign-find:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: .6;
    z-index:9
}

.campaign-rental .campaign-form label .fa-question-circle {
    margin-left: 5px;
    color:#777
}

.campaign-rental .campaign-form.campaign-form-no-border {
    position: relative;
    background: 0 0;
    z-index:99
}

.campaign-rental .campaign-form.campaign-form-no-border .input-group .icon {
    margin-top:0
}

.campaign-rental .campaign-form.campaign-form-no-border .input-group-addon, .campaign-rental .campaign-form.campaign-form-no-border .form-control {
    border-radius: 0;
    border:0
}

.campaign-rental .campaign-form.campaign-form-no-border .input-group-addon {
    background:#efefef
}

.campaign-rental .campaign-form.campaign-form-no-border .btn-lg {
    font-size: 18px;
    font-weight: 700;
    border-radius:4px
}

.campaign-rental .campaign-form.campaign-form-no-border .btn-lg .fa {
    margin-right:10px
}

.campaign-rental-total.affix-top {
    position:static
}

.campaign-rental-total.affix {
    position: fixed;
    top: 0;
    right: auto;
    width: 360px;
    z-index:99999
}

.campaign-rental-total.affix-bottom {
    position: absolute;
    width:360px
}

.campaign-rental-total .campaign-header .campaign-price {
    display: none;
    float: left;
    margin: 13px 0 0 15px;
    color: #f60;
    font: 700 18px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif
}

.campaign-rental-total .campaign-header .campaign-price .fa {
    margin-left: 8px;
    font-size: 20px;
    color:#777
}

.campaign-rental-total .campaign-header .campaign-price .fa:before {
    content: "\f107"
}

.campaign-rental-total .campaign-header .btn {
    display: none;
    margin: 10px 10px 0 0;
    border-radius:4px
}

.campaign-rental-total .campaign-header .btn .fa {
    margin-left:8px
}

.campaign-rental-total .campaign-md .campaign-wrap {
    width:100%
}

.campaign-price-list .payment-btn {
    margin-bottom:.5rem
}

.campaign-price-list .stripe-button-el {
    width: 100%;
    padding: 0;
    box-shadow: none;
    border:1px solid #80b518
}

.campaign-price-list .stripe-button-el span {
    padding: 9px 18px;
    height: auto;
    line-height: 1.4;
    background: #80b518;
    background-image: none;
    font-size: 16px;
    font-weight: 400;
    font-family: system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif;
    text-shadow: none;
    box-shadow: none;
    border-radius:0
}

.campaign-price-list .campaign-price {
    margin-top: 0 !important;
    margin-bottom: 15px;
    color: #333 !important;
    font-size: 14px !important;
    font-weight:400 !important
}

.campaign-price-list .campaign-price .pull-right {
    font: 700 14px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif
}

.campaign-price-list .campaign-price.campaign-total .pull-right {
    color: #f60;
    font-size:18px
}

.campaign-price-list .campaign-price:last-child {
    margin-bottom:0
}

.campaign-price-list .btn {
    border-radius:4px
}

.campaign-price-list .btn .fa {
    margin-left:8px
}

.campaign-price-list .campaign-bullet {
    margin: 15px 0 0;
    padding-left:18px
}

.campaign-price-list .campaign-bullet li {
    margin-top: 10px;
    color: #777;
    font-size:12px
}

@media (max-width: 1199px) {
    .campaign-rental-total.affix {
        width:293.33px
    }

    .campaign-rental-total.affix-bottom {
        width:293.33px
    }
}

@media (min-width: 992px) {
    .campaign.campaign-rental-total .campaign-md .campaign-wrap {
        display:block !important
    }
}

@media (max-width: 991px) {
    .campaign-rental .campaign-next {
        display:block
    }

    .campaign.campaign-rental-total .campaign-header .campaign-price {
        display: block;
        margin-right: 0;
        font-size:16px
    }

    .campaign.campaign-rental-total .campaign-header .btn {
        display:block
    }

    .campaign.campaign-rental-total.open .campaign-header .campaign-price .fa:before {
        content: "\f106"
    }

    .campaign.campaign-rental-total.open .campaign-header .btn {
        display:none
    }

    .campaign.campaign-rental-total .campaign-md .campaign-wrap {
        display:none
    }

    .campaign.campaign-rental-total.affix {
        width:720px
    }
}

@media (max-width: 767px) {
    .campaign.campaign-rental-total.affix {
        left: 15px;
        right: 15px;
        width:auto
    }
}

@media (max-width: 560px) {
    .rental-kx .logo-kx {
        padding:10px
    }

    .rental-kx .logo-kx img {
        height:36px
    }

    .rental-kx .campaign-rental .campaign-hero {
        padding:0
    }

    .rental-kx .campaign-rental .campaign-hero h1 {
        display:none
    }

    .campaign-rental .campaign-hero {
        padding:0
    }

    .campaign-rental .campaign-hero h1 {
        display: none;
        margin-bottom: 15px;
        font-size:24px
    }

    .campaign.campaign-rental-total.affix {
        left: 0;
        right:0
    }

    .campaign-rental-total.affix + .campaign-sticky {
        display: block;
        height:66px
    }
}

.img-responsive + figcaption {
    margin-top: 5px;
    color: #777;
    font-size: 13px;
    font-style:normal
}

iframe.has-shadow {
    box-shadow:0 0 10px rgba(0, 0, 0, .1)
}

.campaign-reviews .col-md-9.col-md-pull-3 > .campaign {
    overflow:visible
}

.campaign-reviews .campaign-section-lg {
    padding-top:50px
}

.campaign-reviews .campaign-hero {
    text-align:center
}

.campaign-reviews .campaign-hero.no-bg .campaign-banner {
    padding: 30px 0;
    background-image: none !important;
    background:#fff !important
}

.campaign-reviews .campaign-hero.no-bg .campaign-banner h1 {
    color: #333;
    text-shadow: none;
    letter-spacing:3px
}

.campaign-reviews .campaign-hero.no-bg .campaign-banner .campaign-desc {
    color:#333
}

.campaign-reviews .campaign-hero.no-bg .campaign-banner .campaign-info {
    margin: 20px 0 30px;
    color:#fff
}

.campaign-reviews .campaign-hero.no-bg .campaign-banner .campaign-info:after {
    opacity:1
}

.campaign-reviews .campaign-hero.no-bg .campaign-banner .campaign-overlay {
    display:none
}

.campaign-reviews .campaign-hero .campaign-banner {
    padding: 60px 0;
    height: auto;
    overflow:hidden
}

.campaign-reviews .campaign-hero .campaign-banner h1 {
    margin:0
}

.campaign-reviews .campaign-hero .campaign-banner .campaign-wechat-banner {
    position: absolute;
    left: 0;
    top:1000px
}

.campaign-reviews .campaign-hero .campaign-banner .campaign-overlay {
    height:100%
}

.campaign-reviews .campaign-hero .campaign-info {
    position: relative;
    display: inline-block;
    margin: 30px 0 40px;
    padding: 6px 12px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    z-index:1
}

.campaign-reviews .campaign-hero .campaign-info:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #80b518;
    opacity: .7;
    z-index: -1;
    border-radius:2px
}

.campaign-reviews .campaign-hero .campaign-info .fa {
    margin-right:8px
}

.campaign-reviews .campaign-hero .campaign-desc {
    color: #fff;
    font-size: 16px;
    text-align: justify;
    line-height:1.8
}

.campaign-reviews .campaign-hero .campaign-hero-actions {
    padding:15px
}

.campaign-reviews .campaign-hero .campaign-hero-actions .my-share .btn {
    margin-right:10px
}

.campaign-reviews .campaign-nav-menu.no-bg {
    background: #fff;
    border:0
}

.campaign-reviews .campaign-pane {
    margin-bottom: 50px;
    padding:0
}

.campaign-reviews .campaign-contact-us .campaign-header {
    background:#f7f7f7
}

.campaign-reviews .campaign-offer .campaign-wrap {
    border:1px solid #efefef
}

.campaign-reviews .campaign-offer + .campaign-offer .campaign-wrap {
    border-top:0
}

.campaign-reviews .campaign-article a.campaign-map-link {
    color: #009eff;
    border-bottom:1px dotted #ccc
}

.campaign-reviews .campaign-article a.campaign-map-link .fa {
    margin-right:5px
}

.campaign-reviews .campaign-article a.campaign-map-link:hover {
    border-bottom:1px solid #009eff
}

.campaign-reviews .campaign-article h2 {
    margin: 0 0 30px;
    font: 700 32px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif;
    line-height: 1.6;
    text-align:center
}

.campaign-reviews .campaign-article h2:after {
    display: block;
    margin: 10px auto 0;
    content: ' ';
    width: 30px;
    height: 3px;
    background:#00bdff
}

.campaign-reviews .campaign-article h3 {
    margin: 0 0 30px;
    font: 700 24px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif;
    line-height:1.6
}

.campaign-reviews .campaign-article h3 span {
    color: #777;
    font-size:80%
}

.campaign-reviews .campaign-article h3.has-num span {
    position: relative;
    top: -1px;
    display: inline-block;
    margin-right:15px
}

.campaign-reviews .campaign-article h3.has-num span em {
    position: relative;
    display: block;
    padding: 2px 15px;
    color: #fff;
    font-style: normal;
    z-index:9
}

.campaign-reviews .campaign-article h3.has-num span:before {
    content: " ";
    position: absolute;
    z-index: 1;
    top: 0;
    width: 60%;
    height: 100%;
    background: #333;
    border-radius:4px
}

.campaign-reviews .campaign-article h3.has-num span:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 10px;
    width: 80%;
    height: 100%;
    background: #333;
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    transform: skew(20deg);
    z-index: 1;
    border-radius:4px
}

.campaign-reviews .campaign-article ul, .campaign-reviews .campaign-article ol {
    margin: 0 0 30px;
    padding:0
}

.campaign-reviews .campaign-article ul li, .campaign-reviews .campaign-article ol li {
    margin: 0 0 20px 20px;
    font-size: 16px;
    line-height: 1.8;
    text-align:justify
}

.campaign-reviews .campaign-article p {
    text-align:justify
}

.campaign-reviews .campaign-article p:last-child {
    margin-bottom:30px
}

.campaign-reviews .campaign-article .campaign-paragraph {
    padding-bottom: 30px;
    zoom:1
}

.campaign-reviews .campaign-article .campaign-paragraph:last-child {
    padding-bottom:0
}

.campaign-reviews .campaign-article .campaign-paragraph:after {
    content: ' ';
    display: table;
    clear:both
}

.campaign-reviews .campaign-article .campaign-paragraph .campaign.has-border {
    margin-bottom: 0;
    border: 1px solid #efefef;
    border-bottom:0
}

.campaign-reviews .campaign-article .campaign-paragraph .campaign.has-border .campaign-header {
    background:#f7f7f7
}

.campaign-reviews .campaign-article .campaign-table {
    margin-bottom: 30px;
    font-size: 16px;
    border: 1px solid #efefef;
    border-bottom:0
}

.campaign-reviews .campaign-article .campaign-table.campaign-table-static .campaign-table-row .campaign-table-label:after {
    display:none
}

.campaign-reviews .campaign-article .campaign-table .campaign-table-row {
    display:flex
}

.campaign-reviews .campaign-article .campaign-table .campaign-table-row .campaign-table-label {
    padding: 15px;
    width: 25%;
    font-weight: 700;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    background: #f7f7f7;
    line-height:1.8
}

.campaign-reviews .campaign-article .campaign-table .campaign-table-row .campaign-table-label span {
    color: #777;
    font-size:80%
}

.campaign-reviews .campaign-article .campaign-table .campaign-table-row .campaign-table-cell {
    flex: 1;
    padding: 15px;
    border-bottom: 1px solid #efefef;
    text-align: justify;
    line-height:1.8
}

.campaign-reviews .campaign-article .campaign-table .campaign-table-row .campaign-table-cell ul:last-child {
    margin:0
}

.campaign-reviews .campaign-article .campaign-table .campaign-table-row .campaign-table-cell ul li:last-child {
    margin-bottom:0
}

.campaign-reviews .campaign-article .campaign-table .campaign-table-row .campaign-table-cell p:last-child {
    margin-bottom:0
}

.campaign-reviews .campaign-guide {
    margin-bottom: 30px;
    border: 0;
    background:#f7f7f7
}

.campaign-reviews .campaign-guide .campaign-catalog {
    display:none
}

.campaign-reviews .campaign-guide .campaign-catalog .nav {
    display:none
}

.campaign-reviews .campaign-guide .nav li {
    border-bottom:1px solid #efefef
}

.campaign-reviews .campaign-guide .nav li a {
    padding: 15px;
    font-size:16px
}

.campaign-reviews .campaign-guide .nav li a:hover, .campaign-reviews .campaign-guide .nav li a:focus {
    background:0 0
}

.campaign-reviews .campaign-guide .nav li .nav {
    display:none
}

.campaign-reviews .campaign-guide .nav li .nav li {
    border-bottom:0
}

.campaign-reviews .campaign-guide .nav li.active a {
    font-weight:700
}

.campaign-reviews .campaign-guide .nav li.active .nav {
    display: block;
    margin: 0 0 0 20px;
    padding: 0;
    list-style:circle
}

.campaign-reviews .campaign-guide .nav li.active .nav li {
    display: list-item;
    margin:0 15px 15px
}

.campaign-reviews .campaign-guide .nav li.active .nav li.active a {
    font-weight:700
}

.campaign-reviews .campaign-guide .nav li.active .nav li a {
    padding: 0;
    font-size: 14px;
    font-weight:400
}

.campaign-reviews .campaign-guide .nav li.active .nav li a span {
    display: block;
    color:#777
}

.campaign-reviews .campaign-guide .nav li.active ol.nav {
    list-style:decimal
}

.campaign-reviews .campaign-tips {
    clear: both;
    border-left: 5px solid #efefef;
    text-align: justify;
    line-height:1.8
}

.campaign-reviews .campaign-tips.margin-top {
    margin-top:15px
}

.campaign-reviews .campaign-tips.blue {
    border-left-color:#00bdff
}

.campaign-reviews .campaign-tips.blue.dark {
    background:#00bdff
}

.campaign-reviews .campaign-tips.blue.light {
    background:rgba(0, 189, 255, .2)
}

.campaign-reviews .campaign-tips.green {
    border-left-color:#80b518
}

.campaign-reviews .campaign-tips.green.dark {
    background:#80b518
}

.campaign-reviews .campaign-tips.green.light {
    background:rgba(128, 181, 24, .2)
}

.campaign-reviews .campaign-tips.orange {
    border-left-color:#f60
}

.campaign-reviews .campaign-tips.orange.dark {
    background:#f60
}

.campaign-reviews .campaign-tips.orange.light {
    background:rgba(255, 102, 0, .2)
}

.campaign-reviews .campaign-tips.red {
    border-left-color:#ff4646
}

.campaign-reviews .campaign-tips.red.dark {
    background:#ff4646
}

.campaign-reviews .campaign-tips.red.light {
    background:rgba(255, 70, 70, .2)
}

.campaign-reviews .campaign-tips.dark {
    color: #fff;
    border: 0;
    border-radius:0 4px 4px 0
}

.campaign-reviews .campaign-tips.dark .campaign-wrap {
    border:0
}

.campaign-reviews .campaign-tips.dark .campaign-md .campaign-wrap .icon-wrap {
    width: 24px;
    height:24px
}

.campaign-reviews .campaign-tips.dark .campaign-md .campaign-wrap .icon-wrap .icon {
    margin-top:4px
}

.campaign-reviews .campaign-tips.dark a {
    color: #fff;
    border-bottom:1px dotted #fff
}

.campaign-reviews .campaign-tips.dark a:hover {
    border-bottom:1px solid #fff
}

.campaign-reviews .campaign-tips.light {
    border-radius:0 4px 4px 0
}

.campaign-reviews .campaign-tips.light .campaign-wrap {
    border:0
}

.campaign-reviews .campaign-tips.light .campaign-md .campaign-wrap .icon-wrap {
    background:0 0
}

.campaign-reviews .campaign-tips a {
    color: #009eff;
    border-bottom:1px dotted #ccc
}

.campaign-reviews .campaign-tips a:hover {
    border-bottom:1px solid #009eff
}

.campaign-reviews .campaign-tips .campaign-wrap {
    border-top: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-radius:0 4px 4px 0
}

.campaign-reviews .campaign-tips .campaign-wrap .icon-wrap {
    margin-top:4px
}

.campaign-reviews .campaign-tips .campaign-wrap ul:last-child, .campaign-reviews .campaign-tips .campaign-wrap ol:last-child {
    margin-bottom:0
}

.campaign-reviews .campaign-tips .campaign-wrap ul li, .campaign-reviews .campaign-tips .campaign-wrap ol li {
    margin: 10px 0 0 20px;
    font-size:14px
}

.campaign-reviews .campaign-item-related {
    float: right;
    width: 45%;
    border: 1px solid #efefef;
    border-bottom:0
}

.campaign-reviews .campaign-item-related.pull-left {
    margin:5px 30px 30px 0
}

.campaign-reviews .campaign-item-related.pull-right {
    margin:5px 0 30px 30px
}

.campaign-reviews .campaign-item-related.block {
    display: block;
    float: none;
    width:auto
}

.campaign-reviews .campaign-item-related .campaign-header {
    background:#f7f7f7
}

.campaign-reviews .campaign-item-related .campaign-item-img {
    float: left;
    width:100px
}

.campaign-reviews .campaign-item-related .campaign-item-img img {
    width:100%
}

.campaign-reviews .campaign-item-related .campaign-item-title {
    margin-left: 115px;
    margin-bottom: 10px;
    font: 700 16px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif
}

.campaign-reviews .campaign-item-related .campaign-item-promo {
    margin-left: 115px;
    margin-bottom:10px
}

.campaign-reviews .campaign-item-related .campaign-item-promo strong {
    color:#80b518
}

.campaign-reviews .campaign-item-related .campaign-item-desc {
    margin-left: 115px;
    margin-bottom: 10px;
    color:#777
}

.campaign-reviews .campaign-item-related .campaign-item-info {
    margin-left: 115px;
    margin-top: 10px;
    color:#777
}

.campaign-reviews .campaign-item-related .campaign-item-comment {
    clear: both;
    margin-top: 15px;
    padding-top: 15px;
    color: #555;
    line-height: 1.8;
    border-top: 1px solid #efefef;
    text-align:justify
}

.campaign-reviews .campaign-item-related .campaign-item-comment ul.has-check {
    margin-bottom: 0;
    list-style:none
}

.campaign-reviews .campaign-item-related .campaign-item-comment ul.has-check li {
    position: relative;
    margin-bottom:10px
}

.campaign-reviews .campaign-item-related .campaign-item-comment ul.has-check li:before {
    position: absolute;
    left: -20px;
    top: 6px;
    color: #80b518;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f058"
}

.campaign-reviews .campaign-item-related .campaign-item-comment ul.has-check + ul.has-cross {
    margin-top:15px
}

.campaign-reviews .campaign-item-related .campaign-item-comment ul.has-cross {
    margin-bottom: 0;
    list-style:none
}

.campaign-reviews .campaign-item-related .campaign-item-comment ul.has-cross li {
    position: relative;
    margin-bottom:10px
}

.campaign-reviews .campaign-item-related .campaign-item-comment ul.has-cross li:before {
    position: absolute;
    left: -20px;
    top: 6px;
    color: #ff4646;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f057"
}

.campaign-reviews .campaign-item-related .campaign-item-comment ul.no-bullet {
    margin-bottom: 0;
    list-style:none
}

.campaign-reviews .campaign-item-related .campaign-item-comment ul.no-bullet li {
    margin-left: 0;
    position: relative;
    margin-bottom:10px
}

.campaign-reviews .campaign-item-related .campaign-item-comment ul li {
    margin-bottom: 15px;
    font-size: 14px;
    text-align:left
}

.campaign-reviews .campaign-item-related .campaign-item-comment ul li:last-child {
    margin-bottom:0
}

.campaign-reviews .campaign-item-related .campaign-item-action {
    margin-left:115px
}

.campaign-reviews .campaign-item-related .campaign-item-action .btn {
    border-radius:4px
}

.campaign-reviews .campaign-faq:last-child {
    margin-bottom:0
}

.campaign-reviews .campaign-faq .campaign-faq-q {
    padding: 15px;
    font-size: 16px;
    font-weight: 700;
    background:#f7f7f7
}

.campaign-reviews .campaign-faq .campaign-faq-q:before {
    content: 'Q';
    margin-right: 10px;
    padding: 2px 5px;
    border-radius: 3px;
    color: #fff;
    background: #80b518;
    font:700 14px montserrat
}

.campaign-reviews .campaign-faq .campaign-faq-a {
    padding: 15px;
    border: 1px solid #efefef;
    border-top:0
}

.campaign-reviews .campaign-faq .campaign-faq-a p:last-child {
    margin-bottom:0
}

.campaign-reviews .campaign-faq .campaign-faq-a .campaign-tips:last-child {
    margin-bottom:0
}

.campaign-card .campaign-md .campaign-wrap {
    background:#f7f7f7
}

.campaign-card .campaign-md .campaign-wrap .campaign-content {
    margin-right:0
}

.campaign-card .campaign-md .campaign-wrap .campaign-info {
    margin:0
}

.campaign-attraction {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    border-radius:4px
}

.campaign-attraction .campaign-offer .campaign-wrap {
    border:0
}

.campaign-attraction .campaign-offer .campaign-wrap .campaign-content {
    margin:0
}

.campaign-attraction .campaign-offer .campaign-wrap .campaign-aside {
    float: right;
    margin:0 0 0 15px
}

.campaign-attraction .campaign-offer .campaign-wrap .campaign-aside .campaign-img.campaign-photo a {
    width: 240px;
    height:180px
}

.campaign-attraction .campaign-offer .campaign-wrap .campaign-aside .campaign-img.campaign-photo.is-logo a {
    background-size:100%
}

.campaign-attraction .campaign-offer .campaign-wrap .campaign-action .btn {
    border-radius:4px
}

.campaign-attraction .campaign-offer .campaign-wrap .campaign-action .campaign-action-btn {
    display: inline-block;
    margin-right: 20px;
    color:#777
}

.campaign-attraction .campaign-offer .campaign-wrap .campaign-action .campaign-action-btn:last-child {
    margin-right:0
}

.campaign-attraction .campaign-offer .campaign-wrap .campaign-action .campaign-action-btn .btn {
    display: block;
    margin-top:5px
}

.campaign-attraction .campaign-offer .campaign-wrap .campaign-info-list ul {
    margin: 15px 255px 15px 0;
    padding-top: 15px;
    border-top: 1px solid #efefef;
    list-style:none
}

.campaign-attraction .campaign-offer .campaign-wrap .campaign-info-list ul li {
    margin: 0 0 10px;
    font-size: 14px;
    text-align:left
}

.campaign-attraction .campaign-offer .campaign-wrap .campaign-desc h6.text-overflow {
    margin-right:255px
}

.campaign-attraction .campaign-offer .campaign-wrap .campaign-desc h6.text-overflow em {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 10px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    text-align: center;
    background: #00bdff;
    border-radius: 24px;
    text-decoration:none
}

.campaign-attraction .campaign-offer .campaign-wrap .campaign-desc .campaign-intro {
    margin: 0;
    max-height:none
}

.campaign-attraction .campaign-offer .campaign-wrap .campaign-desc .campaign-intro p {
    margin-bottom: 15px;
    font-size:14px
}

.campaign-attraction .campaign-offer .campaign-wrap .campaign-desc .campaign-intro p:last-child {
    margin-bottom:0
}

.campaign-compare {
    display: flex;
    flex-flow:row wrap
}

.campaign-compare .campaign-item {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 20px;
    width: 20%;
    border-left: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    box-sizing:border-box
}

.campaign-compare .campaign-item:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    cursor:pointer
}

.campaign-compare .campaign-item .campaign-badge {
    position: absolute;
    top: 0;
    right:0
}

.campaign-compare .campaign-item .campaign-item-img {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 160px;
    box-sizing:border-box
}

.campaign-compare .campaign-item .campaign-item-img img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height:160px
}

.campaign-compare .campaign-item .campaign-item-brand {
    margin: 15px 0 5px;
    font: 700 18px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden
}

.campaign-compare .campaign-item .campaign-item-title {
    height: 56px;
    color: #777;
    font: 500 14px/1.4 "Montserrat", system, -apple-system, ".SFNSDisplay-Regular", "Open Sans", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "WenQuanYi Micro Hei", "Microsoft YaHei", "微软雅黑", "STHeiti", sans-serif;
    text-align: center;
    overflow:hidden
}

.campaign-compare .campaign-item .campaign-item-price {
    margin-top: 5px;
    color: #f60;
    font: 700 16px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden
}

.campaign-compare .campaign-item .campaign-item-action {
    margin-top: 15px;
    text-align:center
}

.campaign-compare .campaign-item .campaign-item-action .btn {
    margin: 0 auto;
    border-radius:4px
}

.campaign-compare .campaign-item .campaign-item-comment {
    margin-top: 15px;
    padding-top: 15px;
    color: #555;
    line-height: 1.8;
    border-top: 1px solid #efefef;
    text-align:justify
}

.campaign-compare .campaign-item .campaign-item-comment ul.has-check {
    margin-bottom: 0;
    list-style:none
}

.campaign-compare .campaign-item .campaign-item-comment ul.has-check li {
    position: relative;
    margin-bottom:10px
}

.campaign-compare .campaign-item .campaign-item-comment ul.has-check li:before {
    position: absolute;
    left: -20px;
    top: 6px;
    color: #80b518;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f058"
}

.campaign-compare .campaign-item .campaign-item-comment ul.has-check + ul.has-cross {
    margin-top:15px
}

.campaign-compare .campaign-item .campaign-item-comment ul.has-cross {
    margin-bottom: 0;
    list-style:none
}

.campaign-compare .campaign-item .campaign-item-comment ul.has-cross li {
    position: relative;
    margin-bottom:10px
}

.campaign-compare .campaign-item .campaign-item-comment ul.has-cross li:before {
    position: absolute;
    left: -20px;
    top: 6px;
    color: #ff4646;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f057"
}

.campaign-compare .campaign-item .campaign-item-comment ul li {
    margin-bottom: 15px;
    font-size: 14px;
    text-align:left
}

.campaign-compare .campaign-item .campaign-item-comment ul li:last-child {
    margin-bottom:0
}

.campaign-compare.col-5 .campaign-item {
    width:20%
}

.campaign-compare.col-5 .campaign-item:nth-child(5n + 1) {
    border-left:0
}

.campaign-compare.col-4 .campaign-item {
    width:25%
}

.campaign-compare.col-4 .campaign-item:nth-child(4n + 1) {
    border-left:0
}

.campaign-compare.col-3 .campaign-item {
    width:33.33333333%
}

.campaign-compare.col-3 .campaign-item:nth-child(3n + 1) {
    border-left:0
}

.campaign-compare.col-2 .campaign-item {
    width:50%
}

.campaign-compare.col-2 .campaign-item:nth-child(2n + 1) {
    border-left:0
}

@media (min-width: 992px) {
    .campaign-reviews.campaign-reviews-onepage .campaign-nav-back {
        display:none !important
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-hero, .campaign-reviews.campaign-reviews-onepage .campaign-side-sm, .campaign-reviews.campaign-reviews-onepage .campaign-paragraph {
        display:block !important
    }

    .campaign-reviews .campaign-side-sm.affix-top .campaign-guide .campaign-list {
        display: block !important;
        max-height: 80vh;
        overflow-y:auto
    }

    .campaign-reviews .campaign-side-sm.affix .campaign-guide .campaign-list {
        display: block !important;
        max-height: 80vh;
        overflow-y:auto
    }
}

@media (max-width: 991px) {
    .campaign-reviews .campaign-comment .textarea-group .textarea-group-btn {
        text-align:left
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-nav-back {
        position: relative;
        display: none;
        height: 44px;
        background: #fff;
        border-bottom: 1px solid #efefef;
        text-align: center;
        z-index:999
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-nav-back.affix-top {
        position:static
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-nav-back.affix {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index:9999
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-nav-back.affix-bottom {
        position:absolute
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-nav-back .container {
        position:relative
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-nav-back .campaign-title {
        float: none !important;
        display: inline-block;
        max-width: 240px;
        overflow: hidden;
        color: #777;
        font-size: 18px;
        line-height: 44px;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight:400
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-nav-back .icon-wrap {
        position: absolute;
        top: 9px;
        left: 9px;
        width: auto;
        height: auto;
        margin: 0;
        border:0
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-nav-back .icon-wrap .icon-back {
        margin: 0;
        width: 26px;
        height: 26px;
        background: url(/images/icons-nav-ios-101618.png) no-repeat;
        background-size: 52px 598px;
        background-position:right -234px
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-side-sm.affix {
        position:static !important
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-side-sm .campaign-guide {
        display: block !important;
        margin: 0;
        background:0 0
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-side-sm .campaign-guide .campaign-header {
        display:none
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-side-sm .campaign-guide .campaign-list #campaign-spy > .nav {
        display:block
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-side-sm .campaign-guide .campaign-list #campaign-spy > .nav > li {
        margin-bottom: 50px;
        border: 0;
        width:auto
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-side-sm .campaign-guide .campaign-list #campaign-spy > .nav > li:last-child {
        margin-bottom:0
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-side-sm .campaign-guide .campaign-list #campaign-spy > .nav > li > a {
        display: block;
        margin-bottom: 15px;
        font-size: 20px;
        font-weight: 700;
        border: 0;
        border-bottom:1px solid #efefef
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-side-sm .campaign-guide .campaign-list #campaign-spy > .nav > li .nav {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        list-style:none
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-side-sm .campaign-guide .campaign-list #campaign-spy > .nav > li .nav:before, .campaign-reviews.campaign-reviews-onepage .campaign-side-sm .campaign-guide .campaign-list #campaign-spy > .nav > li .nav:after {
        display:none
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-side-sm .campaign-guide .campaign-list #campaign-spy > .nav > li .nav li {
        display: block;
        margin: 0;
        width:50%
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-side-sm .campaign-guide .campaign-list #campaign-spy > .nav > li .nav li.active a {
        font-weight:400
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-side-sm .campaign-guide .campaign-list #campaign-spy > .nav > li .nav li a {
        font-size: 16px;
        border: 0;
        padding:15px
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-side-sm .campaign-guide .campaign-list #campaign-spy > .nav > li .nav li a:hover {
        background: #f7f7f7;
        border-radius:4px
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-paragraph {
        display:none
    }

    .campaign-reviews .campaign-side-sm.affix-top .campaign-guide .campaign-list {
        display:block !important
    }

    .campaign-reviews .campaign-side-sm.affix {
        right: 0;
        left: 0;
        width:auto
    }

    .campaign-reviews .campaign-side-sm.affix .campaign-guide {
        position: relative;
        max-width: 720px;
        margin: 0 auto;
        display: block;
        margin-bottom: 0;
        background:#fff
    }

    .campaign-reviews .campaign-side-sm.affix .campaign-guide:after {
        position: absolute;
        top: 15px;
        right: 15px;
        font: normal normal normal 20px/1 FontAwesome;
        content: "\f107"
    }

    .campaign-reviews .campaign-side-sm.affix .campaign-guide.open {
        background: 0 0;
        overflow:visible
    }

    .campaign-reviews .campaign-side-sm.affix .campaign-guide.open:before {
        content: ' ';
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #000;
        opacity: .5;
        filter: alpha(opacity=50);
        z-index:-1
    }

    .campaign-reviews .campaign-side-sm.affix .campaign-guide.open:after {
        content: "\f106"
    }

    .campaign-reviews .campaign-side-sm.affix .campaign-guide.open .campaign-title:after {
        content: ''
    }

    .campaign-reviews .campaign-side-sm.affix .campaign-guide.open .campaign-catalog {
        display:none
    }

    .campaign-reviews .campaign-side-sm.affix .campaign-guide.open .campaign-header {
        background:#fff
    }

    .campaign-reviews .campaign-side-sm.affix .campaign-guide.open .campaign-list {
        background: #fff;
        box-shadow:0 3px 8px -4px rgba(0, 0, 0, .5)
    }

    .campaign-reviews .campaign-side-sm.affix .campaign-guide .campaign-title {
        float: left;
        margin-right:0
    }

    .campaign-reviews .campaign-side-sm.affix .campaign-guide .campaign-title:after {
        position: relative;
        top: -2px;
        content: ' :'
    }

    .campaign-reviews .campaign-side-sm.affix .campaign-guide .campaign-catalog {
        display: block;
        margin: 13px 42px 0 62px;
        font-size: 16px;
        line-height: 1.8;
        font-weight: 700;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow:hidden
    }

    .campaign-reviews .campaign-side-sm.affix .campaign-guide .campaign-list {
        display:none
    }

    .campaign-reviews .campaign-side-sm.affix .campaign-guide .campaign-list .nav {
        max-height: 360px;
        overflow-y:auto
    }

    .campaign-reviews .campaign-side-sm.affix .campaign-guide .campaign-list .nav li {
        width:100%
    }

    .campaign-reviews .campaign-side-sm.affix .campaign-guide .campaign-list .nav li a {
        border-left:0
    }

    .campaign-reviews .campaign-side-sm.affix .campaign-guide .nav li.active .nav {
        display:none
    }

    .campaign-guide {
        display: flex;
        position: relative;
        z-index:9
    }

    .campaign-guide .campaign-header .campaign-title {
        margin-right: 15px;
        line-height:1.8
    }

    .campaign-guide .campaign-list {
        flex:1
    }

    .campaign-guide .campaign-list .nav {
        display: flex;
        flex-wrap:wrap
    }

    .campaign-guide .campaign-list .nav:before, .campaign-guide .campaign-list .nav:after {
        display:none
    }

    .campaign-guide .campaign-list .nav li {
        width:50%
    }

    .campaign-guide .campaign-list .nav li a {
        border-left:1px solid #efefef
    }

    .campaign-side-sm .campaign-sticky {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index:1
    }

    .campaign-compare.col-5 .campaign-item {
        display: block;
        width: 100%;
        border-left:0
    }

    .campaign-compare.col-5 .campaign-item .campaign-item-img {
        display: block;
        float: left;
        margin-top: 0;
        margin-right: 15px;
        width: 100px;
        height:auto
    }

    .campaign-compare.col-5 .campaign-item .campaign-item-brand {
        display: inline-block;
        margin: 0;
        text-align:left
    }

    .campaign-compare.col-5 .campaign-item .campaign-item-title {
        position: relative;
        top: -5px;
        display: inline;
        margin: 0 0 0 10px;
        height: auto;
        text-align:left
    }

    .campaign-compare.col-5 .campaign-item .campaign-item-price {
        margin-left: 115px;
        text-align:left
    }

    .campaign-compare.col-5 .campaign-item .campaign-item-action {
        margin-left: 115px;
        text-align:left
    }

    .campaign-compare.col-5 .campaign-item .campaign-item-comment {
        clear:both
    }
}

@media (max-width: 640px) {
    .campaign-reviews .campaign-article h2 {
        font-size:24px
    }

    .campaign-reviews .campaign-article h3 {
        font-size:18px
    }

    .campaign-reviews .campaign-item-related {
        width:60%
    }

    .campaign-reviews .campaign-hero .campaign-hero-actions {
        padding: 0;
        border-top: 1px solid #efefef;
        overflow-y:auto
    }

    .campaign-reviews .campaign-hero .campaign-hero-actions .my-share .btn {
        margin-right: 0;
        line-height:1.8
    }

    .campaign-attraction {
        box-shadow:0 0 10px rgba(0, 0, 0, .1)
    }

    .campaign-attraction.is-regular .campaign-offer .campaign-wrap {
        flex-direction:column
    }

    .campaign-attraction .campaign-offer .campaign-wrap {
        display: flex;
        flex-direction:column-reverse
    }

    .campaign-attraction .campaign-offer .campaign-wrap .campaign-content {
        margin:0
    }

    .campaign-attraction .campaign-offer .campaign-wrap .campaign-aside {
        margin:15px 0 0
    }

    .campaign-attraction .campaign-offer .campaign-wrap .campaign-aside .campaign-img.campaign-photo {
        float: none;
        position: relative;
        padding-bottom: 75%;
        height:0
    }

    .campaign-attraction .campaign-offer .campaign-wrap .campaign-aside .campaign-img.campaign-photo a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border:0
    }

    .campaign-attraction .campaign-offer .campaign-wrap .campaign-info-list ul {
        margin:15px 0
    }

    .campaign-attraction .campaign-offer .campaign-wrap .campaign-info-list ul li {
        font-size:14px
    }

    .campaign-attraction .campaign-offer .campaign-wrap .campaign-desc h6.text-overflow {
        margin-right:0
    }

    .campaign-attraction .campaign-offer .campaign-wrap .campaign-desc .campaign-intro p {
        font-size:14px
    }

    .campaign-compare.col-2 .campaign-item, .campaign-compare.col-3 .campaign-item {
        display: block;
        width: 100%;
        border-left:0
    }

    .campaign-compare.col-2 .campaign-item .campaign-item-img, .campaign-compare.col-3 .campaign-item .campaign-item-img {
        display: block;
        float: left;
        margin-top: 0;
        width: 100px;
        height:auto
    }

    .campaign-compare.col-2 .campaign-item .campaign-item-brand, .campaign-compare.col-3 .campaign-item .campaign-item-brand {
        margin: 0 0 5px 120px;
        text-align: left;
        font-size:16px
    }

    .campaign-compare.col-2 .campaign-item .campaign-item-title, .campaign-compare.col-3 .campaign-item .campaign-item-title {
        margin: 0 0 0 120px;
        height: auto;
        text-align:left
    }

    .campaign-compare.col-2 .campaign-item .campaign-item-price, .campaign-compare.col-3 .campaign-item .campaign-item-price {
        margin-left: 120px;
        text-align:left
    }

    .campaign-compare.col-2 .campaign-item .campaign-item-action, .campaign-compare.col-3 .campaign-item .campaign-item-action {
        margin-left: 120px;
        text-align:left
    }

    .campaign-compare.col-2 .campaign-item .campaign-item-comment, .campaign-compare.col-3 .campaign-item .campaign-item-comment {
        clear:both
    }
}

@media (min-width: 561px) {
    .campaign-table .campaign-table-row .campaign-table-cell.collapse {
        display: block;
        height:auto !important
    }

    .campaign-table .campaign-table-row .campaign-table-cell.collapsing {
        height: auto !important;
        transition:none !important
    }
}

@media (max-width: 560px) {
    .tab-pane .campaign-reviews {
        padding:0 15px
    }

    .campaign-reviews .campaign-nav-menu.no-bg.no-padding.no-margin .row {
        margin: 0 -7.5px;
        padding:0
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-section-lg {
        padding: 0;
        background:0 0
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-article {
        padding:15px 15px 0
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-side-sm .campaign-guide .campaign-list #campaign-spy > .nav > li {
        margin-bottom: 15px;
        background:#fff
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-side-sm .campaign-guide .campaign-list #campaign-spy > .nav > li > a {
        margin-bottom: 0;
        font-size:18px
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-side-sm .campaign-guide .campaign-list #campaign-spy > .nav > li .nav {
        padding:7px 0
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-side-sm .campaign-guide .campaign-list #campaign-spy > .nav > li .nav li a {
        padding-top: 8px;
        padding-bottom: 8px;
        font-size:16px
    }

    .campaign-reviews .campaign-hero {
        margin:15px 0
    }

    .campaign-reviews .campaign-hero.no-bg .campaign-banner {
        padding:15px
    }

    .campaign-reviews .campaign-hero.no-bg .campaign-banner .campaign-info {
        margin:15px 0
    }

    .campaign-reviews .campaign-hero .campaign-banner {
        padding: 15px;
        height: auto;
        background:#fff !important
    }

    .campaign-reviews .campaign-hero .campaign-banner h1 {
        color: #333;
        letter-spacing: normal;
        text-shadow:none
    }

    .campaign-reviews .campaign-hero .campaign-banner .campaign-overlay {
        display:none
    }

    .campaign-reviews .campaign-hero .campaign-info {
        color: #fff;
        margin:15px 0
    }

    .campaign-reviews .campaign-hero .campaign-info:after {
        opacity:1
    }

    .campaign-reviews .campaign-hero .campaign-desc {
        color:#555
    }

    .campaign-reviews .campaign-section-lg {
        padding:15px 15px 0
    }

    .campaign-reviews .campaign-pane {
        margin:0
    }

    .campaign-reviews .campaign-article h2 {
        margin-bottom: 15px;
        font-size:18px
    }

    .campaign-reviews .campaign-article h3 {
        margin-bottom: 15px;
        font-size:16px
    }

    .campaign-reviews .campaign-article .campaign-paragraph {
        padding-bottom:15px
    }

    .campaign-reviews .campaign-article p {
        margin-bottom:15px
    }

    .campaign-reviews .campaign-article p:last-child {
        margin-bottom:15px
    }

    .campaign-reviews .campaign-article ul, .campaign-reviews .campaign-article ol {
        margin:0 0 15px
    }

    .campaign-reviews .campaign-article ul li, .campaign-reviews .campaign-article ol li {
        margin:0 0 15px 20px
    }

    .campaign-reviews .campaign-article .campaign-table {
        margin-bottom: 15px;
        border:0
    }

    .campaign-reviews .campaign-article .campaign-table .campaign-table-row {
        margin-bottom: 15px;
        flex-flow:column wrap
    }

    .campaign-reviews .campaign-article .campaign-table .campaign-table-row .campaign-table-label {
        position: relative;
        width: 100%;
        cursor:pointer
    }

    .campaign-reviews .campaign-article .campaign-table .campaign-table-row .campaign-table-label:after {
        position: absolute;
        top: 20px;
        right: 15px;
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f056";
        color:#777
    }

    .campaign-reviews .campaign-article .campaign-table .campaign-table-row .campaign-table-label.collapsed {
        padding-right:42px
    }

    .campaign-reviews .campaign-article .campaign-table .campaign-table-row .campaign-table-label.collapsed:after {
        content: "\f055"
    }

    .campaign-reviews .campaign-article .campaign-table .campaign-table-row .campaign-table-cell {
        border-left: 1px solid #efefef;
        border-right:1px solid #efefef
    }

    .campaign-reviews .campaign-article .campaign-table .campaign-table-row .campaign-table-cell.collapse {
        height:auto !important
    }

    .campaign-reviews .campaign-article .campaign-table .campaign-table-row .campaign-table-cell.collapsing {
        height: auto !important;
        transition:none !important
    }

    .campaign-reviews .campaign-article .campaign-compare .campaign-item {
        margin-bottom: 15px;
        border:1px solid #efefef
    }

    .campaign-reviews .campaign-article .campaign-compare .campaign-item:last-child {
        margin-bottom:0
    }

    .campaign-reviews .campaign-item-related {
        width: 100%;
        margin:0 0 15px !important
    }

    .campaign-reviews .campaign-side-sm.affix .campaign-guide .campaign-header .campaign-catalog {
        line-height:1.42857143
    }

    .campaign-guide .campaign-header .campaign-title {
        line-height:1.42857143
    }

    .campaign-guide .campaign-list .nav li {
        width:100%
    }

    .campaign-compare .campaign-item {
        padding: 15px;
        background:#fff
    }
}

@media (max-width: 375px) {
    .campaign-reviews.campaign-reviews-onepage .campaign-side-sm .campaign-guide .campaign-list #campaign-spy > .nav > li > a {
        font-size:16px
    }

    .campaign-reviews.campaign-reviews-onepage .campaign-side-sm .campaign-guide .campaign-list #campaign-spy > .nav > li .nav li a {
        font-size:14px
    }

    .campaign-reviews .campaign-hero .campaign-banner h1 {
        font-size:18px
    }

    .campaign-reviews .campaign-hero .campaign-banner .campaign-info {
        font-size:13px
    }

    .campaign-reviews .campaign-hero .campaign-banner .campaign-desc {
        font-size:14px
    }

    .campaign-reviews .campaign-side-sm.affix .campaign-guide .campaign-header .campaign-catalog {
        font-size:14px
    }

    .campaign-reviews .campaign-guide .nav li a {
        font-size:14px
    }

    .campaign-reviews .campaign-article .campaign-table {
        font-size:14px
    }

    .campaign-reviews .campaign-article h2 {
        font-size:16px
    }

    .campaign-reviews .campaign-article ul li, .campaign-reviews .campaign-article ol li, .campaign-reviews .campaign-article .campaign-bullet li {
        font-size:14px
    }

    .campaign-attraction {
        box-shadow:0 0 10px rgba(0, 0, 0, .1)
    }

    .campaign-attraction .campaign-offer .campaign-wrap .campaign-info-list ul li {
        font-size:13px
    }

    .campaign-attraction .campaign-offer .campaign-wrap .campaign-desc .campaign-intro p {
        font-size:13px
    }
}

#page-search {
    background: #fff;
    box-shadow:0 -3px 8px 4px rgba(0, 0, 0, .15)
}

#page-search #header-search {
    display: flex;
    margin-bottom:15px
}

#page-search #header-search .icon-wrap {
    border-color:transparent
}

#search-panel.search-panel-mobile {
    margin-bottom: 0;
    display:none
}

#search-panel .search-box {
    position: relative;
    margin: -172px -3px 0;
    -webkit-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .15);
    -o-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .15);
    z-index:500
}

#search-panel .search-box .input-group {
    position: relative;
    z-index:400
}

#search-panel .search-box .btn {
    height: 42px;
    border: 0;
    font-size:16px
}

#search-panel .search-box .search-distance .btn {
    margin-right: -1px;
    border-radius:0
}

#search-panel .search-box .search-action .btn {
    margin-left:0
}

#search-panel .search-box .text-location, #search-panel .search-box .text-distance {
    display: inline-block;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

#search-panel .search-box .form-control {
    float: none;
    border:0
}

#search-panel .search-box .dropdown-menu {
    min-width:240px
}

#search-panel .search-box .dropdown-menu ul {
    margin: 0;
    padding:0
}

#search-panel .search-box .dropdown-menu ul li {
    list-style:none
}

#search-panel .search-box .dropdown-menu ul li a {
    display: block;
    padding:5px 15px
}

#search-panel .search-box .dropdown-menu .form-group {
    margin: 0;
    padding:8px 15px
}

#search-panel .search-box .dropdown-menu .form-group .form-control {
    border: 2px solid #eee;
    border-radius:4px
}

#search-panel .search-box .icon-location {
    position: relative;
    top: -2px;
    display: inline-block;
    margin:0 5px 0 0
}

#search-panel .search-box .icon-search-light {
    display: inline-block;
    margin:0 5px -3px 0
}

#search-panel .search-box .fa {
    position: relative;
    top: -9px;
    margin: 0 0 0 15px;
    color: #999;
    font-size:10px
}

#search-panel .search-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #333;
    overflow: hidden;
    opacity: 0;
    z-index:300
}

#search-panel .search-filter {
    margin-top: 10px;
    background: #fff;
    border-radius: 4px;
    text-align:left
}

#search-panel .search-filter .input-group .input-group-btn {
    float: left;
    display: block;
    width: auto;
    padding-bottom:0
}

#search-panel .search-filter .input-group .input-group-btn:first-child .btn {
    border-radius:4px 0 0 4px
}

#search-panel .search-filter .input-group .input-group-btn.open .btn {
    background:#e7e7e7
}

#search-panel .search-filter .input-group .input-group-btn .btn {
    border: 0;
    border-radius: 0;
    background:0 0
}

#search-panel .search-filter .input-group .input-group-btn .btn .fa {
    position: relative;
    top: -5px;
    margin: 0 0 0 5px;
    color: #999;
    font-size:10px
}

#search-panel .search-filter .input-group .input-group-btn .btn em {
    position: relative;
    top: -1px;
    margin-left: 3px;
    padding: 0 5px;
    color: #fff;
    background: #333;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    border-radius:3px
}

#search-panel .search-filter .dropdown-menu {
    min-width:0
}

#search-panel .search-filter .dropdown-menu ul {
    margin: 0;
    padding: 0;
    max-height: 206px;
    overflow-y: auto;
    list-style:none
}

#search-panel .search-filter .dropdown-menu ul li {
    padding: 0 15px;
    white-space:normal
}

#search-panel .search-filter .dropdown-menu ul li.dropdown-sub {
    padding-left:40px
}

#search-panel .search-filter .dropdown-menu ul li a {
    display: block;
    margin: 0;
    padding:5px 0
}

#search-panel .search-filter .dropdown-menu ul li a.active {
    font-weight:700
}

#search-panel .search-filter .dropdown-menu ul li .checkbox label span {
    position: relative;
    top: -1px;
    margin-left: 5px;
    color: #777;
    font-size:12px
}

.search-trends h4 {
    margin:0 0 15px
}

.search-trends ul {
    margin: 0;
    padding:0
}

.search-trends ul li {
    margin: 0 10px 10px 0;
    list-style: none;
    display:inline-block
}

.search-trends ul li a span {
    font-weight: 400;
    font-size: 12px;
    color: #777;
    display:block
}

.search-wrap {
    position:relative
}

.search-wrap .form-control {
    border-radius: 0;
    padding: 7px 15px;
    font-size:16px
}

.search-wrap.search-wrap-front .form-control {
    border-radius:4px 0 0 4px
}

.search-wrap.search-wrap-mobile .search-list {
    position:static
}

.search-wrap .search-list {
    position: absolute;
    max-width: 448px;
    left: 0;
    right: 0;
    top: 42px;
    margin: 0;
    padding: 0;
    border-radius: 0 0 6px 0;
    overflow: hidden;
    box-shadow:0 0 5px rgba(0, 0, 0, .08)
}

.search-wrap .search-list li {
    list-style: none;
    background:#fff
}

.search-wrap .search-list li .btn {
    margin:6px 6px 0 12px
}

.search-wrap .search-list li > a, .search-wrap .search-list li > span {
    display: block;
    padding: 10px 15px 10px 12px;
    background: #fff;
    border-left: 3px solid transparent;
    line-height: 1.6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

.search-wrap .search-list li > a .icon-wrap, .search-wrap .search-list li > span .icon-wrap {
    border: 0;
    width: 18px;
    height:18px
}

.search-wrap .search-list li > a .icon-wrap .icon, .search-wrap .search-list li > span .icon-wrap .icon {
    margin:0
}

.search-wrap .search-list li > a .item-avatar, .search-wrap .search-list li > span .item-avatar {
    margin-right: 10px;
    display: inline-block;
    vertical-align:middle
}

.search-wrap .search-list li > a .item-avatar span, .search-wrap .search-list li > span .item-avatar span {
    display: block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.search-wrap .search-list li .search-list-activity {
    border-color:#00bdff
}

.search-wrap .search-list li .search-list-group {
    border-color:#ff55a1
}

.search-wrap .search-list li .search-list-article {
    border-color:#ae70ee
}

.search-wrap .search-list li .search-list-news {
    border-color:#f60
}

.search-wrap .search-list li .search-list-area {
    border-color:#72481c
}

.search-wrap .search-list li .search-list-attraction {
    border-color:#72481c
}

.search-wrap .search-list li .search-list-user {
    border-color:#ff55a1
}

.search-wrap .search-list li .search-list-more {
    border-color:#777
}

.search-list-auto {
    margin: 0;
    padding:0
}

.search-list-auto li {
    list-style: none;
    background:#fff
}

.search-list-auto li .btn {
    margin:6px 6px 0 12px
}

.search-list-auto li a, .search-list-auto li .search-list-text {
    display: block;
    padding: 10px 15px;
    background: #fff;
    border-bottom: 1px solid #eee;
    line-height: 1.6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

.search-list-auto li a .icon-wrap, .search-list-auto li .search-list-text .icon-wrap {
    border: 0;
    width: 18px;
    height:18px
}

.search-list-auto li a .icon-wrap .icon, .search-list-auto li .search-list-text .icon-wrap .icon {
    margin:0
}

.search-list-auto li a .item-avatar, .search-list-auto li .search-list-text .item-avatar {
    margin-right: 10px;
    display: inline-block;
    vertical-align:middle
}

.search-list-auto li a .item-avatar span, .search-list-auto li .search-list-text .item-avatar span {
    display: block;
    width: 18px;
    height:18px
}

.search-list-auto li a:hover, .search-list-auto li .search-list-text:hover, .search-list-auto li a:focus, .search-list-auto li .search-list-text:focus, .search-list-auto li a.focus, .search-list-auto li .search-list-text.focus {
    background:#eee
}

.search-nav {
    position: absolute;
    top: 149px;
    right: 0;
    bottom: 0;
    left: 0;
    background:#fff
}



.search-nav .search-nav-title {
    margin: 15px;
    padding-bottom: 10px;
    font-weight: 700;
    text-align: left;
    border-bottom:1px solid #efefef
}

.search-nav .tab-content {
    margin-left: 79px;
    padding: 0;
    height: 100%;
    min-height: 200px;
    border-left:1px solid #efefef
}

.search-nav .tab-pane {
    height: 100%;
    overflow-y:auto
}

.search-nav .tab-pane ul {
    display: flex;
    margin: 15px 0 0 15px;
    padding: 0;
    flex-wrap:wrap
}

.search-nav .tab-pane ul:before, .search-nav .tab-pane ul:after {
    display:none
}

.search-nav .tab-pane ul li {
    display: flex;
    width: 33.33333333%;
    list-style:none
}

.search-nav .tab-pane ul li a {
    position: relative;
    display: flex;
    flex: 1;
    margin: 0 15px 15px 0;
    padding: 10px 6px;
    background: #f7f7f7;
    border-radius: 4px;
    text-align: center;
    justify-content: center;
    align-items:center
}

.search-nav .tab-pane ul li a:after {
    position: absolute;
    top: -5px;
    right: -8px;
    padding: 1px;
    width: 38px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-family: montserrat;
    border-radius: 2px;
    -webkit-transform: scale(.7);
    transform:scale(.7)
}

.search-nav .tab-pane ul li a.new:after {
    content: 'NEW';
    background:#00bdff
}

.search-nav .tab-pane ul li a.hot:after {
    content: 'HOT';
    background:#ff4646
}

#modal-search .search-nav, #modal-search-specific .search-nav {
    display:none
}

#modal-search .campaign-section, #modal-search-specific .campaign-section {
    display: none;
    margin:0
}

.webpage-searchpopup #modal-search-specific {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left:0
}

.webpage-searchpopup #modal-search-specific .search-nav {
    position: absolute !important;
    top:105px
}

@media (max-width: 886px) {
    #search-panel {
        background: #fff;
        -webkit-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .15);
        -moz-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .15);
        -ms-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .15);
        -o-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .15);
        box-shadow:0 3px 8px -4px rgba(0, 0, 0, .15)
    }

    #search-panel .search-box {
        margin: 0;
        padding: 10px 0;
        box-shadow:none
    }

    #search-panel .search-bg {
        background:0 0
    }

    #search-panel .search-location .btn, #search-panel .search-distance .btn {
        background:#f7f7f7
    }

    #search-panel .form-control {
        background:#f7f7f7
    }
}

@media (max-width: 688px) {
    #search-panel .search-box .icon-search-light {
        margin-right:0
    }

    #search-panel .search-box .search-location .btn, #search-panel .search-box .search-distance .btn {
        width: 100%;
        padding: 9px 18px;
        text-align: left;
        background:#efefef
    }

    #search-panel .search-box .search-distance .btn {
        border-radius:0 4px 4px 0
    }

    #search-panel .search-box .search-wrap .form-control {
        border-radius:4px 0 0 4px
    }

    #search-panel .input-group {
        display:block
    }

    #search-panel .input-group .input-group-btn {
        padding-bottom:10px
    }

    #search-panel .input-group .input-group-btn.search-action {
        position: absolute;
        right: 0;
        bottom: 0;
        padding-bottom: 0;
        width:54px
    }

    #search-panel .text-search {
        display:none
    }

    #search-panel .form-control {
        padding-right: 72px;
        border-radius:4px 0 0 4px
    }
}

@media (max-width: 560px) {
    #modal-search .search-nav, #modal-search-specific .search-nav {
        display:block
    }

    #modal-search .campaign-section, #modal-search-specific .campaign-section {
        display:block
    }

    .search-section-title {
        display:none
    }

    #search-panel {
        box-shadow: none;
        margin-bottom:15px
    }

    #search-panel.search-panel-mobile {
        display:block
    }

    #search-panel.search-panel-mobile.has-line {
        border-bottom:1px solid #efefef
    }

    #search-panel .search-box .search-wrap .form-control {
        border-radius:100px
    }

    #search-panel .search-filter {
        margin-top: 0;
        border-radius: 0;
        border-top:1px solid #efefef
    }

    #search-panel .search-filter .search-filter-btn .fa {
        margin-right:5px
    }

    #search-panel .search-filter .search-filter-btn a {
        display: block;
        border-left: 1px solid #efefef;
        padding:8px 12px 9px
    }

    #search-panel .search-filter .btn {
        padding: 9px 12px 9px 15px;
        height: auto;
        font-size:14px
    }

    #search-panel .search-filter .input-group .input-group-btn {
        position:static
    }

    #search-panel .search-filter .input-group .input-group-btn.open .btn {
        background:#f7f7f7
    }

    #search-panel .search-filter .input-group .input-group-btn .dropdown-menu {
        top: inherit;
        margin-top: 0;
        width: 100%;
        border-radius: 0;
        background: #f7f7f7;
        -webkit-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .5);
        -moz-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .5);
        -ms-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .5);
        -o-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .5);
        box-shadow:0 3px 8px -4px rgba(0, 0, 0, .5)
    }

    #search-panel .search-filter .input-group .input-group-btn .dropdown-menu:before, #search-panel .search-filter .input-group .input-group-btn .dropdown-menu:after {
        display:none
    }

    #search-panel .search-filter .input-group .input-group-btn:first-child .btn {
        border-radius:0
    }

    #search-panel .search-box {
        padding: 10px;
        box-shadow: none;
        background:#fff
    }

    #search-panel .search-box .search-action {
        display:none
    }

    #search-panel .search-box .form-control {
        height: auto;
        font-size: 14px;
        padding: 5px 15px 5px 28px;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: 8px center;
        background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMyAxMycgZW5hYmxlLWJhY2tncm91bmQ9J25ldyAwIDAgMTMgMTMnPjxnPjxwYXRoIGZpbGw9JyM5MzkzOTgnIGQ9J001LDFjMi4yLDAsNCwxLjgsNCw0UzcuMiw5LDUsOVMxLDcuMiwxLDVTMi44LDEsNSwxIE01LDBDMi4yLDAsMCwyLjIsMCw1czIuMiw1LDUsNXM1LTIuMiw1LTVTNy44LDAsNSwwIEw1LDB6Jy8+PC9nPjxsaW5lIHN0cm9rZT0nIzkzOTM5OCcgc3Ryb2tlLW1pdGVybGltaXQ9JzEwJyB4MT0nMTIuNicgeTE9JzEyLjYnIHgyPSc4LjInIHkyPSc4LjInLz48L3N2Zz4=);
        -webkit-background-size: 13px 13px;
        background-size: 13px 13px;
        background-color: #eee;
        border-radius:100px
    }

    .search-wrap .search-list {
        max-width: none;
        width:auto
    }
}

@media (max-width: 375px) {
    #search-panel .search-box .text-location, #search-panel .search-box .text-distance {
        max-width:76px
    }

    .search-nav .search-nav-title {
        margin: 10px 15px;
        font-size:12px
    }


}

@media (max-width: 320px) {
    #search-panel .search-filter .input-group .input-group-btn .btn {
        padding: 8px 10px;
        font-size: 12px;
        height:auto
    }

    #search-panel .search-filter .input-group .input-group-btn .btn .fa {
        top:-3px
    }

    #search-panel .search-filter .dropdown-menu ul li {
        font-size:12px
    }

    #coupons #search-panel .form-control {
        padding-right: 56px;
        font-size: 12px;
        height:32px
    }

    #coupons #search-panel .search-box .search-action .btn {
        padding: 6px 10px;
        height:32px
    }

    #coupons #search-panel .input-group .input-group-btn.search-action {
        width:38px
    }




    .search-nav .tab-pane ul {
        margin:10px 0 0 10px
    }

    .search-nav .tab-pane ul li a {
        margin:0 10px 10px 0
    }
}

.section-title .campaign-locate .form-group {
    margin-bottom:0
}

.campaign-search-within {
    position: relative;
    display: flex;
    width: 320px;
    border: 1px solid #efefef;
    border-radius: 3px;
    background: #fff;
    z-index:2
}

.campaign-search-within.campaign-search-within-m {
    margin-left:15px
}

.campaign-search-within > .icon-wrap {
    margin: 0 5px;
    width: 34px;
    height: 34px;
    border-radius: 0;
    border:0
}

.campaign-search-within > .icon-wrap .icon {
    margin-top:8px
}

.campaign-search-within .form-control {
    padding: 7px 0;
    height: auto;
    border:0
}

.campaign-search-within .ng-isolate-scope {
    flex:1
}

.campaign-search-within .search-wrap {
    position: absolute;
    left: 0;
    top: 35px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius:0 !important
}

.campaign-map-area-sm .campaign-badge span .fa {
    margin:0 0 0 8px
}

.campaign-map-area-sm.campaign-actions .campaign-lg .campaign-wrap {
    height:100px
}

.campaign-map-area {
    display:none
}

.campaign-map-area .campaign-badge span .fa {
    margin:0 0 0 8px
}

.campaign-locate.campaign-locate-block .form-group {
    margin-left:0
}

.campaign-locate .btn {
    border-radius:4px
}

.campaign-locate .btn .fa {
    margin-right:8px
}

.campaign-locate .form-group {
    position: relative;
    float: left;
    margin:0 0 15px 15px
}

.campaign-locate .form-group select.form-control {
    float: right;
    padding: 0 36px 0 14px;
    width: auto;
    height: 36px;
    line-height: 36px;
    border: 1px solid #efefef;
    border-radius: 3px;
    -webkit-appearance:none
}

.campaign-locate .form-group:before {
    position: absolute;
    top: 8px;
    right: 15px;
    font: normal normal normal 19px/1 FontAwesome;
    color: #999;
    content: "\f107";
    pointer-events:none
}

.campaign-locate .campaign-locate-icon.icon-wrap {
    width: auto;
    height: auto;
    background: 0 0;
    border:0
}

.campaign-locate .campaign-locate-icon.icon-wrap .icon {
    margin:0
}

.campaign-locate .campaign-locate-icon {
    float:left
}

.campaign-locate .campaign-locate-txt {
    float: left;
    max-width: 165px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap
}

.campaign-locate .campaign-locate-btn {
    position: relative;
    float: left;
    margin: 0 0 15px;
    padding: 7px 36px 7px 14px;
    border: 1px solid #efefef;
    border-radius:3px
}

.campaign-locate .campaign-locate-btn:hover {
    border-color:#777
}

.campaign-locate .campaign-locate-btn:before {
    position: absolute;
    top: 8px;
    right: 15px;
    font: normal normal normal 19px/1 FontAwesome;
    color: #999;
    content: "\f107"
}

.campaign-locate .campaign-locate-fav {
    display:none
}

.campaign-locate .campaign-locate-map {
    margin-left: 15px;
    padding: 7px 14px;
    border: 1px solid #efefef;
    border-radius:3px
}

.campaign-locate .campaign-locate-map:hover {
    border-color:#777
}

.campaign-locate .campaign-locate-map.hot {
    position:relative
}

.campaign-locate .campaign-locate-map.hot:after {
    content: 'HOT';
    background:#ff4646
}

.campaign-locate .campaign-locate-map.new {
    position:relative
}

.campaign-locate .campaign-locate-map.new:after {
    content: 'NEW';
    background:#00bdff
}

.campaign-locate .campaign-locate-map:after {
    position: absolute;
    top: -5px;
    right: -8px;
    padding: 1px;
    width: 38px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-family: montserrat;
    border-radius: 2px;
    -webkit-transform: scale(.7);
    transform:scale(.7)
}

.campaign-locate .campaign-locate-sort {
    float:left
}

.campaign-search .campaign-tags {
    display: flex;
    padding-right: 15px;
    border-top: 1px solid #efefef;
    overflow-y:hidden
}

.campaign-search .campaign-tags .campaign-tag {
    display: block;
    float: left;
    margin: 10px 0 10px 15px;
    padding: 5px 15px;
    border: 1px solid #efefef;
    border-radius: 100px;
    background: #fff;
    white-space:nowrap
}

.campaign-search .campaign-tags .campaign-tag.active {
    border-color:#333
}

.campaign-search .search-filter {
    display: none;
    margin-bottom: 30px;
    background:#fff
}

.campaign-search .search-filter .campaign {
    border-top:1px solid #efefef
}

.campaign-search .search-filter .search-filter-btn .fa {
    margin-right:5px
}

.campaign-search .search-filter .input-group {
    display: block;
    position:relative
}

.campaign-search .search-filter .input-group .search-filter-btn a {
    display: block;
    padding: 15px 19px;
    border-left:1px solid #efefef
}

.campaign-search .search-filter .input-group .input-group-btn {
    position: static;
    float: left;
    width:auto
}

.campaign-search .search-filter .input-group .input-group-btn.open .btn {
    background:#efefef
}

.campaign-search .search-filter .input-group .input-group-btn .btn {
    margin: 0;
    padding: 15px 30px;
    height: auto;
    line-height: 1.42857143;
    font-size: 14px;
    background: 0 0;
    border: 0;
    border-radius:0
}

.campaign-search .search-filter .input-group .input-group-btn .btn .checkbox {
    padding:0 0 0 20px
}

.campaign-search .search-filter .input-group .input-group-btn .btn:hover {
    background:#efefef
}

.campaign-search .search-filter .input-group .input-group-btn .btn .fa {
    position: relative;
    top: -4px;
    margin: 0 0 0 5px;
    color: #999;
    font-size:10px
}

.campaign-search .search-filter .input-group .input-group-btn .btn em {
    position: relative;
    top: -1px;
    margin-left: 3px;
    padding: 0 5px;
    color: #fff;
    background: #333;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    border-radius:3px
}

.campaign-search .search-filter .input-group .input-group-btn .dropdown-menu {
    top: inherit;
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 0;
    border: 0;
    border-radius: 0;
    background: #efefef;
    -webkit-box-shadow: 0 3px 8px -6px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 3px 8px -6px rgba(0, 0, 0, .5);
    -ms-box-shadow: 0 3px 8px -6px rgba(0, 0, 0, .5);
    -o-box-shadow: 0 3px 8px -6px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 8px -6px rgba(0, 0, 0, .5);
    z-index:99
}

.campaign-search .search-filter .input-group .input-group-btn .dropdown-menu:before, .campaign-search .search-filter .input-group .input-group-btn .dropdown-menu:after {
    display:none
}

.campaign-search .search-filter .input-group .input-group-btn .dropdown-menu ul {
    margin: 0;
    padding: 0;
    list-style:none
}

.campaign-search .search-filter .input-group .input-group-btn .dropdown-menu ul li {
    margin: 15px 0;
    padding:0 15px
}

.campaign-search .search-filter .input-group .input-group-btn .dropdown-menu ul li a {
    padding:0
}

.campaign-search .search-filter .input-group .input-group-btn .dropdown-menu ul li a.active {
    color: #333;
    font-weight:700
}

.campaign-search .search-filter .input-group .input-group-btn .dropdown-menu .checkbox {
    margin: 15px 0;
    padding:0 15px 0 35px
}

.campaign-search .search-filter .input-group .input-group-btn .dropdown-menu .checkbox.dropdown-sub {
    margin-left:30px
}

.campaign-search .search-filter .input-group .input-group-btn .dropdown-menu .checkbox label:before {
    margin-top:1px
}

.campaign-search .search-filter .input-group .input-group-btn .dropdown-menu .checkbox label span {
    position: relative;
    top: -1px;
    margin-left: 5px;
    color: #777;
    font-size:12px
}

@media (max-width: 991px) {
    .campaign-search .search-filter {
        display:block
    }
}

@media (max-width: 768px) {
    .campaign-search-within.campaign-search-within-m {
        margin: 0 0 15px;
        width: 100%;
        clear:both
    }

    .campaign-locate-block .campaign-search-within.campaign-search-within-m {
        margin: 0 0 15px 15px;
        width: 320px;
        clear:none
    }
}

@media (max-width: 768px) {
    .campaign-map-area {
        display:block
    }

    .campaign-locate .campaign-locate-map {
        display:none
    }
}

@media (max-width: 560px) {
    #page-search {
        padding:0 15px
    }

    .campaign-search .search-filter {
        margin-bottom:15px
    }

    .campaign-search .search-filter .input-group .search-filter-btn a {
        display: block;
        padding: 14px 18px;
        border-left:1px solid #efefef
    }

    .campaign-search .search-filter .input-group .input-group-btn .btn {
        padding:14px 15px
    }

    .campaign-search .search-filter .input-group .input-group-btn .btn .checkbox {
        display:none
    }

    .campaign-locate {
        padding:0 15px
    }

    .campaign-locate .campaign-locate-fav {
        float: left;
        margin: 4px 0 0 15px;
        display:block
    }

    .campaign-search-within {
        display:none
    }
}

@media (min-width: 375px) and(max-width: 413px) {
    .campaign-locate .campaign-locate-txt {
        max-width:130px
    }
}

@media (max-width: 375px) {
    .campaign-locate .form-group select.form-control {
        font-size:13px
    }

    .campaign-locate .campaign-locate-map {
        font-size:13px
    }

    .campaign-search .search-filter .input-group .search-filter-btn a {
        padding: 11px 15px;
        font-size:14px
    }

    .campaign-search .search-filter .input-group .input-group-btn .btn {
        padding: 12px 15px;
        font-size:13px
    }

    .campaign-search .search-filter .input-group .input-group-btn .dropdown-menu .checkbox {
        font-size:13px
    }
}

@media (min-width: 320px) and(max-width: 374px) {
    .campaign-locate .campaign-locate-txt {
        max-width:80px
    }
}

@media (max-width: 320px) {
    .campaign-locate .form-group select.form-control {
        font-size:12px
    }

    .campaign-locate .campaign-locate-txt {
        max-width:80px
    }

    .campaign-locate .campaign-locate-map {
        font-size:12px
    }
}

.campaign-side-ad .campaign-lg {
    padding-bottom:66.66666666%
}

.campaign-side-ad .campaign-lg .campaign-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border:0
}

.campaign-side.affix-top {
    position:static
}

.campaign-side.affix {
    position: fixed;
    top: 0;
    right: auto;
    width: 360px;
    z-index:99999
}

.campaign-side.affix-bottom {
    position: absolute;
    width:360px
}

.campaign-side .campaign-side-footer {
    background:0 0
}

.campaign-side .icon-social {
    margin: -15px 0 15px;
    padding: 0;
    text-align:center
}

.campaign-side .icon-social li {
    display: inline-block;
    margin: 0 20px;
    text-align:center
}

.campaign-side .icon-social li a {
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height:40px
}

.campaign-side .icon-social .icon-facebook {
    color: #fff;
    background:#009eff
}

.campaign-side .icon-social .icon-weibo {
    color: #fff;
    background:#f60
}

.campaign-side .icon-social .icon-wechat {
    color: #fff;
    background:#80b518
}

.campaign-side .copyright {
    color: #777;
    text-align: center;
    font-size:12px
}

.campaign-side .copyright a {
    margin-left:10px
}

.campaign-side-sm.affix-top {
    position:static
}

.campaign-side-sm.affix {
    position: fixed;
    top: 0;
    right: auto;
    width: 262.5px;
    z-index:99999
}

.campaign-side-sm.affix-bottom {
    position: absolute;
    width:262.5px
}

.sidebar-group-item {
    margin-bottom: 30px;
    position: relative;
    background: #fff;
    border-radius: 12px;
    overflow:hidden
}

.sidebar-group-item .sidebar-item-tag-wrap {
    position: absolute;
    left: 20px;
    bottom: 20px;
    padding-right:10px
}

.sidebar-group-item .sidebar-item-tag-wrap .sidebar-item-tag {
    position: relative;
    float: left;
    margin:10px 10px 0 0
}

.sidebar-group-item .sidebar-item-tag-wrap .sidebar-item-tag p {
    position: relative;
    margin: 0;
    padding: 4px 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    z-index:100
}

.sidebar-group-item .sidebar-item-tag-wrap .sidebar-item-tag p a {
    color:#fff
}

.sidebar-group-item .sidebar-item-tag-wrap .sidebar-item-tag .item-tag-red {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    opacity: .9;
    background:#ff4646
}

.sidebar-group-item .sidebar-item-title {
    margin: 0;
    padding: 20px 20px 10px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

.sidebar-group-item .sidebar-item-info {
    padding: 0 20px 20px;
    font-size: 12px;
    color:#777
}

.sidebar-group-item .sidebar-item-image a {
    display: block;
    width: 100%;
    height: 270px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

@media (max-width: 1199px) {
    .campaign-side.affix {
        width:293.33px
    }

    .campaign-side.affix-bottom {
        width:293.33px
    }

    .campaign-side-sm.affix {
        width:212.5px
    }

    .campaign-side-sm.affix-bottom {
        width:212.5px
    }
}

@media (min-width: 992px) {
    .ios .campaign-side.affix, .ios .campaign-side-sm.affix {
        position: static;
        width:100%
    }
}

@media (max-width: 991px) {
    .campaign-side.affix {
        position: static !important;
        width:auto
    }

    .campaign-side.affix-bottom {
        position: static !important;
        width:auto
    }
}

.statistic {
    display: flex;
    border-radius:5px
}

.statistic .statistic-item {
    display: flex;
    padding: 8px 0 5px;
    flex: 1;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-right:2px
}

.statistic .statistic-item .statistic-title {
    color: #202020;
    font-size:12px
}

.statistic .statistic-item .statistic-compare {
    font-size: 12px;
    transform: scale(.9);
    white-space:nowrap
}

.statistic .statistic-item .statistic-compare span {
    color:#707070
}

.statistic .statistic-item .statistic-num {
    font-size: 20px;
    font-weight:700
}

.statistic .statistic-item:last-child {
    margin-right:0
}

.statistic .statistic-item.orange {
    color: #f60;
    background:#fff1e8
}

.statistic .statistic-item.red {
    color: #cc1e1e;
    background:#fff0f1
}

.statistic .statistic-item.green {
    color: #178b50;
    background:#f0f8f4
}

.statistic .statistic-item.gray {
    color: #4e5a65;
    background:#f2f6f7
}

.campaign-steps-wrap .tab-pane {
    padding: 30px;
    padding-bottom:0
}

.campaign-steps {
    position: relative;
    margin: 0 0 0 -7px;
    padding: 0;
    list-style: none;
    zoom:1
}

.campaign-steps:after {
    content: '';
    display: table;
    clear:both
}

.campaign-steps.pink li.active .campaign-step-title:before, .campaign-steps.pink li.active .campaign-step-title:after, .campaign-steps.pink li.active:last-child:before, .campaign-steps.pink li.active:last-child:after, .campaign-steps.pink li:hover .campaign-step-title:before, .campaign-steps.pink li:hover .campaign-step-title:after {
    background:#ff55a1
}

.campaign-steps li {
    position: relative;
    float: left !important;
    margin:0 10px 1px 0
}

.campaign-steps li.active, .campaign-steps li.active .campaign-step-title, .campaign-steps li.active .campaign-step-title:hover, .campaign-steps li.active .campaign-step-title:focus, .campaign-steps li:hover, .campaign-steps li:hover .campaign-step-title {
    color:#fff
}

.campaign-steps li.active .campaign-step-title:before, .campaign-steps li.active .campaign-step-title:after, .campaign-steps li.active:last-child:before, .campaign-steps li.active:last-child:after, .campaign-steps li:hover .campaign-step-title:before, .campaign-steps li:hover .campaign-step-title:after {
    background:#333
}

.campaign-steps li a {
    padding:0 !important
}

.campaign-steps .campaign-step-title {
    display: block;
    position: relative;
    z-index: 10;
    color:#555
}

.campaign-steps .campaign-step-title span {
    display: block;
    position: relative;
    z-index: 20;
    padding: 15px 15px 15px 20px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-transform:uppercase
}

.campaign-steps .campaign-step-title:before, .campaign-steps .campaign-step-title:after {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 50%;
    background:#efefef
}

.campaign-steps .campaign-step-title:before {
    top: .5px;
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    transform:skew(30deg)
}

.campaign-steps .campaign-step-title:after {
    bottom: 0;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform:skew(-30deg)
}

.campaign-step {
    background: 0 0;
    font-size: 0;
    margin-left: -5px;
    margin-right:-5px
}

.campaign-step .campaign-step-title-active {
    display: none;
    margin: 0 5px;
    font-size: 14px;
    font-weight: 700;
    font-family: montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif
}

.campaign-step .campaign-step-title-active em {
    color: #333;
    margin-right: 8px;
    font-size:16px
}

.campaign-step.col-3 .campaign-step-wrap {
    width:33.33333333%
}

.campaign-step.col-2 .campaign-step-wrap {
    width:50%
}

.campaign-step .campaign-step-wrap {
    display: inline-block;
    width: 25%;
    box-sizing:border-box
}

.campaign-step .campaign-step-wrap .campaign-step-title {
    display: block;
    margin: 0 5px;
    padding: 0 0 10px;
    color: #999;
    font-size: 14px;
    font-weight: 700;
    font-family: montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif;
    border-bottom:4px solid #e3e3e3
}

.campaign-step .campaign-step-wrap .campaign-step-title em {
    margin-right: 8px;
    font-size:16px
}

.campaign-step .campaign-step-wrap .campaign-step-title.active {
    color: #333;
    border-color:#00bdff
}

@media (max-width: 560px) {
    .campaign-step {
        margin-left: 15px;
        margin-right:15px
    }

    .campaign-step .campaign-step-title-active {
        display:block
    }

    .campaign-step .campaign-step-wrap .campaign-step-title em, .campaign-step .campaign-step-wrap .campaign-step-title span {
        display:none
    }

    .campaign-steps-wrap .tab-pane {
        padding:15px 15px 0
    }

    .campaign-steps-wrap .tab-pane .campaign-reviews {
        padding:0
    }

    .campaign-steps .campaign-step-title span {
        padding:10px 15px 10px 20px
    }
}

.campaign-la-th .campaign-hero {
    height: 300px;
    background: #f7c845;
    overflow:hidden
}

.campaign-la-th .campaign-hero .campaign-banner {
    margin: 0 auto;
    max-width:1600px
}

.campaign-la-th .campaign-guide-wrap .campaign-guide-head {
    font: 700 18px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif
}

.campaign-la-th .campaign-guide-wrap .campaign-guide-title {
    position: relative;
    float:left
}

.campaign-la-th .campaign-guide-wrap .campaign-guide-title span {
    position: relative;
    display: block;
    z-index: 99;
    color: #fff;
    padding:10px 20px 5px 15px
}

.campaign-la-th .campaign-guide-wrap .campaign-guide-title:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    background: #1a1a1a;
    z-index:1
}

.campaign-la-th .campaign-guide-wrap .campaign-guide-title:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 14px;
    background: #1a1a1a;
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    transform: skew(30deg);
    z-index:9
}

.campaign-la-th .campaign-guide-wrap .campaign-guide-date {
    float: right;
    margin-top: 12px;
    font-size: 14px;
    font-weight:700
}

.campaign-la-th .section-action {
    clear:both
}

.campaign-la-th .section-action.padding-top {
    padding-top:30px
}

.campaign-la-th .section-action .btn {
    padding: 10px 20px;
    color: #fff;
    font-size: 16px;
    background: #1a1a1a;
    border-radius:4px
}

.campaign-la-th .campaign-gift {
    position: relative;
    margin-bottom:60px
}

.campaign-la-th .campaign-gift .campaign-badge {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 60px;
    padding: 3px 0;
    color: #fff;
    font-size: 12px;
    text-align:center
}

.campaign-la-th .campaign-gift .campaign-badge.campaign-gift-badge {
    top:23px
}

.campaign-la-th .campaign-gift .campaign-badge span {
    position: relative;
    z-index:9
}

.campaign-la-th .campaign-gift .campaign-badge span .fa {
    margin-right:8px
}

.campaign-la-th .campaign-gift .campaign-badge:after {
    position: absolute;
    content: ' ';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .8;
    z-index:0
}

.campaign-la-th .campaign-gift .campaign-badge.black:after {
    background:#000
}

.campaign-la-th .campaign-gift .campaign-badge.gray:after {
    background:#777
}

.campaign-la-th .campaign-gift .campaign-badge.blue:after {
    background:#00bdff
}

.campaign-la-th .campaign-gift .campaign-badge.orange:after {
    background:#f60
}

.campaign-la-th .campaign-gift .campaign-badge.purple:after {
    background:#ae70ee
}

.campaign-la-th .campaign-gift .campaign-badge.green:after {
    background:#80b518
}

.campaign-la-th .campaign-gift .campaign-badge.red:after {
    background:#ff4646
}

.campaign-la-th .campaign-gift .campaign-badge.brown:after {
    background:#72481c
}

.campaign-la-th .campaign-gift .campaign-badge.pink:after {
    background:#ff55a1
}

.campaign-la-th .campaign-gift .campaign-gift-img {
    border-radius: 100%;
    background-color: #f7f7f7;
    overflow:hidden
}

.campaign-la-th .campaign-gift .campaign-gift-img img {
    display: block;
    width: 100%;
    background-size: cover;
    background-position:center
}

.campaign-la-th .campaign-gift .campaign-gift-title {
    margin-top: 15px;
    height: 38px;
    font: 700 14px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif;
    overflow:hidden
}

.campaign-la-th .campaign-gift .campaign-gift-title .fa {
    margin-left: 5px;
    font-size: 13px;
    color:#777
}

.campaign-la-th .campaign-gift .campaign-gift-desc {
    margin: 10px 0 0;
    white-space: nowrap;
    overflow:hidden
}

.campaign-la-th .campaign-gift .campaign-gift-info {
    margin: 5px 0 0;
    color: #777;
    font-size: 12px;
    white-space: nowrap;
    overflow:hidden
}

.campaign-la-th .campaign-guide-block {
    position: relative;
    border: 5px solid #1a1a1a;
    background: #ffce4c;
    height:300px
}

.campaign-la-th .campaign-guide-block .campaign-guide-icon {
    margin: 15px auto;
    width: 160px;
    height:160px
}

.campaign-la-th .campaign-guide-block .campaign-guide-icon.campaign-guide-icon-1 {
    background: url(/images/la-guide-1.png) no-repeat;
    background-size: 160px 160px;
    transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -o-transform:rotate(-15deg)
}

.campaign-la-th .campaign-guide-block .campaign-guide-icon.campaign-guide-icon-2 {
    background: url(/images/la-guide-2.png) no-repeat;
    background-size: 160px 160px;
    transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform:rotate(20deg)
}

.campaign-la-th .campaign-guide-block .campaign-guide-icon.campaign-guide-icon-3 {
    background: url(/images/la-guide-3.png) no-repeat;
    background-size: 160px 160px;
    transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform:rotate(20deg)
}

.campaign-la-th .campaign-guide-block .campaign-guide-desc {
    position: absolute;
    top: 145px;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    padding: 15px;
    -ms-box-shadow: 0 3px 8px 4px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 3px 8px 4px rgba(0, 0, 0, .1);
    box-shadow:0 3px 8px 4px rgba(0, 0, 0, .1)
}

.campaign-la-th .campaign-guide-block .campaign-guide-desc ul {
    padding-left:15px
}

.campaign-la-th .campaign-guide-block .campaign-guide-desc ul li {
    margin-bottom:5px
}

.campaign-la-th .campaign-guide-block .campaign-guide-desc ul li a .fa {
    margin-left:5px
}

.campaign-la-th .campaign-section {
    margin: 0;
    padding:30px 0
}

.campaign-la-th .campaign-section.yellow-bg {
    background:#fff
}

.campaign-la-th .section-title {
    text-align:center
}

.campaign-la-th .section-title h2 {
    display: inline-block;
    margin-bottom: 30px;
    padding: 30px 0 10px;
    font-weight: 700;
    border-bottom:5px solid #ffce4c
}

.campaign-la-th .campaign {
    position:relative
}

.campaign-la-th .campaign .campaign-sm .campaign-title:before {
    color: #ccc;
    content: "\f055";
    pointer-events:none
}

.campaign-la-th .campaign .collapse {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 50px;
    left: 0;
    border-bottom: 1px solid #efefef;
    padding: 15px;
    background: #fff;
    z-index:999
}

.campaign-la-th .campaign .collapse ol, .campaign-la-th .campaign .collapse ul {
    margin-bottom: 0;
    padding-left:15px
}

.campaign-la-th .campaign .collapse ol li, .campaign-la-th .campaign .collapse ul li {
    margin-bottom:5px
}

.campaign-la-th .campaign .collapse ol .fa, .campaign-la-th .campaign .collapse ul .fa {
    margin-left:5px
}

.campaign-la-th .campaign .collapsing {
    -webkit-transition: none;
    transition: none;
    display:none
}

.campaign-la-th .campaign-pane.has-tab {
    margin-top: 0;
    box-shadow: none;
    background:0 0
}

.campaign-la-th .campaign-pane.has-tab .campaign-tab {
    margin-bottom: 0;
    background:0 0
}

.campaign-la-th .campaign-pane.has-tab .campaign-tab li a {
    display: block;
    padding:20px 15px
}

.campaign-la-th .campaign-pane.has-tab .campaign-tab li a:hover {
    background:#ddd
}

.campaign-la-th .campaign-pane.has-tab .campaign-tab li strong {
    position: relative;
    top: -5px;
    color: #333;
    font-weight:400
}

.campaign-la-th .campaign-logo {
    float:left
}

.campaign-la-th .campaign-logo img {
    height:80px
}

.campaign-la-th .campaign-stickers {
    float:right
}

.campaign-la-th .campaign-sticker-block .campaign-wrap {
    position:relative
}

.campaign-la-th .campaign-sticker-block .campaign-badge-la {
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 8px;
    padding: 0 5px;
    height: 18px;
    line-height: 18px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    background: #f60;
    border-radius:3px
}

.campaign-la-th .icon-la {
    display: inline-block;
    position: relative;
    top: 3px;
    margin: 0 15px 0 0;
    width: 30px;
    height: 30px;
    background: url(/images/la-lp-icons-4.png) no-repeat;
    background-size: 30px 120px;
    overflow:hidden
}

.campaign-la-th .icon-la.icon-la-guide {
    background-position:left top
}

.campaign-la-th .icon-la.icon-la-collect {
    background-position:left -30px
}

.campaign-la-th .icon-la.icon-la-award {
    background-position:left -60px
}

.campaign-la-th .icon-la.icon-la-detail {
    background-position:left -90px
}

.campaign-stickers {
    width: 80px;
    height: 80px;
    background: url(/images/guru-stickers.png) no-repeat;
    background-size:400px 800px
}

.campaign-stickers.third-street {
    background-position:left top
}

.campaign-stickers.abbot-kinney {
    background-position:-80px top
}

.campaign-stickers.amoeba {
    background-position:-160px top
}

.campaign-stickers.arts-district {
    background-position:-240px top
}

.campaign-stickers.beverly-hills-hotel {
    background-position:-320px top
}

.campaign-stickers.ca-science-center {
    background-position:left -80px
}

.campaign-stickers.catalina-island {
    background-position:-80px -80px
}

.campaign-stickers.colorado-st-bridge {
    background-position:-160px -80px
}

.campaign-stickers.concert {
    background-position:-240px -80px
}

.campaign-stickers.desert-hills {
    background-position:-320px -80px
}

.campaign-stickers.dining {
    background-position:left -160px
}

.campaign-stickers.disney-concert-hall {
    background-position:-80px -160px
}

.campaign-stickers.disneyland {
    background-position:-160px -160px
}

.campaign-stickers.fishing {
    background-position:-240px -160px
}

.campaign-stickers.flight-experience {
    background-position:-320px -160px
}

.campaign-stickers.getty-center {
    background-position:left -240px
}

.campaign-stickers.grand-central {
    background-position:-80px -240px
}

.campaign-stickers.griffith {
    background-position:-160px -240px
}

.campaign-stickers.hollywood-bowl {
    background-position:-240px -240px
}

.campaign-stickers.hollywood {
    background-position:-320px -240px
}

.campaign-stickers.ktown {
    background-position:left -320px
}

.campaign-stickers.last-book-store {
    background-position:-80px -320px
}

.campaign-stickers.little-tokyo {
    background-position:-160px -320px
}

.campaign-stickers.huntington-library {
    background-position:-240px -320px
}

.campaign-stickers.laguna-beach {
    background-position:-320px -320px
}

.campaign-stickers.malibu {
    background-position:left -400px
}

.campaign-stickers.mission-inn {
    background-position:-80px -400px
}

.campaign-stickers.newport {
    background-position:-160px -400px
}

.campaign-stickers.melrose-ave {
    background-position:-240px -400px
}

.campaign-stickers.mulholland-drive {
    background-position:-320px -400px
}

.campaign-stickers.pasadena {
    background-position:left -480px
}

.campaign-stickers.rodeo-dr {
    background-position:-80px -480px
}

.campaign-stickers.santa-monica-blvd {
    background-position:-160px -480px
}

.campaign-stickers.original-farmers-market {
    background-position:-240px -480px
}

.campaign-stickers.queen-mary {
    background-position:-320px -480px
}

.campaign-stickers.shooting {
    background-position:left -560px
}

.campaign-stickers.shopping {
    background-position:-80px -560px
}

.campaign-stickers.south-coast-plaza {
    background-position:-160px -560px
}

.campaign-stickers.staples-center {
    background-position:-240px -560px
}

.campaign-stickers.santa-monica {
    background-position:-320px -560px
}

.campaign-stickers.sunset-blvd {
    background-position:left -640px
}

.campaign-stickers.uc-irvine {
    background-position:-80px -640px
}

.campaign-stickers.the-broad {
    background-position:-160px -640px
}

.campaign-stickers.the-grove {
    background-position:-240px -640px
}

.campaign-stickers.ucla {
    background-position:-320px -640px
}

.campaign-stickers.universal-studios {
    background-position:left -720px
}

.campaign-stickers.usc {
    background-position:-80px -720px
}

.campaign-stickers.urban-lights {
    background-position:-160px -720px
}

.campaign-stickers.venice-canal {
    background-position:-240px -720px
}

.campaign-stickers.wayfarers-chapel {
    background-position:-320px -720px
}

.modal-la-guide h5 {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight:700
}

.modal-la-guide .modal-section {
    margin-bottom:30px
}

.modal-la-guide .modal-section ul {
    margin-bottom: 0;
    padding-left:18px
}

.modal-la-guide .modal-section ul li {
    margin-bottom:10px
}

@media (max-width: 1199px) {
    .campaign-la-th .campaign-gift .campaign-gift-title {
        height:22px
    }
}

@media (max-width: 991px) {
    .campaign-la-th .campaign-section.yellow-bg .col-md-4:last-child .campaign-guide-wrap {
        margin-top:30px
    }
}

@media (max-width: 768px) {
    .campaign-la-th .section-title h2 {
        margin-bottom:0
    }
}

@media (max-width: 688px) {
    .campaign-la-th .campaign-section .col-sm-6.col-xs-6 {
        float: none;
        width:auto
    }

    .campaign-la-th .campaign-section .col-sm-6.col-xs-6 .campaign-guide-wrap {
        margin-top:30px
    }

    .campaign-la-th .campaign-section .col-sm-6.col-xs-6 .campaign-guide-wrap .campaign-guide-head {
        font-size:14px
    }

    .campaign-la-th .campaign-section .col-sm-6.col-xs-6 .campaign-guide-wrap .campaign-guide-desc {
        top:100px
    }

    .campaign-la-th .campaign-section .col-sm-6.col-xs-6 .campaign-guide-wrap .campaign-guide-date {
        margin-top:7px
    }

    .campaign-la-th .campaign-section .col-sm-6.col-xs-6 .campaign .collapse {
        position:static
    }

    .campaign-la-th .campaign-section .col-sm-4.col-xs-6 {
        padding:0 15px
    }

    .campaign-la-th .campaign-section.yellow-bg {
        padding: 0 0 30px;
        background:#fff
    }

    .campaign-la-th .campaign-section.yellow-bg .col-sm-6.col-xs-6 {
        padding-left: 15px;
        padding-right:15px
    }

    .campaign-la-th .campaign-section.yellow-bg .section-title {
        margin-bottom:0
    }

    .campaign-la-th .campaign-section.yellow-bg .section-title h2 {
        margin: 45px 0 0;
        padding: 0;
        border-bottom:0
    }

    .campaign-la-th .campaign-section.yellow-bg .campaign-guide-block {
        height:240px
    }

    .campaign-la-th .campaign-section.yellow-bg .campaign-guide-block .campaign-guide-icon {
        width: 100px;
        height: 100px;
        background-size:100px 100px
    }

    .campaign-la-th .section-title {
        margin-bottom:0
    }

    .campaign-la-th .section-title h2 {
        margin: 15px 0;
        padding: 0;
        border-bottom:0
    }

    .campaign-la-th .campaign-pane.has-tab .campaign-tab li a {
        padding: 15px;
        font-size:16px
    }

    .campaign-la-th .campaign-pane.has-tab .campaign-tab li strong {
        top:-1px
    }

    .campaign-la-th .icon-la {
        margin-right: 10px;
        width: 20px;
        height: 20px;
        background-size:20px 80px
    }

    .campaign-la-th .icon-la.icon-la-collect {
        background-position:left -20px
    }

    .campaign-la-th .icon-la.icon-la-award {
        background-position:left -40px
    }

    .campaign-la-th .icon-la.icon-la-detail {
        background-position:left -60px
    }

    .campaign-la-th .campaign-gift {
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom:1px solid #efefef
    }
}

@media (max-width: 560px) {
    .ios .campaign-la-th {
        padding-bottom:56px
    }

    .campaign-la-th .campaign-hero {
        height:120px
    }

    .campaign-la-th .campaign-section {
        padding:0 0 15px
    }

    .campaign-la-th .campaign-section .col-sm-6.col-xs-6 {
        float: none;
        width:auto
    }

    .campaign-la-th .campaign-section .col-sm-6.col-xs-6:last-child .campaign-guide-wrap {
        margin-top:15px
    }

    .campaign-la-th .campaign-section .col-sm-6.col-xs-6 .campaign-guide-wrap {
        margin-top:15px
    }

    .campaign-la-th .campaign-section .col-sm-6.col-xs-6 .campaign-guide-wrap .campaign-guide-head {
        font-size:14px
    }

    .campaign-la-th .campaign-section .col-sm-6.col-xs-6 .campaign-guide-wrap .campaign-guide-desc {
        top:100px
    }

    .campaign-la-th .campaign-section .col-sm-6.col-xs-6 .campaign-guide-wrap .campaign-guide-date {
        margin-top:7px
    }

    .campaign-la-th .campaign-section .col-sm-6.col-xs-6 .campaign .collapse {
        position:static
    }

    .campaign-la-th .campaign-section.yellow-bg {
        padding:0 0 15px
    }

    .campaign-la-th .campaign-section.yellow-bg .section-title {
        margin-bottom:0
    }

    .campaign-la-th .campaign-section.yellow-bg .section-title h2 {
        margin:15px 0 0
    }

    .campaign-la-th .section-action.padding-top {
        padding-top:15px
    }

    .campaign-la-th .section-action .btn {
        padding: 7px 14px;
        font-size: 13px;
        border-radius:2px
    }

    .campaign-la-th .campaign-pane.has-tab {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 999;
        box-shadow:0 -3px 8px -3px rgba(0, 0, 0, .3)
    }

    .campaign-la-th .campaign-pane.has-tab .campaign-tab {
        background:#fff
    }

    .campaign-la-th .campaign-pane.has-tab .campaign-tab li a {
        padding:5px 15px
    }

    .campaign-la-th .campaign-pane.has-tab .campaign-tab li .icon-la {
        margin-right:0
    }

    .campaign-la-th .campaign-pane.has-tab .campaign-tab li strong {
        display: block;
        top: 0;
        margin-top: 2px;
        font-size:14px
    }

    .campaign-la-th .campaign-gift {
        margin-bottom: 15px;
        padding-bottom:15px
    }

    .campaign-la-th .campaign-gift .campaign-gift-title {
        height:38px
    }
}

@media (max-width: 400px) {
    .campaign-la-th .campaign-pane.has-tab .campaign-tab li a {
        padding:5px 10px
    }

    .campaign-la-th .campaign-pane.has-tab .campaign-tab li strong {
        font-size:13px
    }
}

.campaign-swiper-items .section-title.has-line.is-flex {
    display: flex;
    align-items: center;
    margin: 0;
    padding:0
}

.campaign-swiper-items .section-title.has-line.is-flex h6 {
    flex: 1;
    margin: 0;
    padding: 10px 0;
    font-size:16px
}

.campaign-swiper-items .section-title.has-line.is-flex .swiper-btns {
    display:flex
}

.campaign-swiper-items .section-title.has-line.is-flex .swiper-btns .swiper-btn-prev, .campaign-swiper-items .section-title.has-line.is-flex .swiper-btns .swiper-btn-next {
    display: flex;
    padding: 10px 8px;
    border: 0;
    width: auto;
    height: auto;
    line-height: 1;
    align-items: center;
    justify-content:center
}

.campaign-swiper-items .section-title.has-line.is-flex .swiper-btns .swiper-btn-more {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    height: auto;
    line-height: 1;
    padding:10px 0 10px 8px
}

.campaign-swiper-items.campaign-items {
    display:block
}

.campaign-swiper-items.campaign-items .swiper-slide {
    display: flex;
    width: 150px;
    height:auto
}

.campaign-swiper-items.campaign-items .campaign-item {
    padding: 10px 8px;
    border: 0;
    box-shadow:none
}

.campaign-swiper-items.campaign-items .campaign-item:hover {
    background:#f8f8f8
}

.campaign-swiper-items.campaign-items .campaign-item .campaign-item-desc {
    font-size:12px
}

.campaign-swiper-items.campaign-items .campaign-item .campaign-item-price {
    margin:8px 0
}

.campaign-swiper-items.campaign-items .campaign-item .campaign-item-price-now {
    font-size:13px
}

.campaign-swiper-items.campaign-items .campaign-item .campaign-badge-group .campaign-badge {
    font-size: 11px;
    padding: 3px 6px 4px;
    line-height:1
}

.campaign-swiper-items.campaign-items .campaign-item .campaign-info.campaign-info-sm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size:11px
}

.campaign-swiper-items.campaign-items .campaign-item .campaign-info.campaign-info-sm .campaign-info-merchant {
    margin-right:5px
}

.swiper-item .swiper-button-prev, .swiper-item .swiper-button-next {
    display: inline-block;
    position: static;
    top: auto;
    left: auto;
    right: auto;
    margin: 0 10px 0 0;
    width: 36px;
    height: 36px;
    background: #fff;
    z-index: 0;
    border-width: 1px;
    border-style: solid;
    border-radius: 100px;
    border-color: #ddd;
    vertical-align:middle
}

.swiper-item .swiper-button-prev:hover, .swiper-item .swiper-button-next:hover, .swiper-item .swiper-button-prev:focus, .swiper-item .swiper-button-next:focus, .swiper-item .swiper-button-prev.focus, .swiper-item .swiper-button-next.focus {
    border-color:#777
}

.swiper-topics .campaign .campaign-qa .campaign-qa-badge {
    margin-bottom:0
}

.swiper-topics .campaign .campaign-offer .campaign-wrap .campaign-desc h2 {
    margin-bottom:0
}

.swiper-recommend-merchants .campaign-tags {
    margin:0
}

@media (max-width: 560px) {
    .swiper-recommend-merchants .campaign {
        width:132px
    }

    .swiper-recommend-merchants .campaign .campaign-offer.campaign-box .campaign-wrap {
        border-bottom:0
    }

    .swiper-recommend-merchants .campaign .campaign-offer.campaign-box .campaign-wrap .campaign-aside .campaign-img.campaign-photo {
        padding-bottom:100%
    }

    .swiper-recommend-merchants .campaign .campaign-offer.campaign-box .campaign-wrap .campaign-content {
        padding:10px 0 0
    }

    .swiper-recommend-merchants .campaign .campaign-offer.campaign-box .campaign-wrap .campaign-desc h2 {
        font-size:14px
    }

    .swiper-recommend-merchants .swiper-slide {
        width:auto
    }

    .swiper-recommend-merchants .swiper-container {
        margin: 0 0 15px;
        padding: 15px 15px 0;
        background:#fff
    }
}

.table-grid .table-section .is-sub .table-col {
    font-weight:400
}

.table-grid .table-section .is-sub .table-col.first {
    padding-left:19px
}

.table-grid .table-section .table-row {
    cursor:pointer
}

.table-grid .table-tips {
    margin: 0 !important;
    padding: 5px 10px 5px 13px !important;
    border-bottom:1px solid #efefef
}

.table-grid .table-tips li {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    font-size:12px !important
}

.table-grid.is-5-col .table-row {
    grid-template-columns:1.5fr repeat(4, 1fr)
}

.table-grid .table-row {
    display: grid;
    grid-template-columns: 1.5fr repeat(3, 1fr);
    padding: 0;
    word-break: break-all;
    border-bottom:1px solid #efefef
}

.table-grid .table-row.table-head {
    gap: 1px;
    border-bottom:0
}

.table-grid .table-row.table-head .table-col {
    background:#f7f7f7
}

.table-grid .table-row.collapsed .table-col .fa-caret-right:before {
    content: "\f0da"
}

.table-grid .table-row .table-col {
    padding: 10px 0;
    font-size: 12px;
    font-weight: 700;
    text-align:center
}

.table-grid .table-row .table-col .fa-caret-right {
    margin-right: 5px;
    font-size: 15px;
    width:9px
}

.table-grid .table-row .table-col .fa-caret-right:before {
    content: "\f0d7"
}

.table-grid .table-row .table-col .new-num {
    display: block;
    color: #f30;
    font-size: .8em;
    font-weight:400
}

.table-grid .table-row .table-col.first {
    padding: 10px 10px 10px 6px;
    text-align:left
}

.table-grid .table-row .table-col.is-sort {
    cursor:pointer
}

.table-grid .table-row .table-col.is-sort:after {
    position: relative;
    top: -1px;
    margin: 0 0 0 2px;
    display: inline-block;
    font: normal normal normal 10px/1 FontAwesome;
    color: #555 !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0ec";
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform:rotate(90deg)
}

.table-grid .table-row .table-col.is-sort.is-sort-down:after {
    content: '\f161';
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0)";
    -webkit-transform: rotate(0);
    transform:rotate(0)
}

.table-grid .table-row .table-col.is-sort.is-sort-up:after {
    content: '\f160';
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0)";
    -webkit-transform: rotate(0);
    transform:rotate(0)
}

.table-grid .table-row .table-col.orange {
    color: #f60;
    background:#fff1e8
}

.table-grid .table-row .table-col.red {
    color: #cc1e1e;
    background:#fff0f1
}

.table-grid .table-row .table-col.green {
    color: #178b50;
    background:#f0f8f4
}

.table-grid .table-row .table-col.gray {
    color: #4e5a65;
    background:#f1f1f1
}

.table-grid .table-row .table-col.blue {
    color: #005dff;
    background: #f1f1f1;
    background-color:#e8effc
}

.responsive-table {
    position: relative;
    margin: 0 0 30px;
    width: 100%;
    font-family: montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif
}

.responsive-table.is-lg-header .table-arrow {
    height: 74px;
    line-height:74px
}

.responsive-table .table-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    overflow:hidden
}

.responsive-table .table-arrow:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(90deg, rgba(85, 85, 85, 0) 0%, #555 60%, #555 100%);
    z-index:1000
}

.responsive-table .table-arrow .fa {
    position: relative;
    color: #fff;
    font-size: 16px;
    z-index: 1001;
    -vendor-animation-duration: 1s;
    animation-duration: 1s;
    -vendor-animation-delay: 0s;
    animation-delay:0s
}

.responsive-table.has-scroll {
    overflow-y:auto
}

.responsive-table.has-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
    height:14px
}

.responsive-table.has-scroll::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid #fff;
    background-color:rgba(0, 0, 0, .3)
}

.responsive-table.has-scroll table {
    width:100%
}

.responsive-table.has-scroll table tr th {
    white-space:nowrap
}

.responsive-table.has-scroll table tr td {
    width: auto;
    white-space:nowrap
}

.responsive-table.flexable {
    overflow-y:auto
}

.responsive-table.flexable .inner {
    overflow-x: auto;
    overflow-y: auto;
    max-height:480px
}

.responsive-table.flexable::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
    height:14px
}

.responsive-table.flexable::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid #fff;
    background-color:rgba(0, 0, 0, .3)
}

.responsive-table.flexable table {
    width:100%
}

.responsive-table.flexable table tr th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 999;
    white-space:nowrap
}

.responsive-table.flexable table tr th.left {
    text-align:left
}

.responsive-table.flexable table tr th.right {
    text-align:right
}

.responsive-table.flexable table tr th:first-child {
    position: sticky;
    left: 0;
    z-index:1000
}

.responsive-table.flexable table tr td {
    white-space:nowrap
}

.responsive-table.flexable table tr td.left {
    text-align:left
}

.responsive-table.flexable table tr td.right {
    text-align:right
}

.responsive-table.flexable table tr td:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index:999
}

.responsive-table caption {
    padding: 15px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    background: #555;
    text-align:center
}

.responsive-table tr.green th {
    background:#80b518
}

.responsive-table tr.orange th {
    background:#f60
}

.responsive-table tr:nth-child(even) td {
    background:#efefef
}

.responsive-table tr:nth-child(even) td:first-child {
    background:#e3e3e3
}

.responsive-table tr th {
    padding: 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    background:#777
}

.responsive-table tr th.left {
    text-align:left
}

.responsive-table tr th.right {
    text-align:right
}

.responsive-table tr td {
    padding: 15px;
    width: 23%;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    background:#f7f7f7
}

.responsive-table tr td .fa-arrow-up {
    display: block;
    margin-bottom: 5px;
    color:#80b518
}

.responsive-table tr td .fa-arrow-down {
    display: block;
    margin-bottom: 5px;
    color:#c00
}

.responsive-table tr td:first-child {
    width: auto;
    background:#efefef
}

.responsive-table tr td.left {
    text-align:left
}

.responsive-table tr td.right {
    text-align:right
}

.responsive-table tr td strong {
    display: block;
    font-size: 16px;
    font-weight:500
}

.responsive-table tr td strong + span {
    margin-top:5px
}

.responsive-table tr td span {
    display: block;
    color: #777;
    font-size:13px
}

.responsive-table tr td span + strong {
    margin-top:5px
}

@media (max-width: 560px) {
    .responsive-table {
        margin:0 0 15px
    }

    .responsive-table .table-arrow {
        width: 50px;
        height: 50px;
        line-height:50px
    }

    .responsive-table caption {
        font-size:16px
    }

    .responsive-table tr th {
        padding: 15px;
        font-size:14px
    }

    .responsive-table tr td {
        font-size:14px
    }

    .responsive-table tr td strong {
        font-size:14px
    }

    .responsive-table tr td span {
        font-size:13px
    }
}

@media (max-width: 375px) {
    .responsive-table {
        margin:0 0 15px
    }

    .responsive-table caption {
        font-size:14px
    }

    .responsive-table.col-hidden tr th:nth-child(2), .responsive-table.col-hidden tr td:nth-child(2) {
        display:none
    }

    .responsive-table tr th {
        font-size:13px
    }

    .responsive-table tr td {
        width: 30%;
        font-size:13px
    }

    .responsive-table tr td strong {
        font-size:13px
    }

    .responsive-table tr td span {
        font-size:12px
    }
}

#nav-tab {
    clear: both;
    padding:0 15px
}

#nav-tab.black .swiper-container .swiper-slide.active a.nav-link {
    color:#fff
}

#nav-tab.black .swiper-container a.nav-link {
    color:#efefef
}

#nav-tab.black .swiper-container a.nav-link:hover {
    color: #efefef;
    background:#000
}

#nav-tab.black .swiper-btn-prev {
    color: #fff;
    background-image:linear-gradient(-90deg, rgba(51, 51, 51, 0) 0%, #333 40%, #333 100%)
}

#nav-tab.black .swiper-btn-next {
    color: #fff;
    background-image:linear-gradient(90deg, rgba(17, 17, 17, 0) 0%, #111 40%, #111 100%)
}

#nav-tab .swiper-wrapper.disabled {
    transform:translate3d(0px, 0, 0) !important
}

#nav-tab .swiper-container .swiper-slide {
    width:auto
}

#nav-tab .swiper-container .swiper-slide.active a.nav-link {
    color: #333;
    font-weight:bolder
}

#nav-tab .swiper-container .swiper-slide.active a.nav-link span {
    border-bottom:2px solid #00bdff
}

#nav-tab .swiper-container a.nav-link {
    display: block;
    padding: 0 15px;
    color: #777;
    font-size: 18px;
    line-height:1.4
}

#nav-tab .swiper-container a.nav-link:after {
    position: absolute;
    top: 4px;
    right: -4px;
    padding: 1px;
    width: 38px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-family: montserrat;
    border-radius: 2px;
    -webkit-transform: scale(.7);
    transform:scale(.7)
}

#nav-tab .swiper-container a.nav-link.hot:after {
    content: 'HOT';
    background:#ff4646
}

#nav-tab .swiper-container a.nav-link.new:after {
    content: 'NEW';
    background:#00bdff
}

#nav-tab .swiper-container a.nav-link:hover {
    color:#333
}

#nav-tab .swiper-container a.nav-link span {
    display: block;
    padding: 15px 15px 13px;
    border-bottom:2px solid transparent
}

#nav-tab .swiper-btn-prev {
    left: -2px;
    padding-left: 2px;
    text-align: left;
    background-image:linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #fff 40%, #fff 100%)
}

#nav-tab .swiper-btn-next {
    right: -2px;
    padding-right: 2px;
    text-align: right;
    background-image:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 40%, #fff 100%)
}

#nav-tab .swiper-btn-prev, #nav-tab .swiper-btn-next {
    position: absolute;
    top: 50%;
    margin-top: -22px;
    width: 32px;
    height: 42px;
    line-height: 42px;
    color: #333;
    font-size: 20px;
    cursor: pointer;
    z-index:9
}


.item-sort-tab .buttons-row {
    margin-bottom: 15px;
    width: 100%;
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    -ms-flex-wrap: nowrap;
    flex-wrap:nowrap
}

.item-sort-tab .buttons-row .button {
    border: 1px solid #555;
    color: #333;
    text-decoration: none;
    text-align: center;
    display: block;
    line-height: 27px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: 0;
    padding: 0 10px;
    margin: 0;
    height: 29px;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-family: inherit;
    cursor: pointer;
    outline: 0;
    border-left-width: 0;
    width: 100%;
    -webkit-box-flex:1
}

.item-sort-tab .buttons-row .button.active {
    color: #fff;
    background:#555
}

.item-sort-tab .buttons-row .button:first-child {
    border-radius: 5px 0 0 5px;
    border-left-width: 1px;
    border-left-style:solid
}

.item-sort-tab .buttons-row .button:last-child {
    border-radius:0 5px 5px 0
}

@media (max-width: 688px) {
    #nav-tab.is-narrow {
        padding:0 8px
    }

    #nav-tab.is-narrow .swiper-container a.nav-link {
        padding:0 8px
    }

    #nav-tab .swiper-container a.nav-link {
        font-size:16px
    }

    #nav-tab .swiper-container a.nav-link span {
        padding-left: 0;
        padding-right:0
    }
}

.campaign-ticker {
    position: relative;
    height: 40px;
    border-radius: 4px;
    box-shadow:0 0 10px rgba(0, 0, 0, .1)
}

.campaign-ticker.campaign {
    box-shadow:none
}

.campaign-ticker .campaign-ticker-icon {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background: #00bdff;
    border-radius:3px
}

.campaign-ticker .marquee3k {
    position: absolute;
    top: 10px;
    left: 40px;
    right: 10px;
    overflow:hidden
}

.campaign-ticker .marquee3k .inner span {
    display: inline-block;
    padding: 0 15px;
    border-right:1px solid #efefef
}

.campaign-ticker .marquee3k .inner span strong {
    padding-right:10px
}

.campaign-ticker .marquee3k .inner span strong.price {
    color: #f60;
    padding:0 0 0 2px
}

@media (max-width: 560px) {
    .campaign-ticker.campaign {
        border-radius:0
    }
}

.user-details .campaign-hero-panel {
    display:none
}

.user-details .campaign-hero-panel .user-content {
    margin-left:80px
}

.user-details .campaign-hero-panel .user-content h1 {
    margin: 0 0 10px;
    font-size:20px
}

.user-details .campaign-hero-panel .campaign-wrap {
    display: block;
    width:100%
}

.user-details .campaign-hero-panel .campaign-wrap:before {
    float: right;
    margin: 20px 0 0;
    font: normal normal normal 19px/1 FontAwesome;
    color: #999;
    content: "\f105"
}

.user-details .campaign-hero-panel .campaign-actions {
    padding: 15px;
    text-align:center
}

.user-details .campaign-hero-panel .campaign-actions .btn {
    margin:0 5px
}

.user-details .campaign-tags .campaign-tag img {
    position: relative;
    top: -1px;
    margin-right: 8px;
    width: 18px;
    height:18px
}

.user-details .campaign-tags .campaign-tag span {
    margin-left: 8px;
    padding: 0 6px;
    border-radius: 2px;
    color: #777;
    font-size: 12px;
    background: #f5f5f5;
    font-style:normal
}

.user-details .campaign-points-total .icon-nav-square {
    float:left
}

.user-details .campaign-points-total .campaign-md .campaign-wrap .campaign-info-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin:0 0 0 47px
}

.user-details .campaign-points-total .campaign-md .campaign-wrap .campaign-info-list .campaign-points-value {
    margin: 0 15px 0 10px;
    font: 700 26px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif
}

.user-details .campaign-points-total .campaign-md .campaign-wrap .campaign-info-list .campaign-points-info {
    padding: 2px 5px;
    color: #fff;
    font-size: 12px;
    background: #f60;
    border-radius:2px
}

.user-details .campaign-points .campaign-points-row {
    display: flex;
    flex-direction: row;
    border-bottom:1px solid #efefef
}

.user-details .campaign-points .campaign-points-row.head {
    font-size: 16px;
    font-weight:700
}

.user-details .campaign-points .campaign-points-row.head .campaign-points-value {
    color:#333
}

.user-details .campaign-points .campaign-points-row.green {
    background:rgba(128, 181, 24, .2)
}

.user-details .campaign-points .campaign-points-row > div {
    padding:15px
}

.user-details .campaign-points .campaign-points-row .campaign-points-date {
    width:20%
}

.user-details .campaign-points .campaign-points-row .campaign-points-value {
    width: 15%;
    text-align: right;
    color: #80b518;
    font-family: montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif;
    font-weight:700
}

.user-details .campaign-points .campaign-points-row .campaign-points-value.is-subtract {
    color:#c00
}

.user-details .campaign-points .campaign-points-row .campaign-points-activity {
    flex:1
}

.user-details .campaign-points .campaign-points-row .campaign-points-activity a {
    margin-left: 8px;
    color: #009eff;
    border-bottom:1px dotted #ccc
}

.user-details .campaign-points .campaign-points-row .campaign-points-activity a:hover {
    border-bottom:1px solid #009eff
}

.user-details .campaign-points-help .campaign-wrap {
    display: flex;
    flex-wrap:wrap
}

.user-details .campaign-points-help .campaign-wrap.col-3 .campaign-card {
    width:33.33333333%
}

.user-details .campaign-points-help .campaign-wrap.col-2 .campaign-card {
    width:50%
}

.user-details .campaign-points-help .campaign-card {
    padding: 0 15px 15px;
    border-right: 1px solid #efefef;
    border-bottom:1px solid #efefef
}

.user-details .campaign-points-help .campaign-card .campaign-icon {
    margin: 20px auto 15px;
    padding-top: 15px;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    background:#efefef
}

.user-details .campaign-points-help .campaign-card .campaign-icon .icon-color {
    margin:0 0 0 15px
}

.user-details .campaign-points-help .campaign-card .campaign-desc {
    color: #555;
    text-align:center
}

.user-details .campaign-points-help .campaign-card .campaign-point {
    margin-top: 5px;
    color: #80b518;
    font: 700 18px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif;
    text-align:center
}

.user-details .user-avatar {
    float:left
}

.user-details .user-content {
    margin-left:175px
}

.user-details .user-content.user-content-block {
    margin-left:0
}

.user-details .user-content h1 {
    margin: 5px 0 15px;
    font: 700 28px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif
}

.user-details .user-content .collapse-btn:before {
    content: '- 收起详细资料'
}

.user-details .user-content .collapse-btn.collapsed:before {
    content: '+ 查看详细资料'
}

.user-details .user-actions {
    float:right
}

.user-details .user-actions .btn {
    margin-left: 15px;
    border-radius:4px
}

.user-details .user-actions .btn:first-child {
    margin-left:0
}

.user-details .user-actions .btn .fa {
    margin-right:8px
}

.user-details .user-bullets {
    overflow:hidden
}

.user-details .user-bullets .user-info-list {
    margin-bottom:20px
}

.user-details .user-bullets .user-info-list.campaign-tags {
    margin-bottom:5px
}

.user-details .user-bullets .user-info-list .icon-wrap {
    float: left;
    width: 18px;
    height: 18px;
    border-color:transparent
}

.user-details .user-bullets .user-info-list .icon-wrap .icon {
    margin-top:0
}

.user-details .user-bullets .user-info-list label {
    float: left;
    margin: 0;
    width: 60px;
    font-weight:700
}

.user-details .user-bullets .user-info-list p {
    margin:0 0 0 88px
}

.user-details .user-social {
    text-align:center
}

.user-details .user-social span {
    display: block;
    color:#777
}

.user-details .user-social strong {
    margin-top: 5px;
    display:block
}

.user-details .campaign-info-panel .icon-nav-square {
    position: absolute;
    top:9px
}

.user-details .campaign-info-panel .campaign-md .campaign-wrap {
    position:relative
}

.user-details .campaign-info-panel .campaign-md .campaign-wrap .campaign-info-list {
    margin-left:45px
}

.user-details .campaign-info-panel .campaign-md .campaign-wrap .campaign-info-list span {
    margin-left: 8px;
    color:#777
}

.user-avatar a, .user-avatar span {
    display: block;
    width: 160px;
    height: 160px;
    line-height: 160px;
    color: #777;
    text-align: center;
    border: 4px solid #efefef;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.user-avatar.user-avatar-md a, .user-avatar.user-avatar-md span {
    width: 60px;
    height: 60px;
    line-height: 64px;
    border-width:2px
}

.user-avatar.user-avatar-md img{
border-radius: 60px;
width: 60px;
height: 60px;
margin: 0 0 20px 0;
}


.user-avatar.user-avatar-sm a, .user-avatar.user-avatar-sm span {
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-width:2px
}

.user-avatar.user-avatar-xs a, .user-avatar.user-avatar-xs span {
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-width:1px
}

@media (max-width: 991px) {
    .user-details .campaign-info-panel .campaign-md {
        float: left;
        width:33.33333333%
    }

    .user-details .user-actions {
        margin-top:15px
    }

    .user-details .user-social .campaign-md .campaign-wrap span {
        display:inline-block
    }

    .user-details .user-social .campaign-md .campaign-wrap strong {
        margin: 0 0 0 10px;
        display:inline-block
    }
}

@media (max-width: 640px) {
    .user-details .campaign-hero {
        display:none
    }

    .user-details .campaign-hero-panel {
        display:block
    }

    .user-details .campaign-hero-panel .campaign-md {
        float: none;
        width:100%
    }

    .user-details .col-lg-9.col-lg-pull-3.col-md-8.col-md-pull-4 {
        display:none
    }

    .user-details .user-social .campaign-md {
        display:table
    }

    .user-details .user-social .campaign-md .campaign-wrap {
        display: table-cell;
        width: 50%;
        border-left:1px solid #efefef
    }

    .user-details .user-social .campaign-md .campaign-wrapfirst-child {
        border-left:0
    }

    .user-details .campaign-info-panel .campaign-md {
        float: none;
        width:100%
    }
}

@media (max-width: 640px) {
    .user-details .user-content.user-content-block h1 {
        margin: 0 0 15px;
        font-size:24px
    }

    .user-details .user-content.user-content-block .user-bullets .user-info-list.campaign-tags {
        margin-bottom:-15px
    }

    .user-details .campaign-points .campaign-points-row .campaign-points-date {
        width:25%
    }

    .user-details .campaign-points .campaign-points-row .campaign-points-value {
        width:20%
    }

    .user-details .campaign-points-help .campaign-wrap.col-3 .campaign-card {
        width:50%
    }

    .hidden-mobile {
        display:none !important
    }

    .visible-mobile {
        display:block !important
    }
}

@media (max-width: 560px) {
    .user-details .campaign-points .campaign-points-row .campaign-points-date {
        width:27%
    }

    .user-details .campaign-points .campaign-points-row .campaign-points-value {
        width:22%
    }
}

@media (max-width: 375px) {
    .user-details .campaign-points-total .campaign-md .campaign-wrap .campaign-info-list {
        margin-top:4px
    }

    .user-details .campaign-points-total .campaign-md .campaign-wrap .campaign-info-list .campaign-points-value {
        margin-right: 10px;
        font-size:20px
    }

    .user-details .campaign-points .campaign-points-row.head {
        font-size:14px
    }

    .user-details .campaign-points .campaign-points-row .campaign-points-date {
        width:29%
    }

    .user-details .campaign-points .campaign-points-row .campaign-points-value {
        width:24%
    }
}


.section-title h1 {
    margin: 0;
    font: 700 28px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif;
    line-height: 1.5;
    text-align:center
}

.section-title h2 {
    margin: 0;
    font: 700 24px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif;
    line-height:1.5
}

.section-title h6 {
    margin: 0;
    font: 700 24px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif;
    line-height:1.5
}

.section-title span.dropdown {
    display:inline-block
}

.visible-mobile-ad {
    display:none !important
}

.item-section {
    padding:50px 0
}

.item-section-gray {
    background:#eee
}

.item-section-white {
    background:#fff
}

.item-section-white .fp-tableCell {
    display:block
}

.item-section-white #footer {
    background:#f7f7f7
}

.item-section-intro {
    padding:15px 0 0
}

.item-section-intro .item-article.item-article-sm {
    margin:0 0 15px
}

.item-section-intro .item-article.item-article-sm p {
    margin:0 0 15px
}

.item-grid .item {
    position: relative;
    background: #fff;
    border-radius:0 12px 0 0
}

.item-grid .item:hover, .item-grid .item:focus, .item-grid .item.focus {
    cursor:default
}

.item-grid .item.item-series {
    background:#80b518
}

.item-grid .item.item-series .item-title {
    padding-right:40px
}

.item-grid .item.item-series .item-title a {
    color:#fff
}

.item-grid .item.item-series .item-title a:hover {
    color:#efefef
}

.item-grid .item .item-series-badge {
    position: absolute;
    right: 0;
    top: 0;
    width: 64px;
    height: 64px;
    background: url(/images/badge-series-2.png) repeat;
    background-size: 64px 64px;
    border-radius: 0 11px 0 0;
    z-index:9
}

.item-grid.item-section-white .item {
    background:#f8f8f8
}

.item-grid .row .item {
    margin-bottom:30px
}

.item-grid .row .item .item-image a {
    height:200px
}

.item-grid h3.item-title {
    margin: 0;
    padding: 20px 20px 10px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

.item-grid h3.item-title.single {
    padding-bottom:20px
}

.item-grid h3.item-title.double {
    padding-bottom: 20px;
    line-height: 1.4;
    white-space:normal
}

.item-grid h3.item-title.double a {
    display: block;
    height: 44px;
    overflow:hidden
}

.item-grid .item-avatar {
    position: absolute;
    top: 57px;
    right:20px
}

.item-grid .item-avatar a {
    width: 54px;
    height:54px
}

.item-grid .item-user-grid .item-avatar {
    position: static;
    top: auto;
    left:auto
}

.item-grid .item-image a {
    display: block;
    width: 100%;
    height: 270px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.item-grid .item-info {
    padding: 0 20px 20px;
    font-size: 12px;
    color:#777
}

.item-grid .item-info .fa {
    margin-right:5px
}

.item-grid .item-sub-title {
    margin-bottom: 15px;
    padding: 0 20px;
    height:17px
}

.item-grid .item-rating {
    padding:0 20px 14px
}

.item-grid .item-tag-wrap {
    position: absolute;
    left: 20px;
    bottom: 20px;
    padding-right:10px
}

.item-grid .item-tag {
    position: relative;
    float: left;
    margin:10px 10px 0 0
}

.item-grid .item-tag p {
    position: relative;
    margin: 0;
    padding: 4px 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    z-index:100
}

.item-grid .item-tag p a {
    color:#fff
}

.item-grid .item-tag p a:hover, .item-grid .item-tag p a:focus, .item-grid .item-tag p a.focus {
    text-decoration:underline
}

.item-grid .item-tag span {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    opacity:.9
}

.item-grid .item-tag .item-tag-red {
    background:#ff4646
}

.item-grid .item-tag .item-tag-blue {
    background:#00bdff
}

.item-grid .item-tag .item-tag-purple {
    background:#ae70ee
}

.item-grid .item-tag .item-tag-green {
    background:#80b518
}

.item-grid .item-load .btn {
    margin-bottom:30px
}

.item-grid .swiper-item .row {
    margin:0 -10px
}

.item-grid .swiper-item .row .col-md-3 {
    padding-left: 10px;
    padding-right:10px
}

.item-user-grid {
    position: relative;
    margin-bottom: 30px;
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    text-align:center
}

.item-user-grid .item-avatar {
    display:inline-block
}

.item-user-grid .item-avatar a {
    width: 72px;
    height: 72px;
    border:2px solid #ddd
}

.item-user-grid .item-user-name {
    padding: 5px 0;
    min-height: 32px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

.item-user-grid .item-user-location {
    color: #777;
    font-size:12px
}

.item-user-grid .item-user-location .fa {
    margin-right:5px
}

.item-user-grid .item-user-panel {
    margin: 10px 0;
    padding:0
}

.item-user-grid .item-user-panel li {
    margin: 0 10px;
    display:inline-block
}

.item-user-grid .item-user-panel li a, .item-user-grid .item-user-panel li span {
    font-size:16px
}

.item-user-grid .item-user-panel li a label, .item-user-grid .item-user-panel li span label {
    display: block;
    margin: 0;
    color: #777;
    font-size: 12px;
    font-weight:400
}

.item-user-grid .item-user-intro {
    text-align: left;
    height: 51px;
    line-height: 1.5;
    overflow: hidden;
    color: #555;
    font-size:12px
}

.item-user-grid .item-user-intro span {
    color:#777
}

.item-user-grid .item-user-btn {
    height: 30px;
    margin-top:15px
}

.item-user-grid .item-user-btn .btn {
    margin:0 3px
}

.item-user-grid .btn-follow {
    position: absolute;
    right: 15px;
    top:15px
}

.item-user-grid .btn-msg {
    position: absolute;
    left: 15px;
    top:15px
}

.item-user-profile .item-avatar a {
    width: 90px;
    height:90px
}

.item-user-profile .item-user-name {
    padding: 10px 0;
    font-size:18px
}

.item-user-profile .item-user-panel {
    margin:20px 0
}

.item-user-profile .item-user-intro {
    margin: 0 30px -20px;
    padding: 50px 0 0;
    height: auto;
    font-size: 14px;
    border-top:1px solid #eee
}

.item-user-profile .item-user-intro section {
    margin-bottom: 50px;
    color:#777
}

.item-user-profile .item-user-intro section h3 {
    margin: 0 0 15px;
    color: #333;
    font-size:16px
}

.item-user-profile .item-user-intro section p {
    margin: 0 0 15px;
    line-height:1.8
}

.item-list .item {
    position: relative;
    margin-bottom: 30px;
    background: #fff;
    border-radius: 12px;
    overflow:hidden
}

.item-list .item .item-member .item-avatar {
    float: left;
    margin-right:5px
}

.item-list .item .item-member .item-avatar a {
    border:2px solid #ddd
}

.item-list .item .item-member .item-member-info {
    float: left;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    color:#777
}

.item-list .item.item-series {
    background:#80b518
}

.item-list .item.item-series h3.item-title.item-article-title {
    margin-right: 30px;
    color:#fff
}

.item-list .item.item-series h3.item-title.item-article-title a {
    color:#fff
}

.item-list .item.item-series h3.item-title.item-article-title a:hover {
    color:#efefef
}

.item-list .item.item-series .item-desc {
    color:#fff
}

.item-list .item.item-series .like-view-in-list {
    color:#fff
}

.item-list .item .item-series-badge {
    position: absolute;
    right: 0;
    top: 0;
    width: 64px;
    height: 64px;
    background: url(/images/badge-series-2.png) repeat;
    background-size: 64px 64px;
    border-radius: 0 0 0 0;
    z-index:9
}

.item-list .item-image {
    position:relative
}

.item-list .item-image a {
    display: block;
    width: 200px;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.item-list .item-image .item-group-avatar {
    position: absolute;
    left: 15px;
    top:15px
}

.item-list .item-image .item-group-avatar a {
    display: block;
    width: 54px;
    height: 54px;
    border: 2px solid #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.item-list .item-group {
    position: relative;
    margin-left: 200px;
    padding:20px
}

.item-list h3.item-title {
    margin: 0 155px 10px 0;
    padding: 0;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

.item-list h3.item-title.item-article-title {
    margin-right:10px
}

.item-list .item-info {
    position: absolute;
    top: 17px;
    right: 0;
    padding: 4px 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    background: #00bdff;
    border-radius:100px 0 0 100px
}

.item-list .item-desc {
    margin-bottom: 16px;
    height: 48px;
    line-height: 1.8;
    color: #777;
    overflow:hidden
}

.item-list.item-list-lg .item-desc {
    height:75px
}

.item-list .item-location {
    margin-bottom: 10px;
    font-size:12px
}

.item-list .item-location .fa {
    margin-right:5px
}

.item-list .item-action {
    overflow:hidden
}

.item-list .item-member .item-avatar {
    display:inline-block
}

.item-list .item-member .item-more {
    text-align: center;
    line-height:34px
}

.item-list .item-member .item-more .fa {
    color:#777
}

.item-list .item-guru .media {
    background:#fff
}

.item-list .item-guru .media .item-point {
    background:#f7f7f7
}

.item-list .item-guru .media .item-point img {
    position: relative;
    top: -1px;
    margin-left: 3px;
    width: 16px;
    height:16px
}

.item-list .item-promo {
    margin-bottom:0
}

.item-list .item-create .btn {
    margin-bottom:30px
}

.item-list .item-create .btn .fa {
    margin-right:8px
}

.item-list .like-view-in-list {
    padding: 7px 14px;
    display: inline-block;
    color:#666
}

.item-collection-list .item-image {
    float:none !important
}

.item-collection-list .item-image a {
    width:100%
}

.item-collection-list .item-image .item-group-avatar {
    top: 173px;
    left: auto;
    right:20px
}

.item-collection-list h3.item-title {
    margin:0 25px 10px 0
}

.item-collection-list .item-desc {
    margin-bottom:0
}

.item-collection-list .item-price {
    margin-bottom: 10px;
    height: 22px;
    font-size: 16px;
    font-family: Montserrat;
    font-weight:700
}

.item-collection-list .item-group {
    position: static;
    margin-left:0
}

.item-collection-list .item-coupon-merchant-info {
    height:114px
}

.item-collection-list .item-coupon-merchant-address {
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

.item-panel {
    margin-bottom: 30px;
    background: #fff;
    border-radius: 12px;
    overflow:hidden
}

.item-panel h3 {
    margin: 0 0 15px;
    font-weight:700
}

.item-panel .item-panel-title {
    margin:0 0 15px
}

.item-panel .item-panel-title h3 {
    margin:5px 0 0
}

.item-panel .item-panel-title .btn {
    margin-left:6px
}

.item-panel .item-nav ul {
    margin: 0;
    padding:0
}

.item-panel .item-nav ul li {
    list-style:none
}

.item-panel .item-nav ul li a {
    display: block;
    padding: 15px;
    font-size:16px
}

.item-panel .item-nav ul li a:hover, .item-panel .item-nav ul li a:focus, .item-panel .item-nav ul li a.focus, .item-panel .item-nav ul li a.active {
    color: #333;
    background:#eee
}

.item-panel .item-nav ul li .item-nav-text {
    display: block;
    padding: 15px;
    font-size:16px
}

.item-panel .item-nav .item-nav-title {
    display: block;
    padding: 15px;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    background:#555
}

.item-panel .item-nav .item-user {
    margin:0
}

.item-panel .item-nav .item-user .item-avatar {
    float:right
}

.item-panel .item-nav .item-user .item-avatar a {
    width: 54px;
    height:54px
}

.item-panel .item-nav .item-user .item-user-content {
    margin:0 69px 0 0
}

.item-panel .item-nav .item-user .item-user-name {
    margin: 0 0 8px;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    font-family: montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif
}

.item-panel .item-nav .item-summary {
    margin: 15px 15px 0;
    padding-bottom: 15px;
    border-bottom:1px solid #eee
}

.item-panel .item-nav .item-summary h3 {
    margin: 0 0 8px;
    font-family: montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif
}

.item-panel .item-nav .item-summary .item-note {
    margin: 0 0 5px;
    color: #777;
    font-size:12px
}

.item-panel .item-nav .item-summary .item-tag p {
    float: left;
    margin: 10px 10px 0 0;
    padding: 4px 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border-radius:100px
}

.item-panel .item-nav .item-summary .item-tag p a {
    color:#fff
}

.item-panel .item-nav .item-summary .item-tag p a:hover, .item-panel .item-nav .item-summary .item-tag p a:focus, .item-panel .item-nav .item-summary .item-tag p a.focus {
    text-decoration:underline
}

.item-panel .item-nav .item-summary .item-tag .item-tag-red {
    background:#ff4646
}

.item-panel .item-nav .item-summary .item-tag .item-tag-blue {
    background:#00bdff
}

.item-panel .item-nav .item-nav-link {
    float: left;
    margin:2px 0 0
}

.item-panel .item-nav .item-nav-link em {
    display:none
}

.item-panel .item-nav .icon {
    float: left;
    margin:4px 8px 0 0
}

.item-panel .item-nav .item-count {
    float: right;
    padding: 4px 10px;
    font-size: 12px;
    color: #777;
    background: #f7f7f7;
    border-radius:100px
}

.item-panel .item-activity-nav {
    margin: 0;
    padding:10px 0
}

.item-panel .item-activity-nav .icon-grid {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 56px;
    height: 56px;
    border-radius:100px
}

.item-panel .item-activity-nav .icon-grid.icon-grid-red {
    background:#ff4646
}

.item-panel .item-activity-nav .icon-grid.icon-grid-blue {
    background:#00bdff
}

.item-panel .item-activity-nav .icon-grid.icon-grid-purple {
    background:#ae70ee
}

.item-panel .item-activity-nav .icon-grid.icon-grid-green {
    background:#bada55
}

.item-panel .item-activity-nav .icon-grid.icon-grid-orange {
    background:#f60
}

.item-panel .item-activity-nav .icon-grid.icon-grid-gray {
    background:#777
}

.item-panel .item-activity-nav .icon-grid .icon-ios {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -13px;
    margin-top:-13px
}

.item-panel .item-activity-nav .icon-ios {
    display: block;
    width: 26px;
    height: 26px;
    background: url(/images/icons-nav-ios-101618.png) no-repeat;
    background-size:52px 598px
}

.item-panel .item-activity-nav .icon-ios-activity {
    background-position:left -156px
}

.item-panel .item-activity-nav .icon-ios-member {
    background-position:right -130px
}

.item-panel .item-activity-nav .icon-ios-talk {
    background-position:right -156px
}

.item-panel .item-activity-nav .icon-ios-gallery {
    background-position:right -182px
}

.item-panel .item-activity-nav .icon-grid-title {
    margin-top: 5px;
    color: #777;
    text-align:center
}

.item-panel .item-activity-nav .icon-grid-title span {
    margin-left: 5px;
    color:#333
}

.item-panel .item-member {
    padding:15px 0 2px 15px
}

.item-panel .item-member .item-member-content .item-avatar {
    float: left;
    margin:0 13px 13px 0
}

.item-panel .item-member .item-member-content .item-avatar a {
    border:2px solid #ddd
}

.item-panel .item-member .item-panel-title .btn {
    margin-right:15px
}

.item-panel .item-member .item-user-list {
    margin: 0 15px 15px 0;
    border-bottom:1px solid #eee
}

.item-panel .item-member .item-more {
    padding:2px 15px 13px 0
}

.item-panel .item-user {
    margin-bottom:10px
}

.item-panel .item-user .item-avatar {
    float:left
}

.item-panel .item-user .item-avatar a {
    margin: 0;
    width: 54px;
    height: 54px;
    border:2px solid #ddd
}

.item-panel .item-user .item-user-content {
    position: relative;
    margin-left:69px
}

.item-panel .item-user .item-user-content .item-user-login {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 5.4;
    text-align: center;
    color:#777
}

.item-panel .item-user .item-user-name {
    padding:5px 0
}

.item-panel .item-user .item-user-info {
    color: #777;
    font-size:12px
}

.item-panel .item-thumb {
    padding:15px 0 10px 15px
}

.item-panel .item-thumb .item-thumb-content a {
    float: left;
    margin: 0 5px 5px 0;
    width: 74px;
    height: 74px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.item-panel .item-thumb .item-more {
    padding:10px 15px 5px 0
}

.item-panel .item-intro {
    padding:15px 20px 0
}

.item-panel .item-intro p {
    margin: 0 0 15px;
    line-height:1.8
}

.item-panel .item-intro textarea.form-control {
    margin-bottom:15px
}

.item-panel .item-intro .collapse-content {
    position: relative;
    margin-bottom: 15px;
    max-height: 90px;
    overflow:hidden
}

.item-panel .item-intro .collapse-content .collapse-overlay {
    position: absolute;
    top: 70px;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, #fff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)
}

.item-panel .item-intro .collapse-content.open {
    max-height: none;
    margin-bottom:15px
}

.item-panel .item-intro .collapse-content.open .collapse-overlay {
    display:none
}

.item-panel .item-intro .collapse-btn {
    padding: 0 0 15px;
    text-align:right
}

.item-panel .item-info-list {
    padding: 15px 20px;
    border-bottom:1px solid #eee
}

.item-panel .item-info-list h2.info-title {
    margin: 0 0 15px;
    font-size:18px
}

.item-panel .item-info-list h2.info-user-title {
    margin: 0 0 5px;
    font-size:18px
}

.item-panel .item-info-list .add-to-calendar .dropdown-menu {
    right: 0;
    left: auto;
    top:30px
}

.item-panel .item-info-list .add-to-calendar .dropdown-menu .fa {
    margin-right: 5px;
    width: 16px;
    text-align:center
}

.item-panel .item-info-list .icon-wrap {
    width: 18px;
    border:0
}

.item-panel .item-info-list .item-avatar a {
    border:1px solid #ddd
}

.item-panel .item-info-list .btn-sm {
    margin:3px 0 0 10px
}

.item-panel .item-info-list .btn-sm .fa {
    margin-right:5px
}

.item-panel .item-info-list .btn-social {
    margin: 0 10px 0 0;
    color:#fff
}

.item-panel .item-info-list .btn-social.btn-facebook {
    background: #3b5998;
    border-color:#3b5998
}

.item-panel .item-info-list .btn-social.btn-twitter {
    background: #55acee;
    border-color:#55acee
}

.item-panel .item-info-list .btn-social.btn-gplus {
    background: #ff4646;
    border-color:#ff4646
}

.item-panel .item-info-list .btn-social.btn-wechat {
    background: #7bb32e;
    border-color:#7bb32e
}

.item-panel .item-info-list .btn-social.btn-weibo {
    background: #f60;
    border-color:#f60
}

.item-panel .item-info-list .item-rating {
    float: left;
    height:18px
}

.item-panel .item-info-list .item-rating .icon-rating {
    float:left
}

.item-panel .item-info-list .item-rating .item-text {
    margin-left:5px
}

.item-panel .item-info-list .item-rating-badge, .item-panel .item-info-list .item-rating-fire {
    margin-left:30px
}

.item-panel .item-info-list .item-pricing {
    float: left;
    font-weight: 700;
    font-family: montserrat;
    color: #f90;
    letter-spacing:2px
}

.item-panel .item-info-list .item-pricing:before {
    content: "•";
    position: relative;
    top: -1px;
    margin: 0 10px;
    color: #ccc;
    font-size:10px
}

.item-panel .item-info-list .item-intro {
    padding: 0;
    line-height:1.8
}

.item-panel .item-info-list .item-tag, .item-panel .item-info-list .item-user-tag {
    margin-right: 10px;
    padding: 4px 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 100px;
    white-space:nowrap
}

.item-panel .item-info-list .item-user-tag {
    float: left;
    margin-top:10px
}

.item-panel .item-info-list .item-user-tag.item-point {
    padding:3px 10px 4px
}

.item-panel .item-info-list .item-point img {
    position: relative;
    top: -1px;
    margin-left: 3px;
    width: 16px;
    height:16px
}

.item-panel .item-info-list .item-tag-gray {
    background:#777
}

.item-panel .item-info-list .item-tag-red {
    background:#ff4646
}

.item-panel .item-info-list .item-tag-blue {
    background:#00bdff
}

.item-panel .item-info-list .item-tag-green {
    background:#80b518
}

.item-panel .item-info-list .item-tag-purple {
    background:#ae70ee
}

.item-panel .item-check-list {
    padding:15px 20px 5px
}

.item-panel .item-check-list ul {
    margin: 0;
    padding:0
}

.item-panel .item-check-list ul li {
    margin-bottom: 15px;
    list-style:none
}

.item-panel .item-check-list ul li .checkbox {
    padding: 12px 15px 12px 35px;
    border-left: 3px solid #ddd;
    border-radius: 0 4px 4px 0;
    box-shadow:0 0 5px rgba(0, 0, 0, .08)
}

.item-panel .item-check-list ul li .checkbox.active {
    border-left:3px solid #80b518
}

.item-panel .item-check-list ul li .checkbox.checkbox-input {
    padding-left:15px
}

.item-panel .item-check-list ul li .checkbox .label {
    margin:5px 0
}

.item-panel .item-check-list ul li .checkbox .form-control {
    width:80%
}

.item-panel .item-check-list ul li .checkbox .btn-success {
    margin-top:3px
}

.item-panel .item-map .item-title {
    padding:10px 15px
}

.item-panel .item-map .item-title .icon-wrap {
    width: 18px;
    border:0
}

.item-panel .item-map .item-map-thumb {
    display: block;
    height: 270px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.item-panel .item-map #map-thumb {
    height:270px
}

.item-panel .item-photo-list {
    padding-right:-2px
}

.item-panel .item-photo-list .item-photo {
    position: relative;
    float:left
}

.item-panel .item-photo-list .item-photo a {
    display: block;
    width: 250px;
    height: 250px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.item-panel .item-photo-list .item-photo a.border-left {
    border-left:2px solid #fff
}

.item-panel .item-photo-list .item-photo a.border-bottom {
    border-bottom:2px solid #fff
}

.item-panel .item-photo-list .item-photo.item-photo-sm a {
    width: 125px;
    height: 125px;
    color: #fff;
    text-align:center
}

.item-panel .item-photo-list .item-photo a.item-text {
    position: absolute;
    padding: 43px 5px 0;
    z-index:100
}

.item-panel .item-photo-list .item-photo .item-overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 35%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.54) 100%);
    z-index: 0;
    margin-left:2px
}

.item-panel .item-photo-list .item-photo .item-overlay:hover, .item-panel .item-photo-list .item-photo .item-overlay:focus, .item-panel .item-photo-list .item-photo .item-overlay.focus {
    background:linear-gradient(180deg, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.36) 100%)
}

.item-panel .item-filter {
    padding:15px 15px 0
}

.item-panel .item-filter ul {
    margin: 0;
    padding:0 0 5px
}

.item-panel .item-filter ul li {
    margin: 0 0 10px;
    list-style:none
}

.item-panel .item-filter ul li .fa-plus-square-o, .item-panel .item-filter ul li .fa-minus-square-o {
    margin-right:5px
}

.item-panel .item-filter ul li label span {
    position: relative;
    top: -1px;
    margin-left: 5px;
    color: #777;
    font-size:12px
}

.item-panel .item-filter.item-filter-panel {
    padding:15px 20px 5px
}

.item-panel .item-filter .item-filter-tag {
    margin: 0 10px 10px 0;
    display: inline-block;
    padding: 4px 0 4px 10px;
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius:100px
}

.item-panel .item-filter .item-filter-tag a:hover, .item-panel .item-filter .item-filter-tag a:focus, .item-panel .item-filter .item-filter-tag a.focus {
    color:#c00
}

.item-panel .item-filter .item-filter-tag .fa {
    margin:0 10px 0 5px
}

.col-md-9 .item-photo-list .item-photo a {
    width:298px
}

.col-md-9 .item-photo-list .item-photo-md a {
    width:282.5px
}

.item-avatar a {
    display: block;
    width: 36px;
    height: 36px;
    border: 2px solid #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.item-step .section-title {
    margin-bottom:50px
}

.item-step .section-title .fa {
    margin-right:10px
}

.item-step .section-title p {
    margin: 15px 0 0;
    font-size: 16px;
    color: #777;
    text-align: center;
    line-height:1.8
}

.item-step .step-title .step-note {
    position: relative;
    top: 5px;
    color:#777
}

.item-step .item-panel {
    padding: 15px 20px 20px;
    overflow:visible
}

.item-step .item-panel .email-hint {
    color: #777;
    font-size: 13px;
    font-weight: 400;
    margin-top:5px
}

.item-step .item-panel .step-title {
    margin:0 0 15px
}

.item-step .item-panel .step-title h2 {
    margin: 5px 0 0;
    font-weight: 700;
    font-size: 18px;
    font-family: montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif
}

.item-step .item-panel .item-avatar-panel {
    margin:15px 0
}

.item-step .item-panel .item-avatar-panel .item-avatar a {
    float: left;
    width: 90px;
    height: 90px;
    border:2px solid #ddd
}

.item-step .item-panel .item-avatar-panel .btn {
    float: left;
    margin:30px 0 0 15px
}

.item-step .item-panel .item-desc label {
    margin: 0;
    font-weight: 400;
    color:#777
}

.item-step .item-panel .item-desc h3 {
    font-weight: 400;
    font-size:16px
}

.item-step .item-panel .item-desc p {
    margin: 0;
    padding: 15px 0 0;
    color: #777;
    line-height: 1.8;
    border-top:1px solid #eee
}

.item-step .item-panel .item-desc .item-info-list {
    padding: 10px 0;
    border-top: 1px solid #eee;
    border-bottom:0
}

.item-step .item-panel .item-desc .item-info-list .item-avatar-lg a {
    margin: 0 auto;
    width: 90px;
    height:90px
}

.item-step .item-panel .item-desc .item-info-list span em {
    padding: 4px 10px;
    color: #777;
    font-size: 12px;
    font-style: normal;
    background: #eee;
    border-radius:100px
}

.item-step .item-panel .item-desc .item-info-list span em .fa {
    margin-right:3px
}

.item-step .item-panel .item-desc.item-desc-list {
    margin-bottom:-15px
}

.item-step .item-panel .item-desc .item-note {
    margin-bottom: 15px;
    color:#777
}

.item-step .item-panel .form-group-lg {
    margin:15px 0 0
}

.item-step .item-panel .item-switch {
    margin-top: 15px;
    padding-top: 15px;
    border-top:1px solid #eee
}

.item-step .item-panel .item-switch .pull-left {
    margin-top:5px
}

.item-step .item-panel .item-switch .icon {
    margin:0
}

.item-step .item-panel .checkbox-nationwide {
    margin: 0 0 0 20px;
    padding:10px 0
}

.item-step .item-interest .nav-tabs {
    margin: 15px -10px 0 0;
    padding-top: 5px;
    border-top:1px solid #eee
}

.item-step .item-interest .nav-tabs li {
    float: left;
    margin:10px 10px 0 0
}

.item-step .item-interest .nav-tabs li a {
    display: block;
    padding: 4px 10px;
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius:100px
}

.item-step .item-interest .nav-tabs li a:hover, .item-step .item-interest .nav-tabs li a:focus, .item-step .item-interest .nav-tabs li a.focus {
    color: #333;
    border-color:#555
}

.item-step .item-interest .nav-tabs li.active a {
    color: #333;
    border-color: #80b518;
    background:#fff
}

.item-step .item-interest .item-interest-sub {
    margin:15px -11px -11px 0
}

.item-step .item-interest .item-interest-sub .btn-default {
    float: left;
    margin: 0 11px 11px 0;
    padding: 12px 5px;
    width: 92px;
    border-radius:12px
}

.item-step .item-interest .item-interest-sub .btn-default.active {
    position: relative;
    border-color: #80b518;
    background: #fff;
    box-shadow:none
}

.item-step .item-interest .item-interest-sub .btn-default.active .fa {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 16px;
    color:#80b518
}

.item-step .item-interest .item-interest-sub span.btn-default {
    border-color: #ddd !important;
    background: #fff !important;
    opacity: 1 !important;
    cursor:default
}

.item-step .item-interest .item-interest-tag {
    margin: 0 10px 0 0;
    display: inline-block;
    padding: 4px 0 4px 10px;
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius:100px
}

.item-step .item-interest .item-interest-tag a .fa {
    margin:0 10px 0 5px
}

.item-step .item-interest .item-interest-tag a:hover .fa, .item-step .item-interest .item-interest-tag a:focus .fa, .item-step .item-interest .item-interest-tag a.focus .fa {
    color:#c00
}

.item-step .item-interest .text-interest {
    display: block;
    margin-top: 3px;
    text-align: center;
    font-size:12px
}

.item-step .item-next {
    margin-bottom:30px
}

.item-step .item-next .checkbox {
    margin: 0 0 15px;
    padding:0
}

.item-row .item {
    border-bottom:1px solid #eee
}

.item-row .item a {
    display:block
}

.item-row .item .item-image {
    float:left
}

.item-row .item .item-image span {
    display: block;
    width: 72px;
    height: 72px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.item-row .item .item-content {
    margin-left:72px
}

.item-row .item .item-content .item-title {
    margin: 0;
    padding: 15px 15px 10px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

.item-row .item .item-content .item-info {
    padding: 0 15px 15px;
    font-size: 12px;
    color:#777
}

.item-row .item .item-content .item-rating {
    padding:0 15px 9px
}

.item-upload .item-upload-thumb {
    margin-bottom: 30px;
    display: block;
    height: 129px;
    border: 2px dashed #eee;
    border-radius:4px
}

.item-upload .item-upload-thumb .icon {
    margin-top:30px
}

.item-upload .item-upload-thumb p {
    margin: 10px 0 0;
    font-size: 12px;
    text-align:center
}

.item-upload .item-upload-thumb:hover, .item-upload .item-upload-thumb:focus, .item-upload .item-upload-thumb.focus {
    color: #333;
    border-color:#777
}

.item-upload .item-upload-thumb.active {
    padding: 57px 15px 0;
    border: 0;
    background: #f7f7f7;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.item-upload .item-upload-thumb.active .progress {
    margin: 0;
    height: 15px;
    border-radius: 12px;
    background:#eee
}

.item-upload .item-upload-thumb.active .progress .progress-bar {
    background:#00bdff
}

.mobile-nav {
    display:none
}

.mobile-nav .nav-location {
    padding: 10px 0;
    color: #777;
    text-align: center;
    background: #fff;
    cursor:pointer
}

.mobile-nav .nav-location .fa {
    margin-right:5px
}

.mobile-nav .nav-header-icon {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 68px;
    height: 68px;
    background: url(/images/icons-nav-header-ios-101016.png) no-repeat;
    background-size:68px 340px
}

.mobile-nav .nav-header-icon.nav-header-icon-fun {
    background-position:0 0
}

.mobile-nav .nav-header-icon.nav-header-icon-help {
    background-position:0 -68px
}

.mobile-nav .nav-header-icon.nav-header-icon-weekend {
    background-position:0 -136px
}

.mobile-nav .nav-header-icon.nav-header-icon-mall {
    background-position:0 -204px
}

.mobile-nav .nav-header-icon.nav-header-icon-daily {
    background-position:0 -272px
}

.mobile-nav .nav-header-title {
    display: block;
    margin-bottom: 10px;
    text-align:center
}

.mobile-nav .nav-header {
    background: #fff;
    display:block
}

.mobile-nav .nav-header .nav-header-section {
    padding: 15px 0 5px;
    border-top:1px solid #f7f7f7
}

.mobile-nav .nav-header .nav-header-main {
    float: left;
    margin-top: -10px;
    padding:0 15px
}

.mobile-nav .nav-header .nav-header-menu {
    margin-left:98px
}

.mobile-nav .nav-header .nav-header-menu .badge-hot {
    position:relative
}

.mobile-nav .nav-header .nav-header-menu .badge-hot span {
    display: block;
    position: absolute;
    top: -4px;
    right: 0;
    background: url(/images/icons-hot.png) no-repeat;
    width: 14px;
    height: 14px;
    background-size:14px 14px
}

.mobile-nav .nav-header .nav-header-menu.nav-header-menu-blue ul li {
    background:#d4f1fb
}

.mobile-nav .nav-header .nav-header-menu.nav-header-menu-blue ul li .fa {
    color:#90cfe4
}

.mobile-nav .nav-header .nav-header-menu.nav-header-menu-green ul li {
    background:#e3eccf
}

.mobile-nav .nav-header .nav-header-menu.nav-header-menu-green ul li .fa {
    color:#cedcaf
}

.mobile-nav .nav-header .nav-header-menu.nav-header-menu-purple ul li {
    background:#e5cbff
}

.mobile-nav .nav-header .nav-header-menu.nav-header-menu-purple ul li .fa {
    color:#b593d8
}

.mobile-nav .nav-header .nav-header-menu.nav-header-menu-red ul li {
    background:#ffd8d8
}

.mobile-nav .nav-header .nav-header-menu.nav-header-menu-red ul li .fa {
    color:#ce9c9c
}

.mobile-nav .nav-header .nav-header-menu.nav-header-menu-orange ul li {
    background:#ffe0cb
}

.mobile-nav .nav-header .nav-header-menu.nav-header-menu-orange ul li .fa {
    color:#e6ae89
}

.mobile-nav .nav-header .nav-header-menu ul {
    margin: 0;
    padding:0
}

.mobile-nav .nav-header .nav-header-menu ul li {
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 7px 0;
    width: 30%;
    text-align: center;
    background: #efefef;
    border-radius: 100px;
    list-style:none
}

.mobile-nav .nav-header .nav-header-menu ul li .fa {
    margin-right:5px
}

@media (max-width: 1199px) {
    .item-grid h3.item-title {
        padding:15px 15px 10px
    }

    .item-grid h3.item-title.double {
        padding-bottom:15px
    }

    .item-grid .item-avatar {
        top:47px
    }

    .item-grid .item-info {
        padding:0 15px 15px
    }

    .item-grid .item-tag-wrap {
        left: 15px;
        bottom:15px
    }

    .item-grid .row .item {
        margin-bottom:20px
    }

    .item-grid .row .item .item-image a {
        height:220px
    }

    .item-panel .item-thumb .item-thumb-content a {
        width: 60px;
        height:60px
    }

    .item-panel .item-photo-list .item-photo a {
        width: 205px;
        height:205px
    }

    .item-panel .item-photo-list .item-photo.item-photo-sm a {
        width: 103px;
        height:102px
    }

    .item-panel .item-photo-list .item-photo a.item-text {
        padding-top:31px
    }

    .col-md-9 .item-photo-list .item-photo a {
        width:245px
    }

    .col-md-9 .item-photo-list .item-photo-md a {
        width:232.5px
    }
}

@media (max-width: 991px) {
    .item-panel .item-nav ul {
        display: table;
        width:100%
    }

    .item-panel .item-nav ul li {
        display:table-cell
    }

    .item-panel .item-nav .item-count {
        display:none
    }

    .item-panel .item-photo-list .item-photo a {
        width: 240px;
        height:240px
    }

    .item-panel .item-photo-list .item-photo.item-photo-sm a {
        width: 120px;
        height:120px
    }

    .item-panel .item-photo-list .item-photo a.item-text {
        padding-top:40px
    }

    .col-md-3 .item-panel {
        margin-bottom:0
    }

    .col-md-3 .item-nav-panel {
        margin-bottom:30px
    }

    .item-list .item-load.item-load-center {
        margin-bottom:30px
    }

    .item-list .col-md-8 .item-pagination {
        margin-bottom:25px
    }
}

@media (max-width: 767px) {
    .item-upload .item-upload-thumb {
        height:152px
    }

    .item-upload .item-upload-thumb .icon {
        margin-top:44px
    }

    .item-upload .item-upload-thumb.active {
        padding-top:68px
    }
}

@media (max-width: 764px) {
    .item-panel .item-photo-list .item-photo {
        width:16.66666667%
    }

    .item-panel .item-photo-list .item-photo a {
        width: 100%;
        height:120px
    }

    .item-panel .item-photo-list .item-photo a.border-bottom {
        border-bottom:0
    }

    .item-panel .item-photo-list .item-photo.item-photo-sm a {
        width: 100%;
        height:120px
    }

    .item-panel .item-photo-list .item-photo a.item-text {
        padding-top:40px
    }
}

@media (max-width: 688px) {
    .item-grid.item-grid-flat {
        padding-bottom:0
    }

    .section-title {
        margin-bottom:15px
    }

    .section-title h2 {
        margin-top: 8px;
        font-size:16px
    }

    .section-title h6 {
        margin-top: 8px;
        font-size:16px
    }

    .item-step .section-title {
        margin-bottom:20px
    }

    .item-step .section-title h1 {
        font-size:18px
    }

    .item-section {
        padding:15px 0
    }

    .item-section .item-promo {
        margin-bottom:0
    }

    .item-section.item-section-intro {
        padding:15px 0 0
    }

    .item-section.item-grid {
        padding:15px 0 0
    }

    .item-section.item-grid .item {
        margin-bottom:0
    }

    .item-list .item-load.item-load-center {
        margin-bottom:20px
    }

    .item-list .item {
        margin-bottom:20px
    }

    .item-list .item-image {
        float:none !important
    }

    .item-list .item-image a {
        width:100%
    }

    .item-list .item-image .item-group-avatar {
        top: 173px;
        left: auto;
        right:20px
    }

    .item-list .item-group {
        position: static;
        margin-left:0
    }

    .item-list .item-info {
        top: 155px;
        left: 0;
        right: auto;
        border-radius:0 100px 100px 0
    }

    .item-list .item-action .btn {
        position: absolute;
        top: 20px;
        right:20px
    }

    .item-list .item-create .btn {
        margin-bottom:20px
    }

    .item-grid .item-image a {
        height:200px
    }

    .item-panel {
        margin-bottom:20px
    }

    .item-panel .item-photo-list .item-photo a {
        height:106px
    }

    .item-panel .item-photo-list .item-photo.item-photo-sm a {
        height:106px
    }

    .item-panel .item-photo-list .item-photo a.item-text {
        padding-top:33px
    }

    .item-step .item-next {
        margin-bottom:20px
    }

    .col-md-3 .item-nav-panel {
        margin-bottom:15px
    }

    .item-user-profile .item-user-intro {
        margin: 0 0 -20px;
        padding:30px 0 0
    }

    .item-user-profile .item-user-intro section {
        margin-bottom:30px
    }

    .item-user-profile .item-user-intro section h3 {
        margin:0 0 10px
    }

    .item-series-list {
        margin-bottom:0
    }

    .item-series-list h2 {
        margin:10px 0 20px
    }

    .item-upload .item-upload-thumb {
        height:133px
    }

    .item-upload .item-upload-thumb .icon {
        margin-top:35px
    }

    .item-upload .item-upload-thumb.active {
        padding-top:59px
    }

    .item-list h3.item-title {
        margin:0 55px 10px 0
    }
}

@media (max-width: 640px) {
    .item-upload .item-upload-thumb {
        height:121px
    }

    .item-upload .item-upload-thumb .icon {
        margin-top:29px
    }

    .item-upload .item-upload-thumb.active {
        padding-top:53px
    }

    .item-collection-list .col-xs-6 {
        width:100%
    }
}

@media (max-width: 600px) {
    .item-upload .col-xs-3 {
        width:33.33333333%
    }

    .item-upload .item-upload-thumb {
        height:157px
    }

    .item-upload .item-upload-thumb .icon {
        margin-top:47px
    }

    .item-upload .item-upload-thumb.active {
        padding-top:71px
    }
}

@media (max-width: 560px) {
    .container {
        padding:0
    }

    .row {
        margin:0
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding:0
    }

    .row-margin {
        margin:0
    }

    .visible-mobile-ad {
        display:block !important
    }

    .header .container, .item-section-intro .container {
        padding:0 15px
    }

    .mobile-nav {
        display:block
    }

    .item-breadcrumb.item-breadcrumb-web {
        display:none
    }

    .section-title h2 {
        margin-top: 6px;
        padding:0 15px
    }

    .section-title h6 {
        margin-top: 6px;
        padding:0 15px
    }

    .section-title .swiper-action.pull-right {
        margin-right:15px
    }

    .section-title .pull-right .btn {
        padding: 7px 14px;
        font-size:14px
    }

    .item-list .item-desc {
        margin-bottom: 0;
        height: auto;
        max-height:50px
    }

    .item-list .item-info {
        top:160px
    }

    .item-list .item-action {
        margin-top:10px
    }

    .item-list .item-action .btn {
        top: 15px;
        right:15px
    }

    .item-list.item-list-lg .item-desc {
        margin-bottom: 0;
        height: auto;
        max-height:75px
    }

    .item-list .item {
        margin-bottom: 15px;
        border-radius:0
    }

    .item-list .item-group {
        padding:15px
    }

    .item-list .like-view-in-list {
        padding:10px 0 0 30px
    }

    .item-grid .item, .item-grid .row .item {
        margin-bottom: 15px;
        border-radius:0
    }

    .item-grid .item-rating {
        padding:0 15px 14px
    }

    .item-grid .col-md-4.col-sm-4.col-xs-6 {
        width:100%
    }

    #hero, #search-panel, .item-home-promo, .item-home-article, .item-home-activity {
        display:none
    }

    #coupons #search-panel {
        display:block
    }

    .item-panel .item-info-list .item-rating-badge, .item-panel .item-info-list .item-rating-fire {
        clear: both;
        margin:15px 0 0
    }

    .item-step .section-title {
        margin-bottom:15px
    }

    .item-step .onboard-info {
        display:none
    }

    .item-step .item-next {
        margin:0 15px 15px
    }

    .item-step .item-panel {
        padding:15px
    }

    .item-step .item-panel .step-title h2 {
        margin-top: 0;
        font-size:16px
    }

    .item-step .item-panel .item-desc.item-desc-list {
        margin:0 -15px -15px
    }

    .item-step .item-panel .item-desc .item-info-list {
        padding:15px
    }

    .item-step .item-panel .item-desc .item-info-list .icon-wrap {
        margin-right:10px
    }

    .item-step .item-panel .item-desc .item-info-list strong {
        font-weight:400
    }

    .item-step .item-interest .item-interest-sub {
        margin:15px -15px -15px 0
    }

    .item-step .item-interest .item-interest-sub .btn-default {
        margin: 0 15px 15px 0;
        padding: 12px 1px;
        width: 84px;
        height:84px
    }

    .item-panel {
        margin-bottom: 15px;
        border-radius:0
    }

    .item-panel h3 {
        margin-bottom: 10px;
        font-size:16px
    }

    .item-panel.item-user-panel .info-user-title {
        display:none
    }

    .item-panel.item-user-panel .item-info-list .icon-wrap {
        margin-right:10px
    }

    .item-panel.item-user-panel .item-info-list strong {
        font-weight:400
    }

    .item-panel.item-user-panel .item-info-list.item-info-list-tag {
        padding-bottom:5px
    }

    .item-panel.item-user-panel .item-info-list.item-info-list-tag .item-tag {
        margin:0 10px 10px 0
    }

    .item-panel .item-filter ul li {
        margin-bottom:5px
    }

    .item-panel .item-check-list {
        padding:15px 15px 5px
    }

    .item-panel .item-check-list ul li .checkbox {
        padding:12px 15px 12px 30px
    }

    .item-panel .item-nav ul {
        padding-bottom:15px
    }

    .item-panel .item-nav ul.item-nav-first {
        display:none
    }

    .item-panel .item-nav ul li {
        float: left;
        width: 25%;
        padding:15px 0 0
    }

    .item-panel .item-nav ul li.col-4 {
        width:33.33333333%
    }

    .item-panel .item-nav ul li a {
        display: inline;
        padding:0
    }

    .item-panel .item-nav ul li.item-nav-first {
        display:none
    }

    .item-panel .item-nav ul li .icon-nav-sub {
        position: relative;
        display: block;
        margin: 0 auto;
        width: 68px;
        height: 68px;
        border-radius:100px
    }

    .item-panel .item-nav ul li .icon-nav-sub.icon-nav-sub-blue {
        background:#00bdff
    }

    .item-panel .item-nav ul li .icon-nav-sub.icon-nav-sub-red {
        background:#ff4646
    }

    .item-panel .item-nav ul li .icon-nav-sub.icon-nav-sub-purple {
        background:#ae70ee
    }

    .item-panel .item-nav ul li .icon-nav-sub.icon-nav-sub-green {
        background:#bada55
    }

    .item-panel .item-nav ul li .icon-nav-sub.icon-nav-sub-gray {
        background:#777
    }

    .item-panel .item-nav ul li .icon-nav-sub.icon-nav-sub-orange {
        background:#f60
    }

    .item-panel .item-nav ul li .icon {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -13px 0 0 -13px;
        width: 26px;
        height: 26px;
        background: url(/images/icons-nav-ios-101618.png) no-repeat;
        background-size:52px 598px
    }

    .item-panel .item-nav ul li .icon.icon-group {
        background-position:left -130px
    }

    .item-panel .item-nav ul li .icon.icon-activity {
        background-position:left -156px
    }

    .item-panel .item-nav ul li .icon.icon-talk {
        background-position:right -156px
    }

    .item-panel .item-nav ul li .icon.icon-article {
        background-position:left -182px
    }

    .item-panel .item-nav ul li .icon.icon-photo {
        background-position:right -182px
    }

    .item-panel .item-nav ul li .icon.icon-attraction {
        background-position:left -208px
    }

    .item-panel .item-nav ul li .icon.icon-fav {
        background-position:right -208px
    }

    .item-panel .item-nav ul li .icon.icon-order {
        background-position:left -546px
    }

    .item-panel .item-nav ul li .icon.icon-ad {
        background-position:right -546px
    }

    .item-panel .item-nav ul li .item-nav-link {
        float: none;
        margin-top: 10px;
        display: block;
        text-align: center;
        font-size: 14px;
        color:#777
    }

    .item-panel .item-nav ul li .item-nav-link em {
        display: inline;
        margin-left: 5px;
        color: #333;
        font-style:normal
    }

    .item-panel .item-intro {
        padding:15px 15px 0
    }

    .item-panel .item-info-list {
        padding:15px
    }

    .item-panel .item-info-list:last-child {
        border-bottom:0
    }

    .item-panel .item-info-list.item-info-list-tag .item-tag {
        margin:5px 10px 0 0
    }

    .item-panel .item-info-list .item-info-list-content {
        display: block;
        margin-left:28px
    }

    .item-panel .item-info-list .item-info-list-content strong {
        font-weight:400
    }

    .item-panel .item-info-list .item-info-list-content.has-arrow:before {
        float: right;
        font: normal normal normal 19px/1 FontAwesome;
        color: #999;
        content: "\f105"
    }

    .item-panel .item-info-list .item-info-list-content.clearfix {
        margin-left:0
    }

    .item-panel .item-info-list .item-info-list-content.has-btn {
        margin-left: 10px;
        display:inline
    }

    .item-panel .item-info-list .item-tag {
        display: inline-block;
        margin:0 0 0 10px
    }

    .item-panel .item-info-list .icon-wrap {
        float: left;
        height: 18px;
        margin:0
    }

    .item-panel .item-info-list .icon-wrap .icon {
        margin:0
    }

    .item-panel .item-info-list .btn {
        margin-top:-3px
    }

    .item-panel .item-info-list .btn-hide {
        display:none
    }

    .item-panel .item-info-list .item-info-list-details {
        display: block;
        margin-top:10px
    }

    .item-panel .item-info-list .add-to-calendar {
        display: block;
        margin-top:13px
    }

    .item-panel .item-photo-list .item-photo a {
        height:85px
    }

    .item-panel .item-photo-list .item-photo.item-photo-sm a {
        height:85px
    }

    .item-panel .item-photo-list .item-photo a.item-text {
        padding-top:23px
    }

    .item-user-grid {
        margin-bottom: 15px;
        padding: 15px;
        border-radius:0
    }

    .item-user-grid .item-user-intro {
        height:auto
    }

    .item-user-grid .item-user-btn {
        height:auto
    }

    .form-group {
        margin-bottom:15px
    }
}

@media (max-width: 540px) {
    .item-panel .item-user .item-avatar a {
        width: 36px;
        height:36px
    }

    .item-panel .item-user .item-user-content {
        margin-left:51px
    }

    .item-panel .item-photo-list .item-photo {
        width:33.33333333%
    }

    .item-panel .item-photo-list .item-photo a {
        height:165px
    }

    .item-panel .item-photo-list .item-photo a.border-top {
        border-top:2px solid #fff
    }

    .item-panel .item-photo-list .item-photo.item-photo-sm a {
        height:165px
    }

    .item-panel .item-photo-list .item-photo a.item-text {
        padding-top:63px
    }

    .item-section .col-md-9 .col-xs-4 {
        width:50%
    }

    .item-section .col-md-12 .col-xs-4 {
        width:50%
    }

    .item-rating-heart-lg span {
        margin-top:4px
    }

    .item-rating-heart-lg .icon-rating {
        width: 28px;
        height: 28px;
        background-size:28px 56px
    }

    .item-rating-heart-lg .icon-rating.active {
        background-position:left -28px
    }

    .item-upload .item-upload-thumb {
        height:137px
    }

    .item-upload .item-upload-thumb .icon {
        margin-top:37px
    }

    .item-upload .item-upload-thumb.active {
        padding-top:61px
    }
}

@media (max-width: 480px) {
    .item-section .col-md-9 .col-xs-6 {
        width:100%
    }

    .item-panel .item-photo-list .item-photo a {
        height:144px
    }

    .item-panel .item-photo-list .item-photo.item-photo-sm a {
        height:144px
    }

    .item-panel .item-photo-list .item-photo a.item-text {
        padding-top:52px
    }

    .item-upload .col-xs-3 {
        width:50%
    }

    .item-upload .item-upload-thumb {
        height:191px
    }

    .item-upload .item-upload-thumb .icon {
        margin-top:64px
    }

    .item-upload .item-upload-thumb.active {
        padding-top:88px
    }
}

@media (max-width: 414px) {
    .item-panel .item-photo-list .item-photo a {
        height:128px
    }

    .item-panel .item-photo-list .item-photo.item-photo-sm a {
        height:128px
    }

    .item-panel .item-photo-list .item-photo a.item-text {
        padding-top:44px
    }

    .item-upload .item-upload-thumb {
        height:157px
    }

    .item-upload .item-upload-thumb .icon {
        margin-top:47px
    }

    .item-upload .item-upload-thumb.active {
        padding-top:71px
    }

    .item-grid h3.item-title {
        max-width:384px
    }
}

@media (max-width: 413px) {
    .mobile-nav .nav-location {
        font-size:13px
    }

    .mobile-nav .nav-header .nav-header-menu ul li {
        width: 29%;
        font-size:13px
    }
}

@media (max-width: 400px) {
    .item-step .item-switch.item-switch-lg .btn-group {
        float: none !important;
        margin-top: 10px;
        width:100%
    }

    .item-upload .item-upload-thumb {
        height:151px
    }

    .item-upload .item-upload-thumb .icon {
        margin-top:44px
    }

    .item-upload .item-upload-thumb.active {
        padding-top:68px
    }

    .item-grid h3.item-title {
        max-width:370px
    }
}

@media (max-width: 384px) {
    .item-panel .item-photo-list .item-photo a {
        height:118px
    }

    .item-panel .item-photo-list .item-photo.item-photo-sm a {
        height:118px
    }

    .item-panel .item-photo-list .item-photo a.item-text {
        padding-top:39px
    }

    .item-grid h3.item-title {
        max-width:354px
    }
}

@media (max-width: 383px) {
    .mobile-nav .nav-location {
        font-size:12px
    }

    .mobile-nav .nav-header .nav-header-menu ul li {
        width: 28%;
        font-size:12px
    }
}

@media (max-width: 375px) {
    body {
        font-size:13px
    }

    .item-panel .item-photo-list .item-photo a {
        height:115px
    }

    .item-panel .item-photo-list .item-photo.item-photo-sm a {
        height:115px
    }

    .item-panel .item-photo-list .item-photo a.item-text {
        padding-top:38px
    }

    .item-upload .item-upload-thumb {
        height:147px
    }

    .item-upload .item-upload-thumb .icon {
        margin-top:42px
    }

    .item-upload .item-upload-thumb.active {
        padding-top:66px
    }

    .item-step .item-interest .item-interest-sub .btn-default {
        padding: 21px 5px;
        width: 105px;
        height:105px
    }
}

@media (max-width: 360px) {
    .item-panel .item-photo-list .item-photo a {
        height:110px
    }

    .item-panel .item-photo-list .item-photo.item-photo-sm a {
        height:110px
    }

    .item-panel .item-photo-list .item-photo a.item-text {
        padding-top:35px
    }

    .item-upload .item-upload-thumb {
        height:139px
    }

    .item-upload .item-upload-thumb .icon {
        margin-top:38px
    }

    .item-upload .item-upload-thumb.active {
        padding-top:62px
    }

    .item-grid h3.item-title {
        max-width:330px
    }
}

@media (max-width: 320px) {
    body {
        font-size:12px
    }

    .item-panel {
        margin-bottom:15px
    }

    .item-panel .item-photo-list .item-photo a {
        height:96px
    }

    .item-panel .item-photo-list .item-photo.item-photo-sm a {
        height:96px
    }

    .item-panel .item-photo-list .item-photo a.item-text {
        padding-top:23px
    }

    .item-upload .item-upload-thumb {
        height:119px
    }

    .item-upload .item-upload-thumb .icon {
        margin-top:28px
    }

    .item-upload .item-upload-thumb.active {
        padding-top:52px
    }

    .item-grid h3.item-title {
        max-width:290px
    }

    .item-panel .item-activity-nav .col-3 {
        padding:0 10px
    }

    .item-panel .item-activity-nav .icon-grid {
        width: 42px;
        height:42px
    }

    .item-step .item-interest .item-interest-sub {
        margin:15px -10px -10px 0
    }

    .item-step .item-interest .item-interest-sub .btn-default {
        margin: 0 10px 10px 0;
        padding: 14px 5px;
        width: 90px;
        height:90px
    }
}





@media (max-width: 688px) {
    #footer .footer-links {
        margin-top:20px
    }

    #footer .copyright {
        padding:20px 0 30px
    }
}

@media (max-width: 560px) {
    .footer-illustration {
        display:none
    }

    #footer {
        margin-top:15px
    }

    #footer .footer-links {
        margin-top:5px
    }

    #footer .footer-links li {
        margin-bottom:0
    }

    #footer .footer-links li a {
        font-size:12px
    }

    #footer .copyright {
        margin-bottom: 5px;
        padding:10px 0
    }
}

#header .header {
    position: relative;
    z-index: 600;
    background: #fff;
    -webkit-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .05);
    -ms-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .05);
    -o-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .05);
    box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .05);
    background-clip:content-box
}

#header .icon-wrap {
    border-color:transparent
}

#header .container {
    position:relative
}

#header .notification-badge {
    position: absolute;
    right: -6px;
    top: -6px;
    padding: 1px 3px 2px;
    min-width: 20px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: #ff4646;
    border-radius:100px
}

#header .my-account .icon-wrap {
    border-color:#efefef
}

#header .btn-default.btn-sm {
    border-radius:4px
}

#logo {
    margin-right:30px
}

#logo a {
    display:block
}

#logo .logo-guru {
    display: block;
    margin: 6px 0 0;
    width: 52px;
    height: 60px;
    background: url(/images/logo-guru.png) no-repeat;
    background-size: 52px 60px;
    overflow:hidden
}

#logo .logo-text {
    display: block;
    margin: 20px 0 0 15px;
    width: 145px;
    height: 30px;
    line-height: 100;
    background: url(/images/logo-text-020217.png) no-repeat;
    background-size: 145px 30px;
    overflow:hidden
}

#header-main #logo {
    margin-right:45px
}

#header-main .header-links {
    margin-left:30px
}

#header-main .header-links .btn-sm {
    margin-left:8px
}

#header-main .header-links .my-account {
    margin-left:8px
}

#header-main #nav {
    margin-top:10px
}

#header-main #nav ul li {
    display:inline-block
}

#header-main #nav ul li:hover, #header-main #nav ul li:active, #header-main #nav ul li.open {
    background:0 0
}

#header-main #nav ul li:hover a, #header-main #nav ul li:active a, #header-main #nav ul li.open a {
    color:#333
}

#header-main #nav ul li.dropdown:hover .nav-link, #header-main #nav ul li.dropdown:active .nav-link, #header-main #nav ul li.dropdown.open .nav-link {
    position: relative;
    box-shadow: 0 -5px 15px rgba(0, 0, 0, .05);
    background: #fff;
    z-index:10
}

#header-main #nav ul li.dropdown:hover .nav-link span, #header-main #nav ul li.dropdown:active .nav-link span, #header-main #nav ul li.dropdown.open .nav-link span {
    border-bottom:3px solid transparent
}

#header-main #nav ul li .dropdown-menu {
    right: 0;
    left: auto;
    width: 140px;
    background: #fff;
    z-index:9
}

#header-main #nav ul li .dropdown-menu ul {
    display: flex;
    flex-wrap: wrap;
    padding-top:15px
}

#header-main #nav ul li .dropdown-menu ul li {
    margin-bottom: 15px;
    width:50%
}

#header-main #nav ul li .nav-link {
    display: block;
    padding: 0 15px;
    height: auto;
    line-height: normal;
    font-size: 16px;
    font-weight:700
}

#header-main #nav ul li .nav-link span {
    display: block;
    padding: 10px 0 7px;
    border-bottom:3px solid transparent
}

#header-main #nav ul li .nav-link.active span {
    border-bottom:3px solid #00bdff
}

#header-main #nav ul li .nav-link:hover {
    background:0 0
}

#header-main #nav ul li .nav-link:hover span {
    border-bottom:3px solid #333
}

.header-links {
    margin:15px 0 0
}

.header-links .header-search {
    display:inline-block
}

.my-private-msg .modal-dialog {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    width: auto;
    overflow-y:auto
}

.my-private-msg .modal-dialog .modal-content {
    max-width: 480px;
    margin:30px auto
}

.my-private-msg .my-private-msg-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 100;
    -webkit-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .1);
    box-shadow:0 3px 8px -4px rgba(0, 0, 0, .1)
}

.my-private-msg .my-private-msg-header .modal-header {
    max-width: 478px;
    margin:0 auto
}

.my-private-msg .my-private-msg-wrap {
    margin:53px 0 61px
}

.my-private-msg .my-private-msg-action {
    position: fixed;
    padding: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: #fff;
    -webkit-box-shadow: 0 3px 8px 4px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 8px 4px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 3px 8px 4px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 3px 8px 4px rgba(0, 0, 0, .1);
    box-shadow:0 3px 8px 4px rgba(0, 0, 0, .1)
}

.my-private-msg .my-private-msg-action .btn {
    border-radius:0 4px 4px 0
}

.my-private-msg .my-private-msg-action .input-group {
    margin: 0 auto;
    max-width:448px
}

.my-notification {
    display: inline-block;
    margin-right:10px
}

.my-notification .icon-wrap {
    margin-right:0
}

.my-notification .my-notification-icon {
    display:none
}

.my-notification .dropdown-menu {
    left: auto;
    right: 0;
    top: 40px;
    padding:0
}

.my-notification .dropdown-menu .dropdown-title {
    padding: 10px 15px;
    font-size: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, .07);
    -webkit-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .1);
    box-shadow:0 3px 8px -4px rgba(0, 0, 0, .1)
}

.my-notification .dropdown-menu .dropdown-title h5 {
    margin: 0;
    font-size: 14px;
    font-weight:700
}

.my-notification .dropdown-menu .dropdown-title .pull-right {
    color:#777
}

.my-notification .dropdown-menu .dropdown-title .pull-right:hover, .my-notification .dropdown-menu .dropdown-title .pull-right:focus, .my-notification .dropdown-menu .dropdown-title .pull-right.focus {
    color:#333
}

.my-notification .notification-box {
    width: 360px;
    max-height: 320px;
    overflow-y:auto
}

.my-notification .notification-list {
    position: relative;
    margin-top: -1px;
    padding: 10px 15px;
    font-size: 12px;
    border-top:1px solid #eee
}

.my-notification .notification-list .item-avatar {
    float:left
}

.my-notification .notification-list .item-avatar a {
    border:2px solid #ddd
}

.my-notification .notification-list .notification-remove {
    position: absolute;
    right: 6px;
    top: 2px;
    font-size: 12px;
    color:#ddd
}

.my-notification .notification-list .notification-remove:hover, .my-notification .notification-list .notification-remove:focus, .my-notification .notification-list .notification-remove.focus {
    color:#777
}

.my-notification .notification-list .notification-action {
    float: right;
    margin-left:15px
}

.my-notification .notification-list .notification-action .btn {
    margin:3px 0 0 6px
}

.my-notification .notification-list .notification-content {
    line-height: 1.6;
    margin:0 0 0 51px
}

.my-notification .notification-list .notification-content a {
    margin-right: 3px;
    border-bottom:1px dotted #ddd
}

.my-notification .notification-list .notification-content span {
    margin-right:3px
}

.my-notification .notification-list .notification-content h6 {
    font-weight:700
}

.my-notification .notification-list .notification-content .notification-details {
    margin:10px 0
}

.my-notification .notification-list .notification-content .notification-date {
    font-size: 12px;
    color:#777
}

.my-notification .notification-list .notification-content .notification-date a {
    display: none;
    margin:0 0 0 10px
}

.my-account {
    display:inline-block
}

.my-account .icon-wrap {
    margin-right:0
}

.my-account .avatar-wrap {
    display: block;
    width: 36px;
    height:36px
}

.my-account .my-avatar {
    width: 36px;
    height: 36px;
    border:1px solid #ddd
}

.my-account:hover .my-avatar, .my-account:focus .my-avatar, .my-account.focus .my-avatar {
    border:1px solid #777
}

.my-account .dropdown-menu {
    left: auto;
    right: 0;
    top:42px
}

.my-account .dropdown-menu a.clearfix .item-count {
    float: right;
    padding: 2px 8px;
    font-size: 12px;
    color: #777;
    background: #f7f7f7;
    border-radius:100px
}

.my-share {
    display:inline-block
}

.my-share .dropdown-menu {
    left: auto;
    right: 13px;
    top:42px
}

.my-share .dropdown-menu .fa {
    margin-right: 5px;
    width: 16px;
    text-align:center
}

#header-search {
    position: relative;
    display: flex;
    margin: 14px 0 0;
    background: #f7f7f7;
    border-radius: 38px;
    border: 1px solid #efefef;
    z-index:9
}

#header-search .header-search {
    margin: 0 0 0 5px;
    background:0 0
}

#header-search .form-control {
    padding: 7px 14px 7px 4px;
    border: 0;
    background:0 0
}

#header-search .btn-primary {
    position: absolute;
    top: 2px;
    right: 2px;
    padding: 5px 15px;
    font-weight: 700;
    border-radius:32px
}

#header-search .search-wrap {
    position: absolute;
    left: 36px;
    top:37px
}

#header-search .search-wrap .search-list {
    border:0 !important
}

.ios #nav-main .swiper-container .swiper-slide:first-child {
    display:none
}

.ios #nav-main .swiper-container a.nav-link {
    font-weight:400
}

#nav-main {
    clear: both;
    box-shadow:0 -4px 8px -4px rgba(0, 0, 0, .05)
}

#nav-main .swiper-wrapper.disabled {
    transform:translate3d(0px, 0, 0) !important
}

#nav-main .swiper-container .swiper-slide {
    width:auto
}

#nav-main .swiper-container a.nav-link {
    display: block;
    padding: 0 15px;
    font-size: 16px;
    font-weight:700
}

#nav-main .swiper-container a.nav-link:after {
    position: absolute;
    top: -2px;
    right: -4px;
    padding: 1px;
    width: 38px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-family: montserrat;
    border-radius: 2px;
    -webkit-transform: scale(.7);
    transform:scale(.7)
}

#nav-main .swiper-container a.nav-link.hot:after {
    content: 'HOT';
    background:#ff4646
}

#nav-main .swiper-container a.nav-link.new:after {
    content: 'NEW';
    background:#00bdff
}

#nav-main .swiper-container a.nav-link:hover {
    color:#333
}

#nav-main .swiper-container a.nav-link:hover span {
    border-bottom:3px solid #333
}

#nav-main .swiper-container a.nav-link.active span {
    border-bottom:3px solid #00bdff
}

#nav-main .swiper-container a.nav-link span {
    display: block;
    padding: 10px 0 7px;
    border-bottom:3px solid transparent
}

#nav-main .swiper-btn-prev {
    left: -2px;
    padding-left: 2px;
    text-align: left;
    background-image:linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #fff 40%, #fff 100%)
}

#nav-main .swiper-btn-next {
    right: -2px;
    padding-right: 2px;
    text-align: right;
    background-image:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 40%, #fff 100%)
}

#nav-main .swiper-btn-prev, #nav-main .swiper-btn-next {
    position: absolute;
    top: 50%;
    margin-top: -21px;
    width: 32px;
    height: 42px;
    line-height: 42px;
    color: #333;
    font-size: 20px;
    cursor: pointer;
    z-index:9
}

#nav-main .swiper-btn-prev.swiper-button-disabled, #nav-main .swiper-btn-next.swiper-button-disabled {
    display:none
}

#nav {
    background:#fff
}

#nav .badge-hot {
    position:relative
}

#nav .badge-hot em {
    margin: 2px 0 0 3px;
    display: inline-block;
    background: url(/images/icons-hot.png) no-repeat;
    width: 12px;
    height: 12px;
    background-size:12px 12px
}

#nav ul {
    margin: 0;
    padding:0
}

#nav ul li {
    display:inline-block
}

#nav ul li.nav-discover.dropdown .nav-link span {
    width:99px
}

#nav ul li.nav-discover.dropdown .dropdown-menu {
    margin: 0;
    padding: 0;
    width: 480px;
    background:#fff
}

#nav ul li.nav-discover.dropdown .dropdown-menu .search-nav {
    position: static;
    top: 0;
    background:#fff
}

#nav ul li.nav-discover.dropdown .dropdown-menu .search-nav .nav-tabs li {
    display:block
}

#nav ul li.nav-discover.dropdown .dropdown-menu .search-nav .nav-tabs li a {
    width: 99px;
    color: #fff;
    background: #222;
    border-right: 1px solid #333;
    border-bottom:1px solid #333
}

#nav ul li.nav-discover.dropdown .dropdown-menu .search-nav .nav-tabs li.active a {
    color:#333
}

#nav ul li.nav-discover.dropdown .dropdown-menu .tab-content {
    margin-left: 0;
    border-left:99px solid #222
}

#nav ul li.nav-discover.dropdown .dropdown-menu .tab-content .tab-pane ul {
    margin:15px 0 0 15px
}

#nav ul li.nav-discover.dropdown .dropdown-menu .tab-content .tab-pane ul li {
    background:0 0
}

#nav ul li.nav-discover.dropdown .dropdown-menu .tab-content .tab-pane ul li a {
    color: #333;
    background:0 0
}

#nav ul li.nav-discover.dropdown .dropdown-menu .tab-content .tab-pane ul li a:hover {
    color: #fff;
    background:#222
}

#nav ul li a.nav-link {
    display: block;
    margin: 0;
    height: 66px;
    line-height: 66px;
    font-size: 16px;
    color: #333;
    white-space:nowrap
}

#nav ul li a.nav-link.dropdown-toggle span {
    padding:0 25px 0 30px
}

#nav ul li a.nav-link span {
    display: block;
    padding:0 30px
}

#nav ul li a.nav-link span .fa {
    position: relative;
    top: -4px;
    margin-left: 6px;
    font-size: 11px;
    color:#aaa
}

#nav ul li:hover, #nav ul li.open {
    background:#222
}

#nav ul li:hover a, #nav ul li.open a {
    color:#fff
}

#nav ul li .dropdown-menu {
    right: 0;
    margin: 0;
    padding: 0;
    background: #222;
    min-width: 0;
    border-radius: 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    overflow: hidden;
    text-align:center
}

#nav ul li .dropdown-menu:before, #nav ul li .dropdown-menu:after {
    border:0
}

#nav ul li .dropdown-menu .single li {
    display:block
}

#nav ul li .dropdown-menu .single li a {
    color: #fff;
    display: block;
    padding:10px 20px
}

#nav ul li .dropdown-menu .single li a:hover {
    color: #333;
    background:#fff
}

#modal-mobile-nav .modal-header {
    margin: 15px 15px 0;
    padding: 0 0 15px;
    border-bottom:1px solid #eee
}

#modal-mobile-nav .modal-header .item-avatar a {
    border:2px solid #ddd
}

#modal-mobile-nav .modal-header a.pull-left {
    margin:8px 0 0 15px
}

#mobile-nav ul {
    padding:0
}

#mobile-nav ul.mobile-menu {
    padding:0
}

#mobile-nav ul.mobile-account {
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top:1px solid #eee
}

#mobile-nav ul li {
    display:block
}

#mobile-nav ul li a {
    display: block;
    padding: 10px 20px;
    border-left: 3px solid #eee;
    font-size: 16px;
    color: #333;
    white-space:nowrap
}

#mobile-nav ul li a.nav-home {
    border-left:3px solid #333
}

#mobile-nav ul li a.nav-group {
    border-left:3px solid #ff4646
}

#mobile-nav ul li a.nav-activity {
    border-left:3px solid #00bdff
}

#mobile-nav ul li a.nav-article {
    border-left:3px solid #ae70ee
}

#mobile-nav ul li a.nav-play {
    border-left:3px solid #bada55
}

#mobile-nav ul li a:hover, #mobile-nav ul li a:focus, #mobile-nav ul li a.focus {
    color:#777
}

#mobile-nav ul li a.clearfix .item-count {
    float: right;
    padding: 4px 10px;
    font-size: 12px;
    color: #777;
    background: #f7f7f7;
    border-radius:100px
}

@media (max-width: 991px) {
    .header-links {
        margin:10px 0 0
    }

    #logo .logo-guru {
        width: 43px;
        height: 50px;
        background-size:43px 50px
    }

    #logo .logo-text {
        width: 97px;
        height: 20px;
        background-size:97px 20px
    }

    #nav {
        clear: both;
        border-top:1px solid #efefef
    }

    #nav ul li a.nav-link {
        margin: 0;
        height: 54px;
        line-height:54px
    }
}

@media (max-width: 991px) {
    #header-search {
        display:none
    }
}

@media (max-width: 767px) {
    #nav.hidden-xs {
        display:block !important
    }
}

@media (min-width: 561px) {
    #nav ul li.dropdown:hover .dropdown-menu {
        display:block
    }
}

@media (max-width: 560px) {
    #header {
        border-bottom:1px solid #efefef
    }

    #nav.hidden-xs {
        display:none !important
    }

    #logo {
        margin-right:0
    }

    .header-links .icon-wrap {
        margin-right: 0;
        border:1px solid transparent
    }

    .header-links .my-account .icon-wrap {
        margin-right: 0;
        border:1px solid #ddd
    }

    .header-links .header-search {
        display:inline-block
    }

    #header-main #logo {
        margin-right:0
    }

    #header-main .header-links {
        margin-left:0
    }

    #nav {
        margin:0 -15px
    }

    #nav ul li:hover {
        background:0 0
    }

    #nav ul li:hover a {
        color:#333
    }

    #nav ul li.dropdown {
        position:static
    }

    #nav ul li.dropdown.open {
        background:#222
    }

    #nav ul li.dropdown.open a {
        color:#fff
    }

    #nav ul li.nav-discover.dropdown .dropdown-menu {
        width: auto;
        right:0
    }

    #nav ul li.nav-discover.dropdown .dropdown-menu .search-nav .nav-tabs li a {
        width: 80px;
        text-align:center
    }

    #nav ul li.nav-discover.dropdown .dropdown-menu .tab-content {
        margin-left: 0;
        border-left:80px solid #222
    }

    #nav ul li.nav-discover.dropdown .nav-link span {
        width:80px
    }

    #nav ul li a.nav-link {
        height: 48px;
        line-height:48px
    }

    #nav ul li a.nav-link span {
        padding: 0 20px;
        font-size:14px
    }

    #nav ul li a.nav-link.dropdown-toggle span {
        padding:0 15px 0 20px
    }

    #nav ul li .dropdown-menu {
        border-radius: 0;
        width:100%
    }

    #nav ul li .dropdown-menu li {
        width:33.33333333%
    }

    #nav ul li .dropdown-menu .single {
        padding:8px 0
    }

    #nav ul li .dropdown-menu .single li {
        width:100%
    }

    #nav ul li .dropdown-menu .single li a {
        padding: 8px 15px;
        text-align:left
    }

    .my-account .dropdown-menu {
        min-width:90px
    }

    .my-account .dropdown-menu li a {
        padding:3px 10px
    }

    .my-notification .icon-wrap {
        display:none
    }

    .my-notification .my-notification-icon {
        display:inline-block
    }
}

@media (max-width: 375px) {
    #logo .logo-guru {
        width: 35px;
        height: 40px;
        background-size:35px 40px
    }

    #logo .logo-text {
        margin: 17px 0 0 10px;
        width: 77px;
        height: 16px;
        background-size:77px 16px
    }

    .header-links {
        margin:5px 0
    }

    .header-links .btn-default {
        font-size:12px
    }

    #header .notification-badge {
        top:-3px
    }

    #nav .badge-hot em {
        margin-top:1px
    }

    #nav ul li.nav-discover.dropdown .nav-link span {
        width: 70px;
        text-align:center
    }

    #nav ul li.nav-discover.dropdown .dropdown-menu .search-nav .nav-tabs li a {
        width:70px
    }

    #nav ul li.nav-discover.dropdown .dropdown-menu .tab-content {
        border-left:70px solid #222
    }

    #nav ul li a.nav-link {
        height: 42px;
        line-height:42px
    }

    #nav ul li a.nav-link span {
        padding: 0 15px;
        font-size:13px
    }

    #nav ul li a.nav-link.dropdown-toggle span {
        padding:0 10px 0 15px
    }

    #nav ul li .dropdown-menu {
        width:100%
    }

    #nav ul li .dropdown-menu li a {
        font-size:12px
    }
}

#smartWebBanner {
    padding: 10px 0;
    background: #f3f3f3;
    border-top: 1px solid #ddd;
    box-shadow: 0 3px 8px 4px rgba(0, 0, 0, .15);
    zoom: 1;
    bottom: 0;
    position: fixed;
    z-index: 99999999999999;
    width:100%
}

#smartWebBanner:after {
    display: table;
    content: '';
    clear:both
}

#swb-icon {
    float: left;
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 3px;
    background-size: 100%;
    box-shadow:0 0 1px 1px rgba(0, 0, 0, .2) inset
}

#swb-close {
    float: left;
    padding: 9px;
    font-size:12px
}

#swb-info {
    margin: -2px 85px 0 70px;
    font-size: 12px;
    font-family: montserrat;
    font-weight: 400;
    display:block
}

#swb-info strong {
    display: block;
    font-size: 14px;
    font-weight:700
}

#swb-save {
    position: absolute;
    top: 10px;
    right: 8px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    color: #fff;
    background: #80b518;
    border:1px solid #80b518
}

#swb-save:hover {
    border:1px solid #5a7f11
}

#swb-save:active {
    background: #4a680e;
    border:1px solid #304409
}

#sign {
    margin: 50px auto;
    padding: 30px;
    max-width: 508px;
    background: #fff;
    border-radius:12px
}

#sign h1 {
    margin: 0 0 30px;
    font-size: 24px;
    font-weight:700
}

#sign .icon-social {
    margin: 0 0 30px;
    padding: 0;
    text-align:center
}

#sign .icon-social li {
    display: inline-block;
    margin: 0 10px;
    text-align:center
}

#modal-sign .checkbox, #sign .checkbox {
    margin:0 0 30px
}

#modal-sign .btn-default.btn-lg, #sign .btn-default.btn-lg {
    margin-top:10px
}

#modal-sign h5, #sign h5 {
    margin: 0 0 20px;
    font-size:16px
}

@media (max-width: 560px) {
    #sign {
        margin: 0;
        padding: 15px;
        border-radius:0
    }
}

.medium-editor-address-remove .medium-editor-action {
    padding: 0;
    min-width: 20px;
    height: 20px;
    line-height:20px
}

.item-article .collapse-action {
    display:none
}

.campaign-article .collapse-action {
    display:none
}

.campaign-article .medium-insert-guruinembeds {
    margin:1em 0
}

.campaign-article .medium-insert-guruinembed {
    margin-bottom: 30px;
    background: #f7f7f7;
    border-radius: 0 12px 0 0;
    overflow:hidden
}

.campaign-article .item-note {
    position: relative;
    padding-left: 20px;
    border-left: 3px solid #efefef;
    font-size:16px
}

.campaign-article .item-note:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #efefef;
    border-width: 10px;
    margin-top:-10px
}

@media (max-width: 688px) {
    .campaign-article .medium-insert-guruinembed {
        margin-bottom:15px
    }

    .campaign-article .item-grid .col-xs-6 {
        float: none !important;
        width:auto
    }

    .campaign-article .item-note {
        margin-bottom: 30px;
        padding: 5px 0 0;
        border:0
    }

    .campaign-article .item-note:after {
        display:none
    }
}

.item-article {
    font-size: 16px;
    line-height:1.8
}

.item-article .campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-intro {
    font-size:14px
}

.item-article h2 {
    margin: 0 0 30px;
    line-height: 1.5;
    font-weight: 700;
    font-family: montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif
}

.item-article p {
    margin: 0 0 30px;
    word-break:break-word
}

.item-article .item-grid .item-tag p {
    margin-bottom:0
}

.item-article ul, .item-article ol {
    margin: 0;
    padding-left:20px
}

.item-article ul li, .item-article ol li {
    margin-bottom:30px
}

.item-article ul li ul li, .item-article ol li ul li, .item-article ul li ol li, .item-article ol li ol li {
    margin:20px 0
}

.item-article ol {
    padding-left:25px
}

.item-article .my-share-bottom .dropdown-menu {
    right: 22px;
    top:55px
}

.item-article .my-share-bottom ul {
    padding-left:0
}

.item-article .my-share-bottom ul li {
    margin:0
}

.item-article .item-article-action {
    margin-bottom: 15px;
    text-align: center;
    padding: 15px 0;
    border-bottom:1px solid #eee
}

.item-article .item-article-action .item-article-action-icon {
    display: inline-block;
    margin:0 15px
}

.item-article .item-article-action .item-article-share-icon .fa {
    color:#fff
}

.item-article .item-article-action .item-article-share-icon .icon-wrap {
    border: 1px solid #009eff;
    background:#009eff
}

.item-article .item-article-action .item-article-view-icon .fa {
    color:#fff
}

.item-article .item-article-action .item-article-view-icon .icon-wrap {
    border: 1px solid #777;
    background:#777
}

.item-article .item-article-action .item-article-like-icon .fa {
    color:#fff
}

.item-article .item-article-action .item-article-like-icon .icon-wrap {
    border: 1px solid #00bdff;
    background:#00bdff
}

.item-article .item-article-action .item-article-save-icon .fa {
    color:#fff
}

.item-article .item-article-action .item-article-save-icon .icon-wrap {
    border: 1px solid #ff4646;
    background:#ff4646
}

.item-article .item-article-action .item-article-share-fb-icon .fa {
    color:#fff
}

.item-article .item-article-action .item-article-share-fb-icon .icon-wrap {
    border: 1px solid #3f51b5;
    background:#3f51b5
}

.item-article .item-article-action .item-article-share-wb-icon .fa {
    color:#fff
}

.item-article .item-article-action .item-article-share-wb-icon .icon-wrap {
    border: 1px solid #f60;
    background:#f60
}

.item-article .item-article-action .item-article-share-wc-icon .fa {
    color:#fff
}

.item-article .item-article-action .item-article-share-wc-icon .icon-wrap {
    border: 1px solid #80b518;
    background:#80b518
}

.item-article .item-article-action .icon-wrap {
    margin: 0;
    font-size: 20px;
    width: 52px;
    height: 52px;
    line-height:52px
}

.item-article .item-article-action .icon-title {
    margin-top: 5px;
    color: #777;
    font-size:12px
}

.item-article .item-article-content p a:not(.medium-insert-action), .item-article .item-article-content li a:not(.medium-insert-action) {
    color: #009eff;
    border-bottom:1px dotted #ccc
}

.item-article .item-article-content p a:not(.medium-insert-action):link, .item-article .item-article-content li a:not(.medium-insert-action):link, .item-article .item-article-content p a:not(.medium-insert-action):visited, .item-article .item-article-content li a:not(.medium-insert-action):visited {
    color:#009eff
}

.item-article .item-article-content p a:not(.medium-insert-action):hover, .item-article .item-article-content li a:not(.medium-insert-action):hover {
    border-bottom:1px solid #009eff
}

.item-article .item-service-product-iframe {
    height: 240px;
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0 auto;
    display:block
}

.item-article .item-article-content > .item-service-item {
    margin-bottom: 20px;
    padding: 10px 15px;
    border-radius: 12px;
    background: #f7f7f7;
    border:2px solid #efefef
}

.item-article .item-article-content > .item-service-item .item-service-info .item-service-info {
    border-top:1px solid #efefef
}

.item-article .item-article-content > .item-service-item.green {
    background: #e3eccf;
    border:2px solid #80b518
}

.item-article .item-article-content > .item-service-item.green .item-service-info .item-service-info {
    border-top:1px solid #c6d6a7
}

.item-article .item-article-content > .item-service-item.blue {
    background: #d4f1fb;
    border:2px solid #00bdff
}

.item-article .item-article-content > .item-service-item.blue .item-service-info .item-service-info {
    border-top:1px solid #bde3f1
}

.item-article .item-article-content > .item-service-item .item-service-info.item-service-product {
    padding:5px 115px
}

.item-article .item-article-content > .item-service-item .item-service-info.item-service-product .item-service-img {
    float: left;
    width: 100px;
    margin-left:-115px
}

.item-article .item-article-content > .item-service-item .item-service-info.item-service-product .item-service-content {
    float: left;
    width:100%
}

.item-article .item-article-content > .item-service-item .item-service-info.item-service-product .item-service-group {
    height: 84px;
    overflow:hidden
}

.item-article .item-article-content > .item-service-item .item-service-info.item-service-product .item-service-desc {
    margin: 5px 0;
    font-size: 13px;
    line-height: 1.8;
    color: #777;
    overflow:hidden
}

.item-article .item-article-content > .item-service-item .item-service-info.item-service-product .item-service-price {
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 700;
    white-space: nowrap;
    overflow:hidden
}

.item-article .item-article-content > .item-service-item .item-service-info.item-service-product .item-service-cta {
    float: right;
    margin:0 -115px 0 0
}

.item-article .item-article-content > .item-service-item .item-service-info .item-service-item > img {
    float: left;
    width:100px
}

.item-article .item-article-content > .item-service-item .item-service-info .item-service-info {
    margin-top:10px
}

.item-article .item-article-content > .item-service-item .item-service-info .item-service-info img {
    display:none
}

.item-article .item-article-content > .item-service-item .item-service-info .item-service-info .item-service-cta {
    margin-left:0
}

.item-article .item-article-content > .item-service-item .item-service-info .item-service-cta {
    margin-left:115px
}

.item-article .item-article-content > .item-service-item .item-service-info .item-service-cta .btn {
    margin: 0 auto;
    width:100px
}

.item-article .item-panel {
    border-radius:0
}

.item-article .item-panel .item-member {
    padding:0
}

.item-article .item-panel .item-member .item-user-list {
    margin: 0;
    border-bottom:0
}

.item-article .item-panel .item-member .item-user-name {
    padding-top:0
}

.item-article .item-panel .item-member .item-post-date {
    margin-bottom: 10px;
    font-size:12px
}

.item-article .item-panel .item-outline h3 {
    margin: 0 0 20px;
    font-size:14px
}

.item-article .item-panel .item-outline ul {
    padding:0
}

.item-article .item-panel .item-outline ul li {
    margin: 0;
    padding: 10px 0;
    list-style: none;
    border-left:3px solid #efefef
}

.item-article .item-panel .item-outline ul li a {
    display: block;
    margin-left: -3px;
    padding: 0 0 0 15px;
    font-size:14px
}

.item-article .item-panel .item-outline ul li a:hover, .item-article .item-panel .item-outline ul li a:focus, .item-article .item-panel .item-outline ul li a.focus {
    background:0 0
}

.item-article .item-panel .item-outline ul li.active a {
    border-left:3px solid #00bdff
}

.item-article .item {
    margin-bottom: 0;
    background:#f7f7f7
}

.item-article .item-user-grid {
    margin-bottom: 0;
    background: #f7f7f7;
    border-radius:12px
}

.item-article .medium-insert-guruinembed {
    background: #f7f7f7;
    border-radius: 0 12px 0 0;
    overflow:hidden
}

.item-article .medium-insert-guruinembeds.medium-insert-address {
    display: block;
    text-align: left;
    margin:.5em 0
}

.item-article .medium-insert-guruinembeds.medium-insert-address.medium-insert-guruinembeds-selected .medium-insert-guruinembed {
    padding-right: 32px;
    outline: 1px solid #000;
    background:#f7f7f7
}

.item-article .medium-insert-guruinembeds.medium-insert-address .medium-insert-guruinembed {
    margin-bottom: 0;
    background:0 0
}

.item-article .medium-insert-guruinembeds.medium-insert-address .address-link {
    margin-left: 3px;
    border-bottom: 1px dashed #ccc;
    padding-bottom:2px
}

.item-article .medium-insert-guruinembeds.medium-insert-address .address-link:before {
    content: "\f276";
    margin-right: 3px;
    display: inline-block;
    color: #40b6ff;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

.item-article .medium-insert-guruinembeds.medium-insert-address .address-link:link, .item-article .medium-insert-guruinembeds.medium-insert-address .address-link:visited {
    color:#40b6ff
}

.item-article .medium-insert-guruinembeds.medium-insert-address .address-link:hover {
    color:#009eff
}

.item-article .item-rating {
    font-size:16px
}

.item-article .item-note {
    position: relative;
    padding-left: 20px;
    border-left: 3px solid #efefef;
    font-size:16px
}

.item-article .item-note .item-note-content {
    text-align: left;
    max-height: 351px;
    overflow-y:auto
}

.item-article .item-note .item-note-content figcaption {
    min-height:25px
}

.item-article .item-note p {
    margin:10px 0
}

.item-article .item-note:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #efefef;
    border-width: 10px;
    margin-top:-10px
}

.item-article .item-url {
    display: inline-block;
    margin: 0 5px;
    padding: 3px 8px;
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius:100px
}

.item-article .item-url .fa {
    margin-right:5px
}

.item-article.item-article-sm {
    margin-top: -15px;
    font-size:14px
}

.item-article .medium-insert-guruinembed {
    margin-bottom:30px
}

.item-article .medium-action-group {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 20px 0;
    z-index: 600;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, .07);
    -webkit-box-shadow: 0 -3px 8px -4px rgba(0, 0, 0, .15);
    box-shadow:0 -3px 8px -4px rgba(0, 0, 0, .15)
}

.item-article .medium-action-group .btn {
    margin:0
}

.item-article .item-series-list {
    margin-bottom:15px
}

.item-article .item-series-list h2 {
    margin-top: 0;
    margin-bottom:15px
}

.item-article .item-series-list .active, .item-article .item-series-list a:hover {
    color:#009eff
}

.item-article .item-series-list .item-series {
    margin-bottom: 15px;
    background: #f7f7f7;
    border-radius: 4px;
    overflow:hidden
}

.item-article .item-series-list .item-series-img {
    float:left
}

.item-article .item-series-list .item-series-img span {
    display: block;
    width: 72px;
    height: 72px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.item-article .item-series-list .item-series-info {
    margin-left: 72px;
    padding: 8px 10px;
    height: 70px;
    overflow:hidden
}

.article-map {
    background:#f7f7f7
}

.article-map .article-map-list {
    float: left;
    width: 30%;
    height: 99.5vh;
    overflow-y:auto
}

.article-map .article-map-list .article-map-item {
    border-bottom: 1px solid #eee;
    text-align:left
}

.article-map .article-map-list .article-map-item-header {
    display: table;
    width:100%
}

.article-map .article-map-list .article-map-item-header .btn {
    display: table-cell;
    padding: 10px;
    border: 0;
    border-left: 1px solid #efefef;
    border-radius:0
}

.article-map .article-map-list .article-map-item-header .btn:first-child {
    border-left:0
}

.article-map .article-map-list .article-map-item-title {
    padding: 10px 15px 5px 45px;
    font-size: 14px;
    font-weight:700
}

.article-map .article-map-list .article-map-item-title .btn {
    text-align:center
}

.article-map .article-map-list .article-map-item-address {
    padding: 0 15px 10px 45px;
    font-size: 12px;
    color:#777
}

.article-map .article-map-list .article-map-item-number {
    margin-left: -65px;
    padding-left:65px
}

.article-map .article-map-list .article-map-item-number .btn {
    margin: 10px 0 10px 10px !important;
    padding: 2px 5px;
    min-width: 24px;
    background: #00bdff;
    border: 0;
    text-align:center
}

.article-map .article-map-content {
    float: right;
    width: 70%;
    height: 99.5vh;
    background-size: cover;
    background-position:center
}

.article-map #article-map-details, .article-map #article-map-details-mini {
    height: 100%;
    overflow:hidden
}

.article-map #article-map-details .info_content h3, .article-map #article-map-details-mini .info_content h3 {
    margin-top: 10px;
    font-size:16px
}

.article-map #article-map-details .info_content .btn, .article-map #article-map-details-mini .info_content .btn {
    margin: 0 5px;
    padding: 5px 10px;
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius:100px
}

.item-article .sidebar .affix {
    top:20px
}

.item-article .sidebar .affix-bottom {
    position:absolute
}

.item-article .medium-insert-guruinembeds {
    text-align: center;
    margin: 1em 0;
    position:relative
}

.item-article .medium-insert-guruinembeds .medium-insert-guruinembeds-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left:0
}

.item-article .medium-insert-guruinembeds iframe {
    margin: 0 auto !important;
    height:284px !important
}

.item-article .medium-insert-guruinembeds .medium-insert-caption-placeholder {
    position:relative
}

.item-article .medium-insert-guruinembeds .medium-insert-caption-placeholder:after {
    padding-left: 10px;
    color: #ccc;
    font-style: italic;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: left;
    content:attr(data-placeholder)
}

.item-article .medium-insert-guruinembeds-selected .medium-insert-guruinembed {
    outline:2px solid #000
}

.item-article .angucomplete-dropdown {
    width: auto;
    position:relative
}

.item-article-editing {
    margin-bottom: 200px
}

.item-article-editing .item-article-content img[src^="data:image"] {
    opacity:.1 !important
}

.article-fb-like {
    display:inline
}

.article-fb-like .fb-like {
    margin-left:10px
}

#article-header-container .item-header .container {
    margin-top:90px
}

.collection-section {
    padding:30px 0 0
}

.collection-section.collection-section-white {
    background:#fff
}

.collection-section.collection-section-white .item {
    background:#f7f7f7
}

@media (min-width: 992px) {
    .item-article .item-article-action {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom:0
    }
}

@media (max-width: 991px) {
    .article-map {
        padding-right: 0;
        height: 100%;
        background:#fff
    }

    .article-map .article-map-list {
        float: none;
        width: auto;
        margin-right: 0;
        height: 49.5vh;
        overflow-y:auto
    }

    .article-map .article-map-content {
        float: none;
        width: 100%;
        height:50vh
    }

    #article-header-container .item-header .container {
        margin-top:65px
    }

    .item-article .item-panel {
        margin-bottom:40px
    }

    .item-article .item-panel.sidebar {
        display:none
    }
}

@media (max-width: 688px) {
    .item-article h2 {
        margin: 30px 0;
        font-size:18px
    }

    .item-article p {
        margin:0 0 20px
    }

    .item-article blockquote {
        font-size:16px
    }

    .item-article ul li, .item-article ol li {
        margin-bottom:20px
    }

    .item-article ul li ul li, .item-article ol li ul li, .item-article ul li ol li, .item-article ol li ol li {
        margin:10px 0
    }

    .item-article ol {
        padding-left:25px
    }

    .item-article .item-panel {
        margin-bottom:0
    }

    .item-article .item-grid .col-xs-6 {
        float: none !important;
        width:auto
    }

    .item-article .item-grid .col-xs-6 .item {
        margin-bottom:0
    }

    .item-article .item-note {
        margin-bottom: 30px;
        padding: 5px 0 0;
        border:0
    }

    .item-article .item-note:after {
        display:none
    }

    .item-article .medium-insert-guruinembed {
        margin-bottom:0
    }

    .item-list h3.item-title.item-article-title {
        margin:0 55px 10px 0
    }

    .collection-section {
        padding-top:0
    }

    .collection-section.collection-section-white {
        background:#f7f7f7
    }

    .collection-section.collection-section-white .item {
        background:#fff
    }
}

@media (max-width: 640px) {
    .collection-section .col-xs-6 {
        width:50%
    }

    .collection-section .col-xs-6.col-single {
        width:100%
    }
}

@media (max-width: 560px) {
    .item-article.container {
        padding:0 15px
    }

    .item-article.container .item-article-action .item-article-action-icon {
        margin:0 10px
    }

    .item-article p {
        margin:0 0 15px
    }

    .item-article .item-panel .item-user {
        margin:0
    }

    .item-list .collection-section .container {
        overflow-x:hidden
    }

    .item-list .collection-section .row {
        margin:0 -5px
    }

    .item-list .collection-section .item {
        margin:0 5px 15px
    }

    .item-list .collection-section .item-image a {
        height:120px
    }

    .item-list .collection-section .item-group-avatar {
        top: 10px;
        right:10px
    }

    .item-list .collection-section .item-group-avatar a {
        width: 36px;
        height:36px
    }

    .item-list .collection-section .item-group {
        padding:10px 15px
    }

    .item-list .collection-section h3.item-title {
        margin: 0;
        font-size: 14px;
        height: 50px;
        line-height: 1.8;
        white-space:normal
    }

    .item-list .collection-section .item-desc, .item-list .collection-section .article-stats {
        display:none
    }

    .campaign-article.is-collapse, .item-article .col-md-9.is-collapse {
        position: relative;
        max-height: 1000px;
        overflow:hidden
    }

    .campaign-article.is-collapse .collapse-action, .item-article .col-md-9.is-collapse .collapse-action {
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        text-align: center;
        padding: 80px 15px 20px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(35%, #fff));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff 35%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 35%);
        background:linear-gradient(180deg, rgba(255, 255, 255, 0), #fff 35%)
    }

    .campaign-article.is-collapse .collapse-action .btn, .item-article .col-md-9.is-collapse .collapse-action .btn {
        width:150px
    }

    .campaign-article.is-collapse .collapse-action .btn i, .item-article .col-md-9.is-collapse .collapse-action .btn i {
        margin-left:5px
    }
}

@media (max-width: 515px) {
    .item-article .item-service-product-iframe {
        height:241px
    }

    .item-article .item-article-content > .item-service-item .item-service-info.item-service-product {
        padding:5px 0 0
    }

    .item-article .item-article-content > .item-service-item .item-service-info.item-service-product .item-service-img {
        margin:0 0 10px
    }

    .item-article .item-article-content > .item-service-item .item-service-info.item-service-product .item-service-content {
        float: none;
        width: auto;
        margin-left:115px
    }

    .item-article .item-article-content > .item-service-item .item-service-info.item-service-product .item-service-group {
        height:104px
    }

    .item-article .item-article-content > .item-service-item .item-service-info.item-service-product .item-service-title {
        font-size:14px
    }

    .item-article .item-article-content > .item-service-item .item-service-info.item-service-product .item-service-cta {
        clear: both;
        float: none;
        margin: 10px 0 0;
        padding: 10px 0 0;
        border-top:1px solid #efefef
    }
}

@media (max-width: 480px) {
    .article-fb-like {
        clear:both
    }

    .article-fb-like .fb-like {
        margin-top: 10px;
        display:inline-block
    }
}

@media (max-width: 375px) {
    .item-article .campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-intro {
        font-size:13px
    }
}

@media (max-width: 320px) {
    .item-article {
        font-size:14px
    }

    .item-article h2 {
        font-size:18px
    }

    .item-article .campaign .campaign-offer .campaign-wrap .campaign-desc .campaign-intro {
        font-size:12px
    }

    .item-article .item-service-product-iframe {
        margin: 0 -15px !important;
        width:320px !important
    }
}

.item-album {
    margin-bottom:30px
}

.item-album .item-photo-group {
    position:relative
}

.item-album .item-photo-group .item-photo {
    position: relative;
    padding: 8px;
    background: #fff;
    border-radius: 4px;
    z-index: 200;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow:0 0 5px rgba(0, 0, 0, .1)
}

.item-album .item-photo-group .item-photo .photo {
    display: block;
    width: 100%;
    height: 173px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.item-album .item-photo-group .item-photo-num {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -14px;
    z-index:300
}

.item-album .item-photo-group .item-photo-num p {
    position: relative;
    margin: 0;
    padding: 4px 0;
    width: 50px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    z-index:200
}

.item-album .item-photo-group .item-photo-num .item-photo-num-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #333;
    border-radius: 100px;
    opacity: .8;
    z-index:100
}

.item-album .item-photo-group .item-photo-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    border-radius:4px
}

.item-album .item-photo-group .item-photo-bg-1 {
    z-index: 100;
    transform:rotate(2deg)
}

.item-album .item-photo-group .item-photo-bg-2 {
    z-index: 0;
    transform:rotate(4deg)
}

.item-album h3.item-title {
    margin: 15px 0 5px;
    font-size: 14px;
    text-align: center;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

.item-album .item-info {
    font-size: 12px;
    color: #777;
    text-align:center
}

.col-md-12 .item-album .item-photo .photo {
    height:246px
}

@media (max-width: 1199px) {
    .item-album .item-photo-group .item-photo .photo {
        height:136px
    }

    .col-md-12 .item-album .item-photo .photo {
        height:196px
    }
}

@media (max-width: 991px) {
    .col-md-12 .item-album .item-photo .photo {
        height:142px
    }
}

@media (max-width: 767px) {
    .item-album .item-photo-group .item-photo .photo {
        height:204px
    }
}

@media (max-width: 688px) {
    .item-album {
        margin-bottom:15px
    }

    .item-album h3.item-title {
        margin-top:10px
    }

    .item-album .item-photo-group .item-photo .photo {
        height:178px
    }
}

@media (max-width: 560px) {
    .item-album .item-photo-group .item-photo .photo {
        height:135px
    }

    .item-album {
        margin-left: 15px;
        margin-right:15px
    }
}

@media (max-width: 540px) {
    .item-album .item-photo-group .item-photo .photo {
        height:216px
    }
}

@media (max-width: 480px) {
    .item-album .item-photo-group .item-photo .photo {
        height:186px
    }
}

@media (max-width: 414px) {
    .item-album .item-photo-group .item-photo .photo {
        height:162px
    }
}

@media (max-width: 400px) {
    .item-album .item-photo-group .item-photo .photo {
        height:146px
    }
}

@media (max-width: 375px) {
    .item-album .item-photo-group .item-photo .photo {
        height:142px
    }
}

@media (max-width: 360px) {
    .item-album .item-photo-group .item-photo .photo {
        height:134px
    }
}

@media (max-width: 320px) {
    .item-album .item-photo-group .item-photo .photo {
        height:114px
    }
}

.item-discussion {
    padding:20px 20px 0
}

.item-discussion .item-user {
    margin:0 0 20px
}

.item-discussion .item-user-name {
    overflow: hidden;
    margin-bottom:5px
}

.item-discussion .item-user-name a {
    font-weight:700
}

.item-discussion .item-user-name .item-user-info {
    float: right;
    margin:2px 0 0
}

.item-discussion .item-disscussion-content {
    margin-bottom: 10px;
    line-height:1.8
}

.item-discussion .item-discussion-post {
    margin-top: 10px;
    text-align:right
}

.item-discussion .item-rating-heart-lg {
    margin-top:9px
}

.item-discussion .item-disscussion-photo {
    margin-bottom:8px
}

.item-discussion .item-disscussion-photo .item-photo {
    position: relative;
    float: left;
    margin:0 2px 2px 0
}

.item-discussion .item-disscussion-photo .item-photo a {
    display: block;
    width: 80px;
    height: 80px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.item-discussion .item-disscussion-photo .item-photo .item-text {
    position: absolute;
    padding-top: 23px;
    z-index:100
}

.item-discussion .item-disscussion-photo .item-photo .item-overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 35%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.54) 100%);
    z-index:0
}

.item-discussion .item-disscussion-photo .item-photo .item-overlay:hover, .item-discussion .item-disscussion-photo .item-photo .item-overlay:focus, .item-discussion .item-disscussion-photo .item-photo .item-overlay.focus {
    background:linear-gradient(180deg, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.36) 100%)
}

.item-discussion .item-disscussion-action a {
    float: left;
    margin-right: 20px;
    font-size: 12px;
    color:#777
}

.item-discussion .item-disscussion-action .fa {
    margin-right: 5px;
    font-size:12px
}

.item-discussion .item-comment {
    margin-left:69px
}

.item-discussion .item-comment .item-comment-panel .btn-success {
    border-radius:0 4px 4px 0
}

.item-discussion .item-comment .item-comment-panel .item-user-content {
    position:relative
}

.item-discussion .item-comment .item-comment-panel .item-user-content span.item-reply-name {
    position: absolute;
    left: 5px;
    top: 5px;
    padding: 4px 2px 4px 8px;
    line-height: 1.4;
    font-size: 12px;
    color: #777;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #f7f7f7;
    z-index:100
}

.item-discussion .item-comment .item-comment-panel .item-reply-load {
    margin-bottom: 15px;
    font-size: 12px;
    color: #777;
    text-align:center
}

.item-discussion .item-comment .item-comment-panel .item-reply-load .fa {
    margin-right:5px
}

.item-discussion .item-comment .item-user {
    position: relative;
    margin-bottom:15px
}

.item-discussion .item-comment .item-user-name {
    margin:0
}

.item-discussion .item-comment .item-avatar a {
    width: 36px;
    height:36px
}

.item-discussion .item-comment .item-user-content {
    margin-left:51px
}

.item-discussion .item-comment .item-reply {
    font-weight:700
}

.item-discussion .item-load {
    margin-bottom:15px
}

.item-discussion .alert-dismissible .close {
    right:-2px
}

@media (max-width: 560px) {
    .item-discussion {
        padding:15px 15px 0
    }

    .item-discussion .item-user {
        margin-bottom:15px
    }

    .item-discussion .item-comment {
        margin-left: 0;
        padding:0 0 0 15px
    }

    .item-discussion .item-comment .item-user {
        padding-top: 15px;
        border-top:1px solid #eee
    }

    .item-discussion .item-comment .item-comment-panel .btn-success {
        color: #555;
        background: #fff;
        border-color: #ddd;
        border-radius:100px
    }
}

@media (max-width: 540px) {
    .item-discussion .item-rating-heart-lg {
        margin-top:4px
    }
}

@media (max-width: 320px) {
    .item-discussion .item-disscussion-photo .item-photo a {
        width: 60px;
        height:60px
    }

    .item-discussion .item-disscussion-photo .item-photo .item-text {
        padding-top:13px
    }
}

.product-actions, .item-product-price-wrap {
    display:none
}

.campaign-section .campaign-price-list .stripe-button-el {
    width: 100%;
    background: #f80;
    padding: 0;
    box-shadow: none;
    border-radius: 4px;
    border:1px solid #f80
}

.campaign-section .campaign-price-list .stripe-button-el .fa {
    margin-right:10px
}

.campaign-section .campaign-price-list .stripe-button-el span {
    padding: 9px 0;
    height: auto;
    line-height: 1.4;
    background: #f80;
    background-image: none;
    font-size: 16px;
    font-weight: 400;
    font-family: system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif;
    text-shadow: none;
    box-shadow: none;
    border-radius:0
}

.campaign-section .campaign-price-list .wechat-button-el {
    width: 100%;
    color: #fff;
    background: #80b518;
    padding: 0;
    box-shadow: none;
    border-radius: 4px;
    border:1px solid #80b518
}

.campaign-section .campaign-price-list .wechat-button-el .fa {
    margin-right: 10px;
    font-size:18px
}

.campaign-section .campaign-price-list .wechat-button-el span {
    display: inline-block;
    padding: 9px 0;
    height: auto;
    line-height: 1.4;
    background-image: none;
    font-size: 16px;
    font-weight: 400;
    font-family: system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif;
    text-shadow: none;
    box-shadow: none;
    border-radius:0
}

.campaign-section .campaign-price-list .alipay-button-el {
    width: 100%;
    color: #fff;
    background: #00a0e8;
    padding: 0;
    box-shadow: none;
    border-radius: 4px;
    border:1px solid #00a0e8
}

.campaign-section .campaign-price-list .alipay-button-el img {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 10px;
    height:25px
}

.campaign-section .campaign-price-list .alipay-button-el span {
    display: inline-block;
    padding: 9px 0;
    height: auto;
    line-height: 1.4;
    background-image: none;
    font-size: 16px;
    font-weight: 400;
    font-family: system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif;
    text-shadow: none;
    box-shadow: none;
    border-radius:0
}

.item-product h1.item-product-desc {
    margin: 0 0 15px;
    font-size: 24px;
    line-height:1.4
}

.item-product .item-panel-title h3 {
    margin-bottom:15px
}

.item-product .item-product-gallery {
    position:relative
}

.item-product .item-product-gallery .item-product-img {
    height: 400px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.item-product .item-product-buying {
    padding: 15px;
    overflow:visible
}

.item-product .item-product-price-was {
    color: #999;
    font-family: Montserrat;
    font-weight:700
}

.item-product .item-product-price {
    font-size: 28px;
    font-weight: 700;
    font-family: Montserrat;
    font-weight:700
}

.item-product .item-product-cta {
    margin-top: 15px;
    padding-top: 15px;
    border-top:1px solid #eee
}

.item-product .item-product-cta .col-md-8 {
    padding-right:0
}

.item-product .item-product-cta .fa {
    margin-right:8px
}

.inquiry-info-wechat {
    margin-bottom:30px
}

.inquiry-info-wechat .inquiry-info-qr img {
    display: block;
    margin: 15px auto 0;
    width:280px
}

.inquiry-info-form {
    margin-bottom:15px
}

.inquiry-info-form em {
    padding-left: 10px;
    color: #777;
    font-style: normal;
    font-size:12px
}

@media (max-width: 1199px) {
    .item-product .item-product-gallery .item-product-img {
        height:360px
    }
}

@media (min-width: 991px) {
    .item-product .item-product-gallery .item-product-img {
        height:280px
    }

    .item-product h1.item-product-desc {
        margin-bottom: 10px;
        font-size:20px
    }

    .item-product .item-product-price {
        font-size:24px
    }
}

@media (max-width: 767px) {
    .item-product .item-product-gallery .item-product-img {
        height:240px
    }
}

@media (max-width: 560px) {
    .item-product-price-wrap {
        margin-top: 15px;
        margin-bottom: -15px;
        padding: 10px 0;
        text-align: center;
        background:#fff
    }

    .item-product-price-wrap .item-product-price-was {
        color: #999;
        font-family: Montserrat;
        font-weight:700
    }

    .item-product-price-wrap .item-product-price {
        font-size: 18px;
        font-weight: 700;
        font-family: Montserrat;
        font-weight:700
    }

    #hero-actions.product-actions .col-xs-4 {
        padding: 0;
        width:100%
    }

    #hero-actions.product-actions .col-xs-4 .my-share {
        display:block
    }

    .hidden-560 {
        display:none
    }
}

@media (max-width: 400px) {
    .item-product .item-product-gallery .item-product-img {
        height:200px
    }
}

.item-merchant.item-collection-list .item:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .15);
    box-shadow:0 3px 8px -4px rgba(0, 0, 0, .15)
}

.item-merchant.item-collection-list .item .item-image span {
    display: block;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.item-merchant.item-collection-list .item .item-title {
    margin-bottom:10px
}

.item-merchant.item-collection-list .item .item-title .item-name {
    float:left
}

.item-merchant.item-collection-list .item .item-title .item-rating-chili {
    float: left;
    margin:6px 0 0 10px
}

.item-merchant.item-collection-list .item .item-title .item-rating-chili span {
    display: block;
    float: left;
    width: 11px;
    height: 11px;
    background-image: url(/images/icons-rating-chili.png);
    background-size:11px 11px
}

.item-merchant.item-collection-list .item .item-desc {
    margin-bottom: 10px;
    height: 54px;
    font-size: 12px;
    line-height:1.5
}

.item-merchant.item-collection-list .item .item-action .item-action-like {
    padding: 6px 0;
    font-size: 12px;
    color:#777
}

.item-merchant.item-collection-list .item .item-action .item-action-like .fa {
    margin-right:5px
}

.item-merchant.item-collection-list .item .item-action .btn {
    position: static;
    float:right
}

.item-merchant .info-title {
    margin-bottom:5px
}

.item-merchant .info-title .item-merchant-badge {
    margin-left: 0;
    margin-right: 15px;
    top:-2px
}

.item-merchant h2.info-title span {
    display: inline-block;
    margin:0 15px 5px 0
}

.item-merchant .item-merchant-badge {
    position: relative;
    display: inline-block;
    margin-left: 8px;
    font-size: 12px;
    color: #fff;
    background: #f60;
    padding: 1px 5px;
    border-radius:4px
}

.item-merchant .item-merchant-badge .fa {
    margin-right:3px
}

.item-merchant .item-merchant-badge.blue {
    background:#009eff
}

.item-merchant .item-merchant-coupon {
    position: relative;
    top: -2px;
    display: inline-block;
    height: 18px;
    font-size:13px
}

.item-merchant .item-merchant-coupon .fa {
    margin-right: 8px;
    color:#999
}

.item-merchant .item-merchant-coupon a {
    color:#009eff
}

.item-merchant .item-merchant-coupon a:hover {
    text-decoration:underline
}

.item-merchant .item-merchant-tag {
    margin-top: 10px;
    border-top: 1px solid #efefef;
    height: 36px;
    overflow:hidden
}

.item-merchant .item-merchant-tag .item-tag {
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    padding: 4px 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 100px;
    white-space:nowrap
}

.item-merchant .item-merchant-tag .item-tag.item-tag-green {
    background:#80b518
}

.item-merchant-summary {
    margin:15px 0
}

.item-merchant-desc {
    margin:15px 0 0
}

span.collapse.in {
    display:inline
}

@media (max-width: 640px) {
    .item-merchant.item-collection-list .item .item-desc {
        height:auto
    }

    .item-merchant-summary {
        margin:10px 0
    }

    .item-merchant-desc {
        margin:10px 0 0
    }
}

.item-coupon {
    position: relative;
    margin-bottom: 30px;
    padding:10px 0
}

.item-coupon a:hover {
    color:#333
}

.item-coupon:hover:after {
    box-shadow:0 0 20px 1px rgba(0, 0, 0, .25)
}

.item-coupon:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 5px;
    right: 5px;
    bottom: 5px;
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, .15);
    z-index:-2
}

.item-coupon .outer {
    position: relative;
    background:#fff
}

.item-coupon .outer .inner {
    padding:10px 15px
}

.item-coupon .outer:before {
    position: absolute;
    top: -10px;
    display: block;
    content: "";
    background: radial-gradient(circle, transparent 5px, #fff 5px);
    background-size: 20px 20px;
    background-position: -10px -10px;
    width: 100%;
    height: 10px;
    z-index:-1
}

.item-coupon .outer:after {
    position: absolute;
    bottom: -10px;
    content: "";
    display: block;
    background: radial-gradient(circle, transparent 5px, #fff 5px);
    background-size: 20px 20px;
    background-position: -10px 0;
    width: 100%;
    height: 10px;
    z-index:-1
}

.item-coupon.item-merchant {
    padding:0
}

.item-coupon.item-merchant .outer {
    position: relative;
    border-radius:12px
}

.item-coupon.item-merchant .outer:before, .item-coupon.item-merchant .outer:after {
    display:none
}

.item-coupon.item-merchant .item-coupon-merchant {
    margin-left: 140px;
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom:0
}

.item-coupon.item-merchant .item-merchant-badge {
    position: absolute;
    top: 13px;
    right: 0;
    margin-right: 0;
    font-size: 12px;
    color: #fff;
    background: #f60;
    padding: 1px 5px;
    border-radius:4px 0 0 4px
}

.item-coupon.item-merchant .item-merchant-badge .fa {
    margin-right:3px
}

.item-coupon.item-merchant .item-merchant-location, .item-coupon.item-merchant .item-merchant-phone, .item-coupon.item-merchant .item-merchant-open-time, .item-coupon.item-merchant .item-merchant-coupon {
    margin-top: 10px;
    height: 18px;
    font-size:13px
}

.item-coupon.item-merchant .item-merchant-location .fa, .item-coupon.item-merchant .item-merchant-phone .fa, .item-coupon.item-merchant .item-merchant-open-time .fa, .item-coupon.item-merchant .item-merchant-coupon .fa {
    margin-right: 8px;
    color:#999
}

.item-coupon.item-merchant .item-merchant-location a, .item-coupon.item-merchant .item-merchant-phone a, .item-coupon.item-merchant .item-merchant-open-time a, .item-coupon.item-merchant .item-merchant-coupon a {
    color:#009eff
}

.item-coupon.item-merchant .item-merchant-location a:hover, .item-coupon.item-merchant .item-merchant-phone a:hover, .item-coupon.item-merchant .item-merchant-open-time a:hover, .item-coupon.item-merchant .item-merchant-coupon a:hover {
    text-decoration:underline
}

.item-coupon .item-coupon-title {
    margin-bottom: 5px;
    height: 25px;
    font: 700 18px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

.item-coupon .item-coupon-date {
    font-size: 12px;
    height: 17px;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

.item-coupon .item-coupon-count {
    margin-top: 5px;
    color: #80b518;
    font-weight:700
}

.item-coupon .item-coupon-count .fa {
    margin-right:5px
}

.item-coupon .item-coupon-img {
    margin-top: 10px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.item-coupon .item-coupon-merchant {
    margin-top: 15px;
    padding-top: 15px;
    border-top:1px dashed #ddd
}

.item-coupon .item-coupon-merchant-logo {
    float: left;
    display: block;
    width: 120px;
    height: 90px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.item-coupon .item-coupon-merchant-content {
    overflow:hidden
}

.item-coupon .item-coupon-merchant-info {
    margin-top: 10px;
    border-top:1px solid #efefef
}

.item-coupon .item-coupon-merchant-rating {
    margin-bottom:5px
}

.item-coupon .item-coupon-merchant-rating .item-rating, .item-coupon .item-coupon-merchant-rating .icon-rating {
    float:left
}

.item-coupon .item-coupon-merchant-rating .item-text {
    margin-left:5px
}

.item-coupon .item-coupon-merchant-rating .item-pricing {
    float: left;
    font-weight: 700;
    font-family: montserrat;
    color: #f90;
    letter-spacing:2px
}

.item-coupon .item-coupon-merchant-rating .item-pricing:before {
    content: "•";
    position: relative;
    top: -1px;
    margin: 0 10px;
    color: #ccc;
    font-size:10px
}

.item-coupon .item-coupon-merchant-title {
    margin-right: 50px;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700;
    font-family: montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

.item-coupon .item-coupon-merchant-address {
    clear: both;
    color:#777
}

.item-coupon .item-coupon-details {
    margin-top: 10px;
    padding: 15px;
    background:#f8f8f8
}

.item-coupon .item-coupon-details h5 {
    margin: 0 0 10px;
    font-weight:700
}

.item-coupon .item-coupon-details p + h5 {
    margin-top:15px
}

.item-coupon .alert-success {
    padding: 10px;
    margin-bottom: 10px;
    color: #fff;
    background: #80b518;
    border:0
}

.item-coupon .alert-success .fa {
    margin-right:5px
}

#coupons #search-panel {
    margin-top: 50px;
    margin-bottom: 0;
    background:0 0
}

#coupons #search-panel .search-box {
    margin: 0;
    padding:0
}

#coupons #search-panel .form-control {
    background: #fff;
    border-radius:4px 0 0 4px
}

.item-coupon-action {
    padding: 10px;
    width: 100%;
    bottom: 0;
    background: #fff;
    box-shadow:0 -3px 8px -4px rgba(0, 0, 0, .15)
}

@media (max-width: 991px) {
    #coupons #search-panel {
        margin-top: 30px;
        margin-bottom:-20px
    }
}

@media (max-width: 886px) {
    #coupons #search-panel {
        box-shadow:none
    }

    #coupons #search-panel .search-box {
        -ms-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .15);
        -o-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .15);
        box-shadow:0 3px 8px -4px rgba(0, 0, 0, .15)
    }
}

@media (max-width: 688px) {
    .item-coupon {
        margin-bottom:20px
    }

    #coupons #search-panel {
        margin-bottom:20px
    }
}

@media (max-width: 560px) {
    #coupons #search-panel {
        margin-top: 0;
        margin-bottom:0
    }

    #coupons #search-panel.search-panel-web {
        display:none
    }

    #coupons #search-panel .search-box {
        padding: 10px;
        box-shadow:none
    }

    #coupons #search-panel .search-box .form-control {
        background-repeat: no-repeat;
        background-position: 8px center;
        background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMyAxMycgZW5hYmxlLWJhY2tncm91bmQ9J25ldyAwIDAgMTMgMTMnPjxnPjxwYXRoIGZpbGw9JyM5MzkzOTgnIGQ9J001LDFjMi4yLDAsNCwxLjgsNCw0UzcuMiw5LDUsOVMxLDcuMiwxLDVTMi44LDEsNSwxIE01LDBDMi4yLDAsMCwyLjIsMCw1czIuMiw1LDUsNXM1LTIuMiw1LTVTNy44LDAsNSwwIEw1LDB6Jy8+PC9nPjxsaW5lIHN0cm9rZT0nIzkzOTM5OCcgc3Ryb2tlLW1pdGVybGltaXQ9JzEwJyB4MT0nMTIuNicgeTE9JzEyLjYnIHgyPSc4LjInIHkyPSc4LjInLz48L3N2Zz4=);
        -webkit-background-size: 13px 13px;
        background-size: 13px 13px;
        background-color: #eee;
        border-radius:100px
    }

    .item-coupon {
        margin-bottom:15px
    }

    .item-coupon .outer .inner {
        padding:15px
    }

    .item-coupon.item-merchant .outer {
        border-radius:0
    }

    .item-coupon:hover:after {
        box-shadow:none
    }

    .item-coupon:after {
        box-shadow:none
    }

    .item-coupon .item-coupon-merchant-title {
        font-size:16px
    }
}

@media (max-width: 414px) {
    .item-coupon .item-coupon-merchant-logo {
        margin-right: 10px;
        width: 60px;
        height:60px
    }

    .item-coupon.item-merchant .item-coupon-merchant {
        margin-left:0
    }
}

.campaign-coupon {
    position: relative;
    padding:10px 0
}

.campaign-coupon.campaign {
    background: 0 0;
    overflow:visible
}

.campaign-coupon:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 5px;
    right: 5px;
    bottom: 5px;
    z-index:-2
}

.campaign-coupon .outer {
    position: relative;
    background:#f7f7f7
}

.campaign-coupon .outer .inner {
    padding:15px 15px 1px
}

.campaign-coupon .outer:before {
    position: absolute;
    top: -10px;
    display: block;
    content: "";
    background: radial-gradient(circle, transparent 5px, #f7f7f7 5px);
    background-size: 20px 20px;
    background-position: -10px -10px;
    width: 100%;
    height: 10px;
    z-index:-1
}

.campaign-coupon .outer:after {
    position: absolute;
    bottom: -10px;
    content: "";
    display: block;
    background: radial-gradient(circle, transparent 5px, #f7f7f7 5px);
    background-size: 20px 20px;
    background-position: -10px 0;
    width: 100%;
    height: 10px;
    z-index:-1
}

.campaign-coupon .outer .campaign-coupon-details .campaign-coupon-img {
    width:100%
}

.campaign-coupon .outer .campaign-coupon-details p {
    font-size:12px
}

.modal-dialog .modal-content .modal-body p {
    text-align:center
}

.modal-dialog .modal-content .modal-body .qrcode-canvas {
    text-align:center
}

.item-checkout .item-checkout-wrap {
    padding-bottom:15px
}

.item-checkout .item-checkout-link {
    color: #333;
    border-bottom:1px dashed #aaa
}

.item-checkout .item-checkout-link:hover {
    border-bottom:1px dashed #00bdff
}

.item-checkout.item-checkout-modal .item-panel {
    background:0 0
}

.item-checkout .item-checkout-status {
    margin-top: 5px;
    font-size:14px
}

.item-checkout .item-checkout-status .fa {
    font-size: 12px;
    margin-right:5px
}

.item-checkout .item-checkout-status.item-checkout-status-green .fa {
    color:#80b518
}

.item-checkout .item-checkout-status.item-checkout-status-orange .fa {
    color:#f60
}

.item-checkout .item-checkout-status.item-checkout-status-red .fa {
    color:#ff4646
}

.item-checkout .item-checkout-status.item-checkout-status-gray .fa {
    color:#777
}

.item-checkout .payment-status {
    width:100%
}

.item-checkout #alert.alert-checkout {
    margin-bottom: 15px;
    position: static;
    height:inherit
}

.item-checkout .count-down-span {
    padding: 0 5px;
    color: #ff4646;
    font-weight: 700;
    font-size:16px
}

.item-checkout .stripe-button-el {
    width: 100%;
    background: #f80;
    padding: 0;
    box-shadow: none;
    border-radius: 100px;
    border:1px solid #f80
}

.item-checkout .stripe-button-el .fa {
    margin-right:10px
}

.item-checkout .stripe-button-el span {
    padding: 9px 0;
    height: auto;
    line-height: 1.4;
    background: #f80;
    background-image: none;
    font-size: 16px;
    font-weight: 400;
    font-family: system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif;
    text-shadow: none;
    box-shadow: none;
    border-radius:0
}

.item-checkout .wechat-button-el {
    width: 100%;
    color: #fff;
    background: #80b518;
    padding: 0;
    box-shadow: none;
    border-radius: 100px;
    border:1px solid #80b518
}

.item-checkout .wechat-button-el .fa {
    margin-right: 10px;
    font-size:18px
}

.item-checkout .wechat-button-el span {
    display: inline-block;
    padding: 9px 0;
    height: auto;
    line-height: 1.4;
    background-image: none;
    font-size: 16px;
    font-weight: 400;
    font-family: system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif;
    text-shadow: none;
    box-shadow: none;
    border-radius:0
}

.item-checkout .alipay-button-el {
    width: 100%;
    color: #fff;
    background: #00a0e8;
    padding: 0;
    box-shadow: none;
    border-radius: 100px;
    border:1px solid #00a0e8
}

.item-checkout .alipay-button-el img {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 10px;
    height:25px
}

.item-checkout .alipay-button-el span {
    display: inline-block;
    padding: 9px 0;
    height: auto;
    line-height: 1.4;
    background-image: none;
    font-size: 16px;
    font-weight: 400;
    font-family: system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif;
    text-shadow: none;
    box-shadow: none;
    border-radius:0
}

.item-checkout .btn-alipay {
    display: block;
    padding: 7px 18px 6px;
    line-height: 1.4;
    color: #fff;
    background: #00a0e8;
    font-size: 16px;
    border-radius:100px
}

.item-checkout .btn-alipay img {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 10px;
    height:25px
}

.item-checkout .btn-alipay span {
    display:inline-block
}

.item-checkout.item-step.item-section .item-panel.item-activity {
    padding:0
}

.item-checkout .step-title span {
    color: #777;
    font-size: 14px;
    font-weight:400
}

.item-checkout .step-title .checkbox {
    margin:0
}

.item-checkout .step-title .checkbox label {
    font-weight:700
}

.item-checkout .step-title .checkbox label::after {
    padding-top:3px
}

.item-checkout .step-title .has-error.checkbox label {
    color:#ff4646
}

.item-checkout .step-title .has-error.checkbox label::before {
    border:1px solid #ff4646
}

.item-checkout .item-desc label.tc {
    display: block;
    max-height: 100px;
    overflow:auto
}

.item-checkout .checkout-item {
    margin-top: 15px;
    padding-top: 15px;
    border-top:1px solid #eee
}

.item-checkout .checkout-item .checkout-item-price {
    float: right;
    width: 20%;
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 700;
    text-align:right
}

.item-checkout .checkout-item .checkout-item-content {
    float: left;
    width: 80%;
    padding-right:15%
}

.item-checkout .checkout-item .checkout-item-qty {
    float: right;
    width: 15%;
    margin-right:-18%
}

.item-checkout .checkout-item .checkout-item-desc {
    font-size: 16px;
    float: left;
    width:100%
}

.item-checkout .checkout-item-total {
    padding-top: 15px;
    border-top: 1px solid #eee;
    font-size: 16px;
    text-align:right
}

.item-checkout .checkout-item-total strong {
    float: right;
    margin-top: -1px;
    margin-left: 15px;
    font-family: Montserrat;
    font-weight: 700;
    font-size:18px
}

.item-checkout .checkout-item-total .checkout-item-time {
    margin-top: 3px;
    font-size: 14px;
    color:#777
}

.item-checkout .checkout-order {
    float: left;
    width: 100%;
    margin-top: 15px;
    padding: 15px 15px 0;
    background:#f7f7f7
}

.item-checkout .checkout-order .form-group {
    margin-bottom:15px
}

.item-checkout .checkout-order-details .checkout-order-card {
    margin-top: 15px;
    padding: 15px 15px 5px;
    background: #f7f7f7;
    border-radius:12px
}

.item-checkout .checkout-order-details .checkout-order-card p {
    margin:0 0 10px
}

.item-service-summary .section-title {
    margin-bottom:15px
}

.item-service-summary .section-title h2 {
    margin-bottom: 0;
    font-weight:500
}

.item-service-summary .item-service-item {
    margin-bottom: 20px;
    padding: 10px 15px;
    background: #f8f8f8;
    border-radius:12px
}

.item-service-summary .item-service-item * {
    font-size:13px
}

.item-service-summary .item-service-item .item-service-info {
    margin-bottom:10px
}

.item-service-summary .item-service-item .item-service-info strong {
    font-size:18px
}

.item-service-summary .item-service-item .item-service-price {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
    color:#00bdff
}

.select-seats-general .select-seats-img {
    float: left;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden
}

.select-seats-general .select-seats-info {
    margin:10px 15px
}

.select-seats-general .select-seats-name {
    max-height: 40px;
    overflow:hidden
}

.select-seats-general .select-seats-action {
    margin:10px 0
}

.select-seats-wrap {
    padding:5px 15px 0
}

.select-seats-wrap.disabled .select-seats-content li a, .select-seats-wrap.disabled .select-seats-content li span {
    opacity: .3;
    cursor: default;
    background:#fff
}

.select-seats-wrap .select-seats-item {
    margin:5px 0
}

.select-seats-wrap .select-seats-item .select-seats-title {
    margin-bottom:10px
}

.select-seats-wrap .select-seats-item .select-seats-content ul {
    margin: 0 -10px 0 0;
    padding: 0;
    list-style:none
}

.select-seats-wrap .select-seats-item .select-seats-content ul.selected li {
    width:33.33333333333333%
}

.select-seats-wrap .select-seats-item .select-seats-content ul.selected li span {
    border-style: dashed;
    border-color: #ccc;
    background:#fff
}

.select-seats-wrap .select-seats-item .select-seats-content ul.selected li span.selected {
    position: relative;
    border-style: solid;
    border-color: #ccc;
    color: #333;
    background:#fff
}

.select-seats-wrap .select-seats-item .select-seats-content ul.selected li span.selected em {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 18px;
    height: 18px;
    text-align: center;
    background: #fff;
    border: 1px solid #555;
    font-style: normal;
    border-radius:100px
}

.select-seats-wrap .select-seats-item .select-seats-content ul.selected li span.selected em .fa {
    display: block;
    color: #555;
    margin-top: 2px;
    font-size:12px
}

.select-seats-wrap .select-seats-item .select-seats-content ul li {
    float: left;
    width:16.66666666666667%
}

.select-seats-wrap .select-seats-item .select-seats-content ul li a, .select-seats-wrap .select-seats-item .select-seats-content ul li span {
    display: block;
    margin: 0 10px 10px 0;
    padding: 5px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 4px;
    text-align:center
}

.select-seats-wrap .select-seats-item .select-seats-content ul li a:hover, .select-seats-wrap .select-seats-item .select-seats-content ul li span:hover {
    background:#efefef
}

.select-seats-wrap .select-seats-item .select-seats-content ul li a.active, .select-seats-wrap .select-seats-item .select-seats-content ul li span.active {
    color: #fff;
    font-weight: 700;
    background: #555;
    border-color:#555
}

.select-seats-wrap .select-seats-item .select-seats-content ul li a.selected, .select-seats-wrap .select-seats-item .select-seats-content ul li span.selected {
    position: relative;
    color: #fff;
    font-weight: 700;
    background: #80b518;
    border-color: #80b518;
    opacity:1
}

.select-seats-wrap .select-seats-item .select-seats-content ul li a.selected .fa-check, .select-seats-wrap .select-seats-item .select-seats-content ul li span.selected .fa-check {
    position: absolute;
    top: 0;
    right: 0;
    font-size:12px
}

.select-seats-wrap .select-seats-item .select-seats-content ul li span:hover {
    background:#fff
}

.checkout-order .select-seats-wrap {
    padding-top:0
}

.checkout-order .select-seats-wrap .select-seats-item {
    margin-top:0
}

@media (max-width: 688px) {
    .wechat-button-el {
        margin-top:10px
    }

    .alipay-button-el {
        margin-top:10px
    }

    .item-checkout .section-title {
        min-height:0
    }

    .item-checkout .checkout-item .checkout-item-content {
        padding-right:5%
    }

    .item-checkout .checkout-item .checkout-item-qty {
        clear: both;
        float: none;
        width: auto;
        padding-top: 8px;
        margin-right:0
    }

    .item-checkout .checkout-item .checkout-item-qty .form-control {
        float: left;
        width:56px
    }

    .item-checkout .checkout-item .checkout-item-qty .text-success {
        padding-top: 8px !important;
        padding-left:66px
    }
}

@media (min-width: 992px) {
    .select-seats-wrap .select-seats-item .select-seats-content ul li {
        width:10%
    }

    .select-seats-wrap .select-seats-item .select-seats-content ul.selected li {
        width:25%
    }
}

@media (min-width: 768px) and(max-width: 991px) {
    .select-seats-wrap .select-seats-item .select-seats-content ul li {
        width:16.66666666666667%
    }

    .select-seats-wrap .select-seats-item .select-seats-content ul.selected li {
        width:33.33333333333333%
    }

    .alipay-button-el {
        margin-top:10px
    }
}

@media (max-width: 560px) {
    .checkout-order .select-seats-wrap {
        padding-left: 0;
        padding-right:0
    }

    .item-checkout .section-title {
        margin-bottom:15px
    }

    .item-checkout.item-step .step-title {
        margin-top:0 !important
    }

    .item-checkout.item-step .step-title h2 {
        font-size:16px
    }

    .item-checkout .checkout-item .checkout-item-desc {
        font-size:14px
    }

    .item-checkout .count-down-span {
        color:#fff
    }

    .item-checkout #alert.alert-checkout .btn-success {
        color: #555;
        background-color: #fff;
        border-color:#ddd
    }

    .item-checkout .col-md-6.col-sm-6.col-xs-6 {
        width:100%
    }

    .item-checkout .col-md-6.col-sm-6.col-xs-6 .btn-alipay {
        margin-top:10px
    }
}

.deal-editor {
    padding: 30px 0 0;
    display: flex;
    height: auto !important;
    background:0 0 !important
}

.deal-editor .deal-list .campaign {
    cursor: pointer;
    border: 1px solid #efefef;
    border-bottom:2px solid #efefef
}

.deal-editor .deal-list .campaign:hover, .deal-editor .deal-list .campaign.active {
    border: 1px solid #80b518;
    border-bottom: 2px solid #80b518;
    box-shadow:rgba(0, 0, 0, .05) 0 0 10px
}

.deal-editor .deal-list .campaign:hover .campaign-offer.campaign-box.campaign-item .campaign-wrap .campaign-actions {
    display:block
}

.deal-editor .deal-list .campaign .campaign-offer.campaign-box.campaign-item .campaign-icons {
    right: 5px;
    left:auto
}

.deal-editor .deal-list .campaign .campaign-offer.campaign-box.campaign-item .campaign-badge.gray span + span {
    margin-left: 5px;
    padding-left: 5px;
    border-left:1px solid #aaa
}

.deal-editor .deal-list .campaign .campaign-offer.campaign-box.campaign-item .campaign-badge.red + .campaign-icons {
    top:31px
}

.deal-editor .deal-list .campaign .campaign-offer.campaign-box.campaign-item .campaign-wrap {
    border:0
}

.deal-editor .deal-list .campaign .campaign-offer.campaign-box.campaign-item .campaign-wrap .campaign-aside {
    margin: 0 auto;
    max-width:100px
}

.deal-editor .deal-list .campaign .campaign-offer.campaign-box.campaign-item .campaign-wrap .campaign-aside .campaign-img.campaign-photo.campaign-photo-square {
    position:relative
}

.deal-editor .deal-list .campaign .campaign-offer.campaign-box.campaign-item .campaign-wrap .campaign-aside .campaign-img.campaign-photo.campaign-photo-square a {
    background-size:contain
}

.deal-editor .deal-list .campaign .campaign-offer.campaign-box.campaign-item .campaign-wrap .campaign-actions {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    border: 0;
    text-align: center;
    border-top: 1px solid #efefef;
    box-shadow: 0 -5px 5px 0 rgba(0, 0, 0, .06);
    z-index:9
}

.deal-editor .deal-list .campaign .campaign-offer.campaign-box.campaign-item .campaign-wrap .campaign-actions .btn {
    position: relative;
    z-index:9
}

.deal-editor .deal-list .campaign .campaign-offer.campaign-box.campaign-item .campaign-wrap .campaign-actions:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index:1
}

@media (max-width: 560px) {
    .deal-editor {
        padding:15px 15px 0
    }

    .deal-editor .col-md-3.col-sm-4.col-xs-6 {
        width:100%
    }
}

.webpage-news .item-panel {
    overflow:visible
}

.webpage-news .topics-section .item-panel {
    overflow:hidden
}

.webpage-news .topics-section .item-panel {
    overflow:hidden
}

.item-event {
    padding:0 20px
}

.item-event .item-event-time-badge {
    margin-bottom: 10px;
    width: 40px;
    background: #efefef;
    color: #555;
    text-align: center;
    border-radius: 5px;
    font-family: Montserrat;
    font-weight:700
}

.item-event .item-event-time-badge .item-event-month {
    font-size: 11px;
    text-transform:uppercase
}

.item-event .item-event-time-badge .item-event-date {
    font-size:18px
}

.item-event .item-event-clock {
    display: block;
    width: 40px;
    text-align:center
}

.item-event .item-event-time {
    position: relative;
    float: left;
    padding: 25px 0 0;
    width: 60px;
    font-family: Montserrat;
    font-weight:700
}

.item-event .item-event-time .item-event-circle {
    position: absolute;
    display: block;
    top: 33px;
    right: -4px;
    width: 7px;
    height: 7px;
    border-radius: 100px;
    background:#00bdff
}

.item-event .item-event-time .item-event-circle:visited {
    background:#999
}

.item-event .item-event-time.item-event-red .item-event-time-badge {
    color: #fff;
    background:#ff4646
}

.item-event .item-event-time.item-event-red .item-event-circle {
    background:#ff4646
}

.item-event .item-event-time.item-event-red .item-event-circle:visited {
    background:#999
}

.item-event .item-event-time.item-event-gray {
    color:#999
}

.item-event .item-event-time.item-event-gray .item-event-time-badge {
    color:#999
}

.item-event .item-event-time.item-event-gray .item-event-circle {
    background:#ddd
}

.item-event .item-event-time.item-event-gray .item-event-circle:visited {
    background:#999
}

.item-event .item-event-content {
    margin-left: 60px;
    padding: 20px 0 15px 20px;
    border-left:1px solid #efefef
}

.item-event .item-event-content .item-event-title {
    margin-top: 3px;
    font-weight: 700;
    line-height:1.8
}

.item-event .item-event-content .item-event-title a:visited {
    color:#999
}

.item-event .item-event-content .item-event-info {
    margin-bottom: 5px;
    color: #777;
    font-size:12px
}

.item-event .item-event-content .item-event-info span {
    display: inline-block;
    margin-right:20px
}

.item-event .item-event-content .item-event-desc {
    line-height:1.8
}

.item-event .item-event-content .item-event-desc img {
    display:none
}

.item-event .item-event-content .item-event-img {
    float: left;
    margin:3px 15px 10px 0
}

.item-event .item-event-content .item-event-img img {
    display: block;
    width:100px
}

.item-event .item-event-content a.view-all {
    color: #00bdff;
    border-bottom: 2px dotted #ccc;
    white-space:nowrap
}

.item-event .item-event-content a.view-all .fa {
    margin-left:4px
}

.item-event .item-event-content a.view-all:hover {
    border-bottom:2px dotted #777
}

.item-event .collapse-action {
    position: relative;
    margin-top: -15px;
    margin-bottom:10px
}

.item-event .collapse-action .collapse-btn {
    margin-top:10px
}

.item-event .collapse-action .collapse-overlay {
    display:none
}

.item-event .collapse-action .collapsed .collapse-btn {
    margin-top:0
}

.item-event .collapse-action .collapsed .collapse-overlay {
    display: block;
    position: absolute;
    top: -50px;
    right: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, #fff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)
}

.item-event .item-event-action {
    margin-top:15px
}

.item-event .item-event-action a {
    color:#666
}

.item-event .item-event-action .fa {
    font-size: 16px;
    margin-right: 5px;
    cursor:pointer
}

.item-event .item-event-action .my-share .dropdown-menu {
    right: -5px;
    top:25px
}

.item-event .item-event-action .my-share .dropdown-menu .fa {
    font-size:14px
}

.item-event .item-event-action .item-event-thumbs {
    float: left;
    margin-right:30px
}

.item-event .item-event-action .item-event-reviews {
    float: left;
    margin-right:30px
}

.item-event a.collapse-btn.collapsed:before {
    content: '+ 展开'
}

.item-event a.collapse-btn:before {
    content: '- 收缩'
}

.item-event-panel {
    font-size: 12px;
    margin-left: 30px;
    padding: 10px 15px;
    background: #f7f7f7;
    border-radius:12px
}

.item-event-panel .item-event-time {
    margin-bottom:5px
}

.item-event-panel .fa {
    margin-right: 8px;
    width: 12px;
    text-align:center
}

.item-event-panel .item-event-source {
    margin-bottom:5px
}

.item-event-panel .item-event-source a {
    color: #00bdff;
    border-bottom:2px dotted #ccc
}

.item-event-panel .item-event-source a:hover {
    border-bottom:2px dotted #777
}

.item-event-hot {
    margin-top: 30px;
    margin-left: 30px;
    font-size:14px
}

.item-event-hot .fa-question-circle {
    float: left;
    margin: 6px 8px 0 0;
    color:#777
}

.item-event-hot .item-event-hot-title {
    margin-bottom: 10px;
    font-weight:700
}

.item-event-hot .item-event-hot-item {
    padding: 8px 0;
    border-top:1px solid #efefef
}

.item-event-hot .item-event-hot-item a:hover {
    color:#00bdff
}

.item-event-hot .item-event-info {
    margin: 5px 0 0 20px;
    color: #777;
    font-size:12px
}

.item-event-hot .item-event-info .item-event-answer, .item-event-hot .item-event-info .item-event-time {
    display: inline-block;
    margin:0 30px 0 0
}

.item-event-hot .item-event-time {
    margin-top: 5px;
    color: #777;
    font-size:12px
}

#article-header-container.event-header #hero .item-header {
    position:static
}

#article-header-container.event-header #hero .item-header .container {
    margin-top:0
}

#article-header-container.event-header #hero .item-header h1 {
    margin-top: 30px;
    margin-bottom: 15px;
    color: #333;
    text-shadow:none
}

.news-list #search-panel.search-panel-web {
    margin-top: 50px;
    margin-bottom: 0;
    background:0 0
}

.news-list #search-panel.search-panel-web .search-box {
    margin: 0;
    padding:0
}

.news-list #search-panel.search-panel-web .form-control {
    background:#fff
}

.news-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height:0
}

.news-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%
}

@media (max-width: 991px) {
    .item-event-panel {
        margin-left:0
    }

    .item-event-hot {
        margin-left:0
    }

    .news-list #search-panel.search-panel-web {
        margin-top: 30px;
        margin-bottom:-20px
    }
}

@media (max-width: 886px) {
    .news-list #search-panel.search-panel-web {
        box-shadow:none
    }

    .news-list #search-panel.search-panel-web .search-box {
        -ms-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .15);
        -o-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .15);
        box-shadow:0 3px 8px -4px rgba(0, 0, 0, .15)
    }
}

@media (max-width: 688px) {
    .news-list #search-panel.search-panel-web {
        margin-bottom:20px
    }
}

@media (max-width: 560px) {
    .news-list #search-panel.search-panel-web {
        display:none
    }

    .item-event {
        padding:0 15px
    }

    .item-event .item-event-time {
        padding: 20px 0 0;
        width:55px
    }

    .item-event .item-event-time .item-event-circle {
        top:28px
    }

    .item-event .item-event-content {
        margin-left: 55px;
        padding:15px 5px 15px 15px
    }
}

#yaoyan .item-header .container {
    margin-top:80px
}

#yaoyan .item-header .container h1 {
    margin-bottom:30px
}

#yaoyan .item-header .container .form-control {
    border:1px solid #fff
}

#yaoyan .item-list a:hover {
    color:#333
}

#yaoyan .item-list .item:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .15);
    box-shadow:0 3px 8px -4px rgba(0, 0, 0, .15)
}

#yaoyan .item-list .item-image span {
    display: block;
    width: 200px;
    height:200px
}

#yaoyan .item-list .item-group {
    height:200px
}

#yaoyan .item-rumor {
    max-height: 40px;
    overflow: hidden;
    margin-bottom:10px
}

#yaoyan .item-rumor strong {
    color:#ff4646
}

#yaoyan .item-truth {
    max-height: 100px;
    overflow:hidden
}

#yaoyan .item-truth strong {
    color:#80b518
}

#yaoyan .search-box .icon-search-light {
    display: inline-block;
    margin:0 5px -3px 0
}

@media (max-width: 1199px) {
    #yaoyan .item-rumor, #yaoyan .item-truth {
        max-height:none
    }
}

@media (max-width: 688px) {
    #yaoyan .item-list .item-group {
        height:auto
    }
}

.page-flight .campaign-feature {
    margin-top:-87px
}

.page-flight .campaign-pane.has-tab .campaign {
    margin: 0;
    overflow:visible
}

.page-flight .campaign-pane.has-tab .campaign-tab {
    margin-bottom:15px
}

@media (max-width: 991px) {
    .page-flight .campaign-pane.has-tab {
        margin:0 0 30px
    }
}

@media (max-width: 560px) {
    .page-flight .campaign-hero {
        display:none
    }

    .page-flight .campaign-feature {
        margin:0 0 15px
    }

    .page-flight .campaign-pane.has-tab {
        margin:0 0 15px
    }

    .page-flight .campaign-pane.has-tab .campaign {
        margin:0 0 15px
    }

    .page-flight .nav-grid.nav-feature .nav-grid-wrap .nav-grid-title {
        margin-bottom: 5px;
        font-size:14px
    }

    .page-flight .nav-grid.nav-feature .nav-grid-wrap .nav-grid-info {
        font-size:12px
    }
}

#customize-trip {
    position: relative;
    height: 680px;
    background: url(https://s3.guruin.com/db/photos/761282/url/atravel.jpg) no-repeat center;
    background-size:cover
}

#customize-trip .backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity:.5
}

#customize-trip .customize-wrap-mobile {
    position:relative
}

#customize-trip .customize-wrap-mobile .backdrop {
    display:none
}

#customize-trip .customize-wrap {
    position:relative
}

#customize-trip .customize-features {
    margin: 50px 0 0;
    width:360px
}

#customize-trip .customize-features h1 {
    margin: 0 0 30px;
    font-size: 32px;
    font-weight: 700;
    color:#fff
}

#customize-trip .customize-features h1 span {
    margin-right: 20px;
    color:#00bdff
}

#customize-trip .customize-features ul {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #fff;
    list-style:none
}

#customize-trip .customize-features ul li {
    margin-bottom:20px
}

#customize-trip .customize-features ul li .fa {
    color: #fff;
    margin-right:10px
}

#customize-trip .customize-flow {
    margin-top:40px
}

#customize-trip .customize-flow ul {
    width: 360px;
    margin: 0;
    padding: 0;
    color: #fff;
    list-style:none
}

#customize-trip .customize-flow ul li {
    position: relative;
    margin-bottom:30px
}

#customize-trip .customize-flow ul li .fa {
    margin-right:10px
}

#customize-trip .customize-flow ul li span {
    padding: 10px 15px;
    display: block;
    position: relative;
    z-index:9
}

#customize-trip .customize-flow ul li.last {
    margin-bottom:0
}

#customize-trip .customize-flow ul li.last:after {
    display:none
}

#customize-trip .customize-flow ul li:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
    border-radius:4px
}

#customize-trip .customize-flow ul li:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f175";
    position: absolute;
    left: 50%;
    bottom: -20px;
    margin-left: -3px;
    color:#ccc
}

#customize-trip .customize-form {
    position: absolute;
    top: 0;
    right: 15px;
    padding: 20px;
    border-radius: 0 0 12px 12px;
    background: #fff;
    overflow: hidden;
    box-shadow:0 3px 8px -4px rgba(0, 0, 0, .15)
}

#customize-trip .customize-form form {
    position: relative;
    width: 360px;
    z-index:99
}

#customize-trip .customize-form form .row {
    margin:0 -8px
}

#customize-trip .customize-form form .form-group {
    padding:0 8px
}

#customize-trip .customize-form form .form-group .form-control {
    border-width: 1px;
    -webkit-appearance:none
}

#customize-trip .customize-form form .btn-group {
    padding: 0;
    width:100%
}

#customize-trip .customize-form form .btn-group .btn {
    width: 25%;
    border-color: #eee;
    border-radius:4px
}

#customize-trip .customize-form form .btn-group .btn:not(:first-child):not(:last-child) {
    border-radius:0
}

#customize-trip .customize-form form .btn-group .btn:first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius:0
}

#customize-trip .customize-form form .btn-group .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius:0
}

#customize-trip .customize-partner {
    position: relative;
    z-index: 9;
    margin-top:40px
}

#customize-trip .customize-partner h4 {
    display: inline-block;
    margin: 30px 15px 0 0;
    font-size: 14px;
    color:#fff
}

#customize-trip .customize-partner .partner-logo {
    display: inline-block;
    width: 70px;
    border-radius:4px
}

@media (max-width: 991px) {
    #customize-trip .customize-form form {
        width:300px
    }

    #customize-trip .customize-features {
        width:320px
    }

    #customize-trip .customize-flow ul {
        width:320px
    }
}

@media (max-width: 767px) {
    #customize-trip {
        height: auto;
        background:#fff
    }

    #customize-trip .backdrop {
        display:none
    }

    #customize-trip .customize-form {
        position: static;
        margin: 0 -15px;
        border-radius:0
    }

    #customize-trip .customize-form form {
        width:auto
    }

    #customize-trip .customize-wrap-mobile {
        margin: 0 -15px;
        padding: 30px 0;
        background: url(https://s3.guruin.com/db/photos/761282/url/atravel.jpg) no-repeat center;
        background-size:cover
    }

    #customize-trip .customize-wrap-mobile .backdrop {
        display:block
    }

    #customize-trip .customize-features {
        position: relative;
        margin: 0 auto;
        width: 320px;
        text-align: center;
        z-index:9
    }

    #customize-trip .customize-features h1 {
        margin-bottom: 20px;
        font-size:24px
    }

    #customize-trip .customize-features ul {
        font-size:14px
    }

    #customize-trip .customize-flow {
        margin-top:30px
    }

    #customize-trip .customize-flow ul {
        margin: 0 auto;
        width: 320px;
        font-size:12px
    }

    #customize-trip .customize-flow ul li {
        margin-bottom:10px
    }

    #customize-trip .customize-flow ul li:after {
        display:none
    }

    #customize-trip .customize-partner {
        text-align:center
    }
}

@media (max-width: 560px) {
    #customize-trip .customize-form {
        margin: 0;
        padding:15px
    }

    #customize-trip .customize-form form .form-group .form-control {
        border-width: 0;
        border-bottom-width:1px
    }

    #customize-trip .customize-flow {
        margin-top:20px
    }

    #customize-trip .customize-wrap-mobile {
        margin: 0;
        padding:20px 0
    }

    #customize-trip .customize-partner {
        margin-top:15px
    }

    #customize-trip .customize-partner .partner-logo {
        width:50px
    }
}

@media (max-width: 320px) {
    #customize-trip .customize-features {
        width:290px
    }

    #customize-trip .customize-flow ul {
        width:290px
    }
}

#guru-coin .item-header .container {
    margin:96px auto 0
}

#guru-coin h1 {
    margin: 0;
    font-size:32px
}

#guru-coin .item-list .item-panel {
    padding: 15px 20px;
    line-height:1.8
}

#guru-coin .item-list .item-panel h3 {
    font-size:18px
}

#guru-coin .item-list .item-panel .item-panel-inner {
    margin-bottom:5px
}

#guru-coin .item-panel-1 img.pull-left {
    margin: 10px 30px 10px 10px;
    width: 100px;
    height:100px
}

#guru-coin .item-panel-1 .item-panel-1-content {
    padding-top:10px
}

#guru-coin .guru-coin-card {
    position: relative;
    margin-top: 20px;
    padding: 15px;
    color: #fff;
    background: #80b518;
    border-radius: 12px;
    text-align:center
}

#guru-coin .guru-coin-card.guru-coin-note {
    background:#009eff
}

#guru-coin .guru-coin-card .guru-coin-icon {
    margin: 20px auto 15px;
    padding-top: 15px;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    background:#fff
}

#guru-coin .guru-coin-card .guru-coin-icon .icon-color {
    margin:0 0 0 15px
}

#guru-coin .guru-coin-card .guru-coin-desc {
    height: 42px;
    font-size: 12px;
    overflow:hidden
}

#guru-coin .guru-coin-card .guru-coin-desc p {
    color:#ddd
}

#guru-coin .guru-coin-card .guru-coin-value {
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 18px;
    font-weight:700
}

#guru-coin .guru-coin-card .guru-coin-value img {
    display: inline-block;
    margin: -3px 0 0 5px;
    width:16px
}

#guru-coin .guru-coin-card .guru-coin-value span {
    position: relative;
    top: -2px;
    font-size:12px
}

@media (max-width: 991px) {
    #guru-coin .guru-coin-nav-title {
        display:none
    }

    #guru-coin .item-header .container {
        margin-top:72px
    }

    #guru-coin h1 {
        font-size:24px
    }

    #guru-coin .col-md-3 {
        display:none
    }
}

@media (max-width: 688px) {
    #guru-coin .section-title h1 {
        font-size:18px
    }
}

@media (max-width: 560px) {
    #guru-coin .section-title h1 {
        font-size:18px
    }

    #guru-coin .item-list .item-panel {
        padding:15px
    }

    #guru-coin .item-list .item-panel h3 {
        margin-top: 0;
        font-size:16px
    }

    #guru-coin .item-list .row {
        margin-left: -15px;
        margin-right:-15px
    }

    #guru-coin .item-list .col-xs-6 {
        width:50%
    }

    #guru-coin .item-list .guru-coin-card {
        margin-left: 15px;
        margin-right:15px
    }
}

.ios #about .campaign-tab ul.col-4 li {
    width:33.33333333333333%
}

#about section {
    padding: 50px 0;
    font-size: 16px;
    line-height: 1.8;
    border-bottom:1px solid #efefef
}

#about section p {
    margin:0 0 20px
}

#about section p.no-margin {
    margin-bottom:0
}

#about section.section-bottom {
    border-top: 1px solid #efefef;
    border-bottom:0
}

#about section.section-arrow {
    position: relative;
    margin-bottom: 15px;
    padding-top: 20px;
    text-align:center
}

#about section.section-arrow:before, #about section.section-arrow:after {
    position: absolute;
    bottom: -18px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-width: 12px 10px 6px;
    border-style: solid;
    border-color: #ddd transparent transparent;
    content: ''
}

#about section.section-arrow:after {
    bottom: -17px;
    border-color:#fff transparent transparent
}

#about .campaign-form {
    padding:50px 0 35px
}

#about .about-item {
    text-align: center;
    color: #777;
    line-height:1.42857143
}

#about .about-item strong {
    display: block;
    color: #333;
    font-size: 18px;
    font-family: Montserrat;
    font-weight:700
}

#about .about-item .about-icon {
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    background-image: url(/images/icons-about.png);
    background-repeat: no-repeat;
    background-size:60px 240px
}

#about .about-item .about-icon.about-icon-user {
    background-position:left top
}

#about .about-item .about-icon.about-icon-article {
    background-position:left -60px
}

#about .about-item .about-icon.about-icon-activity {
    background-position:left -120px
}

#about .about-item .about-icon.about-icon-poi {
    background-position:left -180px
}

#about .about-app {
    margin:-30px 15px 0
}

#about .about-app .about-app-info {
    padding: 80px 0 0;
    color: #fff;
    font-size: 16px;
    background-image: url(/images/ios-app-bg.png);
    background-repeat: no-repeat;
    background-size:cover
}

#about .about-app .about-app-info ul {
    margin: 50px 0;
    padding:0 0 0 20px
}

#about .about-app .about-app-info ul li {
    margin: 10px 0;
    list-style:circle
}

#about .about-app .about-app-logo {
    margin-top:10px
}

#about .about-app .about-app-logo img {
    height:60px
}

#about .about-app .about-app-img {
    padding-right:30px
}

#about .about-app .about-app-img img {
    width:100%
}

#about .about-app .about-app-btn {
    border: 1px solid #fff;
    color: #fff;
    font-size:16px
}

#about .about-app .about-app-btn .fa {
    margin-right:8px
}

#about .about-app .about-app-btn + .about-app-btn {
    margin-left:15px
}

#about .icon-social {
    margin: 0 0 5px;
    padding: 0;
    text-align:center
}

#about .icon-social li {
    display: inline-block;
    margin: 0 20px;
    text-align:center
}

#about .icon-social li a {
    width: 60px;
    height: 60px;
    font-size: 24px;
    line-height:60px
}

#about .icon-social .icon-facebook {
    color: #fff;
    background:#009eff
}

#about .icon-social .icon-weibo {
    color: #fff;
    background:#f60
}

#about .icon-social .icon-wechat {
    color: #fff;
    background:#80b518
}

.about-wechat-tooltip.in {
    opacity:1
}

.about-wechat-tooltip .tooltip-inner {
    padding-top:10px
}

.about-wechat-tooltip .tooltip-inner p {
    margin-bottom:10px
}

@media (max-width: 991px) {
    #about section {
        margin-left: 15px;
        margin-right:15px
    }

    #about .campaign-form {
        margin-left: 15px;
        margin-right:15px
    }

    #about .about-app .about-app-info {
        padding: 30px 30px 0;
        text-align:center
    }

    #about .about-app .about-app-info ul {
        margin: 30px 0;
        padding-left:0
    }

    #about .about-app .about-app-info ul li {
        list-style:none
    }

    #about .about-app .about-app-logo {
        margin-top:0
    }

    #about .about-app .about-app-img {
        padding-right:0
    }

    #about .about-app .about-app-img img {
        display: block;
        margin: 0 auto;
        width:400px
    }

    #about .about-app .about-app-btn {
        margin-bottom:40px
    }
}

@media (max-width: 560px) {
    #about .campaign-form {
        padding:15px 0 5px
    }

    #about .tab-content {
        background:#fff
    }

    #about section {
        padding: 15px 0;
        font-size:14px
    }

    #about section p {
        margin-bottom:15px
    }

    #about section.section-arrow {
        margin-bottom:10px
    }

    #about .about-item {
        margin-bottom:10px
    }

    #about .about-app {
        margin:-15px 0
    }

    #about .about-app .about-app-logo img {
        height:40px
    }

    #about .about-app .about-app-info {
        padding: 20px 15px 0;
        font-size:14px
    }

    #about .about-app .about-app-info ul {
        margin:20px 0
    }

    #about .about-app .about-app-img {
        padding:0 20px
    }

    #about .about-app .about-app-img img {
        width:100%
    }

    #about .about-app .about-app-btn {
        margin-bottom: 30px;
        font-size:14px
    }

    #about .icon-social li a {
        width: 40px;
        height: 40px;
        font-size: 18px;
        line-height:40px
    }
}

@media (max-width: 400px) {
    #about .about-app .about-app-info {
        font-size:12px
    }

    #about .about-app .about-app-btn {
        font-size:12px
    }
}

ios .campaign-tab ul.col-3 li {
    width:50%
}

#modal-share-in-wechat .modal-header {
    display:none
}

.question-part {
    border-bottom:1px solid #efefef
}

.question-part .question-item {
    border-top:1px solid #efefef
}

.question-list .question-item {
    position: relative;
    margin-bottom: 30px;
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    overflow:hidden
}

.question-list .question-item .question-icon {
    float: left;
    padding: 5px 8px;
    border: 1px solid #efefef;
    text-align: center;
    border-radius:5px
}

.question-list .question-item .question-icon strong {
    display: block;
    font-size: 18px;
    font-family: Montserrat;
    color:#777
}

.question-list .question-item .question-icon span {
    display: block;
    font-size: 12px;
    color:#777
}

.question-list .question-item .question-icon.green {
    border-color:#bada55
}

.question-list .question-item .question-icon.green strong {
    color:#80b518
}

.question-list .question-item .question-content {
    margin-left:57px
}

.question-list .question-item h3.question-title {
    margin: 0 0 10px;
    padding: 0;
    max-height: 84px;
    font-size: 16px;
    line-height: 1.8;
    overflow:hidden
}

.question-list .question-item .question-info {
    font-size: 12px;
    color:#777
}

.question-list .question-item .question-info .question-time {
    display: inline-block;
    margin-right:30px
}

.question-list .question-item .question-info .question-view {
    display:inline-block
}

.question-list #search-panel {
    margin-top: 50px;
    margin-bottom: 0;
    background:0 0
}

.question-list #search-panel .search-box {
    margin: 0;
    padding:0
}

.question-list #search-panel .form-control {
    background: #fff;
    border-radius:4px 0 0 4px
}

.question-tags .question-tag {
    margin: 0 10px 10px 0;
    display: inline-block;
    padding: 3px 10px;
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius:100px
}

.question h1 {
    margin: 0;
    font: 700 24px montserrat, system, -apple-system, ".sfnsdisplay-regular", open sans, helvetica neue, Helvetica, Arial, hiragino sans gb, wenquanyi micro hei, microsoft yahei, 微软雅黑, stheiti, sans-serif, Georgia, times new roman, Times, SimSun, serif;
    line-height: 1.8;
    text-align: left;
    white-space:normal
}

.question #hero-actions {
    padding-left: 15px;
    padding-right: 15px;
    text-align:left
}

.question #hero-actions .btn {
    margin:0 20px 0 0
}

.question .item-header .item-panel {
    margin: 40px 0 0 30px;
    background: 0 0;
    text-align:left
}

.question .item-section-white {
    border-bottom:1px solid #efefef
}

.question .question-details {
    margin: 0 0 50px;
    background: #fff;
    overflow:hidden
}

.question .question-desc {
    margin-bottom: 50px;
    line-height:1.8
}

.question .item-event-hot {
    margin-top:0
}

.question .item-event-hot-item {
    line-height:1.8
}

.question .item-event-hot-item .item-event-title {
    max-height: 80px;
    overflow:hidden
}

.question .item-section .item-panel {
    margin-bottom: 15px;
    border-top: 1px solid #efefef;
    border-radius:0
}

.question .item-section .item-panel .item-discussion {
    padding:30px 0 0
}

.question .item-discussion-content {
    margin-bottom: 10px;
    line-height:1.8
}

.question .item-disscussion-action a {
    display: inline-block;
    padding: 6px 0;
    line-height:1.5
}

.question .item-disscussion-action .btn-vote {
    padding: 5px 10px;
    background: #e3eccf;
    color: #80b518;
    border: 1px solid #bada55;
    font-weight:700
}

.question .item-disscussion-action .btn-vote span {
    display: inline-block;
    margin-left: 8px;
    padding-left: 8px;
    border-left:1px solid #bada55
}

.question .item-disscussion-action .btn-vote:hover {
    border:1px solid #80b518
}

.question .qa-badge {
    display: inline-block;
    margin: 0 10px;
    font-size: 12px;
    color: #fff;
    padding: 1px 5px;
    border-radius:4px
}

.question .qa-badge .fa {
    margin-right:3px
}

.question .qa-badge.green {
    background:#80b518
}

.question .qa-badge.blue {
    background:#00bdff
}

.question .qa-badge.orange {
    background:#f60
}

@media (max-width: 991px) {
    .question h1 {
        font-size:18px
    }

    .question .item-header .item-panel {
        margin:10px 0 0
    }

    .question .item-header .item-user {
        margin-bottom:0
    }

    .question .item-header .item-user .item-user-content {
        margin-left:61px
    }

    .question .item-header .item-avatar {
        width: 46px;
        height: 46px;
        margin-top:0
    }

    .question .item-header .item-avatar a {
        width: 46px;
        height:46px
    }

    .question .item-header .item-user-name {
        padding-bottom: 0;
        font-size:14px
    }

    .question-list #search-panel {
        margin-top: 30px;
        margin-bottom:-20px
    }
}

@media (max-width: 886px) {
    .question-list #search-panel {
        box-shadow:none
    }

    .question-list #search-panel .search-box {
        -ms-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .15);
        -o-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .15);
        box-shadow:0 3px 8px -4px rgba(0, 0, 0, .15)
    }
}

@media (max-width: 688px) {
    .question .question-details {
        margin-bottom:30px
    }

    .question .question-desc {
        margin-bottom:30px
    }

    .question-list .question-item {
        margin-bottom:20px
    }

    .question-list #search-panel {
        margin-bottom:20px
    }
}

@media (max-width: 560px) {
    .question .item-section-white {
        border-bottom:0
    }

    .question #hero-mobile h1.mobile-title {
        padding-bottom:0
    }

    .question #hero-mobile .item-user {
        padding:10px 15px 15px
    }

    .question #hero-mobile .item-user a {
        display: inline-block;
        margin-right:5px
    }

    .question #hero-mobile .item-user span {
        font-size:12px
    }

    .question #hero-actions {
        text-align:center
    }

    .question #hero-actions .btn {
        margin:0
    }

    .question .question-desc {
        padding:0 15px
    }

    .question .question-tags {
        padding:0 15px
    }

    .question .item-section .item-panel .item-discussion {
        padding:15px 15px 0
    }

    .question .item-event-hot {
        padding:0 15px
    }

    .question-list .question-item {
        margin-bottom: 15px;
        padding: 15px;
        border-radius:0
    }

    .question-list .question-item h3.question-title {
        max-height: 80px;
        font-size:14px
    }

    .question-list #hero-mobile .mobile-title {
        padding-bottom: 0;
        text-align:center
    }

    .question-list #search-panel {
        margin-top: 0;
        margin-bottom:0
    }

    .question-list #search-panel.search-panel-web {
        display:none
    }

    .question-list #search-panel.search-panel-mobile {
        display: block;
        background:#fff
    }

    .question-list #search-panel .search-box {
        padding: 10px;
        box-shadow:none
    }

    .question-list #search-panel .search-box .form-control {
        background-repeat: no-repeat;
        background-position: 8px center;
        background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMyAxMycgZW5hYmxlLWJhY2tncm91bmQ9J25ldyAwIDAgMTMgMTMnPjxnPjxwYXRoIGZpbGw9JyM5MzkzOTgnIGQ9J001LDFjMi4yLDAsNCwxLjgsNCw0UzcuMiw5LDUsOVMxLDcuMiwxLDVTMi44LDEsNSwxIE01LDBDMi4yLDAsMCwyLjIsMCw1czIuMiw1LDUsNXM1LTIuMiw1LTVTNy44LDAsNSwwIEw1LDB6Jy8+PC9nPjxsaW5lIHN0cm9rZT0nIzkzOTM5OCcgc3Ryb2tlLW1pdGVybGltaXQ9JzEwJyB4MT0nMTIuNicgeTE9JzEyLjYnIHgyPSc4LjInIHkyPSc4LjInLz48L3N2Zz4=);
        -webkit-background-size: 13px 13px;
        background-size: 13px 13px;
        background-color: #eee;
        border-radius:100px
    }
}

@media (max-width: 560px) {
    .hidden-xs-560 {
        display: none !important
    }
}