*,
*:before,
*:after,
*::before,
*::after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html {
    -webkit-tap-highlight-color: transparent;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 20px;
}

body {
    font-family: -apple-system-font, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, 宋体;
    line-height: 1.15;
    color: #333333;
    background-color: #f4f4f4;
    font-size: 0.8rem;
    font-weight: 400;
}

html,
body {
    height: 100%;
    width: 100%;
}

ul,
li {
    list-style: outside none none;
}

img {
    border: 0 none;
}

a {
    color: #333;
    text-decoration: none;
}

i,
em {
    font-style: normal;
}

input {
    border: 0;
    outline: none;
    -webkit-appearance: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
}

button {
    border: 0;
    outline: none;
    background-color: transparent;
}

input::placeholder {
    font-size: .65rem;
    color: #aaa;
}

.cm-main {
    width: 100%;
    height: 100%;
}

.cm-body {
    padding-top: 2.4rem;
    min-height: calc(100% - 7rem);
}

.cm-container {
    width: 100%;
}

.hide {
    display: none;
}

.tip {
    width: 100%;
    margin: .75rem 0;
    font-size: .6rem;
    text-align: center;
    color: #aaa;
}

/*通用头部 start*/

.cm-header {
    position: fixed;
    padding: 0 .5rem;
    top: 0;
    width: 100%;
    height: 2.4rem;
    background-color: #111;
    text-align: center;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
    overflow: hidden;
    z-index: 9999;
}

.cm-header .logo {
    float: left;
    margin-top: .2rem;
}

.cm-header .logo img {
    width: 8rem;
    object-fit: contain;
    vertical-align: middle;
}

.cm-header .user {
    float: right;
    margin: .7rem 0;
}

.cm-header .user a {
    display: block;
    width: 1rem;
    height: 1rem;
    background: url(./bg/icon_user.png) no-repeat center;
    background-size: contain;
}

.cm-header .search {
    float: right;
    margin: .6rem 1rem 0 0;
    padding: .2rem .8rem;
    width: 4rem;
    height: 1.2rem;
    background-color: #444;
    border-radius: .6rem;
    overflow: hidden;
}

.cm-header .search .icon {
    float: left;
    display: block;
    width: .8rem;
    height: .8rem;
    background: url(./bg/icon_search.png) no-repeat center;
    background-size: contain;
}

.cm-header .search .txt {
    float: left;
    display: block;
    margin-left: .2rem;
    font-size: .6rem;
    color: #aaa;
    line-height: .8rem;
}

/*通用头部 end*/

/*通用底部 start*/

.cm-footer {
    margin-top: 1rem;
    width: 100%;
    height: 6rem;
    background-color: #333;
}

.cm-footer .copyright {
    padding: .5rem;
    font-size: .6rem;
    color: #888;
}

.cm-footer .copyright .item {
    display: block;
    width: 100%;
    line-height: 1.2rem;
    vertical-align: middle;
    text-align: center;
}

.cm-footer .copyright .item a {
    font-size: .6rem;
    color: #888;
}

.cm-footer .copyright .logo img {
    display: inline-block;
    height: 1rem;
}

.cm-footer .copyright .item .icon {
    display: inline-block;
    margin-right: .2rem;
    line-height: 1.2rem;
}

.cm-footer .copyright .item .icon img {
    width: .8rem;
    height: .8rem;
    vertical-align: text-top;
}

.company-bg {
    width: 100%;
    text-align: center;
}

.company-bg img {
    width: 100%;
    height: 100vh;
    vertical-align: middle;
    object-fit: cover;
}

.company-bg .img {
    display: none;
}

.company-bg .img-m {
    display: block;
}

/*通用底部 end*/

/*banner部分 start*/

.cm-banner {
    width: 100%;
    height: 10rem;
    overflow: hidden;
}

.cm-banner .banner {
    width: 100%;
    height: 10rem;
    overflow: hidden;
}

.cm-banner img {
    width: 100%;
    height: 10rem;
    object-fit: cover;
    vertical-align: middle;
    overflow: hidden;
}

