.nav_banner {
    position: relative;
    z-index: 1;
}

@keyframes followCircle {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

#top_banner {
    width: 100%;
    height: 440px;
    min-width: 1200px;
    border-bottom: 3px solid #3dca99;
    position: relative;
    z-index: 3
}

#top_banner .slogan {
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 28px;
}

#top_banner .slogan_supply {
    font-size: 26px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    margin: 50px 0 30px;
}

#top_banner .btn_bar {
    text-align: center
}

#top_banner .btn_bar a {
    display: inline-block;
    width: 148px;
    height: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    color: #fff;
    margin: 0 10px
}

#top_banner .join_btn {
    background: 0 0;
    border: 2px solid #eaeaeb;
    line-height: 36px
}

.introMain {
    position: absolute;
    width: 1065px;
    padding: 80px 0 0;
    left: 50%;
    margin-left: -530px;
    top: 0;
    z-index: 2
}

#top_banner .create_btn {
    background-color: #3dca99;
    line-height: 40px
}

.flexslider {
    z-index: 1;
    position: relative;
    height: 440px;
    overflow: hidden;
    background: url(../images/loading.gif) 50% no-repeat;
}

#top_banner .slides {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

#top_banner .slides > li {
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -ms-transition: opacity .4s;
    zoom: 1;
    position: absolute;
    top: 0;
    z-index: 0;
    opacity: 0;
    width: 106%;
    height: 106%;
}

#top_banner .slides > li:before, #top_banner .slides > li:after {
    content: "";
    display: table
}

#top_banner .slides > li:after {
    clear: both
}

#top_banner .slides > li.flex-active-slide {
    animation: bigger 8s linear;
}

#top_banner .join_count_cotainer {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -600px;
    width: 1200px;
    height: 0
}

#top_banner .join_count {
    position: absolute;
    right: 0;
    top: 2px;
    padding: 18px 10px;
    min-width: 144px;
    background-color: #3dca99;
    color: #fff;
    text-align: center
}

#top_banner .howitworksponsor {
    position: absolute;
    left: 0;
    top: 4px;
    height: 94px;
    background: #f3f4f5;
}

#top_banner .howitworksponsor img {
    margin-top: 24px;
}

#top_banner .join_count .count {
    font-size: 36px
}

@media screen and (max-width: 1920px) {
    #top_banner .slides > li img {
        width: auto;
        height: 100%
    }
}

@media screen and (min-width: 1920px) {
    #top_banner .slides > li img {
        width: 100%;
        height: auto
    }
}

@keyframes bigger {
    from {
        width: 100%;
        height: 100%;
        left: 0
    }
    to {
        width: 106%;
        height: 106%;
    }
}

#sooptions {
    height: 40px;
    width: 100%;
    padding: 10px 0;
    background-color: #f7f8f8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    position: relative;
    border-bottom: 1px solid #ddd \9;
}

.automw {
    width: auto;
}

#socontent {
    height: 40px;
    font-size: 14px;
    position: absolute;
    z-index: 3;
}

.soitemlabel {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #535353;
}

.soone {
    cursor: pointer;
    display: inline-block;
    position: relative;
    margin-right: 20px;
    padding-left: 25px;
}

#sofid .soitemlabel {
    background: #edeeee;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .11);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .11);
}

.soitem .creative-fields {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    margin: 0;
    position: absolute;
    top: 40px;
    left: 0px;
    display: none;
}

.yy-all {
    background-position: -130px -698px;
    width: 18px;
    height: 18px;
}

.sotj .ui-soicon {
    position: relative;
    top: 4px;
}

.soitemlabeltxt {
    margin: 0 7px;
}

.yy-soi {
    width: 11px;
    height: 9px;
    background-position: -51px -1098px;
}

.yy-soi {
    transition: transform ease .3s;
}

.soitemcontent {
    background: #fff;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    display: none;
}

.sotj .soitemcontent {
    width: 146px;
    height: auto;
    padding-top: 10px;
    position: absolute;
    left: 0;
    top: 40px;
}

.sotj .soitemcontent li {
    width: 146px;
    height: 34px;
    float: left;
    display: block;
    border-bottom: #eee 1px solid
}

.sotj .soitemcontent li:last-child {
    border: none;
}

.sotj .soitemcontent li span {
    right: 10px;
    position: relative;
    top: 3px;
    width: 18px;
}

.sotj .soitemcontent li span.yy-view {
    right: 11px;
}

.sotj .soitemcontent li a {
    width: 146px;
    height: 34px;
    line-height: 34px;
    color: #747474;
    text-align: center;
    display: block;
}

.sotj .soitemcontent li a:hover {
    background: #3c948b;
    color: #fff;
}

.sotj .soitemcontent li a:hover span.yy-tj {
    background-position: -32px -1638px
}

.sotj .soitemcontent li a:hover span.yy-timeb {
    background-position: -30px -1613px
}

.sotj .soitemcontent li a:hover span.yy-like {
    background-position: -30px -1657px
}

.sotj .soitemcontent li a:hover span.yy-view {
    background-position: -29px -1683px
}

.sotj .soitemcontent li a:hover span.yy-comment {
    background-position: -29px -1704px
}

.sotj span.yy-tj, .sotj .soitemcontent li span.yy-tj, .sotj span.yy-tjh, .sotj .soitemcontent li span.yy-tjh, .sotj .soitemcontent li span.yy-timeb {
    top: 4px
}

.sotj .soitemcontent li a.active {
    color: #3c948b
}

.sotj .soitemcontent li a.active:hover {
    color: #fff
}

