/*全局*/

* {
    border: 0;
    margin: 0;
    padding: 0;
}

body {
    font-family: "Open Sans", '思源黑体', '思源宋体', sans-serif;
    line-height: 1.42857143;
    background-size: cover;
}

/*滚动条整体部分,必须要设置*/

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #333;
}

/*滚动条的轨道*/

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.5);
    background-color: rgb(255, 255, 255);
}

/*滚动条的滑块按钮*/

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgb(220, 244, 252);
}

/*滚动条的上下两端的按钮*/

::-webkit-scrollbar-button {
    height: 0;
    width: 0;
    background-color: #B0AEDA;
}

pre {
    display: block;
    color: #333;
    margin: 0;
    padding-top: 9.5px;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #fff;
    border: 0px solid #ccc;
}

div {
    user-select: none;
}

.select {
    -moz-user-select: text;
    /*火狐*/
    -webkit-user-select: text;
    /*webkit浏览器*/
    -ms-user-select: text;
    /*IE10*/
    -khtml-user-select: text;
    /*早期浏览器*/
    user-select: text;
}

body>div {
    height: 100%;
}

i, em {
    font-style: normal;
}

h1, h2, h3, h4, h5, h6, p, label, ul, input {
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

:focus, a, a:active, a:focus, a:hover, button, button:focus {
    outline: 0;
}

button[disabled] {
    cursor: default;
    background-color: #aaa;
}

em {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 7px;
    border-style: solid;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
    transition: all 0s;
}

label.form-label, table {
    font-size: 14px;
}

table {
    border-collapse: collapse;
}

input:disabled {
    background: #ccc
}

input:disabled:hover {
    background: #ccc
}

table, tr, th, td, option {
    color: #333;
}

.btn {
    cursor: pointer
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.icon-guanbi {
    color: #fff;
}

html, body {
    height: 100%;
}

ul, ol {
    list-style-type: none;
    padding: 0;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #ccc;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #ccc;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ccc;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #ccc;
}

.main {
    min-height: 100%;
}

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

.tc {
    text-align: center;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.del {
    text-decoration: line-through;
}

.index-container>.bottom, .bottom.margin-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.box-shadow {
    box-shadow: 0 1px 5px 0 rgba(85, 85, 85, 0.15);
}

.iln-ct {
    display: inline-block;
    margin: 0 auto;
}

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

.clearfix {
    *zoom: 1;
}

.null {
    height: 300px;
}

.btn-huge {
    display: inline-block;
    text-align: center;
    color: white;
    height: 30px;
    line-height: 30px;
    background-color: #42A5DB;
    border-radius: 4px;
    vertical-align: middle;
    font-size: 16px;
    cursor: pointer;
    padding: 0 20px;
    position: relative
}

.btn-huge.btn-code, .img-code {
    height: 40px;
    line-height: 40px;
    width: 136px;
}

.bg {
    background-image: url('./img/bg.png');
    background-size: 708px 360px;
    background-repeat: no-repeat;
}

/*覆盖bootstrap*/

img {
    vertical-align: middle;
}

.nav>li>a:focus, .nav>li>a:hover {
    color: #42A5DB;
    background: transparent;
}

a {
    background: transparent;
    cursor: pointer;
    color: #42A5DB;
}

a:focus, a:hover {
    color: #42A5DB;
    text-decoration: none
}

.setlist a span.caret {
    border-top: 4px dashed #333;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background: transparent;
}

.navbar-fixed-top>.container-fluid {
    padding: 0 20px;
    min-height: 55px;
    position: relative;
    z-index: 8;
}

.container-fluid>.navbar-header {
    margin-left: 0;
    height: 55px;
}

/*导航栏*/

.navstyle {
    background: rgba(255, 255, 255, 0.9);
    padding: 2px 0;
    margin-bottom: 0;
    box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.1);
    border: 0;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9;
}

.nav .open>a, .nav .open>a:focus {
    color: #333;
}

.nav>li>a {
    color: #333;
    font-size: 16px;
    position: relative;
}

.navbar-left {
    margin-left: 50px;
}

ul.navbar-right {
    margin-right: 100px;
}

ul.navbar-right>li>div.letter {
    padding: 0 15px;
}

.letter>a {
    line-height: 50px;
}

button.navbar-toggle>span.tgl-bar {
    display: block;
    width: 25px;
    height: 2px;
    background-color: #333;
    margin-bottom: 5px;
}

.red-bot {
    background-color: red;
    border-radius: 10px;
    height: 6px;
    width: 6px;
    position: absolute;
}

.red-bubble {
    background-color: red;
    border-radius: 10px;
    margin-left: 6px;
    padding: 0 5px;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
}

.right-item>.letter-list .letter-content {
    padding: 10px 0;
    border-top: 1px solid #ccc;
    position: relative;
}

.right-item>.letter-list .letter-content:first-of-type, .srch-cdt>.srch-cdt-right>li:first-of-type, .srch-other>li:last-of-type, .srch-box li li:last-of-type, .sys-content:first-of-type, .sco-item-form:first-of-type, .sco-item-income:last-of-type, .act-basic li:first-of-type {
    border: 0;
}

.letter-from {
    padding-bottom: 3px;
}

.letter-ft {
    font-size: 12px;
    color: #333;
    display: inline-block;
    margin-right: 10px;
}

.letter-bd {
    color: #42A5DB;
    display: inline-block;
    margin-right: 10px;
    font-weight: bold;
}

.letter-time {
    color: #999;
    font-size: 12px;
    display: inline-block
}

.letter-dt {
    color: #666;
    display: inline-block;
    padding-right: 80px;
    font-size: 13px;
}

.letter-man {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 40px;
    padding-top: 18px;
    padding-left: 10px;
}

.letter-man span {
    font-size: 12px;
}

.letter-content-text {
    width: 100%;
    word-break: break-all;
}

.unread-bubble {
    background-color: red;
    border-radius: 6px;
    height: 6px;
    width: 6px;
    display: inline-block;
    position: absolute;
    left: -3px;
    top: 3px;
}

.setlist-menu .tri, .setlist-menu .tri-bg {
    top: 0;
}

.setlist-menu, .noticelist {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    min-width: 150px;
    background-color: #fff;
    padding: 5px 0;
    z-index: 1000;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.noticelist.open, .setlist-menu.open {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
}

.noticelist .tri {
    top: 0;
    left: 20px;
}

.noticelist .tri-bg {
    top: 0;
    left: 20;
}

.noticelist>li>a, .setlist-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
    color: #333;
}

.setlist-menu>li>a:focus, .setlist-menu>li>a:hover, .noticelist>li>a:focus, .noticelist>li>a:hover {
    background-color: #e8e8e8;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
    background-image: -moz-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%);
    background-repeat: repeat-x;
}

/*首页New*/

div.new-mess {
    background-color: #42A5DB;
    text-align: center;
    margin-bottom: 15px;
}

div.new-mess>a {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #fff;
}

.index-content {
    width: 1200px;
    margin: 0 auto;
    padding: 16px 0;
    background: rgba(255, 255, 255, 0.2);
    padding: 20px 20px 70px 20px;
    box-sizing: border-box;
    height: auto;
}

embed {
    width: 500px;
    height: 366.667px
}

.models-content {
    width: 100%;
}

.iconfont-margin {
    margin-right: 4px;
}

.l-gray {
    color: #ccc;
}

div.set_fold {
    display: none;
    position: absolute;
    top: 50%;
    right: -40px;
}

div.set_fold>a {
    display: block;
    width: 40px;
    height: 40px;
    background-color: #42A5DB;
    border-radius: 0 50% 50% 0;
    text-align: center;
}

div.set_fold>a>i.foldfont, div.idx_fold>a>i.foldfont {
    height: 100%;
    line-height: 40px;
    color: white;
    transition: transform 0.3s;
}

div.set_fold>a>i.foldfont.rotate, div.idx_fold>a>i.foldfont.rotate {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari and Chrome */
    transform: rotate(180deg);
}

.publish-diag {
    height: auto;
    background: #fff;
    position: relative;
    padding: 10px;
    top: 50%;
    border-radius: 4px;
    animation: diagAnimat 0.3s linear;
}

@keyframes diagAnimat {
    0% {
        transform: translateY(-5%);
    }
    100% {
        transform: translateY(0);
    }
}

.hire-diag, .dld-diag {
    width: 450px;
    margin: -208px auto;
}

.letter-diag {
    width: 600px;
    margin: -160px auto;
}

.sm-diag-pay {
    height: 200px;
}

.sm-diag h3 {
    line-height: 15px;
    font-size: 12px;
    color: #939393;
    padding: 10px 16px 6px 0;
}

.buyv-diag {
    width: 450px;
    margin: -100px auto;
}

.buyv-diag>div.buyv-gener, .buyv-diag>div.buyv-detail, .buyv-diag>div.buyv-btn {
    padding: 5px;
}

.buyv-diag>div.buyv-gener>span {
    font-size: 16px;
    color: #333;
}

.buyv-diag>div.buyv-gener>span>strong, .buyv-diag>div.buyv-detail a {
    color: #42A5DB
}

.hire-diag input.charge {
    border: 1px solid #ccc;
    margin: 5px 5px 5px 0;
    padding: 5px;
}

.dld-content {
    width: 100%;
    text-align: center;
    height: auto;
    margin: 10px 0;
}

.dld-content>span {
    color: #ff9630;
    font-size: 20px;
}

div.dload-btn {
    float: none;
    margin: 0;
    text-align: center
}

div.dload-btn>input, div.dload-btn>a {
    display: inline-block;
    margin: 0 10px;
}

div.dload-btn>input:disabled {
    background-color: #ccc;
}

div.dload-btn>input.null-url {
    width: 62px;
}

div.dload-btn>a.null-url {
    background-color: #999;
    cursor: default;
}

.lter-content {
    padding: 10px;
}

.rep-diag {
    width: 600px;
    margin: -160px auto;
}

.publish-diag.del-diag {
    width: 450px;
    margin-left: auto;
    margin-right: auto;
    animation: delAnimat 0.3s linear;
    transform: translateY(-50%);
}

@keyframes delAnimat {
    0% {
        transform: translateY(-60%);
    }
    100% {
        transform: translateY(-50%);
    }
}

.sm-title {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    line-height: 37px;
    border-bottom: 1px solid #f2f2f2;
}

.pay-avatar {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #42A5DB;
    margin-right: 15px;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.pay-text {
    width: calc( 100% - 75px);
    line-height: 30px;
    display: inline-block;
}

.pay-text .pay-detail {
    color: #888;
    font-size: 12px;
    line-height: 22px;
    height: 34px;
}

.sm-diag span {
    color: #aaa;
}

.pay-to-pay {
    line-height: 36px;
    text-align: center;
}

.pay-to-pay>span {
    display: block;
    width: 100%;
}

.index-content>div {
    vertical-align: top;
}

.title-area {
    font-size: 12px;
    height: 22px;
    line-height: 22px;
}

.title-area span {
    color: #999;
    font-size: 16px;
}

.title-area span.text {
    font-size: 12px;
    float: right;
    line-height: 22px;
}

.title-area span.num {
    float: right;
    line-height: 22px;
    font-style: italic;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 5px;
}

.mes-area {
    padding: 10px;
    margin: 4px 0 0;
    border: 1px solid rgb(204, 204, 204);
    min-height: 68px;
}

.mes-title {
    color: #333;
    outline: none;
    width: 100%;
    font-size: 18px;
    border-bottom: 1px solid #eee;
    font-weight: bold;
    padding-bottom: 5px;
}

.mes-tag {
    color: #42A5DB;
    outline: none;
    width: 100%;
    border-top: 1px solid #eee;
    padding-top: 5px;
    position: relative;
}

.tag-list {
    width: 400px;
    height: auto;
    position: absolute;
    background-color: #fff;
    z-index: 999;
}

.tags>li {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 24px;
    width: 180px;
    text-align: center;
}

.tags>li:nth-of-type(2n+1) {
    margin-right: 10px;
}

.tags>li>a {
    color: rgba(66, 165, 219, 0.8);
    width: 160px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    text-align: center;
}

.tags>li:hover {
    border-color: #39f;
}

.tags>li:hover>a {
    color: rgba(66, 165, 219, 1)
}

.tag {
    display: inline-block;
    background-color: #eee;
    height: 26px;
    line-height: 26px;
    border-radius: 15px;
    padding: 0 10px;
}

.tag a {
    color: #42A5DB;
    font-size: 12px;
}

i.rm-tpc {
    color: #aaa;
    font-size: 10px;
}

.mes-content {
    height: 172px;
    line-height: 20px;
    padding: 8px;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    width: 100%;
    resize: none;
    outline: none;
    margin-top: 5px;
}

.publish {
    padding-top: 5px;
    float: right;
}

.publish .limits {
    margin-right: 10px;
    position: relative;
}

.publish .limits span {
    color: #333;
}

.publish .limits i {
    margin-left: 2px;
}

span.smt-btn {
    font-weight: bold;
    display: inline-block;
    width: 60px;
    text-align: center
}

span.unable-smt {
    font-weight: bold;
    display: inline-block;
    width: 60px;
    text-align: center;
    background-color: #ccc;
    cursor: default;
}

#publish {
    background: #fff;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 2px;
    box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.2);
    position: absolute;
    z-index: 4;
    outline: none;
    left: 0px;
    top: 35px;
}

#publish span {
    color: #333
}

#publish ul li {
    display: block;
    padding: 5px 10px;
    width: 83px;
}

#publish ul li:hover {
    background-color: #eee;
}

#publish ul li:hover span, #publish ul li:hover i {
    color: #42A5DB;
}

#limits {
    background: #fff;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 2px;
    box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.2);
    position: absolute;
    z-index: 1033;
    outline: none;
    top: 25px;
    right: 0px
}

.publish>.limits>.iconfont {
    color: #666;
    font-weight: bold;
}

#limits ul li:hover {
    background: #eee;
}

#limits ul li span {
    display: block;
    padding: 5px 13px;
    width: 79px;
}

.mes-btn, .del-btn {
    display: inline-block;
    background-color: #42A5DB;
    color: #fff;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    position: relative
}

.publish a.mes-btn:hover {
    color: #fff;
}

.mes-btn>i {
    float: right
}

.attach {
    padding-top: 12px;
    float: left;
    position: relative;
}

.attach a.addition {
    color: #333;
    margin-right: 12px;
}

.attach span {
    color: #ff9630;
    outline: none;
}

.attach span:hover {
    color: #42A5DB;
}

.attach a:hover {
    color: #42A5DB
}

.index-uld {
    text-align: center;
}

.index-uld p {
    color: #42A5DB;
    margin-bottom: 5px;
}

.index-uld p.uploaded {
    color: #51c332;
}

.index-uld>.filelist>p {
    color: #333;
    margin-bottom: 10px;
}

.index-uld .mes-btn {
    float: none;
}

.index-uld .hint {
    color: rgb(128, 128, 128);
    font-size: 12px;
}

.index-uld .sels-box {
    border: 1px solid #42A5DB;
    border-radius: 5px;
    height: 32px;
    line-height: 30px;
    min-height: 32px;
    box-shadow: 0 0 2px #42A5DB;
    text-align: left;
    margin-top: 10px;
}

.index-uld .soft-box {
    width: calc(100% - 85px);
    font-size: 12px;
    display: inline-block;
    border: 1px solid #42A5DB;
    border-radius: 5px;
    height: 32px;
    line-height: 30px;
    min-height: 32px;
    box-shadow: 0 0 2px #42A5DB;
    text-align: left;
    vertical-align: top;
    margin-right: 5px;
}

.index-uld .soft-box>span {
    line-height: 31px;
    color: #ccc;
    margin-left: 10px;
    font-size: 12px;
}

.index-uld .soft-ver {
    width: 80px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #42A5DB;
    box-shadow: 0 0 2px #42A5DB;
    vertical-align: top;
    padding: 10px;
}

