body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
menu,
footer,
header {
    margin: 0;
    padding: 0;
    border: 0;
    font: normal 14px/24px "Microsoft YaHei";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input::-ms-clear {
    display: none
}

select::-ms-expand {
    display: none
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url(../images/icon-selectbg.png) 95% center no-repeat
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body {
    background: #f5f5f5
}

fieldset,
img {
    border: 0
}

img {
    max-width: 100%
}

ol,
ul,
li {
    list-style: none
}

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

a:hover {
    color: #e70
}

p {
    word-break: break-all;
    word-wrap: break-word
}

.text-left {
    text-align: left
}

.line-height28 {
    line-height: 28px
}

.line-height32 {
    line-height: 32px
}

.line-height30 {
    line-height: 30px
}

.line-height36 {
    line-height: 36px
}

.c666 {
    color: #666
}

.c333 {
    color: #333
}

.c999 {
    color: #999
}

.c31212 {
    color: #c31212
}

.red {
    color: red
}

.green {
    color: #369f40
}

.clearfix,
.piclist,
.model-infolist {
    -webkit-zoom: 1;
    -moz-zoom: 1;
    -ms-zoom: 1;
    -o-zoom: 1;
    zoom: 1;
    *zoom: 1
}

.clearfix:after,
.piclist:after,
.model-infolist:after {
    display: block;
    content: "";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.bg-f {
    background: #fff
}

.bg-f5 {
    background: #f5f5f5
}

.border-b {
    border-bottom: 1px solid #f0f0f0
}

.border-p {
    border-top: 1px solid #f0f0f0
}

.fl {
    float: left
}

.fr {
    float: right
}

.pad5-10 {
    padding: 5px 10px
}

.pad10 {
    padding: 10px
}

.pad15 {
    padding: 15px
}

.pad20 {
    padding: 20px
}

.pad40 {
    padding: 40px
}

.pad0-20 {
    padding: 0 20px
}

.pad-l20 {
    padding-left: 20px
}

.pad-l10 {
    padding-left: 10px
}

.pad-r10 {
    padding-right: 10px
}

.pad-r20 {
    padding-right: 20px
}

.mb10 {
    margin-bottom: 10px
}

.ml10 {
    margin-left: 10px
}

.ml20 {
    margin-left: 20px
}

.ml30 {
    margin-left: 30px
}

.ml40 {
    margin-left: 40px
}

.ml65 {
    margin-left: 65px
}

.ml130 {
    margin-left: 130px
}

.ml120 {
    margin-left: 120px
}

.mgl140 {
    margin-left: 140px
}

.mb20 {
    margin-bottom: 20px
}

.mb36 {
    margin-bottom: 36px
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt60 {
    margin-top: 60px
}

.mr0 {
    margin-right: 0px
}

.mr20 {
    margin-right: 20px
}

.mr10 {
    margin-right: 10px
}

.mr30 {
    margin-right: 30px
}

.mr40 {
    margin-right: 40px
}

.mrg0-10 {
    margin: 0 10px
}

.mrg10-0 {
    margin: 10px 0
}

.mrg20 {
    margin: 20px
}

.mrgauto {
    margin: 0 auto;
    display: table
}

.w80 {
    width: 80px
}

.w110 {
    width: 110px
}

.w120 {
    width: 120px
}

.w130 {
    width: 130px !important
}

.w150 {
    width: 150px !important
}

.w220 {
    width: 220px
}

.fw-n {
    font-weight: normal
}

.fc999 {
    color: #999
}

.m5 {
    margin: 0 5px
}

.m8 {
    margin: 8px;
    line-height: 24px
}

.line-36 {
    line-height: 36px
}

.org {
    color: #ff8d1c
}

a.org:hover {
    color: #e70
}

.btn-black-b,
.btn-black {
    border: 1px solid #ccc;
    color: #333;
    background: transparent;
    padding: 4px 12px
}

.btn-black-b:hover,
.btn-black:hover {
    border-color: #333
}

a.btn-org {
    color: #fff
}

.block {
    display: block
}

.ft12 {
    font-size: 12px
}

.ft14 {
    font-size: 14px
}

.ft16 {
    font-size: 16px
}

.ft18 {
    font-size: 18px
}

.ft20 {
    font-size: 20px
}

.ft22 {
    font-size: 22px
}

.ft24 {
    font-size: 24px
}

.ft26 {
    font-size: 26px
}

.ft28 {
    font-size: 28px
}

.white12b {
    color: #333;
    font-weight: normal
}

.absolute {
    position: absolute
}

.bold {
    font-weight: bold
}

.s_bord {
    border: 1px solid #333 !important
}

.btn36 {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    text-align: center;
    box-sizing: border-box
}

.btn36:hover {
    line-height: 36px;
    height: 36px;
    box-sizing: border-box
}

.btn-org-b {
    border-color: #ff8d1c;
    color: #ff8d1c
}

.btn-org-b:hover {
    border-color: #e70;
    color: #e70
}

.jeui-btn-lg {
    min-width: 150px !important
}

.jeui-btn {
    display: inline-flex;
    line-height: 36px;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    box-sizing: border-box;
    margin: 0 10px;
    padding: 0;
    width: 110px;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    cursor: pointer
}

.margin0 {
    margin: 0
}

.btn-none {
    border: none;
    outline: none;
    background: transparent;
    border: none;
    cursor: pointer;
    line-height: 36px;
    box-sizing: border-box
}

.btn-none:hover {
    color: #e70
}

.textarea {
    width: 630px;
    height: 120px;
    border: 1px solid #e0e0e0;
    color: #333;
    padding: 4px;
    line-height: 24px
}

.textarea:focus {
    border-color: #333;
    outline: none
}

.ellipsis2 {
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

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

.no-margin {
    margin-right: 0 !important
}

.clear {
    clear: both
}

.text-center {
    text-align: center
}

.border-r50 {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.line-through {
    text-decoration: line-through;
    color: #999
}

.m {
    width: 1200px;
    margin: 0 auto
}

.jeui-shadow {
    -webkit-box-shadow: 0 0 6px rgba(174, 174, 174, .14);
    box-shadow: 0 0 6px rgba(174, 174, 174, .14)
}

.jeui-head {
    margin: 15px auto !important
}

.relative {
    position: relative
}

.newreg-left {
    background: #fff;
    width: 180px
}

.newreg-left-box {
    background: #fff;
    width: 180px;
    margin-bottom: 30px
}

.newreg-userbox {
    width: 100%;
    position: relative;
    padding-bottom: 10px;
    display: table;
    overflow: hidden
}

.newreg-userbox .user-photo {
    width: 80px;
    height: 80px;
    margin: 10px auto;
    position: relative
}

.newreg-userbox .user-photo a {
    width: 100%;
    height: 100%;
    display: block;
    border: 4px solid #f1ece5;
    overflow: hidden;
    border-radius: 50%
}

.newreg-userbox>span {
    display: block
}

.newreg-userbox h4 {
    width: 160px;
    margin: 0 auto;
    height: 24px;
    display: block
}

.icon-grzx {
    position: absolute;
    width: 16px;
    height: 22px;
    background: url(../images/icon-gezx.png) center no-repeat;
    right: 10px;
    top: 0;
    display: block
}

.newreg-left dl {
    width: 100%;
    text-indent: 34px;
    font-weight: normal !important;
    margin-bottom: 0px;
    cursor: pointer;
    position: relative
}

.newreg-left dl .icon-new {
    display: block;
    width: 29px;
    height: 16px;
    background: url(../images/new.png) center no-repeat;
    background-size: 100%;
    position: absolute;
    right: 17px;
    top: -16px
}

.newreg-left dl dt {
    padding: 10px;
    position: relative;
    cursor: pointer;
    font-weight: normal !important
}

.newreg-left dl dt:hover {
    color: #ff8d1c
}

.newreg-left dl dt.hover {
    background: #f1ece5;
    border-left: 2px solid #ff8d1c;
    font-weight: bold
}

.newreg-left dl dd {
    font-size: 12px;
    padding: 5px;
    text-indent: 50px
}

.newreg-left dl dd a {
    color: #666
}

.reg-wrapper-new .newreg-left .newreg-navlist dl dd {
    display: none
}

.reg-wrapper-new .newreg-left dl dd a.active {
    color: #ff8d1c;
    font-weight: bold
}

.reg-wrapper-new .newreg-left dl dd:hover a {
    color: #ff8d1c
}

.btn-add {
    background: #f1f2f4;
    display: inline-block;
    padding: 0 15px;
    text-indent: 0;
    text-align: center
}

.btn-add:hover {
    background: #ff8d1c;
    color: #fff
}

.newreg-right {
    width: 1010px;
    margin-bottom: 30px
}

.newreg-righttab ul {
    margin-left: -10px
}

.newreg-righttab ul li {
    width: 186px;
    height: 120px;
    float: left;
    margin-left: 10px;
    background: #f1ece5 url(../images/li-bg2.png);
    padding: 10px;
    position: relative
}

.newreg-righttab .tablist-top {
    display: flex;
    -ms-align-items: center;
    align-items: center
}

.newreg-righttab .tablist-top .icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 2px
}

.newreg-righttab .tablist-m {
    display: flex;
    -ms-align-items: center;
    align-items: center
}

.newreg-righttab .tablist-m span {
    margin: 0 2px
}

.newreg-righttab .tablist-m .re-grant {
    font-size: 12px;
    position: absolute;
    z-index: 2;
    right: 20px
}

.newreg-righttab .tablist-b {
    position: absolute;
    left: 10px;
    bottom: 10px;
    right: 30px
}

.newreg-righttab ul.list .tablist-top .icon {
    width: 10px
}

.newreg-righttab ul.list {}

.newreg-righttab ul.list li.item {
    background: #f7f2ee;
    position: relative
}

.newreg-righttab ul.list li.item2 {
    background: #f2f3f7
}

.newreg-righttab ul.list2 {
    margin-top: 20px
}

.newreg-righttab ul.list2 li {
    background: #f4f9f8
}

.icon-20 {
    background-image: url(../images/icon-20.png)
}

.icon-21 {
    background-image: url(../images/icon-21.png)
}

.icon-22 {
    background-image: url(../images/icon-22.png)
}

.reg-title {
    width: 100%;
    padding: 10px 20px;
    font-weight: bold;
    position: relative;
    margin-bottom: 20px
}

.reg-title .more {
    font-weight: normal
}

.reg-title2 {
    width: 100%;
    padding: 15px 20px;
    position: relative
}

.reg-title2 .absolute {
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 15px
}

.reg-title .absolute {
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 15px;
    font-weight: normal
}

.regtitle-r {
    position: absolute;
    top: 9px;
    right: 0;
    z-index: 3
}

.regtitle-r a {
    display: block;
    margin-right: 20px;
    height: 36px;
    line-height: 36px;
    border-radius: 4px
}

.regtitle-r a.btn-hs {
    background: url(../images/icon-hs.png) 12px center no-repeat;
    padding: 0;
    padding-left: 35px;
    line-height: 36px;
    padding-right: 12px
}

.regtitle-r .btn-go {
    padding: 0 20px;
    line-height: 36px
}

.regtitle-r a.btn-hs2 {
    width: 92px;
    background: url(../images/icon-hs.png) 12px center no-repeat;
    padding-left: 26px;
    padding-right: 6px;
    box-sizing: border-box
}

.regtitle-r a.btn-go2 {
    background: #ff8d1c
}

.newreg-menu {
    padding: 20px 0
}

.newreg-menu ul li {
    width: 110px;
    float: left;
    text-align: center;
    margin: 0 16px
}

.newreg-menu ul li .icon {
    width: 36px;
    height: 36px;
    display: block;
    margin: 0 auto
}

.newreg-menu ul li span {
    display: block;
    line-height: 16px;
    margin: 4px 0
}

.newreg-menu3 ul li {
    width: 93px
}

.newreg-menu2 ul li .icon {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto 10px
}

.newreg-menu2 ul li:hover .fc6 {
    color: #e70
}

.reg-pictures,
.piclist {
    padding: 20px
}

.reg-pictures ul,
.piclist ul {
    margin-left: -18px
}

.reg-pictures ul li,
.piclist ul li {
    width: 228px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    margin-left: 18px;
    margin-bottom: 18px;
    float: left;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    position: relative
}

.reg-pictures ul li .pic,
.piclist ul li .pic {
    width: 100%;
    height: 230px
}

.piclist ul li .pic a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 228px;
    height: 228px
}

.piclist2 ul li .pic a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 228px;
    height: 172px
}

.reg-pictures ul li .pic img,
.piclist ul li .pic img {
    max-height: 100%
}

.reg-pictures ul li:hover,
.piclist li:hover {
    -webkit-box-shadow: 0 0 6px rgba(174, 174, 174, .8);
    box-shadow: 0 0 6px rgba(174, 174, 174, .8);
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.reg-pictures ul li h4,
.piclist ul li h4 {
    height: 48px
}

.reg-pictures .delete,
.piclist .delete {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    background: #fff;
    text-align: center;
    display: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    font-size: 22px
}

.reg-pictures .delete i,
.piclist .delete i {
    color: #333
}

.reg-pictures .delete i:hover,
.piclist .delete i:hover {
    color: #e70
}

.reg-pictures ul li:hover .delete,
.piclist ul li:hover .delete {
    display: block
}

.reg-pictures ul li .name,
.piclist ul li .name {
    padding: 5px 10px
}

.piclist ul li .name {
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 24px;
    height: 58px
}

.piclist ul li .name:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

.piclist ul li .name .fa {
    font-size: 18px
}

.piclist ul li .favorite-list-name {
    display: block;
    width: 100%;
    text-align: center;
    height: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 16px;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    padding: 0 5px
}

.piclist ul li .favorite-folder-title {
    display: block;
    width: 100%;
    text-align: center;
    height: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 16px;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    padding: 0 5px
}

.piclist ul li:hover .favorite-folder-title {
    color: #FF8D1C
}

.piclist1 ul li .pic {
    height: 172px;
    overflow: hidden;
    position: relative
}

.favorites-edit {
    width: 100%;
    margin: 20px 0 0;
    overflow: hidden;
    padding: 0 23px 0 20px
}

.favorites-edit .edit-fl .btn {
    width: 80px;
    text-align: center;
    margin: 0 3px
}

.favorites-edit .edit-fl label {
    font-weight: normal;
    cursor: pointer
}

.favorites-edit .edit-fl label span {
    margin-left: 2px
}

.piclist ul li .sc-icon {
    width: 36px;
    height: 36px;
    background: #fff;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: center;
    padding: 8px 0
}

.piclist ul li .edit-icon {
    width: 36px;
    height: 36px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    position: absolute;
    right: 10px;
    top: 10px;
    display: none;
    text-align: center;
    padding: 8px 0
}

.piclist ul li:hover .edit-icon {
    display: block;
    cursor: pointer
}

.icon-sc-new {
    width: 20px;
    height: 20px;
    background: url(../images/sc-icon-h2.png) center no-repeat;
    display: inline-block
}

.icon-sc-new-h {
    width: 20px;
    height: 20px;
    background: url(../images/sc-icon2.png) center no-repeat;
    display: inline-block
}

.icon-edit-new {
    width: 20px;
    height: 20px;
    background: url(../images/edit-icon2.png) center no-repeat;
    display: inline-block
}

.piclist ul li .sc-icon.none {
    display: none
}

.piclist ul li .piclist-user .time {
    font: normal 12px/24px "Microsoft YaHei";
    color: #999
}

.piclist ul li .edit {
    width: 100%;
    display: table;
    margin-top: 15px
}

.piclist ul li .edit .edit-left {}

.piclist ul li .edit .edit-left a {
    color: #e70;
    margin-right: 10px;
    display: inline-block;
    cursor: pointer
}

.piclist ul li .edit .edit-left a:hover {
    color: #d76b00
}

.piclist ul li .edit .edit-left i.icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    float: left;
    margin-top: 2px;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    background-position: center !important
}

.piclist ul li .edit .edit-left em {
    float: left;
    font-style: normal
}

.icon-edit-s {
    background: url(../images/icon-edit-s.png) no-repeat
}

.icon-close-s {
    background: url(../images/icon-close-s.png) no-repeat
}

.icon-share-s {
    background: url(../images/icon-share-s.png) no-repeat
}

.piclist ul li .edit .time {
    font: normal 12px/24px "Microsoft YaHei";
    color: #999
}

.piclist ul li .details {
    padding: 5px 10px
}

.piclist3 ul li .pic {
    width: 228px;
    height: 124px
}

.piclist2 ul li .pic {
    width: 228px;
    height: 172px
}

.piclist2 ul li .pic img,
.piclist3 ul li .pic {
    width: 100%
}

.piclist ul li .xxhd {
    position: absolute;
    left: 0;
    top: 12px;
    background: url(../images/icon-xxhd.png) left center no-repeat;
    display: inline-block;
    text-align: center;
    color: #fff;
    z-index: 2;
    width: 88px;
    height: 28px;
    line-height: 28px
}

.reg-pictures-more {
    margin: 0 0 30px;
    width: 100%;
    display: table
}

.reg-pictures-more .more {
    padding: 8px 70px;
    cursor: pointer
}

.reg-pictures-more .more:hover {
    background: #ff8d1c;
    color: #fff
}

.icon-1 {
    background-image: url(../images/icon-1.png)
}

.icon-2 {
    background-image: url(../images/icon-2.png)
}

.icon-3 {
    background-image: url(../images/icon-3.png)
}

.icon-4 {
    background-image: url(../images/icon-4.png)
}

.icon-5 {
    background-image: url(../images/icon-5.png)
}

.icon-6 {
    background-image: url(../images/icon-6.png)
}

.icon-7 {
    background-image: url(../images/icon-7.png)
}

.icon-8 {
    background-image: url(../images/icon-8.png)
}

.icon-9 {
    background-image: url(../images/icon-9.png)
}

.icon-10 {
    background-image: url(../images/icon-10.png)
}

.icon-11 {
    background-image: url(../images/icon-11.png)
}

.icon-12 {
    background-image: url(../images/icon-12.png)
}

.icon-13 {
    background-image: url(../images/icon-13.png)
}

.icon-14 {
    background-image: url(../images/icon-14.png)
}

.icon-15 {
    background-image: url(../images/icon-15.png)
}

.icon-16 {
    background-image: url(../images/icon-16.png)
}

.icon-17 {
    background-image: url(../images/icon-17.png)
}

.icon-18 {
    background-image: url(../images/icon-18.png)
}

.icon-19 {
    background-image: url(../images/icon-19.png)
}

.icon-24 {
    background-image: url(../images/icon-24.png)
}

.icon-vip-1 {
    background-image: url(../images/icon-vip-1.png)
}

.icon-identity-auth {
    background: url("../images/icon-shenfenrenzheng.png") center no-repeat;
    background-size: 28px 28px
}

.regtitle-tab {
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    padding: 0 20px;
    box-sizing: border-box;
    display: table
}

.regtitle-tab ul {
    margin-left: -30px
}

.regtitle-tab ul li {
    margin-left: 30px;
    float: left;
    position: relative;
    color: #666;
    line-height: 30px;
    padding-bottom: 2px;
    cursor: pointer
}

.regtitle-tab ul li.active {
    color: #333;
    font-weight: bold
}

.regtitle-tab ul li.active:after {
    position: absolute;
    width: 40px;
    height: 3px;
    content: "";
    bottom: -2px;
    left: 50%;
    margin-left: -20px;
    background: #ff8d1c
}

.regtitle-tab ul li .num {
    position: absolute;
    background: #FF8D1C;
    top: -4px;
    left: 54px;
    line-height: 16px;
    color: #fff;
    font-size: 12px;
    padding: 0px 5px;
    border-radius: 50%;
    z-index: 2
}

.regtitle-tab ul li span.dian {
    position: absolute;
    width: 5px;
    height: 5px;
    background: #f00;
    border-radius: 50%;
    top: 0;
    left: 54px
}

.regtitle-tab2 {
    height: 44px
}

.regtitle-tab2 ul li {
    line-height: 42px
}

.checkboxs.active label span {
    color: #FF8D1C
}

.regtitle-tab span.delt {
    background: #F5F5F5;
    height: 24px;
    padding: 0px 10px;
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 10px;
    margin-top: 5px
}

.regtitle-tab span.delt:hover {
    background: #FF8D1C;
    color: #fff
}

.reg-meessage {
    width: 100%;
    padding: 5px 0 5px 20px
}

.reg-meessage ul li {
    width: 100%;
    display: table;
    padding: 15px 0 0
}

.reg-meessage ul li:last-child {
    border-bottom: none;
    padding-top: 0
}

.reg-meessage ul li .delete {
    margin-top: 26px;
    font-size: 18px;
    margin-right: 20px;
    color: #999;
    cursor: pointer
}

.reg-meessage ul li .delete:hover .fa {
    color: #000
}

.reg-meessage .sphoto {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    background: #f1ece5
}

.reg-meessage .list .sphoto {
    border: none
}

.reg-meessage .sphoto .dot-red {
    width: 6px;
    height: 6px;
    background: #f00;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    right: -5px;
    top: 0px;
    overflow: hidden
}

.reg-meessage .sphoto a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.reg-meessage .sphoto a,
.reg-meessage .sphoto img {
    width: 100%;
    height: 100%
}

.reg-meessage .details {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 15px;
    margin-left: 90px;
    padding-right: 50px;
    cursor: pointer
}

.reg-meessage .details .time {
    color: #999;
    display: block;
    width: 100%
}

.reg-meessage .details .stxt {
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    min-height: 24px
}

.reg-meessage .details .stxt .org3,
.reg-meessage .details .stxt a {
    color: #ad8d6b;
    margin: 0 2px
}

.reg-meessage .details .stxt a {
    font-weight: bold
}

.reg-meessage .details .stxt a span {
    font-weight: normal
}

.reg-meessage .check-box {
    margin-top: 5px;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    margin-right: 7px
}

.reg-meessage .check-box .checkbox {
    margin-top: 6px;
    margin-right: 6px
}

.reg-meessage .check-box label {
    font-weight: normal
}

.reg-meessage .delt {
    margin-left: 20px;
    cursor: pointer
}

.reg-meessage .delt:hover {
    color: #e70
}

.atlas-open .layui-layer-title {}

.atlas-span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 24px;
    background: rgba(255, 63, 63, 1);
    border-radius: 4px 0px 4px 0px;
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100
}

.reg-pictures .delete i {
    color: #333
}

.reg-pictures .delete {
    background: rgba(255, 255, 255, 1);
    right: 10px;
    top: 10px
}

.showbox500-gather .fs16 {
    box-sizing: border-box;
    padding: 0 15px
}

.reg-newcount {
    width: 100%
}

.reg-newcount ul li {
    border-bottom: 1px solid #f0f0f0;
    width: 100%;
    padding: 20px 40px;
    display: table
}

.reg-newcount ul li .fa {
    font-size: 20px;
    float: left;
    margin: 15px 20px 10px 0
}

.reg-newcount ul li .stit {
    min-width: 56px
}

.reg-newcount ul li .stit {
    color: #333
}

.reg-newcount ul li .inputbox {
    color: #666
}

.reg-newcount ul li .stit,
.reg-newcount ul li .inputbox {
    margin-right: 80px
}

.reg-newcount ul li .sright {
    width: 140PX;
    text-align: center;
    float: right
}

.fa-check-circle {
    color: #0ba031
}

.fa-exclamation-circle {
    color: #f00
}

.fa-question-circle {
    color: #999
}

.reg-newcount ul li a {
    color: #ff8d1c
}

.reg-newcount ul li a.btn-black {
    color: #333;
    line-height: 34px;
    width: 110px;
    padding: 0;
    display: inline-flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center
}

.reg-newcount ul li .mt10 {
    margin-top: 10px
}

.reg-newcount ul li .inputbox>span {
    display: block
}

.reg-newcount ul li a.btn-org {
    color: #fff
}

.model-infolist {
    width: 100%;
    display: table;
    margin: 10px 0;
    padding: 0 20px;
    border-bottom: 1px solid #f0f0f0;
    position: relative
}

.model-infolist .base_msg_inputbox {
    position: absolute;
    display: flex;
    flex-direction: column;
    right: 40px !important;
    z-index: 10;
    top: 0
}

.model-infolist ul li {
    width: 100%;
    display: table;
    margin-bottom: 20px
}

.model-infolist ul li .stxt {
    min-width: 112px;
    text-align: right;
    margin-right: 10px;
    line-height: 36px;
    color: #666
}

.model-infolist2 ul li .stxt {
    min-width: 200px
}

.model-infolist ul li .inputbox {
    width: 820px;
    position: relative;
    line-height: 36px
}

.model-infolist ul li .inputbox span {}

.model-infolist ul li .inputbox .btn {
    display: inline-block;
    margin: 0 10px;
    height: 36px;
    line-height: 36px;
    min-width: 110px;
    padding: 0
}

.model-infolist ul li .inputbox .btn2 {
    margin: 0
}

.model-infolist ul li .inputbox .btn-up {
    height: 36px;
    line-height: 36px;
    padding: 0px 24px;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    border: 1px solid #ccc
}

.model-infolist ul li .stxt2 {
    line-height: 36px;
    margin-left: 20px
}

.model-infolist ul li .stxt22 {
    line-height: 36px;
    margin-left: 20px
}

.model-infolist ul li .stxt3 {
    line-height: 36px;
    margin-left: 20px
}

.model-infolist ul li .mt90 {
    margin-top: 90px;
    margin-left: 0
}

.model-infolist ul li .text {}

.model-infolist ul li .text:focus {
    outline: none
}

.model-infolist ul li .s-text-next {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 36px;
    line-height: 36px;
    margin-left: 10px
}

.model-infolist ul li .s-text2 {
    width: 120px
}

.bg-fff7 {
    background: #faf7f5
}

.selectbox {
    width: 180px;
    line-height: 26px;
    border: 1px solid #e6e6e6;
    background: url(../images/icon-selectbg.png) 90% center no-repeat;
    padding: 4px 6px;
    border-radius: 2px
}

.selectbox:focus {
    outline: none
}

.model-infolist ul li .stip {
    float: left;
    font-size: 12px;
    margin-top: 44px;
    color: #999
}

.tips {
    padding: 20px 50px;
    font-size: 12px;
    color: #999
}

.model-infolist ul .stip2 {
    padding-left: 40px;
    color: #666;
    font-size: 14px
}

.model-infolist ul .stip2 a {
    color: #ff6a00
}

.model-infolist .model-col2 {
    width: 50%;
    margin-bottom: 28px
}

#uploader ul li {
    float: left;
    width: 120px !important
}

.jeui-pay {
    width: 380px;
    height: 220px;
    border-radius: 8px;
    padding: 20px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, .3);
    margin-left: 20px
}

