/*header 相关的*/
.header-wrap {
    min-width: 1180px;
    position: relative;
    z-index: 1000
}
.header-wrap .swiper-container {
    margin-left: 0;
    margin-right: 0;
    height: 100%;
    width: 400px
}
.header-wrap .swiper-item {
    color: #ccc;
    height: 17px
}
.header-wrap .header-con {
    background-color: #222;
    height: 40px;
    color: #f2f2f2
}
.header-wrap .header-con > div {
    height: 100%;
    color: #ccc
}
.header-wrap .header-con > div a {
    color: #ccc
}
.header-wrap .header-con > div a:hover {
    color: #fff
}
.header-wrap .header-con > div ul li {
    margin-left: 20px
}
.header-wrap .header-con > div ul #tel-phone-block {
    position: relative
}
.header-wrap .header-con > div ul #tel-phone-block:hover .float-code {
    display: flex;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1)
}
.header-wrap .header-con > div ul #tel-phone-block .float-code {
    display: none;
    position: absolute;
    padding: 22px 16px;
    background-color: #fff;
    top: 24px;
    right: -20px
}
.header-wrap .header-con > div ul #tel-phone-block .float-code:after {
    content: "";
    width: 8px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    transform: matrix(.71, .71, -.71, .71, 0, 0);
    right: 35px;
    top: -4px;
    height: 8px;
    background-color: #fff;
    position: absolute
}
.header-wrap .header-main .search-wrap {
    height: 80px
}
.header-wrap .header-main .search-wrap .logo {
    height: 56px;
    width: auto
}
.header-wrap .header-main .search-wrap .search {
    width: 460px;
    height: 42px;
    overflow: hidden
}
.header-wrap .header-main .search-wrap .search input {
    flex: 1;
    height: 100%;
    border-radius: 4px 0 0 4px;
    border: 1px solid #ff2c3c;
    border-right-width: 0;
    padding: 0 10px
}
.header-wrap .header-main .search-wrap .search .search-btn {
    width: 82px;
    height: 42px;
    cursor: pointer;
    border-radius: 0 4px 4px 0
}
.header-wrap .header-main .search-wrap .cart {
    cursor: pointer;
    background-color: #ffeeef;
    border: 1px solid #ff2c3c;
    border-radius: 4px;
    width: 108px;
    height: 42px;
    margin-left: 16px
}
.header-wrap .header-nav {
    border-top: 1px solid #f2f2f2
}
.header-wrap .header-nav .nav-wrap {
    width: 1180px;
    margin: 0 auto
}
.header-wrap .header-nav .nav {
    overflow-x: auto;
    overflow-y: hidden
}
.header-wrap .header-nav .nav .item a {
    padding: 12px 15px;
    margin: 0 10px;
    color: #222;
    font-size: 16px;
    /*white-space: nowrap*/
}
.header-wrap .header-nav .nav .item a.nuxt-link-exact-active, .header-wrap .header-nav .nav .item a:hover {
    color: #ff2c3c
}
.user-nav .item {
    text-align: center;
    line-height: 34px;
    display: block;
    cursor: pointer
}
.user-nav .item:not(:last-child) {
    border-bottom: 1px solid #e5e5e5
}
.user-nav .item:hover {
    color: #ff2c3c
}
/*头部分类*/

.header-nav  .category {
    position: relative
}
.header-nav .category .title {
    padding: 12px 20px;
    flex: none;
    width: 160px;
    box-sizing: border-box
}

.header-nav .category a {
    cursor:pointer;
}

.header-nav  .category .category-con {
    position: absolute;
    width: 100%;
    z-index: 999;
    height: 460px;
    padding: 10px 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}