.index-uld .sels-box>span {
    line-height: 30px;
    font-size: 12px;
    color: #ccc;
    margin-left: 10px;
}

.index-uld .pbl-sels {
    height: 100px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.index-uld .cpright-set {
    text-align: left;
    width: 150px;
    margin-left: 10px;
}

.cpright-set>li:hover {
    background-color: #DDD;
    border-radius: 10px;
}

.cpright-set>li {
    padding: 5px;
}

.copyright {
    background-color: #eee;
    border-radius: 5px;
    padding: 5px;
}

.copyright>p {
    font-weight: bold
}

.icon-banquan {
    color: #42A5DB;
}

.pbl-sels .tri, .pbl-sels .tri-bg, .srch-other .tri, .srch-other .tri-bg {
    left: auto;
    right: 72px;
}

.odby-box .tri, .odby-box .tri-bg {
    left: auto;
    right: 36px;
}

.index-uld .pbl-sels li {
    font-size: 12px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 0 5px 5px 0;
    padding: 5px;
    line-height: normal;
}

.index-uld .pbl-sels::-webkit-scrollbar {
    width: 5px;
    height: 16px;
    background-color: #F5F5F5;
}

.index-uld .pbl-sels::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #eee;
}

.srch-box .pbl-sels>a, .srch-box .srch-other>a {
    display: none;
}

.topic-ipt {
    margin: 0 5px;
    border: 1px solid rgb(231, 234, 241);
    border-radius: 5px;
}

.is-focus {
    border: 1px solid #42A5DB;
}

.pic-list {
    margin: 10px;
}

.pic-list>li {
    width: 120px;
    float: left;
    margin: 0 6px 6px 0;
}

.pic-list>li:nth-of-type(3n) {
    margin-right: 0;
}

ul.pic-list>li>div>span.picbg {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: rgba(74, 74, 74, 0);
}

ul.pic-list>li>div>span.picbg:hover {
    background: rgba(74, 74, 74, 0.6);
}

ul.pic-list>li>div>span.picbg>a {
    opacity: 0
}

ul.pic-list>li>div>span.picbg:hover>a {
    opacity: 1
}

.inter-topic {
    height: 45px;
    line-height: 45px;
    cursor: pointer
}

.inter-topic:hover {
    background: #eee;
}

.inter-topic a {
    color: #333;
    font-weight: bold;
    font-size: 16px;
}

.inter-topic:hover a {
    color: #42A5DB
}

.set-price {
    margin: 10px;
}

.set-price input {
    border: 1px solid #42A5DB;
    color: #333;
    font-weight: bold;
    padding: 0 10px;
    height: 30px;
}

.set-price input[type='button'] {
    border: 0px;
    background-color: #42A5DB;
    color: #fff;
    margin-top: 1px;
}

.set-price>span {
    color: #42A5DB;
    position: absolute;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    left: 220px;
}

.tri {
    position: absolute;
    border-width: 7px;
    margin-top: -13px;
    left: 20px;
    border-color: transparent transparent #fff transparent;
    z-index: 100;
}

.tri-bg {
    position: absolute;
    border-width: 7px;
    margin-top: -14px;
    left: 20px;
    border-color: transparent transparent #ccc transparent;
    z-index: 99;
}

i.close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    font-size: 15px;
    color: '#999'
}

.face-content {
    position: absolute;
    top: 40px;
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.2);
    z-index: 999;
}

.pub-sel {
    visibility: hidden;
    transform: translateY(-5%);
    opacity: 0;
    transition: all 0.3s;
}

.pub-sel.open {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
}

.face-show {
    display: block;
}

.face-hide {
    display: none;
}

.face {
    width: 392px;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.2);
    box-sizing: content-box;
    padding: 25px 5px 5px;
    background: #fff;
}

.face.overhidden {
    overflow: hidden;
    white-space: nowrap;
}

ul.face>li {
    display: inline-block;
    width: 26px;
    height: 34px;
    text-align: center;
}

ul.face li img {
    border: 1px solid transparent
}

ul.face li img:hover {
    border: 1px solid #42A5DB
}

.index-content div li {
    color: #666;
    font-size: 12px;
    line-height: 22px;
}

.index-content div li i {
    font-weight: bold;
}

.mess-search>.sec-nav {
    float: left;
}

.mess-search>.sec-nav li {
    float: left;
    font-size: 16px;
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    color: #ccc;
}

.mess-search>.sec-nav li:hover {
    background: transparent;
    color: #fff;
}

.mess-search>.sec-nav li.active, .mess-search>.sec-nav li:active {
    color: #fff;
    position: relative;
}

.mess-search>.sec-nav li.active .line, .mess-search>.sec-nav li:active .line {
    display: block;
    width: 52px;
    height: 2px;
    position: absolute;
    left: 0;
    top: 40px;
    color: #fff;
    border-width: 2px;
    z-index: 2;
}

.mess-search>.sec-nav .line {
    display: none;
}

.mess-search>.sec-nav li.active .tri, .mess-search>.sec-nav li.active .tri-bg, .mess-search>.sec-nav li:active .tri, .mess-search>.sec-nav li:active .tri-bg {
    display: block;
}

.add {
    background: #eee;
    font-size: 24px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
}

.add>div.addlist {
    height: 100%;
    position: relative;
    -moz-transition: left 1s;
    /* Firefox 4 */
    -webkit-transition: left 1s;
    /* Safari and Chrome */
    transition: left 1s;
}

.add>div.addlist.cycle {
    -moz-transition: left 0s;
    /* Firefox 4 */
    -webkit-transition: left 0s;
    /* Safari and Chrome */
    transition: left 0s;
}

.add>div>a.additem {
    display: inline-block;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.add>div.dotlist {
    height: 10px;
    line-height: 10px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    margin-left: -36px;
    text-align: center;
}

.add>div.dotlist>a.dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    margin: 0 5px;
}

.add>div.dotlist>a.dot.active {
    background-color: #ccc;
}

.add-img {
    vertical-align: top;
    cursor: pointer;
}

.index-center {
    width: 840px;
    display: inline-block;
}

.index-right {
    width: 305px;
    display: inline-block;
    margin-left: 12px;
    transition: right 0.3s;
    z-index: 1000;
}

.idx_fold {
    display: none;
    position: fixed;
    top: 50%;
    right: 0;
    transition: right .3s ease-out;
    z-index: 15;
}

.idx_fold>a {
    display: block;
    width: 40px;
    height: 40px;
    background-color: #42A5DB;
    border-radius: 50% 0 0 50%;
    text-align: center;
}

@media screen and (min-width: 1200px) {
    /*导航栏 */
    .container-fluid {
        width: 1200px;
    }
}

@media screen and (max-width:768px) {
    /*导航栏 */
    .nav-menu {
        display: none;
    }
    .nav-menu.open {
        display: block;
    }
    div.set_fold {
        display: block;
    }
    .head-ipt {
        width: 140px;
    }
    .head-btn {
        width: 50px;
    }
    .head-upload {
        width: 70px;
    }
    .head-search {
        top: 50px;
        right: 0;
        padding: 10px calc((100% - 260px)/2 - 10px);
        display: block;
        background: #101010;
        width: 100%;
    }
    .setlist-menu .tri, .noticelist .tri {
        display: none;
    }
    .setlist-menu .tri-bg, .noticelist .tri-bg {
        border-bottom-color: #727272;
        ;
    }
    .navbar-nav .open.setlist-menu, .navbar-nav .open.noticelist {
        position: relative;
        background: #727272;
        width: 100%;
        padding: 0;
        border: 0 none;
    }
    .navbar-fixed-top .navbar-collapse {
        max-height: none;
        position: relative;
        z-index: 12;
    }
    .setlist ul.setlist-menu>li a, ul.noticelist>li a {
        border-top: 1px solid #999;
        box-sizing: border-box;
        height: 44px;
        line-height: 38px;
        color: #fff;
    }
    .setlist ul.setlist-menu>li:nth-of-type(1) a, ul.noticelist>li:nth-of-type(1) a {
        border-top: 0 none;
    }
    .navbar-nav .setlist-menu>li>a:hover, .navbar-nav .noticelist>li>a:hover {
        background: #727272;
        color: #fff;
    }
    .navstyle {
        padding: 2px 0 0 0;
    }
    .navbar-nav {
        margin: 0 -15px;
    }
    /* 消息模块 */
    .mess-meta-tag>.ind {
        display: none;
    }
}

.pub-mini {
    background-color: #fff;
    color: #42A5DB;
    font-size: 16px;
    width: 100%;
    height: 36px;
    line-height: 30px;
    border: 1px solid #42A5DB;
    border-radius: 5px;
    text-align: left;
}

.fake-icon {
    position: absolute;
    right: 20px;
    height: 36px;
    line-height: 36px;
}

.fake-icon>i {
    font-size: 18px;
    color: #42A5DB;
}

.content-publish, .mess-search {
    position: relative;
    padding: 10px;
    background: #fff;
    border-radius: 2px;
    line-height: 1.3;
    margin-bottom: 12px;
    margin-top: 10px;
}

#content-publish.content-publish {
    animation: heightAni 0.3s linear;
}

@keyframes heightAni {
    0% {
        transform: translateY(-5%);
    }
    100% {
        transform: translateY(0%);
    }
}

.dialog-w .content-publish {
    padding: 0;
    margin-top: 0;
}

.dialog-w.dialog-w .content-publish-face {
    padding: 10px 5px 5px;
}

.topic-bg>.index-container>.index-content>.index-center>.content-publish {
    border-radius: 0;
    border: 0;
    box-shadow: none;
}

.issue {
    padding-top: 10px;
}

.index-center .mess-search {
    background: #727272;
}

.mess-search .search-box {
    background-color: #fff;
    color: #aaa;
    width: 247px;
    padding: 3px 5px 3px 10px;
    border: 1px solid #aaa;
    border-radius: 4px;
    float: right;
}

.mess-search>.search-box>.sch-input {
    font-size: 12px;
    width: 160px;
    margin-left: 5px;
    color: #333;
}

.search-box>a {
    color: #727272;
}

.mess-search>.search-box>.caret, .mess-search>.search-box .iconfont {
    color: #727272;
    cursor: pointer;
}

.search-box .search-box:hover {
    border-color: #42A5DB;
}

.search-box .sch-input {
    outline: none;
}

.search-box {
    position: relative;
    height: 32px;
    box-sizing: border-box;
}

.search-box>.sch-cons {
    vertical-align: middle;
    position: absolute;
    top: 40px;
    left: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.2);
    z-index: 99;
}

.search-box>.sch-cons li a {
    color: #333;
    display: block;
    padding: 4px 14px;
}

.search-box>.sch-cons li a:hover {
    background: #eee;
}

.search-box>.sch-cons li a.sch-current {
    font-weight: bold;
    color: #42A5DB;
}

.func-area>.attach>a.addition i, .cmt-area>.cmt-opt>a.addition i {
    color: #42A5DB;
}

.right-box {
    text-align: center;
    padding: 10px 10px;
    background: #fff;
    margin-bottom: 12px;
    border-radius: 2px;
}

.right-box-padding {
    padding: 0;
}

.right-box .name-box {
    border-radius: 4px;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    height: 150px;
}

.name-box>.name-box-bg {
    width: 100%;
    height: 100px;
    background: url(./img/bg1.jpg) no-repeat center center;
    background-size: cover;
}

.right-thumb {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    background: #eee;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 2px solid #eee;
    position: absolute;
    top: 70px;
    left: 14px;
    cursor: pointer;
    z-index: 5;
}

.name-box .follow section {
    display: inline-block;
    margin-right: 10px;
}

.name-box .follow {
    margin-left: 26px;
}

.name-box .follow span {
    color: #999;
    margin-right: 4px;
}

.name-box section span:nth-child(2) {
    color: #333;
    font-size: 14px;
    display: inline-block;
    padding-top: 2px;
}

.name-box>.txt {
    height: 100px;
    border-radius: 4px;
    padding: 10px 0 0 90px;
    box-sizing: border-box;
    position: absolute;
    top: 54px;
    left: 4px;
}

.name-box>.txt>.follow {
    text-align: left;
    padding: 0;
    margin: 0;
}

.name-box>div>div.name>i {
    display: inline-block;
    font-style: normal;
}

.name-box>.txt>.name {
    height: 40px;
    line-height: 40px;
    text-align: left;
}

.name-box>.txt>.name>i.nkname {
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    margin-right: 10px;
    font-weight: bold;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}

i.my-comm {
    cursor: pointer;
    position: absolute;
    width: 40px;
    height: 40px;
    z-index: 4;
    background-image: url('./img/bg.png');
}

i.normal-vip {
    background-position: 0 -250px;
}

i.my-vip {
    background-position: -80px -250px;
}

i.comp-vip {
    background-position: -160px -250px;
}

.follow-margin-left {
    margin-left: 0;
}

.right-list ul {
    border-top: 1px solid #ccc;
    padding-left: 5px;
    padding-top: 5px;
    margin-top: 12px;
}

.right-list li {
    text-align: left;
    cursor: pointer;
    padding: 5px 0;
}

.right-list li a {
    color: #333;
    font-size: 13px;
}

.right-list li:hover a {
    color: #42A5DB;
    font-weight: bold
}

.right-list li>a.topic-item {
    display: inline-block;
    width: 180px;
}

.v-input {
    width: 165px;
    outline: none;
    color: #333;
    height: 28px;
}

/*话题页*/

div.tp-cter {
    padding-bottom: 50px;
}

.index-center>.topic-header {
    margin: 0;
}

div.right-box>table.topic-statis {
    width: 100%;
}

div.right-box>table.topic-statis td {
    text-align: center;
}

div.right-box>table.topic-statis td>strong {
    display: block;
}

li.topic-partic {
    float: left;
    margin: 15px 0 0 22px;
}

li.topic-partic:hover {
    background-color: #fff;
}

li.topic-partic>a {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border: 1px solid #ccc;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

li.topic-partic>p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 50px;
    text-align: center;
}

/*信息Item*/

.mess-item {
    background-color: #fff;
    padding: 16px;
    margin: 12px 0;
    word-wrap: break-word;
    box-sizing: border-box;
    border-radius: 2px;
}

.mess-item .mess-meta-cmt {
    line-height: 30px;
    padding: 5px 0;
}

.mess-item .mess-meta-details {
    margin-right: 10px;
}

.mess-item .mess-meta-tag {
    margin: 5px 0;
}

.mess-item .mess-meta-tag li, .mdl-item .mdl-item-text .mess-meta-tag li {
    float: left;
    padding: 0 10px;
    color: #999;
    background: #eee;
    border-radius: 4px;
    margin: 0 10px 10px 0;
    font-size: 12px;
}

.mess-item>.mess-meta-cmt>a {
    float: left;
}

.mess-item>.mess-meta>a, .cmt-item>.mess-meta>a {
    margin-right: 20px;
    font-size: 14px;
}

.mdl-item-text .mess-meta>a>i {
    color: #666;
    font-weight: bold;
    margin-right: 6px;
    font-size: 12px;
}

.mess-item>.mess-meta>a>i, .cmt-item>.mess-meta>a>i {
    color: #666;
    font-weight: bold;
    margin-right: 6px;
    font-size: 14px;
}

.mess-item>.mess-meta>a:hover, .cmt-item>.mess-meta>a:hover, .mess-item>.mess-meta>a:hover i, .cmt-item>.mess-meta>a:hover i {
    color: #42A5DB;
}

/* 点赞 */