.cm-banner .mbanner {
    display: block;
}

.cm-banner .pcbanner {
    display: none;
}

.notice {
    padding: 0 .5rem;
    width: 100%;
    height: 2.4rem;
    background-color: #fff;
    overflow: hidden;
}

.notice .icon {
    float: left;
    margin-top: .6rem;
    width: 1rem;
    height: 1rem;
    background: url(./bg/icon_notice.png) no-repeat center;
    background-size: contain;
}

.roll {
    float: right;
    width: calc(100% - 1.5rem);
    text-align: left;
}

.roll .txt {
    font-size: .7rem;
    line-height: 2.4rem;
    color: #ee6c4d;
    cursor: default;
}

.home-mode-right {
    display: none;
}

.home-download {
    margin-top: .5rem;
    overflow: hidden;
}

.home-download .download-hd {
    padding: .75rem .5rem;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}

.home-download .download-hd .title {
    font-size: .8rem;
    font-weight: bold;
    color: #333;
}

.home-download .list .item {
    margin-bottom: .25rem;
    padding: 1rem .5rem;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
}

.home-download .list .item .left {
    float: left;
    width: calc(100% - 1rem);
    overflow: hidden;
}

.home-download .list .item .title {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.home-download .list .item .sn {
    display: inline;
    font-size: .7rem;
    color: #888998;
    vertical-align: middle;
}

.home-download .list .item .name {
    display: inline;
    margin-left: .1rem;
    font-size: .8rem;
    font-weight: bold;
    color: #333;
    vertical-align: middle;
}

.home-download .list .item .contain {
    margin-top: .5rem;
    width: 100%;
    height: 1rem;
    overflow: hidden;
}

.home-download .list .item .contain .txt {
    float: left;
    font-size: .65rem;
    color: #999;
    line-height: 1.1rem;
}

.home-download .list .item .contain .icon {
    float: left;
    margin-left: .5rem;
    height: 1rem;
}

.home-download .list .item .contain .icon img {
    margin-right: .3rem;
    width: .8rem;
    height: .8rem;
    vertical-align: middle;
    object-fit: contain;
}

.home-download .list .item .path {
    float: right;
    margin-top: 1rem;
    width: .6rem;
    height: .6rem;
    background: url(./bg/icon_path.png) no-repeat center;
    background-size: contain;
}

/*搜索弹窗 start*/

.search-pop {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 99999;
}

.search-pop .content {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.search-pop .hd {
    padding: .5rem;
    width: 100%;
    height: 2.4rem;
    background-color: #111;
    overflow: hidden;
}

.search-pop .hd .search {
    float: left;
    padding: 0 .5rem;
    width: calc(100% - 2.5rem);
    height: 1.4rem;
    background-color: #444;
    border-radius: .7rem;
}

.search-pop .hd .search .icon {
    float: left;
    display: block;
    margin: .3rem;
    width: .8rem;
    height: .8rem;
    background: url(./bg/icon_search.png) no-repeat center;
    background-size: contain;
}

.search-pop .hd .search input {
    float: right;
    display: block;
    width: calc(100% - 1.5rem);
    height: 1.4rem;
    font-size: .7rem;
    color: #fff;
    background-color: transparent;
}

.search-pop .hd .search input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    position: relative;
    height: .7rem;
    width: .7rem;
    background: url("./bg/icon_close.png") no-repeat center;
    background-size: contain;
}

.search-pop .hd .btn {
    float: left;
    width: 2.5rem;
    text-align: center;
    line-height: 1.4rem;
}

.search-pop .hd .btn a {
    font-size: .7rem;
    color: #aaa;
}

.search-pop .bd {
    width: 100%;
    background-color: #fff;
    overflow: hidden;
}

.search-pop .bd .list {
    padding: 0 .5rem;
    width: 100%;
}

.search-pop .bd .list .item {
    padding: .75rem .3rem;
    width: 100%;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.search-pop .bd .list .item .name {
    float: left;
    width: calc(100% - 1rem);
    font-size: .8rem;
    font-weight: bold;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.search-pop .bd .list .item .path {
    float: right;
    margin-top: .1rem;
    width: .6rem;
    height: .6rem;
    background: url(./bg/icon_path.png) no-repeat center;
    background-size: contain;
}

.search-pop .ft {
    border-top: 1px solid #eee;
    background-color: #fff;
}

.search-pop .ft .title {
    padding: 0 .5rem;
    width: 100%;
    height: 2.4rem;
    line-height: 2.4rem;
    background-color: #fafafa
}

.search-pop .ft .title .icon {
    display: inline-block;
    width: .8rem;
    height: .8rem;
    background: url(./bg/icon_time.png) no-repeat center;
    background-size: contain;
    vertical-align: middle;
}

.search-pop .ft .title .txt {
    display: inline-block;
    font-size: .7rem;
    font-weight: bold;
    color: #888998;
    vertical-align: middle;
}

.search-pop .ft .list {
    padding: 0 .5rem;
    width: 100%;
}

.search-pop .ft .list .item {
    display: none;
    padding: .75rem .3rem;
    width: 100%;
    border-top: 1px solid #eee;
    overflow: hidden;
}

.search-pop .ft .list .item:nth-child(-n+3) {
    display: block;
}

.search-pop .ft .list .item:first-child {
    border-top: 0;
}

.search-pop .ft .list .item .name {
    float: left;
    width: calc(100% - 1rem);
    font-size: .7rem;
    font-weight: bold;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.search-pop .ft .list .item .path {
    float: right;
    margin-top: .1rem;
    width: .6rem;
    height: .6rem;
    background: url(./bg/icon_path.png) no-repeat center;
    background-size: contain;
}

/*搜索弹窗 end*/

/*微信登录 start*/

.login-wx {
    width: 100%;
    height: 28rem;
    background: url(./bg/bg_login2.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
}

.login-wx .login-content {
    margin: 2rem auto;
    padding: 1.5rem 0 2rem;
    width: 15rem;
    background-color: rgba(255, 255, 255, .9);
    border-radius: 10px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1);
}

.login-wx .login-content .logo {
    width: 100%;
    text-align: center;
}

.login-tab {
    margin-top: 1rem;
    padding: 0 1.5rem;
    width: 100%;
    overflow: hidden;
}

.login-tab ul {
    display: block;
    padding: .2rem .3rem;
    width: 100%;
    height: 2rem;
    background-color: #ccc;
    border-radius: 1rem;
    overflow: hidden;
}

.login-tab ul li {
    float: left;
    width: calc(50% - .2rem);
    height: 1.6rem;
    line-height: 1.6rem;
    font-size: .7rem;
    color: #333;
    text-align: center;
    cursor: pointer;
}

.login-tab ul li:first-child {
    margin-right: .4rem;
}

.login-tab ul li.active {
    color: #ffef90;
    background: -webkit-linear-gradient(left, #666, #333);
    background: -o-linear-gradient(right, #666, #333);
    background: -moz-linear-gradient(right, #666, #333);
    background: linear-gradient(to right, #666, #333);
    border-radius: 1rem;
}

.login-wx .login-content .logo img {
    width: 9rem;
    vertical-align: middle;
}

.login-wx .login-content .qr-code {
    margin-top: .5rem;
}

.login-wx .login-content .qr-code .title {
    width: 100%;
    font-size: 1rem;
    color: #333;
    font-weight: bold;
    text-align: center;
}

.login-wx .login-content .qr-code .qr-img {
    position: relative;
    margin: .75rem auto 0;
    padding: .5rem;
    width: 10rem;
    height: 10rem;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
}

.login-wx .login-content .qr-code .qr-img img {
    width: 9rem;
    height: 9rem;
    vertical-align: middle;
}

.login-wx .login-content .qr-code .update {
    position: absolute;
    top: 0;
    left: 0;
    padding: 1rem;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    border-radius: 5px;
}

.login-wx .login-content .qr-code .update .txt {
    margin-top: 1.5rem;
    font-size: .7rem;
    line-height: 1.1rem;
    color: #eee;
}

.login-wx .login-content .qr-code .update .btn a {
    display: block;
    margin: 1rem auto 0;
    width: 5rem;
    font-size: .7rem;
    color: #6a3906;
    line-height: 1.6rem;
    background-color: #fabf00;
    border-radius: .8rem;
}

.login-wx .login-content .qr-code .remind {
    margin-top: .5rem;
    width: 100%;
    font-size: .7rem;
    color: #888;
    text-align: center;
}

.login-wx .login-content .scan-tip {
    margin-top: 1rem;
    padding: 0 2rem;
}

.login-wx .login-content .scan-tip .content {
    padding: 1rem 1.5rem 0;
    font-size: .7rem;
    color: #888998;
    text-align: center;
    line-height: 1.1rem;
    border-top: 1px solid #fafafa;
}

.login-wx .login-content .scan-tip .content img {
    width: .7rem;
    vertical-align: middle;
}

.login-wx .login-content .scan-tip .content a {
    color: #2d81ff;
}

/*微信登录 end*/

/*帐号登录 start*/

.login-content .input-content {
    margin-top: 1rem;
    padding: 0 1rem;
}

.login-content .input-content .item {
    margin-bottom: 1rem;
    padding: 0 1rem;
    width: 100%;
    height: 2.2rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
}

.login-content .input-content .item input {
    width: 100%;
    height: 2.2rem;
    background-color: transparent;
}

.login-content .input-content .submit-btn {
    display: block;
    width: 100%;
    height: 2.2rem;
    font-size: .8rem;
    font-weight: bold;
    color: #ffef90;
    line-height: 2.2rem;
    text-align: center;
    background: -webkit-linear-gradient(left, #666, #333);
    background: -o-linear-gradient(right, #666, #333);
    background: -moz-linear-gradient(right, #666, #333);
    background: linear-gradient(to right, #666, #333);
    border-radius: 5px;
}

.login-content .btn-group {
    margin-top: 1.5rem;
    padding: 0 1rem;
    width: 100%;
    overflow: hidden;
}

.login-content .btn-group .btn {
    float: left;
    font-size: .7rem;
    color: #faa701;
}

.login-content .btn-group .btn:last-child {
    float: right;
}

.signup-content .btn-group {
    text-align: center;
}

.signup-content .btn-group .btn,
.signup-content .btn-group .btn:last-child {
    float: inherit;
}

/*帐号登录 end*/

/*忘记密码 start*/

.login-password {
    margin-top: 1.5rem;
    padding: 0 1rem;
}

.login-password .title {
    width: 100%;
    font-size: .9rem;
    color: #e71f19;
    font-weight: bold;
    line-height: 2.2rem;
    text-align: center;
    background-color: #e6d2d1;
    border-radius: 1.1rem;
}

.login-password .service .item {
    margin-top: 1.5rem;
    padding: 1rem .5rem;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

.login-password .service .item .left {
    float: left;
    width: 2rem;
}

.login-password .service .item .left img {
    width: 2rem;
    height: 2rem;
    vertical-align: middle;
}

.login-password .service .item .center {
    float: left;
    padding-left: .5rem;
    width: calc(100% - 5rem);
}

.login-password .service .item .center .txt {
    font-size: .8rem;
    color: #333;
    font-weight: bold;
}

.login-password .service .item .center .num {
    margin-top: .4rem;
    font-size: .7rem;
    color: #888998;
    font-weight: bold;
}

.login-password .service .item .right {
    float: right;
    margin-top: .2rem;
    width: 3rem;
}

.login-password .service .item .right .btn-copy {
    display: block;
    width: 100%;
    font-size: .7rem;
    text-align: center;
    line-height: 1.5rem;
    color: #ffef90;
    background: -webkit-linear-gradient(left, #666, #333);
    background: -o-linear-gradient(right, #666, #333);
    background: -moz-linear-gradient(right, #666, #333);
    background: linear-gradient(to right, #666, #333);
    border-radius: 5px;
}

/*忘记密码 end*/

/*剧本详情 start*/

.file-detail-hd {
    position: fixed;
    top: 2.4rem;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #eee;
    box-sizing: border-box;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
    overflow: hidden;
    z-index: 9999;
}

.file-name {
    padding: .5rem;
    width: 100%;
    height: 2rem;
    line-height: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.file-name .sn {
    display: inline;
    font-size: .7rem;
    color: #888998;
    vertical-align: middle;
}

.file-name .name {
    display: inline;
    margin-left: .1rem;
    font-size: .7rem;
    font-weight: bold;
    color: #333;
    vertical-align: middle;
}

.cm-tab {
    padding: .5rem;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #eee;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.cm-tab ul li {
    float: left;
    width: 20%;
    line-height: 1.6rem;
    font-size: .7rem;
    text-align: center;
    color: #333;
    border-radius: .8rem;
}

.cm-tab ul li.active {
    color: #ffef90;
    background: -webkit-linear-gradient(left, #666, #333);
    background: -o-linear-gradient(right, #666, #333);
    background: -moz-linear-gradient(right, #666, #333);
    background: linear-gradient(to right, #666, #333);
}

.detail-list {
    margin-top: 4.4rem;
    overflow: hidden;
}

.detail-list .item {
    border-bottom: 1px solid #eee;
    background-color: #fff;
    overflow: hidden;
}

.detail-list .item .title {
    padding: .8rem .5rem;
    width: 100%;
    line-height: 1.5rem;
    overflow: hidden;
}

.detail-list .item .title .section {
    float: left;
    width: calc(100% - 3rem);
}

.detail-list .item .title .btn {
    float: right;
    display: block;
    width: 3rem;
    height: 1.5rem;
    font-size: .7rem;
    line-height: 1.5rem;
    text-align: center;
    color: #333;
    background-color: #fabf00;
    border-radius: 5px;
}

.detail-list .item .title .icon {
    float: left;
    margin-top: .35rem;
    width: .8rem;
    height: .8rem;
}

.detail-list .item .title .icon-video {
    background: url(./bg/icon_video.png) no-repeat center;
    background-size: contain;
}

.detail-list .item .title .icon-audio {
    background: url(./bg/icon_audio.png) no-repeat center;
    background-size: contain;
}

.detail-list .item .title .icon-txt {
    background: url(./bg/icon_txt.png) no-repeat center;
    background-size: contain;
}

.detail-list .item .title .icon-pic {
    background: url(./bg/icon_pic.png) no-repeat center;
    background-size: contain;
}

.detail-list .item .title .name {
    float: left;
    margin-left: .2rem;
    max-width: calc(100% - 4rem);
    font-size: .8rem;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.detail-list .item .title .ext {
    float: left;
    width: 3rem;
    font-size: .8rem;
    color: #333;
}

.detail-list .item .file {
    padding: 0 .5rem 1rem .5rem;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.detail-list .item .file video {
    width: 10rem;
    height: auto;
    border-radius: 5px;
    background-color: #333;
    vertical-align: middle;
    overflow: hidden;
    outline: none;
}

.detail-list .item .file audio {
    width: 100%;
    height: 2rem;
    vertical-align: middle;
    outline: none;
}

.detail-list .item .img img {
    max-width: 100%;
    vertical-align: middle;
}

.detail-list .item .file .btn a {
    margin-top: 1rem;
    display: inline-block;
    width: 3rem;
    height: 1rem;
    font-size: .65rem;
    line-height: 1rem;
    color: #888998;
    text-align: center;
    background-color: #eee;
    border-radius: 3px;
}

/*剧本详情 end*/

/*个人中心 start*/

.user-right {
    overflow: hidden;
}

.user-info {
    padding: 2rem;
    width: 100%;
    text-align: center;
    background-color: #fff;
}

.user-info .avatar img {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    vertical-align: middle;
}

.user-info .info {
    margin-top: 1rem;
}

.user-info .info .name {
    font-size: .8rem;
    font-weight: bold;
    color: #333;
    vertical-align: middle;
}

.user-info .info .phone {
    margin-left: .2rem;
    font-size: .7rem;
    color: #333;
    vertical-align: middle;
}

.user-info .vip {
    margin-top: .5rem;
    line-height: 1rem;
}

.user-info .vip .icon {
    display: inline-block;
    width: 2rem;
    height: .8rem;
    background: url(./bg/icon_vip.png) no-repeat center;
    background-size: contain;
    vertical-align: middle;
}

.user-info .vip .time {
    display: inline-block;
    font-size: .7rem;
    color: #666;
    vertical-align: middle;
}

.user-info .vip a {
    display: inline-block;
    margin-left: .2rem;
    font-size: .7rem;
    color: #f7b803;
    vertical-align: middle;
}

.user-info .vip a .path {
    display: inline-block;
    margin-top: .1rem;
    width: .6rem;
    height: .6rem;
    background: url(./bg/icon_path2.png) no-repeat center;
    background-size: contain;
}

.user-left {
    display: none;
}

.user-left .item {
    margin-top: .5rem;
    padding: 1rem .75rem;
    width: 100%;
    line-height: 1rem;
    background-color: #fff;
    overflow: hidden;
}

.user-left .item1 {
    display: none;
}

.user-left .item .icon {
    float: left;
    margin-right: .5rem;
    width: 1rem;
    height: 1rem;
}

.user-left .item .icon1 {
    background: url(./bg/icon_user2.png) no-repeat center;
    background-size: contain;
}

.user-left .item .icon2 {
    background: url(./bg/icon_info.png) no-repeat center;
    background-size: contain;
}

.user-left .item .icon3 {
    background: url(./bg/icon_vip2.png) no-repeat center;
    background-size: contain;
}

.user-left .item .icon4 {
    background: url(./bg/icon_exit.png) no-repeat center;
    background-size: contain;
}

.user-left .item .icon5 {
    background: url(./bg/icon_edit.png) no-repeat center;
    background-size: contain;
}

.user-left .item .title {
    float: left;
    font-size: .8rem;
    font-weight: bold;
    color: #333;
}

.user-left .item .path {
    float: right;
    margin-top: .2rem;
    width: .6rem;
    height: .6rem;
    background: url(./bg/icon_path3.png) no-repeat center;
    background-size: contain;
}

/*个人中心 end*/

/*个人资料 start*/

.user-info-edit .item {
    margin-top: .5rem;
    padding: 1rem .5rem;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
}

.user-info-edit .item .title {
    float: left;
    width: 4rem;
    font-size: .8rem;
    font-weight: bold;
    color: #333;
    line-height: 1rem;
}

.user-info-edit .item input {
    float: left;
    width: calc(100% - 4rem);
    height: 1rem;
    font-size: .8rem;
    color: #333;
    background-color: transparent;
}

.user-info-edit .item .select {
    float: left;
    display: block;
    padding-right: 1rem;
    width: calc((100% - 5rem)/2);
}

.user-info-edit .item select {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 1.2rem;
    color: #333;
    vertical-align: middle;
    background-color: transparent;
    border: 0;
    outline: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(./bg/icon_path4.png) no-repeat right center;
    background-size: .6rem .6rem;
}

.user-info-edit .item .select1 {
    margin-right: 1rem;
    border-right: 1px solid #eee;
}

.user-info-edit .item select option {
    font-size: .7rem;
    color: #333;
}

.user-info-edit .item .info {
    float: left;
    width: calc(100% - 4rem);
    height: 1rem;
    line-height: 1rem;
    font-size: .7rem;
    color: #333;
    background-color: transparent;
}

.user-info-edit .btn {
    margin-top: .5rem;
    padding: .5rem;
    width: 100%;
    background-color: #fff;
}

.user-info-edit .btn a {
    display: block;
    width: 100%;
    height: 2.4rem;
    font-size: .8rem;
    font-weight: bold;
    color: #ffef90;
    line-height: 2.4rem;
    text-align: center;
    background: -webkit-linear-gradient(left, #666, #333);
    background: -o-linear-gradient(right, #666, #333);
    background: -moz-linear-gradient(right, #666, #333);
    background: linear-gradient(to right, #666, #333);
    border-radius: 5px;
}

/*个人资料 end*/

/*会员充值 start*/

.user-vip-wrap .user-info {
    padding: .75rem;
    text-align: left;
    background-color: #f6c844;
    overflow: hidden;
}

.user-vip-wrap .user-info .avatar {
    float: left;
    width: 3rem;
}

.user-vip-wrap .user-info .avatar img {
    width: 3rem;
    height: 3rem;
    border: 1px solid #fff;
}

.user-vip-wrap .user-info .txt {
    float: left;
    padding-left: 1rem;
    width: calc(100% - 3rem);
}

.user-vip-wrap .user-info .info {
    margin-top: .3rem;
}

.user-vip-wrap .user-info .vip {
    margin-top: .3rem;
    line-height: 1rem;
}

.user-vip-wrap .user-info .vip .icon {
    display: inline-block;
    width: 2rem;
    height: .8rem;
    background: url(./bg/icon_vip.png) no-repeat center;
    background-size: contain;
    vertical-align: middle;
}

.user-vip-wrap .user-info .vip .time {
    display: inline-block;
    font-size: .7rem;
    color: #666;
    vertical-align: middle;
}

.user-vip .section .hd {
    padding: .7rem .5rem;
    width: 100%;
    height: 2.4rem;
    line-height: 1rem;
    background-color: #fff;
    overflow: hidden;
}

.user-vip .section .hd .title {
    float: left;
    font-size: .8rem;
    font-weight: bold;
    color: #333;
}

.user-vip .section .hd .txt {
    float: left;
    margin-left: .5rem;
    font-size: .65rem;
    color: #888998;
}

.user-vip .section .hd .path {
    float: right;
    width: 2rem;
}

.user-vip .section .hd .path .icon {
    display: block;
    margin-top: .2rem;
    padding: 0 1rem;
    width: .6rem;
    height: .6rem;
    cursor: pointer;
}

.user-vip .section .hd .path .icon.open {
    background: url(./bg/icon_path5.png) no-repeat center;
    background-size: contain;
}

.user-vip .section .hd .path .icon.close {
    background: url(./bg/icon_path6.png) no-repeat center;
    background-size: contain;
}

.user-vip .cash .hd .path .icon.open {
    display: none;
}

.user-vip .coupon .hd .path .icon.close {
    display: none;
}

.user-vip .coupon .bd {
    display: none;
}

.user-vip .section .bd {
    padding: .75rem .5rem;
    width: 100%;
    border-top: 1px solid #eee;
    background-color: #fff;
    user-select: none;
    overflow: hidden;
}

.user-vip .section .bd .table {
    overflow: hidden;
}

.user-vip .section .bd .vip-type label {
    display: block;
    float: left;
    margin-bottom: .75rem;
    width: calc((100% - .75rem)/2);
}

.user-vip .section .bd .vip-type label:nth-child(2n-1) {
    margin-right: .75rem;
}

.user-vip .section .bd .vip-type label input {
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    display: none;
}

.user-vip .section .bd .vip-type label .content {
    position: relative;
    padding: 1rem 0;
    width: 100%;
    height: 5.8rem;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 5px;
    box-sizing: border-box;
    overflow: hidden;
}

.user-vip .section .bd .vip-type label input:checked + .content {
    background-color: #fdf4da;
    border: 1px solid #f6c844;
}

.user-vip .section .bd .vip-type label input:checked + .content .type {
    color: #6a3906;
}

.user-vip .section .bd .vip-type label .type {
    font-size: .7rem;
    color: #666;
}

.user-vip .section .bd .vip-type label .price {
    margin-top: .5rem;
    font-size: .65rem;
    font-weight: bold;
    color: #f6c844;
}

.user-vip .section .bd .vip-type label .price em {
    font-size: 1.2rem;
}

.user-vip .section .bd .vip-type label .cost-price {
    margin-top: .3rem;
    font-size: .6rem;
    color: #aaa;
    text-decoration: line-through;
}

.user-vip .section .bd .vip-type label .cost-price-null {
    text-decoration: none;
}

.user-vip .section .bd .vip-type label:nth-child(2n-1) {
    margin-right: .75rem;
}

.user-vip .section .bd .vip-type label .sale {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    padding: 0 .3rem;
    height: .8rem;
    font-size: .6rem;
    color: #ffef90;
    line-height: .8rem;
    text-align: center;
    background: -webkit-linear-gradient(left, #666, #333);
    background: -o-linear-gradient(right, #666, #333);
    background: -moz-linear-gradient(right, #666, #333);
    background: linear-gradient(to right, #666, #333);
    border-radius: 0 5px 0 5px;
}

.user-vip .section .bd .item {
    margin-bottom: .75rem;
    padding: 0 1rem;
    width: 100%;
    height: 2.4rem;
    border: 1px solid #eee;
    border-radius: 5px;
}

.user-vip .section .bd .item input {
    width: 100%;
    height: 2.4rem;
    font-size: .8rem;
    color: #333;
    background-color: transparent;
}

.user-vip .section .btn a {
    display: block;
    width: 100%;
    height: 2.4rem;
    font-size: .8rem;
    font-weight: bold;
    color: #ffef90;
    line-height: 2.4rem;
    text-align: center;
    background: -webkit-linear-gradient(left, #666, #333);
    background: -o-linear-gradient(right, #666, #333);
    background: -moz-linear-gradient(right, #666, #333);
    background: linear-gradient(to right, #666, #333);
    border-radius: 5px;
}

.user-vip .coupon {
    margin-top: .5rem;
}

.user-vip .rule {
    margin-top: .5rem;
    padding: 1rem .5rem;
    background-color: #fff;
}

.user-vip .rule .title {
    font-size: .7rem;
    color: #666;
}

.user-vip .rule .content {
    margin-top: .2rem;
    overflow: hidden;
}

.user-vip .rule .content p {
    margin-top: .2rem;
    font-size: .65rem;
    color: #999;
    line-height: .9rem;
    text-align: justify;
}

/*会员充值 end*/

/*支付页 start*/

.cm-main-white {
    width: 100%;
    background-color: #fff;
}

.pay-content {
    padding: 0 .5rem;
    width: 100%;
    overflow: hidden;
}

.pay-content .pay-info .list {
    margin-top: 2rem;
}

.pay-content .pay-info .list .item {
    padding: 1rem .1rem;
    width: 100%;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.pay-content .pay-info .list .item .title {
    float: left;
    font-weight: .7rem;
    color: #888;
}

.pay-content .pay-info .list .item .txt {
    float: right;
    font-size: .8rem;
    font-weight: bold;
    color: #333;
}

.pay-content .pay-info .pay-price {
    margin-top: 2rem;
    font-size: .8rem;
    font-weight: bold;
    text-align: center;
    color: #ff5824;
    overflow: hidden;
}

.pay-content .pay-info .pay-price em {
    font-size: 1.6rem;
}

.pay-content .btn-group {
    margin-top: 8rem;
    overflow: hidden;
}

.pay-content .btn-group .btn a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: .8rem;
    text-align: center;
    color: #fff;
    line-height: 2.4rem;
    background-color: #007aff;
    border-radius: 5px;
}

.pay-content .btn-group .btn2 {
    margin-top: 1rem;
}

.pay-content .btn-group .btn2 a {
    display: block;
    margin: 0 auto;
    width: 3rem;
    font-size: .8rem;
    color: #888998;
    text-align: center;
}

/*支付页 end*/