/**end**/ .omit { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ellip { -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .m15 { margin-top: 15px !important; } .clear { clear: both; } .flex { display: flex; text-align: center; .f { flex: 1; overflow: hidden; } } .btn { color: white; background-color: $main-color; border-radius: 30px; font-size: 15px; text-align: center; padding: 5px 5px; } .form_group { padding: 9px 10px 9px 10px; overflow: hidden; background-color: white; position: relative; &.form_group:last-child { border-bottom: 0px; } .lable { font-size: 17px; text-align: left; color: #545555; position: relative; font-weight: bold; } .re { &::before { content: '*'; width: 0px; height: 0px; color: red; position: absolute; top: -7px; left: -8px; font-weight: bold; } } .avatar { position: absolute; top: 0px; right: 0px; width: 55px; height: 55px; border-radius: 50%; } picker { position: relative; .more { position: absolute; right: 7px; top: 13px; font-weight: normal; color: $font-c; } } .uni-file-picker { margin-top: 12px; } .up { color: $font-c; font-size: 15px; padding: 5px; .icon { padding-right: 5px; } } .fjsc { margin-top: 3px; color: $font-c; font-size: 13px; } .uni-data-tree { margin-top: 12px; .placeholder { font-size: 15px; } } input { font-size: 15px; border-radius: 5px; padding: 10px; margin-top: 12px; border: 1px solid #d0d0d0; color: $font-c; } .ops { position: absolute; right: 23px; top: 53px; font-size: 15px; color: $main-color; z-index: 11; } textarea { font-size: 15px; border-radius: 5px; padding: 10px; margin-top: 12px; height: 90px; width: 93%; border: 1px solid #d0d0d0; color: $font-c; } } /**标签**/ .tabs { background-color: white; padding: 5px; .label { display: none; } .search { display: none; } } /**PC端产品列表**/ .goods { .list { margin-top: 10px; padding-left: 10px; .fimg { width: 100%; } .item { float: left; width: 50%; overflow: hidden; text-align: center; position: relative; .out { padding: 0px 12px 10px 0px; .inside { background-color: white; padding: 0px 0px 3px 0px; border-radius: 5px; overflow: hidden; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05); position: relative; .img { width: 100%; height: 164px; background-color: #e0e0e0; } .title { font-size: 14px; font-weight: 400; color: #333; padding: 8px 10px 0px 10px; text-align: left; } .time { padding: 8px 10px 10px 10px; float: left; color: #919191; font-size: 13px; } .price { padding: 8px 10px 10px 10px; float: left; color: $main-color; font-size: 14px; } .kc { padding: 8px 10px 10px 10px; float: right; color: #919191; font-size: 13px; } } } } } .detail { background-color: white; .content { padding-bottom: 30px; .right { text-align: left; padding: 15px 15px 0px 15px; .title { font-size: 18px; line-height: 1.6; } .price { font-size: 20px; font-weight: bold; color: $main-color; margin-top: 10px; .m { float: right; font-size: 15px; font-weight: normal; color: #545555; padding-top: 5px; padding-left: 5px; } } } } } } /*行业新闻*/ .news { .list { margin-top: 10px; .item { background-color: white; border-bottom: 1px solid #f0f2f7; padding: 10px; &:last-child { border: 0px; } .img { float: left; width: 100px; height: 70px; border-radius: 5px; background-color: #e0e0e0; } .con { float: left; width: 63%; color: #888; height: 71px; font-size: 13px; line-height: 1.6; padding-left: 10px; position: relative; .title { font-size: 14px; color: #121212; line-height: 1.6; } .desc { display: none; } .date { margin-top: 5px; font-size: 13px; bottom: 0px; position: absolute; } } .look { display: none; float: right; border-radius: 3px; padding: 10px 30px; } } } .detail { background-color: white; padding: 0px 20px 20px 20px; .content { padding-top: 20px; .title { font-size: 18px; } .desc { padding-top: 15px; font-size: 13px; color: #7c8388; text { padding-right: 25px; } } } } } /*****设置**********/ .cmd { margin-top: 10px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08); border-radius: 5px; overflow: hidden; .s_item { padding: 10px; background-color: white; color: $font-c; overflow: hidden; border-bottom: 1px solid #f0f2f7; .le { float: left; font-size: 17px; .jf { padding-left: 10px; color: $main-color; } .qd { font-size: 13px; margin-top: 5px; color: #989898; } } .ri { float: right; padding: 5px 25px; border-radius: 30px; } .ic { display: block; float: left; width: 27px; height: 27px; font-size: 25px; background-color: red; text-align: center; padding: 7px; border-radius: 50%; margin-right: 13px; line-height: 29px; } .title { color: #545555; padding-top: 11px; float: left; } .arrow { font-size: 20px; float: right; color: #9a9a9a; margin-top: 10px; } } } .mfooter { position: fixed; width: 100%; bottom: 0px; background-color: white; text-align: center; padding: 13px 0px 13px 0px; .btn { width: 70%; border-radius: 30px; .icon { padding-right: 3px; } text { color: white !important; } } } .ifnull { color: red; font-weight: bold; } .news_item { background-color: white; border-bottom: 1px solid #f0f2f7; padding: 10px; &:last-child { border: 0px; } .img { float: left; width: 100px; height: 70px; border-radius: 5px; background-color: #e0e0e0; } .con { float: left; width: 63%; color: #888; height: 71px; font-size: 13px; line-height: 1.6; padding-left: 10px; position: relative; .title { font-size: 14px; color: #121212; line-height: 1.6; } .date { margin-top: 5px; font-size: 13px; bottom: 0px; position: absolute; .icon { padding-right: 5px; } } .releaseTime { margin-top: 5px; font-size: 13px; bottom: 0px; position: absolute; right: 0px; } } .look { display: none; float: right; border-radius: 3px; padding: 10px 30px; } } .ppopup { padding: 15px; .sh { font-size: 14px; color: $font-c; padding-top: 7px; } .form_group { padding: 12px 10px 8px 10px; } .btn { width: 70%; border-radius: 30px; margin-top: 20px; } } ._success { background-color: #f0f9eb !important; color: #67c23a !important; } ._info { background-color: #f4f4f5 !important; color: #909399 !important; } ._error { background-color: #fef0f0 !important; color: #f56c6c !important; } .message { padding: 15px; border-radius: 5px; font-size: 14px; background-color: white; color: $font-c; margin-bottom: 10px; .icon { padding-right: 3px; font-size: 16px; } } .vlabel { position: relative; color: $font-c; margin-bottom: 10px; .tag { position: absolute; width: 5px; height: 15px; background-color: $main-color; border-radius: 5px; top: 3px; } .title { margin-left: 10px; float: left; } .more { float: right; font-size: 14px; } }