.header-nav .category .category-con .category-one {
    height: 100%;
    overflow: hidden
}
.header-nav .category .category-con .category-one li > a {
    height: 42px;
    padding: 0 20px
}
.header-nav .category .category-con .category-one li.active {
    background-color: #ffeeef
}
.header-nav .category .category-con .category-one li.active a {
    color: #ff2c3c
}
.header-nav .category .category-con .category-one .category-float {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    position: absolute;
    left: 160px;
    top: 0;
    width: 880px;
    height: 440px;
    padding: 0 24px;
    overflow-y: auto
}
.header-nav .category .category-con .category-one .category-float::-webkit-scrollbar {
    display: none
}
.header-nav .category .category-con .category-one .category-float a:hover {
    color: #ff2c3c
}
.header-nav .category .category-con .category-one .category-float .float-con .category-three {
    border-bottom: 1px dashed #e5e5e5
}
.header-nav .category .category-con .category-one .category-float .float-con .category-three .item {
    width: 20%;
    margin-bottom: 20px;
    padding-right: 10px
}
#categoryBtn a.title:hover{ color: #fff}
/*header 相关的*/
/*底部*/

.footer-container {
    margin-top: 38px
}
.footer-container .footer-box {
    height: 120px;
    background-color: #222;
    min-width: 1180px
}
.footer-container .footer-box .server-box {
    width: 1180px;
    padding: 36px 40px;
    border-bottom: 1px solid #707070
}
.footer-container .footer-box .server-box .name {
    color: #e5e5e5
}
.footer-container .footer-wrap {
    min-width: 1180px;
    background-color: #222;
    height: 60px;
    color: #ccc
}
/*右侧*/
.float-nav {
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    width: 60px;
    z-index: 999;
    box-shadow: -3px 1px 2px rgba(0, 0, 0, .04)
}
.float-nav .nav-list {
    position: absolute;

}
.float-nav .nav-list .item {
    padding: 10px 4px;
    text-align: center;
    cursor: pointer
}
.float-nav .nav-list .item:hover {
    color: #ff2c3c
}
.float-nav .nav-list .item .iconfont {
    font-size: 24px
}
.float-nav .nav-list .item .el-badge__content {
    height: 16px;
    line-height: 16px;
    padding: 0 5px
}
.float-nav .back-top {
    position: absolute;
    bottom: 50px;
    cursor: pointer
}
/*底部结束*/
/*分类页面*/

.category {
    padding:16px 0
}
.category .category-hd .category-wrap {
    padding:0 16px
}
.category .category-hd .category-con {
    align-items:flex-start;
    padding-top:16px
}

.category .category-hd .category-con.topline{
    border-top:1px dashed #e5e5e5;
}