/* .UI_ani_stepsV1, .UI_ani_praised {
	position: relative;
}
.UI_ani_stepsV1 .ficon_praised, .UI _ani_praised .ficon_praised {
	visibility: hidden;
}
.UI_ani_stepsV1:before, .UI_ani_praised:before {
	display: inline-block;
	content: " ";
	position: absolute;
	left: -2px;
	top: -12px;
	width: 23px;
	height: 28px;
	background: url("../img/steps_praised.png");
	background-position: left;
	background-repeat: no-repeat;
	background-size: 483px 28px;
}
.UI_ani_stepsV1:before,.UI_ani_praised:before {
	left: -4px;
}
.UI_ani_praised:before {
	background-position: right;
}
@-webkit-keyframes stepsV1 {
    0% {
    background-position:left;
    }
    100% {
    background-position:right;
    }
    }
    @keyframes stepsV1 {
    0% {
    background-position:left;
    }
    100% {
    background-position:right;
    }
    }
.UI_ani_stepsV1:before {
	-webkit-animation-timing-function: steps(20);
	animation-timing-function: steps(20);
	-webkit-animation-name: stepsV1;
	animation-name: stepsV1;
	-webkit-animation-duration: .65s;
	animation-duration: .65s;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.UI_ani_stepsV1 .ficon_praised, .UI_ani_praised .ficon_praised {
	visibility: visible;
	color: #e24d32;
}
.UI_ani_stepsV1:before, .UI_ani_praised:before {
	display: none;
} */

.cmt-item .mess-list .mess-content-text {
    font-size: 14px;
}

.mess-content-text .full-text, .mess-content-text .mess-tgl, .mess-content-text .mess-title-box {
    font-size: 12px;
}

.company {
    color: #39f;
    float: right;
    font-weight: normal
}

.company>a:first-of-type {
    display: inline-block;
    vertical-align: middle;
}

.mess-item-bd {
    border: 1px solid #39f;
}

.company i.iconfont {
    font-size: 20px;
}

div.mess-author>a {
    color: #333;
    vertical-align: middle;
}

div.mess-author>span:nth-child(2) {
    float: left;
}

div.mess-author>div>div>span {
    color: #999;
    font-size: 12px;
}

div.mess-author .mess-meta-details .addtimeshort {
    display: none;
}

.cmt-item>div.mess-author>div>a {
    float: left;
    font-weight: bold;
    color: #333;
}

.cmt-item>div.mess-author>div>span {
    float: right;
}

.cmt-item>.mess-meta>.clearfix {
    display: inline-block;
}

.cmt-item>.mess-meta>a {
    margin: 0 0 0 20px;
}

.mess-item>div.mess-author>div {
    width: calc(100% - 40px);
    line-height: 30px;
    padding: 6px 0 0 10px;
    padding-top: 0;
}

div.mess-author>span>a {
    vertical-align: middle;
    display: inline-block;
}

div.mess-author>a {
    vertical-align: middle;
    display: inline-block;
    padding-left: 3px;
    margin-right: 5px;
}

div.mess-author>span>a.mess-avatar, .letter-content>a.mess-avatar, .letter-list .mess-avatar {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

div.mess-author>a.mess-avatar {
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.cmt-item>div.mess-author>a.mess-avatar {
    margin-top: 6px;
    cursor: default;
}

a.mess-tgl i {
    color: #666;
    font-weight: bold;
}

a.mess-tgl:hover i {
    color: #42A5DB;
}

.mess-oper {
    position: absolute;
    border: 1px solid #c8c8c8;
    z-index: 999;
    right: -18px;
    background-color: #fff;
    box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.2);
    padding: 2px;
    border-radius: 2px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    transform: translateY(-5%)
}

.mess-oper.open {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.mess-oper>ul>li>a {
    white-space: nowrap;
    color: #333;
    padding: 7px 13px;
    display: block;
}

.mess-oper>ul>li>a:hover {
    background-color: #f2f2f2;
    color: #42A5DB
}

.mess-title-box {
    margin-bottom: 5px;
    line-height: 26px;
}

.mess-title {
    width: calc( 100% - 36px);
    /* margin:5px 0; */
    display: block;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    margin-right: 15px;
    cursor: pointer;
}

.mess-title-box>.mess-spe {
    display: inline-block;
    line-height: 26px;
    font-size: 20px;
}

i.mess-atta {
    color: #51c332 !important;
}

.mess-top {
    color: #42A5DB;
    margin-left: 6px;
}

.mess-rec {
    color: red;
}

.mess-title .mess-title-left {
    position: relative;
}

.mess-title .mess-price, .mess-title .mess-reward {
    color: #ff9630;
    font-weight: 500;
}

.mess-title .mess-reward {
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
}

ul.mess-list .reply .mess-reward {
    color: #ff9630;
    cursor: pointer;
}

.mess-title-box .mess-price i {
    color: #ff9630;
    font-weight: 500;
}

.mess-attach {
    margin-right: 10px;
}

.mess-attach i {
    animation: icon-rotate 1s linear infinite;
    -webkit-animation: icon-rotate 1s linear infinite;
}

@keyframes icon-rotate {
    0% {
        color: #42A5DB;
    }
    100% {
        color: #42A5DB;
        transform: rotate(360deg);
    }
}

@-webkit-keyframes icon-rotate {
    0% {
        color: #42A5DB;
    }
    100% {
        color: #42A5DB;
        transform: rotate(360deg);
    }
}

.mess-attach span {
    color: #42A5DB;
}

a.mess-content {
    color: #333;
    line-height: 24px;
    font-size: 13px;
    cursor: text;
}

.mess-content>a.full-text {
    display: inline-block;
    margin-left: 5px;
    color: #42A5DB;
}

div.mess-imgs {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

div.mess-imgs>a {
    width: 100px;
    height: 100px;
    display: inline-block;
    border: 2px solid transparent;
    margin-right: 10px;
    box-sizing: content-box;
    overflow: hidden
}

div.mess-imgs img {
    display: inline-block;
}

div.mess-prev {
    width: 100%;
    display: block;
    margin: 0 auto 15px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

div.mess-prev>img {
    margin: 0 auto;
    max-width: 100%;
}

.leftcursor {
    cursor: url('./img/pic_prev.cur'), auto;
}

.rightcursor {
    cursor: url('./img/pic_next.cur'), auto;
}

.smcursor {
    cursor: url('./img/small.cur'), auto;
}

div.mess-imgs::-webkit-scrollbar {
    height: 10px;
    background-color: transparent;
}

div.mess-imgs::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

div.mess-imgs::-webkit-scrollbar-thumb {
    height: 10px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #ccc;
}

ul.img-mini>li {
    width: 110px;
    height: 110px;
    position: relative;
    float: left;
    margin-top: 4px;
    margin-left: 4px;
    overflow: hidden;
    cursor: url('./img/big.cur'), auto;
}

ul.img-mini>li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.mess-meta {
    padding: 0;
    position: relative;
}

.mess-meta>a {
    color: #666;
    float: right;
    margin-right: 10px;
}

.mess-cmt-box {
    margin-top: 9px;
    position: relative;
    background-color: #f2f2f2;
}

.mess-cmt-box>span {
    position: absolute;
    top: -20px;
    left: 16px;
    border: 10px solid transparent;
    border-bottom-color: #f2f2f2;
    display: block;
}

.mess-add-cmt {
    padding: 10px;
}

.cmt-avatar {
    height: 30px;
    width: 30px;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    float: left;
}

.cmt-area {
    margin-left: 10px;
    flex: 1;
}

.cmt-area textarea {
    display: block;
    padding: 0 10px;
    width: 100%;
    font-size: 14px;
    color: #333;
    height: 28px;
    line-height: 28px;
    border: 1px solid #42A5DB;
    overflow-y: hidden;
    resize: none;
    outline: none;
    margin-bottom: 10px;
}

.cmt-area a.addition {
    color: #333;
    margin-right: 10px;
}

.cmt-area a.addition:hover {
    color: #42A5DB;
}

.cmt-opt {
    position: relative;
}

label.mes-btn, input.mes-btn, .del-btn {
    float: right;
    padding: 0 20px;
    cursor: pointer;
}

.cmt-diag {
    position: absolute;
    top: 30px;
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.2);
    z-index: 9;
}

.mess-cmt-list {
    padding: 10px;
}

.cmt-item {
    padding: 4px 0;
    border-top: 1px solid #d9d9d9;
}

.cmt-item div.mess-author>div {
    padding: 0;
}

/* 评论 */

.cmt-item>.mess-author>ul.mess-list {
    display: inline-block;
    width: calc(100% - 40px);
}

ul.mess-list li .nickname {
    color: #42A5DB;
    margin-right: 10px;
    cursor: text;
}

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

ul.mess-list .reply {
    text-decoration: right;
}

ul.mess-list .mess-content {
    color: #333;
}

ul.mess-list .mess-content .mess-title-box {
    margin-left: 10px;
}

ul.mess-list .reply span {
    font-size: 12px;
    color: #999;
    padding: 0 4px;
}

ul.mess-list .reply a {
    color: #666;
}

ul.mess-list .reply a i {
    font-weight: bold;
}

.cmt-item .mess-author {
    margin: 0;
}

span.arrow {
    display: block;
    position: absolute;
    top: 20px;
    right: 15px;
}

span.arrow i {
    display: block;
    border: 10px solid transparent;
    border-bottom-color: #ccc;
    width: 20px;
    height: 20px;
}

span.arrow span {
    display: block;
    border: 10px solid transparent;
    border-bottom-color: #f2f2f2;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 1px;
}

div.mess-meta>a.mess-tag {
    color: #42A5DB;
    float: left;
    display: inline-block;
    padding: 5px 0;
}

div.mess-meta>a.mess-tag:first-child {
    margin-left: 0;
}

.login-sm {
    width: 100%;
    height: 28px;
    color: white;
    background: #42A5DB;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
}

.index-container {
    margin-top: 60px;
    /* padding-top: 90px; */
    padding-bottom: 250px;
    width: 100%;
    min-height: 100%;
    position: relative;
}

.mdls-container {
    padding-top: 90px;
    padding-bottom: 400px;
    width: 100%;
    min-height: 100%;
}
.binding-mdls-container {
    width: 100%;
    height: calc(100% - 63px);
}

.index-bg {
    background: url(./img/bg1.jpg) no-repeat fixed center;
    background-size: cover;
}

.mypage-bg {
    background: url(./img/bg2.jpg) no-repeat fixed center center;
    background-size: cover;
}

.setpage-bg {
    background: url(./img/bg4.jpg) no-repeat fixed center center;
    background-size: cover;
    position: relative;
    width: 100%;
    min-height: 100%;
}

.login-bg {
    padding-top: 90px;
    background: url(./img/bg1.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    min-height: 100%;
}

.topic-bg {
    background: url(./img/bg5.jpg) no-repeat fixed center center;
    background-size: cover;
    width: 100%;
    min-height: 100%;
}

.detail-bg {
    background: url(./img/bg6.jpg) no-repeat fixed center center;
    background-size: cover;
}

.noticepage-bg {
    background: url(./img/bg7.jpg) no-repeat fixed center center;
    background-size: cover;
    width: 100%;
    min-height: 100%;
    position: relative;
}

.model-bg {
    background: url(./img/bg8.jpg) no-repeat fixed center;
    background-size: cover;
}

.detail-bg .index-center {
    width: 100%;
}

.detail-bg .footcopy {
    position: absolute;
    bottom: 0;
}

.mypage-bg>.my-content>.my-title {
    background: url(./img/bg1.jpg) no-repeat top;
    border: 0 none;
    border-radius: 2px;
}

@media screen and (max-width:1200px) {
    .index-content {
        width: 992px;
    }
    .index-center {
        width: 588px;
    }
    .index-right {
        width: 352px;
    }
    .index-right .name-box .follow {
        margin-left: 16px;
    }
    .index-container {
        padding-bottom: 600px;
    }
    .head-ipt {
        width: 180px;
    }
    .head-btn {
        width: 60px;
    }
    .head-upload {
        width: 80px;
    }
    embed {
        width: 500px;
        height: 366.667px
    }
}

@media screen and (max-width:992px) {
    .index-content {
        width: 768px;
    }
    .index-center {
        width: 476px;
    }
    .index-right {
        width: 240px;
    }
    .mess-search .search-box {
        float: left;
    }
    embed {
        width: 440px;
        height: 322.6667px
    }
}

@media screen and (max-width:768px) {
    .index-container {
        padding-top: 94px;
    }
    .index-content {
        padding-top: 20px;
        padding-left: 16px;
        padding-right: 16px;
    }
    .index-content {
        width: 100%;
    }
    .index-center {
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .mess-search .search-box {
        margin-right: 12px;
    }
    .index-right {
        height: 90%;
        position: fixed;
        right: -285px;
        top: 70px;
        overflow-y: scroll;
    }
    .index-right.active {
        right: 0;
        background: rgba(0, 0, 0, .1);
        box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, .1);
    }
    .mess-item .mess-meta-tag li {
        margin: 0;
        padding: 0 4px;
    }
    div.mess-author .mess-meta-details .addtime {
        display: none;
    }
    div.mess-author .mess-meta-details .addtimeshort {
        display: block;
    }
    .company .mess-item-company {
        display: none;
    }
    .idx_fold {
        display: block;
    }
    .idx_fold.active {
        right: 240px;
    }
    .cmt-diag .face {
        margin-right: -60px;
        width: 250px;
        padding-left: 20px;
    }
    .cmt-diag i.close {
        right: -54px;
    }
    .face-content .face {
        width: 280px;
    }
    .cmt-diag .set-price span, .set-price>span {
        left: 170px;
    }
    .cmt-diag .set-price {
        margin: 0;
    }
    .pic-list>li {
        width: 90px;
        float: left;
        margin: 0 6px 6px 0;
    }
    embed {
        width: 345px;
        height: 253px
    }
}

.index-right .name-box .follow-margin-left {
    margin-left: 0;
}

.my-content>.my-title>.my-right {
    margin-left: 20px;
    width: 25%;
    position: absolute;
    left: 50%;
    margin-left: -150px;
    top: 170px;
    vertical-align: top;
}

.mess-btn {
    float: right;
}

.mess-btn>a, .mess-btn>input {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    background: #51c332;
    color: #fff;
    min-width: 40px;
    display: inline-block;
    margin-left: 20px;
    border-radius: 4px;
}

.mess-btn>a.my-download {
    background: #51c332;
}

.mess-btn>a.my-download.buy-mdl {
    background-color: #ff6600;
}

.mess-btn>a.my-download.buy-msg {
    background-color: #ff0000;
}

a.mess-hire {
    background: #42A5DB;
}

.mess-btn>a>i.icon-mg {
    margin-right: 4px;
}

.mess-btn>a.my-buy {
    background: #ff9630;
}

.mess-btn>a>i {
    color: #fff;
}

.pub-mini {
    font-size: 14px;
    padding-left: 10px;
}

.fake-icon>i {
    font-size: 16px;
}

/*标题栏*/

/*.logo{
    height: 40px;
    margin-top:3px;      
    line-height: 40px;
    display:inline-block;
} */

.logo .bg {
    width: 138px;
    height: 43px;
    line-height: 40px;
    margin-top: 3px;
    display: inline-block;
    background-position: -260px -160px;
}

.head-ipt {
    height: 30px;
    width: 300px;
}

.head-btn {
    height: 30px;
    width: 80px;
    background-color: #337ab7;
    font-size: 14px;
}

.upload-hide {
    display: none;
    height: 0.1px;
    width: 0.1px;
    opacity: 0;
    overflow: hidden;
    z-index: -1;
    position: absolute;
}

.head-upload {
    height: 30px;
    width: 130px;
    background-color: #337ab7;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    margin-left: 10px;
}

.head-upload:hover {
    cursor: pointer;
}

.head-search {
    position: fixed;
    top: 0;
    right: 130px;
    display: inline-block;
    height: 50px;
    padding: 10px;
}

form.dialog, div.dialog {
    background: #fff;
    width: 480px;
    margin: 0 auto;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -201px;
    margin-left: -240px;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 30px 40px;
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.2);
    animation: diagAnimat 0.3s linear;
}

div.regist-dialog {
    margin-top: -268px;
}

div.regist-dialog>div>a, div.regist-dialog>div>label, div.regist-dialog>div>input {
    float: left;
}

div.regist-dialog>div>a {
    color: #42A5DB
}

/* .mdlloading-diag{
    margin-top:-55px;
} */

.dialog h3 {
    text-align: center;
}

.filter {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
    animation: filterOpa 0.3s linear;
}

.filter.light {
    opacity: 0.5;
}

@keyframes filterOpa {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.8;
    }
}

.full-screen-panel {
    width: 100%;
    min-height: 100%;
}

.dialogbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    -webkit-transition: all 0.3;
    -moz-transition: all 0.3;
    transition: all 0.3;
}

.dialogbox>.dialog>div>input.mes-btn {
    padding: 0 10px;
    margin: 10px;
}

div.person-card {
    position: absolute;
    width: 240px;
    height: 160px;
    background-color: #fff;
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.2);
    z-index: 99;
}