.jeui-pay .p-tit {
    color: #666;
    font-size: 14px;
    padding-left: 18px;
    height: 22px;
    line-height: 22px;
    background: url(../images/jeui-pay1.png) left center no-repeat
}

.jeui-pay .p-tit2 {
    background: url(../images/jeui-pay2.png) left center no-repeat
}

.jeui-pay .p-price {
    font-size: 30px;
    color: #333;
    height: 92px;
    line-height: 92px;
    text-align: center
}

.uploadphoto {
    margin: 30px auto;
    width: 120px
}

.uploadphoto .myphoto {
    width: 120px;
    height: 120px;
    position: relative;
    overflow: hidden;
    border: 4px solid #f1ece5;
    margin-bottom: 8px
}

.uploadphoto img {
    width: 120px;
    height: 120px
}

.photo-bg {
    position: absolute;
    width: 120px;
    height: 120px;
    left: 0;
    top: 0;
    line-height: 120px;
    color: #fff !important;
    background: rgba(0, 0, 0, .3);
    display: none
}

.uploadphoto .myphoto:hover .photo-bg {
    display: block
}

.text {
    border: 1px solid #e0e0e0;
    height: 36px;
    line-height: 36px;
    padding: 0px 8px;
    box-sizing: border-box;
    width: 280px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.text:focus {
    border-color: #333
}

.user-right {
    padding-bottom: 20px;
    position: relative;
    min-height: 700px
}

.text-lg {
    width: 450px
}

.text130 {
    width: 130px
}

.jeui-table {
    border: 1px solid #f0f0f0;
    width: 100%;
    margin: 10px auto;
    border-left: none
}

.jeui-table tr.table-top {
    background: #f1ece5
}

.jeui-table tr.table-top td {
    text-align: center;
    color: #333
}

.jeui-table tr .tab-pic {
    position: relative
}

.jeui-table tr .tab-pic a {
    display: block;
    width: 100%
}

.jeui-table tr .tab-pic a img {
    display: block;
    margin: 0 auto
}

.jeui-table tr .tab-pic .cover {
    position: absolute;
    top: 4px;
    left: 64px;
    width: 48px;
    height: 48px;
    background: url(../images/icon_vip.png) center center no-repeat
}

.jeui-table tr .tab-pic .cover2 {
    width: 90px;
    height: 80px;
    background: rgba(0, 0, 0, .5);
    z-index: 2;
    position: absolute;
    top: 10px;
    left: 64px
}

.jeui-table tr:hover .scenedel {
    display: block
}

.jeui-table tr .scenedel:hover {
    color: #ff8d1c
}

.jeui-table td.fc9 {
    color: #999
}

.jeui-table td .red span {
    color: #999
}

.jeui-table td {
    border-left: 1px solid #efefef !important;
    border-top: 1px solid #efefef !important;
    text-align: center;
    color: #666;
    padding: 10px;
    position: relative;
    box-sizing: border-box
}

.jeui-table td.bt {
    text-align: right
}

.add-table {
    height: 500px;
    overflow-y: scroll;
    padding-right: 6px
}

.jeui-btns,
.model-btns {
    width: 100%;
    display: table;
    margin: 25px 0;
    text-align: center
}

.add-table .jeui-table {
    margin: 0 auto
}

.jeui-btns .btn,
.model-btns .btn {
    display: inline-block;
    margin: 0 10px;
    line-height: 36px;
    min-width: 110px;
    padding: 0
}

.jeui-table tr.table-top td.text-left,
.jeui-table tr td.text-left {
    text-align: left
}

.jeui-table tr.table-top td.text-right,
.jeui-table tr td.text-right {
    text-align: right
}

.jeui-table .pic {
    width: 150px;
    height: 80px;
    text-align: center
}

.jeui-table .pic img {
    max-width: 100%;
    max-height: 80px
}

.jeui-table .info {
    width: 260px;
    margin-left: 10px;
    box-sizing: border-box;
    padding-right: 20px
}

.jeui-table .details {
    margin: 10px 0;
    padding-left: 15px
}

.jeui-table .details .stit {
    display: block;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 27px;
    height: 54px
}

.jeui-table .details .name {
    color: #666;
    font-size: 14px;
    line-height: 18px
}

.jeui-table .time {
    margin: 0 0
}

.jeui-table .price {
    color: #333;
    line-height: 30px;
    position: relative
}

.jeui-table .price .c_name {
    position: absolute;
    right: 0;
    z-index: 2;
    top: 0;
    height: 30px;
    line-height: 30px
}

.jeui-table td .icon_tps {
    position: relative;
    cursor: pointer;
    float: right
}

.jeui-table td .icon_tps .tps {
    position: absolute;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 4px 2px 17px 1px rgba(121, 120, 120, 0.75);
    display: none;
    -webkit-box-shadow: 4px 2px 17px 1px rgba(121, 120, 120, 0.75);
    z-index: 8;
    top: -70px;
    text-align: left;
    font-size: 14px;
    -moz-box-shadow: 4px 2px 17px 1px rgba(121, 120, 120, 0.75);
    left: -395px;
    width: 400px;
    box-sizing: border-box
}

.jeui-table td .icon_tps:hover .tps {
    display: block
}

.moretable {
    padding: 0 !important;
    font-size: 12px;
    background: #f0f0f0;
    cursor: pointer
}

.bgf1e {
    background: #f1ece5
}

.addmenulist {
    width: 100%;
    display: table
}

.addmenulist ul li {
    width: 25%;
    background: url(../images/icon-check.png) left center no-repeat;
    padding-left: 20px;
    float: left;
    text-align: left;
    cursor: pointer;
    margin: 2px 0;
    font-size: 12px
}

.addmenulist ul li.active {
    width: 25%;
    background: url(../images/icon-checked.png) left center no-repeat
}

.regtitle,
.model-stitle {
    width: 100%;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: bold
}

.model-stitle {
    padding: 15px 40px;
    position: relative
}

.jeui-showbox {
    padding: 30px
}

.jeui-showbox p {
    min-height: 48px;
    text-align: center;
    font-size: 16px
}

.jeui-showbox ul li {
    width: 100%;
    display: table;
    margin-bottom: 20px
}

.showbox420 {
    width: 420px
}

.jeui-showbox .showbox-btns {
    margin-top: 30px
}

.jeui-showbox .showbox-btns .btn {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    box-sizing: border-box;
    margin: 0 10px;
    padding: 0;
    width: 110px
}

.jeui-showbox .stxt {
    min-width: 90px;
    text-align: right;
    line-height: 36px
}

.jeui-showbox .inputbox {
    margin-left: 94px;
    line-height: 36px
}

.jeui-showbox .inputbox .text {
    width: 100%
}

.user-right {
    -webkit-box-shadow: 0 0 6px rgba(174, 174, 174, .14);
    box-shadow: 0 0 6px rgba(174, 174, 174, .14);
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.model-stitle .fc999 {
    color: #999;
    font-size: 12px;
    margin-left: 10px;
    font-weight: normal
}

.ylt-spic {
    width: 144px;
    float: left;
    margin-right: 20px;
    height: 214px
}

.ylt-spic .pic {
    width: 138px;
    height: 138px;
    background: #f5f5f5 url(../images/icon-camer-s.png) center 35px no-repeat;
    position: relative
}

.ylt-spic .pic span {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #999;
    left: 0;
    bottom: 20px
}

.ylt-spic2 {
    width: 644px;
    height: 94px;
    float: left;
    margin-right: 10px
}

.ylt-spic3 {
    height: 94px
}

.ylt-spic5 {
    width: 120px;
    height: 120px;
    overflow: hidden
}

.ylt-spic5 img {
    max-height: 100%
}

.ylt-spic4 {
    width: 120px;
    float: left;
    margin-right: 16px;
    height: 170px
}

.ylt-spic4 .pic {
    width: 118px;
    height: 118px;
    background: #f5f5f5 url(../images/icon-camer-s.png) center 35px no-repeat;
    position: relative
}

.ylt-spic4 .pic span {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #999;
    left: 0;
    bottom: 20px
}

.up-tips {
    display: table;
    width: 100%;
    color: #999;
    font-size: 12px
}

.model-infolist2 {
    padding-left: 50px
}

.model-infolist2 ul li .inputbox {
    width: 600px
}

.btn-b-s {
    border: 1px dashed #999;
    padding: 4px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #333;
    display: inline-block;
    cursor: pointer;
    width: 180px
}

.btn-b-s:hover {
    border-color: #000
}

.agreen {
    display: flex;
    -ms-align-items: center;
    align-items: center
}

.agreen input {
    margin-right: 4px;
    cursor: pointer
}

.zip-box {
    display: flex;
    -ms-align-items: center;
    align-items: center
}

.zip-img {
    width: 32px;
    margin: 0 10px
}

.zip-img img {
    max-width: 100%
}

.upload-btn-reset {
    margin-left: 10px
}

.zip-filename {
    min-width: 70px;
    margin-right: 10px
}

.zip-name {
    max-width: 120px;
    display: inline-block;
    height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 36px
}

.filter-search {
    position: relative
}

.filter-search .btn-search {
    border: none;
    height: 36px;
    line-height: 36px;
    background: url(../images/newsearch2.png) center no-repeat;
    width: 40px;
    padding: 0;
    text-indent: -9999px;
    cursor: pointer;
    float: right;
    position: relative;
    position: absolute;
    right: 0;
    top: 0
}

.filter-search .btn-search:hover {
    background: url(../images/newsearch2-h.png) center no-repeat;
    border-left: none
}

.filter-search .text {
    padding-right: 45px
}

.filter-back {
    background: url(../images/filter-back.png) left center no-repeat;
    padding-left: 20px;
    color: #999;
    cursor: pointer;
    margin-top: 6px
}

.filter-back:hover {
    color: #ff8d1c;
    background-image: url(../images/filter-back-h.png)
}

.user-form li {
    width: 100%;
    padding: 10px 0;
    display: table;
    line-height: 36px
}

.account-bind ul li span {
    line-height: 36px
}

.account-bind {
    width: 560px;
    margin: 50px auto
}

.account-bind .stitle {
    color: #999;
    margin-bottom: 20px;
    display: table
}

.account-bind .text-s {
    width: 144px
}

.account-bind .text-ss {
    width: 125px;
    margin-left: 10px
}

.account-bind ul li.last {
    padding-left: 150px;
    text-align: left
}

.account-bind ul li.last .btn {
    min-width: 110px;
    text-align: center;
    height: 36px;
    line-height: 36px
}

.account-bind ul li .fw {
    font-weight: bold
}

.account-bind .barbox {
    background: #ccc;
    height: 5px;
    border-radius: 20px;
    width: 549px;
    position: relative;
    margin-bottom: 100px
}

.account-bind .barbox ul li {
    width: 183px;
    float: left;
    position: relative;
    height: 5px;
    border-radius: 20px;
    padding: 0
}

.account-bind .barbox ul li span.num {
    position: absolute;
    left: 80px;
    top: -10px;
    background: #ccc;
    border-radius: 50%;
    display: block;
    width: 24px;
    height: 24px;
    text-align: center;
    color: #fff;
    font: bold 14px/24px "Microsoft YaHei"
}

.account-bind .barbox ul li.active {
    background: #7abd54
}

.account-bind .barbox ul li.active span.num {
    background: #7abd54
}

.barbox-txt {
    position: absolute;
    top: 20px;
    text-align: center;
    width: 100%;
    font-size: 16px;
    color: #999
}

.barbox-txt span {
    display: block;
    color: #999;
    font-size: 14px
}

.account-bind .barbox ul li.active .barbox-txt {
    color: #7abd54
}

.account-bind .success {
    color: #7abd54;
    text-align: center;
    font: normal 30px/46px "Microsoft YaHei"
}

.account-bind .success .fa-check-circle {
    color: #7abd54;
    font-size: 75px;
    display: block;
    margin: 0 auto 20px
}

.info-cont .titile-top ul .item {
    float: left;
    font-weight: bold;
    margin-right: 14px;
    padding: 0 10px 0 18px;
    height: 24px;
    line-height: 23px;
    border: 1px solid #f0f0f0;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
    border-radius: 14px
}

.info-cont .titile-top ul .item span {
    display: inline-block;
    margin-right: 2px
}

.info-cont .titile-top ul .item:hover {
    background: #f2f2f2;
    cursor: pointer
}

.info-cont .titile-top ul .item span.icon-close {
    width: 16px;
    height: 10px;
    background: url(../images/close-b.png) center center no-repeat
}

.details-tab {}

.details-tab .d-tab {
    margin-top: 20px
}

.details-tab .d-tab .title td {
    text-align: center;
    height: 38px;
    line-height: 38px
}

.details-tab .d-tab .title .addr {
    text-align: left;
    padding-left: 68px
}

.details-tab .d-tab tr.active {
    background-color: #edf5fc
}

.details-tab .d-tab .title:hover {
    background: #ededed
}

.details-tab .d-tab tr span.dis-none {
    color: #ff8d1c;
    cursor: pointer;
    opacity: 0;
    margin-left: 50px
}

.details-tab .d-tab tr:hover span.dis-none {
    opacity: 1
}

.details-tab .tip-cont {
    width: 100%;
    height: 38px;
    line-height: 38px
}

.details-tab .tip-cont p {
    color: #999;
    font-size: 12px
}

.primary-user {
    background: #f1ece5;
    display: table;
    padding: 20px;
    width: 100%;
    margin-bottom: 20px
}

.primary-user li {
    float: left;
    width: 25%;
    text-align: center;
    font: bold 16px/32px "Microsoft YaHei";
    color: #333
}

.primary-user li.last {
    float: right
}

.primary-user span {
    display: block;
    font-size: 14px;
    color: #666;
    font-weight: normal
}

.primary-user li a {
    margin-left: 10px
}

.primary-user li a:hover {
    color: #e70
}

.line-h30 p,
.line-h30 h4 {
    line-height: 30px
}

.user-list {
    width: 100%;
    display: table;
    padding: 20px 40px;
    background: #fff;
    border: 1px solid #f0f0f0
}

.user-list li {
    width: 100%;
    text-align: center;
    color: #666;
    line-height: 40px;
    padding: 20px 0;
    border-bottom: 1px dashed #f0f0f0;
    overflow: hidden
}

.user-list li:hover {
    background: #fffcf9
}

.user-list li.top {
    font: normal 14px/18px "Microsoft YaHei";
    color: #666;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px
}

.user-list li.top:hover {
    background: #fff !important
}

.user-list .row {
    margin: 0
}

.user-list li span {
    display: inline-block
}

.user-list li span.col-sm-6 {
    text-align: left;
    padding-left: 100px
}

.user-list li a {
    color: #3188d2;
    margin: 0 10px
}

.user-list li a:hover {
    color: #3188d2
}

.info-txt {
    margin-top: 20px
}

.info-txt p {
    line-height: 30px
}

.info-txt h4 {
    font: bold 14px/30px "Microsoft YaHei"
}

.user-list .showlist {
    background: #f9f9f9;
    color: #999
}

.user-list ul li:nth-child(even) {
    background: #fff
}

.user-list .showlist .cont {
    text-align: left;
    padding: 10px 20px;
    margin-top: 30px;
    padding-left: 50px
}

.user-list .email {
    width: 24px;
    height: 24px;
    display: block;
    float: left;
    margin-left: 20px
}

.user-list li .check {
    float: left;
    margin-left: 33px
}

.user-list li .green {
    cursor: pointer
}

.col-sm-3 {
    float: left;
    width: 25%
}

.col-sm-2 {
    float: left;
    width: 16.66666667%
}

.ins-list {
    display: table;
    width: 100%;
    padding: 20px
}

.ins-list ul {
    margin-left: -18px
}

.ins-list ul li {
    width: 240px;
    float: left;
    margin-left: 18px;
    position: relative;
    margin-bottom: 10px
}

.ins-list ul li .pic {
    width: 240px;
    height: 135px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.ins-list ul li .pic a {
    width: 100%;
    height: 100%
}

.ins-list ul li .pic a img {
    max-width: 100%;
    max-height: 100%;
    display: block
}

.ins-list ul li h4 a {
    display: block
}

.ins-list ul li .pic .delete {
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    height: 32px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    text-align: center;
    line-height: 32px;
    z-index: 3;
    cursor: pointer;
    display: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

.ins-list ul li .xxhd {
    position: absolute;
    left: 0;
    top: 12px;
    background: url(../images/icon-xxhd.png) left center no-repeat;
    display: inline-block;
    text-align: center;
    color: #fff;
    z-index: 2;
    width: 88px;
    height: 28px;
    line-height: 28px
}

.ins-list ul li .pic:hover .delete {
    display: block
}

.a-more {
    position: absolute;
    right: 20px;
    z-index: 9
}

.upload-btn-org {
    height: 36px
}

.inputbox-list {
    width: 100%;
    display: table;
    margin-bottom: 10px
}

.checkboxs {
    margin-top: 6px
}

.checkboxs label {
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
    cursor: pointer
}

.select2-search {
    position: relative;
    cursor: pointer
}

.select2-top {
    width: 180px;
    line-height: 36px;
    border: 1px solid #e6e6e6;
    background: #f5f5f5;
    padding: 0 5px;
    box-sizing: border-box
}

.select2-top .fa {
    color: #333;
    float: right;
    margin-top: 12px
}

.select2-list {
    position: absolute;
    top: 42px;
    width: 350px;
    left: 0;
    min-height: 100px;
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    z-index: 6
}

.select2-input {
    width: 330px;
    margin: 10px auto;
    border: 1px solid #ddd;
    display: table
}

.select2-input .select2-txt {
    line-height: 32px;
    height: 32px;
    padding: 0 4px;
    width: 300px;
    box-sizing: border-box
}

.select2-input .icon-search {
    margin-top: 6px;
    margin-right: 5px
}

.select2-list ul li {
    width: 100%;
    padding: 4px 10px;
    box-sizing: border-box;
    margin-bottom: 0
}

.select2-list ul li:hover {
    background: #f5f5f5
}

.select2-list ul li h4 {
    font-weight: bold
}

.select2-list ul li:hover h4 {
    color: #ff8d1c
}

.select2-list ul li span {
    color: #999;
    font-size: 12px
}

.select2-list ul {
    max-height: 200px;
    margin-right: 5px;
    box-sizing: border-box;
    overflow-y: scroll
}

.tsk440-box ul li {
    line-height: 24px;
    margin-bottom: 5px
}

.voucher {
    width: 100%;
    display: table
}

.voucher ul li {
    width: 284px;
    height: 100px;
    padding: 10px 85px 0 20px;
    margin-right: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
    float: left;
    background: url(../images/quan-bg2.png) no-repeat;
    margin-left: 10px;
    color: #fff;
    position: relative
}

.voucher ul li .v-top {
    font: bold 14px/24px "Microsoft YaHei"
}

.voucher ul li .time {
    position: absolute;
    left: 20px;
    bottom: 10px;
    font-size: 12px
}

.voucher ul li:nth-child(3n+0) {
    margin-right: 0
}

.voucher ul li.invalid {
    background: url(../images/quan-bg2-h.png) no-repeat
}

.voucher .v-icon-s {
    position: absolute;
    top: 36px;
    right: 30px
}

.voucher .v-icon-s .icon {
    width: 100px;
    height: 54px;
    display: block
}

.icon-ygq {
    background: url(../images/icon-ygq.png) no-repeat
}

.icon-ysy {
    background: url(../images/icon-ysy.png) no-repeat
}

.voucher2 {
    display: block
}

.voucher2 ul li {
    border: none;
    background: url(../images/quan-bg2.png)left center no-repeat
}

.couponlist {
    width: 100%;
    overflow: hidden
}

.couponlist li {
    border: 1px solid #eee;
    width: 300px;
    float: left;
    margin-top: 20px;
    margin-right: 28px;
    margin-left: 28px;
    cursor: pointer;
    position: relative;
    -webkit-zoom: 1;
    -moz-zoom: 1;
    -ms-zoom: 1;
    -o-zoom: 1;
    zoom: 1;
    *zoom: 1
}

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

.couponlist li.active {
    border: 1px solid #fc3c2f;
    background: url(../images/icon-check.png) right bottom no-repeat
}

.couponlist .coupon-left {
    background: #f75e53;
    padding: 24px 10px;
    text-align: center;
    border-right: 1px dashed #fff;
    width: 120px
}

.couponlist .coupon-left2 {
    background: #ccc
}

.couponlist .coupon-left .money {
    color: #fff;
    font-size: 18px
}

.couponlist .coupon-left .money span {
    font: bold 24px/24px "Microsoft YaHei"
}

.couponlist .coupon-left .whitebg {
    display: inline-block;
    background: #fff;
    color: #f75e53;
    margin-top: 8px;
    padding: 0 5px
}

.couponlist .coupon-left .whitebg2 {
    color: #ccc
}

.coupon-right {
    padding: 5px 9px;
    cursor: pointer;
    position: relative
}

.coupon-right span {
    display: block;
    color: #999;
    line-height: 18px;
    font-size: 12px
}

.coupon-right h5 {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 14px;
    width: 140px;
    overflow: hidden;
    height: 24px
}

.couponlist .icon-right {
    position: relative;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/icon-kgq.png) no-repeat;
    width: 55px;
    height: 51px
}

.couponlist .icon-right2 {
    background: url(../images/icon-sy.png) no-repeat
}

.couponlist .icon-right3 {
    background: url(../images/icon-gq.png) no-repeat
}

.couponlist2 {
    max-height: 406px;
    overflow-y: auto;
    padding: 0 0 0 30px;
    box-sizing: border-box;
    margin-bottom: 30px
}

.couponlist2 li {
    float: none;
    margin: 0 0 20px 0;
    cursor: pointer;
    position: relative;
    display: table
}

.couponlist2 li .checkboxs {
    left: -30px;
    top: 38px
}

.couponlist3 {
    padding-left: 20px
}

.order-foot ul {}

.order-foot ul li {
    width: 25%;
    float: left;
    font-size: 12px;
    text-align: left;
    position: relative;
    box-sizing: border-box
}

.order-foot ul li .l-text {
    position: absolute;
    left: 0px;
    z-index: 1;
    width: 90px;
    padding-left: 20px
}

.order-foot ul li .cont {
    min-height: 24px
}

.order-foot ul li .l-text2 {
    padding-left: 20px
}

.mytracks {
    width: 100%;
    position: relative
}

.mytracks-fl {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: #f1ece5;
    border: 2px solid #fff;
    position: absolute;
    left: 0;
    top: -16px;
    text-align: center;
    line-height: 18px;
    padding: 8px 0
}

.mytracks-fl>span {
    display: inline-block;
    line-height: 18px;
    width: 100%
}

.mytracks-num {
    height: 30px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    padding: 0 20px;
    line-height: 30px;
    padding-left: 68px;
    background: #f1ece5;
    display: inline-block
}

.mytracks-end {
    padding-top: 20px
}

.statistics span {
    margin-right: 30px;
    color: #e70
}

.select-time {
    margin-top: 15px;
    padding-top: 15px;
    width: 100%;
    display: table;
    margin-bottom: 30px
}

.select-time>span {
    line-height: 36px
}

.date-text {
    height: 36px;
    line-height: 36px;
    border: 1px solid #e6e6e6;
    margin: 0 5px;
    padding: 4px 6px;
    background: #f5f5f5
}

.line-24 {
    line-height: 24px
}

.noborder {
    border: none
}

.up-btn1 button {
    display: block;
    width: 100px;
    height: 36px;
    line-height: 36px;
    padding: 0;
    border: 1px solid #ccc;
    outline: none;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    cursor: pointer
}

.up-btn1 .del-btn {
    width: 60px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    color: #fc7200;
    font-size: 14px;
    border: none;
    outline: none
}

.up-btn1 .lost-up {
    width: 150px;
    height: 36px;
    line-height: 36px;
    border: none;
    outline: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #333;
    padding: 0 10px;
    font-size: 14px
}

.online-door .online-door-addr {
    width: 100%;
    padding-left: 122px
}

.online-door .stxt {
    min-width: 112px;
    text-align: right;
    margin-right: 10px;
    line-height: 36px
}

.online-door .online-door-addr ul .item {
    width: 400px;
    height: 130px;
    border: 1px solid #fafafa;
    background: #fafafa;
    border-radius: 4px;
    margin-right: 20px;
    margin-bottom: 16px;
    box-sizing: border-box;
    cursor: pointer;
    padding: 20px 10px;
    position: relative
}

.online-door .online-door-addr ul .active {
    border: 1px solid #ffb164
}

.online-door .online-door-addr ul .item p {
    font-size: 14px;
    color: #666;
    padding-left: 30px;
    width: 330px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.online-door-addr ul .item p.name-n {
    color: #333;
    background: url(../images/reg-addr.png) left center no-repeat
}

.online-door-addr ul .item p.addr-n {
    line-height: 24px;
    max-height: 48px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal
}

.online-door-addr ul .item .item-set {
    width: 20px;
    height: 6px;
    background: url(../images/reg-xg.png) center center no-repeat;
    position: relative;
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 999
}

.online-door-addr ul .item:hover .item-set {
    display: block
}

.online-door-addr ul .item .item-set .item-sub {
    background: #fff;
    position: absolute;
    top: 6px;
    text-align: center;
    width: 60px;
    padding: 10px 0;
    box-sizing: border-box;
    right: 0;
    z-index: 100;
    display: none;
    border-radius: 4px
}

.online-door-addr ul .item .item-set .item-sub .sub {
    height: 26px;
    line-height: 26px;
    color: #333
}

.online-door-addr ul .item .item-set .item-sub .sub:hover {
    background: #f0f0f0;
    color: #fc7200
}

.online-door-addr ul .item .item-set .item-sub .sub-active {
    background: #f0f0f0;
    color: #fc7200
}

.online-door-addr ul .item .item-set:hover .item-sub {
    display: block
}

.goods-books .online-door-addr ul .item {
    width: 170px;
    border: 1px solid #f3f3f3;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0
}

.goods-books .online-door-addr ul .item .pic {
    width: 100%;
    height: 162px;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    overflow: hidden
}

.goods-books .online-door-addr ul .item-h {
    border: 1px solid #fc7200
}

.goods-books .online-door-addr ul .item .pic img {
    max-width: 100%;
    max-height: 100%
}

.goods-books .online-door-addr ul .item h3 {
    height: 38px;
    line-height: 38px;
    width: 100%;
    padding: 0 10px;
    overflow: hidden;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box
}

.deleteP {
    border: none;
    outline: none;
    background: transparent
}

.rightwhite-title .btn {
    display: inline-block;
    margin: 0 10px;
    line-height: 36px;
    min-width: 110px;
    padding: 0
}

.cp-privilege {
    width: 100%;
    background: #fff;
    margin-bottom: 50px
}

.cp-privilege .free-version {
    width: 100%
}

.cp-version .f-version {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    overflow: hidden;
    padding-bottom: 30px
}

.cp-version h3 {
    height: 70px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    color: #fff;
    line-height: 70px;
    position: relative
}

.cp-version .f-version .free-show {
    padding-top: 12px;
    padding-bottom: 20px
}

.cp-version .f-version ul .item {
    height: 46px;
    line-height: 48px;
    padding-left: 50px;
    background: url(../images/icon-free.png) 30px center no-repeat;
    box-sizing: border-box;
    float: left;
    width: 240px
}

.cp-privilege .update-version {
    width: 100%;
    margin-top: 60px
}

.cp-privilege .free-version h3 {
    background: #5e5955
}

.cp-privilege .update-version h3 {
    background: #c79560
}

.cp-version .update-version ul .item {
    background: url(../images/icon-up.png) 30px center no-repeat;
    float: left;
    width: 240px
}

.cp-version h3.active:before {
    width: 30px;
    height: 70px;
    content: '';
    position: absolute;
    top: 0;
    right: 10px;
    background: url(../images/icon-active.png) center no-repeat
}

.cp-privilege .f-version .details {
    width: 100%;
    padding: 0 30px;
    margin-bottom: 46px
}

.cp-privilege .f-version .details p {
    border-top: 1px dotted #ccc;
    padding-top: 20px;
    box-sizing: border-box;
    width: 100%;
    line-height: 24px;
    font-size: 14px;
    color: #333
}

.cp-privilege .f-version .apply-btn-box {
    width: 100%;
    height: 36px
}

.cp-privilege .f-version .apply-btn-box button {
    width: 130px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border: none;
    outline: none;
    background: #4c97e5;
    margin: 0 auto;
    display: block;
    border-radius: 4px;
    cursor: pointer
}

.cp-privilege .f-version .apply-btn-box .apply-btn-default {
    background: #f5f5f5;
    color: #333;
    cursor: default !important
}

.cp-privilege .f-version .apply-btn-box .disable {
    background: #f5f5f5;
    color: #333;
    cursor: default !important
}

.send-success {
    width: 370px;
    padding-bottom: 0px
}

.send-success .pic {
    width: 100%;
    height: 110px;
    background: url(../images/send-right.png) center center no-repeat
}

.send-success .gb {
    width: 100%
}

.send-success .gb .close {
    width: 20px;
    height: 20px;
    background: url(../images/send-close.png)center center no-repeat;
    margin-right: 10px;
    margin-top: 10px
}

.send-success .cn {
    color: #666;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 40px;
    width: 100%;
    text-align: center
}

.send-success p {
    color: #333;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: center
}

.send-success h3 {
    font-size: 18px;
    color: #333;
    text-align: center;
    width: 100%;
    height: 36px;
    line-height: 36px
}

body .layui-tip {
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 1px 1px 50px rgba(0, 0, 0, .3)
}

body .layui-tip .layui-layer-title {
    padding: 0 10px;
    box-sizing: border-box;
    border-bottom: none;
    height: 40px;
    line-height: 40px;
    width: 100%
}

body .my-skin {
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 1px 1px 50px rgba(0, 0, 0, .3)
}

body .my-skin .layui-layer-title {
    padding: 0 10px;
    box-sizing: border-box;
    border-bottom: none;
    height: 40px;
    line-height: 40px;
    width: 100%
}

body .my-skin .layui-layer-btn {
    width: 100%;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

body .my-skin .layui-layer-btn .layui-layer-btn0 {
    background: #ff8d1c;
    color: #fff;
    cursor: pointer;
    border: 1px solid #ff8d1c;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    box-sizing: border-box;
    outline: none;
    padding: 0;
    width: 110px
}

body .my-skin .layui-layer-btn .layui-layer-btn1 {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    box-sizing: border-box;
    outline: none;
    padding: 0;
    width: 110px;
    background: #fff;
    color: #313131;
    border: 1px solid #e5e5e5;
    cursor: pointer
}

body .my-skin .layui-layer-btn .layui-layer-btn0 :hover {
    background: #e70;
    border: 1px solid #e70
}

body .my-skin .layui-layer-btn .layui-layer-btn1 :hover {
    border: 1px solid #666
}

body .my-skin .layui-layer-padding {
    padding-top: 40px
}

body .my-skin .layui-layer-content .layui-layer-ico {
    top: 40px
}

.jeui-showbox530 {
    width: 100%;
    box-sizing: border-box;
    padding: 20px 30px 0px 30px;
    position: relative
}

.jeui-showbox530 .line {
    position: absolute;
    width: 100%;
    height: 1px;
    z-index: 2;
    bottom: 74px;
    left: 0;
    background: #eee
}

.jeui-showbox530 .w340 {
    width: 340px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 20px
}

.jeui-showbox530 .w-txt {
    color: #666;
    height: 24px;
    line-height: 24px;
    margin-bottom: 40px;
    margin-top: 10px
}

.jeui-showbox530 ul {}

.jeui-showbox530 ul .item {
    margin-bottom: 20px;
    width: 100%;
    position: relative;
    line-height: 36px;
    padding-left: 80px;
    box-sizing: border-box
}

.jeui-showbox530 ul .item .l-txt {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    height: 36px;
    line-height: 36px;
    width: 70px;
    text-align: right
}

.jeui-showbox530 ul .item .r-txt {
    width: 100%;
    line-height: 36px
}

.jeui-showbox530 ul .item .r-txt2 {
    line-height: 27px
}

.jeui-showbox530 ul .item .r-txt input {
    width: 60%;
    height: 34px;
    line-height: 34px;
    border: 1px solid #ccc;
    font-size: 14px;
    color: #999;
    border-radius: 2px;
    padding: 0 10px;
    box-sizing: border-box
}

.jeui-showbox530 ul .item .r-txt input:focus {
    color: #666;
    border: 1px solid #666
}

.jeui-showbox530 ul .item .r-txt .checkboxs {
    min-width: 112px;
    line-height: 27px;
    margin-top: 0
}

.jeui-showbox530 ul.box2 .item {
    padding-left: 120px;
    margin-bottom: 7px;
    height: auto
}

.jeui-showbox530 ul.box2 .item2 {
    margin-bottom: 0
}

.jeui-showbox530 ul.box2 .item .l-txt {
    width: 110px;
    text-align: right
}

.jeui-showbox530 ul.box2 .item .r-txt input {
    width: 280px
}

.jeui-showbox530 ul.box3 .item {
    min-height: 36px;
    padding-left: 130px
}

.jeui-showbox530 ul.box3 .item .l-txt {
    width: 124px
}

.jeui-showbox530 ul.box3 .item .r-txt .checkboxs {
    line-height: 36px
}

.jeui-showbox530 ul .item .l-txt2 {
    line-height: 27px !important
}

.jeui-showbox530 .red {
    color: red
}

.jeui-showbox530 .r-select {}

.jeui-showbox530 .r-select select {
    width: 127px;
    height: 36px;
    color: #333;
    border: 1px solid #ccc;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 2px;
    line-height: 100%
}

.jeui-showbox530 .r-select select:focus {
    color: #666;
    border: 1px solid #666
}

.jeui-showbox530 .r-select select::nth-child(3n) {
    margin-right: 0
}

.jeui-showbox530 .details {
    padding-top: 50px;
    box-sizing: border-box;
    margin-bottom: 30px;
    text-align: center;
    font-size: 12px;
    height: 110px
}

.jeui-showbox530 .details .w-txt {
    color: #666;
    height: 24px;
    line-height: 24px;
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 16px
}

.jeui-showbox530 .details2 {
    padding-top: 40px;
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;
    height: 130px;
    position: relative;
    padding-left: 130px;
    box-sizing: border-box
}

.jeui-showbox530 .details3 {
    padding-left: 0
}

.jeui-showbox530 .details4 {
    padding-top: 38px
}

.jeui-showbox530 .details2 .t-txt {
    position: absolute;
    width: 130px;
    text-align: right;
    font-size: 14px;
    color: #333;
    height: 36px;
    line-height: 36px;
    top: 40px;
    left: 0
}

.jeui-showbox530 .details2 .text {
    height: 36px;
    height: 36px;
    border-radius: 2px;
    border: 1px solid #ccc;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%
}

.jeui-showbox530 .details5 {
    padding-left: 110px
}

.jeui-showbox530 .details5 .t-txt {
    width: 110px
}

.jeui-showbox530 .details6 {
    margin-bottom: 20px
}

.jeui-showbox530 .details6 .d-set {
    position: relative;
    width: 200px;
    margin-bottom: 20px
}

.jeui-showbox530 ul.box {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 30px
}

.jeui-showbox530 ul .item2 {
    width: 100%;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    border-bottom: none
}

.jeui-showbox530 ul .item2 .tab-l {
    width: 50%;
    text-align: center;
    border-right: 1px solid #f0f0f0;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box
}

.jeui-showbox530 ul .item2 .tab-r {
    width: 50%;
    text-align: left;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    padding: 0 10px;
    box-sizing: border-box
}

.jeui-showbox530 ul .item2 .tab-r .btn-none {
    float: left;
    width: 50%;
    text-align: left;
    height: 50px;
    line-height: 50px
}

.jeui-showbox530 .pics {
    width: 100%;
    text-align: center;
    display: table
}

.jeui-showbox530 .pics ul {
    margin: 0 auto;
    display: table
}

.jeui-showbox530 .pics ul li {
    display: inline-block;
    margin: 20px;
    text-align: center
}

.jeui-showbox530 a:hover {
    text-decoration: none
}

.jeui-showbox530 .input-box {
    width: 300px;
    border-radius: 4px;
    border: 1px solid #ececec;
    box-sizing: border-box;
    height: 40px;
    margin: 40px auto;
    overflow: hidden
}

.jeui-showbox530 .input-box input {
    width: 298px;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 14px;
    color: #999;
    border: none
}

.layui-tip .nodata {
    margin: 0 auto
}

.layui-tip .jeui-nodata {
    margin: 0 auto
}

.show-box1 {
    width: 100%;
    padding: 15px 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.show-box1 .pics {
    width: 100%;
    text-align: center;
    display: table
}

.show-box1 ul li {
    display: inline-block;
    margin: 20px;
    text-align: center
}

.jeui-showbox530 .jeui-cont {}

.jeui-showbox530 .jeui-cont>.item {
    width: 100%;
    position: relative;
    line-height: 30px;
    padding-left: 80px;
    box-sizing: border-box;
    min-height: 30px;
    margin-bottom: 0
}

.jeui-showbox530 .jeui-cont>.item .l-txt {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    height: 30px;
    line-height: 30px;
    width: 86px;
    text-align: left
}

.jeui-showbox530 .jeui-cont>.item .r-txt {
    width: 100%;
    line-height: 30px
}

.w70 {
    width: 70px
}

.jeui-showbox530 .jeui-cont .recharge-type li {
    display: flex;
    border: 1px solid #ebeef5;
    background: #fafafa;
    width: 120px;
    border-radius: 4px;
    height: 42px;
    line-height: 42px;
    margin: 0 10px;
    cursor: pointer;
    text-align: center;
    justify-content: center;
    padding: 0
}

.jeui-showbox530 .jeui-cont .recharge-type li.active {
    border-color: #e70;
    background: url(../images/icon-selected.png) 89px bottom no-repeat
}

.jeui-showbox530 .jeui-cont .recharge-type li .icon {
    width: 28px;
    height: 24px;
    display: inline-block;
    float: left;
    margin-top: 10px;
    margin-right: 0px
}

.icon-wx {
    background: url(../images/icon-pay-wx.png) center no-repeat;
    background-size: 20px
}

.icon-zhifubao-vr {
    background: url(../images/icon-zhifubao-vr.png) center no-repeat
}

.icon-yb {
    background: url(../images/icon-yibao.png) center no-repeat
}

.icon-jd {
    background: url(../images/jinbi.png) center no-repeat
}

.jeui-showbox530 .jeui-cont .recharge-type li span {
    display: inline-block;
    float: left
}

.jeui-showbox530 .jeui-cont .recharge-type li input {
    width: 70px;
    color: #e70;
    text-align: center
}

.price-item {
    overflow: hidden
}

.pop-box2 .cont {
    width: 100%;
    height: 120px;
    padding: 50px 0;
    line-height: 20px;
    color: #333;
    font-size: 14px;
    box-sizing: border-box;
    line-height: 20px;
    text-align: center
}

.pop-box2 .btn-box {
    width: 260px;
    margin: 0 auto
}

.pop-box2 .btn-box button {
    height: 36px;
    line-height: 36px;
    width: 120px;
    border-radius: 4px;
    border: none;
    outline: none;
    text-align: center;
    font-size: 14px;
    display: block
}

.pop-box2 .btn-box .btn-g {
    color: #333;
    border: 1px solid #ececec;
    background: #fff;
    margin-right: 20px
}

.pop-box2 .btn-box .btn-org {
    color: #fff;
    background: #ff8d1c;
    padding: 0
}

.pop-box2 .btn-box .btn-org:hover {
    background: #e70
}

.pop-box2 .cont2 {
    height: 200px;
    width: 100%;
    overflow-x: auto;
    margin-bottom: 20px
}

.pop-box2 .cont2 .item2 {
    height: 50px;
    padding: 10px 0;
    box-sizing: border-box;
    width: 100%;
    cursor: pointer;
    border: none
}

.pop-box2 .cont2 .stxt {
    width: 326px;
    line-height: 30px;
    padding-left: 26px;
    box-sizing: border-box;
    text-align: left
}

.pop-box2 .cont2 .rename,
.pop-box2 .cont2 .del {
    width: 60px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    text-align: center;
    border: 1px solid #ccc
}

.pop-box2 .cont2 .rename {
    color: #333;
    margin-right: 10px
}

.pop-box2 .cont2 .del {
    color: #333
}

.pop-box2 .cont2 .rename:hover {
    color: #ff8d1c
}

.del:hover {
    color: #ff8d1c !important
}

.pop-box2 .cont2 .remove {
    width: 90px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    text-align: center;
    border: 1px solid #ff8d1c;
    color: #ff8d1c;
    margin-right: 20px
}

.pop-box2 .cont2 .remove:hover {
    background: #ff8d1c !important;
    color: #fff !important
}

.pop-box2 .btn-box .btnNew {
    border: 1px solid #ccc;
    padding: 0
}

.pop-box2 .btn-box .btnNew:hover {
    border: 1px solid #666
}

.pop-box2 .cont2 .item2 .del:hover {
    color: #ff8d1c
}

.jeui-showbox530 label {
    font-weight: normal;
    margin: 0 20px
}

.jeui-showbox530 .t-tit {
    text-align: center;
    font: normal 16px/40px "Microsoft YaHei"
}

.icon-switch {
    background: url(../images/icon-switch.png) center no-repeat;
    display: block;
    position: absolute;
    right: -36px;
    top: 2px;
    z-index: 8;
    width: 34px;
    height: 22px;
    cursor: pointer
}

.active .icon-switch {
    background: url(../images/icon-switch-h.png) center no-repeat
}

.icon-switch2 {
    background: url(../images/icon-switch2.png) center no-repeat;
    display: block;
    position: absolute;
    right: -36px;
    top: 2px;
    z-index: 8;
    width: 34px;
    height: 22px;
    cursor: pointer
}

.active .icon-switch2 {
    background: url(../images/icon-switch-h2.png) center no-repeat
}

.layui-tip .showbox-btn-col {
    width: 100%;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.layui-tip .showbox-btn-col .tip {
    position: absolute;
    z-index: 3;
    color: #333;
    font-size: 14px;
    right: 10px;
    cursor: pointer
}

.layui-tip .showbox-btn {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    ;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    box-sizing: border-box;
    outline: none;
    padding: 0;
    width: 110px
}

.layui-tip .btn-org {
    background: #ff8d1c;
    color: #fff;
    cursor: pointer;
    border: 1px solid #ff8d1c
}

.layui-tip .btn-org-big {
    background: #ff8d1c;
    color: #fff;
    cursor: pointer;
    border: 1px solid #ff8d1c;
    padding: 0 40px !important;
    width: auto !important;
    height: 40px;
    line-height: 100%
}

.layui-tip .btn-org:hover,
.layui-tip .btn-org-big:hover {
    background: #e70;
    border: 1px solid #e70
}

.layui-tip .btn-black {
    background: #fff;
    color: #313131;
    border: 1px solid #e5e5e5;
    cursor: pointer
}

.layui-tip .btn-black:hover {
    border: 1px solid #666
}

.layui-tip .btn-default {
    background: #f5f5f5;
    color: #e0e0e0;
    border: 1px solid #f5f5f5;
    cursor: default
}

.layui-tip .showbox-btn-col2 {
    width: 100%;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center
}

.layui-tip .showbox-btn-col2 .showbox-btn {
    display: inline-block;
    height: 36px;
    line-height: 100%;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    box-sizing: border-box;
    margin-right: 20px
}

.layui-tip .showbox-btn-col2 .showbox-btn:nth-child(2n) {
    margin-right: 0
}

.layui-tip .btn-org a {
    color: #fff
}

.layui-tip .btn-org:hover a {
    background: #e70;
    color: #fff
}

.layui-tip .showbox-btn-col .checkboxs {
    left: 0;
    top: 0
}

.jeui-showbox530 .attributebox .name {
    width: 78px;
    text-align: left
}

.jeui-showbox530 .attributebox {
    margin-bottom: 20px;
    margin-right: 20px
}

.jeui-showbox530 .box-text .attribute-input {
    border: 1px solid #f0f0f0;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    padding: 0 10px;
    width: 110px;
    box-sizing: border-box
}

.jeui-showbox530 .attributebox::nth-child(2n) {
    margin-right: 0
}

.jeui-tips-last {
    position: relative
}

.jeui-showbox531 .checkboxs {
    position: absolute;
    z-index: 3
}

.pagination ul {
    margin: 0 auto
}

.pagination ul li {
    display: inline-block;
}

.pagination ul li a {
	margin: 0 3px;
    padding: 0 10px;
    display: inline-block;
    color: #666;
    border: 1px solid #dcdcdc;
    line-height: 26px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background: #fff
}

.pagination ul li a.page-num-current {
    border: 1px solid #ff8d1c;
    color: #fff;
    background: #ff8d1c
}

.pagination ul li.p-skip {
    border: none;
    padding: 0;
    color: #666
}

.pagination ul li.p-skip .input-txt {
    width: 30px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ccc;
    text-align: center;
    color: #666
}

.pagination ul li.p-skip .btn {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ccc;
    cursor: pointer;
    padding: 4px 10px;
    display: inline-block;
    background: #f5f5f5
}

.info-cont-box {
    width: 100%
}

.info-cont-box .info_tab_count {
    display: flex;
    padding: 11px 20px;
    align-items: center
}

.info-cont-box .info_tab_count .info_tab_main {
    background: #FFFAF4;
    height: 30px;
    border-radius: 4px;
    flex: 1;
    box-sizing: border-box;
    padding-left: 20px
}

.info-cont-box .info_tab_count a {
    cursor: pointer;
    font-size: 12px;
    color: #333;
    line-height: 30px
}

.info-cont-box .info_tab_count a.active {
    font-weight: bold;
    color: #333
}

.info-cont-box .info_tab_count a.all {
    margin-right: 40px
}

.selectbox-ul {
    width: 100%;
    height: 175px;
    overflow-y: scroll;
    margin-bottom: 20px
}

.selectbox-ul ul li {
    width: 100%;
    display: table;
    margin: 20px 0;
    height: 24px;
    background: url(../images/icon-chechbox.png) left center no-repeat;
    box-sizing: border-box;
    padding-left: 28px;
    cursor: pointer
}

.selectbox-ul ul li.active {
    background: url(../images/icon-chechbox-h.png) left center no-repeat;
    color: #e70
}

.selectbox-ul ul li.disabled {
    opacity: .4;
    cursor: default
}

.getIptNames {
    font: normal 14px/24px "Microsoft YaHei"
}

.getIptNames:focus {
    outline: none
}

.selectbox-btn {
    width: 100%;
    display: table;
    text-align: center;
    margin: 20px 0;
    border-top: 1px solid #ededed;
    padding-top: 20px
}

.selectbox-btn .btn-org {
    display: inline-block;
    font: normal 16px/24px "Microsoft YaHei";
    cursor: pointer
}

.selectbox-btn .btn-org:focus {
    outline: none
}

.selectbox-btn .btn {
    margin: 0 20px;
    padding: 4px 30px
}

iframe {
    width: 100%;
    border: none
}

.text::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
    color: #999
}

.text:-moz-placeholder,
.textarea:-moz-placeholder {
    color: #999
}

.text::-moz-placeholder,
.textarea::-moz-placeholder {
    color: #999
}

.text:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
    color: #999
}

.mgl {
    margin-left: 0 !important
}

.pdl10 {
    padding-left: 10px !important
}

.heigthAuto {
    height: auto !important
}

.td_warp {
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.td_scoll {
    width: 100%;
    height: 10px;
    border-radius: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.td_scoll_inline {
    height: 10px;
    border-radius: 5px;
    background: #879DFB;
    position: relative;
    max-width: 710px
}

.td_scoll_inline_text {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FF5D5D;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 0 10px;
    margin-left: 20px
}

.td_scoll_inline_text>span:nth-of-type(1) {
    position: absolute;
    display: block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 8px solid #FF5D5D;
    top: 8px;
    left: -8px
}

.td_scoll_inline_text>span:nth-of-type(2) {
    color: #fff;
    font-size: 12px;
    height: 26px;
    min-width: 50px
}

.flexCenter {
    display: flex;
    justify-content: center;
    align-items: center
}

.flex-center {
    display: flex;
    -ms-align-items: center;
    align-items: center
}

.record_btn:hover {
    color: #333
}

.jeui-nodata {
    width: 100%;
    display: table;
    margin: 50px auto
}

.jeui-nodata .icon {
    width: 300px;
    height: 240px;
    display: block;
    margin: 0 auto;
    background-position: center;
    background-repeat: no-repeat
}

.icon-nodata1 {
    background-image: url(../images/icon-nodata1.png)
}

.icon-nodata2 {
    background-image: url(../images/icon-nodata2.png)
}

.icon-nodata3 {
    background-image: url(../images/icon-nodata3.png)
}

.icon-nodata4 {
    background-image: url(../images/icon-nodata4.png)
}

.icon-nodata5 {
    background-image: url(../images/icon-nodata5.png)
}

.icon-nodata6 {
    background-image: url(../images/icon-nodata6.png)
}

.icon-nodata7 {
    background-image: url(../images/icon-nodata7.png)
}

.icon-nodata8 {
    background-image: url(../images/icon-nodata8.png)
}

.icon-nodata9 {
    background-image: url(../images/icon-nodata9.png)
}

.icon-nodata10 {
    background-image: url(../images/icon-nodata10.png)
}

.icon-nodata11 {
    background-image: url(../images/icon-nodata11.png)
}

.icon-nodata12 {
    background-image: url(../images/icon-nodata12.png)
}

.icon-nodata14 {
    background-image: url(../images/icon-nodata14.png)
}

.pointer {
    cursor: pointer
}

@media screen and (max-width: 1366px) {
    .add-table {
        height: 300px
    }
}

.checkboxs input,
.radio input {
    display: none
}

.checkboxs label,
.radio label {
    display: inline-block;
    position: relative;
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
    cursor: pointer
}

.checkboxs label .icon-checkbox {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/checkbox.png) center no-repeat;
    margin-right: 5px
}

.checkboxs input:disabled {
    cursor: default
}

.checkboxs input:checked+label .icon-checkbox {
    background: url(../images/checked.png) center no-repeat
}

.checkboxs input:disabled+label .icon-checkbox {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/cheked-disable.png) center no-repeat;
    margin-right: 5px
}

.radioboxs {
    margin-top: 6px
}

.radioboxs .radio {
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
    margin-right: 10px
}

.radio label .icon-radio {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/radio.png) center no-repeat;
    margin-right: 5px
}

.radio input:checked+label .icon-radio {
    background: url(../images/radio2.png) center no-repeat
}

.radioboxs2 .radio {
    min-width: 120px
}

.img-1060 {
    width: 1010px;
    height: 100px;
    margin-bottom: 10px
}

.img-1060 img {
    max-width: 100%;
    height: 100%;
    display: block
}

.img-1010 {
    width: 1010px;
    height: 80px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.img-1010 img {
    max-width: 100%;
    height: 100%;
    display: block
}

.sub-tit {}

.btn .fa {
    margin: 0
}

.btn .fa:visited {
    border: none
}

.scenedel {
    padding: 0
}

.scenedel .fa-trash-o {
    line-height: 33px
}

.go-back {
    width: 120px;
    position: absolute;
    z-index: 2;
    right: 20px;
    height: 36px;
    line-height: 36px;
    top: 9px
}

.no-permissions {
    width: 100%;
    height: 200px;
    background: url(../images/icon-nodata13.png) center center no-repeat;
    padding-top: 58px;
    box-sizing: border-box
}

.chosen-img {
    display: inline-block
}

.chosen-container .chosen-results li.active-result,
.chosen-container .chosen-results li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.synthesis-six-face {
    background: #fff;
    padding: 40px 20px 20px 20px;
    box-sizing: border-box;
    border-radius: 8px;
    margin: 14px 20px 20px 20px;
    width: 936px;
    border-radius: 0
}

.synthesis-six-face ul {
    margin-bottom: 30px
}

.synthesis-six-face .item {
    width: 141px;
    height: 141px;
    margin-right: 10px;
    cursor: pointer
}

.synthesis-six-face .item:last-child {
    margin-right: 0px
}

.synthesis-six-face .item img {
    max-width: 100%;
    max-height: 100%;
    cursor: pointer
}

.synthesis-btn-box {
    width: 100%;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px
}

.synthesis-btn-box .synthesis-btn {
    display: inline-block;
    height: 36px;
    line-height: 100%;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    box-sizing: border-box;
    margin-right: 20px;
    width: 110px
}

.synthesis-btn-box .btn-black {
    background: #fff;
    color: #313131;
    border: 1px solid #e5e5e5;
    cursor: pointer
}

.synthesis-btn-box .btn-black:hover {
    border: 1px solid #666
}

.synthesis-btn-box .btn-gray {
    background: #b2b2b2;
    color: #fff;
    border: 1px solid #b2b2b2
}

.synthesis-btn-box .btn-org {
    background: #ff8d1c;
    color: #fff;
    cursor: pointer;
    border: 1px solid #ff8d1c
}

.synthesis-btn-box .btn-org:hover {
    background: #e70
}

.form-group2 {
    width: 100%;
    padding-left: 130px;
    box-sizing: border-box
}

.form-group2 label {
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
    color: #333;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    font-weight: normal
}

.form-group2 input {
    width: 100%;
    height: 36px;
    line-height: 36px;
    border-radius: 2px;
    border: 1px solid #ccc;
    background: #fff;
    box-sizing: border-box;
    padding-left: 10px
}

.scene-tab {
    width: 100%
}

.scene-tab .item {
    margin-right: 20px;
    padding-left: 24px;
    border-radius: 2px;
    border: 1px solid #eee
}

.synthesis-six-face2 {
    width: 100%;
    margin: 0;
    padding: 30px 0 16px 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 2px
}

.synthesis-six-face2 ul,
.synthesis-six-face3 ul {
    margin-bottom: 0;
    margin-bottom: 0
}

.synthesis-six-face2 .item {
    width: 100px;
    height: 100px;
    margin-right: 8px
}

.synthesis-six-face2 .item:last-child {
    margin-right: 0
}

.synthesis-six-face3 {
    width: 100%;
    margin: 0;
    padding: 20px 0 20px 40px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 2px
}

.form-group2 {
    width: 100%;
    padding-left: 130px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 16px
}

.form-group2 label {
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
    color: #333;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    font-weight: normal
}

.form-group2 input {
    width: 100%;
    height: 36px;
    line-height: 36px;
    border-radius: 2px;
    border: 1px solid #ccc;
    background: #fff;
    box-sizing: border-box
}

.scene-tab {
    width: 100%
}

.scene-tab .item {
    margin-right: 20px;
    padding-left: 24px
}

.jeui-showbox-leave {
    width: 470px;
    height: 750px;
    background: url(../images/j-leave.png) center center no-repeat;
    position: relative
}

.layui-head-none .layui-layer-content {
    padding: 0;
    overflow: hidden;
    box-sizing: border-box
}

.layui-head-none .layui-layer-setwin .layui-layer-close2 {
    margin-right: -12px;
    top: -12px;
    background: url(../images/close2.png) center center no-repeat
}

.layui-head-none .layui-layer-setwin .layui-layer-close2:hover {
    background: url(../images/close2.png) center center no-repeat
}

.layui-head-none .btn-box {
    position: absolute;
    bottom: 60px;
    width: 100%;
    left: 0;
    z-index: 2;
    height: 36px
}

.layui-head-none .btn-box .btn {
    display: block;
    margin: 0 auto;
    width: 152px;
    border-radius: 36px
}

.user-px {
    height: 80px;
    padding: 24px 0 20px 0;
    box-sizing: border-box;
    line-height: 36px;
    position: relative;
    width: 100%
}

.user-px2 {
    height: 60px;
    padding: 10px 0
}

.user-px3 {
    padding-right: 20px;
    padding-left: 20px
}

.user-px .name {
    height: 36px;
    line-height: 36px
}

.user-px .select {
    height: 36px;
    width: 130px;
    margin-left: 10px;
    line-height: 30px;
    padding: 0 10px;
    border: 1px solid #ececec;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
    padding-right: 33px;
    background: #f5f5f5 url(../images/down.png) 110px center no-repeat;
    box-sizing: border-box
}

.user-px .search-box {
    position: absolute;
    z-index: 10;
    right: 20px;
    top: 24px;
    height: 36px;
    border: 1px solid #ccc;
    width: 240px;
    height: 36px;
    border-radius: 4px;
    overflow: hidden
}

.user-px .search-box input {
    color: #333;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    width: 198px;
    height: 34px;
    line-height: 34px;
    box-sizing: border-box;
    border: none;
    outline: none
}

.user-px .search-box .icon-seach {
    display: block;
    width: 40px;
    height: 36px;
    cursor: pointer;
    background: url(../images/icon-search.png) center no-repeat
}

.user-px .data-one {
    height: 36px;
    line-height: 36px
}

.user-px .btn {
    width: 110px;
    text-align: center;
    padding: 0;
    color: #fff;
    border-radius: 4px;
    margin-left: 20px
}

.datepicker {
    color: #333
}

.operation {
    margin-bottom: 20px
}

.operation ul .item {
    height: 36px;
    line-height: 36px;
    color: #333;
    cursor: pointer;
    font-size: 14px;
    cursor: pointer
}

.operation ul .item1 {
    width: 80px;
    cursor: pointer;
    background: url(../images/checked.png) 22px center no-repeat;
    padding-left: 42px
}

.operation ul .active1 {
    width: 80px;
    padding-left: 42px;
    background: url(../images/checked.png) 20px center no-repeat
}

.operation ul .item2 {
    width: 90px;
    color: #333;
    text-align: center;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #ececec
}

.operation ul .default {
    cursor: default
}

.operation ul .item2 {
    width: 110px
}

.tablebox {
    margin-top: 0;
    width: 100%;
    border: none
}

.tablebox .top {
    background: #f0f0f0;
    border-bottom: none;
    height: 50px;
    line-height: 50px
}

.tablebox .btm {
    border-bottom: 1px solid #ececec
}

.tablebox .btm:nth-child(2n+1) {
    background: #fafafa
}

.tablebox .top .one,
.tablebox .top .two,
.tablebox .top .three,
.tablebox .top .vip-gn {
    height: 50px;
    line-height: 50px;
    color: #000;
    font-size: 16px
}

.tablebox .top .vip-gn {
    position: relative
}

.icon-vip {
    display: block;
    position: absolute;
    top: -17px;
    width: 24px;
    height: 50px;
    background: url(../images/vip.png) 0px center no-repeat;
    left: 110px
}

.tablebox .one {
    width: 130px;
    position: relative;
    box-sizing: border-box;
    text-align: center
}

.tablebox .one .checked {
    width: 40px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    background: url(../images/checked.png) 12px center no-repeat
}

.tablebox .one .checked-h {
    width: 40px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/checked.png) 12px center no-repeat
}

.tablebox .two {
    width: 170px;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    height: 100px
}

.tablebox .three {
    width: 252px;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    text-align: center;
    height: 100px
}

.tablebox .vip-gn {
    width: 270px;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    height: 100px
}

.tablebox .one .pic {
    width: 80px;
    position: relative;
    height: 80px;
    margin: 0 auto
}

.tablebox .one .pic .edit {
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    display: none
}

.tablebox .one .pic:hover .edit {
    display: block
}

.tablebox .btm .one,
.tablebox .btm .two,
.tablebox .btm .three {
    border-right: 1px solid #ececec;
    height: 100px
}

.tablebox .two .name {
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center
}

.tablebox .btm .two {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 10px
}

.tablebox tr .time {
    color: #999;
    display: block;
    text-align: center
}

.tablebox tr:hover .btn {
    display: inline-block
}

.tablebox .top .one,
.tablebox .top .two,
.tablebox .top .three,
.tablebox .top .vip-gn {
    font-size: 14px
}

.tablebox .btm .one,
.tablebox .btm .two,
.tablebox .btm .three {
    border-right: none
}

.edit-sbox {
    text-align: left
}

.edit-sbox a {
    margin-left: 22px;
    margin-top: 18px;
    display: block;
    float: left;
    color: #333;
    position: relative;
    width: auto;
    cursor: pointer
}

.edit-sbox a.left50 {
    margin-left: 50px
}

.edit-sbox a:hover {
    color: #e70
}

.copy-xin {
    width: 30px;
    display: block;
    top: -24px;
    left: 20px;
    background: url(../images/new.png) 0px center no-repeat
}

.jeui-table tr td .checked {
    width: 40px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    background: url(../images/checked.png) 12px center no-repeat
}

.jeui-table tr td .checked-h {
    width: 40px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/checked.png) 12px center no-repeat
}

.jeui-table tr td .pic-2 {
    position: relative;
    width: 80px;
    height: 80px
}

.jeui-table tr td .pic .edit {
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    display: none
}

.jeui-table tr td .pic:hover .edit {
    display: block
}

.oldtime {
    display: block;
    font-size: 12px;
    position: absolute;
    top: 15px;
    left: -0px;
    color: #999;
    position: absolute;
    width: 200px
}

.tablebox .btm .one,
.tablebox .btm .two,
.tablebox .btm .three {
    border-right: 1px solid #efefef
}

.jeui-mtop .up-num {
    height: 36px;
    line-height: 40px;
    color: #333;
    font-size: 14px;
    margin-left: 10px
}

.share-time {
    width: 100%;
    padding: 10px 20px;
    box-sizing: border-box;
    background: #fff;
    height: 100%
}

.share-time .detials {
    position: relative;
    padding: 10px 0 15px 0
}

.share-time .detials .item2 {
    font-size: 14px;
    color: #333;
    height: 30px;
    line-height: 30px
}

.share-time .detials .time {
    text-align: center;
    width: 70px;
    margin-left: 8px;
    margin-right: 4px;
    border-radius: 2px;
    box-sizing: border-box;
    overflow: hidden
}

.share-time .detials .time input {
    width: 100%;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.share-time .detials .item2 a {
    color: #ff8d1c;
    text-decoration: underline
}

.share-time .detials .item2 a:hover {
    color: #ff8d1c;
    text-decoration: underline
}

.share-time p {
    color: #999;
    font-size: 12px
}

.share-time .cont {
    position: relative
}

.share-time .regenerate {
    position: absolute;
    z-index: 1;
    right: 20px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    font-size: 14px;
    width: 90px;
    bottom: 13px;
    padding: 0;
    text-align: center
}

.share-time .detials .open {
    position: relative;
    height: 22px;
    line-height: 22px;
    background: url(../images/icon-switch.png) right center no-repeat;
    width: 100px;
    margin-bottom: 8px;
    cursor: pointer
}

.share-time .detials .open2 {
    position: relative;
    height: 22px;
    line-height: 22px;
    background: url(../images/icon-switch-h.png) right center no-repeat;
    width: 100px;
    margin-bottom: 8px
}

.share-time .detials .open .time2 {
    position: absolute;
    left: 110px;
    top: 0px;
    color: #999;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    z-index: 3;
    width: 220px
}

.share-time .detials2 .open {
    width: 300px;
    background: url(../images/icon-switch.png) 180px center no-repeat
}

.share-time .detials2 .open2 {
    width: 300px;
    background: url(../images/icon-switch-h.png) 180px center no-repeat
}

.share-time .detials .set_effect_time {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 115px;
    box-sizing: border-box;
    margin-bottom: 16px
}

.share-time .detials .set_effect_time .effect_time {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 24px
}

.share-time .btn_share {
    line-height: 30px;
    background: #FF8D1C;
    border-radius: 15px;
    padding: 0 28px;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    margin-left: 115px
}

.share-time .share_tips {
    text-align: center;
    color: #999;
    font-size: 12px;
    padding-left: 34px;
    box-sizing: border-box;
    margin-bottom: 16px;
    margin-top: 8px
}

.temporary_link {
    width: 100%;
    height: 93px;
    background: #F8F8F8;
    padding: 20px;
    box-sizing: border-box
}

.temporary_link .temporary_link_top {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px
}

.temporary_link .link_share_tips {
    text-align: center;
    color: #999;
    font-size: 12px
}

.temporary_link .btn_temporary_link {
    line-height: 30px;
    background: #FF8D1C;
    border-radius: 15px;
    padding: 0 28px;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    margin-left: 11px
}

.uploadlogo:hover {
    cursor: pointer
}

.scene-no {
    font-size: 24px;
    line-height: 490px;
    text-align: center;
    color: #999;
    font-style: normal
}

.select-vr-cont {
    padding: 10px 0 10px 20px;
    width: 100%;
    min-height: 440px;
    overflow: hidden;
    background: #fff
}

.select-vr-cont ul li {
    float: left;
    width: 168px;
    float: left;
    cursor: pointer;
    margin: 0 50px 18px 0;
    height: 200px
}

.select-vr-cont ul li:nth-child(4n+0) {
    margin-right: 0
}

.select-vr-cont ul li .vr-pic-s {
    width: 166px;
    height: 172px;
    position: relative
}

.select-vr-cont ul li .vr-pic-s img {
    width: 100%;
    height: 100%
}

.select-vr-cont ul li h3 {
    width: 165px;
    text-align: center;
    display: block
}

.select-vr-cont ul li .types_1,
.select-vr-cont ul li .types_2,
.select-vr-cont ul li .types_3 {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    text-indent: -9999px;
    width: 66px;
    height: 69px
}

.select-vr-cont ul li .types_1 {
    background: url(../images/icon-buy-vr1.png) no-repeat
}

.select-vr-cont ul li .types_3,
.select-vr-cont ul li .types_2 {
    background: url(../images/icon-sale-vr1.png) no-repeat
}

.select-vr-cont ul li .delete-icon {
    border-radius: 0;
    right: 0px;
    width: 161px;
    height: 24px;
    line-height: 24px;
    text-align: right;
    color: #fff;
    font-size: 14px;
    background: rgba(0, 0, 0, .3);
    position: absolute;
    bottom: 0px;
    padding-right: 5px
}

.select-vr-cont ul li .delete-icon:hover {
    background: rgba(0, 0, 0, .8)
}

.vr-showbox ul li:hover,
.vr-showbox ul li.active {
    border: 1px solid #e70
}

.i-red {
    font-style: normal;
    color: #f00
}

.avatar-img {
    width: 200px
}

.btn-disabled {
    background: #ccc;
    border: 1px #ccc solid;
    color: #999
}

.select-vr-head {
    height: 70px;
    padding: 20px;
    box-sizing: border-box
}

.select-vr-head .head-filtrate {
    width: 248px
}

.select-vr-head .filter-search {
    margin-right: 20px
}

.select-vr-head .filter-search .text {
    padding-left: 40px
}

.select-vr-head .filter-search .btn-search {
    left: 0
}

.select-vr-head .btn {
    width: 110px;
    margin-left: 20px;
    box-sizing: border-box
}

.select-vr-head .btn-black {
    background: #fff;
    color: #313131;
    border: 1px solid #e5e5e5;
    cursor: pointer
}

.select-vr-head .btn-black:hover {
    border: 1px solid #666
}

.select-vr-head .btn-org {
    background: #ff8d1c;
    color: #fff;
    cursor: pointer;
    border: 1px solid #ff8d1c
}

.select-vr-head .btn-org:hover {
    background: #e70;
    border: 1px solid #e70
}

.select-vr {
    width: 780px;
    border: 1px solid #dadada;
    border-radius: 4px
}

.select-vr-top {
    width: 100%;
    background: #F1ECE5;
    padding: 7px 20px;
    display: table
}

.select-vr-top .btn {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    text-align: center;
    margin-right: 20px;
    z-index: 50
}

.select-vr-top .btn-org2 {
    color: #e70;
    background: #fff
}

.vr_last {
    text-align: center
}

.vr_remark {
    position: absolute;
    width: 390px !important;
    top: 17px;
    right: 40px;
    font-size: 14px;
    line-height: 24px;
    color: #666
}

.scroll-style2 {
    max-height: 530px;
    overflow-y: scroll
}

.historylogo {
    width: 100%;
    padding-left: 10px;
    box-sizing: border-box
}

.historylogo .select-vr-cont {
    height: 360px;
    min-height: 360px
}

.historylogo .select-vr-cont ul {
    width: 100%;
    height: 360px;
    overflow-y: auto
}

.historylogo .select-vr-cont ul li {
    width: 150px;
    border: 1px solid #fff;
    height: 150px;
    margin-right: 30px
}

.historylogo ul li.active {
    border: 1px solid #e70
}

.historylogo .select-vr-cont ul li .vr-pic-s {
    width: 150px;
    height: 150px
}

.historylogo .select-vr-cont ul li .vr-pic-s img {
    width: 148px;
    height: 148px
}

.model-infolist .history-btn {
    position: absolute;
    bottom: 30px;
    right: -97px;
    z-index: 2
}

.model-infolist .select-vr-cont ul li {
    margin: 0 20px 18px 0
}

.btn-phones-box {
    width: 100%
}

.btn-phones-box ul {
    width: 100%;
    height: 240px;
    overflow-y: auto
}

.btn-phones-box ul .item {
    height: 40px;
    line-height: 40px;
    cursor: pointer
}

.btn-phones-box ul .item .d-name {
    width: 140px;
    font-size: 14px;
    color: #333;
    padding-left: 58px;
    background: url('../images/check.png') 20px center no-repeat;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    overflow: hidden
}

.btn-phones-box ul .item:hover {
    background: #f4f4f4
}

.btn-phones-box ul .item .phone {
    width: 160px;
    font-size: 14px;
    color: #333;
    height: 40px;
    line-height: 40px;
    margin-left: 20px
}

.btn-phones-box ul .item .del {
    width: 76px;
    height: 40px;
    line-height: 40px;
    cursor: pointer
}

.btn-phones-box ul .item .d-name-h {
    background: url('../images/checked-h.png') 20px center no-repeat
}

.no-record .pic {
    width: 100%;
    height: 200px;
    background: url('../images/nodata.png') center center no-repeat
}

.no-record p {
    width: 100%;
    margin-top: 10px;
    color: #333;
    text-align: center
}

#btnBefore {
    position: absolute;
    left: 55px;
    bottom: 50px;
    color: #333
}

.sharebox {
    text-align: center;
    padding: 20px;
    box-sizing: border-box
}

.sharebox .shareimg {
    width: 158px;
    height: 158px;
    margin: 0 auto;
    border: 2px solid #f1d3bb
}

.sharebox label {
    width: 76px;
    float: left;
    height: 35px;
    line-height: 35px;
    color: #333;
    font-weight: normal;
    text-align: left
}

.sharebox .shareurl {
    margin: 10px 0
}

.sharebox .input-url {
    height: 35px;
    line-height: 35px;
    border: 1px solid #999;
    float: left;
    width: 320px;
    padding: 0 5px;
    border-radius: 2px
}

.sharebox .input-url2 {
    background: url(../images/inpuit-url2.png) center center repeat;
    overflow: hidden
}

.sharebox .btn-primary {
    float: left;
    margin-left: 10px
}

.sharebox .btn {
    border-radius: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    width: 90px;
    margin-left: 20px
}

.sharebox .btn:focus {
    border: none
}

.sharebox .btn-org2 {
    background: #fff;
    color: #e70;
    border: 1px solid #e70
}

.vr_l_text {
    min-width: 640px;
    min-height: 170px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(224, 224, 224, 1);
    border-radius: 2px
}

.user_msg_button {
    width: 150px;
    min-height: 158px;
    max-height: 180px;
    margin-right: 50px
}

.vr_label-x {
    border-radius: 4px;
    border: 1px solid #e8e8e8;
    margin-right: 10px;
    padding: 0 8px;
    display: inline-block;
    position: relative
}

.vr_label-x>span {
    position: absolute;
    top: -8px;
    right: -9px;
    font-size: 19px;
    cursor: pointer
}

.vr_com_team {
    width: 480px;
    display: table;
    line-height: 36px;
    margin-top: 10px
}

.vr_com_team ul li {
    border: 1px solid #e8e8e8;
    padding: 10px;
    position: relative;
    float: left;
    width: 200px;
    margin-right: 40px;
    margin-bottom: 20px;
    display: table
}

.vr_com_team ul li .photo {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px
}

.vr_com_team ul li .details {
    margin-top: 5px
}

.vr_com_team ul li .details span {
    line-height: 24px;
    display: block;
    width: 94px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pop_class {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 40px;
    margin-top: 40px
}

.pop_class>div {
    display: flex;
    justify-content: center;
    align-items: center
}

.base_yuyue_div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 30px
}

.base_yuyue_div p {
    font-weight: bold
}

.base_yuyue_click {
    cursor: pointer
}

.base_yuyue_click>p:nth-of-type(1) {
    width: 12px;
    height: 12px;
    border: 1px solid rgba(214, 214, 214, 1);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2px;
    margin-right: 10px
}

.base_yuyue_click>p:nth-of-type(1)>span {
    width: 6px;
    height: 6px;
    background: none;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.base_yuyue_click>p:nth-of-type(2) {
    color: #333;
    font-weight: bold
}

.base_yuyue_click_active>p:nth-of-type(1)>span {
    background: rgba(255, 152, 72, 1)
}

.base_yuyue_list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 160px;
    margin-top: 25px
}

.base_yuyue_list>div {
    width: 280px;
    box-shadow: 0px 0px 8px 0px rgba(195, 195, 195, 1);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.base_yuyue_list>div img {
    width: 100%
}

.textBr {
    clear: both;
    margin-top: 0px !important
}

.base_cases_select {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 15px;
    margin-bottom: 20px
}

.base_cases_select>p:nth-of-type(2) {
    width: 130px;
    height: 36px
}

.base_cases_select>p:nth-of-type(2)>select {
    height: 36px;
    width: 130px;
    margin-left: 10px;
    line-height: 30px;
    padding: 0 10px;
    border: 1px solid #ececec;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
    padding-right: 33px;
    box-sizing: border-box;
    background-color: #f5f5f5
}

.base_cases_show_p {
    background: url("../images/icon-switch.png") center no-repeat;
    background-size: contain;
    display: block;
    width: 34px;
    height: 22px;
    cursor: pointer;
    margin-left: 10px
}

.base_cases_show_p_active {
    background: url("../images/icon-switch-h.png") center no-repeat;
    background-size: contain
}

.vr_id-infocont {
    width: 100%;
    display: table;
    background: #fff;
    margin-bottom: 20px;
    padding: 0 20px
}

.vr_id-index {
    padding: 20px 0;
    width: 100%;
    display: table
}

.vr_id-list {
    width: 100%;
    display: table;
    text-align: center;
    margin: 40px 0
}

.vr_id-list ul li {
    display: inline-block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #e8e8e8;
    width: 230px;
    height: 336px;
    margin: 0 20px;
    cursor: pointer
}

.vr_id-list ul li:hover {
    background: url(../images/kuang.png) 189px 5px no-repeat;
    border: 1px solid #EE7700FF
}

.vr_id-list ul li h4 {
    margin: 40px 0 30px
}

.vr_id-list ul li .pic {
    width: 128px;
    height: 128px;
    margin: 0 auto 20px
}

.vr_id-list ul li .pic img {
    max-width: 100%;
    max-height: 100%
}

.vr_id-list ul li.active {
    background: url(../images/kuang-sel.png) 189px 5px no-repeat;
    border: 1px solid #EE7700FF
}

.vr_id-btns {
    width: 100%;
    display: table;
    margin: 30px 0;
    text-align: center;
    margin-top: 50px
}

.agreement {
    width: 100%;
    height: 380px;
    overflow-y: auto;
    overflow-y: auto;
    background: #f5f5f5;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 20px
}

.preview_small_shadow {
    background: none !important;
    box-shadow: none !important;
    display: flex;
    justify-content: center;
    align-items: center
}

.preview_small_inile {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 800px;
    height: 700px;
    background: none
}

.preview_small_inile>div:nth-of-type(1) {
    width: 375px;
    height: 810px;
    box-sizing: border-box;
    padding: 70px 20px;
    position: relative
}

.preview_small_inile>div:nth-of-type(1)>img {
    width: 424px;
    height: 800px;
    margin-top: 45px;
    max-width: none !important
}

.preview_small_inile>div:nth-of-type(1)>iframe {
    width: 375px;
    height: 615px;
    position: absolute;
    top: 210px;
    left: 46px
}

.preview_small_inile>div:nth-of-type(2) {
    width: 200px;
    height: 200px;
    box-sizing: border-box;
    padding: 10px;
    position: relative;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 120px;
    margin-top: 170px
}

.preview_small_inile>div:nth-of-type(2)>img {
    width: 180px;
    height: 180px
}

.preview_small_inile>div:nth-of-type(2)>p {
    position: absolute;
    left: -10px;
    bottom: 45px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff
}

.preview_span_title {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    bottom: -75px;
    color: #fff;
    font-size: 18px
}

.preview_span_title>i {
    margin-bottom: 10px
}

.share_erwei {
    position: absolute;
    top: -193px
}

.showbox820 {
    padding: 20px;
    position: relative
}

.pic60 {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    display: block
}

.show-table {
    min-height: 100px;
    max-height: 400px;
    margin-top: 20px
}

.fixed-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    left: 0
}

.show-btn {
    padding: 20px 0
}

.jeui-showbox .pic-ewm {
    width: 160px;
    height: 160px;
    border: 3px solid #F1D3BB;
    position: relative;
    margin: 30px auto 0
}

.jeui-showbox .pic-ewm .pic {
    width: 100%;
    height: 100%;
    background: #fff
}

.jeui-showbox .pic-ewm .pic img {
    width: 100%;
    height: 100%
}

.icon-jelogo {
    background: url(../images/icon-logo.png);
    width: 32px;
    height: 32px;
    display: inline-block
}

.jeui-showbox .pic-ewm .icon-jelogo {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -16px;
    margin-left: -16px
}

.jeui-showbox.pad-top120 {
    padding-top: 120px
}

.cur {
    cursor: pointer
}

.cur-org:hover {
    color: #FF8D1C
}

.jeui-text {
    border: 1px solid #e0e0e0;
    height: 36px;
    line-height: 36px;
    padding: 0px 8px;
    box-sizing: border-box;
    width: 280px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.jeui-text-s {
    width: 200px
}

.jeui-text:focus {
    border-color: #333
}

.vr_music_list {
    width: 100%;
    margin-top: 20px;
    color: #333;
    box-sizing: border-box;
    padding: 0 20px;
    text-align: center
}

.vr_music_list ul li {
    padding: 15px 0;
    width: 100%;
    display: table;
    border-bottom: 1px solid #eee;
    text-align: center
}

.vr_music_list ul li.top {
    background: #f1ece5;
    border: 1px solid #ddd;
    padding: 8px 0
}

.vr_music_list ul li .col-2 {
    width: 55%;
    float: left
}

.vr_music_list ul li .col-12 {
    width: 15%;
    float: left
}

.input-s {
    width: 140px !important
}

.concern {
    padding-left: 10px
}

.concernlist {
    width: 100%;
    border-bottom: 1px solid #F0F0F0;
    padding: 30px
}

.concernlist .photo {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.concernlist .photo a {
    width: 100%;
    height: 100%
}

.concernlist .photo a img {
    max-width: 100%;
    max-height: 100%
}

.concernlist .info {
    margin-left: 20px
}

.btn-green-b {
    display: inline-block;
    border: 1px solid #46be8c;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    color: #46be8c;
    display: inline-block;
    font: normal 10px/14px "Microsoft YaHei" !important;
    padding: 4px 8px
}

.concern-name {
    display: inline-block;
    max-width: 144px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.concern-fr .concern-pics {
    width: 485px;
    position: relative
}

.concern-fr .concern-pics ul li {
    width: 140px;
    height: 140px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    -moz-border-radius: 4px;
    overflow: hidden;
    -ms-border-radius: 4px;
    overflow: hidden;
    -o-border-radius: 4px;
    overflow: hidden;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 20px;
    float: left
}

.concern-fr .concern-pics ul li a {
    width: 140px;
    height: 140px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.concern-fr .concern-pics ul li a img {
    max-width: 100%;
    max-height: 100%
}

.concern-fr .right-more {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(../images/right-more.png) center no-repeat;
    margin-top: 55px
}

.concern-fr .right-more:hover {
    background: url(../images/right-more-h.png) center no-repeat
}

.concernlist .info .w240 {
    max-width: 240px;
    display: inline-block
}

.concern-fr .concern-pics .concern-dloge {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .8);
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center
}

.concern-fr .concern-pics .concern-dloge em {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('../images/eyes_no.png') no-repeat
}

.concern-fr .concern-pics .concern-dloge span {
    font-size: 16px;
    color: #FF8D1C;
    padding-left: 8px
}

.name-line2 {
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.w260 {
    width: 260px
}

.jeui-table .w180 {
    width: 180px;
    display: block
}

.info-audit {
    width: 100%;
    min-height: 782px;
    background: url(../images/sh-bg.png) center center no-repeat;
    padding-top: 125px;
    box-sizing: border-box
}

.yun-m700 {
    width: 800px;
    text-align: center;
    padding-right: 50px;
    box-sizing: border-box
}

.info-audit h3 {
    height: 50px;
    font-size: 36px;
    font-weight: 400;
    color: rgba(48, 44, 72, 1);
    line-height: 50px;
    width: 100%;
    text-align: center
}

.info-audit .yun-tips {
    height: 40px;
    font-size: 18px;
    font-weight: 400;
    color: rgba(48, 44, 72, 1);
    line-height: 40px;
    margin-bottom: 37px
}

.info-audit .yun-tips2 {
    font-size: 36px;
    font-weight: 400;
    color: rgba(48, 44, 72, 1);
    line-height: 40px;
    margin-bottom: 20px
}

.info-audit .btn-org {
    width: 102px;
    line-height: 45px;
    text-align: center;
    font-size: 24px;
    border-radius: 100px;
    box-shadow: 0px 13px 25px 0px rgba(86, 102, 194, 0.17)
}

.payment-box {
    width: 544px;
    margin: 0 auto;
    margin-top: 86px
}

.payment-box .payment {
    width: 544px;
    height: 575px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 10px 0px rgba(255, 177, 55, 0.4);
    border-radius: 4px;
    padding-top: 24px;
    box-sizing: border-box;
    position: relative
}

.payment-box .payment:after {
    position: absolute;
    top: -22px;
    left: -33px;
    content: " ";
    z-index: 3;
    background: url(../images/rz.png) center center no-repeat;
    width: 86px;
    height: 86px
}

.payment-box h2 {
    text-align: center;
    height: 42px;
    font-size: 30px;
    font-weight: bold;
    color: rgba(94, 54, 18, 1);
    line-height: 42px;
    position: relative;
    z-index: 2
}

.payment-box h2:after {
    width: 186px;
    height: 26px;
    border-radius: 26px;
    display: block;
    content: " ";
    position: absolute;
    bottom: -8px;
    z-index: -1;
    background: rgba(255, 245, 233, 1);
    left: 179px
}

.payment-box .payment .sub-tit {
    text-align: center;
    font-size: 18px;
    color: #FFB137;
    margin-top: 48px
}

.payment-box .payment .sub-tit span {
    font-size: 24px
}

.payment-box .payment .details {
    padding: 0 61px;
    box-sizing: border-box;
    margin-bottom: 33px;
    margin-top: 55px;
    position: relative
}

.payment-box .payment .details:after {
    width: 417px;
    height: 10px;
    display: block;
    content: " ";
    position: absolute;
    top: -28px;
    z-index: 31;
    background: url(../images/line.png) center center no-repeat
}

.payment-box .payment .details .one {
    color: #5E3612;
    font-size: 16px;
    line-height: 22px
}

.payment-box .payment .details .two {
    color: #333;
    font-size: 16px;
    line-height: 22px;
    padding-left: 16px;
    box-sizing: border-box;
    margin-bottom: 4px
}

.payment-box .payment .details .two span {
    color: #FFB137;
    cursor: pointer
}

.payment-box .payment .btn {
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #e70;
    border-radius: 2px;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px
}

.payment-box .payment .time {
    color: #999;
    text-align: center;
    font-size: 16px
}

.payment-box .qq {
    color: #FFB137;
    font-size: 18px;
    text-align: left;
    margin-top: 30px
}

.payment-box .more-qy {
    padding: 0 38px;
    box-sizing: border-box;
    margin-bottom: 33px;
    margin-top: 44px;
    color: #333;
    font-size: 18px
}

.payment-box .more-qy a {
    color: #FFB137;
    font-size: 18px;
    text-decoration: underline
}

.padtop4 {
    padding-top: 4px
}

.martop4 {
    margin-top: 4px
}

.time-share-text {
    font-size: 12px;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 12px;
    height: 12px
}

.jeui-table tr td .personal-visible-checked {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding-top: 6px;
    cursor: pointer
}

.jeui-table tr td .personal-visible-checked .v-checked {
    width: 12px;
    height: 12px;
    border-radius: 2px;
    position: relative;
    background: url(../images/checked.png) center no-repeat;
    background-size: 12px;
    margin-right: 7px
}

.jeui-table tr td .personal-visible-checked .personal-text {
    font-size: 12px;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 12px;
    height: 12px
}

.jeui-table tr td .personal-visible-checked.active .personal-text {
    color: #FF8D1C
}

.jeui-table tr td .personal-visible-checked.active .v-checked {
    background-image: url(../images/checked.png)
}

.jeui-table tr td .personal-visible-checked .stxt-h {
    position: relative;
    cursor: pointer
}

.jeui-table tr td .personal-visible-checked .fa-question-circle {
    color: #d1d1d1;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 5px
}

.jeui-table tr td .personal-visible-checked .fa-question-circle:before {
    content: "\f059"
}

.jeui-table tr td .personal-visible-checked .stxt-s-top {
    font-size: 12px;
    color: #666;
    position: absolute;
    left: -40px;
    top: -38px;
    width: 270px;
    padding: 2px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    z-index: 2;
    text-align: center;
    -webkit-box-shadow: 0 0 4px rgba(51, 51, 51, .2);
    box-shadow: 0 0 4px rgba(51, 51, 51, .2);
    cursor: pointer;
    display: none
}

.jeui-table tr td .personal-visible-checked .stxt-s-top:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border: 6px solid transparent;
    border-top: 6px solid #fff;
    left: 43px;
    top: 28px
}

.jeui-table tr td .personal-visible-checked .stxt-h:hover .stxt-s-top {
    display: block
}

.vip-manage-info {
    width: 100%;
    box-sizing: border-box;
    padding: 20px 20px 30px;
    display: flex
}

.vip-manage-info .info-avatar {
    width: 56px;
    height: 56px;
    position: relative;
    border: 3px solid rgba(241, 236, 229, 1);
    border-radius: 50%;
    margin-right: 20px
}

.vip-manage-info .info-avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.vip-manage-info .info-avatar i {
    position: absolute;
    right: -5px;
    bottom: -2px;
    display: block;
    width: 33px;
    height: 16px;
    background: url("../images/vip-manage.png") center no-repeat;
    background-size: contain
}

.vip-manage-info .vip-info {
    width: 894px
}

.vip-manage-info .vip-info .type-time {
    display: flex;
    box-sizing: border-box;
    padding-bottom: 15px
}

.vip-manage-info .vip-info .type-time p {
    display: flex;
    align-items: baseline;
    margin-right: 80px
}

.vip-manage-info .vip-info .type-time p span {
    display: flex;
    align-items: baseline;
    margin-right: 20px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 14px;
    height: 14px
}

.vip-manage-info .vip-info .type-time p span .vip-text {
    color: #000;
    font-style: normal
}

.vip-manage-info .vip-info .type-time p span .vip-overdue {
    color: #FF4141;
    font-size: 12px;
    font-style: normal
}

.vip-manage-info .vip-info .type-time p a {
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline;
    color: rgba(238, 119, 0, 1);
    line-height: 12px
}

.vip-manage-info .vip-info .permission-tag {
    width: 100%;
    background: #F5F5F5;
    display: flex;
    box-sizing: border-box;
    padding: 10px 17px 0 20px;
    flex: 1;
    flex-wrap: wrap
}

.vip-manage-info .vip-info .permission-tag p {
    background: #FFF;
    border: 1px solid rgba(214, 214, 214, 1);
    border-radius: 12px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    margin-right: 12px;
    margin-bottom: 10px
}

.vip-manage-info .vip-info .permission-tag.active p {
    background: #fffbf7;
    border: 1px solid #E70;
    color: #E70
}

.vip-manage-data {
    width: 100%;
    box-sizing: border-box;
    padding: 20px
}

.vip-manage-data .data-title {
    font-size: 14px;
    font-weight: bold;
    color: rgba(68, 68, 68, 1);
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 15px
}

.vip-manage-data .vip-manage-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative
}

.vip-manage-data .vip-manage-list .vip-manage-item {
    box-sizing: border-box;
    border: 1px solid rgba(239, 239, 239, 1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.vip-manage-data .vip-manage-list .vip-manage-item1 {
    width: 540px;
    padding: 20px 45px;
    padding-right: 0
}

.vip-manage-data .vip-manage-list .vip-manage-item2 {
    width: 410px;
    padding: 20px 63px;
    padding-right: 0
}

.vip-manage-data .vip-manage-list .vip-manage-item .item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.vip-manage-data .vip-manage-list .vip-manage-item1 .item {
    margin-right: 45px
}

.vip-manage-data .vip-manage-list .vip-manage-item2 .item {
    margin-right: 63px
}

.vip-manage-data .vip-manage-list .vip-manage-item .item1 {
    margin-bottom: 30px
}

.vip-manage-data .vip-manage-list .vip-manage-item .item .item-info {
    display: flex;
    align-items: baseline;
    margin-bottom: 12px
}

.vip-manage-data .vip-manage-list .vip-manage-item .item .item-info span {
    color: #333;
    font-size: 18px;
    display: block;
    height: 18px;
    font-weight: bold;
    margin-right: 5px
}

.vip-manage-data .vip-manage-list .vip-manage-item .item .item-info i {
    color: #333;
    font-size: 14px;
    font-style: normal;
    display: block;
    height: 14px
}

.vip-manage-data .vip-manage-list .vip-manage-item .item .item-title {
    font-size: 14px;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 14px
}

.vip-manage-data .vip-manage-data-tips {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 12px
}

.vip-manage-table .table-info-tips {
    font-size: 14px;
    font-weight: 400;
    color: rgba(68, 68, 68, 1);
    line-height: 14px;
    margin-bottom: 15px
}

.vip-manage-table .table-info-explain {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 14px;
    margin-top: 20px
}

.vip-manage-table .vip-manage-table-warp {
    position: relative
}

.vip-manage-mask {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    background: rgba(224, 224, 224, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5
}

.border-none {
    border: 0
}

.set-list-warp {
    position: relative;
    width: 180px;
    height: 40px
}

.set-list-warp .set-list-msg {
    width: 180px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    box-sizing: border-box;
    padding-right: 20px
}

.set-list-warp .set-list-msg p {
    font-size: 14px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 14px;
    height: 14px;
    margin-right: 5px
}

.set-list-warp .set-list-msg i {
    width: 14px;
    height: 14px;
    display: block;
    background: url("../images/set.png") center no-repeat;
    background-size: contain
}

.set-list-warp .set-list {
    width: 180px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 1px 2px 8px 0px rgba(192, 192, 192, 0.4);
    border-radius: 4px;
    overflow: hidden;
    position: absolute;
    top: 40px;
    right: 20px;
    z-index: 10;
    display: none
}

.set-list-warp .set-list .item {
    width: 180px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    padding: 0 20px;
    cursor: pointer
}

.set-list-warp .set-list .item span {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    cursor: pointer;
    display: block;
    height: 14px;
    line-height: 14px
}

.set-list-warp .set-list .item:hover {
    background: rgba(245, 245, 245, 1);
    color: rgba(51, 51, 51, 1)
}

.set-list-warp.active .set-list-msg p {
    color: #FF8D1C
}

.set-list-warp.active .set-list-msg .icon-list-set {
    background-image: url("../images/set-sel.png")
}

.set-list-warp.active .set-list {
    display: block
}

.tips618 {}

.tips618 p {
    color: #fff;
    font-size: 22px;
    text-align: center;
    width: 100%
}

.tips618 p.d-tiem {
    font-size: 14px;
    margin-top: 10px
}

body .layui-tip618 {
    border-radius: 10px;
    background: url(../images/banner618.png) center center no-repeat;
    padding-top: 140px;
    box-sizing: border-box
}

.tips618 .showbox-btn-col {
    display: flex;
    justify-content: center;
    align-items: center
}

.tips618 .btn-white {
    background: #fff;
    line-height: 38px;
    border-radius: 38px;
    width: 200px;
    margin: 0 auto;
    color: #0c3697
}

body .layui-tip618 .layui-layer-setwin .layui-layer-close2 {
    width: 20px;
    height: 20px;
    background: url(../images/close618.png) center center no-repeat;
    right: -6px;
    top: -6px
}

.fengmian-pic2 .manual-upload {
    max-height: 125px
}

.c_add_works {
    position: relative;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #999;
    text-align: left
}

.c_add_works span {
    color: #333;
    font-size: 14px
}

.c_add_works .c_add_leave {
    cursor: pointer
}

.c_add_works span .red {
    color: red
}

.c_ewm {
    width: 200px;
    height: 200px;
    border: 1px solid #ededed;
    background: #fff;
    position: absolute;
    z-index: 16;
    top: -100px;
    left: 590px;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none
}

.c_ewm img {
    max-width: 100%
}

.c_add_works .c_add_leave:hover .c_ewm {
    display: block
}

.reg-info-perfect .info-item-avatar {
    display: flex;
    align-items: center
}

.reg-info-perfect .info-item-avatar .uploadphoto {
    margin: 0
}

.reg-info-perfect .info-two-line {
    display: flex;
    align-items: center
}

.reg-info-perfect .info-two-line .info-item-line {
    display: flex;
    align-items: center;
    margin-right: 40px
}

.reg-info-perfect .info-two-line .info-item-line:last-of-type {
    margin-right: 0
}

.reg-info-perfect .info-two-line .info-item-line .inputbox {
    width: 280px
}

.reg-info-perfect .info-phone-mail .info-item-line {
    margin-right: 0px
}

.reg-info-perfect .info-phone-mail .info-item-line .inputbox {
    width: 260px
}

.reg-info-perfect .info-two-select .selectbox {
    width: 260px
}

.reg-info-perfect .reg-perfect-tips {
    width: 800px;
    margin-left: 30px;
    margin-top: 30px
}

.reg-info-perfect .reg-perfect-tips p {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 141, 28, 1);
    line-height: 18px
}

.reg-perfect-line {
    width: 100%;
    height: 1px;
    display: block;
    background: rgba(240, 240, 240, 1);
    margin-top: 30px
}

.reg-top-info {
    width: 100%;
    height: 247px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-bottom: 1px solid #EDEDED;
    margin-bottom: 65px
}

.reg-top-info p {
    width: 831px;
    height: 186px;
    background: url("../images/image-shejishirenzheng.png") center no-repeat;
    background-size: contain
}

.reg-perfect-left {
    position: relative
}

.reg-perfect-left .icon-auth {
    display: block;
    width: 60px;
    height: 21px;
    background: url("../images/icon-shnefenrenzheng.png") center no-repeat;
    background-size: contain;
    position: absolute;
    right: 14px;
    top: -4px
}

.complate-auth-left {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    margin-top: 15px
}

.complate-auth-left i {
    display: block;
    width: 114px;
    height: 32px;
    background: url("../images/data-certified.png") center no-repeat;
    background-size: contain
}

.user-right-EXuan {
    min-height: auto;
    height: auto;
    padding-bottom: 0
}

.ex-manage-user {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px
}

.ex-manage-user .manage-user-left {
    display: flex;
    align-items: center
}

.ex-manage-user .manage-user-left .user-avatar {
    width: 48px;
    height: 48px;
    position: relative;
    margin-right: 30px
}

.ex-manage-user .manage-user-left .user-avatar img {
    width: 48px;
    height: 48px;
    border-radius: 50%
}

.ex-manage-user .manage-user-left .user-avatar .icon-user-vip {
    display: block;
    width: 33px;
    height: 16px;
    background: url("../images/vip.png") center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: -10px
}

.ex-manage-user .manage-user-left .vip-time {
    display: flex;
    align-items: center;
    margin-right: 20px
}

.ex-manage-user .manage-user-left .vip-time .vip-time-title {
    display: block;
    height: 14px;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    line-height: 14px
}

.ex-manage-user .manage-user-left .vip-time .vip-time-content {
    display: block;
    height: 14px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 14px
}

.ex-manage-user .manage-user-left .renewal-a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #FF8D1C;
    text-decoration: underline
}

.ex-manage-user .manage-user-right {
    display: flex;
    align-items: center
}

.ex-manage-user .manage-user-right a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
    width: 110px;
    height: 36px;
    border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background: #ff8d1c
}

.ex-manage-user .manage-user-right a:hover {
    background: #e70;
    color: #FFF
}

.ex-manage-balance {
    width: 100%;
    box-sizing: border-box;
    padding: 0 40px 0 50px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px
}

.ex-manage-balance .item-balance {
    display: flex;
    flex-direction: column
}

.ex-manage-balance .item-balance .item-balance-top {
    display: flex;
    align-items: baseline;
    margin-bottom: 20px
}

.ex-manage-balance .item-balance .item-balance-top .balance-top-num {
    display: block;
    height: 24px;
    font-size: 24px;
    font-weight: 400;
    color: #333;
    line-height: 24px
}

.ex-manage-balance .item-balance .item-balance-top .balance-top-text {
    display: block;
    height: 14px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 14px
}

.ex-manage-balance .item-balance .item-balance-bottom {
    display: block;
    height: 14px;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    line-height: 14px
}

.ex-manage-privilege {
    width: 100%;
    height: 80px;
    background: url("../images/vipfunction-gray.png") center no-repeat;
    background-size: contain
}

.ex-manage-privilege.privilege-vip {
    background: url("../images/vipfunction.png") center no-repeat;
    background-size: contain
}

.exuan-invitation-register {
    width: 100%;
    height: 200px;
    margin: 10px 0;
    background: url("../images/banner.png") center no-repeat;
    background-size: contain;
    position: relative;
    border-radius: 4px;
    overflow: hidden
}

.exuan-invitation-register a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 40px;
    background: #EFE8CC;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #6D5E3A;
    cursor: pointer;
    position: absolute;
    left: 117px;
    top: 136px
}

.exuan-invitation-register a:hover {
    background: #e9e0bd
}

.exuan-reg-welfare {
    width: 100%;
    height: 200px;
    border-radius: 4px;
    overflow: hidden;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.exuan-reg-welfare p {
    width: 130px;
    height: 130px;
    background: url("../images/code.png") center no-repeat;
    background-size: contain;
    margin-bottom: 15px
}

.exuan-reg-welfare span {
    display: block;
    height: 18px;
    font-size: 18px;
    font-weight: 400;
    color: #333;
    line-height: 18px
}

.exuan-record-list {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 15px 0 20px
}

.exuan-record-list .exuan-record-item {
    display: flex;
    align-items: baseline;
    margin: 0 50px 0 0
}

.exuan-record-list .exuan-record-item span {
    display: block;
    height: 14px;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    line-height: 14px
}

.exuan-record-list .exuan-record-item .record-item-title {
    color: #333
}

.exuan-record-list .exuan-record-item i {
    display: block;
    height: 18px;
    font-size: 18px;
    font-weight: bold;
    color: #FF8D1C;
    line-height: 18px;
    font-style: normal
}

.exuan-record-list .open-exuan-vip {
    display: block;
    width: 270px;
    height: 30px;
    background: url("../images/label1.png") center no-repeat;
    background-size: contain
}

.user-exuan-record .date-text {
    width: 200px;
    height: 36px;
    border: 1px solid #E0E0E0;
    border-radius: 2px;
    background: #FFF url("../images/rili.png") 90% center no-repeat
}

.user-exuan-record .date-text:focus {
    background: #FFF url("../images/rili-sel.png") 90% center no-repeat
}

.user-exuan-record .select-client {
    margin: 0 10px;
    width: 130px;
    height: 36px;
    border: 1px solid #E6E6E6;
    border-radius: 2px;
    background: #FFF url("../images/icon-selectbg.png") 90% center no-repeat;
    padding: 4px 6px
}

.exuan-render-list .exuan-record-item:last-of-type {
    margin-right: 45px
}

.exuan-render-list .open-exuan-vip {
    background: url("../images/label2.png") center no-repeat;
    background-size: contain
}

.user-exuan-record .select-time {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px
}

.user-exuan-record .odd-num-search {
    width: 170px;
    height: 36px;
    background: #FFF;
    border: 1px solid #E6E6E6;
    border-radius: 2px;
    box-sizing: border-box;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin-left: 10px
}

.user-exuan-record .odd-num-search::placeholder {
    color: #999
}

.integral_task_tit {
    position: relative
}

.integral_task_tit .integral_task_more {
    position: absolute;
    right: 0;
    color: #999;
    font-size: 14px;
    font-weight: bold;
    font-weight: normal
}

.integral_task_tit .integral_task_more .org {
    color: #FF8D1C
}

.integral_task_tit .integral_task_more .fa {
    font-size: 16px
}

.integral_task {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border: 1px solid #EFEFEF;
    height: 106px
}

.integral_task .item {
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px
}

.integral_task .item .icon {
    width: 30px;
    height: 106px;
    margin-right: 20px;
    display: block
}

.integral_task .item .icon_integral_task1 {
    background: url(../images/icon1.png) center center no-repeat
}

.integral_task .item .icon_integral_task2 {
    background: url(../images/icon2.png) center center no-repeat
}

.integral_task .item .icon_integral_task3 {
    background: url(../images/icon3.png) center center no-repeat
}

.integral_task .item .icon_integral_task4 {
    background: url(../images/icon4.png) center center no-repeat
}

.integral_task .item .f18 {
    font-size: 18px
}

.integral_task .active .icon_integral_task1 {
    background: url(../images/icon1-sel.png) center center no-repeat
}

.integral_task .active .icon_integral_task2 {
    background: url(../images/icon2-sel.png) center center no-repeat
}

.integral_task .active .icon_integral_task3 {
    background: url(../images/icon3-sel.png) center center no-repeat
}

.integral_task .active .icon_integral_task4 {
    background: url(../images/icon4-sel.png) center center no-repeat
}

.integral_task .last {
    position: relative
}

.integral_task .last:after {
    width: 1px;
    height: 60px;
    background: #F5F5F5;
    position: absolute;
    z-index: 999;
    left: 20px;
    top: 23px;
    content: " "
}

.integral_task_tips {
    margin-top: 14px;
    margin-bottom: 30px
}

.integral_task_tips .org {
    color: #FF8D1C
}

.integral_task_tips .ft18 {
    font-size: 18px
}

.integral_task_tips a {
    text-decoration: underline
}

.none {
    display: none
}

.video_icon {
    font-size: 20px;
    position: absolute;
    top: 40px;
    right: 3px;
    cursor: pointer
}

.video_icon:hover {
    color: #FF8D1C
}

.Video_main {
    padding: 0px 15px;
    padding-top: 20px
}

.Video_main .title {
    height: auto;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    color: #333;
    padding-bottom: 10px
}

.Video_main .input input {
    border: 1px solid #e6e6e6;
    padding: 8px;
    text-align: center;
    width: 100%
}

.Video_main .Video_footer {
    height: auto;
    overflow: hidden;
    text-align: center
}

.Video_main .Video_footer a {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin: 5px 5px 0;
    padding: 0 15px;
    border: 1px solid #dedede;
    background-color: #fff;
    color: #333;
    border-radius: 2px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none
}

.Video_main .Video_footer a.onSubmit {
    border-color: #ff8d1c;
    background-color: #ff8d1c;
    color: #fff
}

.Video_main .Video_footer a.onSubmit:hovert {
    border-color: #e70;
    background-color: #e70
}

.Video_main .input {
    padding-bottom: 20px
}

.exuan-tablist-b {
    width: 100%;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding-right: 16px
}

.exuan-tablist-m span {
    line-height: 14px
}

.ex-manage-privilege {
    background: url("../images/vipfunction-gray.png") center no-repeat;
    background-size: contain
}

.ex-manage-privilege.privilege-vip {
    background: url("../images/vipfunction.png") center no-repeat;
    background-size: contain
}

.exuan-invitation-register {
    background: url("../images/banner.png") center no-repeat;
    background-size: contain
}

.piclist.piclist_3d .delete {
    cursor: pointer;
    color: #ff8d1c
}

.piclist_3d ul li .name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 36px
}

.piclist_3d ul li .name .name_title {
    display: flex;
    width: 178px
}

.piclist_3d ul li .name .name_title .fav_title {
    display: block;
    margin-left: 4px;
    max-width: calc(100% - 60px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 18px;
    line-height: 18px
}

.piclist_3d ul li .name .name_title .fav_title_count {
    display: block;
    margin-left: 2px;
    width: 38px;
    height: 18px;
    line-height: 18px;
    color: #333
}

.piclist_3d ul li .name .name_title:hover .fav_title_count {
    color: #e70
}

.piclist_3d ul li .name .name_edit {
    cursor: pointer
}

.piclist_3d ul li .name .name_edit i {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/icon_banji.png) no-repeat 100%/100%
}

.piclist_3d ul li .name .name_edit:hover i {
    background: url(../images/icon_banji_yellow.png) no-repeat 100%/100%
}

.showbox500-edit input {
    width: 100%;
    border: 1px solid #EDEDED;
    border-radius: 4px;
    height: 36px;
    padding-left: 10px;
    max-width: calc(100% - 10px)
}

.piclist.piclist_search ul li:hover .favorite-folder-title {
    color: #333 !important
}

.piclist.piclist_search ul li {
    padding-bottom: 10px
}

.piclist.piclist_search ul li a:hover .favorite-list-name {
    color: #FF8D1C
}

.piclist.piclist_search ul li a:hover .favorite-folder-title {
    color: #FF8D1C !important
}

.piclist_search ul li .favorite-folder-title {
    height: 18px;
    font-size: 14px;
    line-height: 18px;
    margin-top: 7px
}

.order-foot ul li .order-foot-username {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 108px;
    height: 16px;
    line-height: 16px;
    vertical-align: text-bottom
}

.stxt-taxian {
    display: flex;
    align-items: flex-end;
    flex-direction: column
}

.user-model-optimize .stxt-taxian .model-taxian-a {
    margin-top: 28px;
    text-align: left;
    margin-left: unset;
    margin-right: 40px
}

.user-right .info-cont .options_tab {
    height: auto;
    overflow: hidden;
    margin-bottom: 17px
}

.user-right .info-cont .options_tab a {
    display: block;
    float: left;
    width: 99px;
    height: 34px;
    border: 1px solid #E0E0E0;
    text-align: center;
    line-height: 34px
}

.user-right .info-cont .options_tab a.active {
    border-color: #FF8D1C;
    color: #fff;
    background: #FF8D1C
}

.user-right .info-cont .options_tab a.zfb_tab {
    border-right: 0px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.user-right .info-cont .options_tab a.bank_tab {
    border-left: 0px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.solid1 .solid1_main .solid1_left {
    float: left;
    width: 269px
}

.solid1 .solid1_main .solid1_left input {
    width: 100% !important
}

.solid1 .solid1_main .help_icon {
    float: left;
    position: relative;
    z-index: 0
}

.solid1 .solid1_main .help_icon span.help {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/help.png) no-repeat;
    cursor: pointer;
    margin-left: 10px;
    margin-top: 8px
}

.solid1 .solid1_main .help_icon .text_tps {
    background: #fff;
    color: #666;
    font-size: 12px;
    display: none;
    box-shadow: -1px 5px 5px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -1px 5px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px 5px 5px 0px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 10px;
    margin-left: 10px;
    position: absolute;
    z-index: 1;
    width: 340px
}

.solid1 .solid1_main .help_icon:hover .text_tps {
    display: block
}

.solid1 .codebutton {
    width: 100px;
    height: 36px;
    background: #ff8d1c;
    color: #fff;
    border-radius: 4px
}

.solid1 .codebutton:disabled {
    background: #d6d6d6;
    cursor: no-drop
}

.solid1 .button {
    height: auto;
    overflow: hidden
}

.solid1 p a {
    color: #FF8D1C
}

.solid1 button {
    width: 150px;
    height: 36px;
    background: #ff8d1c;
    color: #fff;
    border-radius: 4px;
    border: 0px;
    cursor: pointer;
    float: left
}

.solid1 .success {
    display: inline-block;
    width: 600px;
    height: 36px;
    margin-left: 20px;
    position: absolute;
    top: 10px;
    left: 160px;
    border: 1px solid #5cad34;
    color: #5cad34;
    background: #f0f9eb;
    border-radius: 4px
}

.solid1 .success .icon {
    float: left;
    background: #5cad34;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    text-align: center;
    line-height: 18px;
    margin-left: 10px;
    margin-top: 7px
}

.solid1 .success .icon i {
    font-size: 12px
}

.solid1 .success .text_tps {
    float: left;
    margin-left: 10px;
    line-height: 36px
}

.solid1 .success .right_icon {
    float: right;
    color: #666;
    margin-right: 10px;
    font-size: 20px;
    cursor: pointer;
    line-height: 31px
}

.solid1 .danger {
    display: inline-block;
    width: 600px;
    height: 36px;
    margin-left: 20px;
    position: absolute;
    top: 10px;
    left: 160px;
    border: 1px solid #f56c6c;
    color: #f56c6c;
    background: #fef0f0;
    border-radius: 4px
}

.solid1 .danger .icon {
    float: left;
    margin-left: 10px;
    line-height: 36px
}

.solid1 .danger .icon i {
    font-size: 20px;
    color: #ff6a00
}

.solid1 .danger .text_tps {
    float: left;
    margin-left: 10px;
    line-height: 32px
}

.solid1 .danger .tps_options {
    float: right;
    margin-right: 10px
}

.solid1 .danger .tps_options a {
    color: #ff6a00;
    line-height: 32px
}

.yun-app-main .yun_app_tps {
    padding: 20px 30px;
    height: auto;
    overflow: hidden
}

.yun-app-main .yun_app_tps a {
    color: #ff6a00
}

.yun-app-main .yun_app_pic {
    height: auto;
    overflow: hidden;
    display: flex;
    border-radius: 6px
}

.yun-app-main .yun_app_pic .step {
    flex: 5
}

.yun-app-main .yun_app_pic .step .pic {
    padding: 0 40px
}

.yun-app-main .yun_app_pic .step .pic img {
    width: 100%;
    height: 100%
}

.yun-app-main .yun_app_pic .title {
    height: auto;
    overflow: hidden;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    height: 35px;
    line-height: 35px;
    margin-bottom: 15px;
    border-bottom: 1px solid #F2F2F2
}

.layer_application_success {
    border-radius: 8px !important;
    overflow: hidden
}

.layer_application_success .layui-layer-title {
    background: none !important;
    border-bottom: 0px
}

.layer_application_success .application_title {
    text-align: center;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 20px
}

.layer_application_success .application_info {
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #666
}

.layer_application_success .application_button {
    height: auto;
    overflow: hidden;
    text-align: center;
    font-size: 0;
    padding-bottom: 20px;
    padding-top: 20px
}

.layer_application_success .application_button a {
    display: inline-block;
    width: 148px;
    height: 36px;
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #333;
    font-size: 14px;
    line-height: 36px
}

.layer_application_success .application_button a.button {
    border-color: #ff8d1c;
    color: #fff;
    margin-left: 20px;
    background: #ff8d1c
}

.layer_application_success .application_button a.button:hover {
    background: #e70;
    border-color: #e70
}

.yun-app-main .yun_options {
    height: auto;
    overflow: hidden;
    text-align: center;
    padding: 15px 0px
}

.yun-app-main .yun_options a {
    display: inline-block;
    width: 150px;
    height: 36px;
    border-radius: 4px;
    text-align: center;
    line-height: 36px;
    font-size: 14px
}

.yun-app-main .yun_options a.ignore {
    border: 1px solid #ccc;
    color: #333;
    margin-left: 15px
}

.yun-app-main .yun_options a.confirm {
    border: 1px solid #ff8d1c;
    color: #fff;
    background: #ff8d1c
}

.yun-app-main .yun_options a.confirm:hover {
    background: #e70;
    border-color: #e70
}

.yun-app-main .yun_tps {
    text-align: center;
    padding-right: 184px;
    padding-bottom: 15px;
    height: auto;
    overflow: hidden;
    color: #ff8d1c
}

.yun-app-main .tps_info {
    text-align: center;
    padding-bottom: 15px
}

.jeui-showbox .inputbox.success {
    color: #5cad34;
    line-height: 33px
}

.jeui-showbox .inputbox.danger {
    color: #f56c6c;
    line-height: 33px
}

.jeui-showbox .inputbox.danger a {
    float: right;
    color: #ff6a00
}

.jeui-showbox .inputbox.tps p {
    text-align: left;
    font-size: 14px;
    color: #333
}

.jeui-showbox .inputbox.tps p a {
    color: #ff8d1c
}

.zfb_showbox .item {
    text-align: center;
    font-size: 16px;
    color: #333;
    line-height: 25px
}

.zfb_showbox .item span {
    color: #FF8D1C
}

.zfb_showbox .options_button {
    height: auto;
    overflow: hidden;
    text-align: center;
    padding-top: 40px
}

.zfb_showbox .options_button a {
    display: inline-block;
    width: 130px;
    height: 36px;
    background: #FF8D1C;
    border-radius: 4px;
    text-align: center;
    line-height: 36px;
    color: #fff
}

.zfb_showbox .options_button a:hover {
    background: #e70
}

.sqtx-showbox .tx_left {
    float: left
}

.sqtx-showbox .tx_right {
    float: right;
    cursor: pointer
}

.sqtx-showbox .tx_right .item_icon {
    display: inline-block;
    height: 22px;
    vertical-align: bottom
}

.sqtx-showbox .tx_right .item_icon span.icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    cursor: pointer
}

.sqtx-showbox .tx_right .item_icon span.icon_zfb {
    background: url(../images/zfb_icon.png) no-repeat
}

.sqtx-showbox .tx_right:hover .item_icon span.icon_zfb {
    background: url(../images/zfb_icon_h.png) no-repeat
}

.sqtx-showbox .tx_right .item_icon span.icon_zfb.active {
    background: url(../images/zfb_icon_h.png) no-repeat
}

.sqtx-showbox .tx_right .item_icon span.icon_bank {
    background: url(../images/bank_icon.png) no-repeat
}

.sqtx-showbox .tx_right:hover .item_icon span.icon_bank {
    background: url(../images/bank_icon_h.png) no-repeat
}

.sqtx-showbox .tx_right .item_icon span.icon_bank.active {
    background: url(../images/bank_icon_h.png) no-repeat
}

.sqtx-showbox .stxt-tx {
    height: auto;
    overflow: hidden
}

.sqtx-showbox .tx_right .item_text {
    display: inline-block;
    cursor: pointer;
    color: #FF8D1C
}

.sqtx-showbox .tx_right:hover .item_text {
    color: #e70
}

.wtx_showbox_commont .item {
    text-align: center;
    font-size: 16px;
    color: #333;
    line-height: 25px
}

.wtx_showbox_commont .options_button {
    height: auto;
    overflow: hidden;
    text-align: center;
    margin-top: 20px
}

.wtx_showbox_commont .options_button a {
    display: inline-block;
    width: 130px;
    height: 36px;
    background: #FF8D1C;
    border-radius: 4px;
    text-align: center;
    line-height: 36px;
    color: #fff
}

.wtx_showbox_commont .options_button a:hover {
    background: #e70
}

.invoice-list {
    width: 100%;
    margin: 20px auto;
    padding: 0 30px;
    box-sizing: border-box
}

.invoice-list ul li {
    width: 100%;
    display: table;
    margin-bottom: 10px
}

.invoice-list ul li .invoice-list-fl {
    float: left;
    text-align: right;
    width: 110px;
    text-align: right;
    margin-right: 10px;
    color: #666;
    line-height: 36px
}

.invoice-list ul li .invoice-list-fr {
    width: 305px
}

.invoice-list ul li .invoice-list-fr .textbox {
    width: 284px;
    height: 36px;
    line-height: 36px;
    padding: 4px 8px;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.invoice-list ul li .invoice-list-fr .textbox:focus {
    outline: none;
    border: 1px solid #333
}

.invoice-list p {
    color: #999;
    margin-top: 30px
}

.invoice-list ul li.last {
    width: 100%;
    display: table;
    text-align: center;
    margin-top: 30px
}

.invoice-list ul li.last .btn {
    padding: 4px 50px;
    margin: 0 10px
}

.invoice-list .showbox-btn-col2 .showbox-btn {
    margin-left: 20px
}

.model-stitle .bt {
    font-size: 16px;
    font-weight: bold;
    float: left;
    line-height: 35px
}

.model-stitle .button {
    float: left;
    margin-left: 10px;
    position: relative;
    cursor: pointer
}

.model-stitle .button span {
    display: block;
    width: 120px;
    height: 35px;
    border-radius: 4px;
    background: #FF8D1C;
    text-align: center;
    color: #fff;
    line-height: 35px;
    cursor: pointer
}

.model-stitle .button span:hover {
    background: #e70
}

.model-stitle .button #fileUpload {
    opacity: 0;
    width: 120px;
    height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer
}

.model_list .aui-photo {
    height: auto;
    overflow: hidden;
    padding-left: 107px;
    padding-top: 30px;
    max-height: 310px
}

.aui-photo .aui-up-section {
    position: relative;
    margin-right: 15px;
    margin-bottom: 15px
}

.aui-up-section .aui-close-up-img {
    position: absolute;
    top: -10px;
    right: -12px;
    display: none;
    z-index: 10;
    width: 20px;
    cursor: pointer
}

.aui-up-section .aui-up-span {
    display: block;
    width: 100%;
    height: 100%;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9;
    background: rgba(0, 0, 0, .5);
    border: 1px solid #ddd
}

.aui-up-section:hover .aui-close-up-img {
    display: block
}

.aui-up-section:hover .aui-up-span {
    visibility: visible
}

.aui-photo .aui-to-up-img {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #ddd
}

.loading {
    border: 1px solid #D1D1D1;
    background: url(../images/loading.gif) no-repeat center;
    background-size: 20px
}

.aui-up-clarity {
    opacity: 0
}

.aui-img-name-p {
    display: block
}

.clear:after {
    content: '';
    display: block;
    clear: both
}

.aui-content-full {}

.aui-photo .aui-up-section {
    width: 130px;
    height: 130px
}

.aui-content-img-box .aui-up-img .aui-file-up {
    width: 130px;
    height: 130px
}

.aui-file-up .add-img {
    display: block;
    width: 130px;
    height: 130px;
    border: 1px dashed #ddd;
    border-radius: 3px
}

.img-aui-img-name-p {
    display: none
}

.authdiv_nave {
    height: auto;
    overflow: hidden
}

.authdiv_nave ul li {
    float: left;
    text-align: center;
    height: auto;
    overflow: hidden;
    margin: 0 17px
}

.authdiv_nave ul {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #F0F0F0
}

.authdiv_nave ul li a {
    color: #666;
    font-size: 14px;
    text-decoration: none
}

.authdiv_nave ul li span {
    display: block;
    background: none;
    width: 40px;
    height: 3px;
    margin: 0 auto;
    margin-top: 5px
}

.authdiv_nave ul li.active a {
    color: #333;
    font-weight: bold
}

.authdiv_nave ul li.active span {
    background: #FF8D1C
}

.auth-info-cont {
    padding: 30px 35px;
    height: auto;
    overflow: hidden
}

.auth-info-cont .stit {
    width: 125px;
    text-align: right
}

.auth-info-cont .text-danger {
    color: #000
}

.auth-info-cont ul li.last {
    text-align: center
}

.auth-info-cont ul li #btnGetCode {
    background: #ff8d1c;
    color: #fff
}

.auth-info-cont ul li .tps {
    color: #FF8D1C
}

.auth-info-cont ul li .form-group {
    margin-bottom: 0px
}

.auth-info-cont ul li .form-group .hide {
    display: none !important
}

.auth-info-cont ul li span.fenge {
    display: block;
    height: 34px;
    line-height: 34px;
    padding: 0px 5px
}

.auth-info-cont ul li #btnGetCode:hover {
    background: #e70
}

.auth-info-cont ul li.pic_example {
    padding-left: 125px
}

.auth-info-cont ul li.pic_example .tps_title {
    color: #999
}

.auth-info-cont ul li .tps_list_pic {
    height: auto;
    overflow: hidden
}

.auth-info-cont ul li .tps_list_pic .list {
    width: 167px;
    height: 109px;
    overflow: hidden;
    float: left;
    margin-right: 10px
}

.auth-info-cont ul li .tps_list_pic .list img {
    width: 100%;
    height: 100%
}

.submit_last {
    text-align: center;
    border-top: 1px solid #F0F0F0
}

.submit_last #tmq_submit:hover {
    color: #fff
}

.label_checkbox label {
    font-weight: normal;
    margin-top: 8px
}

.submit_last {
    height: auto;
    overflow: hidden;
    padding-top: 15px
}

.auth-info-cont .model-remark {
    padding-left: 125px;
    width: auto !important;
    display: flex
}

.auth-info-cont .model-remark .bt {
    width: 50px;
    color: #ff8d1c
}

.auth-info-cont .model-remark .right {
    flex: 1
}

.auth-info-cont .model-remark .right p:first-child {
    color: #FF8D1C
}

.auth-info-cont .photo-upload {
    height: 242px;
    overflow: hidden
}

.reg-wrapper-new {
    position: relative
}

.layer_tips_fex {
    display: flex;
    position: absolute;
    top: 10px;
    left: 50%;
    background: #FF3F3F;
    border-radius: 4px;
    min-height: 36px;
    padding: 8px 10px;
    width: 300px;
    margin-left: -190px
}

.layer_tips_fex .icon {
    width: 20px;
    height: 20px;
    overflow: hidden
}

.layer_tips_fex .icon_errors {
    background: url(../images/state_remind.png) no-repeat
}

.layer_tips_fex .tips_text {
    flex: 1;
    color: #fff;
    padding-left: 10px
}

.phone_upload_pic {
    width: 231px;
    height: 145px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    float: left
}

.phone_upload_pic .phone_upload_button {
    position: absolute;
    background: rgba(0, 0, 0, .5);
    width: 231px;
    height: 145px;
    left: 0;
    top: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    z-index: 2;
    display: none
}

.phone_upload_pic:hover .phone_upload_button {
    display: flex
}

.phone_upload_pic .upload_file {
    position: absolute;
    top: 0;
    left: 0;
    width: 231px;
    height: 145px;
    z-index: 3;
    cursor: pointer
}

.layui-layer.layer_edition .layui-layer-wrap {
    padding: 20px
}

.layui-layer.layer_edition .layui-layer-wrap .edition_text {
    font-size: 16px;
    line-height: 30px
}

.layui-layer.layer_edition .layui-layer-wrap .edition_tps {
    color: #e70;
    margin-top: 20px
}

.layui-layer.layer_edition .edition_options {
    text-align: center
}

.layui-layer.layer_edition .edition_options a {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    border-radius: 4px;
    width: 110px
}

.layui-layer.layer_edition .edition_options {
    margin-top: 40px
}

.layui-layer.layer_edition .edition_options a.no_edit {
    border: 1px solid #ccc;
    color: #333;
    margin-right: 30px
}

.layui-layer.layer_edition .edition_options a.no_edit:hover {
    border-color: #333;
    color: #212529
}

.layui-layer.layer_edition .edition_options a.yes_edit {
    background: #ff8d1c;
    color: #fff;
    border: 1px solid #ff8d1c
}

.layui-layer.layer_edition .edition_options a.yes_edit:hover {
    background: #e70;
    border-color: #e70;
    color: #fff
}

.layer_kaipiao .layer_tps {
    height: auto;
    overflow: hidden;
    padding: 0px 25px;
    text-align: center;
    padding-top: 40px
}

.layer_kaipiao .layer_tps p {
    font-size: 16px;
    color: #333
}

.layer_kaipiao .layer_tps p span {
    color: #FF8D1C
}

.layer_kaipiao .layerButton {
    height: auto;
    overflow: hidden;
    text-align: center;
    margin-top: 40px;
    padding-bottom: 30px
}

.layer_kaipiao .layerButton a {
    display: inline-block;
    width: 110px;
    height: 36px;
    text-align: center;
    color: #fff;
    line-height: 36px;
    border-radius: 4px;
    background: #ff8d1c
}

.layer_kaipiao .layerButton a:hover {
    background: #e70
}

.kaipiao_list,
.kaipiao_from {
    height: auto;
    overflow: hidden;
    padding: 20px;
    padding-top: 10px
}

.kaipiao_list table thead th {
    background: #F1ECE5;
    height: 45px;
    font-size: 14px;
    text-align: center
}

.kaipiao_list table input[type="checkbox"] {
    position: relative;
    appearance: none;
    border: 0;
    outline: 0 !important;
    cursor: pointer;
    padding: 0;
    margin: 0;
    -webkit-appearance: none
}

.kaipiao_list table input[type="checkbox"]:before {
    position: relative;
    width: 18px;
    height: 18px;
    border: 1px solid #DBDBDB;
    content: '';
    display: inline-block;
    left: 0;
    top: 0;
    border-radius: 2px;
    box-sizing: border-box
}

.kaipiao_list table input[type="checkbox"]:checked:before {
    border-color: #FF8D1C
}

.kaipiao_list table input[type="checkbox"]:checked:after {
    position: absolute;
    left: 3px;
    top: 4px;
    display: inline-block;
    content: '';
    color: #fff;
    border: 2px solid #ff7f00;
    border-radius: 1px;
    border-top: none;
    border-right: none;
    background: transparent;
    transform: rotate(-45deg);
    width: 60%;
    height: 30%
}

.kaipiao_list table tr td {
    border-left: none !important
}

.kaipiao_list .jeui-table {
    border-left: 1px solid #EDEDED
}

.kaipiao_list td.inputAll {
    text-align: left;
    padding-left: 16px
}

.kaipiao_list td.inputAll label {
    cursor: pointer
}

.kaipiao_list td.inputAll input {
    top: 4px
}

.kaipiao_list td.inputAll em {
    font-style: normal;
    margin-left: 5px
}

.kaipiao_list td.pricle_count {
    text-align: right
}

.kaipiao_list td.pricle_count span {
    color: #FF8D1C;
    font-weight: bold
}

.kaipiao_list .step_button {
    height: auto;
    overflow: hidden;
    padding: 26px 0px 30px 0;
    text-align: center
}

.kaipiao_list .step_button a {
    display: inline-block;
    width: 110px;
    height: 36px;
    background: #FF8D1C;
    color: #fff;
    text-align: center;
    line-height: 36px;
    border-radius: 4px
}

.kaipiao_list .step_button a:hover {
    background: #ff7f00
}

.kaipiao_tps {
    border-top: 1px solid #EDEDED;
    padding: 20px 43px 40px 50px;
    height: auto;
    overflow: hidden
}

.kaipiao_tps p {
    color: #666;
    line-height: 24px
}

.kaipiao_tps p:nth-child(1) {
    margin-bottom: 10px
}

.kaipiao_from {
    margin-top: 30px
}

.kaipiao_from .item {
    display: flex;
    margin-bottom: 20px;
    align-items: center
}

.kaipiao_from .item .bt {
    width: 120px;
    text-align: right;
    color: #666
}

.kaipiao_from .item .input {
    flex: 1;
    height: 36px;
    color: #333
}

.kaipiao_from .item .input.input_text {
    line-height: 36px
}

.kaipiao_from .item .input input.typeText {
    width: 280px;
    box-sizing: border-box;
    height: 36px;
    border: 1px solid #DBDBDB;
    padding-left: 10px;
    font-size: 14px;
    border-radius: 2px
}

.kaipiao_from .item .input input.typeText::placeholder {
    color: #999
}

.kaipiao_from .item .input.input_text label {
    margin-right: 24px;
    cursor: pointer
}

.kaipiao_from .item .input.input_text input[type="radio"] {
    position: relative;
    appearance: none;
    border: 0;
    outline: 0 !important;
    cursor: pointer;
    padding: 0;
    margin: 0;
    margin-right: 10px
}

.kaipiao_from .item .input.input_text input[type="radio"]:before {
    position: relative;
    width: 16px;
    height: 16px;
    border: 1px solid #DBDBDB;
    content: '';
    display: inline-block;
    left: 0;
    top: 3px;
    border-radius: 50%;
    box-sizing: border-box
}

.kaipiao_from .item .input.input_text input[type="radio"]:checked:before {
    border-color: #FF8D1C
}

.kaipiao_from .item .input.input_text input[type="radio"]:checked:after {
    position: absolute;
    left: 4px;
    top: 8px;
    display: inline-block;
    content: '';
    width: 8px;
    height: 8px;
    background: #FF8D1C;
    border-radius: 50%
}

.kaipiao_from .item em {
    color: #F00
}

.kaipiao_from .item .input a {
    width: 110px;
    height: 36px;
    border: 1px solid #DBDBDB;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    color: #999;
    border-radius: 2px
}

.kaipiao_from .item .input a:hover {
    border-color: #FF8D1C;
    background: #FF8D1C;
    color: #fff
}

.kaipiao_from .kaipiao_button {
    text-align: center
}

.kaipiao_from .kaipiao_button a {
    display: inline-block;
    width: 110px;
    height: 36px;
    border-radius: 4px;
    text-align: center;
    line-height: 36px;
    background: #FF8D1C;
    color: #fff;
    text-align: center
}

.kaipiao_from .kaipiao_button a:hover {
    background: #ff7f00
}

.kaipiao_success {
    height: auto;
    overflow: hidden;
    min-height: 500px
}

.kaipiao_success .success_icon {
    width: 300px;
    height: 240px;
    background: url('../images/icon-nodata7.png') no-repeat;
    margin: 0 auto;
    margin-top: 130px
}

.kaipiao_success .success_tps {
    text-align: center;
    color: #666;
    margin-top: 40px
}

.kaipiao_from .item .input {
    position: relative
}

.kaipiao_from .invoice_mian {
    position: absolute;
    background: #fff;
    top: 36px;
    left: 0;
    width: 280px;
    height: auto;
    overflow: hidden;
    z-index: 9;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    max-height: 210px;
    overflow-y: hide;
    border-radius: 4px;
    display: none
}

.kaipiao_from .invoice_mian .li_item {
    line-height: 35px;
    color: #666;
    cursor: pointer;
    padding: 0px 15px
}

.kaipiao_from .invoice_mian .li_item:hover {
    background: rgb(0 0 0 / 5%);
    color: #FF8D1C
}

.kaipiao_from .item .input.active .invoice_mian {
    display: block
}

.kaipiao_from .invoice_mian .no_data_list {
    line-height: 35px;
    text-align: center;
    color: #999;
    font-size: 14px
}

.kaipiao_from .invoice_mian:hover {
    overflow-y: auto
}

.kaipiao_from .invoice_mian::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.kaipiao_from .invoice_mian::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #ccc
}

