.abtest-piece.editing {
    background-image: url("http://s3.pstatp.com/bytecom/resource/site_web/static/image/tetris/bricklist/abtest@2x_84f67f4.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 3.893rem
}

.article-box .article-link {
    position: relative;
    display: block;
    min-height: 1.12rem;
    font-size: 0;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0.1);
    -webkit-touch-callout: none
}

.article-box span.profile {
    color: #FFF;
    text-align: center;
    background: #cccccc;
    border: 0.027rem solid #e8e8e8;
    border-radius: 0.213rem;
    margin-right: 0.133rem;
    display: inline-block;
    width: 0.427rem;
    height: 0.427rem;
    line-height: 0.347rem;
    font-size: 0.373rem;
    float: left
}

.article-box .article-link .content0 {
    position: relative;
    padding: 0.373rem 0
}

.article-box .article-link .content0 .left-content {
    display: inline-block;
    width: 70%;
    vertical-align: middle
}

.article-box .article-link .content0 .left-content .title {
    color: #222222;
    font-size: 0.507rem;
    line-height: 0.667rem;
    font-weight: 400
}

.article-box .article-link .content0 .left-content .desc {
    font-size: 0.32rem;
    color: #999;
    line-height: 0.373rem;
    bottom: 0;
    height: 0.373rem;
    margin-top: 0.187rem
}

.article-box .article-link .content0 .left-content .desc .label-desc {
    float: left;
    position: relative;
    top: 0.027rem
}

.article-box .article-link .content0 .left-content .middle-wrapper {
    width: 100%
}

.article-box .article-link .content0 .right-content {
    overflow: hidden;
    width: 30%;
    height: 1.787rem;
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    background-size: cover
}

.article-box .article-link .content0 .right-content .article-img {
    display: block;
    width: 100%
}

.article-box .article-link .desc .label-text {
    color: #f85959;
    border: 0.027rem solid #f85959;
    margin-left: 0.133rem;
    display: block;
    font-size: 0.267rem;
    line-height: 0.373rem;
    text-align: center;
    border-radius: 0.08rem;
    height: 0.373rem;
    padding: 0 0.053rem;
    float: left
}

.article-box .article-link .content1 {
    padding: 0.267rem 0;
    border-bottom: 0.027rem solid #a8a8a8
}

.article-box .article-link .content1 .title {
    text-overflow: ellipsis;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    color: #222222;
    font-size: 0.507rem;
    line-height: 1.315;
    font-weight: 400;
    overflow: hidden
}

.article-box .article-link .content1 .imgs {
    margin: 0.213rem 0
}

.article-box .article-link .content1 .imgs .clearfix {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 0;
    text-align: center
}

.article-box .article-link .content1 .imgs .clearfix .list-img-holder {
    padding: 0 0.027rem;
    display: inline-block;
    overflow: hidden;
    width: 32%;
    height: 1.76rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-position: center;
    background-size: cover;
    margin: 0 0.027rem
}

.article-box .article-link .content1 .imgs .clearfix .list-img-holder .article-img {
    display: inline-block;
    width: 100%
}

.article-box .article-link .content1 .desc {
    font-size: 0.32rem;
    line-height: 0.32rem;
    color: #999;
    overflow: auto
}

.article-box .article-link .content1 .desc .label-desc {
    float: left;
    position: relative;
    top: 0.053rem
}

.article-box .article-link .content1 .desc .label-text {
    color: #f85959;
    border: 0.027rem solid #f85959;
    margin-left: 0.133rem;
    display: block;
    font-size: 0.267rem;
    line-height: 0.373rem;
    text-align: center;
    border-radius: 0.08rem;
    height: 0.373rem;
    padding: 0 0.053rem;
    float: left
}

.snapshoot-article-title {
    padding: 0.48rem 0.4rem 0 0.4rem
}

.snapshoot-article-title h3.title {
    font-size: 0.587rem;
    line-height: 1.4;
    word-break: break-all;
    word-wrap: break-word;
    font-weight: normal
}

.snapshoot-article-title .content {
    padding: 0.267rem 0 0.373rem 0
}

.snapshoot-article-title .content:after {
    content: "";
    display: block;
    clear: left
}

.snapshoot-article-title .avatar {
    float: left;
    width: 0.96rem;
    height: 0.96rem;
    border-radius: 50%;
    border: solid 0.027rem #ccc;
    background-color: #ccc
}

.snapshoot-article-title .avatar>img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.snapshoot-article-title .comment-body {
    float: left;
    margin-left: 0.24rem
}

.snapshoot-article-title h4.body-user {
    margin: 0;
    font-size: 0.427rem;
    font-weight: normal
}

.snapshoot-article-title .body-tag {
    margin-top: 0.133rem;
    font-size: 0.32rem
}

.snapshoot-article-title .body-tag span {
    margin-right: 0.107rem;
    padding: 0.027rem 0.053rem;
    border: 0.027rem solid #1892da;
    color: #1892da;
    font-style: normal;
    border-radius: 0.08rem;
    line-height: 0.373rem
}

.snapshoot-article-title .body-tag i {
    color: #ccc;
    font-style: normal
}

.big-image {
    position: relative;
    min-height: 2.32rem
}

.big-image .game.has-bg-imgs {
    position: absolute;
    left: 0.4rem;
    top: 0.4rem;
    width: 9.2rem
}

.big-image .game.has-desc {
    padding: 0.4rem
}

.big-image .game img {
    position: absolute;
    width: 1.52rem;
    height: 1.52rem;
    display: inline;
    border-radius: 0.32rem
}

.big-image .game .title-version {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding-left: 1.787rem;
    width: 100%
}

.big-image .game .title-version span.title,.big-image .game .title-version span.version {
    width: 100%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.big-image .game .title-version span.title {
    font-size: 0.453rem;
    line-height: 0.667rem;
    margin-top: 0.133rem
}

.big-image .game .title-version span.version,.big-image .game .title-version span.size {
    font-size: 0.32rem;
    line-height: 0.533rem
}

.big-image .game .title-version .version-size {
    width: 100%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.big-image .game .title-version .version-size span {
    display: inline
}

.big-image .game .title-version .version-size .size-content,.big-image .game .title-version .version-size .version-content {
    font-size: 0.32rem;
    display: inline
}

.big-image .game .title-version .version-size .version-content {
    padding-left: 0.213rem
}

.big-image .images .image {
    width: 100%;
    height: auto;
    display: block
}

.big-image .images .image img {
    width: 100%
}

.big-image .desc {
    font-size: 0.32rem;
    line-height: 0.427rem;
    width: 100%
}

.button-piece a,a.button-piece {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    text-decoration: none;
    outline: none;
    color: #406599;
    -webkit-tap-highlight-color: rgba(128,128,128,0.5)
}

.button-piece a:hover,a.button-piece:hover {
    outline: none;
    text-decoration: none;
    cursor: pointer
}

.button-piece a:-webkit-any-link,a.button-piece:-webkit-any-link {
    text-decoration: none;
    cursor: auto
}

.button-piece a,a.button-piece,.button-piece a:focus,a.button-piece:focus,.button-piece a:outline,a.button-piece:outline {
    border: none;
    outline: none
}

.button-piece div,div.button-piece {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none
}

.button-piece span,span.button-piece {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    display: inline-block
}

.button-piece img,img.button-piece {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    vertical-align: middle;
    outline: none
}

.button-piece a img {
    border: none;
    outline: none
}

.button-piece .nor-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    cursor: pointer;
    color: #fff;
    text-align: center;
    border-radius: 0.107rem;
    text-decoration: none;
    font-size: 0.48rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: #000;
    position: relative
}

.button-piece .nor-btn .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.427rem
}

.button-piece .nor-btn .nor-btn-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-bottom: 50%
}

.button-piece a.nor-btn:hover,.button-piece a.nor-btn:active,.button-piece a.nor-btn:focus {
    color: #fff
}

.button-piece.layer-style {
    height: 100%
}

.button-piece.layer-style .nor-btn {
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.button-piece a .text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.button-piece .image-item {
    width: 100%
}

.button-piece .image-box {
    position: relative
}

.button-piece .image-link {
    display: block;
    line-height: 0
}

.button-piece .image-con {
    position: relative
}

.button-piece .image-text {
    position: absolute
}

.button-piece .text-label-0,.button-piece .text-label-1,.button-piece .text-label-2,.button-piece .text-label-3,.button-piece .text-label-4,.button-piece .text-label-5 {
    font-size: 0.32rem;
    color: #FFF;
    background-color: rgba(0,0,0,0.3);
    padding: 0.133rem
}

.button-piece .text-label-0 {
    width: auto;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.133rem 0.267rem
}

.button-piece .text-label-1 {
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    padding-left: 0.267rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.button-piece .text-label-2 {
    width: auto;
    right: 0;
    top: 0;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0.267rem
}

.button-piece .text-label-3 {
    width: auto;
    left: 0;
    bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0.267rem
}

.button-piece .text-label-4 {
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.button-piece .text-label-5 {
    width: auto;
    right: 0;
    bottom: 0;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0.267rem
}

.code-box.editing {
    background-image: url("http://s3.pstatp.com/bytecom/resource/site_web/static/image/tetris/bricklist/code@2x_1bff3e2.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 3.893rem
}

.qqcustomer-button a,a.qqcustomer-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    text-decoration: none;
    outline: none;
    color: #406599;
    -webkit-tap-highlight-color: rgba(128,128,128,0.5)
}

.qqcustomer-button a:hover,a.qqcustomer-button:hover {
    outline: none;
    text-decoration: none;
    cursor: pointer
}

.qqcustomer-button a:-webkit-any-link,a.qqcustomer-button:-webkit-any-link {
    text-decoration: none;
    cursor: auto
}

.qqcustomer-button a,a.qqcustomer-button,.qqcustomer-button a:focus,a.qqcustomer-button:focus,.qqcustomer-button a:outline,a.qqcustomer-button:outline {
    border: none;
    outline: none
}

.qqcustomer-button h1,.qqcustomer-button h2,.qqcustomer-button h3,.qqcustomer-button h4,.qqcustomer-button h5,.qqcustomer-button h6 {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none
}

.qqcustomer-button div,div.qqcustomer-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none
}

.qqcustomer-button span,span.qqcustomer-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    display: inline-block
}

.qqcustomer-button.layer-style {
    height: 100%
}

.qqcustomer-button.layer-style .qqcustomer-btn {
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.qqcustomer-button.layer-style .qqcustomer-btn.style3,.qqcustomer-button.layer-style .qqcustomer-btn.style4 {
    opacity: 1
}

.qqcustomer-button .qqcustomer-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0.427rem auto;
    cursor: pointer;
    color: #fff;
    background-color: #f85959;
    border-radius: 0.107rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 0.48rem;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
    position: relative
}

.qqcustomer-button .qqcustomer-btn .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.427rem
}

.qqcustomer-button .qqcustomer-btn .nor-btn-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-bottom: 50%
}

.qqcustomer-button .qqcustomer-btn .consult-icon-right,.qqcustomer-button .qqcustomer-btn .consult-icon-circle {
    display: none
}

.qqcustomer-button .qqcustomer-btn .consult-icon-left {
    margin-right: 0.133rem
}

.qqcustomer-button .qqcustomer-btn .consult-icon-right {
    margin-left: 0.133rem
}

.qqcustomer-button .qqcustomer-btn.style1 .consult-icon-left,.qqcustomer-button .qqcustomer-btn.style2 .consult-icon-left {
    display: inline
}

.qqcustomer-button .qqcustomer-btn.style1 .consult-icon-right,.qqcustomer-button .qqcustomer-btn.style1 .consult-icon-circle,.qqcustomer-button .qqcustomer-btn.style2 .consult-icon-right,.qqcustomer-button .qqcustomer-btn.style2 .consult-icon-circle {
    display: none
}

.qqcustomer-button .qqcustomer-btn.style3 .consult-icon-circle,.qqcustomer-button .qqcustomer-btn.style4 .consult-icon-circle {
    display: inline;
    height: 1.493rem;
    line-height: 1.493rem
}

.qqcustomer-button .qqcustomer-btn .qqcustomer-label.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qqcustomer-button .qqcustomer-btn.style3 .qqcustomer-label,.qqcustomer-button .qqcustomer-btn.style4 .qqcustomer-label,.qqcustomer-button .qqcustomer-btn.style3 .consult-icon-left,.qqcustomer-button .qqcustomer-btn.style3 .consult-icon-right,.qqcustomer-button .qqcustomer-btn.style4 .consult-icon-left,.qqcustomer-button .qqcustomer-btn.style4 .consult-icon-right {
    display: none
}

.qqcustomer-button .qqcustomer-btn.style3,.qqcustomer-button .qqcustomer-btn.style4 {
    width: 1.493rem;
    border-radius: 50%;
    line-height: 1.627rem;
    opacity: 1
}

.qqcustomer-button .qqcustomer-btn.style3:active,.qqcustomer-button .qqcustomer-btn.style3:focus,.qqcustomer-button .qqcustomer-btn.style4:active,.qqcustomer-button .qqcustomer-btn.style4:focus {
    opacity: .7
}

.qqcustomer-button .qqcustomer-btn.style5 .consult-icon-right,.qqcustomer-button .qqcustomer-btn.style6 .consult-icon-right {
    display: inline
}

.qqcustomer-button .qqcustomer-btn.style5 .consult-icon-left,.qqcustomer-button .qqcustomer-btn.style5 .consult-icon-circle,.qqcustomer-button .qqcustomer-btn.style6 .consult-icon-left,.qqcustomer-button .qqcustomer-btn.style6 .consult-icon-circle {
    display: none
}

.qqcustomer-button .qqcustomer-btn.style7,.qqcustomer-button .qqcustomer-btn.style8 {
    overflow: initial;
    background: none
}

.qqcustomer-button .qqcustomer-btn.style7 .consult-icon-circle,.qqcustomer-button .qqcustomer-btn.style8 .consult-icon-circle {
    display: inline
}

.qqcustomer-button a.qqcustomer-btn:hover,.qqcustomer-button a.qqcustomer-btn:focus {
    text-decoration: none;
    outline: none;
    color: #fff
}

.qqcustomer-button.piece.fbottom-right,.qqcustomer-button.piece.fbottom-left,.qqcustomer-button.piece.ftop-right,.qqcustomer-button.piece.ftop-left {
    width: 1.493rem
}

.qqcustomer-button.piece.qqcustomer-pos.fbottom-right {
    z-index: 99;
    margin: 0.267rem auto
}

.qqcustomer-button.piece.qqcustomer-pos.fbottom-left {
    z-index: 99;
    margin: 0.267rem auto
}

.qqcustomer-button.piece.qqcustomer-pos.ftop-right {
    position: fixed;
    top: 0.267rem;
    right: 0.267rem;
    z-index: 99
}

.qqcustomer-button.piece.qqcustomer-pos.ftop-left {
    position: fixed;
    top: 0.267rem;
    left: 0.267rem;
    z-index: 99
}

.ftop>.qqcustomer-btn {
    width: 100% !important;
    border-radius: 0;
    opacity: .95
}

.fbottom>.qqcustomer-btn {
    width: 100% !important;
    border-radius: 0;
    opacity: .95
}

.consult-fix-bottom {
    width: 100%;
    height: 1.547rem;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 0 0.64rem;
    color: #fff;
    font-family: PingFangSC-Regular;
    font-size: 0.373rem
}

.consult-fix-bottom .text-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    max-width: 6.4rem;
    text-overflow: ellipsis;
    overflow: hidden
}

.consult-fix-bottom .text-content i {
    font-size: 0.64rem;
    margin-right: 0.213rem
}

.consult-fix-bottom .text-input input {
    width: 6.053rem;
    height: 1.013rem
}

.consult-fix-bottom .consult-button {
    width: 2.24rem;
    height: 0.853rem;
    font-size: 0.427rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background: #FF5C5F;
    border-radius: 0.107rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    position: relative
}

.consult-fix-bottom .consult-button .button-remind {
    display: block;
    width: 0.613rem;
    height: 0.613rem;
    line-height: 0.613rem;
    text-align: center;
    border-radius: 50%;
    background: #FF3434;
    position: absolute;
    right: -0.267rem;
    top: -0.267rem
}

.consult-fix-bottom .button-shake {
    -webkit-animation: shake 2.5s infinite;
    animation: shake 2.5s infinite
}

.consult-fix-bottom .msg-content {
    width: 8.32rem;
    text-overflow: ellipsis;
    color: #000;
    background: #FFFFFF;
    border: 0.027rem solid #D2D2D2;
    -webkit-box-shadow: 0 0.08rem 0.133rem 0 rgba(0,0,0,0.15);
    box-shadow: 0 0.08rem 0.133rem 0 rgba(0,0,0,0.15);
    border-radius: 0.133rem;
    padding: 0.48rem 0.533rem 0.533rem;
    position: absolute;
    bottom: 1.867rem;
    right: 0.213rem
}

.consult-fix-bottom .msg-content:after {
    content: ' ';
    position: absolute;
    bottom: -0.16rem;
    right: 0.533rem;
    display: block;
    width: 0.267rem;
    height: 0.267rem;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0.107rem 0.107rem 0.267rem 0 rgba(0,0,0,0.15);
    box-shadow: 0.107rem 0.107rem 0.267rem 0 rgba(0,0,0,0.15);
    border-width: 0 0.027rem 0.027rem 0;
    border-color: #d2d2d2;
    border-style: solid
}

.consult-fix-bottom .msg-content .msg-head {
    font-size: 0.373rem;
    margin-bottom: 0.24rem
}

.consult-fix-bottom .msg-content .msg-text {
    display: block;
    font-size: 0.32rem;
    word-break: break-all;
    color: #666666;
    max-height: 0.96rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.consult-fix-bottom .msg-content .msg-close {
    font-size: 0.533rem;
    position: absolute;
    top: 0.133rem;
    right: 0.373rem;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.btn-info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-info-list .btn-group {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 0.533rem
}

.btn-info-list .btn-group .btn-item {
    width: 2.56rem;
    height: 0.907rem;
    background: #FF5C5F;
    border-radius: 0.107rem;
    text-align: center;
    line-height: 0.907rem;
    color: #fff
}

.btn-info-list .btn-bottom {
    width: 92%;
    height: 1.013rem;
    background: #444;
    color: #fff;
    text-align: center;
    line-height: 1.013rem;
    border-radius: 0.107rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-info-list .btn-bottom img {
    margin-left: 0.133rem
}

.btn-suspend-1 {
    width: 2.773rem
}

.btn-suspend-2 {
    width: 2.187rem
}

.btn-suspend {
    float: right
}

.btn-suspend.none-height {
    height: 0;
    margin-top: -1.92rem
}

.btn-suspend .btn-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.213rem 0.267rem 0.213rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.btn-suspend .btn-content .suspend-text {
    font-family: "PingFangSC-Medium";
    font-size: 0.427rem;
    color: #FA5D60;
    margin-top: 0.133rem
}

.btn-suspend .btn-content .button-remind {
    display: block;
    width: 0.613rem;
    height: 0.613rem;
    line-height: 0.613rem;
    text-align: center;
    border-radius: 50%;
    background: #FF3434;
    position: absolute;
    right: 0.107rem;
    top: 0.107rem;
    color: #fff
}

.btn-suspend .btn-content .button-remind.remind-fix {
    top: -1.867rem
}

.btn-suspend .btn-content .brick-i-consult-icon {
    width: 1.547rem;
    background: #FA5D60;
    height: 1.547rem;
    font-size: 0.933rem;
    color: #fff;
    line-height: 1.547rem;
    text-align: center;
    border-radius: 50%
}

.btn-suspend .suspend-btn {
    width: 2.24rem;
    height: 0.907rem;
    display: block;
    text-align: center;
    line-height: 0.907rem;
    background: #ff5c5f;
    border-radius: 0.107rem;
    color: #fff;
    margin-bottom: 0.213rem;
    position: relative
}

.btn-suspend .suspend-btn:last-child {
    margin: 0
}

.btn-suspend .suspend-btn .button-remind {
    display: block;
    width: 0.613rem;
    height: 0.613rem;
    line-height: 0.613rem;
    text-align: center;
    border-radius: 50%;
    background: #FF3434;
    position: absolute;
    right: -0.187rem;
    top: -0.133rem
}

.btn-suspend .button-shake {
    -webkit-animation: shake 2.5s infinite;
    animation: shake 2.5s infinite
}

.btn-suspend .msg-content {
    width: 8.32rem;
    text-overflow: ellipsis;
    color: #000;
    background: #FFFFFF;
    border: 0.027rem solid #D2D2D2;
    -webkit-box-shadow: 0 0.08rem 0.133rem 0 rgba(0,0,0,0.15);
    box-shadow: 0 0.08rem 0.133rem 0 rgba(0,0,0,0.15);
    border-radius: 0.133rem;
    padding: 0.48rem 0.533rem 0.533rem;
    position: absolute;
    bottom: 0.4rem;
    right: 0.213rem
}

.btn-suspend .msg-content.bottom-fix {
    bottom: 2rem
}

.btn-suspend .msg-content:after {
    content: ' ';
    position: absolute;
    bottom: -0.16rem;
    right: 0.533rem;
    display: block;
    width: 0.267rem;
    height: 0.267rem;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0.107rem 0.107rem 0.267rem 0 rgba(0,0,0,0.15);
    box-shadow: 0.107rem 0.107rem 0.267rem 0 rgba(0,0,0,0.15);
    border-width: 0 0.027rem 0.027rem 0;
    border-color: #d2d2d2;
    border-style: solid
}

.btn-suspend .msg-content .msg-head {
    font-size: 0.373rem;
    margin-bottom: 0.24rem
}

.btn-suspend .msg-content .msg-text {
    display: block;
    font-size: 0.32rem;
    color: #666666;
    max-height: 0.96rem;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.btn-suspend .msg-content .msg-close {
    font-size: 0.533rem;
    position: absolute;
    top: 0.133rem;
    right: 0.373rem;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#MEIQIA-BTN-HOLDER {
    visibility: hidden
}

#mobile_minchat_div {
    display: none
}

#mobile_icon_div {
    display: none
}

#mobile_ivt_div {
    display: none
}

#iconDiv1 {
    display: none
}

#iconDiv2 {
    display: none
}

#div_company_mini {
    display: none
}

#KFLOGO {
    display: none
}

body.BODY-FOR-MEIQIA {
    margin-bottom: 0 !important
}

@-webkit-keyframes shake {
    0%,35% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    5%,15%,25% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }

    10%,20%,30% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
}

@keyframes shake {
    0%,35% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    5%,15%,25% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }

    10%,20%,30% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
}

.brick-count-down {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.brick-count-down div,div.brick-count-down {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none
}

.brick-count-down span,span.brick-count-down {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    display: inline-block
}

.brick-count-down span {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    line-height: 1.5
}

html.modal-open body {
    overflow: hidden;
    height: 100%
}

.coupon-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 22
}

.coupon-icon-wrapper img {
    vertical-align: top
}