.soitem:hover .yy-soi {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

#sonews {
    height: 40px;
    line-height: 40px;
    margin-left: 30px;
    float: left;
}

#sonews .yy-laba {
    float: left;
    margin-top: 12px;
    margin-right: 18px
}

#sonewsbody {
    float: left;
    width: 405px;
    height: 40px;
    overflow: hidden;
    font-size: 13px
}

#sonewsbody li {
    width: 485px;
    height: 20px;
    line-height: 20px;
    padding: 10px 0
}

#sonewsbody a {
    color: #1F8902;
    margin: 0 5px;
    max-width: 150px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top
}

.sotj .ui-soicon {
    position: relative;
    top: 4px;
}

.yy-tj {
    background-position: -4px -1638px;
    height: 16px;
    width: 12px;
}

.yy-like {
    background-position: -2px -1657px;
    height: 20px;
    width: 14px;
}

.yy-view {
    background-position: -1px -1683px;
    height: 20px;
    width: 18px;
}

.yy-comment {
    background-position: -1px -1704px;
    height: 20px;
    width: 16px;
}

.yy-timeb {
    background-position: -2px -1613px;
    height: 17px;
    width: 16px;
}

#sonews .yy-laba {
    float: left;
    margin-right: 18px;
    margin-top: 12px;
}

#sonewsc .yy-rotate {
    margin-top: 10px;
}

#sonewsc {
    float: left;
    margin-left: 20px;
    margin-top: 12px;
    width: 7px;
}

.sotj .yy-soicon {
    position: relative;
    top: 6px
}

.yy-select {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding-top: 4px;
    margin-left: 5px;
    padding-left: 0;
}

.yy-selectlabel {
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0 10px;
    width: auto;
}

.yy-selectlabel .yy-soi {
    float: right;
    margin-top: 10px;
}

.yy-selectlabeltxt {
    color: #626262;
    font-size: 14px;
    height: 100%;
    margin-right: 15px;
    width: auto;
}

.yy-selectcontent {
    border: #d2d2d2 1px solid;
    border-top: none;
    max-height: 200px;
    overflow: auto;
    background: #fff;
    position: absolute;
    z-index: 2;
    display: none;
    left: 0;
    top: 36px;
    width: 189px;
}

.yy-selectcontent li {
    padding: 6px 10px;
}

.yy-selectcontent li:hover {
    background: #49f;
}

.yy-selectcontent li:hover a {
    color: #fff;
}

.yy-selectcontent li.active {
    background: #999;
}

.yy-selectcontent li.active a {
    color: #fff;
}

.yy-selectcontent li a {
    font-size: 14px;
    color: #626262;
    width: 100%;
    height: 100%;
    display: block;
    line-height: 16px;
}

.yy-selectcontent li a:hover {
    color: #fff;
}

.yy-selectcontent li a.active {
    color: #fff;
}

#content {
    background: #ffffff;
}

.free_h3 {
    font-size: 30px;
    font-weight: 700;
    color: #333;
    margin: 0;
    padding-top: 140px;
    text-align: center;
}

.free_h3_tips {
    font-size: 16px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    margin-bottom: 30px;
}

/**/
.hide_overflow {
    overflow: hidden;
    background: url(../images/tile-bg.jpg) repeat 0 0;
}

.section_header {
    position: relative;
    padding: 77px 0 11px;
}

.content_row_center {
    position: relative;
    z-index: 2;
    width: 90%;
    max-width: 1008px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: top;
}

.content_row_center .col {
    vertical-align: inherit;
    padding-right: 18px;
    max-width: 100%;
}

.super_title {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 60px;
    line-height: 1;
    font-weight: bold;
    letter-spacing: -.02em;
    -webkit-font-smoothing: antialiased;
}

.mtb6 {
    margin-top: 36px;
    margin-bottom: 36px !important;
}

.content_row_center .mtb6 .btn-primary {
    font-weight: bold;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    padding: 13px 24px;
}

.section_header .bg-image {
    width: 744px;
    height: 397px;
    top: 0;
    margin-left: -1100px;
    background-image: url(../images/blank.gif);
}

.bg-image, .bg-texture {
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1;
    left: 50%;
}

.main_normalize {
}

.section_send .bg-image {
    width: 1085px;
    height: 836.5px;
    background-image: url(../images/blank.gif);
    top: -90px;
    margin-left: 50px;
}

.section .content_row_center p {
    font-size: 16px;
    line-height: 22px;
    color: #666;
}

.section {
    padding: 75px 0;
    position: relative;
}

.span1of2 {
    width: 60%;
}

.section h2 {
    font-size: 40px;
    line-height: 1.2;
    letter-spacing: -0.015em;
    margin-bottom: 10px;
}

.shuing {
    padding: 10px 20px;
    border-bottom: #ccc solid 1px;
    overflow: hidden;
    width: 640px;
}

.shuing dl {
    float: left;
    width: 33%;
}

.shuing dt, .free_b dt {
    font-size: 32px;
    padding-bottom: 5px;
    color: #39C19D;
}

.shuing dd, .free_b dd {
    font-size: 16px;
    color: #707070;
}

div.progressIndicator {
    width: 850px;
    margin-bottom: 20px;
}

div.float-container {
    overflow: hidden;
}

div.progressIndicator div.progIndText {
    float: left;
    font-size: 12px;
    width: 170px;
    color: #666;
    font-weight: bold;
    margin-right: 39px;
}

.progIndSegmentImg {
    height: 27px;
    width: 209px;
    background-image: url(../images/prog_ind_sprite.png);
    background-repeat: no-repeat;
}

#segment1 .progIndSegmentImg {
    background-position: left top;
}