div.person-card>em.card-tri {
    position: absolute;
    border-width: 7px;
    bottom: -14px;
    left: 50%;
    margin-left: -7px;
    border-color: #fff transparent transparent transparent;
    z-index: 100;
}

div.person-card>div {
    padding: 10px 10px 0;
    text-align: center
}

div.person-card>div>a.per-avatar {
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 50%;
    background-size: cover;
    margin: auto;
}

div.person-card>div>a.per-btn {
    display: inline-block;
    width: 108px;
    height: 24px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    border: 1px solid #ccc;
}

.input {
    width: 400px;
    height: 40px;
    border: 1px solid rgba(50, 58, 69, 0.2);
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 0 20px;
    color: #333;
    font-size: 18px;
}

.login {
    margin-top: 20px;
    margin-bottom: 10px;
    width: 100%;
    height: 48px;
    color: white;
    background: #42A5DB;
    font-size: 18px;
    font-weight: 500;
    border-radius: 4px;
}

.fix-box {
    width: 50px;
    height: 200px;
    position: fixed;
    right: 10px;
    bottom: 55px;
    text-align: center;
    z-index: 15;
}

.fix-box>a {
    width: 45px;
    height: 45px;
    display: inline-block;
    background-color: #f8f8f8;
    background-image: url('./img/bg.png');
    background-size: 708px 360px;
    border-radius: 5px;
}

.fix-box>a:hover .fix-content {
    display: block;
}

.fix-phone {
    background-position: -320px -75px;
}

.fix-phone:hover {
    background-position: -405px -75px;
}

.fix-wx {
    background-position: -490px 0;
}

.fix-wx:hover {
    background-position: -575px 0;
}

.fix-wx>.fix-content {
    background-position: 5px 0;
    height: 120px;
}

.fix-qq {
    background-position: -320px 0;
}

.fix-qq:hover {
    background-position: -405px 0;
}

.fix-qq>.fix-content {
    background-position: -155px 0;
    height: 120px;
}

.fix-xieyi {
    background-position: -224px -250px;
}

.fix-xieyi:hover {
    background-position: -297px -250px;
}

.fix-up {
    background-position: -490px -75px;
}

.fix-up:hover {
    background-position: -575px -75px;
}

.fix-content {
    min-width: 130px;
    height: 45px;
    position: absolute;
    right: 55px;
    display: none;
    border-radius: 5px;
    background-color: #fff;
    padding: 8px 10px 0 10px;
}

.fix-content>span {
    font-size: 14px;
    font-weight: bold;
    color: #666;
    display: block;
    line-height: 15px;
}

.fix-blank {
    width: 10px;
    height: 45px;
    position: absolute;
    right: 45px;
}

.md-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 440px;
    height: auto;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.md-show {
    visibility: visible;
}

.md-content {
    background: #fff;
    border: 1px solid #ccc;
    line-height: 40px;
    color: #42A5DB;
    padding: 10px;
}

.md-effect-1 .md-content {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.md-modal i.close {
    line-height: 37px;
}

.warn-content, .warn-connection {
    line-height: 30px;
    padding-top: 10px;
    text-align: center;
}

.warn-text {
    display: inline-block;
    /* width: 100%;
    padding-left: 20px; */
}

.contact-tip {
    /* float:right; */
    color: #ccc;
    font-size: 10px;
}

.check+label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    left: 4px;
    top: 4px;
    border: 2px solid #a6a6a6;
    border-radius: 3px;
    vertical-align: middle;
    margin-right: 5px;
}

.regist-dialog .check+label {
    position: relative;
    top: 0;
}

.check:checked+label {
    border: 1px solid #92A1AC;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
    color: #243441;
}