.category .category-hd .category-con .name {
    flex:none
}
.category .category-hd .category-con .item {
    margin-bottom:16px;
    width:84px;
    margin-left:14px;
    cursor:pointer
}
.category .category-hd .category-con .item.active, .category .category-hd .category-con .item:hover {
    color:#ff2c3c
}
.category .category-hd .sort {
    padding:15px 16px
}
.category .category-hd .sort .sort-name .item {
    margin-right:30px;
    cursor:pointer
}
.category .category-hd .sort .sort-name .item.active {
    color:#ff2c3c
}
/*分类页面11*/
.goods-list {
    align-items:stretch
}
.goods-list .goods-item {
    display:block;
    box-sizing:border-box;
    width:224px;
    height:340px;
    margin-bottom:16px;
    margin-right: 12px;
    padding:12px ;
    border-radius:4px;
    transition:all .2s
}
.goods-list .goods-item:hover {
    transform:translateY(-8px);
    box-shadow:0 0 6px rgba(0, 0, 0, .1)
}
.goods-list .goods-item .goods-img {
    width:200px;
    height:250px
}
.goods-list .goods-item .name {
    margin:5px 0;
    height:40px;
    line-height:20px
}
.goods-list .goods-item .seckill .btn {
    padding:4px 12px;
    border-radius:4px;
    border:1px solid transparent
}
.goods-list .goods-item .seckill .btn.not-start {
    border-color:#ff2c3c;
    color:#ff2c3c;
    background-color:transparent
}
.goods-list .goods-item .seckill .btn.end {
    background-color:#e5e5e5;
    color:#fff
}
/**收藏页面** */
.aside-nav {
    width:200px;
    min-height:680px;
    padding:20px 0;
    box-sizing:border-box
}
.aside-nav .nav .title {
    padding:14px 32px;
    font-weight:500
}
.aside-nav .nav ul li a {
    display:block;
    padding:10px 32px
}
.aside-nav .nav ul li a.nuxt-link-active {
    position:relative;
    color:#ff2c3c;
    background-color:#ffeeef
}
.aside-nav .nav ul li a.nuxt-link-active:before {
    position:absolute;
    content:"";
    display:block;
    width:2px;
    height:30px;
    left:0;
    top:50%;
    transform:translateY(-50%);
    background-color:#ff2c3c
}
/********** */
.user-collection {
    padding:10px
}
.user-collection .collection-header {
    padding:10px 5px;
    border-bottom:1px solid #e5e5e5
}
.user-collection .collection-list {
    /*display:flex;*/
    flex-direction:column;
    justify-content:space-between;
    min-height:690px
}
.user-collection .collection-list .goods-item {
    padding:26px 20px;
    border-bottom:1px dashed #e5e5e5
}
.user-collection .collection-list .goods-item .goods-info {
    margin-left:10px;
    width:500px;
    flex:1
}
.user-collection .collection-list .goods-item .goods-info .goods-name {
    margin-bottom:8px
}
.user-collection .collection-list .goods-item .to-buy-btn {
    border:1px solid #ff2c3c;
    height:32px;
    width:104px;
    font-size:13px
}
.user-collection .collection-list .goods-item .cancel-btn {
    margin-left:10px;
    height:32px;
    width:104px;
    border:1px solid #e5e5e5;
    font-size:13px;
    cursor:pointer
}
.user-collection .data-null {
    padding-top:100px
}
/**忘记密码** */
.forget-pwd-container {
    flex:1
}
.forget-pwd-container .forget-pwd-box {
    padding-top:40px;
    padding-bottom:55px;
    width:880px;
    border:1px solid #e5e5e5
}
.forget-pwd-container .forget-pwd-box .forget-pwd-title {
    font-size:24px
}
.forget-pwd-container .forget-pwd-box .form-box .forget-form-item {
    margin-top:24px
}
.forget-pwd-container .forget-pwd-box .form-box .form-input {
    width:400px
}
.forget-pwd-container .forget-pwd-box .form-box .verify-code-img {
    width:100px;
    height:40px;
    margin-left:26px;
    background-color:red
}
.forget-pwd-container .forget-pwd-box .form-box .sms-btn {
    margin-left:16px;
    height:40px;
    width:120px
}
/**详情** */
.goods-details {
    padding:10px 0 44px;
    align-items:flex-start
}
.goods-details .goods-info {
    align-items:stretch
}
.goods-details .goods-info .goods-swiper {
    width:350px;
    border-radius:4px;
    justify-content:flex-start
}
.goods-details .goods-info .goods-swiper .swiper {
    margin:10px 0;
    padding:0 25px;
    --swiper-navigation-size:15px;
    --swiper-navigation-color:#888
}
.goods-details .goods-info .goods-swiper .swiper .swiper-button-next, .goods-details .goods-info .goods-swiper .swiper .swiper-button-prev {
    top:0;
    width:25px;
    height:100%;
    margin-top:0;
    background-size:12px 22px
}
.goods-details .goods-info .goods-swiper .swiper .swiper-button-prev {
    left:0
}
.goods-details .goods-info .goods-swiper .swiper .swiper-button-next {
    right:0
}
.goods-details .goods-info .goods-swiper .swiper .swiper-item {
    cursor:pointer;
    height:66px;
    width:66px;
    border:2px solid transparent
}
.goods-details .goods-info .goods-swiper .swiper .swiper-item~.swiper-item {
    margin-left:10px
}
.goods-details .goods-info .goods-swiper .swiper .swiper-item.active {
    border-color:#ff2c3c
}
.goods-details .goods-info .goods-swiper .current-img {
    width:100%;
    height:400px
}
.goods-details .goods-info .info-wrap {
    min-height:420px;
    border-radius:4px;
    padding:20px
}
.goods-details .goods-info .info-wrap .name {
    font-size:20px
}
.goods-details .goods-info .info-wrap .seckill {
    background-color:#ff2c3c;
    padding:6px 10px
}
.goods-details .goods-info .info-wrap .seckill .count-down .item {
    width:30px;
    height:30px;
    background:rgba(0, 0, 0, .3);
    text-align:center;
    line-height:30px;
    border-radius:4px
}
.goods-details .goods-info .info-wrap .price-wrap {
    background:#f6f6f6;
    background-size:100%;
    padding:16px
}
.goods-details .goods-info .info-wrap .price-wrap .coupon-list .coupon-item {
    color:#ff2c3c;
    border:1px solid;
    padding:2px 6px
}
.goods-details .goods-info .info-wrap .price-wrap .member-price {
    background-color:#482406;
    color:#fdebd5;
    border-radius:100px 100px 100px 0;
    padding:0 6px
}
.goods-details .goods-info .info-wrap .sales-click {
    border-bottom:1px dashed #e5e5e5;
    line-height:28px;
    /*text-align:center;*/
    padding:6px
}
.goods-details .goods-info .info-wrap .sales-click>div:first-of-type {
    border-right:1px solid #e5e5e5
}
.goods-details .goods-info .info-wrap .spec-wrap .spec {
    align-items:flex-start
}
.goods-details .goods-info .info-wrap .spec-wrap .spec .spec-name {
    /*margin-right:20px;*/
    margin-top:6px;
    flex:none
}
.goods-details .goods-info .info-wrap .spec-wrap .spec .spec-item {
    padding:0 10px;
    line-height:32px;
    /*border:1px solid #e5e5e5;*/
    border-radius:2px;
    margin-right:10px;
    margin-bottom:10px;
    /*cursor:pointer*/
}
.goods-details .goods-info .info-wrap .spec-wrap .spec .spec-item.active {
    color:#ff2c3c;
    background-color:#ffeeef;
    border-color:currentColor
}
.goods-details .goods-info .info-wrap .goods-num {
    margin-bottom:30px
}
.goods-details .goods-info .info-wrap .goods-num .num {
    margin-right:20px
}
.goods-details .goods-info .info-wrap .goods-btns .btn {
    line-height:42px;
    border-radius:2px;
    margin-right:14px;
    text-align:center;
    width:120px;
    border:1px solid #ff2c3c;
    cursor:pointer
}
.goods-details .goods-info .info-wrap .goods-btns .btn.addcart {
    color:#ff2c3c;
    background-color:#ffeeef;
    border-color:currentColor
}
.goods-details .goods-info .info-wrap .goods-btns .btn.collection {
    width:146px;
    color:#555;
    background-color:transparent;
    border-color:#e5e5e5
}
.goods-details .goods-info .info-wrap .goods-btns .btn.collection .start-icon {
    width:18.5px;
    height:18px
}
.goods-details .details {
    padding:10px 0;
    overflow:hidden
}
.goods-details .details .rich-text {
    padding:0 10px;
    width:100%;
    overflow:hidden
}
.goods-details .details .rich-text img {
    width:100%
}
.goods-details .details .rich-text p {
    margin:0
}
.goods-details .details .evaluation .evaluation-hd {
    background-color:#f2f2f2;
    height:80px;
    margin:0 10px
}
.goods-details .details .evaluation .evaluation-hd .rate {
    height:60px;
    width:220px;
    border-right:1px solid #e5e5e5;
    padding-left:10px;
    margin-right:40px
}
.goods-details .details .evaluation .evaluation-tab {
    margin:16px 20px
}
.goods-details .details .evaluation .evaluation-tab .item {
    border-radius:2px;
    cursor:pointer;
    height:32px;
    padding:6px 20px;
    color:#555;
    background-color:#f2f2f2;
    margin-right:10px
}
.goods-details .details .evaluation .evaluation-tab .item.active {
    color:#fff;
    background-color:#ff2c3c
}
.goods-details .goods-like {
    width:204px
}
.goods-details .goods-like .title {
    border-bottom:1px solid #e5e5e5;
    height:40px;
    font-weight:500
}
.goods-details .goods-like .goods-list .item {
    padding:10px;
    display:block
}
.goods-details .goods-like .goods-list .item .goods-img {
    width:180px;
    height:230px;
    margin-bottom:10px
}
/**登录** */
.login {
    background-image:url(http://121.199.54.241/pc/_nuxt/img/login_bg.3a68329.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%;
    height:640px;
    min-width:1180px
}
.login .login-container {
    margin:0 auto;
    width:1180px;
    height:100%;
    position:relative
}
.login .login-container .login-float-form-wrap {
    position:absolute;
    top:140px;
    right:60px;
    width:400px
}
.login .login-container .login-float-form-wrap .login-box {
    background-color:#fff;
    width:400px;
    min-height:400px;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.login .login-container .login-float-form-wrap .login-box .login-header-box {
    padding-top:20px
}
.login .login-container .login-float-form-wrap .login-box .login-header-box .header-tabs .header-tab {
    width:160px;
    height:35px;
    display:flex;
    flex-direction:column;
    align-items:center;
    cursor:pointer
}
.login .login-container .login-float-form-wrap .login-box .login-header-box .header-tabs .active-tab {
    color:#ff2c3c;
    text-align:center
}
.login .login-container .login-float-form-wrap .login-box .login-header-box .header-tabs .active-tab:after {
    content:"";
    height:2px;
    width:72px;
    margin-top:8px;
    background-color:#ff2c3c
}
.login .login-container .login-float-form-wrap .login-box .login-header-box .login-form-box {
    padding:0 30px
}
.login .login-container .login-float-form-wrap .login-box .login-header-box .login-form-box .login-form-item {
    margin-top:24px
}
.login .login-container .login-float-form-wrap .login-box .login-header-box .login-form-box .login-form-item .input-phone-num {
    width:340px
}
.login .login-container .login-float-form-wrap .login-box .login-header-box .login-form-box .login-form-item .verify-code-img {
    width:100px;
    height:40px;
    margin-left:20px;
    background-color:red
}
.login .login-container .login-float-form-wrap .login-box .login-header-box .login-form-box .login-form-item .sms-btn {
    margin-left:20px;
    height:40px
}
.login .login-container .login-float-form-wrap .login-box .login-header-box .option-box {
    padding:0 30px;
    margin-top:60px
}
.login .login-container .login-float-form-wrap .login-box .login-header-box .option-box .el-checkbox {
    color:#888
}
.login .login-container .login-float-form-wrap .login-box .login-footer-box {
    height:50px;
    background-color:#f2f2f2;
    padding:15px
}
/**新闻列表** */
.help-center-container .help-center-banner {
    margin-top:16px
}
.help-center-container .help-center-box {
    margin-top:16px;
    display:flex;
    flex-direction:row
}
.help-center-container .help-center-box .help-center-aside {
    width:160px;
    min-height:635px;
    padding-top:20px;
    padding-bottom:20px
}
.help-center-container .help-center-box .help-center-aside .nav li {
    padding:10px 32px;
    cursor:pointer
}
.help-center-container .help-center-box .help-center-aside .nav .active-item {
    color:#ff2c3c
}
.help-center-container .help-center-box .help-center-aside .nav .active-item a{
    color:#ff2c3c;
    font-weight: bold;
}
.help-center-container .help-center-box .article-lists-container {
    width:1004px;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.help-center-container .help-center-box .article-lists-container .article-item {
    padding:15px 20px;
    border-bottom:1px solid #e5e5e5;
    cursor:pointer
}
.help-center-container .help-center-box .article-lists-container .article-item .article-name {
    margin-bottom:11px;
    margin-top:13px;
    max-width:720px
}
.help-center-container .help-center-box .article-lists-container .help-center-pagination {
    padding-top:38px;
    margin-bottom:30px
}
.help-center-container .help-center-box .article-lists-container .data-null {
    padding-top:150px
}
.el-pagination.is-background .btn-next,  .el-pagination.is-background .btn-prev,  .el-pagination.is-background .el-pager li {
    background:#fff;
    padding:0 10px
}
/**新闻详情** */
.news-details-container .nav-container {
    padding:15px 16px
}
.news-details-container .content-box {
    display:flex;
    flex-direction:row
}
.news-details-container .content-box .news-detail-box {
    width:900px
}
.news-details-container .content-box .news-detail-box .content-header {
    padding:20px;
    border-bottom:1px solid #e5e5e5
}
.news-details-container .content-box .news-detail-box .content-header .news-detail-title {
    color:#222;
    font-size:24px;
    font-weight:500;
    margin-bottom:43px
}
.news-details-container .content-box .news-detail-box .content-html-box {
    padding:15px 20px
}
.news-details-container .content-box .news-detail-box .content-html-box>div {
    width:100%;
    overflow:hidden;
    font-size: 16px;
    line-height: 25px;
}
.news-details-container .content-box .news-detail-box .content-html-box>div img {
    width:100%
}
.news-details-container .content-box .recommend-box {
    width:264px
}
.news-details-container .content-box .recommend-box .recommend-box-header {
    padding:15px 10px;
    border-bottom:1px solid #e5e5e5
}
.news-details-container .content-box .recommend-box .recommend-box-header .primary-line {
    margin-right:10px;
    background-color:#ff2c3c;
    width:4px;
    height:20px
}
.news-details-container .content-box .recommend-box .recommend-box-content .recommend-list-container .recommend-list-item {
    padding:10px;
    cursor:pointer
}
.news-details-container .content-box .recommend-box .recommend-box-content .recommend-list-container .recommend-list-item .goods-info {
    margin-top:8px
}
/**订单列表** */
.aside-nav {
    width:200px;
    min-height:680px;
    padding:20px 0;
    box-sizing:border-box
}
.aside-nav .nav .title {
    padding:14px 32px;
    font-weight:500
}
.aside-nav .nav ul li a {
    display:block;
    padding:10px 32px
}
.aside-nav .nav ul li a.nuxt-link-active {
    position:relative;
    color:#ff2c3c;
    background-color:#ffeeef
}
.aside-nav .nav ul li a.nuxt-link-active:before {
    position:absolute;
    content:"";
    display:block;
    width:2px;
    height:30px;
    left:0;
    top:50%;
    transform:translateY(-50%);
    background-color:#ff2c3c
}
/**表** */
.order-list {
    padding:0 10px
}
.order-list .item {
    margin-bottom:20px
}
.order-list .item .item-hd {
    height:40px;
    border:1px solid #e5e5e5;
    background:#f2f2f2;
    padding:0 20px
}
.order-list .item .item-hd .status {
    width:100px;
    text-align:right
}
.order-list .item .item-con {
    box-shadow:0 3px 4px rgba(0, 0, 0, .08);
    align-items:stretch
}
.order-list .item .item-con .goods {
    padding:17px 0;
    width:560px
}
.order-list .item .item-con .goods .goods-item {
    padding:10px 20px
}
.order-list .item .item-con .goods .goods-item .goods-img {
    flex:none;
    margin-right:10px;
    width:72px;
    height:72px
}
.order-list .item .item-con .goods .goods-item .goods-name {
    width:100%
}
.order-list .item .item-con .goods .goods-item .goods-name .num {
    padding:0 42px
}
.order-list .item .item-con .pay-price {
    width:200px;
    border-left:1px solid #e5e5e5;
    border-right:1px solid #e5e5e5
}
.order-list .item .item-con .operate {
    width:185px
}
.order-list .item .item-con .operate>div {
    cursor:pointer
}
.order-list .item .item-con .operate .btn {
    width:120px;
    height:32px;
    border-radius:2px
}
.order-list .item .item-con .operate .btn.plain {
    border:1px solid #ff2c3c
}
/**付款页面** */
.payment {
    margin:16px 0;
    padding:0 40px
}
.payment .payment-hd>img {
    width:32px;
    height:32px
}
.payment .payment-hd .status {
    font-size:24px
}
.payment .payment-con, .payment .payment-hd {
    padding:32px 0;
    border-bottom:1px dashed #e5e5e5
}
.payment .payment-con .item {
    align-items:flex-start
}
.payment .payment-footer {
    padding:32px 0
}
.payment .payment-footer .pay-way {
    width:200px;
    height:68px;
    cursor:pointer;
    margin-right:32px;
    border:1px dashed #e5e5e5
}
.payment .payment-footer .pay-way img {
    width:30px;
    height:30px
}
.payment .payment-footer .btn {
    width:134px;
    height:40px;
    border:1px solid #e5e5e5
}
.payment .el-dialog .pay-code {
    width:270px;
    height:270px
}
.payment .el-dialog .pay-money {
    font-size:18px;
    margin-top:24px;
    align-items:baseline
}
/**个人中心** */
.user-profile {
    padding:10px
}
.user-profile .user-header {
    padding:10px 5px;
    border-bottom:1px solid #e5e5e5
}
.user-profile .user-container {
    margin-top:35px
}
.user-profile .user-container .user-form-item {
    padding-left:13px;
    margin-top:24px
}
.user-profile .user-container .user-form-item .user-form-label {
    width:60px;
    text-align:left;
    margin-right:24px
}
.user-profile .user-container .user-form-item .user-avatar-upload .avatar-uploader:hover .avatar .mask {
    display:flex
}
.user-profile .user-container .user-form-item .user-avatar-upload .avatar-uploader:hover .avatar:after {
    opacity:1
}
.user-profile .user-container .user-form-item .user-avatar-upload .avatar-uploader .avatar {
    position:relative;

}
.user-profile .user-container .user-form-item .user-avatar-upload .avatar-uploader .avatar .mask {
    display:none;
    position:absolute;
    content:"更换头像";
    position:absolute;
    transition:opacity .3s ease;
    /*opacity:0;*/
    width:64px;
    height:64px;
    left:0;
    top:0;
    border-radius:60px;
    background-color:#7F7C7C;
    color:#fff;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    font-size:12px

}
.user-profile .user-container .user-form-item .user-avatar-upload .avatar-uploader .avatar:after2 {
    content:"更换头像";
    position:absolute;
    transition:opacity .3s ease;
    opacity:0;
    width:100%;
    height:64px;
    left:0;
    top:0;
    border-radius:60px;
    background-color:rgba(0, 0, 0, .3);
    color:#fff;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    font-size:12px
}
.user-profile .user-container .user-form-item .user-input {
    width:240px
}
.user-profile .user-container .user-form-item .el-radio__input.is-checked+.el-radio__label {
    color:#007aff
}
.user-profile .user-container .user-form-item .el-input__inner:focus {
    border-color:#007aff
}
.user-profile .user-container .user-form-item .el-radio__input.is-checked .el-radio__inner {
    border-color:#007aff;
    background:#007aff
}
.user-profile .user-container .user-form-item .el-radio__inner:hover {
    border-color:#007aff
}
.user-profile .user-container .primary-btn {
    background-color:#ff2c3c;
    height:32px;
    width:100px;
    margin-top:32px;
    border:none;
    cursor:pointer
}
.user-profile .user-container .primary-btn:focus {
    border:none;
    outline:none
}
/**注册** */
.register-container {
    flex:1
}
.register-container .register-box {
    padding-top:40px;
    padding-bottom:55px;
    width:880px;
    border:1px solid #e5e5e5
}
.register-container .register-box .register-title {
    font-size:24px
}
.register-container .register-box .form-box .register-form-item {
    margin-top:24px
}
.register-container .register-box .form-box .register-form-item .form-input {
    width:400px
}
.register-container .register-box .form-box .register-form-item .verify-code-img {
    width:100px;
    height:40px;
    margin-left:26px;
    background-color:red
}
.register-container .register-box .form-box .register-form-item .sms-btn {
    margin-left:16px;
    height:40px;
    width:120px
}
/*分页*/
/*分页相关*/

/* 翻页 */
.pagination{
    padding:10px 0;
    overflow:hidden;
}
.pagination li{
    float:left;
    margin:5px;
    height:28px;
    border:solid 1px #ddd;
    border-radius: 2px;
    /*background:#f6f6f6;*/
    cursor:pointer;
    text-align:center;
    color:#666;
    font-size:14px;
    line-height:28px;
}
.pagination li.nextpage{width:68px;}
.pagination li.number{width:38px;}
.pagination li.current,
.pagination li.current:hover,
.pagination li.nextpage:active{
    border:solid 1px #ff2c3c;
    background:#ff2c3c;
    cursor:auto;
    color:white;
    font-weight:bold;
}
.pagination li:hover{border-color:#999; color:#ff2c3c;}
.pagination li.disable{color: #ccc; cursor: default; display: none}
.pagination li.disable:hover{border-color: #ddd;}
/* End */
.row-between, .row-end {
    display: flex;
    /* align-items: center; */
}
.content-container {
    padding: 10px 0;
    align-items: flex-start;
}

/*****/
.pay_btn a:hover{
    color: #fff !important;
}