.kaipiao_from .invoice_mian::-webkit-scrollbar-track-piece {
    background-color: #fff
}

.regtitle {
    position: relative
}

.regtitle .btn-black {
    position: absolute;
    top: 8px;
    right: 20px
}

.xrb20228 {
    background: #F5F5F5FF;
    padding: 30px;
    box-sizing: border-box
}

.xrb20228 .nav20228 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.xrb20228 .nav20228 .item {
    width: 430px;
    height: 50px;
    background: #FFF;
    border: 1px solid #EAEAEA;
    border-radius: 4px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #999;
    cursor: pointer
}

.xrb20228 .nav20228 .item span {
    font-size: 14px
}

.xrb20228 .nav20228 .active {
    background: #F04B11;
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
    color: #FFF
}

.xrb20228 .item .czz-box {
    margin-bottom: 30px
}

.xrb20228 .list20228 .item .czz-box .cz-item {
    width: 138px;
    height: 100px;
    background: #FFF;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    color: #F04B11;
    margin-right: 10px;
    position: relative;
    border: 1px solid #fff;
    cursor: pointer
}

.xrb20228 .list20228 .item .czz-box .cz-item2 {
    margin-right: 0;
    width: 138px;
    height: 100px;
    background: #FFF;
    border-radius: 8px;
    position: relative;
    border: 1px solid #fff;
    padding: 20px 6px;
    cursor: pointer
}