.check+label:after {
    content: '';
    width: 12px;
    height: 8px;
    position: absolute;
    top: 6px;
    left: 4px;
    border: 2px solid #666;
    border-top: none;
    border-right: none;
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.regist-dialog .check+label:after {
    top: 4px;
}

.check:checked+label:after {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.refind {
    position: absolute;
    right: 0;
    color: '#ddd';
    vertical-align: middle;
}

/* 绑定账号 */

.bind-title-bd {
    display: block;
    width: 400px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

.bind-method {
    color: #333;
    display: inline-block;
    margin: 0 10px 0;
    padding: 0 10px 10px;
    border-bottom: 2px solid transparent;
}

form.bind-dialog {
    margin-top: -260px;
}

.bind-method.active {
    border-bottom: 2px solid #42A5DB;
}

.other-login .other-login-bg {
    display: inline-block;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    margin: 5px;
}

.other-login a:nth-of-type(1) {
    background-position: 0 -160px;
}

.other-login a:nth-of-type(2) {
    background-position: -90px -160px;
}

.other-login a:nth-of-type(3) {
    background-position: -180px -160px;
    display: none;
}

/*页脚*/

footer {
    background: #2F2F2F;
    width: 100%;
    padding: 20px 0;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

footer>div {
    width: 1200px;
    padding: 0 20px;
    margin: 0 auto;
}

.footer>div>section {
    color: #fff;
    font-size: 20px;
    width: calc(100% - 120px);
}

.footer>div>section>ul>li {
    float: left;
    margin-right: 30px;
    ;
}

.footer>div>section>ul>li>a {
    font-size: 16px;
}

.footer>div>section.footer-code {
    width: 120px;
    height: 120px;
}

footer a, footer span {
    font-size: 12px;
    color: #fff;
}

.footerlink {
    padding-right: 5px
}

.footerlink a, .footerlink>div>span, .footcopy a {
    padding: 0 5px;
    color: #999;
    line-height: 12px;
}

.footcopy {
    background-color: #0F0F0F;
}

.footcopy div {
    text-align: center;
}

.footcopy span {
    font-size: 12px;
}

.footcopy .bg {
    width: 20px;
    height: 20px;
    background-position: -538px -160px;
    display: inline-block;
    vertical-align: middle;
}

footer>section>p {
    font-size: 14px;
}

.qr_code img {
    display: block;
}

@media screen and (max-width:1200px) {
    footer>div {
        width: 800px;
    }
    .footer section {
        width: calc(50%);
    }
}

@media screen and (max-width:768px) {
    .navbar-left {
        margin: 0;
    }
    .navbar-left>li>a {
        padding: 10px 15px;
    }
    div.mess-author>div>div>span:nth-of-type(1), div.mess-author>div>div>span:nth-of-type(2) {
        display: none;
    }
    ul.img-mini {
        width: 300px;
    }
    ul.img-mini>li {
        width: 80px;
        height: 80px;
    }
    div.mess-imgs>a {
        width: 80px;
        height: 80px;
    }
    .footer>div>section.footer-code {
        width: 60px;
        height: 60px;
    }
    .warn.active {
        width: 334px;
        margin-left: -167px;
    }
    .footer>div>section {
        width: calc(100% - 60px);
    }
    .qr_code img {
        width: 60px;
        height: 60px;
    }
    .qr_code>p {
        font-size: 8px;
    }
    .dialogbox>.dld-diag {
        width: 100%;
    }
    footer>div {
        width: 100%;
    }
}

/*模型专题*/

.mdl-container {
    width: 100%;
    padding: 20px 20px 70px 20px;
    background: rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
}

.set-container>.set-left>.set-title {
    display: block;
    background: #fff;
    border-bottom: 1px solid #ccc;
    color: #42A5DB;
    ;
    font-size: 18px;
    width: 100%;
    height: 40px;
    font-weight: bold;
    line-height: 40px;
}

.srch-ipt+input[type='button'] {
    width: 50px;
    height: 32px;
    background-color: #42A5DB;
    color: #fff;
    box-shadow: 0 0 2px #42A5DB;
}

.srch-other>li {
    float: left;
}

.waterfall {
    width: calc(100% + 36px);
    margin-left: -16px;
    position: relative;
}

/* 图纸页面 */

.mdls-board {
    margin-bottom: 10px;
}

.srch-cdt {
    line-height: 32px;
    padding: 10px 10px 10px 16px;
    border-radius: 2px;
    background: #fff;
}

.srch-cdt.clearfix.close {
    display: none;
}

.srch-ipt {
    display: inline-block;
    width: 302px;
    height: 32px;
    border: 1px solid #42A5DB;
    box-shadow: 0 0 2px #42A5DB;
    vertical-align: top;
    padding: 10px;
}

.srch-cdt-left {
    position: relative;
    margin-right: 5px;
}

.srch-cdt-left>.srch-ipt {
    font-size: 12px;
}

.srch-cdt-left .icon-fangdajing {
    position: absolute;
    right: 0;
}

.srch-cdt-left .srch-cdt-total {
    display: inline-block;
    color: #999;
    font-size: 14px;
    margin-left: 16px;
}

.srch-cdt-right {
    line-height: 32px;
    padding-top: 6px;
}

/* 排序 */

ul.srch-cdt-right>li {
    position: relative;
}

.srch-Order .odby-box {
    width: 128px;
    text-align: center;
}

.srch-Order .icon-newest {
    color: #42A5DB;
}

.odby-box li a {
    display: inline-block;
    width: 128px;
    color: #42A5DB;
}

.odby-box li a:hover {
    background: #f5f5f5;
}

.odby-box li.active, .odby-box li.active a {
    background-color: #42A5DB;
    color: #fff;
}

.srch-cdt>.srch-cdt-right>li {
    padding: 0 10px;
    border-right: 1px solid #ccc;
}

.srch-cdt-right>li>span>a {
    color: #666;
    font-size: 14px;
}

.srch-cdt-right>li>span>a:hover {
    color: #42A5DB;
}

.srch-cdt-right>li>span>a>i {
    margin-left: 5px;
    margin-right: 0 none;
}

/* 过滤 */

.srch-cond {
    background-color: #fff;
    text-align: center;
    position: absolute;
    right: 10px;
    top: 30px;
    border: 1px solid #ccc;
    width: 50px;
    z-index: 99;
    box-shadow: 0 1px 5px 0 rgba(85, 85, 85, 0.15);
}

.srch-box {
    background-color: #fff;
    position: absolute;
    right: -30px;
    top: 36px;
    border: 1px solid #ccc;
    width: 388px;
    z-index: 99;
    box-shadow: 0 1px 5px 0 rgba(85, 85, 85, 0.15);
}

.srch-other>li {
    min-height: 272px;
    font-size: 12px;
    line-height: 20px;
    float: left;
    text-align: left;
    border-right: 1px solid #ccc;
}

.srch-other>li>span {
    display: block;
    padding: 10px;
}

.srch-indus .srch-box li {
    font-size: 12px;
    line-height: 20px;
    float: left;
    box-sizing: border-box;
    text-align: left;
}

.srch-indus .srch-box li a {
    display: inline-block;
    width: 128px;
    padding: 10px;
}

.srch-indus .srch-box li a:hover {
    background: #f5f5f5;
    color: #42A5DB;
}

.srch-other>li li a, .srch-other>li span, .srch-other>li div {
    width: 128px;
    display: block;
}

.srch-other>li li a:hover {
    background: #f5f5f5;
    color: #42A5DB;
}

.srch-other>li li a, .srch-other>li>div {
    padding: 10px;
    color: #42A5DB;
}

.srch-other>li li.active {
    background-color: #42A5DB;
    color: #fff;
}

.srch-other>li li.active a {
    color: #fff;
}

.other-check+label {
    position: relative;
    float: right;
}

.other-check:checked+label {
    text-align: center;
    font-size: 14px;
    background: #42A5DB;
    border-color: #42A5DB;
}

.other-check:checked+label:after {
    border-color: #fff;
    top: 4px;
}

.srch-indus .srch-box li a {
    color: #999;
}

.mdl-box {
    padding: 16px 0 0 16px;
    float: left;
    visibility: hidden;
}

.mdl-item {
    width: 278px;
    background: #fff;
    border-radius: 2px;
}

.mdl-item-text {
    margin: 0 10px;
    padding-bottom: 10px;
}

.mdl-item-text>.mess-title {
    width: 100%;
    padding-top: 5px;
}

.mdl-item-text .addtime {
    font-size: 12px;
    color: #999;
    text-align: left;
    margin-right: 10px;
    font-weight: normal;
    display: inline-block;
}

.mdl-item-text .mess-meta-tag {
    display: inline-block;
    vertical-align: top;
}

.mdl-item .mdl-item-text .mess-meta-tag li {
    margin: 0;
    padding: 0 4px;
    font-weight: normal;
}

.mess-title-text {
    width: calc(100% - 30px);
}

.mess-title-text>span {
    vertical-align: top;
    font-size: 12px;
    display: inline-block;
}

.mess-title-text>span i {
    font-size: 12px;
}

.mess-title-text>strong {
    display: inline-block;
    margin-bottom: 2px;
    max-width: 142px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mdl-item-text .mess-avatar {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    vertical-align: middle;
    margin-top: 6px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.mdl-item-text .mess-meta-cmt>a:hover, .mdl-item-text .mess-meta-cmt>a:hover i {
    color: #42A5DB;
}

.mdl-item>.mess-author {
    position: relative;
    background-position: center center;
    background-size: cover;
    margin: 0 none;
}

.mdl-item-pic>div, .mdl-item-pic>img {
    cursor: pointer;
    width: 100%;
    height: auto;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.mdl-item .mess-meta>a {
    float: left;
}

.mdl-item .mess-meta>a.my-buy {
    float: right;
}

.mdl-item .mess-meta>a.my-download {
    float: right;
    margin-right: 0;
}

.mdl-item-text .mess-content {
    font-size: 12px;
    position: relative;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 5px;
    text-align: justify;
}

.mdl-item-text .mess-meta>a {
    font-size: 12px;
}

.mdl-category {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    text-align: center;
}

.mdl-detail {
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: 0;
    padding: 0 5px;
    width: 100%;
}

.mdl-detail p {
    font-size: 14px;
}

.mdl-detail span {
    font-size: 14px;
    color: #ddd;
}

.mdl-detail>div {
    display: inline-block;
    float: right;
}

.mdl-detail>div>span {
    display: inline-block;
    padding-right: 5px;
}

.mdl-downdia {
    background: #fff;
    width: 480px;
    position: relative;
    top: 50%;
    margin: -170px auto;
    border-radius: 10px;
    padding: 30px 40px;
    text-align: center;
}

div.mdl-downdia div {
    margin: 5px;
}

div.mdl-downdia div a {
    color: #42A5DB
}

div.mdl-downdia span {
    color: #333;
    font-size: 14px;
}

.mdl-filter {
    background-color: transparent;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    transition: opacity .3s;
}

.mdl-filter:hover {
    background: rgba(255, 255, 255, 0.15);
}

.mdl-money {
    position: absolute;
    top: 0;
    right: 0
}

.img-transition {
    animation: imgopacity 1s linear;
}

@keyframes imgopacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/*账号管理页*/

.mdls-container {
    width: 1200px;
    margin: 0 auto;
    padding-top: 90px;
    min-height: 100%;
    position: relative;
    padding-bottom: 100px;
}

.regist-dialog>.code {
    width: 250px;
}

@media screen and (max-width:1200px) {
    .mdl-detail>div, .mdl-detail>span {
        display: none;
    }
    .mdl-category span {
        font-size: 12px
    }
    .mdls-container {
        width: 100%;
    }
    /* 图纸页面 */
    .mdl-item {
        width: 226px;
    }
    .waterfall {
        margin-left: -15px;
    }
    .srch-cdt {
        padding-left: 10px;
    }
}

@media screen and (max-width:992px) {
    /* 图纸页面 */
    .mdl-item {
        width: 231px;
    }
    .srch-box {
        top: 32px;
        right: auto;
        left: -10px;
    }
    .srch-cdt-left {
        width: 100%;
    }
    .srch-cdt-left .srch-cdt-total {
        float: right;
        font-size: 12px;
    }
    .srch-cdt-right {
        width: 100%;
        padding-top: 10px;
    }
    .srch-cdt>.srch-cdt-right>li {
        width: 25%;
        text-align: center;
    }
    .pbl-sels .tri, .pbl-sels .tri-bg {
        right: auto;
        left: 76px;
    }
    .srch-other .srch-box {
        left: -24px;
    }
    .srch-other .tri, .srch-other .tri-bg {
        left: 92px;
    }
}

@media screen and (max-width:768px) {
    .mdls-container {
        width: 100%;
        padding-top: 100px;
    }
    .mdls-board {
        display: none;
    }
    .mdl-item {
        min-width: 100%;
    }
    .waterfall {
        width: 100%;
        margin-top: 30px;
        margin-left: 0;
    }
    .mdl-box {
        min-width: 100%;
        padding: 0 0 16px 0;
        float: none;
    }
    .mdl-box:nth-of-type(1) {
        padding-top: 16px;
    }
    .srch-cdt {
        position: fixed;
        top: 59px;
        left: 0;
        width: 100%;
        border-radius: 0;
        z-index: 9;
        background: rgba(255, 255, 255, .9);
        box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.1);
        padding: 10px 16px;
    }
    .srch-ipt {
        width: 148px;
    }
    .srch-cdt-left {
        margin-right: 0;
    }
    .srch-cdt-total {
        float: right;
    }
    .srch-cdt-right {
        width: 100%;
    }
    .srch-cdt>.srch-cdt-right>li {
        width: 25%;
        text-align: center;
    }
    .srch-box {
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .8);
        z-index: 11;
        top: 0;
        left: 0;
        overflow: scroll;
    }
    .srch-other>.srch-box {
        background: transparent;
    }
    .srch-box>.srch-other {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 11;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .8);
    }
    .srch-other>li span {
        color: #fff;
    }
    .srch-indus .srch-box li {
        width: 50%;
    }
    .srch-indus .srch-box li a {
        color: #fff;
        width: 100%;
    }
    .srch-other li {
        min-height: 0;
        border: 0;
    }
    .srch-other ul li {
        width: 100%;
    }
    .srch-other>li li a, .srch-other>li span, .srch-other>li div {
        width: 100%;
    }
    .srch-other>li span {
        font-size: 16px;
    }
    .srch-other-check .other-check+label {
        float: left;
        margin-right: 10px;
    }
    .srch-box .pbl-sels em, .srch-box .srch-other em {
        display: none;
    }
    .srch-box .pbl-sels>a, .srch-box .srch-other>a {
        display: block;
        text-align: right;
        padding: 10px;
        box-sizing: border-box;
    }
    .srch-box .pbl-sels>a>i, .srch-box .srch-other>a>i {
        font-size: 24px;
    }
}

.cmt-edit {
    width: calc(100% - 68px);
    height: 48px;
    color: #555;
    resize: none;
}

@media screen and (min-width: 1200px) {
    /*图纸页面 */
    .models-content {
        width: 1200px;
    }
    .mdl-item {
        width: 219px;
    }
}

@media screen and (min-width: 1440px) {
    /*图纸页面 */
    .navbar-fixed-top>.container-fluid {
        width: 1440px;
    }
    .models-content {
        width: 1440px;
    }
    .mdl-item {
        width: 267px;
    }
}

@media screen and (min-width: 1600px) {
    /*图纸页面 */
    .navbar-fixed-top>.container-fluid {
        width: 1600px;
    }
    .models-content {
        width: 1600px;
    }
    .mdl-item {
        width: 247px;
    }
}

@media screen and (min-width: 1900px) {
    /*图纸页面 */
    .navbar-fixed-top>.container-fluid {
        width: 100%;
    }
    .models-content {
        width: 1900px;
    }
    .mdl-item {
        width: 297px;
    }
}

.cmt-add-btn {
    position: absolute;
    right: 0;
    bottom: 0px;
    margin-top: 10px;
    display: block;
    background: #42A5DB;
    width: 120px;
    height: 30px;
    border-radius: 5px;
}

.login-bg .forget-dialog>.code {
    width: 250px;
}

form.bind-dialog>div:nth-of-type(2)>.code {
    width: 250px;
}

@media screen and (max-width:768px) {
    .login-bg {
        padding-bottom: 50px;
    }
    /* 注册 */
    .regist-pad {
        padding-bottom: 0;
    }
    .regist-pad>.regist-h {
        text-align: center;
    }
    .regist-pad>.margin-bottom {
        margin-bottom: -90px;
    }
    .login-pad>.margin-bottom {
        margin-bottom: -20px;
    }
    form.dialog {
        width: 364px;
        margin: 0 auto;
        position: fixed;
        top: 50%;
        margin-left: -182px;
        margin-top: -191px;
        border-radius: 10px;
        padding: 10px 10px 10px 10px;
    }
    form.bind-dialog {
        margin-top: -260px;
    }
    form.bind-dialog>div, .bind-title-bd, form.bind-dialog>div:nth-of-type(2)>.nickname, form.bind-dialog>div:nth-of-type(2)>.telephone, form.bind-dialog>div:nth-of-type(2)>.password {
        width: 100%;
    }
    form.bind-dialog>div:nth-of-type(2)>.code {
        width: 196px;
    }
    div.regist-dialog {
        position: static;
        background: #fff;
        display: inline-block;
        width: 364px;
        margin: 0 auto;
        border: 1px solid #ddd;
        border-radius: 10px;
        padding: 10px 10px 10px 10px;
    }
    .regist-dialog>.nickname, .regist-dialog>.account, .regist-dialog>.pwd, .regist-dialog>.pwd-re {
        width: 100%;
        border-radius: 4px;
        margin-bottom: 10px;
    }
    .regist-dialog input, .login-diag input, .forget-dialog input {
        font-size: 14px;
        height: 30px;
        line-height: 30px;
    }
    .btn-huge.btn-code {
        height: 30px;
        line-height: 30px;
    }
    .regist-dialog>.code {
        width: 204px;
        border-radius: 4px;
        padding: 0 10px;
        margin-bottom: 10px;
        float: left;
    }
    .regist-dialog>.login {
        margin-top: 10px;
    }
    /* 登录 */
    .login-diag>.input {
        width: 100%;
        margin-bottom: 10px;
    }
    .login-diag>.login {
        margin-top: 10px;
    }
    .login-bg .forget-dialog>.uname, .login-bg .forget-dialog>.pw {
        width: 100%;
    }
    .login-bg .forget-dialog>.code {
        float: left;
        width: 204px;
    }
    /* 重置密码 */
    .forget-dialog>.input {
        border-radius: 4px;
        margin-bottom: 10px;
    }
    .forget-dialog>.login {
        margin: 0;
    }
}

label.reupld-btn {
    float: none;
}

.right-item>.letter-list>ul>.sys-content {
    background: #fff;
    position: relative;
    padding: 10px;
    border-top: 1px solid #ccc;
}

.right-item>.letter-list>ul>.sys-content:first-of-type {
    border: 0;
}

.load-more {
    width: 100%;
    height: auto;
    position: relative;
}

.load-more-content {
    width: 160px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 50%;
    margin-top: 12px;
    margin-left: -80px;
    padding: 0 10px;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
    cursor: pointer;
    border-radius: 2px;
    animation: iconjump ease 1s infinite;
}

.mess-cmt-list>.load-more {
    height: 66px;
}

.mess-cmt-list>.load-more input {
    background: transparent;
}

@keyframes iconjump {
    0% {
        top: 0;
        color: #666;
    }
    50% {
        top: 10px;
        color: #42A5DB;
    }
    100% {
        top: 0;
        color: #666;
    }
}

.load-more-content:hover .load-more-content-btn, .load-more-content:hover>i {
    color: #42A5DB;
}

.load-more-content-btn {
    display: inline-block;
    text-align: center;
    font-weight: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    padding: 0 6px;
    background: transparent;
}

.act-save {
    text-align: center;
}

select.act-loc {
    height: 22px;
    line-height: 22px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 9px 5px 9px 0;
    font-size: 14px;
}

select.act-bir {
    height: 22px;
    line-height: 22px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 9px 5px 9px 0;
    font-size: 14px;
}

.act-name {
    display: inline-block;
    width: 120px;
    color: #999;
}

.act-value {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.score-name {
    width: 150px;
}

.score-value {}

input.vx-radio {
    margin: 0;
    margin-right: 3px;
    width: 14px;
    height: 14px;
    vertical-align: middle;
}

.vx-radio+label {
    margin-right: 10px;
}

span.act-idst-item {
    display: inline-block;
    color: #333;
    padding: 2px 5px;
    margin: 0 5px 5px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 4px;
}

i.iconfont {
    margin-right: 5px;
    display: inline-block;
}

i.big-icon {
    font-size: 28px;
    color: #ff9630;
    line-height: normal;
}

.mess-item .mess-author .icon-open, .mess-item .mess-author .icon-open i {
    margin: 0;
}

.mess-item.top {
    padding: 10px 16px;
    cursor: pointer;
}

.fold-mess {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.fold-mess>.mess-title {
    width: auto;
}

.fold-mess>.mess-title>span {
    display: inline-block;
    line-height: 42px;
    position: relative;
}

.fold-ht {
    height: 43px;
    line-height: 43px;
}

.fold-ht a i {
    font-weight: bold;
}

td span.tip, div#mdl-info span.tip {
    display: inline-block;
    border: 1px solid #42A5DB;
    background-color: #42A5DB;
    border-radius: 4px;
    color: #fff;
    padding: 2px 5px;
    margin: 0 5px 5px;
    cursor: pointer
}

.mess-file-tree {
    position: absolute;
    border: 1px solid #c8c8c8;
    z-index: 9999;
    background: #fff;
    width: 300px;
    height: 250px;
    box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.2);
    padding: 10px;
    border-radius: 2px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    transform: translateY(-240px)
}

.mess-file-tree.open {
    visibility: visible;
    opacity: 1;
    transform: translateY(-250px)
}

.mess-file-tree>div>p {
    font-size: 16px;
    font-weight: 100;
    line-height: 1.428;
    color: #337ab7;
}

.mess-file-tree>table {
    margin-left: 22px;
}

.mess-file-tree>table>tbody>tr>td {
    line-height: 20px;
    min-width: 60px;
    font-size: 12px;
    font-weight: 100;
    color: #888;
}

ul.file-tree {
    color: #333;
    height: 145px;
    overflow-x: scroll;
    overflow-y: scroll;
}

ul.file-tree li {
    background: url(./img/treeview-default-line.gif) 0 0 no-repeat;
    padding: 3px 0 2px 16px;
}

ul.file-tree li.collapsable, ul.file-tree li.expandable {
    background-position: 0 -176px;
}

ul.file-tree span:hover {
    cursor: pointer;
    font-weight: bold;
}

.file-tree span.folder {
    background: url(./img/folder.gif) 0 0 no-repeat;
}

.file-tree span.file {
    background: url(./img/file.gif) 0 0 no-repeat;
}

.file-tree span.folder, .file-tree span.file {
    padding: 1px 0 1px 16px;
    display: block;
    font-size: 12px
}

.file-tree li.expandable span.folder {
    background: url(./img/folder-closed.gif) 0 0 no-repeat;
}

.file-tree .hitarea {
    background: url(./img/treeview-default.gif) -64px -25px no-repeat;
    height: 16px;
    width: 16px;
    margin-left: -16px;
    float: left;
    cursor: pointer;
}

.file-tree .expandable-hitarea {
    background-position: -80px -3px;
}

@media screen and (max-width:1200px) {
    .fold-ht {
        height: auto;
        line-height: auto;
        float: left;
    }
}

@media screen and (max-width:768px) {
    #mdl-right {
        width: 100%;
        padding: 10px 0;
    }
    .act-name {
        width: 80px;
    }
}

/*我的主页*/

.my-content {
    width: 1200px;
    margin: 0 auto;
}

div.dialog-w {
    width: 550px;
    top: 10px;
    margin-top: 0;
    padding: 10px;
}

.my-title {
    width: 100%;
    height: 270px;
    background: #eee;
    text-align: center;
}

.my-title>.my-title-content {
    display: inline-block;
    text-align: center;
    width: 300px;
    height: 300px;
    position: relative;
}

.my-title>.my-title-content>.my-bigthumb {
    height: 120px;
    width: 120px;
    margin: 34px 90px 0;
    border-radius: 60px;
    background: rgba(255, 255, 255, 0.2);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: inline-block;
}

.my-title>.my-title-content>.my-thumb {
    height: 110px;
    width: 110px;
    border-radius: 55px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: inline-block;
    position: absolute;
    top: 39px;
    left: 50%;
    margin-left: -55px;
    z-index: 5;
}

.my-title>.my-title-content>.my-intro {
    width: 100%;
    height: auto;
    text-align: center;
    display: inline-block;
}

.my-intro-name {
    position: relative;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.my-intro-name>i {
    left: 122px;
    top: -152px;
}

.my-title>.my-title-content>.my-intro h3 {
    line-height: 40px;
    margin-right: 10px;
    display: inline-block;
    color: #fff;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, .1);
}

.my-title>.my-title-content>.my-intro i.my-vip {
    vertical-align: middle;
    cursor: pointer;
    color: #999;
    padding-bottom: 6px;
}

.my-title>.my-title-content>.my-intro>a {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
    padding: 0 5px;
    font-size: 16px;
}

.my-title>.my-title-content>.my-intro>a:hover {
    color: #42A5DB;
}

.my-title>.my-title-content>.my-intro>a>span {
    padding-right: 4px;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1)
}

.my-right-item {
    width: 100%;
    height: auto;
    line-height: 24px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.my-right-item>p {
    display: inline-block;
    color: #fff;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, .1);
}

.my-intro>.my-intro-btn {
    padding-top: 4px;
}

.my-intro>.my-intro-btn>input {
    background-color: #42A5DB;
    width: 90px;
    height: 30px;
    margin-right: 10px;
    font-size: 14px;
    border-radius: 2px;
    color: #fff;
}

i.my-comm {
    margin-left: 10px;
    cursor: pointer;
}

.my-intro span {
    padding-right: 10px;
}

.my-cats-box {
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
    border-radius: 2px;
}

.list-item .mess-icon-mima {
    float: right;
    position: relative;
    right: 22px;
    top: -52px;
}

.list-item .icon-mima {
    font-weight: bold;
}

.vx-timeline {
    position: absolute;
    top: 0;
    left: -75px;
    width: 50px;
    height: 100px;
}

.vx-timeline ul li {
    margin-top: 3px;
}

.vx-timeline ul li a {
    display: inline-block;
    padding-left: 10px;
    color: rgba(255, 255, 255, 0.9);
    background-color: rgba(0, 0, 0, 0.3);
    height: 26px;
    line-height: 26px;
    width: 100%;
    position: relative;
}

.vx-timeline>ul>li>ul {
    display: none;
}

.vx-timeline>ul>li.current ul {
    display: block;
}

.vx-timeline>ul>li a:hover {
    color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 1)
}

.vx-timeline>ul>li.current>a {
    background-color: #42A5DB;
    font-weight: bold;
}

ul.vx-month li {
    margin-top: 0;
}

ul.vx-month li.current a {
    color: #fff;
    font-weight: bold
}

ul.vx-month li.current a em.dot {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    left: -3px;
    top: 9px;
}

ul.vx-month li a em {
    display: inline-block;
    width: 2px;
    height: 8px;
    position: absolute;
    left: 0;
    border: 0;
    background-color: #42A5DB;
}

ul.vx-month li a em.dot {
    top: 11px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    left: -1px;
}

ul.vx-month li a em.line-b {
    bottom: 0;
}

ul.my-cats {
    padding: 0 10px;
    margin: 12px 0;
}

ul.my-cats>li {
    float: left;
    color: #ccc;
    min-width: 90px;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

ul.my-cats li.my-current {
    border-bottom: 4px solid #42A5DB;
}

ul.my-cats li.my-current a {
    color: #42A5DB;
}

.follow-lst li {
    float: left;
}

.person-item {
    margin: 0 10px 10px 10px;
    width: 100px;
    height: 100px;
    background-position: center;
    background-size: cover;
    position: relative
}

.person-item span {
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    bottom: 0;
}

.my-active {
    font-weight: 600;
    border-bottom: 2px solid #42A5DB;
}

.my-left {
    width: 100%;
    vertical-align: top;
}

.my-fans {
    margin-top: 12px;
}

.my-fans>ul {
    float: left;
    border-radius: 2px;
}

.my-fans>div {
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    box-sizing: border-box;
}

.my-left .my-fans-avatar .follow-lst {
    width: 100%;
    background: #fff;
    position: relative;
    min-height: 95px;
    padding: 10px;
    border-radius: 2px;
}

.my-left .my-fans-avatar {
    width: calc(100% - 262px);
    float: left;
    margin-left: 12px;
    padding: 0;
}

.my-fans ul.follow-lst li {
    border: 1px solid #ccc;
}

.my-fans ul.follow-lst li span {
    color: #fff;
}

.my-right p {
    color: #42A5DB;
    font-weight: 600
}

.menu-box {
    background-color: #fff;
    width: 250px;
}

.menu-box li {
    padding-left: 20px;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
}

.menu-box li a {
    display: inline-block;
    margin-right: 5px;
    color: #666
}

li.my-fans-active>i, li.my-fans-active>a, li.my-fans-active>span {
    color: #42A5DB;
    font-weight: bold;
}

.menu-box li:hover a, .menu-box li:hover span, .menu-box li:hover i {
    color: #42A5DB;
}

/* 我的主页自适应 */

@media screen and (min-width:768px) and (max-width:1200px) {
    .my-content {
        padding: 0 10px;
        width: 100%;
    }
    .my-content .my-left {
        width: 100%;
    }
    .my-content .my-right {
        margin-left: 2%;
        width: 30%;
    }
    .cmt-item div.mess-author>div {
        width: 90%;
    }
}

@media screen and (max-width:768px) {
    .my-content {
        width: 100%;
    }
    div.dialog-w {
        width: 365px;
        margin-top: 0;
        margin-left: -182px;
    }
    .my-fans>ul {
        float: none;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }
    .my-fans>ul>li {
        flex: 1;
        height: 40px;
        line-height: 40px;
        text-align: center;
    }
    .my-left .my-fans-avatar {
        width: 100%;
        margin-left: 0;
    }
    .person-item {
        width: 94px;
        height: 94px;
        margin: 0 5px 10px 5px;
    }
}

/*账号管理*/

.set-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 12px;
    background: #fff;
    padding: 0 10px;
    box-sizing: border-box;
    height: 295px;
    border-radius: 2px;
}

.set-left ul {
    width: 100%;
    font-size: 15px;
    margin-top: 10px;
}

.set-left ul li i {
    float: right;
    display: none;
}

.set-left ul li:hover i {
    display: block;
    color: #fff;
}

.set-left ul li:hover {
    color: #fff;
    background: #ddd;
}

.set-left ul li {
    color: #666;
    cursor: pointer;
    padding: 5px;
    border-radius: 2px;
    margin-bottom: 10px;
    min-width: 108px;
}

.set-left ul li.set-active {
    color: #fff;
    background: #42A5DB;
}

.set-left ul li.set-active i {
    color: #fff;
    display: block;
}

.set-right {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5;
    margin-bottom: 0;
}

.set-right li ul li>ul {
    text-align: left;
    width: 70%;
    margin: 0 auto
}

ul.per-top {
    background: #fff;
    padding: 20px 0;
}

ul.per-top>li {
    margin-left: 6px;
    width: calc((100% - 10px*(4))/5);
    border-right: 1px solid #eee;
    text-align: center;
}

ul.per-top>li>p {
    color: #333;
    font-size: 18px;
    margin-bottom: 10px;
}

ul.per-top>li:last-child {
    width: calc((100% - 10px*(4))/5*(2));
    border: 0;
}

ul.per-top a, ul.per-top>li i {
    font-size: 14px;
    color: #666;
}

ul.per-top a i {
    font-weight: bold;
    margin-right: 4px;
}

ul.shortcut li {
    width: calc((100% - 10px)/2);
    text-align: center;
}

ul.shortcut li>i {
    font-size: 200%;
    cursor: pointer;
}

.right-item>div.set-tabs>span {
    color: #999;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 120px;
    text-align: center;
    background: #fff;
    border-radius: 2px;
    margin: 0 8px 8px 0;
    cursor: pointer;
    transition: all 0.01s;
}

.letter-list>ul {
    padding: 0 10px;
    background: #fff;
    border-radius: 2px;
}

.upload-hide {
    z-index: 1032;
}

/* 账号管理-个人资料 */

.sm-diag {
    width: 540px;
    margin: -240px auto;
}

.edit-avatar {
    margin-top: 10px;
    padding-bottom: 15px;
}

.edit-left {
    width: 360px;
    height: 360px;
    background-color: #eee;
    position: relative;
    text-align: center;
}

.edit-right {
    width: 150px;
    height: 360px;
    background-color: #eee;
    text-align: center;
}

.edit-right p, .edit-right div {
    margin-top: 10px;
}

.edit-right .img-preview {
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    background: #ddd;
}

.avatar-btm {
    text-align: center;
}

label.mes-btn.uld-avator {
    position: relative;
    float: none;
    margin: 165px 0 4px 0;
}

.bdl-diag {
    width: 450px;
    margin: -96px auto;
}

/*账号管理-微币管理*/

.content-box {
    background-color: #fff;
    padding: 10px;
    border-radius: 2px;
}

.right-item>div>span.account-active {
    font-weight: 600;
    color: #fff;
    background-color: #42A5DB;
}

.sco-item {
    background: #fff;
    padding: 10px;
}

.sco-item-null {
    width: 130px;
    height: 200px;
    text-align: center;
    margin: 0 auto;
    background-position: -588px -160px;
}

.sco-item-null>span {
    line-height: 324px;
    font-size: 18px;
    color: #727272;
}

.sco-item, .act-basic, .score-item, .mmg-basic {
    display: none;
    color: #333;
    border-radius: 2px;
}

.sco-item-form {
    border-top: 1px solid #ccc;
    padding: 10px 0;
}

/*账号管理-微币管理-收入记录 */

.sco-item-income {
    position: relative;
}

.sco-item-income>ul, .sco-item-wddp>ul {
    color: #999;
    width: auto;
    line-height: 22px;
}

.sco-item-income>ul>li {
    margin-right: 20px;
}

.sco-item-income>ul>li {
    margin-right: 20px;
}

.sco-item-income>ul>li:nth-of-type(1) {
    color: #666;
}

.sco-item-income>ul>li:nth-of-type(2) {
    font-size: 12px;
    color: #999;
}

.sco-item-income>span {
    color: #42A5DB;
}

.sco-item-income>ol {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 12px;
}

.sco-item-income>ol>li {
    width: 100%;
    text-align: right;
}

.sco-item-income>ol ol li {
    vertical-align: middle;
}

.sco-item-income-price {
    color: #999;
}

.sco-item-income-price>li>ol>li>h3, .sco-item-income-price>li>h3 {
    display: inline-block;
    color: #ff9630;
    font-size: 16px;
}

.sco-item-income-price>li>ol>li {
    line-height: 22px;
}

.sco-item-income-price>li>ol>li:first-of-type {
    padding-top: 1px;
    margin-left: 6px;
    color: #999;
}

.sco-item-form-time li span:nth-of-type(2) {
    font-size: 16px;
}

.sco-item-expense>ul, .sco-item-expense>ol {
    line-height: 20px;
}

.sco-tbl-pay tr, .act-basic tr {
    height: 50px;
}

.sco-item-expense {
    color: #999;
    font-size: 12px;
}

.sco-item-expense ol li span, .sco-item-expense ol li h3 {
    vertical-align: middle;
}

.sco-item-expense>ul>.fl {
    color: #999;
}

.sco-item-expense>ul>.fr {
    font-size: 12px;
}

.sco-item-expense>ol>.fl {
    color: #999;
}

.sco-item-expense>ol h3 {
    display: inline-block;
    font-size: 16px;
    color: #ff9630;
}

.sco-item-expense>ol>.fr {
    font-size: 12px;
}

.sco-item-charge>ol {
    line-height: 22px;
}

.sco-item-charge>ol>.fr {
    font-size: 14px;
}

.sco-item-charge>ol>li:nth-of-type(3) {
    margin-right: 10px;
}

.sco-item-expense>ol>.fr span {
    vertical-align: top;
    display: inline-block;
    width: 400px;
}

.sco-item>.sco-item-wddp {
    color: #999;
    border: 0 none;
}

.sco-item-form-cost>li {
    line-height: 18px;
    font-size: 12px;
}

.sco-item-form-cost li span:nth-of-type(2) {
    font-size: 16px;
}

.sco-item-form-cost>:first-child {
    color: #42A5DB;
}

.sco-item-form-cost h3 {
    display: inline-block;
    font-size: 16px;
    color: #ff9630;
}

.sco-item-wddp>ul>li>span {
    vertical-align: middle;
}

.sco-item-form-time>:first-child {
    color: #666;
    font-size: 12px;
}

.sco-item-form-cost>li:nth-of-type(3) {
    margin-right: 20px;
}

.sco-item-form-time>li>ol {
    font-size: 12px;
}

.sco-item-wddp>ol>.fl, .sco-item-wddp>ol>.fr {
    color: #999;
    font-size: 12px;
}

.sco-item-form-time>li:nth-of-type(2) {
    color: #ff9630;
}

.sco-item-wddp>ol>li:nth-of-type(2) {
    width: 400px;
}

#vip-content label, .sco-item label, .act-basic label {
    color: #999;
}

.form-field .text-box {
    border: 1px solid #ccc;
    margin-top: 10px;
}

.sco-item>span.remark {
    color: red;
}

#vx-pay-item {
    width: 170px;
    height: 228px;
    border: 1px solid #e2e2e2;
    text-align: center;
    margin: 0 auto;
}

#vx-pay {
    width: 167px;
    height: 167px;
    margin-top: 12px;
}