#segment2 .progIndSegmentImg {
    background-position: -209px top;
}

#segment3 .progIndSegmentImg {
    background-position: -418px top;
}

#segment4 .progIndSegmentImg {
    background-position: -627px top;
}

.progressIndicator h3 {
    margin: 60px 0 20px;
    font-size: 24px;
}

.growl_section {
    background: #69dba2;
}

.growl_section .col_left {
    float: left;
    width: 441px;
}

.growl_section .col_left h2 {
    font-size: 32px;
    line-height: 40px;
}

.growl_section .col_left .quote-box {
    position: relative;
}

.growl_section .col_left .absolute_b_6 {
    position: absolute;
    left: -43px;
    bottom: -43px;
    margin-right: 43px;
}

.bg-white {
    background-color: #FFFFFF;
}

.rounded-large {
    border-radius: 6px;
}

.quote-box .interior {
    padding: 36px;
}

.quote-box .mirror .interior {
    background: #5dc390;
}

.quote-box .interior .type24 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
}

.quote-box .mirror .interior * {
    visibility: hidden;
}

.valign-middle {
    vertical-align: middle;
}

.inline-block {
    display: inline-block;
}

.mr1 {
    margin-right: 7px;
}

.pill {
    border-radius: 200px;
}

.tiny_type {
    font-size: 12px;
}

.quote-box .arrow {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fff;
    width: 0;
    height: 0;
    margin-left: 58px;
}

.quote-box .mirror .arrow {
    border-top-color: #5dc390;
}

.actext {
    padding: 60px 0;
}

.actext li {
    overflow: hidden;
    padding-bottom: 40px;
}

.actext li dl {
    float: left;
    width: 48%;
    margin-right: 20px;
}

.actext li dl dt {
    font-size: 22px;
    padding-bottom: 20px;
}

.actext li dl dd {
    font-size: 16px;
    color: #666;
    line-height: 28px;
}

.section_starproject .bg-texture {
    background-image: url(../images/blank.gif);
    width: 611.5px;
    height: 619px;
    top: -105px;
    margin-left: -630px;
}