.xrb20228 .list20228 .item .czz-box .cz-item .price20228 {
    font-size: 14px
}

.xrb20228 .list20228 .item .czz-box .cz-item .icon-add {
    position: absolute;
    right: 0;
    top: 0;
    width: 90px;
    height: 26px;
    background: #F04B11;
    border-radius: 0px 8px 0px 20px;
    z-index: 1;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    line-height: 26px
}

.xrb20228 .list20228 .item .czz-box .cz-active {
    background: #FFF8F5;
    border: 1px solid #F04B11
}

.xrb20228 .list20228 .item .czz-box .cz-item2 .txt20228 {
    width: 100%;
    height: 32px;
    background: #F5F5F5;
    border-radius: 4px;
    margin-bottom: 4px
}

.xrb20228 .list20228 .item .czz-box .cz-item2 .txt20228 input {
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #999;
    text-align: center;
    background: #F5F5F5
}

.xrb20228 .list20228 .item .czz-box .cz-item2 .txt20228 input:focus,
.xrb20228 .list20228 .item .czz-box .cz-item2 .txt20228 input:focus-visible {
    border: 0;
    outline: none
}

.xrb20228 .list20228 .item .czz-box .cz-item2 .tips20228 {
    font-size: 12px;
    font-weight: 400;
    color: #F04B11;
    text-align: center;
    display: none
}