.vx-pay-text {
    width: 139px;
    /* background: url(./img/erweima-icon.png) 2px center no-repeat; */
    margin: 0 auto;
}

.vx-pay-text .bg {
    width: 30px;
    height: 26px;
    margin-top: 6px;
    background-position: -428px -160px;
}

.vx-pay-text .fr p {
    /* width: auto; */
    font-size: 12px;
    color: #a0a0a0;
    font-weight: normal;
    line-height: 14px;
    text-align: left;
    /* padding-left: 45px; */
    font-family: Arial, "宋体";
}

.sco-pay {
    float: left;
    margin: 10px 0;
    position: relative;
    width: 148px;
    height: 40px;
    border: 1px solid #ddd;
    margin-right: 10px;
    cursor: pointer;
    background: url(./img/pay_way.jpg) 0 0 no-repeat;
    transition-duration: 0s;
}

.sco-pay span {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
}

.sco-zfb .bg, .sco-wx .bg {
    width: 20px;
    height: 15px;
    background-position: -488px -160px;
}

.sco-zfb {
    background-position: bottom;
}

.sco-yl {
    background-position: 0 -38px;
}

.sco-smt {
    margin: 10px;
    float: left;
    display: inline-block;
}

.sco-smt p {
    color: #333;
}

.sco-smt span {
    color: #42A5DB;
    font-size: 16px;
}

.sco-paysel {
    border: 1px solid #42A5DB;
}

.sco-paysel .bg {
    display: block;
}

.do-pay span {
    color: #42A5DB;
    font-size: 20px;
}

.do-pay p {
    color: #666666;
    font-size: 14px;
    line-height: 26px;
    margin-top: 4px;
}

.act-basic .form-field {
    margin-top: 10px;
    height: 50px;
}

.act-basic li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #ccc;
    padding: 10px 0;
}

.score-item li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 0;
}

.page-num {
    margin-left: -1px;
    border: 1px solid #e5e5e5;
    color: #707070;
    float: left;
    min-width: 30px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    cursor: pointer;
}

.page-num.page-cur {
    background-color: #a7bbcb;
    border-color: #a7bbcb;
    color: #fff
}

.act-basic li>a {
    margin-left: 5px;
    color: #42A5DB;
}

.form-field span.city {
    color: #333;
}

.form-field td {
    min-width: 100px;
}

.unbdl-diag {
    width: 450px;
    margin: -70px auto;
}

.mbl-bundle-code {
    position: relative;
}

.sco-item input[type="text"], .act-basic input[type="text"], .act-basic input[type="password"], .act-input {
    padding: 0 10px;
    line-height: 24px;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 13px;
    width: 195px;
}

.mbl-bundle .act-input {
    width: 250px;
}

.act-input+a {
    position: absolute;
    right: 100px;
    line-height: 26px;
    color: #42A5DB;
}

.mbl-bundle>div {
    margin: 10px 0;
    text-align: center;
}

.mbl-bundle>div:first-of-type {
    margin-top: 20px;
}

.act-avatar {
    border: 2px solid rgba((85, 85, 85, 0.15));
    margin-right: 20;
    vertical-align: middle;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 2px;
    cursor: pointer;
}

.act-avatar:hover {
    border: 2px solid #42A5DB;
}

.act-basic>table>tbody>tr>td:first-child {
    width: 100px;
}

.form-label {
    width: 100%;
}

.act-content {
    background: #fff;
    padding: 20px;
}

input.act-code {
    margin-left: 10px;
    width: 120px;
    height: 32px;
    background: #42A5DB;
    border-radius: 4px;
    color: #fff;
}

input.act-code:disabled {
    background: #BBB;
}

#mdlman-upload {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -50px
}

.filelist {
    padding: 10px;
    background: #f1f1f1;
}

.filelist h4 {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
}

filelist>p {
    font-size: 14px;
    color: #42A5DB;
    line-height: 24px;
    height: 24px;
}

ul.mdlman-list {
    padding: 10px;
    max-height: 200px;
    overflow-y: scroll;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

li.mdlman-fileItem {
    color: #333;
    font-size: 12px;
    text-align: left;
}

.mdlman-pgrs {
    width: 100%;
    height: 5px;
    background-color: #ccc;
    margin: 5px 0;
    opacity: 0;
    overflow: hidden;
}

.pgrs-value {
    height: 100%;
    width: 0;
    background-color: #42A5DB;
}

.table {
    background: #fff;
}

/*账号管理-VIP会员*/

#vip-content {
    padding: 10px;
    background: #fff;
    border-radius: 2px;
}

.vip-item {
    height: auto;
    border: 1px solid #ccc;
    margin: 10px 10px 0 0;
    position: relative;
    cursor: pointer;
    flex: 1;
    text-align: center;
}

.vip-normal {
    height: auto;
    border: 1px solid #ccc;
    margin: 10px 10px 0 0;
    position: relative;
    flex: 1;
    text-align: center;
    background: #f1f1f1;
}

.vip-item:nth-of-type(3) {
    margin: 10px 0 0 0;
}

.vip-item img, .vip-normal img {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0
}

.vip-sel {
    border: 1px solid #42A5DB;
}

/* .vip-sel img{
    display:block;
} */

#vip-content label {
    font-size: 20px;
    color: #42A5DB;
    ;
}

.vip-item>div, .vip-normal>div {
    background: #f8f8f8;
    color: #727272;
    padding: 20px 0;
}

