.play-page .video-play-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.play-page .video img{width: 100%;}
.play-page .off-the-shelf, .play-page .video-play-area {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.play-page .video-play {
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #fff;
    border-radius: 5px;
    width: 700px;
    padding: 20px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(135,152,164,.5);
    box-shadow: 0 2px 5px 0 rgba(135,152,164,.5);
}
.play-page .video-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.play-page .video-play-area video {
    width: 100%;
    max-height: 730px;
    background: #fff;
}
.play-page .video-watermark-tip {
    height: 46px;
    background: #eceff2;
    color: #9aafbd;
    font-size: 14px;
}
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}
.play-page .video-operate-bar, .play-page .video-watermark-tip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
}
.play-page .video-watermark-tip label {
    width: 40px;
    height: 22px;
    background: rgba(154,175,189,.1);
    border-radius: 2px;
    text-align: center;
    color: #6c8291;
    margin-right: 12px;
}
.play-page .video-operate-bar {
    height: 85px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #f5f6f7;
}
.play-page .video-operate-left, .play-page .video-operate-left .video-operate-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.play-page .video-operate-left .video-operate-item {
    color: #555;
    margin-right: 30px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.play-page .video-operate-left .video-operate-icon {
    display: block;
    width: 13px;
    height: 13px;
    margin-right: 4px;
}
svg:not(:root) {
    overflow: hidden;
}
.play-page .video-memo {
    margin: 25px 0;
    color: #555;
    word-break: break-word;
}
.play-page .video-screenshot img {
    width: 100%;
}
img {
    vertical-align: middle;
}
img {
    border-style: none;
}
.play-page .statement {
    width: 100%;
    color: #9aafbd;
    margin-top: 10px;
}
.play-page .author-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
    position: relative;
}.play-page .author-info .user-avatar {
    margin-right: 16px;
}
.play-page .author-info .user-avatar img {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.play-page .user-center-box {
    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;
    max-width: 260px;
}.play-page .user-center-box p {
    line-height: 25px;
    text-align: left;
}.play-page .user-center-box .designer-name a {
    color: #555;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    font-size: 18px;
    font-weight: 500;
}.play-page .user-center-box .sign-status.company, .play-page .user-center-box .sign-status.personal, .play-page .user-center-box .sign-status.vp {
    font-size: 12px;
    color: #909090;
    margin-top: 10px;
}.play-page .user-center-box .sign-status-inner-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 212px;
}.play-page .user-center-box .sign-personal {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWNvbi92ZXIvZ3VhbuWkh+S7vSAyPC90aXRsZT4KICAgIDxnIGlkPSLpobXpnaItMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Iue7hOS7tiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg4OC4wMDAwMDAsIC00NDcuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJpY29uL3Zlci9ndWFu5aSH5Lu9LTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg4OC4wMDAwMDAsIDQ0Ny4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIGZpbGwtb3BhY2l0eT0iMCIgZmlsbD0iI0ZGRkZGRiIgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uE5aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEuNTE0NjM1NCwxNi4yODUyODA0IEw4LjgyMDY0OTI4LDE3Ljc4NjEyOTEgQzguMzA5NzM5MjIsMTguMDcxMjkwMyA3LjY4OTE5NjM4LDE4LjA3MTI5MDMgNy4xNzkzNTA3MiwxNy43ODYxMjkxIEw0LjQ4NTM2NDU2LDE2LjI4NTI4MDQgQzEuNzE2ODcwNjgsMTQuNzQzNjk0NCAwLDExLjgwODQ2MzEgMCw4LjYyMzQ0Nzc4IEwwLDcuOTU2NjQyMTUgTDAsMi43NDY1NTMxMSBDMCwyLjM5Mjc4MTYzIDAuMjU4NjQ4MjE3LDIuMDkyNjExODkgMC42MDY3MDU2OTUsMi4wNDMyOTgyOSBMNy4zMTg3ODY1OSwwLjA5NjQ4MzEzMDMgQzcuNzYzNzA0MSwtMC4wMzIxNjEwNDM0IDguMjM1MjMxNTEsLTAuMDMyMTYxMDQzNCA4LjY4MTIxMzQxLDAuMDk2NDgzMTMwMyBMMTUuMzkyMjI5OSwyLjA0MzI5ODI5IEMxNS43NDAyODc0LDIuMDkyNjExODkgMTYsMi4zOTI3ODE2MyAxNiwyLjc0NjU1MzExIEwxNiw3Ljk1NjY0MjE1IEwxNiw4LjYyMzQ0Nzc4IEMxNiwxMS44MDg0NjMxIDE0LjI4MzEyOTMsMTQuNzQzNjk0NCAxMS41MTQ2MzU0LDE2LjI4NTI4MDQiIGlkPSJGaWxsLTEiIGZpbGw9IiM0RkIyRUIiIG9wYWNpdHk9IjAuMjAwMDAwMDAzIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTguNjY3MzcxMzYsMTYuMzIyMzk0OSBDOC4yNTE0OTU4MSwxNi41NTkyMDE3IDcuNzQ4NTA0MTksMTYuNTU5MjAxNyA3LjMzMzY2NTc0LDE2LjMyMjM5NDkgTDUuMTQ0MzU1OCwxNS4wNzA4NTQ1IEMyLjg5NTkzMTM5LDEzLjc4NjA5NyAxLjUsMTEuMzQwODc4NiAxLjUsOC42ODU2NDE1OCBMMS41LDguMTMwNTkyMDIgTDEuNSwzLjc4NzcwNDI2IEMxLjUsMy40OTMwMzUwOSAxLjcxMTU2NzYxLDMuMjQyMjk4NDIgMS45OTQ2OTQ4NSwzLjIwMjY1MjAyIEw3LjQ0NjcwOTIxLDEuNTgwMzY0MzIgQzcuODA4NjU1NzYsMS40NzMyMTE4OSA4LjE5MjM4MTMzLDEuNDczMjExODkgOC41NTMyOTA3OSwxLjU4MDM2NDMyIEwxNC4wMDUzMDUxLDMuMjAyNjUyMDIgQzE0LjI4OTQ2OTUsMy4yNDIyOTg0MiAxNC41LDMuNDkzMDM1MDkgMTQuNSwzLjc4NzcwNDI2IEwxNC41LDguMTMwNTkyMDIgTDE0LjUsOC42ODU2NDE1OCBDMTQuNSwxMS4zNDA4Nzg2IDEzLjEwNDA2ODYsMTMuNzg2MDk3IDEwLjg1NTY0NDIsMTUuMDcwODU0NSBMOC42NjczNzEzNiwxNi4zMjIzOTQ5IFoiIGlkPSJGaWxsLTMiIGZpbGw9IiM0RkIyRUIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOCwzLjgxMTIzMTc0IEM5LjUxNjgxODAyLDMuODExMjMxNzQgMTAuNzQ2NDQyLDUuMDAwMDEzODggMTAuNzQ2NDQyLDYuNDY2NDUwOTYgQzEwLjc0NjQ0Miw3LjQ5NzQwNzY1IDEwLjEzODY5MDEsOC4zOTExMzEwNyA5LjI1MDY2Mjg1LDguODMxMDIxOTMgQzEwLjMxNDU3NzIsOS4wOTM2OTAyOSAxMS4yNjI3NDQ4LDkuNjg3OTYxMzEgMTEuOTUxMDY4MiwxMC41MjkyNDA2IEMxMi4xMzgzMzc3LDEwLjc1ODEyNDIgMTIuMzA0MDk4MSwxMS4wMDI4NDIzIDEyLjQ0NjEyMDEsMTEuMjYwNDY4NCBDMTIuNTY1MDIxNiwxMS40NzYxNTQyIDEyLjQ4MDU1NTMsMTEuNzQ0MTg5MyAxMi4yNTc0NTk0LDExLjg1OTE0MTUgQzEyLjAzNDM2MzUsMTEuOTc0MDkzNyAxMS43NTcxMTk4LDExLjg5MjQzMjkgMTEuNjM4MjE4MywxMS42NzY3NDcxIEMxMS41MjIwMzQsMTEuNDY1OTkwMiAxMS4zODYzNzM4LDExLjI2NTcxMDIgMTEuMjMzMDYwMywxMS4wNzgzMjgxIEMxMC40NTU5NzUyLDEwLjEyODU2MyA5LjI3NjUyMjI4LDkuNTY0MjA2NzIgOCw5LjU2NDIwNjcyIEM2LjcyMzQ3NzcyLDkuNTY0MjA2NzIgNS41NDQwMjQ3OSwxMC4xMjg1NjMgNC43NjY5Mzk3MSwxMS4wNzgzMjgxIEM0LjYxMzYyNjE3LDExLjI2NTcxMDIgNC40Nzc5NjYwMywxMS40NjU5OTAyIDQuMzYxNzgxNywxMS42NzY3NDcxIEM0LjI0Mjg4MDIsMTEuODkyNDMyOSAzLjk2NTYzNjUxLDExLjk3NDA5MzcgMy43NDI1NDA1OCwxMS44NTkxNDE1IEMzLjUxOTQ0NDY2LDExLjc0NDE4OTMgMy40MzQ5NzgzOSwxMS40NzYxNTQyIDMuNTUzODc5ODksMTEuMjYwNDY4NCBDMy42OTU5MDE4NiwxMS4wMDI4NDIzIDMuODYxNjYyMjUsMTAuNzU4MTI0MiA0LjA0ODkzMTc2LDEwLjUyOTI0MDYgQzQuNzM3MjU1MjEsOS42ODc5NjEzMSA1LjY4NTQyMjgyLDkuMDkzNjkwMjkgNi43NDk0ODMyOCw4LjgzMDc0MTc3IEM1Ljg2MTMwOTg3LDguMzkxMTMxMDcgNS4yNTM1NTgwMyw3LjQ5NzQwNzY1IDUuMjUzNTU4MDMsNi40NjY0NTA5NiBDNS4yNTM1NTgwMyw1LjAwMDAxMzg4IDYuNDgzMTgxOTgsMy44MTEyMzE3NCA4LDMuODExMjMxNzQgWiBNOCw0LjY5NjMwNDgyIEM2Ljk4ODc4Nzk5LDQuNjk2MzA0ODIgNi4xNjkwMzg2OSw1LjQ4ODgyNjI0IDYuMTY5MDM4NjksNi40NjY0NTA5NiBDNi4xNjkwMzg2OSw3LjQ0NDA3NTY5IDYuOTg4Nzg3OTksOC4yMzY1OTcxMSA4LDguMjM2NTk3MTEgQzkuMDExMjEyMDEsOC4yMzY1OTcxMSA5LjgzMDk2MTMxLDcuNDQ0MDc1NjkgOS44MzA5NjEzMSw2LjQ2NjQ1MDk2IEM5LjgzMDk2MTMxLDUuNDg4ODI2MjQgOS4wMTEyMTIwMSw0LjY5NjMwNDgyIDgsNC42OTYzMDQ4MiBaIiBpZD0i5b2i54q257uT5ZCI5aSH5Lu9LTIiIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}
.play-page .user-center-box .sign-icon {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 1px;
}
.play-page .author-info__inner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 24px;
}
.play-page .author-info__item {
    text-align: center;
    color: #333;
    font-size: 16px;
    line-height: 25px;
}
.play-page .author-info__item label {
    line-height: 25px;
    color: #999;
    font-size: 14px;
}.play-page .author-info .shop-fav--n {
    color: #fff;
    background: #1bd8b8;
}
.play-page .author-info .shop-fav {
    width: 64px;
    height: 26px;
    line-height: 26px;
    border-radius: 4px;
    text-align: center;
    position: absolute;
    top: 47px;
    right: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}.play-page .sell-dynamic {
    height: 165px;
    background: #f6f9fc;
    padding: 16px;
}
.play-page .sell-dynamic, .play-page .sell-dynamic-loading {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 20px;
}.play-page .sell-dynamic-item {
    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;
}.play-page .sell-dynamic a {
    display: inline-block;
    width: 224px;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.play-page .sell-dynamic span {
    color: #999;
    line-height: 25px;
}
.play-page .author-info, .play-page .video-info {
    width: 100%;
    padding: 20px;
    width: 400px;
    background: #fff;
    border-radius: 5px;
    position: relative;
    -webkit-box-shadow: 0 2px 5px 0 rgba(135,152,164,.5);
    box-shadow: 0 2px 5px 0 rgba(135,152,164,.5);
}body {
    font-family: PingFang SC,Helvetica Neue,Helvetica,Tahoma,Microsoft Yahei,sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #555;
    background-color: #f6f9fc;
    min-width: 1200px;
    -webkit-font-smoothing: antialiased;
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 100%;
}
.video-price__container {
    margin-bottom: 10px;
    color: #666;
    font-size: 14px;
}.video-price__detail, .video-price__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.video-price__top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 10px;
}
.video-price__detail label {
    margin-right: 10px;
}
.video-price__detail span {
    color: #ff2c4f;
    position: relative;
    line-height: 1;
}
.video-price__detail b {
    font-size: 30px;
    font-weight: 600;
}
.video-price__icon {
    width: 56px;
    height: 20px;
    left: 100%;
    position: absolute;
    top: -10px;
    text-align: center;
    line-height: 20px;
    font-weight: 500;
    color: #a16a27;
    font-size: 12px;
    background: -webkit-gradient(linear,left top,right top,from(#ffd29b),to(#f0bc7c));
    background: linear-gradient(90deg,#ffd29b,#f0bc7c);
    border-radius: 5px 0 5px 0;
    cursor: pointer;
}
.video-price__links a {
    color: #9aafbd;
}
.video-price__links a+a {
    margin-left: 20px;
}
.video-price__operate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    margin-top: 20px;
}
.video-price__download {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 56px;
    font-size: 18px;
    font-weight: 500;
}
.vj-button--green {
    color: #fff;
    background-color: #02d4b1;
    border: 1px solid transparent;
}
.vj-button--m {
    width: 220px;
    height: 40px;
}
.vj-button {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    -webkit-transition: all .3s;
    transition: all .3s;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    border: none;
    margin: 0;
    padding: 0;
}
button {
    background: transparent;
    padding: 0;
}
.video-price__add-cart, .video-price__add-cart:hover {
    background: #f6fffd;
    border: 2px solid #1bd8b8;
    color: #1bd8b8;
}
.video-price__add-cart {
    width: 140px;
    height: 56px;
    margin-left: 20px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 5px;
}.play-page .video-copyright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #f0f0f0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.play-page .cgtag{
    color: #92abbb;
    width: 100%;
    border-top: 1px solid #f0f0f0;
    padding: 8px 15px;
    font-size: 14px;
}
.play-page .cgtagse{
    color: #e5393e;    font-weight: 700;
}
.play-page .video-property-container {
    background: #f6f9fc;
    border-radius: 2px;
    padding: 16px 20px;
}.play-page .video-property {
    height: auto;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative;
    line-height: 25px;
}
.play-page .video-property {
    text-align: left;
}
.play-page .video-property__more-info {
    display: inline-block;
    width: 100%;
    margin-top: 16px;
    text-align: right;
}
main {
    padding: 10px 0 20px;
}
.plc {
    padding: 0 20px;
}
#step {
    margin-bottom: 0px;
}
.ui-step-wrap {
    position: relative;
}.ui-step-wrap .ui-step-bg {
    width: 100%;
    background: #ddd;
}
.ui-step-wrap .ui-step-bg, .ui-step-wrap .ui-step-progress {
    height: 6px;
    position: absolute;
    top: 34px;
    left: 0;
}.ui-step-wrap .ui-step-progress {
    width: 0;
    background: #64BD2E;
}.ui-step-wrap .ui-step {
    position: relative;
    z-index: 1;
    list-style: none;
}.ui-step-wrap .ui-step .ui-step-item {
    float: left;
}.ui-step-wrap .ui-step .ui-step-item div {
    text-align: center;
    color: #625454;
}.ui-step-wrap .ui-step .ui-step-item .ui-step-item-num {
    margin-top: 6px;
}.ui-step-wrap .ui-step .ui-step-item.active .ui-step-item-num span {
    color: #fff;
    background: #64BD2E;
}
.ui-step-wrap .ui-step .ui-step-item .ui-step-item-num span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #dad9d9;
}