.xrb20228 .list20228 .item .cz-yhq {
    margin-bottom: 20px;
    height: 80px;
    position: relative;
    padding-left: 66px;
    overflow: hidden
}

.xrb20228 .list20228 .item .cz-sf,
.xrb20228 .list20228 .item .cz-sm {
    margin-bottom: 20px;
    position: relative;
    padding-left: 66px
}

.xrb20228 .list20228 .item .cz-yhq .txt {
    width: 65px;
    height: 80px;
    line-height: 80px;
    font-size: 14px;
    color: #333;
    text-align: justify;
    text-align-last: justify;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.xrb20228 .list20228 .item .cz-sf .txt,
.xrb20228 .list20228 .item .cz-sm .txt {
    width: 65px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    text-align: justify;
    text-align-last: justify;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.xrb20228 .list20228 .item .cz-yhq {
    box-sizing: border-box;
    padding: 0 10px;
    padding-left: 66px
}

.xrb20228 .list20228 .item .cz-yhq .yhq {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #999
}

.xrb20228 .list20228 .item .cz-yhq .no-yhq {
    font-size: 14px;
    font-weight: 400;
    color: #999;
    line-height: 80px;
    padding: 0 0 0 11px
}

.xrb20228 .list20228 .item .cz-yhq .yhq .lq {
    margin-right: 0px;
    cursor: pointer
}

.xrb20228 .list20228 .item .cz-yhq .yhq .lq:last-child {
    margin-right: 0
}

.xrb20228 .list20228 .item .cz-yhq .yhq .lq .quan {
    background: url(../images/card.png);
    width: 220px;
    height: 80px
}

.xrb20228 .list20228 .item .cz-yhq .yhq .lq .quan .price {
    width: 60px;
    height: 80px;
    font-size: 24px;
    font-weight: bold;
    color: #F04B11;
    line-height: 60px;
    text-align: center
}

.xrb20228 .list20228 .item .cz-yhq .yhq .lq .radios-c {
    width: 20px;
    height: 80px;
    margin-right: 10px;
    cursor: pointer;
    margin-left: 10px;
    background: url(../images/point.png) center no-repeat
}

.xrb20228 .list20228 .item .cz-yhq .yhq .yhq-active .radios-c {
    background: url(../images/point-sel.png) center no-repeat
}

.xrb20228 .list20228 .item .cz-yhq .yhq .lq .quan .price span {
    font-size: 14px
}

.xrb20228 .list20228 .item .cz-yhq .yhq .lq .quan .box {
    padding: 13px 5px 13px 15px;
    box-sizing: border-box;
    width: 159px
}

.xrb20228 .list20228 .item .cz-yhq .yhq .lq .quan .txt1 {
    font-size: 14px;
    font-weight: bold;
    color: #F04B11;
    line-height: 20px
}

.xrb20228 .list20228 .item .cz-yhq .yhq .lq .quan .txt2 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #F04B11
}

.xrb20228 .list20228 .item .cz-yhq .yhq .lq .quan .time {
    font-size: 12px;
    font-weight: 400;
    color: #A18A81;
    line-height: 20px
}

.xrb20228 .list20228 .item .cz-sf .yhq {
    font-size: 24px;
    padding-left: 11px;
    box-sizing: border-box;
    font-weight: bold;
    color: #F04B11;
    position: relative;
    height: 30px;
    line-height: 30px
}

.xrb20228 .list20228 .item .cz-sf .yhq span {
    font-size: 14px;
    color: #F04B11FF;
    font-weight: normal
}

.xrb20228 .list20228 .item .cz-sf .ewm {
    position: absolute;
    top: 0;
    left: 224px;
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    border: 2px solid #fff
}

.xrb20228 .list20228 .item .cz-sf .ewm img {
    max-width: 100%;
    max-height: 100%
}

.xrb20228 .list20228 .item .cz-sm .icon-wx {
    width: 24px;
    height: 30px;
    margin-right: 10px;
    display: block;
    background: url(../images/-s-wechat.png) center no-repeat
}

.xrb20228 .list20228 .item .cz-sm2 {
    margin-top: 20px
}

.xrb20228 .list20228 .item .cz-sm2 a {
    color: #F04B11FF
}

.xrb20228 .list20228 .item .cz-sm .yhq {
    padding-left: 11px;
    box-sizing: border-box
}

.xrb20228 .list20228 .item .cz-sm .icon-zfb {
    width: 24px;
    height: 30px;
    display: block;
    background: url(../images/-s-zhifubao.png) center no-repeat
}

.xrb20228 .list20228 .item .cz-sm .btn-cz {
    width: 100px;
    height: 30px;
    background: #F04B11;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    cursor: pointer
}

.xrb20228 .list20228 .item .cz-sm span {
    font-size: 12px;
    font-weight: 400;
    color: #F04B11;
    line-height: 30px
}

body .skin-yhq {
    background: #F5F5F5FF
}

body .skin-yhq .layui-layer-setwin .layui-layer-close2 {
    right: -70px;
    top: -70px;
    background: url(../images/cha-sel.png) center no-repeat;
    background-size: 30px
}

body .skin-yhq .layui-layer-setwin .layui-layer-close2 {
    background: url(../images/cha.png) center no-repeat;
    background-size: 30px
}

.xrb20228 .list20228 .item .sub {
    position: relative;
    padding-left: 260px
}

.xrb20228 .list20228 .item .sub .sub-left {
    width: 240px;
    height: 428px;
    background: #FFF;
    border-radius: 8px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.xrb20228 .list20228 .item .sub .sub-right {
    width: 100%
}

.xrb20228 .sub-left .tit {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    text-align: center;
    padding-top: 32px;
    padding-bottom: 30px;
    box-sizing: border-box
}

.xrb20228 .sub-left .item {
    padding-left: 72px;
    position: relative;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333;
    margin-bottom: 30px;
    line-height: 44px
}

.xrb20228 .sub-left .item p {
    display: flex;
    align-items: center;
    height: 44px
}

.xrb20228 .sub-left .item .icon {
    width: 44px;
    height: 44px;
    display: block;
    background-size: 44px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 20px;
    top: 0;
    z-index: 2
}

.xrb20228 .sub-left .item .icon-q01 {
    background: url(../images/zhanghao.png) center no-repeat
}

.xrb20228 .sub-left .item .icon-q02 {
    background: url(../images/7zhe.png) center no-repeat
}

.xrb20228 .sub-left .item .icon-q03 {
    background: url(../images/quan.png) center no-repeat
}

.xrb20228 .sub-left .item .icon-q04 {
    background: url(../images/mian.png) center no-repeat
}

.xrb20228 .sub-left .item .icon-q05 {
    background: url(../images/tehui.png) center no-repeat
}

.xrb20228 .sub-left .item .icon-q06 {
    background: url(../images/xuanxiaoyang.png) center no-repeat
}

.xrb20228 .sub-left .item .icon-q07 {
    background: url(../images/jiance.png) center no-repeat
}

.xrb20228 .list20228 .item .sub .sub-right .czz-box2 {
    margin-bottom: 30px;
    width: 620px
}

.xrb20228 .list20228 .item .sub .sub-right .czz-box2 .item {
    width: 200px;
    height: 100px;
    background: #FFF;
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 18px 0;
    cursor: pointer;
    margin-right: 10px;
    box-sizing: border-box
}

.xrb20228 .list20228 .item .sub .sub-right .czz-box2 .item:last-child {
    margin-right: 0
}

.xrb20228 .list20228 .item .sub .sub-right .czz-box2 .active {
    background: #FFF8F5;
    border: 1px solid #F04B11
}

.xrb20228 .list20228 .item .sub .sub-right .czz-box2 .item .tit2 {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
    text-align: center
}

.xrb20228 .list20228 .item .sub .sub-right .czz-box2 .item .price2 {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #F04B11;
    text-align: center
}

.xrb20228 .list20228 .item .sub .sub-right .czz-box2 .item .price2 span {
    font-size: 24px;
    text-align: center
}

.xrb20228 .list20228 .item .cz-sf .yhq .sub-item2 {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333;
    position: relative;
    cursor: pointer;
    line-height: 30px;
    margin-right: 32px
}

.xrb20228 .list20228 .item .cz-sf .yhq .sub-item2 .radios-c {
    width: 20px;
    height: 30px;
    margin-right: 10px;
    cursor: pointer;
    margin-right: 10px;
    background: url(../images/point.png) center no-repeat
}

.xrb20228 .list20228 .item .cz-sf .yhq .sub-active .radios-c {
    background: url(../images/point-sel.png) center no-repeat
}

.xrb20228 .list20228 .item .cz-sf .yhq .cz-sm2 a {
    color: #F04B11FF
}

.xrb20228 .list20228 .item .sub .sub-left .sub-one {
    position: relative;
    height: 428px
}

.xrb20228 .list20228 .item .sub .sub-left .sub-zs {
    padding: 0 40px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 400;
    color: #999999FF;
    position: absolute;
    z-index: 2;
    bottom: 25px;
    width: 100%;
    left: 0;
    line-height: 18px
}

.xrb20228 .list20228 .item .sub .sub-left .sub-zs span {
    color: #F04B11FF
}

.img-1060 .mySwiper {
    height: 100px;
    overflow: hidden;
    position: relative
}

.img-1060 .mySwiper .swiper-slide {
    height: 100px;
    overflow: hidden
}

.img-1060 .mySwiper .swiper-slide img {
    width: 100%;
    height: 100%
}

.img-1060 .mySwiper .swiper-pagination-bullet {
    background: #fff;
    width: 15px;
    height: 5px;
    border-radius: 4px
}

.dhm_box .btn_box {
    display: flex;
    justify-content: center;
    align-items: center
}

.dhm_box .dhm {
    margin: 20px auto 0
}

.dhm_box .dhm_tips {
    font-size: 12px;
    color: red;
    padding-left: 110px;
    box-sizing: border-box;
    margin-bottom: 10px;
    height: 28px;
    line-height: 28px
}

.dhm_box .dhm .dhm_text {
    width: 100px;
    text-align: right;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    margin-right: 10px
}

.dhm_box .dhm .dhm_input {
    width: 250px;
    height: 36px;
    line-height: 36px;
    background: #fff;
    border-radius: 2px;
    color: #666;
    padding: 0 6px;
    box-sizing: border-box;
    font-size: 14px
}

.dhm_box .dhm .dhm_input input {
    width: 100%;
    height: 100%
}

.dhm_box .btn_box .btn_dhm {
    background: #ff8d1c;
    border-color: #ff8d1c;
    color: #fff;
    line-height: 36px;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    box-sizing: border-box;
    margin: 0 10px;
    padding: 0;
    width: 110px;
    justify-content: center
}

.picture {
    margin-left: -20px
}

.picture ul li.list,
.lyui-piclist .list {
    margin-right: 0 !important;
    margin-left: 20px !important
}

.picture ul li.list:nth-child(4n) {
    margin-right: 0px
}

.picture ul li.list:nth-child(5n) {
    margin-right: 0px
}

.yun-user .yun-m .yun-pic {
    left: calc(50% - 75px)
}

.yun-user .yun-m .yun-tab {
    width: 100%
}

.yun-user .yun-m .yun-tab ul {
    width: 600px;
    margin: 0 auto
}

@media screen and (max-width: 1200px) {

    .yun-user .m,
    .yun-head .m,
    .m,
    .yun-m {
        width: 100%
    }

    .public-foot,
    .yun-aside {
        display: none
    }

    .picture {
        margin-left: -3%;
        padding: 0 20px;
        box-sizing: border-box
    }

    .yun-sec .yun-m .yun-case {
        padding: 0 20px;
        box-sizing: border-box
    }

    .picture ul li.list,
    .lyui-piclist .list {
        width: 30%;
        border: 0
    }

    .picture ul li.list,
    .lyui-piclist .list {
        margin-right: 0 !important;
        margin-left: 3% !important
    }

    .yun-goods-fl,
    .yun-goods-fr {
        width: 48%
    }

    .yun-small-pic .yun-item {
        margin-right: 1%;
        width: 19%
    }

    .yun-goods-details {
        padding: 20px;
        box-sizing: border-box
    }
}

@media screen and (min-width: 1500px) {
    .lyui-piclist {
        margin-left: -20px !important
    }

    .picture ul li.list:nth-child(4n) {
        margin-right: 0px
    }

    .picture ul li.list:nth-child(5n) {
        margin-right: 0px
    }
}

.picture ul li.list {
    background: #fff
}

.picture .pic-bottom .show-wx {
    height: 260px
}

.layui-upload {
    padding-bottom: 32px
}

.layui-upload-list {
    width: 698px;
    height: 94px;
    margin-left: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.layui-upload-list img {
    max-width: 100%;
    max-height: 94px;
    display: block
}

.yun-edit-box .yun-btn-up {
    background: #fff;
    color: #333;
    height: 40px;
    line-height: 40px;
    width: 130px;
    border: 1px solid rgba(204, 204, 204, 1);
    border-radius: 4px;
    margin-top: 30px;
    padding: 0
}

#demoText {
    position: absolute;
    bottom: -35px;
    left: 0
}

#demoText .layui-btn-xs {
    width: 120px;
    text-align: center
}

.lyui-piclist .list .lyui-pic,
.lyui-piclist .list .lyui-pic a {
    height: 216px;
    display: block;
    overflow: hidden
}

.lyui-piclist .list .labels {
    margin-right: 0
}

.lyui-piclist .list .labelss .time {
    font-size: 12px;
    color: #666
}

.jeui-showbox530 .r-txt textarea {
    border: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box;
    color: #999;
    width: 370px;
    height: 100px
}

.jeui-showbox530 ul .item .r-txt {
    position: relative
}

.jeui-showbox530 ul .item .r-txt input {
    width: 370px
}

.jeui-showbox530 ul .item .l-txt {
    width: 78px
}

.jeui-showbox530 ul .item .r-txt .r-txt-span {
    position: absolute;
    z-index: 2;
    height: 36px;
    line-height: 36px;
    color: #333;
    font-size: 12px;
    display: block;
    top: 0;
    left: 350px
}

.jeui-showbox530 ul .item .r-select select {
    width: 114px
}

.jeui-showbox530 ul .item .r-labels {
    display: block
}

.jeui-showbox530 ul .item .r-labels span {
    height: 36px;
    line-height: 36px;
    background: #f5f5f5;
    color: #333;
    font-size: 14px;
    margin-right: 14px;
    display: block;
    width: 82px;
    text-align: center;
    float: left;
    cursor: pointer;
    border-radius: 2px;
    border: 1px solid #f5f5f5;
    box-sizing: border-box
}

.jeui-showbox530 ul .item .r-labels span:last-child {
    margin-right: 0
}