.vip-sel .bg {
    width: 20px;
    height: 15px;
    background-position: -488px -160px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.vip-item>div>span:nth-of-type(1), .vip-normal>div>span:nth-of-type(1) {
    font-size: 32px;
    line-height: 32px;
}

.vip-item>div>span:nth-of-type(2), .vip-normal>div>span:nth-of-type(2) {
    font-size: 64px;
}

.vip-item>div>span:nth-of-type(3), .vip-normal>div>span:nth-of-type(3) {
    font-size: 16px;
}

.vip-item>.vip-detail>li, .vip-normal>.vip-detail>li {
    padding: 10px;
    border-top: 1px solid #ccc;
    color: #818181;
    font-size: 16px;
}

.vip-item>.vip-detail>li>strong, .vip-normal>.vip-detail>li>strong {
    margin-right: 10px;
}

span.vip-name {
    text-align: center;
    width: 100%;
    color: #333;
    font-size: 24px;
    padding: 30px 0;
    text-align: center;
    display: block;
}

.shop-title {
    max-width: 200px;
}

.vip-pay {
    text-align: center;
}

.vip-pay>.sco-smt {
    float: none;
}

.vip-pay>.sco-smt>p {
    color: #727272;
    margin-bottom: 4px;
    line-height: 18px;
}

.vip-pay>.sco-smt>p>span {
    font-size: 18px;
    margin: 0 4px;
}

/* 账号管理-雇佣 */

.hire-avatar {
    margin-right: 10px;
}

.hire-contant {
    padding-top: 10px;
}

.hire-contant>p {
    line-height: 24px;
}

.hire-contant>p:nth-of-type(1) {
    font-size: 16px;
    color: #333;
}

.hire-contant>p:nth-of-type(2) {
    font-size: 14px;
    color: #666;
}

.hire-nickname {
    font-weight: bold;
}

/*消息页*/

.refer-content {
    margin-left: 60px;
    padding-top: 5px;
}

.refer-content>div:first-child>span:first-child {
    font-weight: bold;
}

.refer-content>div:nth-of-type(2) {
    font-size: 12px;
    color: #999;
    margin-bottom: 5px;
}

.refer-content a {
    color: #42A5DB;
}

/*通知Page*/

.set-left.notice-lt {
    height: 378px;
}

/*ERRORPAGE*/

div.error {
    width: 404px;
    position: relative;
    top: 50%;
    margin: 0 auto;
}

div.content {
    background-color: #fff;
    padding: 2em 1.25em;
    border: 1px solid #babbbc;
    box-shadow: 0px 1px 5px 2px rgba(85, 85, 85, 0.15);
    border-radius: 4px;
    text-align: center;
}

/*消息管理*/

.forbid {
    color: #ccc;
    cursor: default;
}

.forbid:hover {
    color: #ccc;
}

.date-picker {
    padding: 2px;
    display: inline-block;
    margin-right: 5px;
    width: 124px;
}

.date-picker:nth-of-type(2) {
    margin: 0;
}

.date-picker input {
    width: 120px;
    text-align: center;
    line-height: 24px;
}

.mmg-search-addtime, .mmg-search-condition, .mmg-search-box {
    vertical-align: middle;
    display: inline-block;
}

.mmg-search-addtime>span {
    line-height: 32px;
}

.mmg-search {
    border-radius: 0;
}

.mmg-search select {
    margin-left: 20px;
    height: 32px;
    border: 1px solid #42A5DB;
    box-shadow: 0 0 2px #42A5DB;
}

.mmg-search-total {
    padding-left: 20px;
}

.mmg-search-textbox {
    width: 200px;
    margin-left: 20px;
}

.mmg-search-total {
    font-size: 14px;
    color: #999;
}

.mmg-search-total strong, .srch-cdt-total strong {
    color: #42A5DB;
    padding: 0 4px;
}

.mmg-content-title {
    background: #eee;
}

.mmg-content-title>ul {
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
}

.mmg-content-title>ul>li {
    width: 140px;
    text-align: left;
    float: left;
}

.mmg-content-title .check+label:after {
    top: 25px;
}

.mmg-content-title>ul>li:first-of-type {
    width: 60px;
}

.mmg-basic {
    background: #fff;
    padding: 0 0 10px 20px;
}

.mmg-basic>input {
    margin-top: 10px;
}

.mmg-basic li {
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
}

.mmg-basic li:last-of-type {
    border: 0;
}

.mmg-basic li label {
    line-height: 50px;
    margin-right: 40px;
}

.mmg-basic li>a, .mmg-basic li span {
    width: 140px;
    text-align: left;
    padding-right: 20px;
    box-sizing: border-box;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mmg-basic .check+label:after {
    top: 20px;
}

.mmg-basic .operation a {
    margin-right: 10px;
}

@media screen and (max-width:1200px) {
    .right-item .nodescribe, .right-item .noaddtime {
        display: none;
    }
    .mmg-content-title>ul>li {
        width: 166px;
    }
    .mmg-basic li>a, .mmg-basic li span {
        width: 166px;
    }
    .mmg-search-condition {
        float: right;
    }
    .mmg-search-box {
        line-height: 32px;
        display: block;
        margin-top: 10px;
    }
    .mmg-search-box .mmg-search-textbox {
        margin-left: 0;
    }
    .mmg-search-textbox {
        width: 283px;
    }
    .mmg-search-total {
        float: right;
    }
}

@media screen and (max-width:992px) {
    .mmg-content-title>ul>li {
        width: 124px;
    }
    .mmg-basic li>a, .mmg-basic li span {
        width: 124px;
    }
}

@media screen and (max-width:768px) {
    /* 账号管理 */
    .right-item .mmg-search {
        display: none;
    }
    .right-item .noprice, .right-item .nostate {
        display: none;
    }
    .mmg-content-title>ul>li:first-of-type {
        width: 37px;
    }
    .mmg-basic li label {
        margin-right: 18px;
    }
    .mmg-content-title>ul>li:nth-of-type(2), .mmg-basic li a {
        text-align: center;
        padding-right: 0;
        width: 100px;
    }
    .mmg-basic li a {
        text-align: left;
    }
    .mmg-content-title>ul>li:last-of-type, .mmg-basic li span {
        float: right;
        text-align: center;
        padding-right: 0;
        width: 116px;
    }
    /* 账号管理-微币管理-收入记录 */
    .sco-item-income {
        height: 86px;
    }
    .sco-item-income ul>li:nth-of-type(2) {
        float: right;
        margin-right: 0;
    }
    .sco-item-income>ol {
        top: 34px;
        right: 0;
    }
    .sco-item-expense>ul>.fl {
        margin-right: 20px;
    }
    .sco-item-expense>ul>.fr, .sco-item-expense>ol>.fr {
        float: left;
    }
    .sco-item-expense>ol>.fl {
        width: 100%;
    }
    .sco-item-expense>ol>.fr {
        width: 100%;
    }
    .sco-item-expense>ol>.fr span {
        width: 88%;
    }
    .sco-item-wddp>ol>li:nth-of-type(2) {
        float: left;
        width: 100%;
    }
    .sco-item-form-time>li>ol {
        float: left;
    }
    /* 账号管理-个人资料 */
    .edit-left {
        width: 230px;
        height: 230px;
    }
    .edit-right {
        width: 110px;
        height: 230px;
    }
    .edit-right .img-preview {
        width: 80px;
        height: 80px;
    }
    label.mes-btn.uld-avator {
        margin: 75px 0 4px 0;
    }
    /* 账号管理-VIP会员 */
    .vip-apply {
        display: block;
        flex-wrap: nowrap;
    }
    .vip-apply>div {
        width: 100%;
        display: block;
        flex: 0;
        margin-right: 0;
    }
    .vip-item>div>span:nth-of-type(2) {
        font-size: 48px;
    }
}

/*新3D模型页*/

/*全局*/

* {
    border: 0;
    margin: 0;
    padding: 0;
    transition: all 0.001s;
    box-sizing: border-box
}

div {
    user-select: none;
}

body>div#model {
    width: 100%;
    height: 100%;
}

h1, h2, h3, h4, h5, h6, p, label, ul, input {
    margin: 0;
}

ul, ol {
    list-style-type: none;
    padding: 0;
}

:focus, a, a:active, a:focus, a:hover, button, button:focus {
    outline: 0;
}

button[disabled] {
    cursor: default;
    background-color: #aaa;
}

.box-shadow {
    box-shadow: 0 1px 5px 0 rgba(85, 85, 85, 0.15);
}

input:disabled {
    background: #ccc
}

input:disabled:hover {
    background: #ccc
}

.filter {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
}

.filter.light {
    opacity: 0.5;
}

/*新3D模型页*/

.menu {
    width: 100%;
    height: 100%;
}

.ZwViewerStudio {
    width: 100%;
    height: 100%;
}

.slider {
    display: inline-block;
    width: 300px;
    height: calc( 100% - 80px);
    z-index: 10;
    overflow-y: auto;
    border-width: 2px;
    position: absolute;
    left: 0px;
    border-top: 0 none;
    transition: left 0.2s;
    margin-top: 55px;
}

.slider.hide {
    left: -400px;
}

.sli-tgl-box, .setting-panel {
    position: absolute;
    padding: 8px;
    z-index: 1;
}

.setting-panel {
    bottom: 0px;
    right: 0px;
    z-index: auto;
}

.setting-panel:hover {
    cursor: pointer;
}

div.tab-bar {
    text-align: center;
    position: relative;
    z-index: 999;
}

div.tab-bar a.bar-item {
    height: 36px;
    line-height: 36px;
    padding: 10px 10px 5px;
    font-size: 16px;
    font-weight: bold;
    color: #ccc;
}

div.tab-bar a.bar-item:hover {
    border-bottom: 2px solid #ccc;
}

div.tab-bar a.bar-item.active {
    color: #333;
    border-bottom: 2px solid #333;
}

.desc-list {
    position: absolute;
    height: 100%;
    min-width: 100%;
    top: 0;
}

.dialog-viewer {
    position: fixed;
    left: 350px;
    z-index: 20;
}

.editor {
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block;
    transition: width 0.2s;
}

.editor.full-screen {
    width: 100%;
}

.comptree {
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
}

li.active>span.tree-icon {
    transform: rotate(90deg);
}

li+ul.children-node {
    display: none;
}

li.active+ul.children-node {
    display: block;
}

.ZwViewer {
    height: 100%;
    width: 100%
}

.ZwViewCube {
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 120px;
}

.loading-state {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 101;
}

.cadbr-diag {
    position: absolute;
    text-align: center;
    width: 300px;
    top: 50%;
    left: 50%;
    margin-left: -150px;
}

.loading-per {
    width: 100%;
    height: 5px;
    background-color: #42A5DB;
}

.children-node li {
    height: 36px;
    line-height: 36px;
    color: #333;
    white-space: nowrap;
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%;
}

.children-node li span {
    vertical-align: middle;
    cursor: pointer;
}

.children-node li span:hover {
    font-weight: bold;
}

.children-node li span.uncursor {
    pointer-events: none;
    cursor: default;
}

.children-node li span.uncursor:hover {
    font-weight: normal
}

.reward-diag {
    width: 450px;
    margin: -134px auto;
}

.rew-coin {
    margin: 10px 0;
}

.rew-coin>span {
    color: #666;
    font-size: 24px;
}

.rew-btn {
    background-color: #ff9630;
    color: #fff;
    width: 80px;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
}

.diag-thumb {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    background: #eee;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 2px solid #eee;
    margin: 10px auto;
}

/* .tree-icon.expanded {
    transform: rotate(90deg);
} */

input[type=checkbox] {
    height: 20px;
    width: 20px;
    line-height: 36px;
    vertical-align: middle
}

.tree-icon {
    cursor: pointer;
    width: 0;
    height: 0;
    margin-left: 10px;
    margin-right: 8px;
    border: 8px solid transparent;
    border-right-width: 0;
    border-left-color: #333;
    border-left-width: 10px;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: transform .3s ease-in-out;
    display: inline-block;
    vertical-align: middle;
}

.tree-icon.is-leaf {
    border-color: transparent;
    cursor: default;
}

#operation {
    position: absolute;
    margin-left: 50%;
    bottom: 10px;
}

/* #op-views>li, #op-sec>li, #op-render>li {
    margin-bottom: 10px;
} */

@media screen and (max-width:768px) {
    .set-right {
        width: 100%
    }
    /* .slider{
     position:absolute;
     left:-300px;
     } */
    .editor {
        width: 100%;
    }
    .setpage-bg>.mdls-container>.mdl-container>.set-container>.set-left {
        position: fixed;
        top: 50%;
        left: -128px;
        margin-top: -130px;
        z-index: 6;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
        transition: left 0.5s;
    }
    .setpage-bg>.mdls-container>.mdl-container>.set-container>.set-left.active {
        left: 0px;
    }
    .setpage-bg .act-basic table {
        width: 100%;
    }
    .noticepage-bg .set-left {
        position: fixed;
        top: 50%;
        left: -128px;
        margin-top: -130px;
        z-index: 6;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
        transition: left 0.5s;
    }
    .noticepage-bg .set-left.active {
        left: 0;
    }
    .publish-diag {
        width: 300px;
    }
    .sm-diag {
        width: 370px;
    }
}

@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}

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

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*操作按钮*/

#menus {
    transform: translateX(-50%);
    opacity: 0.7;
    transition: opacity 0.1s;
}

/* #submenus {
    position: absolute;
    transform: translateX(-50%);
    top: 0;
} */

#menus:hover {
    opacity: 1;
    background-color: #fff;
}

#menus>li {
    float: left;
}

#menus>li>a.oper {
    display: inline-block;
}

.oper, .sliderTgl, .setting-icon, .dim-mode, .mini-icon {
    cursor: pointer;
    width: 46px;
    height: 46px;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    transform: translate3d(0, 0, 0);
    position: relative;
    background: url('./img/viewer-icon.png');
    -webkit-background-size: 330px 913px;
    -moz-background-size: 330px 913px;
    -ms-background-size: 330px 913px;
    background-size: 330px 913px;
}

.oper {
    background-color: rgb(219, 219, 219);
}

.oper:hover, .oper.active {
    background-color: #fff;
}

#menus>li.oper {
    box-shadow: 0 0px 0 1px rgba(66, 165, 219, 0.8);
}

#menus>li.oper:hover, #menus>li.oper.active {
    box-shadow: 0 0px 3px 3px rgba(66, 165, 219, 0.8);
    z-index: 1;
}

.oper-menu {
    position: absolute;
    z-index: 100;
    background-position: -166px -582px;
}

.oper-eyes {
    background-position: -83px 0px;
}

.oper-views {
    background-position: 84px -250px;
}

.oper-exp {
    background-position: -83px -331px;
}

.oper-sec {
    background-position: -167px -331px;
}

.oper-render {
    background-position: 0px -581px;
}

.oper-measure {
    background-position: -167px -830px;
}

.oper-info {
    background-position: 2px -664px;
}

.oper-camera {
    background-position: -247px 0px;
}

.oper-camera.active {
    background-position: 0px 0px;
}

.oper-unit {
    background-position: -247px -82px;
}

.pause-icon {
    background-position: -164px 278px;
}

.play-icon {
    background-position: -164px 332px;
}

.stop-icon {
    background-position: -164px 220px;
}

.sliderTgl, .setting-icon {
    border: 0px;
    box-shadow: 0 0 0 #fff;
}

.sliderTgl:hover {
    color: #42A5DB;
}

.sliderTgl {
    background-position: -83px -664px;
}

.setting-icon {
    background-position: -167px -664px;
}