.section_starproject .bg-texture-fill {
    background-image: url(../images/texture-signup-bg-2x.jpg);
    background-position: top center;
    background-size: cover;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

/*edit project*/
.main-post-container {
    padding: 12px 30px 20px 30px;
}

.ql-snow .ql-tooltip {
    z-index: 1;
}

.progress-bar__container {
    height: 10px;
    line-height: .8px;
    background-color: #edefed;
    -webkit-box-shadow: 0 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px rgba(0, 0, 0, 0.05);
}

.list-your-space__content .centered-content {
    max-width: 1200px;
    margin: 0 auto;

}

.list-your-space__content {
    border-bottom: 1px solid #eee;
    background: #ecf1f1;
    padding-top: 20px;
}

.post-headhhh {
    margin: 0 -12px;
}

.upload-img-filelist {
    padding: 0 12px;
}

.right-backdrop {
    left: 50%;
    margin-left: 91.2px;
    right: 0;
}

.right-backdrop--with-bg {
    background-color: #fafafa;
}

.main-panel-container {
    border-right: 1px solid #eee;
    width: 75%;
    float: left;
    position: relative;
}

.help-panel-container {

    max-width: 24.5%;
    float: right;
}

.post-content {
    padding-top: 18px;
}

.upload-img-filelist img {
    max-width: 660px;
    max-height: 360px;
    vertical-align: middle;
}

.select-pic-btn {
    display: table-cell;
    width: 660px;
    height: 371px;
    position: relative;
    text-align: center;
    color: #999;
    cursor: pointer;
    vertical-align: middle;
    font-size: 14px;
}

.select-pic-btn:hover {
    text-decoration: none
}

.select-pic-btn span.icon {
    display: block;
    width: 60px;
    height: 45px;
    margin: 0 auto;
    background: url(../images/icon.png) 0 -450px
}

.select-pic-btn span.txt {
    padding-top: 8px;
    display: block
}

.select-pic-btn:hover span.icon {
    background-position: 0 -500px
}

.upload-img-content .select-pic-btn:hover {
    color: #4d99f7
}

.select-pic-btn.sm {
    height: 36px;
    padding-top: 0;
    line-height: 36px;
    border: 1px solid #cbcbcb;
    background: #eee;
    border-radius: 2px;
}

.select-pic-btn.sm span.txt {
    display: inline;
    font-size: 16px;
    color: #000
}

.select-pic-btn.sm span.icon {
    position: static;
    display: inline-block;
    width: 16px;
    height: 13px;
    margin-right: 10px;
    background: url(../images/icon.png) 0 -550px
}

.select-pic-btn.sm:hover {
    background: #cbcbcb
}

.upload-img-progress {
    width: 660px;
    position: relative;
    border-radius: 4px;
    background: #f5f5f5;
    text-align: center;
    overflow: hidden;
}

.upload-img-progress b {
    position: absolute;
    top: 160px;
    left: 44%;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    border-radius: 40px;
    color: #333;
    font-size: 16px;
    background: #fff;
    background-image: url(../images/post-loading-80.gif);
    display: inline-block;
}

.upload-img-progress .upload-del-btn {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 32px;
    height: 32px;
    background: url(../images/icon.png) -50px -800px;
    cursor: pointer;
    z-index: 15;
}

.upload-img-progress .upload-del-btn:hover {
    background-position: 0 -800px
}

.post-content textarea {
    margin-top: 10px;
    background: #f8f8f8;
}

.post-content textarea:focus {
    background: #fff;
}

.help-panel-container .list-items {
    max-width: 250px;
    margin: 30px 30px 0;
}

.help-panel-container .list-items .box-info {
    border: 1px solid #dce0e0;
    background: #fff;
}

.input-panel {
    box-sizing: border-box;
    border: 1px solid #dae2ed;
    font-family: inherit;
    font-weight: 400;
    font-size: inherit;
    line-height: inherit;
    color: #333;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);


    padding: 10px;
    font-size: 16px;

    width: 100%;

}

.input-panel:focus {
    border-color: #1686cc;
}

.labeltext-normal {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    display: block;
    padding-top: 9px;
    padding-bottom: 8px;
}

.project-title {
    margin: 10px 12px;
}

.box-content {
    margin: 10px 12px;
}

.materials-parameter-box {
    min-height: 120px;
    margin-top: 10px;
}

.materials-parameter-box .materials-item {
    height: 40px;
    background-color: #f5f5f5;
    margin-bottom: 15px;
}

.materials-parameter-box .materials-item .component {
    float: left;
    width: 110px;
    text-align: center;
    line-height: 40px;
}

.materials-parameter-box .materials-item .component-name {
    float: left;
    width: 510px;
    height: 38px;
    line-height: 38px;
    text-indent: 15px;
    border: 1px solid #ddd;
    outline: none;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.materials-parameter-box .materials-item .symbol {
    float: left;
    background: url("../images/iconshare.png") no-repeat 22px -18px;
    width: 60px;
    height: 30px;
    margin: 5px 0;
}

.materials-parameter-box .materials-item .materials-number-box {
    float: left;
    width: 90px;
    height: 40px;
    position: relative;
    background-color: #ffffff;
}

.materials-parameter-box .materials-item .materials-number-box input {
    background-color: #ffffff;
    outline: none;
    height: 38px;
    line-height: 38px;
    border: 1px solid #ddd;
    width: 100%;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    text-indent: 15px;
}

.materials-parameter-box .materials-item .del-btn {
    float: left;
    width: 60px;
    background: url("../images/iconshare.png") no-repeat 23px -40px;
    height: 40px;
    margin-left: 6px;
}

.materials-parameter-box .materials-number-box .gagarin {
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 10px;
    background: url("../images/iconshare.png") no-repeat 3px -2px #f5f5f5;
    width: 20px;
    height: 10px;
}

.materials-parameter-box .materials-number-box .relief {
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 20px;
    background: url("../images/iconshare.png") no-repeat 3px -10px #f5f5f5;
    width: 20px;
    height: 10px;
}

.materials-parameter-box .add-another {
    height: 40px;
    color: #ffffff;
    font-size: 16px;
    background-color: #ff9148;
    background: linear-gradient(#ff9148, #ff9148);
    width: 100%;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
}

.materials-parameter-box .add-another:hover {
    background-color: #ff812d;
    background: linear-gradient(#ff812d, #ff7a22);
}

.post-content.continue {
    height: 38px;
    margin-top: 30px;
    padding-top: 0;
    border: 1px dashed #ccc;
}

.post-content.continue .select-pic-btn {
    height: 38px;
    padding-top: 0;
    line-height: 38px;
    font-size: 16px;
}

.post-content.continue .select-pic-btn span.icon {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 15px;
    margin: 12px 10px 0 0;
    background-position: -50px -550px;
}

.post-content.continue .select-pic-btn span.txt {
    padding-top: 0;
    display: inline-block;
    vertical-align: top;
}

.post-headhhh .select-pic-btn {
    border: 2px dashed #bbb;
    border-radius: 6px;
    background-image: url(../images/upload-photos-ghosts.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.post-content.continue:hover {
    background: #cbcbcb;
    color: #000;
    border: 1px solid #cbcbcb
}

.panel {
    border: 1px solid #dce0e0;
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.help-panel-container .help-panel {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.help-panel-container .help-panel .panel-body {
    padding: 0px 26px;
}

.help-panel__bulb-img {
    margin-bottom: 14px;
    background-repeat: no-repeat;
    background-image: url(../images/tip-icon-73.png);
    width: 22px;
    height: 31px;
}

.help-panel__text {
    font-size: 14px;
    line-height: 150%;
    color: #767676;
}

.help-panel__title {
    color: #2d2d2d;
}

.help-panel-container .help-panel .panel-body p {
    margin-bottom: 15px;
}

.post-form {
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #eee;
    background: #f8f8f8;
}

.form-horizontal .form-group {
    margin-bottom: 20px;
}

.form-group div, .form-group input, .form-group label, textarea {
    box-sizing: border-box;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.keywords-placeholder {
    color: #888;
}

.option-set__trigger {
    color: #0057ff;
    cursor: pointer;
    padding: 4px;
    float: right;
    font-weight: bold;
}

.ui-textboxlist-bit {
    float: left;
    list-style: none outside none;
    padding: 0;
    margin-right: 5px;
    cursor: default;
}

.ui-textboxlist-bit input {
    font: 13px/16px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    border: 0;
    background: transparent;
    outline: none;
    padding: 9px 0;
}

.col.tags-list-scroll .ui-textboxlist-bit.ui-textboxlist-bit-done {
    background: linear-gradient(#f3faff, #e3f4ff);
    border: 1px solid #bed6e5;
    box-shadow: 0 4px 3px -3px #dde9f2, 0 1px 0 0 #fff inset;
    position: relative;
    border-radius: 3px;
    margin-bottom: 0;
    margin-top: 4px;
    color: #232323;
    display: inline-block;
    filter: none;
    float: left;
    cursor: default;
    padding: 2px 0px;
    max-width: 100%;
    width: auto;
}

.post-form .form-group .col.tags-list-scroll {
    padding: 0 8px;
}

/**/
.post-form .form-group .col.active {
    border: 1px solid #1686cc;
}

.ui-textboxlist-bit.ui-textboxlist-bit-done .ui-textboxlist-selection-display {
    cursor: default;
    float: left;
    position: relative;
    margin: 0 25px 0px 0;
    max-width: 82%;
    padding: 0 10px;
    min-height: 20px;
    line-height: 18px;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    border-right: 1px solid #bed6e5;
    word-break: break-word;
}

.ui-textboxlist-bit.ui-textboxlist-bit-done .ui-textboxlist-selection-display-ask {
    cursor: default;
    float: left;
    position: relative;
    margin: 0 25px 0px 0;
    max-width: 92%;
    padding: 0 10px;
    height: 23px;
    line-height: 23px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border-right: 1px solid #bed6e5;
    word-break: break-word;
}

.school-tout {
    display: block;
    margin-bottom: 30px;
    background: url(../images/icon-school.png) no-repeat 13px 0;
    padding-left: 40px;
    border-radius: 3px;
    margin-top: 50px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}

.ui-textboxlist-bit.ui-textboxlist-bit-done .ui-textboxlist-deletebutton {
    background-position: -66px -1631px;
    /* border-left: 1px solid #bed6e5; */
    border-radius: 0 4px 4px 0;
    height: 23px;
    cursor: pointer;
    display: block;
    position: absolute;
    text-decoration: none;
    right: 0;
    top: 50%;
    margin-top: -12px;
    width: 25px;
    z-index: 9;
}


.ui-textboxlist-bit.ui-textboxlist-bit-done:hover:before {
    display: block;
    content: '';
    height: 100%;
    width: 25px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    background-color: #d8f4ff
}

.ui-textboxlist-bit.ui-textboxlist-bit-done .ui-textboxlist-deletebutton:hover {
    background-color: #d8f4ff;
}

.short-description {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: -20px;
    display: block;
    margin-top: 20px;
}

.post-window-btn .btn.btn-major {
    margin-right: 20px;
    font-size: 16px;
    padding: 10px 25px;
}

.post-window-btn .btn {
    font-size: 14px;
}

/**/
.creative-fields {
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    box-sizing: border-box;
    margin: 0 30px;
}

.s-dialog-title {
    font-size: 17px;
    font-weight: bold;
    margin: 0 30px 20px;
    padding: 26px 0 7px;
}

.creative-fields .menu-select {
    background: #fff;
    max-height: 375px;
    overflow-y: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 16px;
    padding-right: 16px;
    width: 280px;
}

.creative-fields .sidebar-title {
    color: #8a8a8a;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.creative-fields .list-item-field {
    border-radius: 4px;
    cursor: pointer;
    line-height: normal;
    padding: 4px;
}

.creative-fields .list-item-header {
    background: #f9f9f9;
    border-radius: 3px;
    color: #696969;
    font-size: 11px;
    margin: 12px 0;
    padding: 4px 14px;
    text-transform: uppercase;
}

.creative-fields .list-item-header:first-child {
    margin-top: 0;
}

.creative-fields .menu-select .list-item-field {
    padding-left: 14px;
}

.creative-fields .list-item-field:hover, .creative-fields .menu-select .list-item-field.active {
    background: #0057ff;
    color: #fff
}

.creative-fields .menu-select .list-item-field a {
    color: #333;
    display: block;
}

.creative-fields .list-item-field.active a {
    color: #fff
}

.creative-fields .list-item-field.active:hover, .creative-fields .list-item-field a:hover, .creative-fields .list-item-field:hover a {
    color: #fff
}

.creative-fields-error {
    background: #ef1306;
    box-sizing: border-box;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    display: none;
    margin: 0 30px 10px;
    left: 0;
    line-height: 17px;
    padding: 10px;
}

.settings-label {
    font-size: 16px;
    font-weight: bold;
}

.settings-row span.red {
    display: inline-block;
    width: 10px;
}

.imgup {
    margin: 10px 0;
}

.simgarea {
    background: url(../images/simgarea.png) repeat scroll 0 0;
    float: left;
    min-height: 206px;
    width: 274px;
    position: relative;
}

.simgarea img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}

.simageupload {
    float: left;
    margin-left: 30px;
    margin-top: 60px;
}

.uploadify {
    position: relative;
    margin-bottom: 1em;
}

.simageupload p {
    margin: 3px 0;
}

.uploadify-button {
    color: #fff;
    background-color: #787f87;
    padding: 0 20px;
    line-height: 40px;
    font: 16px Arial, Helvetica, sans-serif;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    width: auto;
    border-radius: 2px;
    position: relative;
    overflow: hidden;
    direction: ltr;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
}

.uploadify-button:hover {
    background-color: #8c949c;
}

.input-file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.label--no-margin-padding {
    margin: 0;
    display: block;
    padding: 0;
}

.photos-list__add-photo {
    width: 160px;
    height: 108px;
    border: 2px dashed #bbb;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.col-lg-4-space-top-5 .upload-img-progress {
    height: 108px;
    width: 160px;
    position: unset;
}

.upload-img-filelist .media-cover {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    height: 360px;
    width: 660px;
}

.col-lg-4-space-top-5.upload-img-filelist .media-cover {
    height: 108px;
    width: 160px;
}

.col-lg-4-space-top-5.upload-img-filelist img {
    max-width: 160px;
    vertical-align: middle;
    max-height: 108px;
}

.col-lg-4-space-top-5 {
    /*width: 33.33333%;*/
    float: left;
    margin-top: 18px;
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    box-sizing: border-box;
}


.upload-img-filelist {
    position: static;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}

.upload-img-content {
    padding: 0 12px;
}


.va-container-v {
    height: 100%;
    cursor: pointer;
    width: 100%;
    display: table;
    position: relative;
}

.va-middle {
    vertical-align: middle;
    display: table-cell;
}

.img__icon-plus-grey {
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-image: url(../images/plus-large-l-grey.png);
}

.img-center {
    margin: auto;
    background-position: center;
}

.text-gray, .icon-gray {
    color: #767676;
}

.space-top-2 {
    margin-top: 12px;
    font-weight: bold;
}

.other_attributes {
    padding: 20px;
}

.submission-dropdown-holder {
    display: block;
    overflow: hidden;
    padding-bottom: 10px;
    border-width: 1px;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    font-size: 14px;
    margin: 10px 0;
}

.submission-dropdown-holder .submission-item {
    display: block;
    padding: 0.4em 0 0.4em 0;
    color: #000;
    margin-top: 10px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#39C19D), to(#22a482));
    background-image: linear-gradient(-180deg, #39C19D 0%, #22a482 100%);
    border-color: #1ea883;
    text-shadow: 0px 1px 0px #4ad4af;
    border-radius: 3px;

}

.submission-dropdown-holder .submission-item:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5ae7c2), to(#39C19D));
    background-image: linear-gradient(-180deg, #5ae7c2 0%, #39C19D 100%);
    border-color: #1ea883;
}

.submission-dropdown-holder .submission-item:active {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#22a482), to(#39C19D));
    background-image: linear-gradient(-180deg, #22a482 0%, #39C19D 100%);
    border-color: #1ea883;
}

.icon-arrow-down--button {
    /*margin-top: 4px;*/
    display: inline-block;
    vertical-align: middle;
}

.icon-arrow-up--button {
    display: inline-block;
    vertical-align: middle;
}

.submission-item svg {
    fill: currentColor;
    width: 1em;
    height: auto;
    max-height: 100%;
    display: inline-block;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in;
}

.submission-item svg:not(:root) {
    overflow: hidden;
}

.hide {
    display: none;
}

.submission-dropdown-holder .submission-dropdown {
    display: none;
    overflow: hidden;
    border: 1px solid #ccc;
    border-top: 0 none;
    padding: 0.2em 0;
}

.submission-dropdown-holder .submissions {
    display: block;
    padding: 0.4em 1.5em 0.2em 1.5em;
    -webkit-transition: none;
    margin: 5px 0;
    transition: none;
    text-align: left;
}

.submission-dropdown-holder .submissions:hover {
    background: #f1f1f1;
}

.submission-dropdown-holder .submissions.active {
    background: #0057ff;
    color: #fff
}


.submission-dropdown-holder.edit-sponsor {
    margin: 0;
}

.submission-dropdown-holder.edit-sponsor .submission-item {
    margin-top: 0;
}

.submission-dropdown-holder.edit-sponsor + .post-form {
    margin-top: 10px;
}

.other_attributes .form-group {
    zoom: 1;
}

.other_attributes .form-group:after {
    content: '.';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    line-height: 0;
    overflow: hidden;
}

.other_attributes label.control-label {
    vertical-align: top;
    margin-top: 0;
    font-weight: bold;
    margin-bottom: 5px;
    display: inline-block;
    color: #333;
    box-sizing: border-box;
}

.other_attributes .controls {
    vertical-align: top;
    box-sizing: border-box;
}

.other_attributes label .asteriskField {
    display: inline-block;
    color: #f15959;
    font-size: 16px;
    vertical-align: top;
    font-weight: 400;
    margin-bottom: 1px;
}

.other_attributes .help-block {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    margin-bottom: 10px;
    color: #999;
}

i.fa-cloud-upload {
    background-image: url(../images/icon-upload.svg);
    margin: 0 4px;
    display: inline-block;
    background-size: 15px;
    background-repeat: no-repeat;
    width: 15px;
}

i.fa-link {
    background-image: url(../images/icon-link.svg);
    margin: 0 4px;
    display: inline-block;
    background-size: 18px;
    background-repeat: no-repeat;
    width: 18px;
}

.other_attributes .form-group {
    margin-bottom: 20px;
}

.other_attributes hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
}

.other_attributes .form-control {
    height: 30px;
}

.other_attributes .form-control option {
    height: 30px;
}

.option-set__checkmark span {
    display: inline-block;
    padding: 3px;
    margin: 2px;
    background-color: #f3faff;
    background: linear-gradient(#f3faff, #e3f4ff);
    border: 1px solid #bed6e5;
    box-shadow: 0 4px 3px -3px #dde9f2;
    border-radius: 4px;
}

.btn-inverse i.large-plus {
    font-style: normal;
}

.btn-inverse b {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.btn-inverse {
    line-height: 18px;
    margin: 0 5px 0 0;
    position: relative;
    cursor: pointer;
    padding: 3px 4px;
    display: inline-block;
    color: #333;
    font-weight: bold;
    font-size: 13px;
    border-radius: 2px;
    border: 1px solid #bcbcbc;
    margin: 0;
    font-family: inherit;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    background-color: #eee;
    background-image: -moz-linear-gradient(top, #fafafa, #e8e8e8);
    background-image: -ms-linear-gradient(top, #fafafa, #e8e8e8);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#e8e8e8));
    background-image: -webkit-linear-gradient(top, #fafafa, #e8e8e8);
    background-image: -o-linear-gradient(top, #fafafa, #e8e8e8);
    background-image: linear-gradient(top, #fafafa, #e8e8e8);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e8e8e8', GradientType=0);
}

#sfile {
    border: 1px dotted #DADADA;
}

.btn-inverse:hover {
    background: #fff;
}

a.btn-inverse:hover {
    color: #333;
}

.btn-inverse b input {
    width: 105px;
    vertical-align: middle;
    cursor: pointer;
    font-size: 18px;
    height: 30px;
}

/*photo_box*/
.photo_box {
    padding: 0;
    margin: 0;
    overflow: hidden;
    clear: both;
    padding-top: 30px;
}

#uploadfileQueue {
    position: relative;
    top: -50px;
    z-index: 10;
    display: inline-block;
}

#uploadfileQueue .progress-area {
    display: inline-block;
    width: 160px;
    margin-right: 5px;
    margin-bottom: 5px !important;
}

#uploadfileQueue p {
    margin-bottom: 5px !important;
}

#uploadfileQueue p span {
    margin-left: 50px;
}

#uploadfileQueue .progress-box {
    width: 100% !important;
}

.photo_left {
    width: 300px;
    height: 227px;
    float: left;
    margin-left: 12px;
    margin-right: 20px;
    margin-top: 18px;
    cursor: pointer;
    display: table;
    position: relative;
    border: 2px dashed #bbb;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.va-container-v_photo {
    height: 100%;
    cursor: pointer;
    width: 100%;
    display: table;
    position: relative;
}

.va-middle_photo {
    vertical-align: middle;
    display: table-cell;
}

.img__icon-plus-grey_photo {
    width: 200px;
    height: 32px;
    line-height: 32px;
    color: #ffffff;
    border-color: #39C19D;
    background-color: #39C19D;
    border-radius: 15px;
    font-size: 16px;
}

.img__icon-plus-grey_photo span {
    font-weight: 700;
}

.img-center_photo {
    margin: auto;
    background-position: center;
}

.text-gray_photo {
    color: #767676;
}

.space-top-2_photo {
    margin-top: 12px;
    font-weight: bold;
    padding: 0 8px;
}

.space-top-2_photo span {
    font-weight: normal;
}

.upload-img-progress_photo {
    width: 300px;
    height: 227px;
    position: relative;
    border-radius: 4px;
    text-align: center;
    overflow: hidden;
}

.upload-img-progress_photo .media-cover_photo {
    width: 300px;
    height: 227px;
    position: relative;
}

.upload-img-progress_photo .media-cover_photo .wayinfo-box {
    height: 227px;
    width: 300px;
    display: table-cell;
    vertical-align: middle;
}

.media-cover_photo img {
    width: 100%;
    max-height: 227px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    right: 0;
    bottom: 0;
    margin: auto;
    margin: unset \0;
}

.img__icon-plus-grey_photo_dw {
    height: 32px;
    line-height: 32px;
    color: #ffffff;
    border-color: #39C19D;
    background-color: #39C19D;
    border-radius: 15px;
    font-size: 16px;
    z-index: 10;
    width: 254px;
    position: relative;
    overflow: hidden;
    transition: all .3s ease-in;
}

.img__icon-plus-grey_photo_dw:hover {
    background: #22a482;
}

.img__icon-plus-grey_photo_active {
    box-shadow: 0 0 6px #ddd;
}

.img__icon-plus-grey_photo_dw #get-clip-btn {
    display: inline-block;
    position: absolute;
    top: 0;
    left: -70px;
    height: 30px;
    width: 320px;
    z-index: 15;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.wayclip-window {
    display: none;
}


.photo_cover {
    width: 300px;
    height: 227px;
}

.photo_cover img {
    max-width: 300px;
    max-height: 300px;
    vertical-align: middle;
}

.photo_right {
    width: 520px;
    float: right;
    margin-top: 20px;
}

/*弹窗按钮*/
.layui-layer-btn .layui-layer-btn0 {
    border: 1px solid #dedede !important;
    background-color: #f1f1f1 !important;
    color: #333 !important;
}

.layui-layer-btn .layui-layer-btn1 {
    border-color: #4898d5 !important;
    background-color: #2e8ded !important;
    color: #fff !important;
}

/*kit*/
.add_qty_discount {
    margin-bottom: 10px;
}

.add_qty_discount .form-control {
    width: 40%;
    display: inline-block;
    font-size: 12px;
}

.donate_download {
    padding: 10px 20px;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    clear: left;
    float: left;
    cursor: pointer;
    color: #666;
    font-size: 13px;
    line-height: 20px;
    position: relative;
    box-sizing: border-box;
}

.donate_download .count {
    float: right;
    text-align: right;
    padding-right: 10px;
}

.donate_download:hover {
    background-color: #e8e8e8;
    color: #333;
}

.donate_download .icon-sprite {
    width: 24px;
    height: 20px;
    vertical-align: middle;
}

.order_totals {
    background-position: -110px -1406px;
}

.xiazai_download {
    background-position: 0 -1406px;
}

.juank_donate {
    background-position: 0 -1448px;
}

.bom_drobox {
    background-position: -60px -1448px;
}

.github_code {
    background-position: -60px -1406px;
}

/*ask question*/
.ask-content {
    box-sizing: content-box;
    margin: 20px auto;
    padding: 15px;
    border: 2px solid #ECECE6;
    width: 1060px;
    min-height: 750px;
    overflow: visible;
    background-color: #FFF;
}

.ask-mainbar {
    float: left;
    width: 725px;
    margin: 0;
    padding: 0;
}

.form-item {
    padding: 10px 0 5px;
}

.post-window-btn {
    padding: 15px 0 20px 100px;
}
.list-your-space__content .main-post-container .post-window-btn{
    padding-left: 0;
}
.ask-title-table {
    width: 100%;
}

.ask-title-cell-key {
    width: 100px;
}

.form-item label {
    display: block;
    font-weight: bold;
    padding-bottom: 3px;
}

.ask-title-cell-value .js-ask-title {
    width: 598px;
    padding: 8px 10px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    color: #3b4045;
    margin: 15px 0;
    background: #FFF;
    border: 1px solid #c8ccd0;
}

.post-editor {
    margin-top: 10px;
    box-sizing: border-box;
}

.question-only-section {
    padding: 15px 0 20px;
}

.question-only-section label {
    font-weight: bold;
    vertical-align: middle;
    padding-bottom: 3px;
}

.ask-sidebar {
    float: right;
    overflow: hidden;
    width: 300px;
    margin: 0 0 15px;
}

.module-newuser {
    padding: 15px 15px 10px;
    background-color: #FFF8DC;
    border: 1px solid #E0DCBF;
    font-size: 14px;
    margin-bottom: 1.5em;
}

.module-newuser h4 {
    font-size: 14px;
    margin-bottom: 1em;
    color: #3b4045;
    font-weight: normal;
}

.module-newuser p {
    clear: both;
    margin-bottom: 1em;
    margin-top: 0;
}

/**/
/*sponsor*/
.sponsor {
    background: url(../images/sponsor_02.jpg) repeat-x scroll center top;
}

.sponsor .sponsor-banner {
    margin: 0 auto;
    width: 1130px;
    height: 444px;
    color: #fff;
}

.sponsor .sponsor-banner h1 {
    padding-left: 174px;
    padding-top: 32px;
    font-size: 38px;
}

.sponsor .sponsor-banner p {
    padding-top: 30px;
    font-size: 20px;
    text-align: center;
    width: 444px;
    padding-left: 245px;
    margin-bottom: 20px;
}

.sponsor .sponsor-banner a {
    background: #fff;
    border-radius: 3px;
    padding: 10px 30px;
    text-align: center;
    display: inline-block;
    color: #444;
    font-weight: bold;
    margin-left: 370px;
}

.sponsor-guize {
    margin: 0 auto;
    width: 960px;
    padding-top: 50px;
}

.sponsor-guize p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
}

.ask-title-table a.filter-tag {
    width: 125px;
    display: inline-block;
    text-align: center;
    border: 2px solid #dfe6f0;
    border-radius: 0;
    color: #697c90;
    display: inline-block;
    background: #fff;
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 8px 6px;
    text-decoration: none;
}

.ask-title-table a.filter-tag:hover {
    border: 2px solid #00c339;
}

.ask-title-table a.filter-tag.active {
    border: 2px solid #00c339;
    position: relative;
}

.ask-title-table a.filter-tag.unclickbtn {
    background: #f9f9f9;
    border: 1px dashed #dfe6f0;
    cursor: default;
}

.ask-title-table a.filter-tag.unclickbtn:hover {
    border: 1px dashed #dfe6f0;
}

.ask-title-table a.filter-tag.active i {
    background-image: url("../../images/newpublicsrc/icon-spr.png");
    background-position: -20px -388px;
    background-repeat: no-repeat;
    bottom: 0;
    display: block;
    height: 12px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: -99em;
    width: 12px;
}

/*2023-4-11 start*/
.fresh-isolate-module .poster-other-shares {
    padding-bottom: 10px;
}

.fresh-isolate-module .diy-swiper-box {
    width: 1128px !important;
    margin: 0 auto;
}

.fresh-isolate-module .diy-swiper-box .share-list {
    margin-left: 0 !important;
}

.fresh-isolate-module .diy-swiper-box li {
    border: none;
    margin-left: 0 !important;
    box-sizing: border-box;
    border: 0 !important;
}

.fresh-isolate-module .poster-other-shares .share-list .pic {
    width: inherit;
    height: 150px;
    position: relative;
    background: #444444;
}

.fresh-isolate-module .diy-swiper-box li .pic img {
    max-width: 100%;
    width: auto !important;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.fresh-isolate-module .diy-swiper-box li h5 {
    color: #262626;
    margin-top: 12px;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.fresh-isolate-module .diy-swiper-box .swiper-button-prev {
    background: none;
    top: 40%;
}

.fresh-isolate-module .diy-swiper-box .swiper-button-next {
    background: none;
    right: 24px;
    top: 40%;
}

.fresh-isolate-module .diy-swiper-box .swiper-button-prev .iconfont, .swiper-button-next .iconfont {
    font-size: 40px;
    line-height: 40px;
    color: #efefef;
    transition: color .3s linear;
    border-radius: 100%;
}

.sponsor-subtitle
.fresh-isolate-module .diy-swiper-box .iconfont:hover {
    border: 1px solid #ffffff;
}

/*2023-4-11 end*/

/*2023-5-12 start*/
.settings-row #uploadfileQueue {
    top: 4px !important;
    margin-bottom: 0 !important;
}

/*2023-5-12 end*/

.sponsor-subtitle {
    color: #879191;
}

.sponsor-subtitle a {
    color: #00a699;
}

.sponsor-subtitle a:hover {
    color: #00a699;
    text-decoration: underline;
}

#pages a {
    box-sizing: content-box;
}

/*2024-6-21*/
.new-sponsor-module #top_banner .howitworksponsor {
    width: 88%;
}

.new-sponsor-module #top_banner .join_count {
    width: 12%;
}

#content #pages {
    text-align: center;
}

#file_upload.webuploader-container *{
    box-sizing: content-box;
}