.coupon-icon-wrapper.floating.web {
    padding: 0.4rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.coupon-icon-wrapper.floating.web img {
    display: block;
    width: 1.493rem;
    height: 1.6rem;
    margin: 0;
    -webkit-animation: shake 2s infinite linear
}

.coupon-icon-wrapper .empty-coupon-icon {
    width: 100%;
    height: 3.733rem;
    overflow: hidden;
    background-image: url(http://p2.pstatp.com/origin/589d000ab9a7bb6cc6b3);
    background-repeat: no-repeat;
    background-position: center center
}

.coupon-icon-wrapper.floating.server {
    position: fixed;
    top: 30%;
    left: 100%;
    -webkit-transform: translate(0, -50%);
    transform: translate(-1.6rem, -50%);
    z-index: 3
}

.coupon-icon-wrapper.floating.server img {
    width: 1.227rem;
    margin: 0.267rem 0.133rem
}

.coupon-icon-wrapper.floating.server .animate {
    -webkit-animation: shake 2s infinite linear
}

.app-download {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    height: 2.72rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.app-download.custom {
    overflow: hidden
}

.app-download.custom .custom-wrap {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0
}

.app-download.custom .custom-wrap>img {
    width: 100% s
}

.app-download .download-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0.4rem 0.533rem 0
}

.app-download .download-content .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0
}

.app-download .download-content .opt {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.app-download .download-content .opt .count-down {
    font-size: 0.32rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.app-download .download-content .opt .count-down .rest-text {
    color: #e0dede;
    margin-bottom: 0.133rem
}

.app-download .download-content .opt .receive-copy {
    position: relative
}

.app-download .download-content .opt .receive-copy .spin {
    position: absolute;
    right: -1.013rem;
    top: -0.507rem;
    background-color: #999a9c;
    padding: 0.24rem 0.427rem 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 0.32rem
}

.app-download .download-content .opt .time-up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.48rem;
    height: 100%
}

.app-download .download-content .opt .btn-download,.app-download .download-content .opt .copy-code {
    font-size: 0.373rem;
    height: 0.853rem;
    line-height: 0.853rem;
    text-align: center;
    border-radius: 0.533rem;
    padding: 0 0.4rem
}

.app-download .download-content .opt .coupon-count,.app-download .download-content .opt .tips {
    position: absolute;
    top: 0.96rem;
    width: 100%;
    text-align: center;
    font-size: 0.32rem;
    -webkit-transform: scale(calc(.83333333));
    transform: scale(calc(.83333333))
}

.app-download .download-content .opt .count-down-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.32rem
}

.app-download .download-content .opt .time-bar {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 0.08rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0.08rem
}

.app-download .info .name {
    font-size: 0.48rem;
    margin-bottom: 0.133rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.app-download .info .use-time {
    font-size: 0.32rem;
    color: #969595
}

.app-download .condition {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: absolute;
    width: 100%;
    top: 1.92rem;
    font-size: 0.32rem;
    padding: 0.187rem 0.533rem;
    height: 0.8rem
}

.app-download .condition .condition-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 0.427rem
}

.app-download .condition .icon-arrow {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 0.267rem;
    margin-top: 0.107rem;
    width: 0.427rem;
    height: 0.267rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.app-download .condition.active {
    height: auto
}

.app-download .condition.active .condition-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: visible;
    text-overflow: initial;
    white-space: initial;
    word-break: break-all
}

.app-download.dark {
    color: #fff;
    background-image: url(http://sf1-ttcdn-tos.pstatp.com/img/ad-tetris-site/app_download_black.jpg~noop.image)
}

.app-download.dark .condition {
    background-color: rgba(0,0,0,0.9)
}

.app-download.dark .btn-control {
    background-color: #f4c74e;
    color: #000
}

.app-download.dark .condition-text {
    color: #a6a5a4
}

.app-download.dark .icon-arrow {
    background-image: url(http://sf1-ttcdn-tos.pstatp.com/img/ad-tetris-site/appd-arrow-down-light.png~noop.image)
}

.app-download.dark .active .icon-arrow {
    background-image: url(http://sf1-ttcdn-tos.pstatp.com/img/ad-tetris-site/appd-arrow-up-light.png~noop.image)
}

.app-download.dark .receive-copy .spin {
    color: #000
}

.app-download.light {
    color: #000;
    background-image: url(http://sf1-ttcdn-tos.pstatp.com/img/ad-tetris-site/app_download_white.jpg~noop.image)
}

.app-download.light .time-up {
    color: #83817f
}

.app-download.light .condition {
    background-color: rgba(0,0,0,0.05)
}

.app-download.light .btn-control {
    background-color: #ec662b;
    color: #fff
}

.app-download.light .icon-arrow {
    background-image: url(http://sf1-ttcdn-tos.pstatp.com/img/ad-tetris-site/appd-arrow-down-dark.png~noop.image)
}

.app-download.light .active .icon-arrow {
    background-image: url(http://sf1-ttcdn-tos.pstatp.com/img/ad-tetris-site/appd-arrow-up-dark.png~noop.image)
}

.app-download.light .receive-copy .spin {
    color: #fff
}

.coupon .coupon-placeholder {
    width: 100%;
    height: 3.733rem;
    overflow: hidden;
    background-image: url("http://p2.pstatp.com/origin/589d000ab9a7bb6cc6b3");
    background-repeat: no-repeat;
    background-position: center center
}

.coupon label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0.133rem
}

.coupon span {
    display: inline-block
}

.coupon .clear {
    clear: both
}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    5% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    15% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    25% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    35% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    45% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes shake {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    5% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    15% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    25% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    35% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    45% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.coupon .close-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.373rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.coupon .close-wrapper .icon-close {
    background-image: url('data:image/svg+xml;utf8,<svg width="36" height="36" xmlns="//www.w3.org/2000/svg"><path d="M34.55 10.97a17.9 17.9 0 0 0-9.57-9.56 17.89 17.89 0 0 0-7-1.41A17.9 17.9 0 0 0 5.27 5.26 17.9 17.9 0 0 0 1.4 24.95a17.9 17.9 0 0 0 9.57 9.56 18 18 0 0 0 7 1.4 17.9 17.9 0 0 0 12.72-5.25 17.9 17.9 0 0 0 3.85-19.7zM17.98 35.02A17.1 17.1 0 0 1 .9 17.96a17.1 17.1 0 0 1 34.18 0 17.1 17.1 0 0 1-17.09 17.06zm5.6-24.6l-5.76 5.77-5.77-5.75a1.28 1.28 0 1 0-1.8 1.8L16 18l-5.76 5.77a1.28 1.28 0 1 0 1.81 1.8l5.77-5.76 5.77 5.75a1.28 1.28 0 0 0 1.8-1.8L19.63 18l5.76-5.77a1.28 1.28 0 1 0-1.8-1.8z" fill="#FFF" fill-rule="evenodd" fill-opacity=".85"/></svg>');
    background-size: contain;
    width: 0.96rem;
    height: 0.96rem
}

.coupon .coupon-dialog {
    position: fixed;
    width: 8.053rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 45%;
    margin: 0 auto;
    z-index: 23
}

.coupon .coupon-dialog.style2 {
    -webkit-transform: translate(-50%, -111%);
    transform: translate(-50%, -111%)
}

.coupon .coupon-dialog .coupon-container {
    position: relative;
    width: 8.053rem
}

.coupon .coupon-dialog .coupon-title {
    font-size: 0.587rem
}

.coupon .coupon-dialog .coupon-count {
    text-align: center
}

.coupon .coupon-dialog .coupon-desc {
    display: none;
    padding: 0.267rem
}

.coupon .coupon-dialog .coupon-desc span {
    text-indent: 2rem;
    font-size: 0.373rem
}

.coupon .coupon-dialog .coupon-style-1 {
    border-radius: 0.267rem;
    color: #fff;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.coupon .coupon-dialog .coupon-style-1 .caidai {
    position: absolute;
    width: calc(8.587rem);
    margin: -0.267rem;
    height: calc(4.107rem);
    top: 0;
    background-image: url('data:image/svg+xml;utf8,<svg width="322" height="154" xmlns="//www.w3.org/2000/svg"><defs><linearGradient x1="19.548%" y1="0%" x2="44.176%" y2="87.886%" id="a"><stop stop-color="#AE8EF8" offset="0%"/><stop stop-color="#B298FF" offset="100%"/></linearGradient><linearGradient x1="11.759%" y1="11.325%" x2="87.319%" y2="100%" id="b"><stop stop-color="#A3E988" offset="0%"/><stop stop-color="#9BD784" offset="100%"/></linearGradient></defs><g transform="translate(-3 -9)" stroke-width="2" fill="none" fill-rule="evenodd"><circle stroke="#76E4EC" cx="315.5" cy="117.5" r="8.5"/><path d="M269.317 11.401l5.245 19.266a1 1 0 0 0 1.675.441l19.205-19.35a1 1 0 0 0-.713-1.705l-24.45.085a1 1 0 0 0-.962 1.263z" stroke="#FFE991"/><path d="M5.066 148.298l-2.21 14.323a1 1 0 0 0 1.35 1.085l18.448-7.162a1 1 0 0 0 .041-1.847l-16.237-7.161a1 1 0 0 0-1.392.762z" stroke="url(#a)" transform="rotate(144 13.068 155.612)"/><path d="M53.467 12.581l7.816-1.975a1 1 0 0 1 1.184 1.313l-2.343 6.4a1 1 0 0 0 1.082 1.333l8.343-1.201a1 1 0 0 1 1.042 1.427l-3.745 7.705a1 1 0 0 0 1.01 1.431l8.067-.888" stroke="url(#b)" stroke-linecap="round" transform="rotate(-3 64.695 19.798)"/></g></svg>');
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.coupon .coupon-dialog .coupon-style-1 .coupon-part1 {
    padding: 0.4rem 0.533rem;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="//www.w3.org/2000/svg" xmlns:xlink="//www.w3.org/1999/xlink" width="302" height="172" preserveAspectRatio="none"><defs><linearGradient x1="0%" y1="100%" y2="6.296%" id="a"><stop stop-color="#FFAB15" offset="0%"/><stop stop-color="#FF4C3A" offset="49.41%"/><stop stop-color="#FF012C" offset="99.291%"/><stop stop-color="#FF002B" offset="100%"/></linearGradient><path d="M0 172V22C0 9.85 9.85 0 22 0h258c12.15 0 22 9.85 22 22v150.041c-6.16.508-11 5.668-11 11.959 0 6.29 4.84 11.45 11 11.959V361c0 12.15-9.85 22-22 22H22c-12.15 0-22-9.85-22-22V196c6.627 0 12-5.373 12-12s-5.373-12-12-12z" id="b"/></defs><use fill="url(#a)" xlink:href="#b" fill-rule="evenodd"/></svg>');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    min-height: 4.373rem
}

.coupon .coupon-dialog .coupon-style-1 .coupon-part1 .coupon-merchan-name {
    padding: 0.16rem 0 0.267rem 0;
    font-size: 0.373rem
}

.coupon .coupon-dialog .coupon-style-1 .coupon-part1 .coupon-merchan-icon img {
    width: 1.387rem;
    height: 1.387rem;
    border-radius: 50%;
    border: 0.027rem solid #fff;
    margin-bottom: 0.133rem
}

.coupon .coupon-dialog .coupon-style-1 .coupon-part1 .coupon-count {
    text-align: center;
    font-size: 0.32rem;
    padding-top: 0.32rem
}

.coupon .coupon-dialog .coupon-style-1 .part-border {
    height: 0.533rem;
    margin-bottom: -0.027rem;
    margin-top: -0.027rem;
    background: url('data:image/svg+xml;utf8,<svg xmlns="//www.w3.org/2000/svg" xmlns:xlink="//www.w3.org/1999/xlink" class="part-border-svg" width="302" height="24" preserveAspectRatio="none"><defs><linearGradient x1="0%" y1="100%" y2="6.296%" id="a"><stop stop-color="#FFAB15" offset="0%"/><stop stop-color="#FF4C3A" offset="49.41%"/><stop stop-color="#FF012C" offset="99.291%"/><stop stop-color="#FF002B" offset="100%"/></linearGradient><path d="M0 172V22C0 9.85 9.85 0 22 0h258c12.15 0 22 9.85 22 22v150.041c-6.16.508-11 5.668-11 11.959 0 6.29 4.84 11.45 11 11.959V361c0 12.15-9.85 22-22 22H22c-12.15 0-22-9.85-22-22V196c6.627 0 12-5.373 12-12s-5.373-12-12-12z" id="b"/></defs><g transform="translate(0 -172)"><use fill="url(#a)" xlink:href="#b"/><path d="M15.36 184.75h274.664" stroke="#FFF" stroke-dasharray="3,2"/></g></svg>');
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.coupon .coupon-dialog .coupon-style-1 .part-border .part-border-svg {
    background-size: 100% 100%
}

.coupon .coupon-dialog .coupon-style-1 .coupon-part2 {
    padding: 0.267rem 0.533rem 0.027rem;
    overflow: hidden;
    background-image: url('data:image/svg+xml;utf8,<svg width="302" height="163" preserveAspectRatio="none" xmlns="//www.w3.org/2000/svg" xmlns:xlink="//www.w3.org/1999/xlink"><defs><linearGradient x1="0%" y1="100%" y2="6.295833%" id="a"><stop stop-color="#FFAB15" offset="0%"/><stop stop-color="#FF4C3A" offset="49.410182%"/><stop stop-color="#FF012C" offset="99.291184%"/><stop stop-color="#FF002B" offset="100%"/></linearGradient><path d="M0 172V22C0 9.849735 9.849735 0 22 0h258c12.150264 0 22 9.849735 22 22v150.041074c-6.159531.508151-11 5.668262-11 11.958926s4.840469 11.450775 11 11.958926V361c0 12.150264-9.849736 22-22 22H22c-12.150265 0-22-9.849736-22-22V196c6.627417 0 12-5.372583 12-12s-5.372583-12-12-12z" id="b"/></defs><use fill="url(#a)" xlink:href="#b" transform="translate(0 -196)" fill-rule="evenodd"/></svg>');
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.coupon .coupon-dialog .coupon-style-1 .coupon-part2 .coupon-info {
    font-size: 0.347rem;
    line-height: 0.56rem
}

.coupon .coupon-dialog .coupon-style-1 .coupon-part2 .coupon-phone-wrapper {
    margin-top: 0.507rem
}

.coupon .coupon-dialog .coupon-style-1 .coupon-part2 .coupon-tips {
    margin-top: 0.64rem
}

.coupon .coupon-dialog .coupon-style-1 .coupon-part3 {
    height: 0.587rem;
    margin-top: -0.027rem;
    background-image: url('data:image/svg+xml;utf8,<svg width="302" height="24" preserveAspectRatio="none"  xmlns="//www.w3.org/2000/svg" xmlns:xlink="//www.w3.org/1999/xlink"><defs><linearGradient x1="0%" y1="100%" y2="6.295833%" id="a"><stop stop-color="#FFAB15" offset="0%"/><stop stop-color="#FF4C3A" offset="49.410182%"/><stop stop-color="#FF012C" offset="99.291184%"/><stop stop-color="#FF002B" offset="100%"/></linearGradient><path d="M0 172V22C0 9.849735 9.849735 0 22 0h258c12.150264 0 22 9.849735 22 22v150.041074c-6.159531.508151-11 5.668262-11 11.958926s4.840469 11.450775 11 11.958926V361c0 12.150264-9.849736 22-22 22H22c-12.150265 0-22-9.849736-22-22V196c6.627417 0 12-5.372583 12-12s-5.372583-12-12-12z" id="b"/></defs><use fill="url(#a)" xlink:href="#b" transform="translate(0 -359)" fill-rule="evenodd"/></svg>');
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.coupon .coupon-dialog .coupon-style-2 {
    width: 7.093rem;
    margin: 0 auto;
    padding-top: 4.133rem
}

.coupon .coupon-dialog .coupon-style-2 .caidai {
    position: absolute;
    top: -1.067rem;
    height: 6.933rem;
    width: calc(8.693rem);
    margin: -0.267rem -0.8rem;
    z-index: 10;
    background-image: url('data:image/svg+xml;utf8,<svg width="318" height="249" xmlns="//www.w3.org/2000/svg" xmlns:xlink="//www.w3.org/1999/xlink"><defs><path d="M60.2 154.7l3.7-2.2c-.8-.6-1.7-1-2.5-1.5-3.5-1.7-6.8-2-10-.6.6 0 2 1.8 2 1.8.8 0 5.8 1 6.8 2.5z" id="b"/><filter x="-8%" y="-57.8%" width="132.2%" height="177.1%" filterUnits="objectBoundingBox" id="a"><feOffset dx="2" dy="-2" in="SourceAlpha" result="shadowOffsetOuter1"/><feColorMatrix values="0 0 0 0 0.734853316 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0" in="shadowOffsetOuter1"/></filter><linearGradient x1="-18.3%" y1="68.3%" x2="111.3%" y2="27.7%" id="c"><stop stop-color="#52E4F0" offset="0%"/><stop stop-color="#322AF3" offset="100%"/></linearGradient><path d="M265.1 159.4l3.9 2v-2.9c0-3.8-1.4-6.6-4.1-8.5.5.5 4 3.2.2 9.4z" id="e"/><filter x="-23.9%" y="-8.7%" width="195.5%" height="117.5%" filterUnits="objectBoundingBox" id="d"><feOffset dx="2" in="SourceAlpha" result="shadowOffsetOuter1"/><feColorMatrix values="0 0 0 0 0.412069515 0 0 0 0 0 0 0 0 0 0 0 0 0 0.400588768 0" in="shadowOffsetOuter1"/></filter><path d="M33.1 250.4l3.9 2v-2.9c0-3.8-1.4-6.6-4.1-8.5.5.5 4 3.2.2 9.4z" id="g"/><filter x="-23.9%" y="-8.7%" width="195.5%" height="117.5%" filterUnits="objectBoundingBox" id="f"><feOffset dx="2" in="SourceAlpha" result="shadowOffsetOuter1"/><feColorMatrix values="0 0 0 0 0.412069515 0 0 0 0 0 0 0 0 0 0 0 0 0 0.400588768 0" in="shadowOffsetOuter1"/></filter><linearGradient x1="0%" y1="0%" y2="91.9%" id="h"><stop stop-color="#52E4F0" offset="0%"/><stop stop-color="#322AF3" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><g transform="rotate(165 56.8 151)"><use fill="#000" filter="url(#a)" xlink:href="#b"/><use fill="#EEEB00" xlink:href="#b"/></g><path d="M7.2 119.6l3.2 1.2a21.2 21.2 0 0 1 3 2l5.6-3.4a25.3 25.3 0 0 0-3.6-2.2 21.2 21.2 0 0 0-3.6-1.4 18.4 18.4 0 0 0-3.7-.7 17.6 17.6 0 0 0-3.8.1l-3.6 4A15.7 15.7 0 0 1 4 119c1 0 2.1.2 3.2.5z" fill="url(#c)" transform="rotate(-30 5.1 121.6)"/><path d="M24 5.5a13.8 13.8 0 0 1 5.3-.4L31.7 1a19.2 19.2 0 0 0-3.2-.1c-1 0-2 .2-3 .4a14 14 0 0 0-2.6 1c-.9.4-1.7.9-2.5 1.5l-.8 4c.6-.6 1.3-1 2-1.4a12.3 12.3 0 0 1 2.4-.8z" fill="#FCF100"/><g transform="rotate(120 266.6 154)"><use fill="#000" filter="url(#d)" xlink:href="#e"/><use fill="#00E8FF" xlink:href="#e"/></g><g transform="rotate(120 34.6 245)"><use fill="#000" filter="url(#f)" xlink:href="#g"/><use fill="#00E8FF" xlink:href="#g"/></g><path d="M301 175.7c.4 1.5.6 3 .6 4.7a29.2 29.2 0 0 1-.3 5.2l9.8 9c.3-2.1.5-4.1.4-6a28 28 0 0 0-.6-5.5 23.6 23.6 0 0 0-1.7-5 22.4 22.4 0 0 0-2.7-4.4l-9.4-6.2a20 20 0 0 1 2.4 3.8 20.8 20.8 0 0 1 1.5 4.4z" fill="url(#h)" transform="rotate(-60 301.6 181.7)"/><path d="M284.1 52a16.1 16.1 0 0 1 3-1.2 19.6 19.6 0 0 1 3.4-.6l4-8-3.8.8a18.8 18.8 0 0 0-3.5 1.4 15.8 15.8 0 0 0-3 2 15 15 0 0 0-2.3 2.5l-2.4 7.1a13.4 13.4 0 0 1 2-2.2 14 14 0 0 1 2.6-1.8z" fill="#00EAFF"/><path fill="#FF001A" d="M292 70.4h6.5l1.7-9.4z"/></g></svg>');
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.coupon .coupon-dialog .coupon-style-2 .coupon-part1 {
    position: absolute;
    height: 8.053rem;
    width: 7.093rem;
    z-index: -5;
    top: 0;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="//www.w3.org/2000/svg" width="266" height="240" preserveAspectRatio="none"><path d="M0 82.193C59.57 27.49 103.84.093 132.809 0 161.777-.093 206.174 27.304 266 82.193V210c0 16.569-13.431 30-30 30H30c-16.569 0-30-13.431-30-30V82.193z" fill="#FB0000" fill-rule="evenodd"/></svg>');
    background-size: contain;
    background-repeat: no-repeat
}

.coupon .coupon-dialog .coupon-style-2 .coupon-part2 {
    position: absolute;
    width: 6.293rem;
    padding: 0.533rem;
    padding-bottom: 1.333rem;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="//www.w3.org/2000/svg" width="236" height="263" preserveAspectRatio="none"><defs><linearGradient x1="50%" y1="0%" x2="50%" y2="98.252%" id="a"><stop stop-color="#F5AE00" offset="0%"/><stop stop-color="#CF9500" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path d="M8.277 0h219.446A6.486 6.486 0 0 0 236 8.28V263H0V8.28c.676.238 1.404.368 2.162.368A6.486 6.486 0 0 0 8.277 0z" fill="#FFF"/><path d="M18.878 9.432a6.927 6.927 0 0 1-6.712 8.655 6.95 6.95 0 0 1-1.734-.218v234.699h216.136v-234.7a6.95 6.95 0 0 1-1.734.22 6.927 6.927 0 0 1-6.712-8.656H18.878z" stroke="url(#a)" stroke-width=".865"/></g></svg>');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #f1b100
}

.coupon .coupon-dialog .coupon-style-2 .coupon-part2 .title-wrapper {
    padding-top: 0.56rem;
    padding-bottom: 0.48rem
}

.coupon .coupon-dialog .coupon-style-2 .coupon-part2 .coupon-title {
    font-size: 0.533rem;
    line-height: 0.747rem;
    margin-bottom: 0.187rem;
    overflow: hidden
}

.coupon .coupon-dialog .coupon-style-2 .coupon-part2 .coupon-count {
    line-height: 0.373rem;
    font-size: 0.267rem;
    height: 0.373rem
}

.coupon .coupon-dialog .coupon-style-2 .coupon-part2 .part-border {
    border-top: 0.027rem dashed #f1b100;
    margin: 0 -0.133rem;
    margin-bottom: 0.267rem
}

.coupon .coupon-dialog .coupon-style-2 .coupon-part2 .coupon-info {
    line-height: 0.56rem;
    font-size: 0.293rem
}

.coupon .coupon-dialog .coupon-style-2 .coupon-part3 {
    position: relative;
    z-index: 5;
    font-size: 0.267rem
}

.coupon .coupon-dialog .coupon-style-2 .coupon-part3 .bg {
    position: absolute;
    width: 7.093rem;
    top: -1.6rem
}

.coupon .coupon-dialog .coupon-style-2 .coupon-part3 .curve-wrapper {
    height: 2rem;
    width: 100%;
    background-image: url('data:image/svg+xml;utf8,<svg width="266" height="59" preserveAspectRatio="none" xmlns="//www.w3.org/2000/svg"><g fill="none"><path d="M0 0c34.1 24.1 78.4 36.2 133 36.3 54.6.1 98.9-12 133-36.3v123a30 30 0 0 1-30 30H30a30 30 0 0 1-30-30V0z" fill-opacity=".2" fill="#000"/><path d="M0 0c34.1 29.4 78.4 44.2 133 44.3 54.6.1 98.9-14.7 133-44.3v191a30 30 0 0 1-30 30H30a30 30 0 0 1-30-30V0z" fill="#FF000D"/></g></svg>');
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.coupon .coupon-dialog .coupon-style-2 .coupon-part3 .coupon-merchan-icon {
    padding-top: 0.613rem;
    width: 1.387rem;
    margin: 0 auto
}

.coupon .coupon-dialog .coupon-style-2 .coupon-part3 .coupon-cover-content {
    position: relative;
    top: 0;
    padding: 0.16rem 0.72rem 0;
    width: 100%;
    background: #FF000D;
    overflow: hidden
}

.coupon .coupon-dialog .coupon-style-2 .coupon-part3 .coupon-merchan-name {
    font-size: 0.427rem;
    padding: 0.213rem 0 0.507rem
}

.coupon .coupon-dialog .coupon-style-2 .coupon-part3 .radius-part {
    height: 0.667rem;
    width: 100%;
    display: block;
    background-image: url('data:image/svg+xml;utf8,<svg width="266" height="31" preserveAspectRatio="none"  xmlns="//www.w3.org/2000/svg"><path d="M0-190c34.11198 29.431251 78.445313 44.197656 133 44.299215 54.554688.101559 98.888021-14.664846 133-44.299215V1c0 16.568542-13.431458 30-30 30H30C13.431458 31 0 17.568542 0 1v-191z" fill="#FF000D" fill-rule="evenodd"/></svg>');
    background-size: 100% 100%
}

.coupon .coupon-dialog .coupon-merchan-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.coupon .coupon-dialog .coupon-merchan-icon img {
    width: 1.387rem;
    height: 1.387rem;
    border-radius: 50%;
    border: 0.027rem solid #fff
}

.coupon .coupon-dialog .coupon-merchan-name {
    color: #fff
}

.coupon .coupon-dialog .coupon-merchan-name,.coupon .coupon-dialog .coupon-title {
    text-align: center
}

.coupon .coupon-dialog .coupon-phone-wrapper input[type="text"] {
    display: block;
    width: 100%;
    height: 1.227rem;
    padding: 0.16rem 0.32rem;
    font-size: 0.373rem;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: none;
    border-radius: 0.16rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0 0.027rem 0.027rem rgba(0,0,0,0.075);
    box-shadow: inset 0 0.027rem 0.027rem rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s
}

.coupon .coupon-dialog .coupon-phone-wrapper .phone-number-tips {
    color: #fff;
    font-size: 0;
    padding: 0.053rem 0 0.267rem 0
}

.coupon .coupon-dialog .coupon-phone-wrapper .phone-number-tips .text {
    font-size: 0.32rem;
    line-height: 0.693rem;
    vertical-align: top
}

.coupon .coupon-dialog .agreement-wrapper {
    padding-bottom: 0.427rem
}

.coupon .coupon-dialog .agreement-wrapper .agreement {
    line-height: 0.453rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 0.347rem
}

.coupon .coupon-dialog .agreement-wrapper .agreement.style2 {
    color: #fff
}

.coupon .coupon-dialog .agreement-wrapper .agreement .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.coupon .coupon-dialog .agreement-wrapper .agreement label {
    margin: 0;
    height: 0.373rem;
    width: 0.373rem;
    margin-right: 0.213rem;
    margin-top: 0.053rem
}

.coupon .coupon-dialog .agreement-wrapper .agreement input {
    height: 0.373rem;
    width: 0.373rem;
    margin-right: 0.213rem
}

.coupon .coupon-dialog .agreement-wrapper .agreement a {
    margin: 0.027rem 0.053rem 0 0.053rem;
    color: #3E7FD2
}

.coupon .coupon-dialog .agreement-wrapper .agreement.style1 a {
    margin: 0.027rem 0.053rem 0 0.053rem
}

.coupon .coupon-dialog .agreement-wrapper .agreement.style2 a {
    margin: 0.027rem 0.053rem 0 0.053rem
}

.coupon .coupon-dialog .coupon-tips {
    font-size: 0.56rem;
    color: #fff;
    text-align: center;
    margin-bottom: 0.747rem
}

.coupon .coupon-dialog .coupon-submit-btn,.coupon .coupon-dialog .coupon-use-btn,.coupon .coupon-dialog .coupon-share-btn {
    background: #ffe800;
    height: 1.173rem;
    line-height: 1.173rem;
    text-align: center;
    border-radius: 0.16rem;
    font-size: 0.533rem;
    color: #666
}

.coupon .coupon-dialog .coupon-submit-btn:active,.coupon .coupon-dialog .coupon-use-btn:active,.coupon .coupon-dialog .coupon-share-btn:active {
    background: #ebd20a
}

.coupon .coupon-dialog .coupon-use-btn {
    background: transparent;
    color: #ffe800;
    border: 0.027rem solid #ffe800
}

.coupon .coupon-dialog .coupon-share-btn {
    margin-top: 0.32rem
}

.coupon .agree-info-alert {
    position: fixed;
    z-index: 200;
    height: 3.2rem;
    background: rgba(0,0,0,0.75);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 4.8rem;
    text-align: center;
    border-radius: 0.107rem;
    color: white
}

.coupon .agree-info-alert .icon-close {
    width: 0.8rem;
    height: 0.8rem
}

.coupon .agree-info-alert .agree-info {
    padding: 0.267rem 0.533rem
}

.coupon .agree-info-alert.fade-out {
    opacity: 0;
    -webkit-transition: all 600ms ease-in;
    transition: all 600ms ease-in
}

.coupon .coupon-display-band {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 2.667rem;
    margin: 0.16rem 0.213rem;
    border-radius: 0.08rem;
    background: #FFFFFF;
    border: 0.027rem solid #E8E8E8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.coupon .coupon-display-band .coupon-content {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8;
    padding: 0.533rem 0.347rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.coupon .coupon-display-band .coupon-content .icon-wrap {
    background: #F2F2F2;
    width: 1.467rem;
    font-size: 0.453rem;
    color: #D2D2D2;
    line-height: 1.333rem;
    height: 1.467rem;
    text-align: center
}

.coupon .coupon-display-band .coupon-content .info-wrap {
    margin-left: 0.213rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.coupon .coupon-display-band .coupon-content .info-wrap .info-title {
    font-size: 0.427rem;
    color: #222222;
    line-height: 0.64rem;
    margin-bottom: 0.213rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 4.667rem;
    overflow: hidden
}

.coupon .coupon-display-band .coupon-content .info-wrap .info-valid-date {
    font-size: 0.32rem;
    color: #999999
}

.coupon .coupon-display-band .coupon-action {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    width: 2.4rem;
    background: #F85959;
    font-size: 0.427rem;
    color: #FFF3BC;
    height: 100%;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.coupon .coupon-display-band .coupon-action .dots {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.coupon .coupon-display-band .coupon-action .dot {
    width: 0.08rem;
    height: 0.08rem;
    margin-top: 0.053rem;
    border-radius: 100%;
    background: #F85959
}

.captcha-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    z-index: 15;
    background: rgba(0,0,0,0.6)
}

.captcha-wrapper .captcha-dialog {
    width: 8.053rem;
    position: fixed;
    -webkit-transform: translate(-50%, 20%);
    transform: translate(-50%, 20%);
    left: 50%;
    text-align: center;
    border-radius: 0.107rem;
    z-index: 50
}

.captcha-wrapper .captcha-dialog .dialog-area {
    padding: 0 0.4rem 0.667rem 0.4rem;
    background: #fff !important;
    border-radius: 0.16rem
}

.captcha-wrapper .captcha-dialog .title {
    font-size: 0.48rem;
    text-align: center;
    background: #f5f5f5;
    border-radius: 0.107rem 0.107rem 0 0;
    height: 1.093rem;
    margin: 0 -0.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.captcha-wrapper .captcha-dialog .title .close {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    width: 0.8rem;
    height: 1.067rem;
    padding: 0.267rem 0
}

.captcha-wrapper .captcha-dialog .title .backbtn {
    height: 1.067rem;
    width: 1.333rem
}

.captcha-wrapper .captcha-dialog .title .backbtn i {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 40% 50%;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="//www.w3.org/2000/svg" width="9" height="14"><path d="M2.1 5.4l5-5.07a1.09 1.09 0 0 1 1.56 0c.43.44.43 1.15 0 1.6L3.87 6.78a.3.3 0 0 0 0 .42l4.77 4.87c.43.44.43 1.15 0 1.6a1.1 1.1 0 0 1-1.57-.01L2.1 8.59l-.87-.89a1 1 0 0 1 0-1.4l.87-.9z" fill="#666" fill-rule="evenodd"/></svg>');
    background-size: 19%
}

.captcha-wrapper .captcha-dialog input {
    border: 0.027rem solid #d7d7d7;
    border-radius: 0.16rem;
    outline: none;
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0;
    height: 1.173rem;
    margin-top: 0;
    font-size: 0.373rem;
    padding: 0.133rem 0.267rem
}

.captcha-wrapper .captcha-dialog .sms-info,.captcha-wrapper .captcha-dialog .warning-info {
    color: #222;
    line-height: 0.56rem;
    text-align: center;
    margin: 0.32rem 0 0.64rem;
    font-size: 0.373rem
}

.captcha-wrapper .captcha-dialog .dialog-pic-wrapper,.captcha-wrapper .captcha-dialog .dialog-sms-wrapper {
    margin: 0.427rem 0
}

.captcha-wrapper .captcha-dialog .dialog-pic-wrapper .input-area,.captcha-wrapper .captcha-dialog .dialog-sms-wrapper .input-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.captcha-wrapper .captcha-dialog .dialog-pic-wrapper .sms-check-info,.captcha-wrapper .captcha-dialog .dialog-sms-wrapper .sms-check-info,.captcha-wrapper .captcha-dialog .dialog-pic-wrapper .pic-check-info,.captcha-wrapper .captcha-dialog .dialog-sms-wrapper .pic-check-info {
    font-size: 0.32rem;
    color: #ff2833;
    text-align: left;
    margin-top: 0.213rem
}

.captcha-wrapper .captcha-dialog .dialog-pic-wrapper img,.captcha-wrapper .captcha-dialog .dialog-sms-wrapper img {
    min-width: 2.133rem;
    height: 1.173rem;
    border: 0.027rem solid #d7d7d7;
    border-radius: 0.16rem
}

.captcha-wrapper .captcha-dialog .dialog-pic-wrapper .nor-btn,.captcha-wrapper .captcha-dialog .dialog-sms-wrapper .nor-btn {
    height: 1.173rem;
    padding: 0 0.267rem;
    min-width: 2.667rem
}

.captcha-wrapper .captcha-dialog .dialog-pic-wrapper input.pic-captcha,.captcha-wrapper .captcha-dialog .dialog-sms-wrapper input.pic-captcha {
    width: 2.667rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    border-radius: 0.16rem 0 0 0.16rem
}

.captcha-wrapper .captcha-dialog .dialog-pic-wrapper .refresh-pic-btn,.captcha-wrapper .captcha-dialog .dialog-sms-wrapper .refresh-pic-btn {
    width: 16%;
    min-width: 1.333rem;
    font-size: 0.533rem;
    font-weight: bold;
    color: #999;
    background-color: #f5f5f5;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0;
    border-radius: 0 0.16rem 0.16rem 0;
    border: 0.027rem solid #d7d7d7;
    margin-right: 0.427rem;
    border-left: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.captcha-wrapper .captcha-dialog .dialog-pic-wrapper .refresh-pic-btn:active,.captcha-wrapper .captcha-dialog .dialog-sms-wrapper .refresh-pic-btn:active {
    opacity: .5
}

.captcha-wrapper .captcha-dialog .dialog-pic-wrapper .refresh-pic-btn i,.captcha-wrapper .captcha-dialog .dialog-sms-wrapper .refresh-pic-btn i {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="//www.w3.org/2000/svg" width="18" height="20"><path d="M12.55 12.2a5.93 5.93 0 0 1-3.9.99l-.18-.03a5 5 0 0 1-.37-.05l-.22-.05a5.54 5.54 0 0 1-.36-.09l-.16-.06a4.6 4.6 0 0 1-.4-.13l-.08-.04-.45-.2-.01-.02a5.81 5.81 0 0 1-1.33-.96l-.02-.02a4.8 4.8 0 0 1-.35-.37l-.07-.09a5.5 5.5 0 0 1-1.27-3.51H4.9L2.46 4 0 7.57h1.53c0 1.56.5 3 1.36 4.2l.03.06.28.35.1.13.45.47.04.04c.52.5 1.1.92 1.73 1.26l.05.02c.18.1.37.19.56.27l.14.05a7.67 7.67 0 0 0 1.18.37l.3.07.12.02.43.06.15.02c.26.02.52.04.77.04 1.56 0 3.08-.46 4.39-1.35a.87.87 0 0 0 .22-1.24.93.93 0 0 0-1.28-.22zm3.91-4.77c0-1.56-.5-3-1.35-4.2l-.03-.06a9.14 9.14 0 0 0-.37-.47A7.66 7.66 0 0 0 11.84.6l-.1-.03a9.4 9.4 0 0 0-.53-.2L11 .32a7.88 7.88 0 0 0-.48-.12l-.27-.06c-.05 0-.09-.02-.14-.03L9.76.07C9.68.06 9.6.04 9.51.04L8.91 0h-.15C7.22 0 5.7.46 4.4 1.34a.87.87 0 0 0-.22 1.25c.29.4.86.5 1.28.21a5.91 5.91 0 0 1 3.9-.99l.15.02.42.06.17.04a5.66 5.66 0 0 1 .96.3l.04.01c.86.36 1.61.91 2.2 1.6l.01.01a5.52 5.52 0 0 1 1.32 3.58H13.1L15.55 11 18 7.43h-1.54z" fill="#666" fill-rule="evenodd"/></svg>');
    display: block;
    background-repeat: no-repeat;
    background-size: 90% 100%;
    background-position: 0 0.027rem;
    width: 0.48rem;
    height: 0.48rem
}

.captcha-wrapper .captcha-dialog .dialog-pic-wrapper input.sms-captcha,.captcha-wrapper .captcha-dialog .dialog-sms-wrapper input.sms-captcha {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 2.88rem;
    border-radius: 0.16rem 0 0 0.16rem
}

.captcha-wrapper .captcha-dialog .dialog-pic-wrapper .send-sms-btn,.captcha-wrapper .captcha-dialog .dialog-sms-wrapper .send-sms-btn {
    color: #d7d7d7;
    border-radius: 0 0.16rem 0.16rem 0;
    background-color: #f5f5f5;
    border: 0.027rem solid #d7d7d7;
    border-left: none;
    background: #ffe800;
    font-size: 0.373rem;
    color: #444;
    width: 3.84rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.captcha-wrapper .captcha-dialog .dialog-pic-wrapper .send-sms-btn.disabled,.captcha-wrapper .captcha-dialog .dialog-sms-wrapper .send-sms-btn.disabled {
    color: #9b9b9b
}

.captcha-wrapper .captcha-dialog .dialog-pic-wrapper .send-sms-btn:active,.captcha-wrapper .captcha-dialog .dialog-sms-wrapper .send-sms-btn:active {
    opacity: .5
}

.captcha-wrapper .captcha-dialog .nor-btn {
    display: block;
    cursor: pointer;
    height: 1.173rem;
    line-height: 1.173rem;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    border: none
}

.captcha-wrapper .captcha-dialog .dialog-submit-btn {
    margin-top: 1.333rem;
    border-radius: 0.053rem;
    display: block;
    cursor: pointer;
    color: #444444;
    height: 1.173rem;
    line-height: 1.173rem;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 0.533rem;
    padding: 0;
    border: none;
    border-radius: 0.16rem;
    -webkit-user-select: none;
    background: #ffe800;
    border: 0.027rem solid #e0bc00;
    margin-top: 0.427rem
}

.captcha-wrapper .captcha-dialog .dialog-submit-btn:active {
    outline: none;
    outline: 0 !important;
    opacity: .5
}

.captcha-wrapper .close-area {
    padding: 0.373rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.captcha-wrapper .close-area .close-btn {
    background-image: url('data:image/svg+xml;utf8,<svg width="36" height="36" xmlns="//www.w3.org/2000/svg"><path d="M34.55 10.97a17.9 17.9 0 0 0-9.57-9.56 17.89 17.89 0 0 0-7-1.41A17.9 17.9 0 0 0 5.27 5.26 17.9 17.9 0 0 0 1.4 24.95a17.9 17.9 0 0 0 9.57 9.56 18 18 0 0 0 7 1.4 17.9 17.9 0 0 0 12.72-5.25 17.9 17.9 0 0 0 3.85-19.7zM17.98 35.02A17.1 17.1 0 0 1 .9 17.96a17.1 17.1 0 0 1 34.18 0 17.1 17.1 0 0 1-17.09 17.06zm5.6-24.6l-5.76 5.77-5.77-5.75a1.28 1.28 0 1 0-1.8 1.8L16 18l-5.76 5.77a1.28 1.28 0 1 0 1.81 1.8l5.77-5.76 5.77 5.75a1.28 1.28 0 0 0 1.8-1.8L19.63 18l5.76-5.77a1.28 1.28 0 1 0-1.8-1.8z" fill="#FFF" fill-rule="evenodd" fill-opacity=".85"/></svg>');
    background-size: contain;
    width: 0.96rem;
    height: 0.96rem
}

.dialback-btn.none-height {
    height: 0;
    float: right
}

.dialback-btn .dialback-mask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6)
}

.dialback-btn::after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    clear: both
}

.dialback-btn .form-control {
    display: block;
    padding: 0.24rem 0.427rem;
    font-size: 0.373rem;
    line-height: 1.42857143;
    color: #222222;
    background-color: #ffffff;
    background-image: none;
    border: 0.027rem solid #e8e8e8;
    border-radius: 0.107rem;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s
}

.dialback-btn .success-tip {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 7.253rem;
    height: 1.12rem;
    opacity: .66;
    background: #000000;
    border-radius: 0.16rem;
    font-family: PingFangSC-Regular;
    font-size: 0.48rem;
    color: #FFFFFF;
    text-align: center;
    line-height: 1.12rem
}

.dialback-btn .dialback-fix-bottom {
    width: 100%;
    height: 1.547rem;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 0 0.64rem;
    color: #fff;
    font-family: PingFangSC-Regular;
    font-size: 0.373rem
}

.dialback-btn .dialback-fix-bottom .text-input input {
    width: 6.053rem;
    height: 1.013rem
}

.dialback-btn .dialback-fix-bottom .dialback-button {
    width: 2.24rem;
    height: 1.013rem;
    line-height: 1.013rem;
    font-size: 0.427rem;
    text-align: center;
    color: #fff;
    background: #FF5C5F;
    border-radius: 0.107rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    position: relative
}

.dialback-btn .dialback-normal {
    width: 2rem;
    position: relative;
    float: right;
    font-size: 0.933rem;
    line-height: 0.933rem;
    color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.dialback-btn .dialback-normal .brick-i-consult-icon {
    width: 1.547rem;
    height: 1.547rem;
    border-radius: 50%;
    background: #FF3434;
    line-height: 1.547rem;
    text-align: center
}

.dialback-btn .dialback-normal .suspend-text {
    font-family: "PingFangSC-Medium";
    font-size: 0.427rem;
    color: #FA5D60
}

.dialback-btn .dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999;
    width: 8.533rem;
    height: 5.28rem;
    background: #FFFFFF;
    border-radius: 0.08rem
}

.dialback-btn .dialog .header {
    height: 1.28rem;
    line-height: 1.28rem;
    background: #F9F9F9;
    font-family: PingFangSC-Regular;
    font-size: 0.48rem;
    border-radius: 0.08rem;
    color: #333333;
    padding: 0 0.427rem
}

.dialback-btn .dialog .body {
    background: #fff;
    height: 2.667rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dialback-btn .dialog .body input {
    width: 7.253rem;
    height: 1.12rem;
    background: #ECECEC;
    border-radius: 0.053rem;
    border: none;
    font-size: 0.427rem;
    padding: 0.267rem 0.32rem
}

.dialback-btn .dialog .footer {
    background: #fff;
    height: 1.333rem;
    position: static;
    width: 100%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 0.4rem;
    border-radius: 0.08rem
}

.dialback-btn .dialog .footer button {
    border: none;
    width: 3.093rem;
    height: 1.12rem;
    letter-spacing: 0.133rem;
    line-height: 0.32rem;
    font-size: 0.453rem;
    border-radius: 0.053rem;
    margin: 0 0.533rem
}

.dialback-btn .dialog .footer button.btn-cancel {
    border: 0.027rem solid #E8E8E8;
    color: #666666
}

.dialback-btn .dialog .footer button.btn-submit {
    background: #F45858;
    color: #fff
}

.downloadbutton a,a.downloadbutton {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    text-decoration: none;
    outline: none;
    color: #406599;
    -webkit-tap-highlight-color: rgba(128,128,128,0.5)
}

.downloadbutton a:hover,a.downloadbutton:hover {
    outline: none;
    text-decoration: none;
    cursor: pointer
}

.downloadbutton a:-webkit-any-link,a.downloadbutton:-webkit-any-link {
    text-decoration: none;
    cursor: auto
}

.downloadbutton a,a.downloadbutton,.downloadbutton a:focus,a.downloadbutton:focus,.downloadbutton a:outline,a.downloadbutton:outline {
    border: none;
    outline: none
}

.downloadbutton div,div.downloadbutton {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none
}

.downloadbutton span,span.downloadbutton {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    display: inline-block
}

.downloadbutton.layer-style {
    height: 100%
}

.downloadbutton.layer-style .nor-downloadbtn {
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.downloadbutton .nor-downloadbtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    cursor: pointer;
    color: #fff;
    height: 1.173rem;
    text-align: center;
    border-radius: 0.107rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 0.48rem;
    overflow: hidden;
    position: relative
}

.downloadbutton a.nor-downloadbtn:hover,.downloadbutton a.nor-downloadbtn:active,.downloadbutton a.nor-downloadbtn:focus {
    color: #fff
}

.downloadbutton a.tel-btn:hover,.downloadbutton a.tel-btn:focus {
    text-decoration: none;
    color: #fff;
    outline: none
}

.downloadbutton svg:not(:root) {
    overflow: visible
}

.downloadbutton .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.427rem
}

.downloadbutton .nor-btn-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-bottom: 50%
}

.downloadbutton a .text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.piece-dynamic-label {
    width: 100%;
    min-height: 0.8rem
}

.piece-dynamic-label .dynamiclabel {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.piece-dynamic-label .dynamiclabel .dynamic-label {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: inline-block;
    height: 0.667rem;
    line-height: 0.667rem;
    margin: 0.08rem 0 0.08rem 0.32rem;
    font-size: 0.373rem;
    max-width: calc(70%)
}

.piece-dynamic-label .dynamiclabel .dynamic-label .dynamic-text {
    position: relative;
    z-index: 10;
    padding-left: 0.213rem;
    padding-right: 0.213rem;
    display: inline-block;
    width: 100%
}

.piece-dynamic-label .dynamiclabel .dynamic-label .brick-i-dynamic {
    vertical-align: middle
}

.piece-dynamic-label .dynamiclabel .dynamic-left-svg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    height: 0.667rem;
    overflow: hidden
}

.piece-dynamic-label .dynamiclabel .dynamic-left-svg svg {
    position: absolute;
    top: 0;
    left: 0
}

.piece-dynamic-label .dynamiclabel .dynamic-right-svg {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    height: 0.667rem;
    overflow: hidden
}

.piece-dynamic-label .dynamiclabel .dynamic-right-svg svg {
    position: absolute;
    top: 0;
    right: 0
}

.piece-dynamic-label .dynamiclabel .dynamic-text-bg {
    position: absolute;
    top: 0;
    z-index: 0.24rem;
    height: 0.667rem;
    overflow: hidden
}

.piece-dynamic-label .dynamiclabel .dynamic-label.style1,.piece-dynamic-label .dynamiclabel .dynamic-label.style2,.piece-dynamic-label .dynamiclabel .dynamic-label.style3,.piece-dynamic-label .dynamiclabel .dynamic-label.style4 {
    padding-left: 0.347rem
}

.piece-dynamic-label .dynamiclabel .dynamic-label.style1 .dynamic-left-svg,.piece-dynamic-label .dynamiclabel .dynamic-label.style2 .dynamic-left-svg,.piece-dynamic-label .dynamiclabel .dynamic-label.style3 .dynamic-left-svg,.piece-dynamic-label .dynamiclabel .dynamic-label.style4 .dynamic-left-svg {
    width: 0.347rem
}

.piece-dynamic-label .dynamiclabel .dynamic-label.style1 .dynamic-text-bg,.piece-dynamic-label .dynamiclabel .dynamic-label.style2 .dynamic-text-bg,.piece-dynamic-label .dynamiclabel .dynamic-label.style3 .dynamic-text-bg,.piece-dynamic-label .dynamiclabel .dynamic-label.style4 .dynamic-text-bg {
    left: 0.347rem;
    right: 0
}

.piece-dynamic-label .dynamiclabel .dynamic-label.style1 .dynamic-text-bg svg,.piece-dynamic-label .dynamiclabel .dynamic-label.style2 .dynamic-text-bg svg,.piece-dynamic-label .dynamiclabel .dynamic-label.style3 .dynamic-text-bg svg,.piece-dynamic-label .dynamiclabel .dynamic-label.style4 .dynamic-text-bg svg {
    position: absolute;
    top: 0;
    right: 0
}

.piece-dynamic-label .dynamiclabel .dynamic-label.style2 {
    padding-left: 0.373rem
}

.piece-dynamic-label .dynamiclabel .dynamic-label.style2 .dynamic-left-svg {
    width: 0.373rem
}

.piece-dynamic-label .dynamiclabel .dynamic-label.style2 .dynamic-text-bg {
    left: 0.373rem
}

.piece-dynamic-label .dynamiclabel .dynamic-label.style5 {
    padding-right: 0.347rem
}

.piece-dynamic-label .dynamiclabel .dynamic-label.style5 .dynamic-right-svg {
    width: 0.267rem
}

.piece-dynamic-label .dynamiclabel .dynamic-label.style5 .dynamic-text-bg {
    left: 0;
    right: 0.267rem
}

.piece-dynamic-label .dynamiclabel .dynamic-label.style5 .dynamic-text-bg svg {
    position: absolute;
    top: 0;
    left: 0
}

.piece-dynamic-label .dynamiclabel .dynamic-label.style6 {
    padding-right: 0.347rem
}

.piece-dynamic-label .dynamiclabel .dynamic-label.style6 .dynamic-right-svg {
    width: 0.293rem
}

.piece-dynamic-label .dynamiclabel .dynamic-label.style6 .dynamic-text-bg {
    left: 0;
    right: 0.293rem
}

.piece-dynamic-label .dynamiclabel .dynamic-label.style6 .dynamic-text-bg svg {
    position: absolute;
    top: 0;
    left: 0
}

.piece-dynamic-label .dynamiclabel .dynamic-label.style7 {
    padding-left: 0.32rem;
    padding-right: 0.32rem
}

.piece-dynamic-label .dynamiclabel .dynamic-label.style7 .dynamic-text {
    padding-left: 0.08rem;
    padding-right: 0.08rem
}

.piece-dynamic-label .dynamiclabel .dynamic-label.style7 .dynamic-left-svg,.piece-dynamic-label .dynamiclabel .dynamic-label.style7 .dynamic-right-svg {
    width: 0.32rem
}

.piece-dynamic-label .dynamiclabel .dynamic-label.style7 .dynamic-text-bg {
    left: 0.32rem;
    right: 0.32rem
}

.piece-dynamic-label .dynamiclabel .dynamic-label.style7 .dynamic-text-bg svg {
    position: absolute;
    top: 0;
    left: 0
}

.piece-dynamic-label .dynamiclabel .dynamic-label.style8 .dynamic-text {
    padding: 0 0.267rem;
    border-radius: 0.667rem
}

.piece-dynamic-label .dynamiclabel .dynamic-label.style9 .dynamic-text {
    padding: 0 0.4rem;
    border-radius: 0.667rem;
    line-height: 0.667rem;
    max-width: calc(70%);
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.piece-dynamic-label .dynamiclabel .dynamic-label.style10 .dynamic-text {
    border: 0.027rem solid transparent;
    padding: 0 0.373rem;
    border-radius: 0.667rem;
    height: 0.64rem;
    line-height: 0.64rem;
    max-width: calc(70%);
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.piece-dynamic-label .dynamiclabel .text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.form-piece div,div.form-piece {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none
}

.form-piece span,span.form-piece {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    display: inline-block
}

.form-piece input,input.form-piece {
    box-sizing: border-box;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    line-height: 1.4em;
    font-family: Arial,Helvetica,'Hiragino Sans GB','Microsoft YaHei',sans-serif !important;
    vertical-align: middle;
    outline: none;
    margin: 0;
    outline: 0;
    font-size: 0.373rem;
    -webkit-appearance: none
}

.form-piece input[disabled="disabled"],input.form-piece[disabled="disabled"] {
    background-color: #f4f5f6;
    cursor: default
}

.form-piece input[type="checkbox"] {
    -webkit-appearance: checkbox
}

.form-piece input[type="search"]::-webkit-search-cancel-button {
    display: none
}

.form-piece input[type="radio"] {
    -webkit-appearance: radio
}

.form-piece form,form.form-piece {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none
}

.form-piece img,img.form-piece {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    vertical-align: middle;
    outline: none
}

.form-piece a img {
    border: none;
    outline: none
}

.form-piece ul {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none
}

.form-piece li {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    vertical-align: middle;
    outline: none;
    list-style: none
}

.form-piece h1,.form-piece h2,.form-piece h3,.form-piece h4,.form-piece h5,.form-piece h6 {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none
}

.form-piece button,button.form-piece {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    font-size: 0.373rem;
    line-height: 1.4em;
    font-family: Arial,Helvetica,'Hiragino Sans GB','Microsoft YaHei',sans-serif !important;
    outline: none
}

.form-piece .form-piece-with-caculator {
    display: block;
    margin: 0.267rem;
    border: 0.027rem solid rgba(0,0,0,0.075);
    border-bottom-color: rgba(0,0,0,0.125);
    -webkit-box-shadow: 0 0.027rem 0.053rem rgba(0,0,0,0.05),0 0.133rem 0.267rem rgba(0,0,0,0.05);
    box-shadow: 0 0.027rem 0.053rem rgba(0,0,0,0.05),0 0.133rem 0.267rem rgba(0,0,0,0.05);
    border-radius: 0.533rem
}

div.form-piece {
    border: 0.027rem solid transparent
}

.form-piece .input-group-i,.form-piece .select-group,.form-piece .selectMulti-group,.form-piece .textarea-group,.form-piece .city-group,.form-piece .date-group,.form-piece .gender-group,.form-piece .checkbox-group,.form-piece .radio-group {
    padding: 0.133rem 0.48rem;
    position: relative;
    border-collapse: separate
}

.form-piece .select-addon,.form-piece .city-addon,.form-piece .date-addon,.form-piece .gender-addon,.form-piece .textarea-addon,.form-piece .checkbox-addon,.form-piece .radio-addon,.form-piece .input-group-i .input-group-addon-i {
    font-size: 0.32rem;
    text-align: center;
    line-height: 1;
    margin-bottom: 0.267rem;
    color: #808080;
    display: inline-block
}

.form-piece .warn-star:after {
    content: ' *';
    color: #f85959
}

.form-piece .nor-btn,.form-piece .btn-i {
    display: block;
    cursor: pointer;
    color: #fff;
    height: 1.12rem;
    line-height: 1.12rem;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 0.48rem;
    padding: 0;
    border: none;
    border-radius: 0.107rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 auto
}

.form-piece .nor-btn:active,.form-piece .btn-i:active {
    opacity: .7
}

.form-piece .btn-i {
    width: 100%
}

.form-piece .form-control {
    height: 1.067rem
}

.form-piece .input-style {
    height: 1.067rem;
    width: 100%;
    color: #555;
    font-size: 0.373rem;
    border: 0.027rem solid #ccc;
    border-radius: 0.107rem;
    background-color: #fff;
    padding: 0.16rem 0.32rem;
    display: block;
    -webkit-box-shadow: inset 0 0.027rem 0.027rem rgba(0,0,0,0.075);
    box-shadow: inset 0 0.027rem 0.027rem rgba(0,0,0,0.075)
}

.form-piece .input-group-i .style2-placeholder {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0.4rem 0.8rem;
    pointer-events: none;
    color: #999
}

.form-piece .input-group-i .form-control-error {
    margin-top: .5em;
    color: #c7254e
}

.form-piece .input-group-i .sms-validate {
    margin: 0.267rem 0
}

.form-piece .input-group-i .sms-validate .input-style {
    float: left;
    width: 60%
}

.form-piece .input-group-i .sms-validate .btn-wrapper {
    float: left;
    width: 40%;
    padding-left: 0.267rem
}

.form-piece .input-group-i .sms-validate .send-sms {
    font-size: 0.373rem;
    line-height: 1.067rem;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 1.067rem;
    margin: 0 auto;
    padding: 0 0.373rem;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: none;
    border-radius: 0.107rem;
    opacity: .7
}

.form-piece .input-group-i .sms-validate .send-sms.disabled {
    background-color: #9B9B9B
}

.form-piece .input-group-i .form-autocomplete-list {
    position: absolute;
    z-index: 1;
    background-color: #fff;
    left: 1em;
    right: 1em;
    margin-top: -0.053rem;
    padding: 0 1em;
    max-height: 3.52rem;
    overflow-x: hidden;
    overflow-y: auto;
    border: 0.027rem solid #ddd;
    -webkit-box-shadow: 0 0 0.107rem 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 0.107rem 0 rgba(0,0,0,0.2);
    -webkit-overflow-scrolling: touch;
    font-size: 0.373rem
}

.form-piece .input-group-i .form-autocomplete-item {
    height: 1.067rem;
    line-height: 1.067rem;
    padding: 0 .5em;
    position: relative
}

.form-piece .input-group-i .form-autocomplete-item:active {
    background-color: #f5f5f5
}

.form-piece .input-group-i .form-autocomplete-item~.form-autocomplete-item:before {
    content: '';
    display: block;
    position: absolute;
    border-top: 0.027rem solid #ddd;
    width: 200%;
    height: 200%;
    top: 0;
    left: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.form-piece .textarea-group textarea {
    display: block;
    position: relative;
    margin-bottom: 0;
    width: 100%;
    padding: 0.16rem 0.32rem;
    font-size: 0.373rem;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 0.027rem solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.107rem;
    -webkit-box-shadow: inset 0 .026667rem .026667rem rgba(0,0,0,0.075);
    box-shadow: inset 0 .026667rem .026667rem rgba(0,0,0,0.075)
}

.form-piece .textarea-group .style2-placeholder {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0.4rem 0.8rem;
    pointer-events: none;
    color: #999
}

.form-piece .selectMulti-group .select-checkbox select {
    display: none
}

.form-piece .selectMulti-group .select-checkbox .cbx-item {
    margin: 0.267rem 0.533rem 0 0;
    display: inline-block;
    font-weight: normal
}

.form-piece .selectMulti-group .select-checkbox .cbx-item input {
    margin: 0.053rem 0.133rem 0 0;
    width: 0.48rem;
    height: 0.48rem
}

.form-piece .selectMulti-group .selectMulti-wrapper .select-wrapper:not(:first-child) {
    margin-top: 0.267rem
}

.form-piece .selectMulti-group .multi-select {
    display: none
}

.form-piece .date-group .form-date {
    -webkit-appearance: none;
    line-height: 0.587rem
}

.form-piece .city-group {
    overflow: auto
}

.form-piece .city-group .pro-list,.form-piece .city-group .city-list {
    width: 80%;
    margin-left: 0.267rem;
    display: inline-block;
    vertical-align: middle
}

.form-piece .city-group .city-group-province {
    padding-right: 0.133rem;
    padding-right: 0
}

.form-piece .city-group .city-group-city {
    padding-left: 0.133rem;
    padding-right: 0
}

.form-piece .city-group .city-control {
    display: block;
    height: 1.067rem;
    padding: 0.16rem 0.32rem;
    font-size: 0.373rem;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 0.027rem solid #ccc;
    border-radius: 0.107rem;
    -webkit-box-shadow: inset 0 0.027rem 0.027rem rgba(0,0,0,0.075);
    box-shadow: inset 0 0.027rem 0.027rem rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s
}

.form-piece .checkbox-group .radio-box [type="radio"],.form-piece .checkbox-group .checkbox-box [type="checkbox"],.form-piece .radio-group .radio-box [type="radio"],.form-piece .radio-group .checkbox-box [type="checkbox"],.form-piece .gender-group .radio-box [type="radio"],.form-piece .gender-group .checkbox-box [type="checkbox"] {
    margin-right: 0.133rem;
    vertical-align: middle
}

.form-piece .checkbox-group .radio-box label span,.form-piece .checkbox-group .checkbox-box label span,.form-piece .radio-group .radio-box label span,.form-piece .radio-group .checkbox-box label span,.form-piece .gender-group .radio-box label span,.form-piece .gender-group .checkbox-box label span {
    font-weight: normal;
    line-height: 1.5;
    max-width: 8rem;
    vertical-align: middle
}

.form-piece .checkbox-group .radio-box label,.form-piece .checkbox-group .checkbox-box label,.form-piece .radio-group .radio-box label,.form-piece .radio-group .checkbox-box label,.form-piece .gender-group .radio-box label,.form-piece .gender-group .checkbox-box label {
    margin-right: 0.4rem
}

.form-piece .checkbox-group .radio-group .radio-select,.form-piece .checkbox-group .checkbox-group .checkbox-select,.form-piece .radio-group .radio-group .radio-select,.form-piece .radio-group .checkbox-group .checkbox-select,.form-piece .gender-group .radio-group .radio-select,.form-piece .gender-group .checkbox-group .checkbox-select {
    display: none
}

.form-piece .form-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.16rem 0
}

.form-piece .form-count .split-count {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: solid 0.027rem #E8E8E8;
    height: 0.267rem;
    margin: 0 0.213rem
}

.form-piece .form-count .count-text {
    font-family: PingFangSC-Regular;
    font-size: 0.267rem;
    line-height: 0.48rem;
    color: #505050
}

.form-piece .form-count .count-text-num {
    margin: 0 0.133rem;
    font-size: 0.4rem;
    line-height: 1.2;
    color: red
}

.form-piece .m-input-text {
    position: relative
}

.form-piece .m-input-text .el-input-clear {
    display: none;
    position: absolute;
    top: 50%;
    right: 0.133rem;
    width: 0.427rem;
    height: 0.427rem;
    margin-top: -0.213rem;
    border-radius: 0.213rem;
    background-color: #ccc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.form-piece .m-input-text .el-input-clear:after,.form-piece .m-input-text .el-input-clear:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff
}

.form-piece .m-input-text .el-input-clear:after {
    width: 0.027rem;
    height: 70%
}

.form-piece .m-input-text .el-input-clear:before {
    width: 70%;
    height: 0.027rem
}

.form-piece .m-input-text .form-input-i:valid+.el-input-clear {
    display: block
}

.form-piece .form-tel-autofillbtn {
    position: relative;
    overflow: hidden;
    padding: 0.133rem 0.48rem;
    border-collapse: separate
}

.form-piece .form-tel-autofillbtn input[type="checkbox"].tel-check {
    vertical-align: middle;
    margin-top: -0.053rem;
    margin-bottom: 0.027rem
}

.form-piece .form-tel-autofillbtn .tel-tips {
    color: #999;
    font-weight: normal
}

.form-piece .recent-submit-content {
    color: #444444;
    margin: 0.133rem 0.56rem 0.4rem;
    position: relative
}

.form-piece .recent-submit-content.style1 .iconeditor-notification {
    display: none
}

.form-piece .recent-submit-content.style1 .recent-notification {
    display: none
}

.form-piece .recent-submit-content.style2 .swiper-container {
    height: 0.933rem;
    margin-left: 0.8rem
}

.form-piece .recent-submit-content.style2 .recent-title {
    display: none
}

.form-piece .recent-submit-content.style2 .recent-notification {
    position: absolute;
    top: 0.16rem;
    color: #ff635c
}

.form-piece .recent-submit-content .recent-title {
    color: #fff;
    line-height: 0.933rem;
    text-align: center
}

.form-piece .recent-submit-content .swiper-container {
    overflow: hidden;
    height: 4rem
}

.form-piece .recent-submit-content .swiper-container .recent-title {
    height: 0.933rem
}

.form-piece .recent-submit-content .swiper-container li {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.347rem
}

.form-piece .recent-submit-content .swiper-container li .iconeditor-notification {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 0.533rem;
    color: #f85959
}

.form-piece .recent-submit-content .swiper-container li.threecol .text {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    text-overflow: ellipsis
}

.form-piece .recent-submit-content .swiper-container li.threecol .text.name {
    min-width: 30%
}

.form-piece .recent-submit-content .swiper-container li.threecol .text.phone {
    width: 33%
}

.form-piece .recent-submit-content .swiper-container li.threecol .text.name,.form-piece .recent-submit-content .swiper-container li.threecol .text.phone {
    text-align: left
}

.form-piece .recent-submit-content .swiper-container li.threecol .text.time {
    width: 30%;
    text-align: right
}

.form-piece .recent-submit-content .swiper-container li.fourcol .text {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.form-piece .recent-submit-content .swiper-container li.fourcol .text.name {
    width: 15%
}

.form-piece .recent-submit-content .swiper-container li.fourcol .text.phone {
    width: 25%
}

.form-piece .recent-submit-content .swiper-container li.fourcol .text.city {
    width: 20%;
    text-align: center
}

.form-piece .recent-submit-content .swiper-container li.fourcol .text.name,.form-piece .recent-submit-content .swiper-container li.fourcol .text.phone {
    text-align: left
}

.form-piece .recent-submit-content .swiper-container li.fourcol .text.time {
    width: 20%;
    text-align: right
}

.form-piece .recent-submit-content .swiper-container table td {
    text-align: left
}

.form-piece .recent-submit-wrapper {
    padding: 0.267rem 0.48rem
}

.form-piece .recent-submit-wrapper img {
    width: 100%
}

.form-piece form {
    padding: 0.267rem 0
}

.form-piece form.input-style0 .input-group-i,.form-piece form.input-style0 [class*="-group"] {
    min-height: 1.067rem;
    overflow: hidden
}

.form-piece form.input-style0 .input-group-i span.input-group-addon-i,.form-piece form.input-style0 .date-group span.date-addon,.form-piece form.input-style0 .selectMulti-group span.select-addon,.form-piece form.input-style0 .textarea-group span.textarea-addon,.form-piece form.input-style0 .gender-group span.gender-addon,.form-piece form.input-style0 .radio-group span.radio-addon,.form-piece form.input-style0 .checkbox-group span.checkbox-addon,.form-piece form.input-style0 .city-group span.city-addon {
    float: left;
    width: 20%;
    overflow: hidden;
    line-height: 1.067rem;
    margin-bottom: 0;
    text-align: left
}

.form-piece form.input-style0 .input-group-i input,.form-piece form.input-style0 .date-group input {
    height: 1.067rem;
    width: 80%
}

.form-piece form.input-style0 .input-group-i .sms-validate {
    padding-left: 20%
}

.form-piece form.input-style0 .input-group-i .sms-validate span.input-group-addon-i {
    float: none;
    width: 40%
}

.form-piece form.input-style0 .input-group-i .sms-validate .form-control {
    width: 40%
}

.form-piece form.input-style0 .input-group-i .sms-validate .btn-wrapper {
    width: 60%
}

.form-piece form.input-style0 .city-box,.form-piece form.input-style0 .radio-box,.form-piece form.input-style0 .checkbox-box,.form-piece form.input-style0 .selectMulti-group .selectMulti-wrapper {
    width: 80%;
    min-height: 1.067rem;
    margin-left: 20%
}

.form-piece form.input-style0 .city-group .city-box {
    padding: 0
}

.form-piece form.input-style0 .textarea-group textarea {
    width: 80%;
    margin-left: 20%
}

.form-piece form.input-style0 .gender-group label,.form-piece form.input-style0 .radio-group label,.form-piece form.input-style0 .checkbox-group label {
    height: 1.067rem;
    margin: 0;
    margin-right: 0.4rem;
    line-height: 1.067rem
}

.form-piece form.input-style0 .sms-validate {
    margin-left: 20%
}

.form-piece form.input-style1 .input-group-i span.input-group-addon-i,.form-piece form.input-style1 .textarea-group span.textarea-addon {
    display: none
}

.form-piece form.input-style3 {
    padding-top: 0
}

.form-piece form.input-style3 .ui-style3-input {
    margin-top: 0.267rem
}

.form-piece form.input-style3 .ui-style3-input input[type="text"] {
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    font-size: 0.427rem;
    text-indent: 0.053rem;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-piece form.input-style3 .ui-style3-sub {
    margin-top: 0.8rem !important;
    padding: 0 0.933rem
}

.form-piece form.input-style3 .ui-style3-btn {
    font-size: 0.453rem;
    border-radius: 0.16rem;
    height: 1.2rem
}

.form-piece form .m-title {
    font-size: 0.453rem;
    text-align: center;
    padding-top: 0.933rem;
    color: #222
}

.form-piece form .m-title>h2 {
    font-size: 0.453rem;
    height: 0.587rem;
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.form-piece form .m-astitle>h5 {
    font-size: 0.32rem;
    color: #999;
    text-align: center;
    padding: 0.267rem 0
}

.form-piece form .el-result {
    position: absolute;
    text-align: center;
    color: #f00;
    font-size: 0.32rem;
    left: 0;
    right: 0;
    top: -0.48rem
}

.form-piece form .el-line4 {
    width: 100%;
    height: 0.027rem;
    background-color: #d8d8d8
}

.form-piece .col-left {
    width: 50%;
    float: left
}

.form-piece .col-right {
    width: 50%;
    float: right
}

.form-piece label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0.133rem
}

.form-piece span {
    display: inline-block
}

.form-piece .gender-group {
    font-size: 0.373rem
}

.form-piece .radio-control,.form-piece .checkbox-control {
    font-size: 0.373rem
}

.form-piece .radio-style {
    height: 0.347rem;
    width: 0.347rem
}

.form-piece input[type=checkbox],.form-piece input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.form-piece .csrf-token {
    display: none
}

.form-piece.empty {
    background: url(http://p2.pstatp.com/origin/6f3200082fdfdbe045f2) no-repeat center;
    height: 3.867rem
}

.form-piece .close {
    float: right;
    font-size: 0.56rem;
    line-height: 1;
    color: #000;
    text-shadow: 0 0.027rem 0 #fff;
    opacity: .2
}

.form-piece .hide {
    display: none
}

.popup-wrap .btn {
    display: inline-block;
    padding: 0.16rem 0.32rem;
    margin-bottom: 0;
    font-size: 0.373rem;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 0.027rem solid transparent;
    border-radius: 0.107rem
}

.create-left-content .btn-jump,.create-right-content .btn-jump {
    width: 1.547rem;
    height: 1.547rem;
    z-index: 9999;
    margin: 0.267rem auto;
    opacity: .7;
    border-radius: 50%;
    background-image: url("http://s3.pstatp.com/bytecom/resource/tetris/images/form_icon.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
    outline: none;
    border: 0.027rem solid transparent
}

.create-left-content .btn-jump:focus,.create-right-content .btn-jump:focus,.create-left-content .btn-jump:active,.create-right-content .btn-jump:active,.create-left-content .btn-jump:hover,.create-right-content .btn-jump:hover {
    outline: none;
    outline: 0 !important;
    opacity: .5
}

.form-validate-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    height: 300%;
    width: 100%;
    left: 0;
    right: 0;
    background: rgba(127,127,127,0.5);
    z-index: 4
}

.form-validate-wrapper .btn {
    display: block;
    cursor: pointer;
    color: #fff;
    height: 1.12rem;
    line-height: 1.12rem;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 0.48rem;
    padding: 0;
    border: none;
    border-radius: 0.107rem;
    -webkit-user-select: none;
    margin: 0 auto
}

.form-validate-wrapper .spam-submit {
    margin-top: 1.333rem
}

.form-validate-wrapper .input {
    padding: 0.16rem 0.32rem;
    height: 1.067rem;
    width: 100%;
    color: #555;
    font-size: 0.373rem
}

.form-validate-wrapper .validate-dialog {
    position: fixed;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 85%;
    background: #fff;
    padding: 0.667rem 0.4rem;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 0.053rem 0.053rem rgba(127,127,127,0.6);
    box-shadow: 0 0 0.053rem 0.053rem rgba(127,127,127,0.6);
    z-index: 5;
    border-radius: 0.053rem
}

.form-validate-wrapper .validate-dialog input {
    border: 0.027rem solid #e8e8e8;
    outline: none;
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0;
    background-color: #fff;
    padding: 0.16rem 0.32rem;
    display: block;
    width: 100%
}

.form-validate-wrapper .validate-dialog .nor-btn {
    line-height: 1.12rem;
    text-align: center
}

.form-validate-wrapper .validate-dialog .close {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    width: 0.8rem;
    height: 1.067rem;
    padding: 0.267rem 0
}

.form-validate-wrapper .validate-dialog .title {
    font-size: 0.48rem;
    width: 50%;
    border-bottom: 0.027rem solid #FF5454;
    margin: 0 auto;
    margin-top: 0.267rem;
    text-align: center
}

.form-validate-wrapper .validate-dialog .warning-info,.form-validate-wrapper .validate-dialog .spam-info {
    color: red;
    height: 1.867rem;
    line-height: 0.667rem;
    text-align: center;
    padding: 0.533rem 0 0 0
}

.form-validate-wrapper .validate-dialog .pic-validate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.267rem 0
}

.form-validate-wrapper .validate-dialog .pic-validate input {
    margin-right: 0.267rem;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 2.933rem
}

.form-validate-wrapper .validate-dialog .pic-validate .decor-line {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-right: 0.027rem solid #e8e8e8
}

.form-validate-wrapper .validate-dialog .pic-validate img {
    min-width: 2.133rem;
    height: 1.067rem;
    margin: 0 0.267rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 0.027rem solid #e8e8e8
}

.form-validate-wrapper .validate-dialog .pic-validate .refresh-pic-btn,.form-validate-wrapper .validate-dialog .pic-validate .spam-refresh-pic-btn {
    height: 1.067rem;
    padding: 0 0.267rem;
    min-width: 2.667rem;
    width: 1.333rem;
    min-width: 1.333rem;
    color: #48A3FC;
    background-color: #FAFAFA;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0;
    font-size: 0.32rem
}

.form-validate-wrapper .validate-dialog .sms-validate,.form-validate-wrapper .validate-dialog .spam-sms-validate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.267rem 0
}

.form-validate-wrapper .validate-dialog .sms-validate input.spam-sms-captcha,.form-validate-wrapper .validate-dialog .spam-sms-validate input.spam-sms-captcha {
    margin-right: 0.267rem
}

.form-validate-wrapper .validate-dialog .sms-validate img,.form-validate-wrapper .validate-dialog .spam-sms-validate img {
    min-width: 2.133rem;
    height: 1.067rem;
    margin: 0 0.267rem;
    border: 0.027rem solid #e8e8e8
}

.form-validate-wrapper .validate-dialog .sms-validate .spam-send-sms,.form-validate-wrapper .validate-dialog .spam-sms-validate .spam-send-sms {
    width: 3.307rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #48A3FC;
    background-color: #FAFAFA;
    font-size: 0.32rem
}

.form-validate-wrapper .validate-dialog .sms-validate .spam-send-sms.disabled,.form-validate-wrapper .validate-dialog .spam-sms-validate .spam-send-sms.disabled {
    color: #9B9B9B
}

.form-validate-wrapper .validate-dialog .spam-submit {
    border-radius: 0.053rem;
    cursor: pointer;
    display: block;
    color: #fff;
    height: 1.12rem;
    line-height: 1.12rem;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 0.48rem;
    padding: 0;
    border: none;
    margin: 0 auto;
    margin-top: 1.333rem
}

.form-piece.label-style.radio-layout-one .checkbox-box .radio-item,.form-piece.label-style.radio-layout-one .radio-box .radio-item,.form-piece.label-style.radio-layout-one .checkbox-box .checkbox-item,.form-piece.label-style.radio-layout-one .radio-box .checkbox-item {
    width: 100%
}

.form-piece.label-style.radio-layout-two .radio-item,.form-piece.label-style.radio-layout-two .checkbox-item {
    width: calc(45%)
}

.form-piece.label-style .checkbox-box,.form-piece.label-style .radio-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.form-piece.label-style .checkbox-box label,.form-piece.label-style .radio-box label {
    margin-right: 0 !important;
    height: 0.853rem;
    line-height: 0.8rem;
    display: inline-block;
    font-size: 0.373rem;
    margin-top: 0.267rem;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.form-piece.label-style .checkbox-box .radio-item,.form-piece.label-style .radio-box .radio-item,.form-piece.label-style .checkbox-box .checkbox-item,.form-piece.label-style .radio-box .checkbox-item {
    width: calc(45%)
}

.form-piece.label-style .checkbox-box input[type="radio"],.form-piece.label-style .radio-box input[type="radio"],.form-piece.label-style .checkbox-box input[type="checkbox"],.form-piece.label-style .radio-box input[type="checkbox"] {
    visibility: hidden;
    position: absolute
}

.form-piece.label-style .checkbox-box input[type="radio"]~span,.form-piece.label-style .radio-box input[type="radio"]~span,.form-piece.label-style .checkbox-box input[type="checkbox"]~span,.form-piece.label-style .radio-box input[type="checkbox"]~span {
    border: 0.027rem solid #E0E0E0;
    border-radius: 0.107rem;
    display: block;
    padding: 0 0.24rem;
    line-height: 0.8rem;
    height: 0.853rem;
    max-width: initial;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis
}

.form-piece.label-style .checkbox-box input[type="radio"]:checked~span,.form-piece.label-style .radio-box input[type="radio"]:checked~span,.form-piece.label-style .checkbox-box input[type="checkbox"]:checked~span,.form-piece.label-style .radio-box input[type="checkbox"]:checked~span {
    border-color: #FF5454;
    color: #ff5454
}

.form-piece.label-style .gender-box .radio-item {
    width: calc(45%)
}

.form-piece .layerform-notice-wrapper {
    position: fixed;
    z-index: 50;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.5)
}

.form-piece .layerform-notice-wrapper .abs {
    position: absolute;
    left: 0;
    right: 0;
    width: 8.72rem;
    margin: 0 auto;
    margin-top: 2.133rem
}

.form-piece .layerform-notice-wrapper .layer-content {
    background: #fff;
    height: 11.867rem;
    border-radius: 0.16rem
}

.form-piece .layerform-notice-wrapper .layer-notice-part {
    padding: 0.64rem 0 0.427rem 0;
    border-bottom: 0.027rem solid #EDEDED
}

.form-piece .layerform-notice-wrapper .layer-notice-part .layer-notice-title-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.form-piece .layerform-notice-wrapper .layer-notice-part .layer-notice-icon {
    background-image: url('data:image/svg+xml;utf8,<svg width="30" height="30" xmlns="//www.w3.org/2000/svg"><g transform="translate(4 4)" fill="none" fill-rule="evenodd"><circle stroke="#00D48C" stroke-width="4" cx="11" cy="11" r="13"/><path d="M4.0192 12.8108s2.3558-1.3155 3.549-2.1415l1.7285 3.3194s3.2582-7.1437 7.2507-9.0558c0 0-.5506 3.7477.2295 4.7115 0 0-4.2526 2.4933-7.2508 7.6637 0 0-4.8797-4.2984-5.5069-4.4973z" fill="#00D48C"/></g></svg>');
    background-size: contain;
    width: 0.8rem;
    height: 0.8rem
}

.form-piece .layerform-notice-wrapper .layer-notice-part .layer-notice-title {
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.587rem;
    margin-left: 0.213rem;
    font-weight: bold
}

.form-piece .layerform-notice-wrapper .layer-notice-part .layer-success-tip {
    line-height: 0.48rem;
    font-size: 0.347rem;
    color: #999;
    margin-top: 0.213rem;
    text-align: center
}

.form-piece .layerform-notice-wrapper .form-extra-elments-wrapper {
    height: 7.253rem;
    overflow: scroll
}

.form-piece .layerform-notice-wrapper .form-extra-submit-wrapper {
    padding-top: 0.427rem;
    border-top: 0.027rem solid #EDEDED
}

.form-piece .layerform-notice-wrapper .close-icon {
    margin: auto;
    margin-top: 0.427rem;
    width: 0.96rem;
    height: 0.96rem;
    background-image: url('data:image/svg+xml;utf8,<svg width="36" height="36" xmlns="//www.w3.org/2000/svg"><path d="M34.55 10.97a17.9 17.9 0 0 0-9.57-9.56 17.89 17.89 0 0 0-7-1.41A17.9 17.9 0 0 0 5.27 5.26 17.9 17.9 0 0 0 1.4 24.95a17.9 17.9 0 0 0 9.57 9.56 18 18 0 0 0 7 1.4 17.9 17.9 0 0 0 12.72-5.25 17.9 17.9 0 0 0 3.85-19.7zM17.98 35.02A17.1 17.1 0 0 1 .9 17.96a17.1 17.1 0 0 1 34.18 0 17.1 17.1 0 0 1-17.09 17.06zm5.6-24.6l-5.76 5.77-5.77-5.75a1.28 1.28 0 1 0-1.8 1.8L16 18l-5.76 5.77a1.28 1.28 0 1 0 1.81 1.8l5.77-5.76 5.77 5.75a1.28 1.28 0 0 0 1.8-1.8L19.63 18l5.76-5.77a1.28 1.28 0 1 0-1.8-1.8z" fill="#FFF" fill-rule="evenodd" fill-opacity=".85"/></svg>');
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.form-piece-with-caculator .caculator-display,.form-piece-with-caculator .caculator-display-static {
    padding: 0 0.213rem;
    height: 2.027rem;
    line-height: 2.027rem
}

.form-piece-with-caculator .caculator-display {
    font-family: ledfont;
    background: #d5d1cd;
    font-size: 1.333rem;
    border: 0.027rem solid #777777;
    text-align: right
}

.form-piece-with-caculator .caculator-body {
    padding: 0.373rem 0.533rem;
    border: 0.027rem solid rgba(0,0,0,0.075);
    border-top: 0
}

.form-piece-with-caculator .caculator {
    padding: 0.587rem 0.32rem 0.133rem 0.32rem
}

.form-piece-with-caculator .caculator-title {
    font-weight: bold;
    font-size: 0.4rem;
    color: #313333
}

.form-piece-with-caculator .caculator-item {
    padding-top: 0.267rem;
    font-size: 0.373rem;
    width: 50%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666666
}

.form-piece-with-caculator .caculator-items:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.form-piece-with-caculator .caculator-val {
    margin-left: 0.107rem
}

.form-piece-with-caculator .caculator-warn {
    font-size: 0.32rem;
    color: #f85959
}

.editor-suspend-box {
    position: absolute;
    z-index: 10;
    top: 62%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    width: 85%;
    border-radius: 0.187rem;
    height: 48%;
    background-color: rgba(255,255,255,0.9)
}

.editor-suspend-box .icon-box {
    position: absolute;
    width: 24%;
    overflow: hidden;
    padding-bottom: 24%;
    height: 0;
    display: inline;
    left: 8%;
    top: 12%
}

.editor-suspend-box .icon-box img {
    width: 100%
}

.editor-suspend-box .title {
    position: absolute;
    left: 40%;
    top: 15%;
    font-size: 0.4rem;
    font-weight: bold
}

.editor-suspend-box .peoplenum-content {
    position: absolute;
    top: 23%;
    left: 38%;
    font-size: 0.32rem;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.editor-suspend-box .description-box {
    position: absolute;
    width: 80%;
    font-size: 0.373rem;
    left: 50%;
    top: 54%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.editor-suspend-box .download-btn {
    width: 80%;
    height: 0.933rem;
    position: absolute;
    left: 50%;
    bottom: 5%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.editor-suspend-box .download-btn .btn-font {
    line-height: 0.933rem;
    text-align: center;
    font-size: 0.347rem
}

.editor-suspend-box .star-peoplenum {
    position: absolute;
    top: 30%;
    left: 40%;
    width: 4.8rem;
    font-size: 0.32rem
}

.editor-suspend-box .star-peoplenum .star-content {
    display: inline-block
}

.editor-suspend-box .star-peoplenum .star-content span {
    width: 0.32rem;
    height: 0.32rem
}

.editor-suspend-box .star-peoplenum .star-content .star {
    background: url(http://s3.pstatp.com/bytecom/resource/tetris/images/star.png) no-repeat;
    background-size: 0.32rem 0.32rem
}

.editor-suspend-box .star-peoplenum .star-content .halfstar {
    background: url(http://s3.pstatp.com/bytecom/resource/tetris/images/halfstar.png) no-repeat;
    background-size: 0.32rem 0.32rem
}

.editor-suspend-box .star-peoplenum .star-content .zerostar {
    background: url(http://s3.pstatp.com/bytecom/resource/tetris/images/zerostar.png) no-repeat;
    background-size: 0.32rem 0.32rem
}

.editor-suspend-box .star-peoplenum .grade {
    margin-left: 0.533rem;
    display: inline-block;
    font-size: 0.373rem;
    color: #ff4c4c
}

.slide-box .slide-container {
    position: relative;
    z-index: 0
}

.star-peoplenum {
    position: absolute;
    top: 28%;
    left: 37%;
    width: 4.8rem;
    font-size: 0.32rem
}

.star-peoplenum .star-content {
    display: inline-block
}

.star-peoplenum .star-content span {
    width: 0.32rem;
    height: 0.32rem;
    display: inline-block
}

.star-peoplenum .star-content .star {
    background: url(http://s3.pstatp.com/bytecom/resource/tetris/images/star.png) no-repeat;
    background-size: 0.32rem 0.32rem
}

.star-peoplenum .star-content .halfstar {
    background: url(http://s3.pstatp.com/bytecom/resource/tetris/images/halfstar.png) no-repeat;
    background-size: 0.32rem 0.32rem
}

.star-peoplenum .star-content .zerostar {
    background: url(http://s3.pstatp.com/bytecom/resource/tetris/images/zerostar.png) no-repeat;
    background-size: 0.32rem 0.32rem
}

.star-peoplenum .grade {
    margin-left: 0.533rem;
    display: inline-block;
    font-size: 0.373rem;
    color: #ff4c4c
}

.slide-box #slider {
    position: relative;
    overflow: hidden
}

.slide-box .swiper-container-horizontal>.swiper-pagination-bullets,.slide-box .swiper-pagination-custom,.slide-box .swiper-pagination-fraction {
    right: 0.267rem;
    width: auto;
    padding: 0 0.133rem;
    border-radius: 0.213rem;
    line-height: normal;
    height: 0.427rem;
    line-height: 0.427rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.slide-box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.08rem
}

.slide-box .swiper-pagination-bullet {
    width: 0.16rem;
    height: 0.16rem;
    opacity: 1;
    background-color: #d8d8d8 !important
}

.slide-box .swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff !important;
    width: 0.64rem;
    border-radius: 2.667rem;
    -webkit-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out
}

.slide-box .swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0
}

.slide-box .swiper-slide.style1 {
    width: 80%
}

.slide-box .swiper-slide.style2 {
    width: auto;
    max-height: 100%
}

.slide-box .swiper-slide a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: black
}

.slide-box .swiper-slide img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0
}

.slide-box .swiper-slide.style2 img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    padding: 0
}

.slide-box .swiper-slide p,.slide-box .swiper-slide-2 p {
    position: absolute;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0;
    padding: 0 40% 0 0.373rem;
    line-height: 0.933rem;
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    text-align: left;
    font-size: 0.347rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 0.933rem;
    opacity: .9
}

.slide-box .video-layer {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 99999
}

.slide-box .tt-video-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.position-box {
    position: absolute;
    left: 50%;
    top: 6.522em
}

.position-box.special-view {
    bottom: 6.3em;
    top: auto
}

.suspend-box {
    position: absolute;
    z-index: 10;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    width: 7.743em;
    padding: 1.125rem .5rem .5rem .5rem;
    border-radius: .3732em;
    height: 8.125em;
    background-color: rgba(255,255,255,0.9)
}

.suspend-box img {
    position: absolute;
    width: 1.806em;
    height: 1.806em;
    left: .816em;
    top: 1.016em;
    display: inline
}

.suspend-box .title {
    position: absolute;
    left: 2.88em;
    top: 1.3em;
    font-weight: 600;
    line-height: 0
}

.suspend-box .title span {
    font-size: 0.427rem
}

.suspend-box .description-box {
    position: absolute;
    width: 6.155em;
    top: 3.368em;
    left: .799em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.suspend-box .description-box p {
    font-size: 0.373rem;
    line-height: 0.667rem
}

.suspend-box .download-btn {
    width: 6.145em;
    height: .955em;
    line-height: .955em;
    position: absolute;
    top: 5.87em;
    left: .799em
}

.suspend-box .download-btn .btn-font {
    display: block;
    text-decoration: none;
    text-align: center;
    font-size: 0.427rem
}

.suspend-box .peoplenum-content {
    position: absolute;
    left: 2.8em;
    top: 1.78em;
    line-height: 0
}

.suspend-box .peoplenum-content .peoplenum {
    font-size: 0.32rem;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.suspend-box .grade span {
    font-size: 0.427rem;
    color: #ff4c4c
}



.footer.special-view {
    display: none
}

.footer .info-box {
    display: inline-block
}

.footer .info-box span {
    width: 1.733rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.373rem;
    padding-left: 0.533rem
}

.footer .info-box .icon1 {
    background: url(http://s3.pstatp.com/bytecom/resource/tetris/images/icon_fullscreencard2.png) no-repeat left center;
    background-size: 0.427rem 0.427rem
}

.footer .info-box .icon2 {
    background: url(http://s3.pstatp.com/bytecom/resource/tetris/images/icon_fullscreencard1.png) no-repeat left center;
    background-size: 0.427rem 0.427rem
}

.footer .info-box .icon3 {
    background: url(http://s3.pstatp.com/bytecom/resource/tetris/images/icon_fullscreencard3.png) no-repeat left center;
    background-size: 0.427rem 0.427rem
}

.footer .left {
    float: left
}

.footer .right {
    float: right
}

.footer .center {
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.background-mask {
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(rgba(0,0,0,0.8)), to(#000000));
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8), #000000);
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8), #000000);
    height: 100%
}

.head-line {
    width: 100%;
    position: relative
}

.head-line .head-wrapper {
    width: 100%
}

.head-line .head-wrapper .head-content {
    width: 100%;
    position: relative;
    color: #222;
    min-height: 0.72rem;
    overflow: hidden
}

.head-line .head-wrapper .head-content.head0 h2 {
    padding-left: 0.267rem;
    border-left: #F85959 0.213rem solid
}

.head-line .head-wrapper .head-content.head1 h2 {
    padding-left: 0.267rem;
    border-left: 0.213rem solid #F85959;
    background-color: #FAFAFA
}

.head-line .head-wrapper .head-content.head2 {
    border-top: 0.053rem solid #F85959;
    background: #FAFAFA;
    padding: 0.133rem 0
}

.head-line .head-wrapper .head-content.head2 h2 {
    padding: 0 0.133rem
}

.head-line .head-wrapper .head-content.head3 h2 {
    display: inline-block;
    padding: 0 0.133rem;
    border-bottom: 0.053rem solid #F85959
}

.head-line .head-wrapper .head-content.head4 h2 {
    font-weight: 600
}

.head-line .head-wrapper .head-content h2 {
    margin: 0;
    font-size: 0.48rem;
    line-height: 1.5
}

.head-line .head-wrapper .head-content h2 a {
    color: #222
}

.head-line .head-wrapper .head-text.text-ellipsis {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.head-line .head-text {
    max-width: 90%
}

.head-line .head-text a.text-ellipsis {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

.head-line .head-wrapper-new {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.head-line .head-wrapper-new h2 {
    height: 0.587rem;
    line-height: 0.587rem
}

.head-line .head-wrapper-new .head-left-decorate,.head-line .head-wrapper-new .head-right-decorate {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.head-line .head-wrapper-new .head-left-decorate .head-decorate-line,.head-line .head-wrapper-new .head-right-decorate .head-decorate-line {
    position: absolute;
    top: 50%;
    left: 0.267rem;
    right: 0.267rem;
    height: 0.053rem;
    margin-top: -0.027rem
}

.head-line .head-wrapper-new .head-left-decorate .head-decorate-border,.head-line .head-wrapper-new .head-right-decorate .head-decorate-border {
    position: absolute;
    top: 50%;
    left: 0.267rem;
    right: 0.267rem;
    height: 0;
    border-top: 0.027rem dotted transparent
}

.head-line .head-wrapper-new .head-left-decorate .head-decorate-point,.head-line .head-wrapper-new .head-right-decorate .head-decorate-point {
    position: absolute;
    top: 50%;
    margin-top: -0.027rem;
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 50%
}

.head-line .head-wrapper-new .head-left-decorate .head-decorate-bias,.head-line .head-wrapper-new .head-right-decorate .head-decorate-bias {
    position: absolute;
    top: 50%;
    margin-top: -0.213rem;
    width: 0.027rem;
    height: 0.427rem;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transform-origin: 0.027rem 50%;
    transform-origin: 0.027rem 50%
}

.head-line .head-wrapper-new .head-left-decorate .head-decorate-line,.head-line .head-wrapper-new .head-left-decorate .head-decorate-border {
    left: 0
}

.head-line .head-wrapper-new .head-left-decorate .head-decorate-point,.head-line .head-wrapper-new .head-left-decorate .head-decorate-bias {
    right: 0.24rem
}

.head-line .head-wrapper-new .head-right-decorate .head-decorate-line,.head-line .head-wrapper-new .head-right-decorate .head-decorate-border {
    right: 0
}

.head-line .head-wrapper-new .head-right-decorate .head-decorate-point,.head-line .head-wrapper-new .head-right-decorate .head-decorate-bias {
    left: 0.267rem
}

.head-line .head-wrapper-new .head-text-bg {
    position: absolute;
    left: 1.04rem;
    top: 0;
    right: 0.373rem;
    overflow: hidden;
    z-index: 9;
    height: 0.853rem
}

.head-line .head-wrapper-new .head-left-svg {
    position: absolute;
    top: 0;
    left: 0;
    height: 0.853rem;
    overflow: hidden;
    z-index: 9
}

.head-line .head-wrapper-new .head-left-svg svg {
    position: absolute;
    left: 0;
    top: 0
}

.head-line .head-wrapper-new .head-right-svg {
    position: absolute;
    top: 0;
    right: 0;
    height: 0.853rem;
    overflow: hidden;
    z-index: 9
}

.head-line .head-wrapper-new .head-right-svg svg {
    position: absolute;
    left: 0;
    top: 0
}

.head-line .head-wrapper-new.style7 .head-left-decorate .head-decorate-border {
    right: 0.32rem
}

.head-line .head-wrapper-new.style7 .head-right-decorate .head-decorate-border {
    left: 0.32rem
}

.head-line .head-wrapper-new.style9 {
    border-bottom: 0.053rem solid transparent
}

.head-line .head-wrapper-new.style9 .head-text {
    position: relative;
    padding-right: 0.72rem;
    display: inline-block;
    height: 0.853rem;
    line-height: 0.853rem
}

.head-line .head-wrapper-new.style9 .head-text a {
    z-index: 10;
    padding-left: 0.267rem;
    position: relative
}

.head-line .head-wrapper-new.style9 .head-text-bg {
    left: 0;
    top: 0;
    right: 1.067rem
}

.head-line .head-wrapper-new.style9 .head-right-svg {
    top: 0;
    right: 0;
    width: 1.12rem
}

.head-line .head-wrapper-new.style11 {
    display: block;
    text-align: center
}

.head-line .head-wrapper-new.style11 .head-text {
    position: relative;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    display: inline-block;
    height: 0.853rem;
    line-height: 0.853rem;
    max-width: 100%
}

.head-line .head-wrapper-new.style11 .head-text a {
    z-index: 10;
    padding: 0 0.267rem;
    position: relative
}

.head-line .head-wrapper-new.style11 .head-text-bg {
    left: 0.373rem;
    top: 0;
    right: 0.373rem
}

.head-line .head-wrapper-new.style11 .head-right-svg,.head-line .head-wrapper-new.style11 .head-left-svg {
    top: 0;
    right: 0;
    width: 0.373rem
}

.head-line .head-wrapper-new.style10 {
    position: relative
}

.head-line .head-wrapper-new.style10 .head-wrapper-new-border {
    position: absolute;
    height: 0.053rem;
    bottom: 0;
    left: 1.067rem;
    right: 0;
    z-index: 0
}

.head-line .head-wrapper-new.style10 .head-text {
    position: relative;
    padding-left: 1.04rem;
    padding-right: 0.64rem;
    display: inline-block;
    height: 0.853rem;
    line-height: 0.853rem;
    z-index: 1
}

.head-line .head-wrapper-new.style10 .head-text a {
    z-index: 10;
    padding: 0 0.133rem;
    position: relative
}

.head-line .head-wrapper-new.style10 .head-text-bg {
    left: 1.04rem;
    top: 0;
    right: 0.64rem
}

.head-line .head-wrapper-new.style10 .head-left-svg {
    top: 0;
    left: 0;
    width: 1.04rem
}

.head-line .head-wrapper-new.style10 .head-right-svg {
    top: 0;
    right: 0;
    width: 0.64rem
}

.head-line .head-wrapper-new.style12 {
    display: block;
    text-align: center
}

.head-line .head-wrapper-new.style12 .head-text {
    position: relative;
    padding-left: 0.88rem;
    padding-right: 0.88rem;
    display: inline-block;
    height: 0.853rem;
    line-height: 0.853rem;
    max-width: 100%
}

.head-line .head-wrapper-new.style12 .head-text a {
    z-index: 10;
    padding: 0 0.267rem;
    position: relative
}

.head-line .head-wrapper-new.style12 .head-left-svg,.head-line .head-wrapper-new.style12 .head-right-svg {
    top: 0.24rem;
    right: 0;
    width: 0.88rem;
    height: 0.373rem
}

.head-line .head-wrapper-new.style12 .head-left-svg {
    left: 0
}

.head-line .head-wrapper-new .head-text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.head-line .head-wrapper-new.style5,.head-line .head-wrapper-new.style6,.head-line .head-wrapper-new.style7,.head-line .head-wrapper-new.style8 {
    padding-top: 0.133rem;
    padding-bottom: 0.133rem
}

#middle .workarea #snapshootBox section[data-name=Layout] {
    z-index: 1
}

#middle .workarea #snapshootBox section[data-name=Layout]>.brick-frame-hover {
    z-index: 0
}

#middle .workarea #snapshootBox section[data-name=Layout]>.brick-mask {
    z-index: 0
}

#middle .workarea #snapshootBox section[data-name=Layout] .snapshoot-box {
    background-image: initial
}

.layout-container-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    min-height: 1.333rem;
    width: 100%
}

.layout-container-table .snapshoot-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 1.333rem;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background: none;
    min-height: 1.067rem !important
}

.layout-container-table.edit-page {
    padding: 0.133rem 0.027rem
}

.layout-container-table.edit-page .snapshoot-box~.snapshoot-box:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0.027rem;
    background-color: #999
}

.layout-container {
    width: 100%;
    position: relative
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.brick-frame-edit {
    position: relative;
    width: 100%
}

.brick-frame-edit .brick-content {
    position: relative;
    z-index: 9
}

.brick-frame-edit .brick-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.brick-frame-edit .brick-frame-hover {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    border: solid 0.027rem transparent;
    z-index: 20;
    cursor: pointer
}

.brick-frame-edit .move {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 50%;
    margin-left: -0.533rem;
    height: 0.4rem;
    width: 1.067rem;
    border: 0.027rem solid #2aa7ff;
    color: #2aa7ff;
    border-radius: 0 0 0.107rem 0.107rem;
    text-align: center;
    font-size: 0.373rem;
    line-height: 0.4rem;
    cursor: move;
    background-color: #fff;
    visibility: hidden
}

.brick-frame-edit .move.undraggable {
    cursor: no-drop
}

.brick-frame-edit .move:before,.brick-frame-edit .move:after {
    display: block;
    height: 0.027rem;
    background-color: #2aa7ff;
    margin: 0.107rem;
    content: " "
}

.brick-frame-edit .brick-frame-hover-edit {
    pointer-events: none
}

.brick-frame-edit .remove {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    cursor: pointer;
    height: 0.453rem;
    width: 0.453rem;
    color: #2aa7ff;
    border: 0.027rem solid #2aa7ff;
    background-color: white;
    font-size: 0.427rem;
    line-height: 0.453rem;
    text-align: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    visibility: hidden
}

.brick-frame-edit .remove.undeletable {
    cursor: no-drop
}

.brick-frame-edit .icon-cross:before {
    content: "\E00B"
}

.brick-frame-edit .current {
    border: 0.027rem solid #71a5f5
}

.brick-frame-edit .copy-layer,.brick-frame-edit .goto-edit {
    position: absolute;
    right: 0.027rem;
    bottom: 0.027rem;
    padding-right: 0.267rem;
    padding-left: 0.267rem;
    background-color: rgba(0,0,0,0.5);
    height: 0.693rem;
    line-height: 0.693rem;
    text-align: center;
    font-size: 0.373rem;
    color: #fff;
    cursor: pointer;
    z-index: 100;
    visibility: hidden
}

.brick-frame-edit .copy-layer:hover,.brick-frame-edit .goto-edit:hover {
    background-color: #76A1F3
}

.brick-frame-edit .copy-layer {
    right: 2.88rem
}

.hover>.brick-frame-hover {
    border: 0.027rem solid #71a5f5
}

.hover>.move,.hover>.remove,.hover>.copy-layer,.hover>.goto-edit {
    visibility: visible
}

.hover .fixTop {
    display: block
}

.hover .fixBottom {
    display: block
}

.brick-frame-layer {
    position: relative;
    width: 100%
}

.brick-frame-layer .brick-content {
    position: relative;
    height: 100%
}

.brick-frame-layer .brick-content .piece {
    height: 100%
}

.brick-frame-layer .brick-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.brick-frame-layer .brick-frame-hover {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%
}

.brick-frame-server {
    position: relative;
    width: 100%;
    cursor: pointer
}

.brick-frame-server .brick-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.brick-frame-server.layer-frame .brick-content {
    height: 100%
}

.brick-frame-server .brick-content {
    position: relative
}

.brick-leading-mark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    word-break: break-all
}

.brick-leading-mark.fixed-height {
    overflow: hidden
}

.link {
    color: #2a90d7;
    display: block;
    cursor: pointer;
    text-decoration: none;
    font-size: 0.427rem;
    line-height: 0.587rem;
    word-wrap: break-word;
    word-break: break-all
}

.link:hover {
    text-decoration: none;
    color: #2a90d7
}

.link span {
    display: inline
}

.link i {
    display: none;
    font-size: 0.373rem
}

.link.style1 i:first-child {
    display: inline
}

.link.style1 span {
    color: #222;
    margin-left: 0.107rem
}

.link.style2 i:last-child {
    display: inline
}

.link.style3 i:first-child {
    display: inline
}

.link.style3 span {
    color: #222;
    margin-left: 0.107rem
}

.live-piece {
    position: relative;
    padding-bottom: 57%;
    background: #000
}

.live-piece video {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.lottery-image {
    max-width: 100%;
    display: block;
    margin: auto
}

.piece .lottery-container .lottery {
    padding-bottom: 75%;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.piece .lottery .lottery-center {
    position: absolute;
    top: 13%;
    width: 100%;
    height: 37%;
    -webkit-animation-name: myshake;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite
}

.piece .lottery .lottery-background {
    position: absolute;
    top: 3%;
    width: 100%;
    height: 65%
}

.piece .lottery-container .lottery a.try-btn {
    width: 100%;
    top: 70%;
    height: 1.067rem;
    line-height: 1.067rem;
    position: absolute;
    display: block;
    background: url("http://s3.pstatp.com/bytecom/resource/tetris/images/button.png") center no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    text-decoration: none;
    font-size: 0.4rem;
    color: red;
    margin-left: auto;
    margin-right: auto
}

.egg {
    background: url("http://s3.pstatp.com/bytecom/resource/tetris/images/egg_new.png") center no-repeat;
    height: 50% !important
}

.egg-bg {
    background: url("http://s3.pstatp.com/bytecom/resource/tetris/images/egg_bg_new.png") center no-repeat;
    background-size: 55%
}

.egg-wallpaper {
    background: url("http://s3.pstatp.com/bytecom/resource/tetris/images/egg_wallpaper.png") center no-repeat;
    background-size: cover
}

.gift {
    background: url("http://s3.pstatp.com/bytecom/resource/tetris/images/gift_new.png") center no-repeat;
    height: 45% !important
}

.gift-bg {
    background: url("http://s3.pstatp.com/bytecom/resource/tetris/images/gift_box_new.png") center no-repeat;
    background-size: 64%
}

.gift-wallpaper {
    background: url("http://s3.pstatp.com/bytecom/resource/tetris/images/gift_wallpaper.png") center no-repeat;
    background-size: cover
}

.piece .lottery-container .lottery-input-tel-dialog,.piece .lottery-container .lottery-result-dialog {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0,0,0,0.8)
}

.piece .lottery-container .lottery-close {
    background: url("http://s3.pstatp.com/bytecom/resource/tetris/images/close.png") center no-repeat;
    background-size: contain;
    width: 4%;
    height: 4%;
    float: right;
    margin-top: 1rem;
    margin-right: 1rem
}

.piece .lottery-container .lottery-input-tel-dialog .phone-input {
    padding-bottom: 5%;
    margin-left: auto;
    margin-right: auto;
    width: 88%;
    text-align: center;
    top: 30%;
    position: relative;
    background: red
}

.piece .lottery-container .lottery-input-tel-dialog .phone-input input {
    display: inline-block;
    margin-top: 7%;
    width: 88%;
    height: 0.907rem;
    padding: 0.133rem;
    outline: 0;
    font-size: 0.373rem;
    vertical-align: top;
    margin-right: -9%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.piece .lottery-container .lottery-input-tel-dialog .phone-input .error-msg {
    display: none;
    color: #FFF;
    margin-top: 0.267rem
}

.piece .lottery-container .lottery-input-tel-dialog .phone-input .lotteryBtn {
    display: block;
    background-size: contain;
    background: yellow;
    border-radius: 0.107rem;
    line-height: 0.907rem;
    height: 0.907rem;
    margin-top: 5%;
    margin-left: 6%;
    width: 88%;
    color: red;
    font-size: 0.373rem
}

.piece .lottery-container .lottery-result-dialog .lottery-result-msg {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 0.4rem;
    color: #FFF;
    top: -5%
}

.piece .lottery-container .lottery-result-dialog .result-desc {
    color: yellow;
    margin: 0 auto;
    width: 100%;
    font-size: 0.4rem
}

.piece .lottery-container .lottery-result-dialog .result-desc p:nth-child(1) {
    margin: 0 auto;
    width: 6rem
}

.piece .lottery-container .lottery-result-dialog .result-desc p:nth-child(2) {
    margin: 0 auto;
    width: 5.2rem
}

.piece .lottery-container .lottery-result-dialog .lottery-result-img {
    width: 100%;
    height: 50%
}

.lottery-result-img-fail {
    background: url("http://s3.pstatp.com/bytecom/resource/tetris/images/thanks_popup.png") center no-repeat;
    background-size: contain
}

.lottery-result-img-succ {
    background: url("http://s3.pstatp.com/bytecom/resource/tetris/images/win_popup.png") center no-repeat;
    background-size: contain
}

.piece .lottery-container .lottery-result-dialog .lottery-result-btn {
    height: 1.28rem;
    line-height: 1.28rem;
    background: url("http://s3.pstatp.com/bytecom/resource/tetris/images/button.png") center no-repeat;
    background-size: contain;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 50%;
    color: red;
    font-size: 0.533rem
}

@-webkit-keyframes myshake {
    from,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    20% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.93, .93, .93);
        transform: scale3d(.93, .93, .93)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.mdl-brick-layer-piece.empty {
    background: url(http://p1.pstatp.com/origin/678900039f6eb61652eb) no-repeat center;
    height: 3.867rem
}

.mdl-brick-layer-piece.server-show {
    background: none
}

.count-down-layer-piece.empty {
    background: url(http://p1.pstatp.com/origin/67830004259303f8b39e) no-repeat center;
    height: 3.867rem
}

.count-down-layer-piece.server-show {
    background: none
}

.flow-chart-layer-piece.empty {
    background: url(http://p3.pstatp.com/origin/67860003dfc9d71b8ae5) no-repeat center;
    height: 3.867rem
}

.flow-chart-layer-piece.server-show {
    background: none
}

.horizontal-text-layer-piece.empty {
    background: url(http://p1.pstatp.com/origin/67830004259567e5c3bd) no-repeat center;
    height: 3.867rem
}

.horizontal-text-layer-piece.server-show {
    background: none
}

.info-box-layer-piece.empty {
    background: url(http://p2.pstatp.com/origin/67860003dfcb913163d5) no-repeat center;
    height: 3.867rem
}

.info-box-layer-piece.server-show {
    background: none
}

.super-text-layer-piece.empty {
    background: url(http://p1.pstatp.com/origin/678900039f6eb61652eb) no-repeat center;
    height: 3.867rem
}

.super-text-layer-piece.server-show {
    background: none
}

.vs-list-layer-piece.empty {
    background: url(http://p1.pstatp.com/origin/67870003d5f4439553d0) no-repeat center;
    height: 3.867rem
}

.vs-list-layer-piece.server-show {
    background: none
}

.vertical-text-layer-piece.empty {
    background: url(http://p2.pstatp.com/origin/67840003eb581f458191) no-repeat center;
    height: 3.867rem
}

.vertical-text-layer-piece.server-show {
    background: none
}

.brick-map .map-con .BMap_cpyCtrl {
    display: none
}

.brick-map .map-con .anchorBL {
    bottom: 0.027rem !important
}

.brick-map .map-con .BMap_scaleCtrl {
    bottom: 0.027rem !important
}

.tinyTip {
    display: none
}

.brick-map.clearfix::after {
    content: ' ';
    display: table;
    clear: both
}

.brick-map .map-con {
    width: 100%;
    position: relative
}

.brick-map .map-con .bd-map {
    width: 100%
}

.brick-map .map-con .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: block
}

.brick-map.map-style1 .editor-address,.brick-map.map-style2 .editor-address,.brick-map.map-style3 .editor-address {
    font-size: 0.32rem
}

.brick-map.map-style1 .map-con {
    float: left;
    width: 3.2rem
}

.brick-map.map-style1 .editor-address {
    margin-left: 3.2rem;
    padding: 0.267rem;
    overflow: hidden
}

.brick-map.map-style2 .map-con {
    float: right;
    width: 3.2rem
}

.brick-map.map-style2 .editor-address {
    margin-right: 3.2rem;
    padding: 0.267rem;
    overflow: hidden
}

.brick-map.map-style3 .editor-address {
    padding: 0.267rem
}

.brick-map.clearfix::after {
    content: ' ';
    display: table;
    clear: both
}

.brick-map .map-con {
    width: 100%;
    position: relative
}

.brick-map .map-con .bd-map {
    width: 100%
}

.brick-map .map-con .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: block
}

.brick-map.map-style4 .editor-address {
    padding: 0.267rem;
    font-size: 0.32rem
}

.brick-map.clearfix::after {
    content: ' ';
    display: table;
    clear: both
}

.brick-map .map-style5 {
    font-size: 0.373rem;
    width: 90%;
    margin: 0.347rem auto
}

.brick-map .map-style5 .editor-address {
    font-size: 0.32rem
}

.brick-map .map-style5 a {
    display: block
}

.brick-map .map-style5 a .map-text {
    margin: 0 0.8rem 0 0.533rem;
    line-height: 0.533rem;
    min-height: 0.533rem;
    color: #333
}

.brick-map .map-style5 a .address-icon,.brick-map .map-style5 a .arrow-icon {
    display: inline-block;
    width: 0.533rem;
    height: 0.533rem;
    line-height: 0.533rem;
    color: #ccc
}

.brick-map .map-style5 a .address-icon {
    float: left
}

.brick-map .map-style5 a .arrow-icon {
    float: right
}

.layer-piece.empty {
    background: url(http://p2.pstatp.com/origin/4e0500001053c36bffbc) no-repeat center;
    height: 3.867rem
}

.layer-piece.server-show {
    background: none
}

.brick-multiline {
    background: #fff;
    border: 0.027rem solid #E3E3E3
}

.brick-multiline .tab-panel {
    overflow: hidden
}

.brick-multiline .tab-panel .tab {
    float: left;
    width: 33.333%;
    text-align: center;
    overflow: hidden
}

.brick-multiline .tab-panel .tab a {
    color: inherit;
    display: block;
    text-decoration: none
}

.brick-multiline .tab-panel .tab-icon {
    margin: 0.16rem 0 0.053rem 0;
    font-size: 0.533rem;
    line-height: 1
}

.brick-multiline .tab-panel .tab-label {
    margin-bottom: 0.107rem;
    line-height: 1
}

.brick-multiline .style-1 .tab {
    color: #4A9BFE;
    font-size: 0.32rem
}

.brick-multiline .style-2 .tab {
    color: #666666;
    font-size: 0.32rem
}

.brick-multiline .style-2 .tab.tab-wide {
    font-size: 0.427rem
}

.brick-multiline .style-2 .tab.tab-wide .tab-content {
    line-height: 1.227rem
}

.brick-multiline .style-2 .tab.tab-wide .tab-content div {
    display: inline-block;
    vertical-align: middle
}

.brick-multiline .style-2 .tab.tab-wide .tab-content .tab-icon {
    margin-top: 0.053rem
}

.brick-multiline .style-2 .tab.tab-wide .tab-content .tab-label {
    margin-left: 0.107rem;
    margin-bottom: 0
}

.telephone-button a,a.telephone-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    text-decoration: none;
    outline: none;
    color: #406599;
    -webkit-tap-highlight-color: rgba(128,128,128,0.5)
}

.telephone-button a:hover,a.telephone-button:hover {
    outline: none;
    text-decoration: none;
    cursor: pointer
}

.telephone-button a:-webkit-any-link,a.telephone-button:-webkit-any-link {
    text-decoration: none;
    cursor: auto
}

.telephone-button a,a.telephone-button,.telephone-button a:focus,a.telephone-button:focus,.telephone-button a:outline,a.telephone-button:outline {
    border: none;
    outline: none
}

.telephone-button div,div.telephone-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none
}

.telephone-button span,span.telephone-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    display: inline-block
}

.telephone-button.layer-style {
    height: 100%
}

.telephone-button.layer-style .tel-btn {
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.telephone-button.layer-style .tel-btn.style3,.telephone-button.layer-style .tel-btn.style4 {
    opacity: 1
}

.telephone-button .tel-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0.427rem auto;
    cursor: pointer;
    color: #fff;
    background-color: #f85959;
    border-radius: 0.107rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 0.48rem;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden
}

.telephone-button .tel-btn .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.427rem
}

.telephone-button .tel-btn .nor-btn-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-bottom: 50%
}

.telephone-button .tel-btn .icon-telphone_right,.telephone-button .tel-btn .icon-telphone_circle {
    display: none
}

.telephone-button .tel-btn .brick-i-tel-left {
    margin-right: 0.133rem
}

.telephone-button .tel-btn .brick-i-tel-right {
    margin-left: 0.133rem
}

.telephone-button .tel-btn.style1 .brick-i-tel-left,.telephone-button .tel-btn.style2 .brick-i-tel-left {
    display: inline
}

.telephone-button .tel-btn.style1 .brick-i-tel-right,.telephone-button .tel-btn.style1 .brick-i-tel,.telephone-button .tel-btn.style2 .brick-i-tel-right,.telephone-button .tel-btn.style2 .brick-i-tel {
    display: none
}

.telephone-button .tel-btn.style3 .brick-i-tel,.telephone-button .tel-btn.style4 .brick-i-tel {
    display: inline;
    height: 1.493rem;
    line-height: 1.493rem;
    font-size: inherit
}

.telephone-button .tel-btn .tel-label.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.telephone-button .tel-btn.style3 .tel-label,.telephone-button .tel-btn.style4 .tel-label,.telephone-button .tel-btn.style3 .brick-i-tel-left,.telephone-button .tel-btn.style3 .brick-i-tel-right,.telephone-button .tel-btn.style4 .brick-i-tel-left,.telephone-button .tel-btn.style4 .brick-i-tel-right {
    display: none
}

.telephone-button .tel-btn.style3,.telephone-button .tel-btn.style4 {
    width: 1.493rem;
    border-radius: 50%;
    line-height: 1.627rem;
    opacity: 1
}

.telephone-button .tel-btn.style3:active,.telephone-button .tel-btn.style3:focus,.telephone-button .tel-btn.style4:active,.telephone-button .tel-btn.style4:focus {
    opacity: .7
}

.telephone-button .tel-btn.style5 .brick-i-tel-right,.telephone-button .tel-btn.style6 .brick-i-tel-right {
    display: inline
}

.telephone-button .tel-btn.style5 .brick-i-tel-left,.telephone-button .tel-btn.style5 .brick-i-tel,.telephone-button .tel-btn.style6 .brick-i-tel-left,.telephone-button .tel-btn.style6 .brick-i-tel {
    display: none
}

.telephone-button .tel-btn.style1 .icon-left_arrow,.telephone-button .tel-btn.style2 .icon-left_arrow,.telephone-button .tel-btn.style3 .icon-left_arrow,.telephone-button .tel-btn.style4 .icon-left_arrow,.telephone-button .tel-btn.style5 .icon-left_arrow,.telephone-button .tel-btn.style6 .icon-left_arrow {
    display: none
}

.telephone-button .tel-btn.style7 {
    font-size: 0.373rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: block;
    text-align: start
}

.telephone-button .tel-btn.style7 .brick-i-tel-left {
    color: #ccc
}

.telephone-button .tel-btn.style7 .icon-left_arrow {
    float: right;
    color: #ccc;
    width: 0.533rem;
    height: 0.533rem
}

.telephone-button .tel-btn.style9,.telephone-button .tel-btn.style8 {
    overflow: initial;
    background: none
}

.telephone-button .tel-btn.style9 .brick-i-tel,.telephone-button .tel-btn.style8 .brick-i-tel {
    display: inline
}

.telephone-button a.tel-btn:hover,.telephone-button a.tel-btn:focus {
    text-decoration: none;
    outline: none;
    color: #fff
}

.telephone-button.piece.fbottom-right,.telephone-button.piece.fbottom-left,.telephone-button.piece.ftop-right,.telephone-button.piece.ftop-left {
    width: 1.493rem
}

.telephone-button.piece.phone-pos.fbottom-right {
    z-index: 99;
    margin: 0.267rem auto
}

.telephone-button.piece.phone-pos.fbottom-left {
    z-index: 99;
    margin: 0.267rem auto
}

.telephone-button.piece.phone-pos.ftop-right {
    position: fixed;
    top: 2.107rem;
    right: 0.267rem;
    z-index: 99
}

.telephone-button.piece.phone-pos.ftop-left {
    position: fixed;
    top: 2.107rem;
    left: 0.267rem;
    z-index: 99
}

.ftop>.tel-btn {
    width: 100% !important;
    border-radius: 0;
    opacity: .95
}

.fbottom>.tel-btn {
    width: 100% !important;
    border-radius: 0;
    opacity: .95
}

.nav-wrapper {
    cursor: pointer;
    position: relative;
    height: 1.227rem;
    line-height: 1.227rem;
    text-align: center;
    background-color: #FFF
}

.nav-wrapper .nav-inner {
    border-top: 0.027rem solid #f4f5f6;
    border-bottom: 0.053rem solid #f85959;
    margin: 0;
    padding: 0;
    height: 1.227rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    -webkit-box-align: center
}

.nav-wrapper .nav-item {
    position: relative;
    vertical-align: top;
    display: block;
    -webkit-box-flex: 1;
    width: 0.027rem;
    padding-right: 0.4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nav-wrapper .nav-item a {
    color: #222;
    font-size: 0.373rem;
    display: block;
    width: 100%;
    line-height: 0.64rem;
    height: 0.64rem;
    vertical-align: middle;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nav-wrapper .nav-item a:focus,.nav-wrapper .nav-item a:hover {
    text-decoration: none
}

.nav-wrapper .line {
    display: inline-block;
    vertical-align: middle;
    height: 0.373rem;
    line-height: 0.373rem;
    border-right: 0.027rem solid #222;
    position: absolute;
    right: 0.187rem;
    top: 50%;
    margin-top: -0.16rem
}

.nav-wrapper.item0 .cur a {
    background-color: #f85959;
    border-radius: 0.32rem;
    color: #fff
}

.nav-wrapper.item1 .nav-inner {
    border-bottom: 0.027rem solid #f85959
}

.nav-wrapper.item2 .nav-inner {
    border: 0;
    background-color: #f85959
}

.nav-wrapper.item2 .nav-inner .nav-item a {
    color: #fff;
    border-color: #fff
}

.nav-wrapper.item2 .nav-inner .nav-item .line {
    border-color: #fff
}

.nav-wrapper.item1 .cur a {
    line-height: 1.173rem;
    height: 1.173rem;
    border-bottom: 0.053rem solid #f85959
}

.nav-wrapper.item2 .cur a {
    border-radius: 0.32rem;
    border: 0.027rem solid
}

.nav-wrapper.item3 .cur a {
    color: #f85959
}

.nav-wrapper.item4 .cur a {
    background-color: #f85959;
    border-radius: 0.32rem;
    color: #fff
}

.nav-wrapper.item4 .nav-inner {
    border-bottom: none
}

.nav-wrapper .no-link a {
    cursor: default
}

.nav-wrapper.item5,.nav-wrapper.item6 {
    height: auto;
    position: static;
    line-height: inherit;
    background-color: transparent
}

.editing .nav-wrapper.item5 .nav-inner,.editing .nav-wrapper.item6 .nav-inner {
    display: none
}

.nav-wrapper.item5 .nav-inner,.nav-wrapper.item6 .nav-inner {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s;
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    bottom: 0;
    width: 4.667rem;
    padding-right: 0.267rem;
    height: auto;
    border: 0;
    background-color: #fff;
    border-left: 0.027rem solid rgba(218,218,218,0.5);
    -webkit-box-shadow: 0 0.053rem 0.107rem 0 rgba(218,218,218,0.5);
    box-shadow: 0 0.053rem 0.107rem 0 rgba(218,218,218,0.5);
    display: block;
    font-size: 0.48rem;
    padding-top: 1.013rem
}

.nav-wrapper.item5 .nav-inner.open,.nav-wrapper.item6 .nav-inner.open {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.nav-wrapper.item5 .nav-item,.nav-wrapper.item6 .nav-item {
    font-size: inherit;
    line-height: 1.4;
    width: auto;
    height: auto;
    margin: 0.8rem auto;
    padding-top: 0.107rem;
    padding-bottom: 0.107rem;
    padding-left: 0;
    padding-right: 0;
    border: none;
    color: #a0a0a0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.nav-wrapper.item5 .nav-item .line,.nav-wrapper.item6 .nav-item .line {
    display: none
}

.nav-wrapper.item5 .nav-item a,.nav-wrapper.item6 .nav-item a {
    font-size: inherit;
    color: inherit;
    line-height: 1.4;
    width: auto;
    height: auto
}

.nav-trigger,.nav-close {
    display: none
}

.nav-wrapper.item5 .nav-close,.nav-wrapper.item6 .nav-close {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.173rem;
    width: 1.173rem;
    height: 1.173rem;
    color: #a0a0a0;
    font-weight: 100;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 0.48rem
}

.nav-wrapper.item5 .nav-trigger,.nav-wrapper.item6 .nav-trigger {
    display: block;
    width: 1.44rem;
    height: 1.44rem;
    position: relative
}

.nav-wrapper.item5 .nav-trigger .nav-trigger-icon,.nav-wrapper.item6 .nav-trigger .nav-trigger-icon {
    width: 0.587rem;
    height: 0.053rem;
    border-radius: 0.107rem;
    background-color: #222;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.nav-wrapper.item5 .nav-trigger .nav-trigger-icon:before,.nav-wrapper.item6 .nav-trigger .nav-trigger-icon:before,.nav-wrapper.item5 .nav-trigger .nav-trigger-icon:after,.nav-wrapper.item6 .nav-trigger .nav-trigger-icon:after {
    content: '';
    border-radius: 0.107rem;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-color: inherit;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.nav-wrapper.item5 .nav-trigger .nav-trigger-icon:before,.nav-wrapper.item6 .nav-trigger .nav-trigger-icon:before {
    -webkit-transform: translateY(-0.16rem);
    transform: translateY(-0.16rem)
}

.nav-wrapper.item5 .nav-trigger .nav-trigger-icon:after,.nav-wrapper.item6 .nav-trigger .nav-trigger-icon:after {
    -webkit-transform: translateY(0.16rem);
    transform: translateY(0.16rem)
}

.nav-wrapper.item5 .nav-item {
    padding-left: 0.933rem;
    text-align: left
}

.nav-wrapper.item5 .nav-item a {
    display: inline-block;
    padding: 0.107rem 0.4rem;
    max-width: 100%;
    border-radius: 0.453rem;
    -webkit-transition: all .5s;
    transition: all .5s
}

.nav-wrapper.item5 .nav-item.cur a,.nav-wrapper.item5 .nav-item:active a {
    vertical-align: top;
    background: #F74442;
    color: #fff
}

.nav-wrapper.item6 .nav-item {
    padding-left: 1.067rem
}

.nav-wrapper.item6 .nav-item a {
    padding-left: 0.267rem;
    padding-right: 0.267rem;
    text-align: left;
    -webkit-transition: all .5s;
    transition: all .5s
}

.nav-wrapper.item6 .nav-item {
    border-left: 0.027rem solid transparent
}

.nav-wrapper.item6 .nav-item.cur,.nav-wrapper.item6 .nav-item:active {
    border-left: 0.027rem solid #F74441;
    color: #F74441
}

.nav-wrapper.item6 .nav-item.cur a,.nav-wrapper.item6 .nav-item:active a {
    -webkit-transform: translateX(-0.5em);
    transform: translateX(-0.5em)
}

.nine-block-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.nine-block-box .nbb-top,.nine-block-box .nbb-middle,.nine-block-box .nbb-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nine-block-box .nbb-middle,.nine-block-box .nbb-center {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.nine-block-box .box-background-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.nine-block-box .nbb-top .nbb-left,.nine-block-box .nbb-top .nbb-right,.nine-block-box .nbb-bottom .nbb-left,.nine-block-box .nbb-bottom .nbb-right {
    background-size: 100%
}

.nine-block-box .nbb-top .nbb-center,.nine-block-box .nbb-bottom .nbb-center {
    background-size: auto 100%;
    background-repeat: repeat-x
}

.nine-block-box .nbb-middle .nbb-left,.nine-block-box .nbb-middle .nbb-right {
    background-size: 100% auto;
    background-repeat: repeat-y
}

.image-con {
    position: relative
}

.image-con a,a.image-con {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    text-decoration: none;
    outline: none;
    color: #406599;
    -webkit-tap-highlight-color: rgba(128,128,128,0.5)
}

.image-con a:hover,a.image-con:hover {
    outline: none;
    text-decoration: none;
    cursor: pointer
}

.image-con a:-webkit-any-link,a.image-con:-webkit-any-link {
    text-decoration: none;
    cursor: auto
}

.image-con a,a.image-con,.image-con a:focus,a.image-con:focus,.image-con a:outline,a.image-con:outline {
    border: none;
    outline: none
}

.image-con div,div.image-con {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none
}

.image-con img,img.image-con {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    vertical-align: middle;
    outline: none
}

.image-con a img {
    border: none;
    outline: none
}

.image-con span,span.image-con {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    display: inline-block
}

.image-con.layer-style {
    height: 100%
}

.image-con.layer-style .image-box,.image-con.layer-style .image-item,.image-con.layer-style .image-link {
    height: 100%
}

.image-con .image-box {
    position: relative
}

.image-con .image-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none
}

.image-con .image-item {
    width: 100%
}

.image-con .image-link {
    display: block;
    line-height: 0
}

.image-con .image-link>img {
    display: block
}

.image-con .image-text {
    position: absolute
}

.image-con .text-label-0,.image-con .text-label-1,.image-con .text-label-2,.image-con .text-label-3,.image-con .text-label-4,.image-con .text-label-5 {
    font-size: 0.32rem;
    color: #FFF;
    background-color: rgba(0,0,0,0.3);
    padding: 0.133rem
}

.image-con .text-label-0 {
    width: auto;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.133rem 0.267rem
}

.image-con .text-label-1 {
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    padding-left: 0.267rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.image-con .text-label-2 {
    width: auto;
    right: 0;
    top: 0;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0.267rem
}

.image-con .text-label-3 {
    width: auto;
    left: 0;
    bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0.267rem
}

.image-con .text-label-4 {
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.image-con .text-label-5 {
    width: auto;
    right: 0;
    bottom: 0;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0.267rem
}

.pictureset-box .swiper-container {
    position: relative
}

.pictureset-box .pictureset-container {
    position: relative;
    background-color: #000
}

.pictureset-box .default-wrapper {
    background: url("http://s3.pstatp.com/bytecom/resource/site_web/static/image/tetris/bricklist/pictureset_df17ac2.png") no-repeat center
}

.pictureset-box img.pictureset-img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%
}

.pictureset-box .description {
    padding: 0.32rem 0.4rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: white;
    background-color: rgba(27,27,27,0.7);
    max-height: 50%;
    overflow: hidden
}

.pictureset-box .description .title-wrapper {
    margin-bottom: 0.267rem
}

.pictureset-box .description .title {
    font-size: 0.48rem;
    line-height: 0.8rem
}

.pictureset-box .description .content {
    min-width: 0;
    color: #aaa;
    font-size: 0.427rem;
    line-height: 0.613rem
}

.pictureset-box .description .content .pictureset-content-current-page {
    display: inline
}

.pictureset-box .description .content .total {
    display: inline;
    font-size: 0.373rem
}

.pictureset-box .description .content .text {
    display: inline
}

.pictureset-box .link-btn {
    float: right;
    color: #fff;
    background-color: #e66462;
    font-size: 0.373rem;
    border-radius: 0.08rem;
    padding: 0 0.267rem;
    line-height: 0.8rem;
    text-align: center;
    text-decoration: none
}

.pictureset-box a.link-btn:hover,.pictureset-box a.link-btn:focus {
    color: #fff
}

.pictureset-box .pictureset-label {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    height: 0.533rem;
    margin-right: -0.053rem
}

.pictureset-box .pictureset-label .circle {
    background-color: rgba(248,89,89,0.7);
    background-clip: content-box;
    border: 0.08rem solid rgba(255,255,255,0.75);
    width: 0.267rem;
    height: 0.267rem;
    display: inline-block;
    border-radius: 50%
}

.pictureset-box .pictureset-label .content {
    min-width: 0;
    padding: 0 0.213rem;
    line-height: 0.533rem;
    font-size: 0.373rem;
    color: #222;
    background-color: rgba(255,255,255,0.75);
    border-radius: 0.133rem;
    margin: 0 0.08rem
}

.pictureset-box .invisible {
    visibility: hidden
}

.ui-night-mode .survey-feedback .title {
    color: #707070 !important
}

.ui-night-mode .survey-feedback .body {
    color: #707070 !important
}

.ui-night-mode .poll .survey-poll .poll-title {
    color: #707070 !important
}

.ui-night-mode .poll .survey-poll .button-warp .button {
    position: relative;
    background: #1b1b1b !important;
    color: #707070 !important
}

.ui-night-mode .poll .survey-poll .button-warp .button:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #1b1b1b !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.232rem;
    width: 200%;
    height: 200%;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.poll .survey-poll {
    height: 123px;
    padding: 16px 29px 0 29px;
    word-wrap: break-word;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial
}

.poll .survey-poll .poll-title {
    margin-top: -24px;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 18px;
    font-weight: normal;
    color: #3B3B3B;
    margin-bottom: 19px;
    letter-spacing: 0
}

.poll .survey-poll .button-warp {
    position: relative
}

.poll .survey-poll .button-warp .answer-button:first-child {
    position: absolute;
    left: 0;
    top: 0
}

.poll .survey-poll .button-warp .answer-button {
    display: block;
    width: 72px;
    margin: 0 auto
}

.poll .survey-poll .button-warp .answer-button:last-child {
    position: absolute;
    right: 0;
    top: 0
}

.poll .survey-poll .button-warp .button {
    width: 72px;
    height: 28px;
    background: #F4F5F6;
    border-radius: 4px;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    outline: 0;
    font-size: 14px;
    line-height: 28px;
    color: #222
}

.poll .survey-poll .button-warp .button:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #e8e8e8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    width: 200%;
    height: 200%;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.poll .survey-feedback {
    height: 3.28rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.poll .survey-feedback .title {
    font-family: PingFangSC-Regular;
    font-size: 0.507rem;
    color: #3B3B3B;
    letter-spacing: 0
}

.poll .survey-feedback .body {
    font-family: PingFangSC-Regular;
    margin-top: 0.107rem;
    font-size: 0.4rem;
    color: #3B3B3B;
    letter-spacing: 0
}

.poll .poll-placeholder {
    width: 100%;
    height: 3.733rem;
    overflow: hidden;
    background-image: url("http://s3.pstatp.com/bytecom/resource/site_web/static/image/tetris/bricklist/vote_icon@2x_8d6ea60.png");
    background-repeat: no-repeat;
    background-position: center center
}

.poll label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0.133rem
}

.poll span {
    display: inline-block
}

.poll input {
    vertical-align: top;
    margin: 0.107rem 0 0
}

.poll .poll-content .poll-name {
    border-bottom: solid 0.027rem #e8e8e8;
    padding: 0.267rem
}

.poll .poll-content .poll-name span {
    font-size: 0.427rem;
    font-weight: 700
}

.poll .poll-content .poll-desc {
    display: none;
    padding: 0.267rem
}

.poll .poll-content .poll-desc span {
    text-indent: 2rem;
    font-size: 0.373rem
}

.poll .poll-content .poll-options {
    padding: 0.133rem 0.48rem
}

.poll .poll-content .poll-options .option-list .poll-result {
    display: none
}

.poll .poll-content .poll-options .option-list .poll-oper input {
    display: inline-block;
    width: 0.347rem;
    height: 0.347rem;
    margin-right: 0.133rem
}

.poll .poll-content .poll-options .option-list .poll-oper label {
    margin-bottom: 0.133rem
}

.poll .poll-content .poll-options .option-list .poll-oper label .option-desc {
    word-break: break-all
}

.poll .poll-content .poll-options .option-list .poll-oper label .option-desc.style-1 {
    width: 3.467rem
}

.poll .poll-content .poll-options .option-img {
    width: 50%;
    display: inline-block
}

.poll .poll-content .poll-options .option-img .poll-oper {
    line-height: 0.32rem;
    height: 0.32rem;
    margin: 0
}

.poll .poll-content .poll-options .option-img .poll-oper input {
    width: 0.533rem
}

.poll .poll-content .poll-options .option-img img {
    width: 80%;
    height: 2.667rem;
    margin-bottom: 0.133rem
}

.poll .poll-content .poll-options .option-img .poll-result .chart-container {
    width: 80%
}

.poll .poll-content .poll-options .option-list .poll-result .chart-container {
    width: 5.333rem
}

.poll .poll-content .poll-options .option .poll-result .chart-container {
    display: inline-block;
    background-color: #e8e8e8;
    height: 0.267rem;
    border-radius: 0.053rem
}

.poll .poll-content .poll-options .option .poll-result .chart-container .poll-result-chart {
    background-color: #8ecff5;
    height: 0.267rem;
    border-radius: 0.053rem
}

.poll .poll-content .poll-options .option .poll-result .poll-result-desc {
    display: inline-block;
    font-size: 0.32rem;
    line-height: 0.373rem;
    height: 0.373rem
}

.poll .poll-content .poll-options .option .poll-result .poll-result-desc span:nth-child(1) {
    display: none
}

.poll .poll-content .poll-options .option .poll-result .poll-result-desc span {
    margin-left: 0.267rem
}

.poll .poll-content .clear {
    clear: both
}

.poll .poll-content .poll-options-result .poll-oper input[name=vote] {
    display: none
}

.poll .poll-content .poll-options-result .poll-oper label {
    height: 0.347rem
}

.poll .poll-content .option-list .poll-image {
    width: 3.467rem;
    height: 3.467rem;
    margin: 0 0 0.267rem 0.267rem
}

.poll .poll-content .question-list .question-name {
    font-size: 0.427rem;
    font-weight: 600;
    margin: 0.267rem 0;
    border-bottom: solid 0.027rem #e8e8e8
}

.poll .poll-content .poll-oper a {
    width: 90%;
    height: 1.173rem;
    line-height: 1.173rem;
    display: block;
    margin: 0 auto;
    background-color: #f85959;
    color: #FFFFFF;
    border-radius: 0.133rem;
    font-size: 0.48rem;
    min-width: 2rem;
    text-align: center
}

.qrcode-container {
    text-align: center;
    font-size: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.qrcode-container img {
    width: 100%;
    pointer-events: none
}

.qrcode-container canvas {
    pointer-events: none
}

.rctbutton-piece .nor-btn {
    display: block;
    margin: 0 auto;
    cursor: pointer;
    color: #fff;
    height: 1.173rem;
    line-height: 1.173rem;
    text-align: center;
    border-radius: 0.107rem;
    text-decoration: none;
    font-size: 0.48rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: #000
}

.rctbutton-piece a.nor-btn:hover,.rctbutton-piece a.nor-btn:active,.rctbutton-piece a.nor-btn:focus {
    color: #fff
}

.rctbutton-piece .tips {
    margin-top: 0.267rem;
    text-align: center
}

.rctbutton-piece .image-item {
    width: 100%
}

.rctbutton-piece .image-box {
    position: relative
}

.rctbutton-piece .image-link {
    display: block;
    line-height: 0
}

.rctbutton-piece .image-con {
    position: relative
}

.rctbutton-piece .image-text {
    margin-top: 0.267rem;
    position: absolute
}

.rctbutton-piece .text-label-0,.rctbutton-piece .text-label-1,.rctbutton-piece .text-label-2,.rctbutton-piece .text-label-3,.rctbutton-piece .text-label-4,.rctbutton-piece .text-label-5 {
    font-size: 0.32rem;
    color: #FFF;
    background-color: rgba(0,0,0,0.3);
    padding: 0.133rem
}

.rctbutton-piece .text-label-0 {
    width: auto;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.133rem 0.267rem
}

.rctbutton-piece .text-label-1 {
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    padding-left: 0.267rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.rctbutton-piece .text-label-2 {
    width: auto;
    right: 0;
    top: 0;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0.267rem
}

.rctbutton-piece .text-label-3 {
    width: auto;
    left: 0;
    bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0.267rem
}

.rctbutton-piece .text-label-4 {
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.rctbutton-piece .text-label-5 {
    width: auto;
    right: 0;
    bottom: 0;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0.267rem
}

.rctbutton-piece .tips {
    text-align: center
}

.rct-bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 16.667rem
}

.rct-bottom .rct-bottom-link {
    width: 10rem;
    border: none
}

.rct-bottom .rct-bottom-link .icon img {
    width: 2rem;
    height: 2rem;
    padding: 0;
    margin: 0
}

.rct-bottom .loading {
    background-image: url(http://s3.pstatp.com/bytecom/resource/brick_editor/image/loading.gif);
    background-repeat: no-repeat;
    background-position: center
}

.rctbutton-piece .nor-btn {
    display: block;
    margin: 0 auto;
    cursor: pointer;
    color: #fff;
    height: 1.173rem;
    line-height: 1.173rem;
    text-align: center;
    border-radius: 0.107rem;
    text-decoration: none;
    font-size: 0.48rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: #000
}

.rctbutton-piece a.nor-btn:hover,.rctbutton-piece a.nor-btn:active,.rctbutton-piece a.nor-btn:focus {
    color: #fff
}

.rctbutton-piece .image-item {
    width: 100%
}

.rctbutton-piece .image-box {
    position: relative
}

.rctbutton-piece .image-link {
    display: block;
    line-height: 0
}

.rctbutton-piece .image-con {
    position: relative
}

.rctbutton-piece .image-text {
    position: absolute
}

.rctbutton-piece .text-label-0,.rctbutton-piece .text-label-1,.rctbutton-piece .text-label-2,.rctbutton-piece .text-label-3,.rctbutton-piece .text-label-4,.rctbutton-piece .text-label-5 {
    font-size: 0.32rem;
    color: #FFF;
    background-color: rgba(0,0,0,0.3);
    padding: 0.133rem
}

.rctbutton-piece .text-label-0 {
    width: auto;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.133rem 0.267rem
}

.rctbutton-piece .text-label-1 {
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    padding-left: 0.267rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.rctbutton-piece .text-label-2 {
    width: auto;
    right: 0;
    top: 0;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0.267rem
}

.rctbutton-piece .text-label-3 {
    width: auto;
    left: 0;
    bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0.267rem
}

.rctbutton-piece .text-label-4 {
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.rctbutton-piece .text-label-5 {
    width: auto;
    right: 0;
    bottom: 0;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0.267rem
}

.rct-downloadbutton .nor-downloadbtn {
    display: block;
    margin: 0 auto;
    cursor: pointer;
    color: #fff;
    height: 1.173rem;
    line-height: 1.173rem;
    text-align: center;
    border-radius: 0.107rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 0.48rem
}

.rct-downloadbutton a.nor-downloadbtn:hover,.rct-downloadbutton a.nor-downloadbtn:active,.rct-downloadbutton a.nor-downloadbtn:focus {
    color: #fff
}

.rct-downloadbutton a.tel-btn:hover,.rct-downloadbutton a.tel-btn:focus {
    text-decoration: none;
    color: #fff;
    outline: none
}

.form-piece-with-caculator {
    display: block;
    margin: 0.267rem;
    border: 0.027rem solid rgba(0,0,0,0.075);
    border-bottom-color: rgba(0,0,0,0.125);
    -webkit-box-shadow: 0 0.027rem 0.053rem rgba(0,0,0,0.05),0 0.133rem 0.267rem rgba(0,0,0,0.05);
    box-shadow: 0 0.027rem 0.053rem rgba(0,0,0,0.05),0 0.133rem 0.267rem rgba(0,0,0,0.05);
    border-radius: 0.533rem
}

.rct-form {
    border: 0.027rem solid transparent
}

.rct-form .form-notice {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #000;
    color: #fff;
    padding: 0.427rem;
    border-radius: 0.107rem;
    text-align: center;
    z-index: 40;
    -webkit-box-shadow: 0 0 0.533rem rgba(0,0,0,0.3);
    box-shadow: 0 0 0.533rem rgba(0,0,0,0.3);
    visibility: hidden
}

.rct-form .show {
    visibility: visible;
    -webkit-animation: fadeInOut .3s;
    animation: fadeInOut .3s
}

@-webkit-keyframes fadeInOut {
    5%,95% {
        opacity: 1
    }

    15%,85% {
        opacity: 1
    }
}

@keyframes fadeInOut {
    5%,95% {
        opacity: 1
    }

    15%,85% {
        opacity: 1
    }
}

.rct-form .form-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    pointer-events: none;
    z-index: -4
}

.rct-form .title-line {
    font-size: 0.427rem;
    padding: 0 0.4rem;
    line-height: 0.533rem;
    vertical-align: middle;
    font-weight: bold;
    transform: skew(-19deg) scale(1, .5);
    -webkit-transform: skew(-19deg) scale(1, .5);
    -ms-transform: skew(-10deg) scale(1, .5);
    -moz-transform: skew(-10deg) scale(1, .5);
    -o-transform: skew(-10deg) scale(1, .5)
}

.rct-form .input-group-i,.rct-form .select-group,.rct-form .selectMulti-group,.rct-form .textarea-group,.rct-form .city-group,.rct-form .date-group,.rct-form .gender-group,.rct-form .checkbox-group,.rct-form .radio-group {
    padding: 0.267rem 0.64rem;
    position: relative;
    border-collapse: separate
}

.rct-form .select-addon,.rct-form .city-addon,.rct-form .date-addon,.rct-form .gender-addon,.rct-form .textarea-addon,.rct-form .checkbox-addon,.rct-form .radio-addon,.rct-form .input-group-i .input-group-addon-i {
    font-size: 0.32rem;
    text-align: center;
    line-height: 1;
    margin-bottom: 0.267rem;
    color: #808080;
    display: inline-block
}

.rct-form .warn-star:after {
    content: ' *';
    color: #f85959
}

.rct-form .nor-btn,.rct-form .btn-i {
    display: block;
    cursor: pointer;
    color: #fff;
    height: 1.28rem;
    line-height: 1.28rem;
    width: 8.667rem;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 0.48rem;
    padding: 0;
    border-radius: 0.107rem;
    -webkit-user-select: none;
    margin: 0 auto 0.693rem
}

.rct-form .nor-btn:active,.rct-form .btn-i:active {
    opacity: .7
}

.rct-form .form-control {
    height: 1.067rem
}

.rct-form .input-style {
    height: 1.067rem;
    width: 100%;
    color: #555;
    font-size: 0.373rem;
    border: 0.027rem solid #ccc;
    border-radius: 0.107rem;
    background-color: #fff;
    padding: 0.16rem 0.32rem;
    display: block
}

.rct-form .validate-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    height: 300%;
    width: 100%;
    left: 0;
    right: 0;
    background: rgba(127,127,127,0.5);
    z-index: 4
}

.rct-form .validate-wrapper .validate-dialog {
    position: fixed;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 85%;
    background: #fff;
    padding: 0.667rem 0.4rem;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 0.053rem 0.053rem rgba(127,127,127,0.6);
    box-shadow: 0 0 0.053rem 0.053rem rgba(127,127,127,0.6);
    z-index: 5;
    border-radius: 0.053rem
}

.rct-form .validate-wrapper .validate-dialog .close {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    width: 0.8rem;
    height: 1.067rem;
    padding: 0.267rem 0
}

.rct-form .validate-wrapper .validate-dialog .title {
    font-size: 0.48rem;
    width: 50%;
    border-bottom: 0.027rem solid #FF5454;
    margin: 0 auto;
    margin-top: 0.267rem;
    text-align: center
}

.rct-form .validate-wrapper .validate-dialog input {
    border: 0.027rem solid #e8e8e8;
    border-radius: 0.107rem;
    outline: none;
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0
}

.rct-form .validate-wrapper .validate-dialog .sms-info,.rct-form .validate-wrapper .validate-dialog .spam-info {
    color: red;
    height: 1.867rem;
    line-height: 0.667rem;
    text-align: center;
    padding: 0.533rem 0 0 0
}

.rct-form .validate-wrapper .validate-dialog .pic-validate,.rct-form .validate-wrapper .validate-dialog .spam-sms-validate,.rct-form .validate-wrapper .validate-dialog .sms-validate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.267rem 0
}

.rct-form .validate-wrapper .validate-dialog .pic-validate img,.rct-form .validate-wrapper .validate-dialog .spam-sms-validate img,.rct-form .validate-wrapper .validate-dialog .sms-validate img {
    min-width: 2.133rem;
    height: 1.067rem;
    margin: 0 0.267rem;
    border: 0.027rem solid #e8e8e8
}

.rct-form .validate-wrapper .validate-dialog .pic-validate .decor-line,.rct-form .validate-wrapper .validate-dialog .spam-sms-validate .decor-line,.rct-form .validate-wrapper .validate-dialog .sms-validate .decor-line {
    margin-left: 0.267rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-right: 0.027rem solid #e8e8e8
}

.rct-form .validate-wrapper .validate-dialog .pic-validate .nor-btn,.rct-form .validate-wrapper .validate-dialog .spam-sms-validate .nor-btn,.rct-form .validate-wrapper .validate-dialog .sms-validate .nor-btn {
    height: 1.067rem;
    padding: 0 0.267rem;
    min-width: 2.667rem
}

.rct-form .validate-wrapper .validate-dialog .pic-validate input.spam-sms-captcha,.rct-form .validate-wrapper .validate-dialog .spam-sms-validate input.spam-sms-captcha,.rct-form .validate-wrapper .validate-dialog .sms-validate input.spam-sms-captcha {
    margin-right: 0.267rem
}

.rct-form .validate-wrapper .validate-dialog .pic-validate .refresh-pic-btn,.rct-form .validate-wrapper .validate-dialog .pic-validate .spam-refresh-pic-btn,.rct-form .validate-wrapper .validate-dialog .spam-sms-validate .refresh-pic-btn,.rct-form .validate-wrapper .validate-dialog .spam-sms-validate .spam-refresh-pic-btn,.rct-form .validate-wrapper .validate-dialog .sms-validate .refresh-pic-btn,.rct-form .validate-wrapper .validate-dialog .sms-validate .spam-refresh-pic-btn {
    width: 16%;
    min-width: 1.333rem;
    color: #48A3FC;
    background-color: #FAFAFA;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #fff;
    padding: 0;
    font-size: 0.32rem
}

.rct-form .validate-wrapper .validate-dialog .pic-validate .spam-send-sms,.rct-form .validate-wrapper .validate-dialog .spam-sms-validate .spam-send-sms,.rct-form .validate-wrapper .validate-dialog .sms-validate .spam-send-sms {
    width: 3.307rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #48A3FC;
    background-color: #FAFAFA;
    font-size: 0.32rem
}

.rct-form .validate-wrapper .validate-dialog .pic-validate .spam-send-sms.disabled,.rct-form .validate-wrapper .validate-dialog .spam-sms-validate .spam-send-sms.disabled,.rct-form .validate-wrapper .validate-dialog .sms-validate .spam-send-sms.disabled {
    color: #9B9B9B
}

.rct-form .validate-wrapper .validate-dialog .send_sms_validate,.rct-form .validate-wrapper .validate-dialog .spam-submit {
    margin-top: 1.333rem;
    border-radius: 0.053rem
}

.rct-form .input-group-i .style2-placeholder {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0.4rem 0.8rem;
    pointer-events: none;
    color: #999
}

.rct-form .input-group-i .form-control-error {
    right: 0.96rem;
    color: #E53935;
    position: absolute;
    font-size: 0.32rem;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50);
    margin-top: 0
}

.rct-form .input-group-i .sms-validate {
    margin: 0.267rem 0
}

.rct-form .input-group-i .sms-validate .input-style {
    float: left;
    width: 60%
}

.rct-form .input-group-i .sms-validate .btn-wrapper {
    float: left;
    width: 40%;
    padding-left: 0.267rem
}

.rct-form .input-group-i .sms-validate .send-sms {
    font-size: 0.373rem;
    line-height: 1.067rem;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 1.067rem;
    margin: 0 auto;
    padding: 0 0.373rem;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: none;
    border-radius: 0.107rem;
    opacity: .7
}

.rct-form .input-group-i .sms-validate .send-sms.disabled {
    background-color: #9B9B9B
}

.rct-form .input-group-i .form-autocomplete-list {
    position: absolute;
    z-index: 1;
    background-color: #fff;
    left: 1em;
    right: 1em;
    margin-top: -0.053rem;
    padding: 0 1em;
    max-height: 3.52rem;
    overflow-x: hidden;
    overflow-y: auto;
    border: 0.027rem solid #ddd;
    -webkit-box-shadow: 0 0 0.107rem 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 0.107rem 0 rgba(0,0,0,0.2);
    -webkit-overflow-scrolling: touch;
    font-size: 0.373rem
}

.rct-form .input-group-i .form-autocomplete-item {
    height: 1.067rem;
    line-height: 1.067rem;
    padding: 0 .5em;
    position: relative
}

.rct-form .input-group-i .form-autocomplete-item:active {
    background-color: #f5f5f5
}

.rct-form .input-group-i .form-autocomplete-item~.form-autocomplete-item:before {
    content: '';
    display: block;
    position: absolute;
    border-top: 0.027rem solid #ddd;
    width: 200%;
    height: 200%;
    top: 0;
    left: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.rct-form .textarea-group textarea {
    display: block;
    position: relative;
    margin-bottom: 0;
    width: 100%;
    padding: 0.16rem 0.32rem;
    font-size: 0.373rem;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 0.027rem solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.107rem;
    -webkit-box-shadow: inset 0 .026667rem .026667rem rgba(0,0,0,0.075);
    box-shadow: inset 0 .026667rem .026667rem rgba(0,0,0,0.075)
}

.rct-form .textarea-group .style2-placeholder {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0.4rem 0.8rem;
    pointer-events: none;
    color: #999
}

.rct-form .selectMulti-group .select-checkbox select {
    display: none
}

.rct-form .selectMulti-group .select-checkbox .cbx-item {
    margin: 0.267rem 0.533rem 0 0;
    display: inline-block;
    font-weight: normal
}

.rct-form .selectMulti-group .select-checkbox .cbx-item input {
    margin: 0.053rem 0.133rem 0 0;
    width: 0.48rem;
    height: 0.48rem
}

.rct-form .selectMulti-group .selectMulti-wrapper .select-wrapper:not(:first-child) {
    margin-top: 0.267rem
}

.rct-form .selectMulti-group .multi-select {
    display: none
}

.rct-form .date-group .form-date {
    -webkit-appearance: none;
    line-height: 0.587rem
}

.rct-form .city-group {
    overflow: auto
}

.rct-form .city-group .pro-list,.rct-form .city-group .city-list {
    width: 80%;
    margin-left: 0.267rem;
    display: inline-block;
    vertical-align: middle
}

.rct-form .city-group .city-group-province {
    padding-left: 0;
    padding-right: 0
}

.rct-form .city-group .city-group-city {
    padding-left: 0;
    padding-right: 0
}

.rct-form .city-group .city-control {
    display: block;
    height: 1.067rem;
    padding: 0.16rem 0.32rem;
    font-size: 0.373rem;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 0.027rem solid #ccc;
    border-radius: 0.107rem;
    -webkit-box-shadow: inset 0 0.027rem 0.027rem rgba(0,0,0,0.075);
    box-shadow: inset 0 0.027rem 0.027rem rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.rct-form .checkbox-group .radio-box [type="radio"],.rct-form .checkbox-group .checkbox-box [type="checkbox"],.rct-form .radio-group .radio-box [type="radio"],.rct-form .radio-group .checkbox-box [type="checkbox"],.rct-form .gender-group .radio-box [type="radio"],.rct-form .gender-group .checkbox-box [type="checkbox"] {
    margin-right: 0.133rem;
    vertical-align: middle
}

.rct-form .checkbox-group .radio-box label span,.rct-form .checkbox-group .checkbox-box label span,.rct-form .radio-group .radio-box label span,.rct-form .radio-group .checkbox-box label span,.rct-form .gender-group .radio-box label span,.rct-form .gender-group .checkbox-box label span {
    font-weight: normal;
    line-height: 1.5;
    max-width: 8rem;
    vertical-align: middle
}

.rct-form .checkbox-group .radio-box label,.rct-form .checkbox-group .checkbox-box label,.rct-form .radio-group .radio-box label,.rct-form .radio-group .checkbox-box label,.rct-form .gender-group .radio-box label,.rct-form .gender-group .checkbox-box label {
    margin-right: 0.4rem
}

.rct-form .checkbox-group .radio-group .radio-select,.rct-form .checkbox-group .checkbox-group .checkbox-select,.rct-form .radio-group .radio-group .radio-select,.rct-form .radio-group .checkbox-group .checkbox-select,.rct-form .gender-group .radio-group .radio-select,.rct-form .gender-group .checkbox-group .checkbox-select {
    display: none
}

.rct-form .form-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.16rem 0
}

.rct-form .form-count .split-count {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: solid 0.027rem #E8E8E8;
    height: 0.267rem;
    margin: 0 0.213rem
}

.rct-form .form-count .count-text {
    font-family: PingFangSC-Regular;
    font-size: 0.267rem;
    line-height: 0.48rem;
    color: #505050
}

.rct-form .form-count .count-text-num {
    margin: 0 0.133rem;
    font-size: 0.4rem;
    line-height: 1.2;
    color: red
}

.rct-form .m-input-text {
    position: relative
}

.rct-form .m-input-text .el-input-clear {
    display: none;
    position: absolute;
    top: 50%;
    right: 0.133rem;
    width: 0.427rem;
    height: 0.427rem;
    margin-top: -0.213rem;
    border-radius: 0.213rem;
    background-color: #ccc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.rct-form .m-input-text .el-input-clear:after,.rct-form .m-input-text .el-input-clear:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff
}

.rct-form .m-input-text .el-input-clear:after {
    width: 0.027rem;
    height: 70%
}

.rct-form .m-input-text .el-input-clear:before {
    width: 70%;
    height: 0.027rem
}

.rct-form .m-input-text .form-input-i:valid+.el-input-clear {
    display: block
}

.rct-form .form-tel-autofillbtn {
    position: relative;
    overflow: hidden;
    padding: 0.133rem 0.48rem;
    border-collapse: separate
}

.rct-form .form-tel-autofillbtn input[type="checkbox"].tel-check {
    vertical-align: middle;
    margin-top: -0.053rem;
    margin-bottom: 0.027rem
}

.rct-form .form-tel-autofillbtn .tel-tips {
    color: #999;
    font-weight: normal
}

.rct-form .recent-submit-content {
    color: #444444;
    margin: 0.133rem 0.56rem 0.4rem;
    position: relative
}

.rct-form .recent-submit-content.style1 .iconeditor-notification {
    display: none
}

.rct-form .recent-submit-content.style1 .recent-notification {
    display: none
}

.rct-form .recent-submit-content.style2 .swiper-container {
    height: 0.933rem;
    margin-left: 0.8rem
}

.rct-form .recent-submit-content.style2 .recent-title {
    display: none
}

.rct-form .recent-submit-content.style2 .recent-notification {
    position: absolute;
    top: 0.16rem;
    color: #ff635c
}

.rct-form .recent-submit-content .recent-title {
    color: #fff;
    line-height: 0.933rem;
    text-align: center
}

.rct-form .recent-submit-content .swiper-container {
    overflow: hidden;
    height: 4rem
}

.rct-form .recent-submit-content .swiper-container .recent-title {
    height: 0.933rem
}

.rct-form .recent-submit-content .swiper-container li {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.347rem
}

.rct-form .recent-submit-content .swiper-container li .iconeditor-notification {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 0.533rem;
    color: #f85959
}

.rct-form .recent-submit-content .swiper-container li.threecol .text {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    text-overflow: ellipsis
}

.rct-form .recent-submit-content .swiper-container li.threecol .text.name {
    min-width: 30%
}

.rct-form .recent-submit-content .swiper-container li.threecol .text.phone {
    width: 33%
}

.rct-form .recent-submit-content .swiper-container li.threecol .text.name,.rct-form .recent-submit-content .swiper-container li.threecol .text.phone {
    text-align: left
}

.rct-form .recent-submit-content .swiper-container li.threecol .text.time {
    width: 30%;
    text-align: right
}

.rct-form .recent-submit-content .swiper-container li.fourcol .text {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.rct-form .recent-submit-content .swiper-container li.fourcol .text.name {
    width: 15%
}

.rct-form .recent-submit-content .swiper-container li.fourcol .text.phone {
    width: 25%
}

.rct-form .recent-submit-content .swiper-container li.fourcol .text.city {
    width: 20%;
    text-align: center
}

.rct-form .recent-submit-content .swiper-container li.fourcol .text.name,.rct-form .recent-submit-content .swiper-container li.fourcol .text.phone {
    text-align: left
}

.rct-form .recent-submit-content .swiper-container li.fourcol .text.time {
    width: 20%;
    text-align: right
}

.rct-form .recent-submit-content .swiper-container table td {
    text-align: left
}

.rct-form .recent-submit-wrapper {
    padding: 0.267rem 0.48rem
}

.rct-form .recent-submit-wrapper img {
    width: 100%
}

.rct-form form {
    padding: 0
}

.rct-form form.input-style0 .input-group-i,.rct-form form.input-style0 [class*="-group"] {
    min-height: 1.067rem;
    overflow: hidden
}

.rct-form form.input-style0 .input-group-i span.input-group-addon-i,.rct-form form.input-style0 .date-group span.date-addon,.rct-form form.input-style0 .selectMulti-group span.select-addon,.rct-form form.input-style0 .textarea-group span.textarea-addon,.rct-form form.input-style0 .gender-group span.gender-addon,.rct-form form.input-style0 .radio-group span.radio-addon,.rct-form form.input-style0 .checkbox-group span.checkbox-addon,.rct-form form.input-style0 .city-group span.city-addon {
    float: left;
    width: 20%;
    overflow: hidden;
    line-height: 1.067rem;
    margin-bottom: 0;
    text-align: left
}

.rct-form form.input-style0 .input-group-i input,.rct-form form.input-style0 .date-group input {
    height: 1.067rem;
    width: 80%
}

.rct-form form.input-style0 .input-group-i .sms-validate {
    padding-left: 20%
}

.rct-form form.input-style0 .input-group-i .sms-validate span.input-group-addon-i {
    float: none;
    width: 40%
}

.rct-form form.input-style0 .input-group-i .sms-validate .form-control {
    width: 40%
}

.rct-form form.input-style0 .input-group-i .sms-validate .btn-wrapper {
    width: 60%
}

.rct-form form.input-style0 .city-box,.rct-form form.input-style0 .radio-box,.rct-form form.input-style0 .checkbox-box,.rct-form form.input-style0 .selectMulti-group .selectMulti-wrapper {
    width: 80%;
    min-height: 1.067rem;
    margin-left: 20%
}

.rct-form form.input-style0 .city-group .city-box {
    padding: 0
}

.rct-form form.input-style0 .textarea-group textarea {
    width: 80%;
    margin-left: 20%
}

.rct-form form.input-style0 .gender-group label,.rct-form form.input-style0 .radio-group label,.rct-form form.input-style0 .checkbox-group label {
    height: 1.067rem;
    margin: 0;
    margin-right: 0.4rem;
    line-height: 1.067rem
}

.rct-form form.input-style0 .sms-validate {
    margin-left: 20%
}

.rct-form form.input-style1 .input-group-i span.input-group-addon-i,.rct-form form.input-style1 .textarea-group span.textarea-addon {
    display: none
}

.rct-form form.input-style3 {
    padding-top: 0
}

.rct-form form.input-style3 .ui-style3-input {
    margin-top: 0.267rem
}

.rct-form form.input-style3 .ui-style3-input input[type="text"] {
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    font-size: 0.427rem;
    text-indent: 0.053rem;
    -webkit-box-shadow: none;
    box-shadow: none
}

.rct-form form.input-style3 .ui-style3-sub {
    margin-top: 0.8rem !important;
    padding: 0 0.933rem
}

.rct-form form.input-style3 .ui-style3-btn {
    font-size: 0.453rem;
    border-radius: 0.16rem;
    height: 1.2rem
}

.rct-form form .m-title {
    font-size: 0.533rem;
    text-align: center;
    padding-top: 0.96rem;
    color: #222;
    padding-bottom: 0.373rem
}

.rct-form form .m-title div {
    line-height: 1.4
}

.rct-form form .m-title>h2 {
    font-size: 0.533rem;
    height: 0.587rem;
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.rct-form form .m-astitle>h5 {
    font-size: 0.32rem;
    color: #999;
    text-align: center;
    padding: 0.267rem 0
}

.rct-form form .el-result {
    position: absolute;
    text-align: center;
    color: #f00;
    font-size: 0.32rem;
    left: 0;
    right: 0;
    top: -0.48rem
}

.rct-form form .el-line4 {
    width: 100%;
    height: 0.027rem;
    background-color: #d8d8d8
}

.rct-form .col-left {
    width: 4.187rem;
    display: inline-block;
    float: left
}

.rct-form .col-right {
    width: 4.187rem;
    display: inline-block;
    float: right
}

.rct-form label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0.133rem
}

.rct-form span {
    display: inline-block
}

.rct-form .gender-group {
    font-size: 0.373rem
}

.rct-form .radio-control,.rct-form .checkbox-control {
    font-size: 0.373rem
}

.rct-form .radio-style {
    height: 0.347rem;
    width: 0.347rem
}

.rct-form input[type=checkbox],.rct-form input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

.rct-form .csrf-token {
    display: none;
    color: rgba(0,0,0,0)
}

.rct-form.empty {
    background: url(http://p2.pstatp.com/origin/6f3200082fdfdbe045f2) no-repeat center;
    height: 3.867rem
}

.rct-form .close {
    float: right;
    font-size: 0.56rem;
    line-height: 1;
    color: #000;
    text-shadow: 0 0.027rem 0 #fff;
    opacity: .2
}

.popup-wrap .btn {
    display: inline-block;
    padding: 0.16rem 0.32rem;
    margin-bottom: 0;
    font-size: 0.373rem;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 0.027rem solid transparent;
    border-radius: 0.107rem
}

.create-left-content .btn-jump,.create-right-content .btn-jump {
    width: 1.547rem;
    height: 1.547rem;
    z-index: 9999;
    margin: 0.267rem auto;
    opacity: .7;
    border-radius: 50%;
    background-image: url("http://s3.pstatp.com/bytecom/resource/tetris/images/form_icon.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
    outline: none;
    border: 0.027rem solid transparent
}

.create-left-content .btn-jump:focus,.create-right-content .btn-jump:focus,.create-left-content .btn-jump:active,.create-right-content .btn-jump:active,.create-left-content .btn-jump:hover,.create-right-content .btn-jump:hover {
    outline: none;
    outline: 0 !important;
    opacity: .5
}

.rct-form .form-element .input-group-i {
    background: rgba(255,255,255,0);
    padding: 0.267rem 0.64rem
}

.rct-form .form-element .input-group-i .m-input-text {
    background: rgba(255,255,255,0)
}

.rct-form .form-element .input-group-i .m-input-text .input-style {
    background: rgba(255,255,255,0);
    border: 0.027rem solid #E8E8E8;
    color: #fff;
    border-radius: 0
}

.rct-form .form-element .input-group-i .btn-i {
    margin: 0.427rem auto 0.693rem
}

.rct-form .input-style {
    background: rgba(255,255,255,0);
    border: 0.027rem solid #E8E8E8;
    border-radius: 0;
    color: #fff;
    height: 1.28rem;
    -webkit-box-shadow: none;
    box-shadow: none
}

.rct-form .select-wrapper {
    overflow: hidden;
    border: 0.027rem solid #E8E8E8;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none
}

.rct-form .select-wrapper .input-style {
    height: 1.227rem;
    -webkit-box-shadow: none;
    box-shadow: none
}

.rct-form .select-wrapper .select-triangle {
    position: absolute;
    top: 0.533rem;
    right: 0.267rem;
    z-index: 1;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-left: 0.107rem solid transparent;
    border-right: 0.107rem solid transparent;
    border-top: 0.107rem solid gray
}

.rct-form .select-wrapper:after {
    z-index: 1;
    color: #bbbbbb;
    vertical-align: middle;
    font-size: 0.213rem
}

.ie .rct-form .select-wrapper:after {
    display: none
}

.rct-form select.input-style {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background: transparent;
    background-image: none;
    display: block;
    width: 100%;
    outline: none;
    cursor: pointer;
    z-index: 2;
    border: none;
    padding: 0.267rem 0.267rem 0.267rem 0.133rem;
    text-overflow: '';
    text-indent: 0.133rem
}

.rct-form select.input-style[multiple=multiple] {
    height: auto;
    border: 0.027rem solid #cbcbcb;
    border-radius: 0
}

.rct-form select.input-style[multiple=multiple]:hover {
    border-color: #E8E8E8;
    -webkit-box-shadow: 0 0 0.4rem rgba(0,0,0,0.2);
    box-shadow: 0 0 0.4rem rgba(0,0,0,0.2)
}

.csrf-token {
    color: rgba(255,255,255,0)
}

.gender-group .radio-box label span {
    line-height: 1.067rem
}

.input-placeholder__show {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: .373rem;
    pointer-events: none
}

.rct-panorama .panorama-container {
    position: relative;
    width: 100%
}

.rct-panorama .panorama-layer {
    height: 16.667rem;
    position: relative;
    overflow-x: hidden
}

.rct-panorama .panorama-layer-img {
    overflow-x: hidden;
    height: 16.667rem;
    display: block
}

.rct-panorama .panorama-layer-icon {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 8.533rem;
    height: 3.813rem
}

.rct-picture {
    position: relative
}

.rct-picture .image-box {
    position: relative
}

.rct-picture .image-item {
    width: 100%
}

.rct-picture .image-link {
    display: block;
    line-height: 0
}

.rct-picture .image-link>img {
    display: block
}

.rct-picture .image-text {
    position: absolute
}

.rct-picture .text-label-0,.rct-picture .text-label-1,.rct-picture .text-label-2,.rct-picture .text-label-3,.rct-picture .text-label-4,.rct-picture .text-label-5 {
    font-size: 0.32rem;
    color: #FFF;
    background-color: rgba(0,0,0,0.3);
    padding: 0.133rem
}

.rct-picture .text-label-0 {
    width: auto;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.133rem 0.267rem
}

.rct-picture .text-label-1 {
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    padding-left: 0.267rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.rct-picture .text-label-2 {
    width: auto;
    right: 0;
    top: 0;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0.267rem
}

.rct-picture .text-label-3 {
    width: auto;
    left: 0;
    bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0.267rem
}

.rct-picture .text-label-4 {
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.rct-picture .text-label-5 {
    width: auto;
    right: 0;
    bottom: 0;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0.267rem
}

.rct-slide-box .slide-container {
    position: relative
}

.rct-slide-box .swiper-container {
    visibility: hidden
}

.rct-slide-box #slider {
    position: relative;
    overflow: hidden
}

.rct-slide-box .no-pics-slider {
    background-image: url("http://s3.pstatp.com/bytecom/resource/site_web/static/image/tetris/bricklist/tuzu@2x_718da62.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 4rem
}

.rct-slide-box .swiper-container-horizontal>.swiper-pagination-bullets,.rct-slide-box .swiper-pagination-custom,.rct-slide-box .swiper-pagination-fraction {
    right: 0.267rem;
    width: auto;
    padding: 0 0.133rem;
    border-radius: 0.213rem;
    line-height: normal;
    height: 0.427rem;
    line-height: 0.427rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rct-slide-box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.08rem
}

.rct-slide-box .swiper-pagination-bullet {
    width: 0.16rem;
    height: 0.16rem;
    opacity: 1;
    background-color: #d8d8d8 !important
}

.rct-slide-box .swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff !important;
    width: 0.64rem;
    border-radius: 2.667rem;
    -webkit-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out
}

.rct-slide-box .swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0
}

.rct-slide-box .swiper-slide.style1 {
    width: 80%
}

.rct-slide-box .swiper-slide.style2 {
    width: auto;
    max-height: 100%
}

.rct-slide-box .swiper-slide.style2 img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    padding: 0
}

.rct-slide-box .swiper-slide a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: black
}

.rct-slide-box .swiper-slide img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0
}

.rct-slide-box .swiper-slide p,.rct-slide-box .swiper-slide-2 p {
    position: absolute;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0;
    padding: 0 40% 0 0.373rem;
    line-height: 0.933rem;
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    text-align: left;
    font-size: 0.347rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 0.933rem;
    opacity: .9
}

.rct-slide-box .video-play {
    height: 100%;
    width: 100%;
    background: black
}

.rct-slide-box .video-layer {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 99999
}

.rct-slide-box .tt-video-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.rct-slide-box .img-label {
    font-size: 0.32rem;
    color: #FFF;
    background-color: rgba(0,0,0,0.3);
    width: 100%;
    position: absolute
}

.rct-slide-box .img-label span {
    padding: 0.133rem;
    text-align: center;
    width: 100%
}

.rct-slide-box .img-label-0 {
    top: 0
}

.rct-slide-box .img-label-1 {
    bottom: 0
}

.rct-telephone-button .tel-btn {
    display: block;
    margin: 0.427rem auto;
    cursor: pointer;
    color: #fff;
    height: 1.173rem;
    line-height: 1.173rem;
    background-color: #f85959;
    text-align: center;
    border-radius: 0.107rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 0.48rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 0
}

.rct-telephone-button .tel-btn .icon-telphone_right,.rct-telephone-button .tel-btn .icon-telphone_circle {
    display: none
}

.rct-telephone-button .tel-btn .icon-telphone_left {
    margin-right: 0.133rem
}

.rct-telephone-button .tel-btn .icon-telphone_right {
    margin-left: 0.133rem
}

.rct-telephone-button .tel-btn.style1 .icon-telphone_left,.rct-telephone-button .tel-btn.style2 .icon-telphone_left {
    display: inline
}

.rct-telephone-button .tel-btn.style1 .icon-telphone_right,.rct-telephone-button .tel-btn.style1 .icon-telphone_circle,.rct-telephone-button .tel-btn.style2 .icon-telphone_right,.rct-telephone-button .tel-btn.style2 .icon-telphone_circle {
    display: none
}

.rct-telephone-button .tel-btn.style3 .icon-telphone_circle,.rct-telephone-button .tel-btn.style4 .icon-telphone_circle {
    display: inline;
    height: 1.493rem;
    line-height: 1.493rem;
    font-size: 0.747rem
}

.rct-telephone-button .tel-btn.style3 .tel-label,.rct-telephone-button .tel-btn.style4 .tel-label,.rct-telephone-button .tel-btn.style3 .icon-telphone_left,.rct-telephone-button .tel-btn.style3 .icon-telphone_right,.rct-telephone-button .tel-btn.style4 .icon-telphone_left,.rct-telephone-button .tel-btn.style4 .icon-telphone_right {
    display: none
}

.rct-telephone-button .tel-btn.style3,.rct-telephone-button .tel-btn.style4 {
    width: 1.493rem !important;
    border-radius: 50%;
    line-height: 1.627rem;
    font-size: 0.747rem;
    opacity: .7
}

.rct-telephone-button .tel-btn.style3:active,.rct-telephone-button .tel-btn.style3:focus,.rct-telephone-button .tel-btn.style4:active,.rct-telephone-button .tel-btn.style4:focus {
    opacity: .5
}

.rct-telephone-button .tel-btn.style5 .icon-telphone_right,.rct-telephone-button .tel-btn.style6 .icon-telphone_right {
    display: inline
}

.rct-telephone-button .tel-btn.style5 .icon-telphone_left,.rct-telephone-button .tel-btn.style5 .icon-telphone_circle,.rct-telephone-button .tel-btn.style6 .icon-telphone_left,.rct-telephone-button .tel-btn.style6 .icon-telphone_circle {
    display: none
}

.rct-telephone-button .tel-btn.style1 .icon-left_arrow,.rct-telephone-button .tel-btn.style2 .icon-left_arrow,.rct-telephone-button .tel-btn.style3 .icon-left_arrow,.rct-telephone-button .tel-btn.style4 .icon-left_arrow,.rct-telephone-button .tel-btn.style5 .icon-left_arrow,.rct-telephone-button .tel-btn.style6 .icon-left_arrow {
    display: none
}

.rct-telephone-button .tel-btn.style7 {
    font-size: 0.373rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: block;
    text-align: start
}

.rct-telephone-button .tel-btn.style7 .icon-telphone_left {
    color: #ccc
}

.rct-telephone-button .tel-btn.style7 .icon-left_arrow {
    float: right;
    color: #ccc;
    width: 0.533rem;
    height: 0.533rem
}

.rct-telephone-button a.tel-btn:hover,.rct-telephone-button a.tel-btn:focus {
    text-decoration: none;
    outline: none;
    color: #fff
}

.rct-telephone-button.piece.fbottom-right,.rct-telephone-button.piece.fbottom-left,.rct-telephone-button.piece.ftop-right,.rct-telephone-button.piece.ftop-left {
    width: 1.493rem
}

.rct-telephone-button.piece.phone-pos.fbottom-right {
    z-index: 99;
    margin: 0.267rem auto
}

.rct-telephone-button.piece.phone-pos.fbottom-left {
    z-index: 99;
    margin: 0.267rem auto
}

.rct-telephone-button.piece.phone-pos.ftop-right {
    position: fixed;
    top: 2.107rem;
    right: 0.267rem;
    z-index: 99
}

.rct-telephone-button.piece.phone-pos.ftop-left {
    position: fixed;
    top: 2.107rem;
    left: 0.267rem;
    z-index: 99
}

.ftop>.tel-btn {
    width: 100% !important;
    border-radius: 0;
    opacity: .95
}

.fbottom>.tel-btn {
    width: 100% !important;
    border-radius: 0;
    opacity: .95
}

.rct-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 5.867rem
}

.rct-video .video-placeholder {
    background: url(http://p3.pstatp.com/origin/119100105d55866ddd36) no-repeat center;
    background-size: contain;
    height: 3.84rem
}

.rct-video .video-play {
    position: relative;
    height: 100%;
    background: #000
}

.rct-video .video-play iframe.video {
    width: 100%;
    height: 7.52rem;
    display: block
}

.rct-video .video-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99999
}

.rct-video .tt-video-box {
    width: 100%;
    height: 100%
}

.rct-video .tt-video-box img {
    width: 100%
}

.rct-video .tt-video-box video {
    display: block
}

.rct-video .image-text {
    position: absolute
}

.rct-video .web-video-cover {
    display: block;
    width: 100%
}

.rct-video .text-label-0,.rct-video .text-label-1,.rct-video .text-label-2,.rct-video .text-label-3,.rct-video .text-label-4,.rct-video .text-label-5 {
    font-size: 0.32rem;
    color: #FFF;
    background-color: rgba(0,0,0,0.3);
    padding: 0.133rem
}

.rct-video .text-label-0 {
    width: auto;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.133rem 0.267rem
}

.rct-video .text-label-1 {
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    padding-left: 0.267rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.rct-video .text-label-2 {
    width: auto;
    right: 0;
    top: 0;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0.267rem
}

.rct-video .text-label-3 {
    width: auto;
    left: 0;
    bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0.267rem
}

.rct-video .text-label-4 {
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.rct-video .text-label-5 {
    width: auto;
    right: 0;
    bottom: 0;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0.267rem
}

.rss-piece .nor-rss {
    display: block;
    margin: 0 auto;
    color: #28477e;
    height: 1.173rem;
    line-height: 1.173rem;
    background-color: #e4edf4;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 0.48rem;
    width: 100%;
    border-radius: 0
}

.rss-piece .fl {
    float: left;
    margin-left: 0.213rem;
    font-size: 0.373rem;
    color: #222222
}

.rss-piece .fl:hover {
    text-decoration: none
}

.rss-piece .fr {
    float: right;
    margin-right: 0.373rem
}

.rss-piece .btn-rss {
    background-color: #FF5454;
    color: #fff;
    font-size: 0.373rem;
    border-radius: 2.667rem;
    width: 1.973rem;
    height: 0.853rem;
    line-height: 0.853rem;
    display: inline-block;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    text-decoration: none
}

.rss-piece .piblishPic {
    width: 0.853rem;
    height: 0.853rem;
    border-radius: 50%;
    float: left;
    margin-left: 0.373rem;
    margin-top: 0.187rem;
    background-color: #fff
}

.repeater-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.repeater-box div,div.repeater-box {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none
}

.repeater-box .repeater-item {
    position: relative
}

.repeater-box .repeater-item-frame-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.repeater-box .repeater-item-frame-wrapper:hover .repeater-item-frame {
    display: block
}

.repeater-box .repeater-item-frame {
    display: none;
    width: 100%;
    height: 100%;
    min-height: 0.853rem;
    background: rgba(117,161,243,0.35)
}

.repeater-box .text-wrapper {
    background: rgba(117,161,243,0.85);
    width: 2.88rem;
    height: 0.853rem;
    text-align: center;
    border-radius: 0.427rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer
}

.repeater-box .text {
    color: #fff;
    line-height: 0.853rem
}

.hovered .multilayer-box:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 0.027rem #64a5fc solid;
    z-index: 9
}

.text-piece .rich-text {
    color: #000;
    cursor: pointer;
    text-decoration: none;
    word-break: break-all;
    min-height: 1em;
    line-height: 1.5;
    font-size: 0.373rem;
    font-family: 'be-richtext-icon',Arial,Helvetica,'Hiragino Sans GB','Microsoft YaHei',sans-serif !important
}

.text-piece .rich-text span {
    display: inline
}

.separator-piece {
    position: relative
}

.separator-piece .separator {
    height: 0;
    border-width: 0;
    border-top: 0.027rem solid #e8e8e8;
    margin: 0 auto
}

.brick-simple-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
    word-break: break-all
}

.brick-simple-text a,a.brick-simple-text {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    text-decoration: none;
    outline: none;
    color: #406599;
    -webkit-tap-highlight-color: rgba(128,128,128,0.5)
}

.brick-simple-text a:hover,a.brick-simple-text:hover {
    outline: none;
    text-decoration: none;
    cursor: pointer
}

.brick-simple-text a:-webkit-any-link,a.brick-simple-text:-webkit-any-link {
    text-decoration: none;
    cursor: auto
}

.brick-simple-text a,a.brick-simple-text,.brick-simple-text a:focus,a.brick-simple-text:focus,.brick-simple-text a:outline,a.brick-simple-text:outline {
    border: none;
    outline: none
}

.brick-simple-text p,p.brick-simple-text {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none
}

.brick-simple-text:hover {
    text-decoration: none
}

.brick-simple-text.fixed-height {
    overflow: hidden
}

.slide-box .no-pics-slider {
    background-image: url("http://s3.pstatp.com/bytecom/resource/site_web/static/image/tetris/bricklist/tuzu@2x_718da62.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 4rem
}

.slide-box .slide-container {
    position: relative
}

.slide-box .swiper-container {
    visibility: hidden
}

.slide-box #slider {
    position: relative;
    overflow: hidden
}

.slide-box .swiper-container-horizontal>.swiper-pagination-bullets,.slide-box .swiper-pagination-custom,.slide-box .swiper-pagination-fraction {
    right: 0.267rem;
    width: auto;
    padding: 0 0.133rem;
    border-radius: 0.213rem;
    line-height: normal;
    height: 0.427rem;
    line-height: 0.427rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.slide-box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.08rem
}

.slide-box .swiper-pagination-bullet {
    width: 0.16rem;
    height: 0.16rem;
    opacity: 1;
    background-color: #d8d8d8 !important
}

.slide-box .swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff !important;
    width: 0.64rem;
    border-radius: 2.667rem;
    -webkit-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out
}

.slide-box .swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0
}

.slide-box .swiper-slide.style1 {
    width: 80%
}

.slide-box .swiper-slide.style2 {
    width: auto;
    max-height: 100%
}

.slide-box .swiper-slide.style2 img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    padding: 0
}

.slide-box .swiper-slide a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: black
}

.slide-box .swiper-slide img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0
}

.slide-box .swiper-slide p,.slide-box .swiper-slide-2 p {
    position: absolute;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0;
    padding: 0 40% 0 0.373rem;
    line-height: 0.933rem;
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    text-align: left;
    font-size: 0.347rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 0.933rem;
    opacity: .9
}

.slide-box .video-play {
    height: 100%;
    width: 100%;
    background: black
}

.slide-box .video-layer {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 99999
}

.slide-box .tt-video-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.slide-box .img-label {
    font-size: 0.32rem;
    color: #FFF;
    background-color: rgba(0,0,0,0.3);
    width: 100%;
    position: absolute
}

.slide-box .img-label span {
    padding: 0.133rem;
    text-align: center;
    width: 100%
}

.slide-box .img-label-0 {
    top: 0
}

.slide-box .img-label-1 {
    bottom: 0
}

.brick-store {
    position: relative
}

.brick-store .store-background,.brick-store .store-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1
}

.brick-store .store-content {
    padding: 0.347rem 0.667rem
}

.brick-store .store-content:after {
    content: "";
    clear: both;
    display: block
}

.brick-store .store-desc {
    float: left;
    width: 70%;
    font-size: 0.48rem;
    color: #333333
}

.brick-store .store-desc div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.brick-store .store-desc .map-name {
    font-size: 0.32rem;
    color: #666666
}

.brick-store .store-component {
    position: relative
}

.brick-store .store-loc,.brick-store .store-tel {
    width: 15%;
    float: left;
    text-align: center;
    padding-top: 0.16rem
}

.video-placeholder {
    background: url(http://p3.pstatp.com/origin/119100105d55866ddd36) no-repeat center;
    background-size: contain;
    height: 3.84rem
}

.video-play {
    position: relative;
    height: 100%;
    background: #000
}

.video-play iframe.video {
    width: 100%;
    height: 7.52rem;
    display: block
}

.video-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99999
}

.tt-video-box {
    width: 100%;
    height: 100%
}

.tt-video-box img {
    width: 100%
}

.tt-video-box video {
    display: block
}

.image-text {
    position: absolute
}

.web-video-cover {
    display: block;
    width: 100%
}

.text-label-0,.text-label-1,.text-label-2,.text-label-3,.text-label-4,.text-label-5 {
    font-size: 0.32rem;
    color: #FFF;
    background-color: rgba(0,0,0,0.3);
    padding: 0.133rem
}

.text-label-0 {
    width: auto;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.133rem 0.267rem
}

.text-label-1 {
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    padding-left: 0.267rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.text-label-2 {
    width: auto;
    right: 0;
    top: 0;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0.267rem
}

.text-label-3 {
    width: auto;
    left: 0;
    bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0.267rem
}

.text-label-4 {
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.text-label-5 {
    width: auto;
    right: 0;
    bottom: 0;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0.267rem
}

.wechat-piece {
    overflow: hidden;
    background-color: #fff;
    padding: 0.187rem 0.373rem
}

.wechat-piece .wechat-id {
    float: left;
    line-height: 0.853rem;
    margin-left: 0.213rem;
    width: 58%;
    overflow: hidden;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
    white-space: nowrap
}

.wechat-piece .header-img {
    width: 0.853rem;
    height: 0.853rem;
    border-radius: 50%;
    background-size: cover;
    float: left;
    border: 0.027rem solid #e8e8e8;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.wechat-piece .wechat-btn {
    cursor: pointer;
    width: 1.973rem;
    height: 0.853rem;
    border-radius: 2.667rem;
    color: #fff;
    line-height: 0.853rem;
    font-size: 0.373rem;
    text-align: center;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-family: PingFangSC-Regular;
    letter-spacing: 0;
    float: right;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none
}

@font-face {
    font-family: "be-richtext-icon";
    font-weight: normal;
    font-style: normal;
    src: url(http://s3.pstatp.com/bytecom/resource/brick_editor/fonts/be-richtext-icon.d196.eot);
    src: url(http://s3.pstatp.com/bytecom/resource/brick_editor/fonts/be-richtext-icon.d196.eot) format("embedded-opentype"),url(http://s3.pstatp.com/bytecom/resource/brick_editor/fonts/be-richtext-icon.1be4.ttf) format("truetype"),url(http://s3.pstatp.com/bytecom/resource/brick_editor/fonts/be-richtext-icon.b448.woff) format("woff"),url(data:image/svg+xml;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICIvcmVzb3VyY2UvYnJpY2tfZWRpdG9yL2ZvbnRzL2JlLXJpY2h0ZXh0LWljb24uZmNhYS5zdmciOw==#be-richtext-icon) format("svg")
}

.be-rt-icon,[class^="be-rt-i-"],[class*=" be-rt-i-"] {
    font-family: "be-richtext-icon" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none
}

.be-rt-i-settings-2:before {
    content: "\E900"
}

.be-rt-i-layout:before {
    content: "\E901"
}

.be-rt-i-refresh:before {
    content: "\E902"
}

.be-rt-i-remove:before {
    content: "\E903"
}

.be-rt-i-add:before {
    content: "\E904"
}

.be-rt-i-cancel:before {
    content: "\E905"
}

.be-rt-i-clock2:before {
    content: "\E906"
}

.be-rt-i-left-arrow-1:before {
    content: "\E907"
}

.be-rt-i-left-arrow-12:before {
    content: "\E908"
}

.be-rt-i-left-arrow-13:before {
    content: "\E909"
}

.be-rt-i-correct:before {
    content: "\E90A"
}

.be-rt-i-correct2:before {
    content: "\E90B"
}

.be-rt-i-search:before {
    content: "\E90C"
}

.be-rt-i-heart2:before {
    content: "\E90D"
}

.be-rt-i-placeholder-1:before {
    content: "\E90E"
}

.be-rt-i-settings-1:before {
    content: "\E90F"
}

.be-rt-i-profile:before {
    content: "\E910"
}

.be-rt-i-left-arrow:before {
    content: "\E911"
}

.be-rt-i-right-arrow:before {
    content: "\E912"
}

.be-rt-i-down-arrow:before {
    content: "\E913"
}

.be-rt-i-down-arrow2:before {
    content: "\E914"
}

.be-rt-i-edit:before {
    content: "\E915"
}

.be-rt-i-store2:before {
    content: "\E916"
}

.be-rt-i-home:before {
    content: "\E917"
}

.be-rt-i-shopping-cart:before {
    content: "\E918"
}

.be-rt-i-success:before {
    content: "\E919"
}

.be-rt-i-error:before {
    content: "\E91A"
}

.be-rt-i-plus:before {
    content: "\E91B"
}

.be-rt-i-can:before {
    content: "\E91C"
}

.be-rt-i-settings-3:before {
    content: "\E91D"
}

.be-rt-i-mark:before {
    content: "\E91E"
}

.be-rt-i-symbol:before {
    content: "\E91F"
}

.be-rt-i-placeholder-2:before {
    content: "\E920"
}

.be-rt-i-like-1:before {
    content: "\E921"
}

.be-rt-i-star-1:before {
    content: "\E922"
}

.be-rt-i-star:before {
    content: "\E923"
}

.be-rt-i-email:before {
    content: "\E924"
}

.be-rt-i-settings:before {
    content: "\E925"
}

.be-rt-i-share:before {
    content: "\E926"
}

.be-rt-i-list:before {
    content: "\E927"
}

.be-rt-i-heart:before {
    content: "\E928"
}

.be-rt-i-document:before {
    content: "\E929"
}

.be-rt-i-shield:before {
    content: "\E92A"
}

.be-rt-i-phone-book:before {
    content: "\E92B"
}

.be-rt-i-placeholder:before {
    content: "\E92C"
}

.be-rt-i-social:before {
    content: "\E92D"
}

.be-rt-i-stopwatch:before {
    content: "\E92E"
}

.be-rt-i-alarm-clock:before {
    content: "\E92F"
}

.be-rt-i-clock:before {
    content: "\E930"
}

.be-rt-i-bell-2:before {
    content: "\E931"
}

.be-rt-i-bell:before {
    content: "\E932"
}

.be-rt-i-calendar:before {
    content: "\E933"
}

.be-rt-i-compose-4:before {
    content: "\E934"
}

.be-rt-i-database:before {
    content: "\E935"
}

.be-rt-i-heart-empty:before {
    content: "\E936"
}

.be-rt-i-heart-full:before {
    content: "\E937"
}

.be-rt-i-home-2:before {
    content: "\E938"
}

.be-rt-i-mail-2:before {
    content: "\E939"
}

.be-rt-i-mail:before {
    content: "\E93A"
}

.be-rt-i-pin-2:before {
    content: "\E93B"
}

.be-rt-i-pin:before {
    content: "\E93C"
}

.be-rt-i-search-1:before {
    content: "\E93D"
}

.be-rt-i-speech-bubble-left-2:before {
    content: "\E93E"
}

.be-rt-i-speech-bubble-left-3:before {
    content: "\E93F"
}

.be-rt-i-store:before {
    content: "\E940"
}

.be-rt-i-user-2:before {
    content: "\E941"
}

.be-rt-i-user-3:before {
    content: "\E942"
}

.be-rt-i-user-4:before {
    content: "\E943"
}

.be-rt-i-users:before {
    content: "\E944"
}

@font-face {
    font-family: "brick-icon";
    font-weight: normal;
    font-style: normal;
    src: url(http://s3.pstatp.com/bytecom/resource/brick_editor/fonts/brick-icon.feda.eot);
    src: url(http://s3.pstatp.com/bytecom/resource/brick_editor/fonts/brick-icon.feda.eot) format("embedded-opentype"),url(http://s3.pstatp.com/bytecom/resource/brick_editor/fonts/brick-icon.c55f.ttf) format("truetype"),url(http://s3.pstatp.com/bytecom/resource/brick_editor/fonts/brick-icon.bbcb.woff) format("woff"),url(data:image/svg+xml;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICIvcmVzb3VyY2UvYnJpY2tfZWRpdG9yL2ZvbnRzL2JyaWNrLWljb24uN2YyZS5zdmciOw==#brick-icon) format("svg")
}

[class^="brick-i-"],[class*=" brick-i-"] {
    font-family: "brick-icon" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none
}

.brick-i-tel-left:before {
    content: "!"
}

.brick-i-tel-right:before {
    content: "\""
}

.brick-i-tel:before {
    content: "#"
}

.brick-i-consult:before {
    content: "$"
}

.brick-i-tel-line:before {
    content: "%"
}

.brick-i-tel-full:before {
    content: "&"
}

.brick-i-contact-line:before {
    content: "'"
}

.brick-i-contact-full:before {
    content: "("
}

.brick-i-form-line:before {
    content: ")"
}

.brick-i-form-full:before {
    content: "*"
}

.brick-i-drag:before {
    content: "+"
}

.brick-i-dynamic:before {
    content: ","
}

.brick-i-consult-icon:before {
    content: "-"
}