.menu-items {
    position: absolute;
    transform: scale(0);
    transition: 0.2s;
    transform-origin: 23px 23px;
    bottom: 0;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.menu-items.show {
    transform: scale(1);
}

.menu-items.m2 {
    height: 46px;
}

.menu-items.m8 {
    width: 100px;
    padding: 10px;
}

.menu-items.diag.m5d, .menu-items.diag.m6 {
    position: fixed;
    box-sizing: border-box;
    padding: 5px 10px;
    top: 0;
    right: 0;
    bottom: auto;
    width: 300px;
    background-color: #E2E6E9;
    border: 1px solid #BEC2C5;
    border-radius: 5px;
    box-shadow: 2px 2px 2px #aaaaaa;
    transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    /* IE 9 */
    -webkit-transform-origin: 100% 0;
    /* Safari 和 Chrome */
    -moz-transform-origin: 100% 0;
    /* Firefox */
    -o-transform-origin: 100% 0;
    z-index: 1;
}

.menu-items.diag.m6 {
    width: 360px;
}

.menu-items.diag.m6 .type, .menu-items.diag.m6 .detail {
    border: 1px solid #9DA1A4;
    padding: 5px;
    margin-top: 15px;
    position: relative;
}

.menu-items.diag.m6 .type {
    height: 38px;
}

.menu-items.diag.m6 .detail {
    height: auto;
}

.menu-items.diag.m6 .detail .menu-title {
    position: absolute;
    top: -9px;
    left: 0px;
    background: #E2E6E9;
}

.menu-items.diag.m5d div, .menu-items.diag.m6 div {
    margin-top: 5px;
}

.menu-items.diag.m5d span, .menu-items.diag.m6 span {
    font-size: 12px;
    margin-left: 5px;
    vertical-align: middle;
}

.menu-items.diag.m5d img, .menu-items.diag.m6 img {
    vertical-align: middle;
}

.menu-items.diag.m5d input, .menu-items.diag.m6 input {
    margin-left: 10px;
    height: 20px;
    padding-left: 5px;
    background-color: #F0F0F0;
    vertical-align: middle;
}

.menu-items.diag.m5d input[type='text'] {
    width: 174px;
}

.menu-items.diag.m5d input, .menu-items.diag.m5d span.title {
    float: right;
}

.menu-items.diag.m5d input[type='button'], .menu-items.diag.m6 input[type='button'] {
    border-radius: 5px;
    color: #fff;
    background-color: #389C9E;
    cursor: pointer;
    float: right;
    height: 24px;
    box-shadow: 1px 1px 1px 0 #498383;
    padding: 2px 8px;
}

.menu-items.diag.m5d input[type='button']:hover, .menu-items.diag.m6 input[type='button']:hover {
    opacity: 0.8;
}

.menu-items.diag.m6 input[type='text'] {
    width: 110px;
}

.menu-items.diag.m5d .close, .menu-items.diag.m6 .close {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 10px;
    top: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABA0lEQVQ4T6XTsStFcRjG8c/NH6CUMhgMBou/xEBuxGBgkDLZbWaZlLrFQFEiJn+IxWAwKnXLf6C3zlu/zv3d68hvPL/3+Z73PM9zev55eo3+Gcd47chbxgnWEjCNgBzg7RdIiM/Qx3cCQjODexxOgCzhAqshDlEJSMgT9vDe2mQRl7E2hnnXBsTzWTxiBx/NYIgH2MRXCa4B4n4Ot9hthq+x3hbXPqGEB+QOU9jAZ83ccRvE7DxuGtHWXwHx9kgkfIhzhe0apLZBKU4TF1D1oQ3IBMK8WowjSZSAED+M6UD6N9KFBEQLo0D7HaocbTxvkhkm4AVHHcS5SUBOsTIpxk4/5g/VXDARW/AGuQAAAABJRU5ErkJggg==);
    background-size: 15px 15px;
    cursor: pointer;
}

.menu-items li {
    float: left;
}

.oper-top-view {
    background-position: -1px -250px;
}

.oper-left-view {
    background-position: -84px -166px;
}

.oper-right-view {
    background-position: 0px -166px;
}

.oper-down-view {
    background-position: -166px -166px;
}

.oper-front-view {
    background-position: 0px -331px;
}

.oper-back-view {
    background-position: -83px -248px;
}

.oper-xy {
    background-position: -83px -83px;
}

.oper-yz {
    background-position: -166px -83px;
}

.oper-zx {
    background-position: 0px -83px;
}

.oper-show {
    background-position: -83px 0px;
}

.oper-exp-no {
    background-position: -166px 0px;
}

.oper-face-line {
    background-position: 0px -415px;
}

.oper-face {
    background-position: 0px -498px;
}

.oper-line {
    background-position: -166px -498px;
}

.oper-wire {
    background-position: -83px -498px;
}

.oper-m-l {
    background-position: -83px -83px;
}

.oper-m-a {
    background-position: -166px -83px;
}

.oper-m-p {
    background-position: 0px -83px;
}

.oper-floor {
    background-position: -166px -415px;
}

.oper-shadow {
    background-position: -83px -415px;
}

.oper-ssao {
    background-position: -166px -249px;
}

form.range-box {
    position: relative;
    width: 194px;
    left: 10px;
    bottom: -6px;
}

input[type="range"].range {
    display: inline-block;
    width: 140px !important;
    height: 16px;
    background-color: rgb(222, 222, 222);
    border-radius: 4px;
    -webkit-appearance: none;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    cursor: default;
    background: #fff;
    top: -5px;
    height: 32px;
    width: 24px;
    border-radius: 20%;
    border: 1px solid #ccc;
    box-shadow: 0 0 0px 1px #1ca19d;
}

input[type="range"]::-webkit-slider-thumb:active {
    background: none repeat scroll 0 0 #42A5DB;
}

.menu-items output {
    text-align: center;
    line-height: 40px;
    width: 46px;
    height: 40px;
    padding: 0;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
}

/*WARN*/

.md-modal {
    position: fixed;
    top: -100px;
    left: 50%;
    width: 400px;
    height: auto;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show {
    visibility: visible;
    top: 50px;
}

.md-content {
    background: #EDF2FC;
    border: 1px solid #ccc;
    border-radius: 5px;
    line-height: 30px;
    color: #333;
    padding: 10px;
}

.md-effect-1 .md-content {
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
    opacity: 1;
}

input.pwd {
    border: 1px solid #1ca19d;
    height: 40px;
    width: 200px;
    padding: 0 10px;
}

input.btn {
    height: 40px;
    background-color: #1ca19d;
    color: #fff;
    padding: 0 20px;
}

input.btn:hover {
    background-color: rgb(21, 139, 136);
    cursor: pointer;
}

.pwd-container {
    position: fixed;
    width: 320px;
    height: auto;
    z-index: 2000;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.annotation {
    position: absolute;
    z-index: 1;
    margin-left: 0px;
    margin-top: 0px;
    padding: 0px;
    color: #000000;
    background-color: #fff;
    font-size: 16px;
    line-height: 1.2;
    transition: opacity 0.5s;
    /* pointer-events: none; */
}

.annotation.pointer {
    pointer-events: auto;
}

.annotation.border {
    border: 2px solid #000000;
    border-radius: 2px;
}

.annotation p {
    white-space: nowrap;
    padding: 1px 5px;
    -moz-user-select: none;
    /* Firefox私有属性 */
    -webkit-user-select: none;
    /* WebKit内核私有属性 */
    -ms-user-select: none;
    /* IE私有属性(IE10及以后) */
    -khtml-user-select: none;
    /* KHTML内核私有属性 */
    -o-user-select: none;
    /* Opera私有属性 */
    user-select: none;
    /* CSS3属性 */
}

.setting-box {
    position: absolute;
    right: 0;
    bottom: 50px;
    width: 200px;
    height: auto;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #1ca19d;
    border-radius: 5px;
    cursor: default
}

.setting-box li span {
    display: inline-block;
    height: 30px;
    line-height: 30px;
}

.setting-box input {
    height: 20px;
    float: right;
    margin: 5px;
    cursor: pointer;
}

.mini-icon {
    display: inline-block;
    height: 30px;
    width: 30px;
    border: 0px;
    box-shadow: 0 0 0 #fff;
    -webkit-background-size: 220px 608px;
    -moz-background-size: 220px 608px;
    -ms-background-size: 220px 608px;
    background-size: 220px 608px;
}

.mini-icon.hide {
    display: none;
}

.part-icon {
    background-position: -56px -496px;
}

.branch-icon {
    background-position: -110px -496px;
}

.li-icon, .c-icon {
    background-position: -110px -166px;
}

.ag-icon {
    background-position: -110px -54px;
}

.d-icon {
    background-position: -110px -328px;
}

.r-icon {
    background-position: -110px 0px;
}

.le-icon {
    background-position: 0px -496px;
}

.dimtree-icon {
    background-position: 0px -554px;
}

.anitree-icon {
    background-position: -164px -110px;
}

.exptree-icon {
    background-position: -160px -218px;
}

#menu {
    width: 0;
    display: none;
    overflow: hidden;
    background: #fff;
    border: .0625em solid darkgray;
    box-shadow: 0.2em 0.2em 0.24em rgba(85, 85, 85, 0.15);
    position: absolute;
    z-index: 2;
}

.right-btn-menu {
    width: 130px;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    cursor: pointer;
}

.mode-list {
    text-align: center;
}

.dim-mode {
    width: 34px;
    height: 34px;
    display: inline-block;
    margin: 0 10px;
}

.dim-mode.dm1 {
    background-position: -172px -500px;
}

.dim-mode.dm2 {
    background-position: -172px -5px;
}

.dim-mode.cur {
    border: 1px solid #1ca19d;
    background-color: #FFF;
}

.warn-content {
    text-align: center
}

#jqContextMenu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 106;
    width: 200px;
    display: none;
    padding: 0;
    text-align: left;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 3px;
    box-shadow: 0 7px 21px rgba(0, 0, 0, .1);
    -webkit-border-radius: 3px;
}

#jqContextMenu.show {
    display: block;
}

#jqContextMenu>ul>li {
    line-height: 30px;
    position: relative;
}

#jqContextMenu>ul li:hover {
    background-color: #f7f7f7;
}

#jqContextMenu>ul li.active {
    display: list-item;
}

#jqContextMenu ul li a {
    display: block;
    cursor: pointer;
    padding: 5px 15px;
    text-decoration: none;
    color: grey;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#jqContextMenu ul li a.icon-container {
    position: absolute;
    top: 0;
    right: 0px;
    display: none;
}

#jqContextMenu>ul li:hover a.icon-container {
    display: block;
}

.sel-icon {
    width: 20px;
    height: 20px;
    background: url(./img/sel-icon.png);
    background-size: 20px 20px;
    vertical-align: middle;
}

/*自适应*/

@media screen and (max-width:768px) {
    .set-right {
        width: 100%
    }
    .slider {
        position: absolute;
        left: -300px;
    }
    .editor {
        width: 100%;
    }
    .setpage-bg>.mdls-container>.mdl-container>.set-container>.set-left {
        position: fixed;
        top: 50%;
        left: -128px;
        margin-top: -130px;
        z-index: 6;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
        transition: left 0.5s;
    }
    .setpage-bg>.mdls-container>.mdl-container>.set-container>.set-left.active {
        left: 0px;
    }
    .setpage-bg .act-basic table {
        width: 100%;
    }
    .noticepage-bg .set-left {
        position: fixed;
        top: 50%;
        left: -128px;
        margin-top: -130px;
        z-index: 6;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
        transition: left 0.5s;
    }
    .noticepage-bg .set-left.active {
        left: 0;
    }
    .publish-diag {
        width: 300px;
    }
    .sm-diag {
        width: 370px;
    }
}

@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}

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

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*头像*/

.cropper-container {
    font-size: 0;
    line-height: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    direction: ltr;
    -ms-touch-action: none;
    touch-action: none
}

.cropper-container img {
    /* Avoid margin top issue (Occur only when margin-top <= -height) */
    display: block;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    max-height: none !important;
    width: 100%;
    height: 100%;
    image-orientation: 0deg
}

.cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.cropper-wrap-box {
    overflow: hidden;
}

.cropper-drag-box {
    opacity: 0;
    background-color: #fff;
}

.cropper-modal {
    opacity: .5;
    background-color: #000;
}

.cropper-view-box {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    outline: 1px solid #39f;
    outline-color: rgba(51, 153, 255, 0.75);
}

.cropper-dashed {
    position: absolute;
    display: block;
    opacity: .5;
    border: 0 dashed #eee
}

.cropper-dashed.dashed-h {
    top: 33.33333%;
    left: 0;
    width: 100%;
    height: 33.33333%;
    border-top-width: 1px;
    border-bottom-width: 1px
}

.cropper-dashed.dashed-v {
    top: 0;
    left: 33.33333%;
    width: 33.33333%;
    height: 100%;
    border-right-width: 1px;
    border-left-width: 1px
}

.cropper-center {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    opacity: .75
}

.cropper-center:before, .cropper-center:after {
    position: absolute;
    display: block;
    content: ' ';
    background-color: #eee
}

.cropper-center:before {
    top: 0;
    left: -3px;
    width: 7px;
    height: 1px
}

.cropper-center:after {
    top: -3px;
    left: 0;
    width: 1px;
    height: 7px
}

.cropper-face, .cropper-line, .cropper-point {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: .1;
}

.cropper-face {
    top: 0;
    left: 0;
    background-color: #fff;
}

.cropper-line {
    background-color: #39f
}

.cropper-line.line-e {
    top: 0;
    right: -3px;
    width: 5px;
    cursor: e-resize
}

.cropper-line.line-n {
    top: -3px;
    left: 0;
    height: 5px;
    cursor: n-resize
}

.cropper-line.line-w {
    top: 0;
    left: -3px;
    width: 5px;
    cursor: w-resize
}

.cropper-line.line-s {
    bottom: -3px;
    left: 0;
    height: 5px;
    cursor: s-resize
}

.cropper-point {
    width: 5px;
    height: 5px;
    opacity: .75;
    background-color: #39f
}

.cropper-point.point-e {
    top: 50%;
    right: -3px;
    margin-top: -3px;
    cursor: e-resize
}

.cropper-point.point-n {
    top: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: n-resize
}

.cropper-point.point-w {
    top: 50%;
    left: -3px;
    margin-top: -3px;
    cursor: w-resize
}

.cropper-point.point-s {
    bottom: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: s-resize
}

.cropper-point.point-ne {
    top: -3px;
    right: -3px;
    cursor: ne-resize
}

.cropper-point.point-nw {
    top: -3px;
    left: -3px;
    cursor: nw-resize
}

.cropper-point.point-sw {
    bottom: -3px;
    left: -3px;
    cursor: sw-resize
}

.cropper-point.point-se {
    right: -3px;
    bottom: -3px;
    width: 20px;
    height: 20px;
    cursor: se-resize;
    opacity: 1
}

@media (min-width: 768px) {
    .cropper-point.point-se {
        width: 15px;
        height: 15px
    }
}

@media (min-width: 992px) {
    .cropper-point.point-se {
        width: 10px;
        height: 10px
    }
}

@media (min-width: 1200px) {
    .cropper-point.point-se {
        width: 5px;
        height: 5px;
        opacity: .75
    }
}

.cropper-point.point-se:before {
    position: absolute;
    right: -50%;
    bottom: -50%;
    display: block;
    width: 200%;
    height: 200%;
    content: ' ';
    opacity: 0;
    background-color: #39f
}

.cropper-invisible {
    opacity: 0;
}

.cropper-bg {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
}

.cropper-hidden {
    display: none !important;
}

.cropper-move {
    cursor: move;
}

.cropper-crop {
    cursor: crosshair;
}

.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
    cursor: not-allowed;
}

.box {
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
}

.img-preview {
    overflow: hidden;
}

/* 过渡 */

:global(.transitionWrapper-enter) {
    opacity: 0.1;
    top: 1000px;
    transition: all 30000ms ease-in;
}

:global(.transitionWrapper-enter.transitionWrapper-enter-active) {
    opacity: 1;
    top: 0px;
}

:global(.transitionWrapper-leave) {
    opacity: 1;
    transition: all 30000ms ease-in;
}

:global(.transitionWrapper-leave.transitionWrapper-leave-active) {
    opacity: 0;
    top: 1000px;
}

.transitionWrapper {
    position: fixed;
}