From ec853dd6a9b6aae07c61884c9d151afc2bb915e6 Mon Sep 17 00:00:00 2001 From: wanghongjun <1445693971@qq,com> Date: Thu, 12 Oct 2023 16:57:17 +0800 Subject: [PATCH] =?UTF-8?q?=E7=AC=AC=E4=BA=8C=E6=AC=A1=E6=8E=A8=E9=80=81?= =?UTF-8?q?=E9=A1=B9=E7=9B=AE3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../view/szwjs/assets/sass/scss/_article.scss | 5 + .../view/szwjs/assets/sass/scss/_banner.scss | 3 + .../view/szwjs/assets/sass/scss/_base.scss | 185 + .../view/szwjs/assets/sass/scss/_border.scss | 16 + .../view/szwjs/assets/sass/scss/_btn.scss | 1 + .../view/szwjs/assets/sass/scss/_detail.scss | 334 ++ .../view/szwjs/assets/sass/scss/_figure.scss | 120 + .../view/szwjs/assets/sass/scss/_fixed.scss | 80 + .../view/szwjs/assets/sass/scss/_foot.scss | 49 + .../view/szwjs/assets/sass/scss/_forms.scss | 99 + .../view/szwjs/assets/sass/scss/_grids.scss | 1 + .../view/szwjs/assets/sass/scss/_header.scss | 112 + .../view/szwjs/assets/sass/scss/_icon.scss | 48 + .../view/szwjs/assets/sass/scss/_index.scss | 294 ++ .../view/szwjs/assets/sass/scss/_input.scss | 25 + .../view/szwjs/assets/sass/scss/_list.scss | 48 + .../view/szwjs/assets/sass/scss/_loading.scss | 160 + .../view/szwjs/assets/sass/scss/_menus1.scss | 80 + .../view/szwjs/assets/sass/scss/_mixins.scss | 2 + .../view/szwjs/assets/sass/scss/_modal.scss | 166 + .../view/szwjs/assets/sass/scss/_msg.scss | 202 + .../view/szwjs/assets/sass/scss/_others.scss | 1 + .../szwjs/assets/sass/scss/_paginate.scss | 10 + .../szwjs/assets/sass/scss/_pagination.scss | 44 + .../szwjs/assets/sass/scss/_products.scss | 818 +++ .../szwjs/assets/sass/scss/_projectItem.scss | 61 + .../view/szwjs/assets/sass/scss/_qianyin.scss | 25 + .../view/szwjs/assets/sass/scss/_qikan.scss | 50 + .../assets/sass/scss/_section-group.scss | 35 + .../view/szwjs/assets/sass/scss/_selects.scss | 43 + .../view/szwjs/assets/sass/scss/_steps.scss | 173 + .../view/szwjs/assets/sass/scss/_table.scss | 176 + .../view/szwjs/assets/sass/scss/_title.scss | 7 + .../view/szwjs/assets/sass/scss/_uc_left.scss | 718 +++ .../szwjs/assets/sass/scss/_umeditor.scss | 9 + .../view/szwjs/assets/sass/scss/_upload.scss | 100 + .../szwjs/assets/sass/scss/_variables.scss | 137 + .../szwjs/assets/sass/scss/_webuploader.scss | 7 + .../view/szwjs/assets/sass/scss/_width.scss | 39 + .../view/szwjs/assets/sass/scss/_xiangmu.scss | 12 + .../view/szwjs/assets/sass/scss/_xuqiu.scss | 4 + .../view/szwjs/assets/sass/scss/_zoom.scss | 37 + .../assets/sass/scss/bootstrap/_forms.scss | 561 ++ .../sass/scss/bootstrap/_variables.scss | 864 ++++ .../assets/sass/scss/mixins/_border.scss | 16 + .../szwjs/assets/sass/scss/mixins/_cols.scss | 29 + .../assets/sass/scss/mixins/_mobile.scss | 0 .../view/szwjs/assets/sass/style0331.scss | 35 + .../szwjs/assets/statics/animate/animate.css | 3340 ++++++++++++ .../statics/bootstrap/bootstrap.min.css | 5 + .../assets/statics/fontawesome/css/all.css | 4329 ++++++++++++++++ .../statics/fontawesome/css/all.min.css | 5 + .../assets/statics/fontawesome/css/brands.css | 14 + .../statics/fontawesome/css/brands.min.css | 5 + .../statics/fontawesome/css/fontawesome.css | 4296 ++++++++++++++++ .../fontawesome/css/fontawesome.min.css | 5 + .../statics/fontawesome/css/regular.css | 15 + .../statics/fontawesome/css/regular.min.css | 5 + .../assets/statics/fontawesome/css/solid.css | 16 + .../statics/fontawesome/css/solid.min.css | 5 + .../statics/fontawesome/css/svg-with-js.css | 346 ++ .../fontawesome/css/svg-with-js.min.css | 5 + .../statics/fontawesome/css/v4-shims.css | 2166 ++++++++ .../statics/fontawesome/css/v4-shims.min.css | 5 + .../fontawesome/webfonts/fa-brands-400.eot | Bin 0 -> 129916 bytes .../fontawesome/webfonts/fa-brands-400.svg | 3459 +++++++++++++ .../fontawesome/webfonts/fa-brands-400.ttf | Bin 0 -> 129612 bytes .../fontawesome/webfonts/fa-brands-400.woff | Bin 0 -> 87688 bytes .../fontawesome/webfonts/fa-brands-400.woff2 | Bin 0 -> 74768 bytes .../fontawesome/webfonts/fa-regular-400.eot | Bin 0 -> 34388 bytes .../fontawesome/webfonts/fa-regular-400.svg | 803 +++ .../fontawesome/webfonts/fa-regular-400.ttf | Bin 0 -> 34092 bytes .../fontawesome/webfonts/fa-regular-400.woff | Bin 0 -> 16804 bytes .../fontawesome/webfonts/fa-regular-400.woff2 | Bin 0 -> 13552 bytes .../fontawesome/webfonts/fa-solid-900.eot | Bin 0 -> 186728 bytes .../fontawesome/webfonts/fa-solid-900.svg | 4527 +++++++++++++++++ .../fontawesome/webfonts/fa-solid-900.ttf | Bin 0 -> 186444 bytes .../fontawesome/webfonts/fa-solid-900.woff | Bin 0 -> 96256 bytes .../fontawesome/webfonts/fa-solid-900.woff2 | Bin 0 -> 74256 bytes .../szwjs/assets/statics/ie/html5shiv.min.js | 4 + .../view/szwjs/assets/statics/ie/ie8.css | 683 +++ .../szwjs/assets/statics/ie/respond.min.js | 5 + .../statics/jquery/1.11.1/jquery.min.js | 4 + .../assets/statics/swiper/swiper.min.css | 15 + .../szwjs/assets/statics/swiper/swiper.min.js | 18 + .../assets/statics/webfont/fonts/icomoon.eot | Bin 0 -> 3196 bytes .../assets/statics/webfont/fonts/icomoon.svg | 21 + .../assets/statics/webfont/fonts/icomoon.ttf | Bin 0 -> 3032 bytes .../assets/statics/webfont/fonts/icomoon.woff | Bin 0 -> 3108 bytes .../szwjs/assets/statics/webfont/style.css | 59 + 90 files changed, 30201 insertions(+) create mode 100644 app/culture/view/szwjs/assets/sass/scss/_article.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_banner.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_base.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_border.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_btn.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_detail.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_figure.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_fixed.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_foot.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_forms.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_grids.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_header.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_icon.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_index.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_input.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_list.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_loading.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_menus1.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_mixins.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_modal.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_msg.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_others.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_paginate.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_pagination.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_products.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_projectItem.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_qianyin.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_qikan.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_section-group.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_selects.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_steps.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_table.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_title.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_uc_left.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_umeditor.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_upload.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_variables.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_webuploader.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_width.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_xiangmu.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_xuqiu.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/_zoom.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/bootstrap/_forms.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/bootstrap/_variables.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/mixins/_border.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/mixins/_cols.scss create mode 100644 app/culture/view/szwjs/assets/sass/scss/mixins/_mobile.scss create mode 100644 app/culture/view/szwjs/assets/sass/style0331.scss create mode 100644 app/culture/view/szwjs/assets/statics/animate/animate.css create mode 100644 app/culture/view/szwjs/assets/statics/bootstrap/bootstrap.min.css create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/css/all.css create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/css/all.min.css create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/css/brands.css create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/css/brands.min.css create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/css/fontawesome.css create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/css/fontawesome.min.css create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/css/regular.css create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/css/regular.min.css create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/css/solid.css create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/css/solid.min.css create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/css/svg-with-js.css create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/css/svg-with-js.min.css create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/css/v4-shims.css create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/css/v4-shims.min.css create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/webfonts/fa-brands-400.eot create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/webfonts/fa-brands-400.svg create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/webfonts/fa-brands-400.ttf create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/webfonts/fa-brands-400.woff create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/webfonts/fa-brands-400.woff2 create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/webfonts/fa-regular-400.eot create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/webfonts/fa-regular-400.svg create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/webfonts/fa-regular-400.ttf create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/webfonts/fa-regular-400.woff create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/webfonts/fa-regular-400.woff2 create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/webfonts/fa-solid-900.eot create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/webfonts/fa-solid-900.svg create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/webfonts/fa-solid-900.ttf create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/webfonts/fa-solid-900.woff create mode 100644 app/culture/view/szwjs/assets/statics/fontawesome/webfonts/fa-solid-900.woff2 create mode 100644 app/culture/view/szwjs/assets/statics/ie/html5shiv.min.js create mode 100644 app/culture/view/szwjs/assets/statics/ie/ie8.css create mode 100644 app/culture/view/szwjs/assets/statics/ie/respond.min.js create mode 100644 app/culture/view/szwjs/assets/statics/jquery/1.11.1/jquery.min.js create mode 100644 app/culture/view/szwjs/assets/statics/swiper/swiper.min.css create mode 100644 app/culture/view/szwjs/assets/statics/swiper/swiper.min.js create mode 100644 app/culture/view/szwjs/assets/statics/webfont/fonts/icomoon.eot create mode 100644 app/culture/view/szwjs/assets/statics/webfont/fonts/icomoon.svg create mode 100644 app/culture/view/szwjs/assets/statics/webfont/fonts/icomoon.ttf create mode 100644 app/culture/view/szwjs/assets/statics/webfont/fonts/icomoon.woff create mode 100644 app/culture/view/szwjs/assets/statics/webfont/style.css diff --git a/app/culture/view/szwjs/assets/sass/scss/_article.scss b/app/culture/view/szwjs/assets/sass/scss/_article.scss new file mode 100644 index 0000000..b416564 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_article.scss @@ -0,0 +1,5 @@ +.article-container{ + background-color: transparent; + display: flex; + flex-direction:row-reverse; +} \ No newline at end of file diff --git a/app/culture/view/szwjs/assets/sass/scss/_banner.scss b/app/culture/view/szwjs/assets/sass/scss/_banner.scss new file mode 100644 index 0000000..8484804 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_banner.scss @@ -0,0 +1,3 @@ +.banner{ + +} diff --git a/app/culture/view/szwjs/assets/sass/scss/_base.scss b/app/culture/view/szwjs/assets/sass/scss/_base.scss new file mode 100644 index 0000000..41d8d43 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_base.scss @@ -0,0 +1,185 @@ +*{ + padding:0; + margin:0; +} +//::-webkit-scrollbar{ +// display:none; +//} +//html { +// -ms-overflow-style:none; +// overflow:-moz-scrollbars-none; +//} +html::-webkit-scrollbar{width:0} +html{ + font-size: $font-html-size; + -webkit-text-size-adjust:100%; +} +body{ + background-color:$body-bg; + font-family:$font-family-sans-serif; + -webkit-font-smoothing: antialiased; + line-height: $line-height-base; + font-size: 0.6rem; + color: $text-color; + min-width:$container-width; +} +.container{ + width: $container-width; +} +.href-abs{ + position: absolute; + display: block; + top:0; + left: 0; + width: 100%; + height: 100%; + opacity: 0; + background-color: rgba(0,0,0,0.1); + font-weight: bold; + font-size: 0; + cursor: pointer; +} +.icon{ + display: inline-block; + vertical-align: middle; + -webkit-background-size:contain; + background-size:contain; + background-position: center; + background-repeat: no-repeat; +} +a{ + color: $link-color; +} +a:hover,a:focus,a:active{ + text-decoration: none; +} +h1, h2, h3, h4, h5, p,ol, ul { + padding: 0; + margin: 0; +} +ul,ol{ + list-style: none; +} +.min-width{ + min-width: $container-width; + margin-left:auto; + margin-right:auto; +} +.dinline-left{ + display: inline-block; + float: left; +} +.dinline{ + display: inline-block; + } +.linh1-7{ + line-height: 1.7rem; + padding:0 0.2rem; +} +.img-100{ + width:100%; + height:auto; +} +.padding-lr-0{ + padding-right:0; + padding-left:0; +} +.padding-r-0{ + padding-right:0; +} +.padding-l-0{ + padding-left:0; +} +.border-top0{ + border-top:0 !important; +} +.overflow-h{ + overflow: hidden; +} +.float-left{ + float: left; +} +.bg-fff{ + background-color: #ffffff; +} +.scroll-y{ + overflow-y: scroll; +} +.border-green{ + border-color: $border-green; +} + +.cat-header{ + position: relative; + + color: $black; + border-bottom:0.1rem solid $grey-e9; + .tit,.list{ + display: inline-block; + float: left; + } + .tit{ + font-size: 1.1rem; + border-bottom: 0.1rem solid $black; + line-height: 2.00rem; + padding-right: 1.8rem; + margin-bottom: -0.1rem; + } + .list{ + padding-left: 0.5rem; + a{ + color: $black; + padding:0 0.5rem; + line-height: 2rem; + font-size: 0.7rem; + &:hover{ + color: $orange; + } + } + } + .more{ + display: inline-block; + color: $green; + font-size: 0.6rem; + float: right; + vertical-align: bottom; + margin-top: 0.5rem; + cursor: pointer; + &:hover{ + color: $orange; + } + } +} +.line-box{ + min-width: 6rem; + width: 100%; + background-color: $bg-ee; + height:0.75rem; + .line-zhi{ + height:0.75rem; + background-color: $orange; + } +} + +input:focus,button:focus,textarea:focus{ + outline: 0; +} +.dropdown-menu{ + position: absolute !important; +} +.min80vh{ + min-height: 80vh; +} + +.dis-block{ + display: block; +} + +.color-success{ + color: green !important; + font-weight: bolder; +} +.color-warning{ + color: red !important; + font-weight: bolder; +} diff --git a/app/culture/view/szwjs/assets/sass/scss/_border.scss b/app/culture/view/szwjs/assets/sass/scss/_border.scss new file mode 100644 index 0000000..2c9ee56 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_border.scss @@ -0,0 +1,16 @@ +@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5){ + .border-1px{ + &:after{ + -webkit-transform: scaleY(0.7); + transform: scaleY(0.7); + } + } +} +@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2){ + .border-1px{ + &:after{ + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); + } + } +} diff --git a/app/culture/view/szwjs/assets/sass/scss/_btn.scss b/app/culture/view/szwjs/assets/sass/scss/_btn.scss new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_btn.scss @@ -0,0 +1 @@ + diff --git a/app/culture/view/szwjs/assets/sass/scss/_detail.scss b/app/culture/view/szwjs/assets/sass/scss/_detail.scss new file mode 100644 index 0000000..441a431 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_detail.scss @@ -0,0 +1,334 @@ +.detail-container{ + min-height: 80vh; + padding:1.75rem 0; +} +.detail-main{ + .detail-shell{ + border:1px solid $border-dd; + .breadcrumb{ + padding:0.6rem 0.75rem; + -webkit-border-radius: 0rem; + -moz-border-radius: 0rem; + border-radius: 0rem; + margin-bottom: 0; + a{ + color: $font-66; + } + } + .detail-body{ + position: relative; + overflow: hidden; + color: $font-33; + min-height: 30rem; + .waiting{ + position: absolute; + top:0; + bottom:0; + left:0; + right:0; + font-size: 2rem; + font-weight: bolder; + text-align: center; + padding-top:10rem; + background-color: rgba(255,255,255,1); + color: $font-00; + z-index: 99; + h1{ + margin-bottom: 0.5rem; + } + } + .detail-tit{ + font-size: 1.2rem; + padding: 0.75rem; + color: $font-00; + } + .detail-actions{ + overflow: hidden; + padding: 0.5rem; + border-top:1px solid $border-dd; + .item { + margin-right: 1rem; + i { + color: $orange; + margin-right: 0.3rem; + } + } + + } + .detail-other{ + padding-left: 0.75rem ; + padding-bottom: 1rem; + border-bottom: 1px solid $border-dd; + .tit{ + color: $black; + } + .content{ + color: $font-99; + } + } + .detail-info{ + + border-top: 1px solid $border-dd; + border-bottom: 1px solid $border-dd; + .item{ + display: inline-block; + float: left; + border-bottom:1px solid $border-dd; + &:nth-last-child(1),&:nth-last-child(2){ + border-bottom: 0; + } + .item-tit,.item-txt{ + padding:0.5rem 1rem; + + } + .item-tit{ + background-color: $bg-ee; + width: 4.6rem; + } + } + } + .detail-detail{ + padding:1.5rem; + line-height: 1.2rem; + .dd-content{ + img{ + display: block; + max-width: 100%; + margin: 0.75rem auto; + } + p{ + margin-bottom: 0.5rem; + text-indent: 1.2rem; + &>small{ + text-align: center; + display: block; + } + } + h3{ + font-size: 0.8rem; + margin-bottom: 0.75rem; + } + h4{ + font-size: 0.7rem; + margin-bottom: 0.75rem; + } + } + } + .detail-bottom{ + padding: 1rem; + text-align: center; + } + .fenxi-box{ + .fx-tit{ + line-height: 2rem; + font-size: 0.8rem; + padding-left: 1rem; + background-color: #eee; + border-top: 1px solid #ddd; + } + .fx-content{ + line-height: 1.2rem; + padding:0.75rem 1.5rem; + h4{ + font-size: 0.8rem; + line-height: 1rem; + margin: 0.5rem 0; + padding-left: 0.3rem; + border-left: 2px solid #333; + } + } + } + .sh-msg{ + text-align: center; + padding-top: 5rem; + color: $orange; + } + + } + } + +} +.detail-dianping{ + .dp-tit{ + line-height: 2rem; + font-size: 0.8rem; + padding-left:1rem; + background-color: $bg-ee; + border-top:1px solid $border-dd; + + } + .dp-container{ + padding:0.75rem 1.5rem; + .dp-item{ + padding: 0.75rem 0; + .dp-zj-shell{ + .dp-header{ + display: inline-block; + float: left; + width: 3rem; + height: 3rem; + -webkit-border-radius: .4rem; + -moz-border-radius: .4rem; + border-radius: .4rem; + overflow: hidden; + background-color: $bg-ee; + } + .dp-body{ + position: relative; + display: inline-block; + float: left; + padding-left:0.5rem; + margin-bottom: 0.5rem; + .dp-name{ + font-size: 0.7rem; + margin-bottom: 0.3rem; + small{ + margin-left: 0.5rem; + color: $font-99; + } + + } + .dp-tags{ + margin-bottom: 0.2rem; + span{ + margin-right: 0.2rem; + } + } + .erma{ + background-color: $bg-ff; + width: 5rem; + height:5rem; + } + + } + } + .dp-content{ + position: relative; + i{ + position: absolute; + font-size: 0.8rem; + top: -12px; + left: 1.1rem; + -webkit-transform: rotate(-90deg); + -moz-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + -o-transform: rotate(-90deg); + transform: rotate(-90deg); + color: $bg-f1; + } + .dp-txt{ + background-color: $bg-f1; + padding:1rem; + line-height: 1.25rem; + -webkit-border-radius: 0.2rem; + -moz-border-radius: 0.2rem; + border-radius: 0.2rem;; + } + } + .dp-input{ + border-radius: 0.2rem; + width: 100%; + margin-top: 1rem; + border: 1px solid $border-dd; + } + + } + } + + +} +.detail-aside{ + .suggests{ + margin-top: 1rem; + border:1px solid $border-dd; + .tit{ + font-size: 0.7rem; + color: $font-33; + background-color: $bg-ee; + padding-left: 0.5rem; + line-height: 2rem; + } + .sug-list{ + padding:0.3rem 0.3rem; + .list-item{ + position: relative; + color: $font-66; + a{ + line-height: 1.25rem; + color: $font-66; + cursor: pointer; + &:hover{ + color: $orange; + } + } + .time{ + position: absolute; + right:0; + top:0; + } + } + .fig-normal{ + padding:0; + margin-bottom: 0.5rem; + &:hover{ + .fig-img{ + opacity:0.8; + } + } + .fig-tit{ + white-space:nowrap; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + } + } + } + } +} + +.san-biao{ + border:1px solid $border-dd; + padding: 0.5rem 0.75rem; + .top-shell{ + border:1px solid $border-dd; + padding:0.35rem 0; + margin-bottom: 0.65rem; + } + .bottom{ + padding:0 !important; + } + .tit{ + font-size: 0.8rem; + text-align: center; + color: $font-33; + } + .body{ + padding-top:1rem; + .fig-normal{ + display: inline-block; + float: left; + width: 33.33%; + padding:0; + a{ + padding:0 0.75rem; + display: block; + border-right:1px solid $border-dd; + } + figcaption{ + text-align: center; + color: $font-33; + } + &:last-child>a{ + border-right:0; + } + } + } +} + +.detail-container-dc{ + .detail-main{ + .detail-shell{ + border:0; + } + } +} \ No newline at end of file diff --git a/app/culture/view/szwjs/assets/sass/scss/_figure.scss b/app/culture/view/szwjs/assets/sass/scss/_figure.scss new file mode 100644 index 0000000..dc00cb4 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_figure.scss @@ -0,0 +1,120 @@ +figure{ + position: relative; +} +.fig-default{ + position: relative; + .fig-img-wrapper{ + position: relative; + .paddingT{ + padding-top: 100%; + } + img{ + position: absolute; + top:0; + bottom:0; + left:0; + right:0; + display: block; + max-height:100%; + max-width:100%; + margin:auto; + } + } + &>figcaption{ + padding: 0.5rem 0; + .fig-tit{ + font-size: 0.7rem; + margin-bottom: 0.5rem; + overflow: hidden; + } + .fig-info{ + font-size: 0.6rem; + margin-bottom: 0.3rem; + overflow: hidden; + } + } +} +.fig-one{ + position: relative; + &>figcaption{ + position: absolute; + bottom: 0; + left:0; + right:0; + background-color: rgba(1,1,1,0.5); + line-height: 1.2rem; + font-size: 0.6rem; + white-space: nowrap; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + overflow: hidden; + color: #fff; + padding:0.2rem; + } +} +.fig-normal{ + padding: 0.5rem; + .fig-img{ + display: block; + margin:0 auto; + } + figcaption{ + padding:0.5rem 0; + .fig-tit{ + font-size: 0.7rem; + margin-bottom: 0.5rem; + overflow: hidden; + } + } +} +.fig-inline,.fig-inline-v2{ + //padding:0.75rem; + .fig-img-wrapper{ + position: relative; + width: 40%; + display: inline-block; + float: left; + border:1px solid $border-dd; + .paddingT{ + padding-top: 100%; + } + img{ + position: absolute; + top:0; + bottom:0; + left:0; + right:0; + display: block; + max-height:100%; + max-width:100%; + margin:auto; + } + } + figcaption{ + width: 60%; + display: inline-block; + float: left; + padding: 0.5rem; + .fig-tit{ + font-size:0.9rem; + margin-bottom: 0.5rem; + } + .fig-info{ + font-size: 0.6rem; + margin-bottom: 0.3rem; + } + } +} +.fig-inline-v2{ + figcaption{ + width:auto; + .fig-tit{ + font-size: 0.9rem; + margin-bottom:0.5rem; + } + .fig-info{ + font-size: 0.6rem; + margin-bottom: 0.3rem; + } + } +} diff --git a/app/culture/view/szwjs/assets/sass/scss/_fixed.scss b/app/culture/view/szwjs/assets/sass/scss/_fixed.scss new file mode 100644 index 0000000..7ff841f --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_fixed.scss @@ -0,0 +1,80 @@ +.float-tool { + position: fixed; + _position: absolute; + bottom: 33%; + right: .1%; + z-index: 250; + margin-bottom: -90px; + cursor: pointer; +} +.xiaoyu-box,.yun95187{ + cursor: pointer; +} +.aliyun-individuation-xiaoyun-95187 .module-wrap .yun95187 { + display: block; + position: relative; + margin-bottom: 5px; +} +.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel { + position: absolute; + top: 0; + right: 50px; +} +.aliyun-individuation-xiaoyun-95187 .module-wrap .yun95187 .white { + display: block; +} +.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel { + width: 360px; + height: 100px; + background: #fff; + border: 1px solid #c5d8db; + padding: 0 20px; + border-top: 5px solid #00C1DE; + text-align: left; + -webkit-box-shadow: 0 0 7.5px rgba(0, 0, 0, 0.15); + -moz-box-shadow: 0 0 7.5px rgba(0, 0, 0, 0.15); + box-shadow: 0 0 7.5px rgba(0, 0, 0, 0.15); +} +.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .top-area { + position: relative; + width: 100%; + padding: 15px 0; + //border-bottom: .5px solid #DEDEDE; +} +.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .top-area .top-left-icon { + width: 50px; + float: left; + padding-top: 10px; +} +.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .top-area .top-right-text { + padding-left: 70px; + height: 54px; + color: #373D41; +} +.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .top-area .top-right-text .desc { + font-size: 14px !important; + line-height: 22px; + margin-bottom: 4px; + color: #5F6367; +} +.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .top-area .top-right-text .phone { + font-size: 18px !important; + line-height: 28px; + color: #00C1DE; +} +.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .bottom-area { + width: 100%; + font-size: 12px; + color: #9B9EA0; + padding-top: 16px; +} +.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .bottom-area .bottom-li li { + float: left; + width: 40%; + list-style-type: circle; + margin-left: 10%; +} +.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .bottom-area a { + font-size: 14px; + color: #A9B0B4; +} diff --git a/app/culture/view/szwjs/assets/sass/scss/_foot.scss b/app/culture/view/szwjs/assets/sass/scss/_foot.scss new file mode 100644 index 0000000..7fd9b49 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_foot.scss @@ -0,0 +1,49 @@ +.footer{ + padding: 1rem 0; + background-color: $navy-grey; + line-height: 1.0rem; + font-size: 0.6rem; + .footer-nav{ + .footer-a{ + display: inline-block; + padding-right:1rem; + color: #fff; + cursor: pointer; + &:hover{ + color: #fff; + } + } + } + .footer-copyright{ + color: #fff; + a{ + color: #fff; + &:hover{ + color: #fff; + + } + } + } + .beian{ + color: #fff; + + } + .container{ + position: relative; + .contact{ + position: absolute; + top: 1rem; + right: 3rem; + font-size: 0.7rem; + color: $font-ff; + p{ + margin-bottom: 0.2rem; + &:first-child{ + font-size: 0.8rem; + } + } + + } + } + +} diff --git a/app/culture/view/szwjs/assets/sass/scss/_forms.scss b/app/culture/view/szwjs/assets/sass/scss/_forms.scss new file mode 100644 index 0000000..2512c5a --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_forms.scss @@ -0,0 +1,99 @@ +.form-yh{ + .form-control{ + border-color: $grey-e9; + background-color: transparent; + -webkit-border-radius:0; + -moz-border-radius:0; + border-radius:0; + } + .checkbox-ui { + .icon-font{ + width: 16px; + height:16px; + line-height: 14px; + border: 1px solid $grey-e9; + margin-right: 10px; + margin-top:-3px; + } + } +} +.form-control.error,.has-error .form-control,.has-error .form-control:focus{ + border:2px solid $orange; +} +.form-control.valid,.btn.valid,.has-success .form-control{ + &:focus{ + border: 2px solid $green; + } + border: 2px solid $green; +} +.steps{ + .form-control{ + border-width:2px; + } + .btn{ + border-width: 2px; + } +} +.form-control.form-control-0,.input-hide{ + position: absolute !important; + left:200%; + top:100%; +} +.msg{ + display: block; + width: 100%; +} + +.form-horizontal .has-feedback .form-control-feedback{ + z-index: 999; + right: -10px; +} +.forwhat{ + font-size: 0.6rem; + line-height: 1.7rem; +} +.show-file-path{ + line-height: 1.7rem; + color: red; + font-weight: 400; + } +.send-code-btn{ + width: 100%; +} +.transition-default{ + -webkit-transition: all 0.35s; + -moz-transition: all 0.35s; + -ms-transition: all 0.35s; + -o-transition: all 0.35s; + transition: all 0.35s; +} +.export-area{ + .form-control{ + &+.form-control{ + margin-top: 1rem; + } + + } + small{ + &+.form-control{ + margin-top: 1rem; + } + } +} +.btn-export-area{ + display: block; + font-size: 1rem; + padding:0; + line-height: 1.6rem; + width: 1.7rem; + text-align: center; + -webkit-border-radius:50%; + -moz-border-radius:50%; + border-radius:50%; + &+&{ + margin-top: 1rem; + } +} +#addDirectories{ + overflow: hidden; +} diff --git a/app/culture/view/szwjs/assets/sass/scss/_grids.scss b/app/culture/view/szwjs/assets/sass/scss/_grids.scss new file mode 100644 index 0000000..56d4d73 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_grids.scss @@ -0,0 +1 @@ +@include make-grid-columns(); diff --git a/app/culture/view/szwjs/assets/sass/scss/_header.scss b/app/culture/view/szwjs/assets/sass/scss/_header.scss new file mode 100644 index 0000000..26d2f88 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_header.scss @@ -0,0 +1,112 @@ +.header{ + display: block; + width:100%; + padding:1rem 0 0.75rem; + position: relative; + overflow: hidden; + background-color: $bg-ff; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) ; + -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) ; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) ; + .container{ + .main-nav{ + line-height: 1.55rem; + font-size: $font-size-16-nav; + position: relative; + .nav-logo{ + height: 2.5rem; + line-height: 2.5rem; + color: $orange; + font-size: 1.1rem; + width: 12.7rem; + img{ + vertical-align: middle; + height: auto; + width: 3.5rem; + } + } + .nav-right{ + display: block; + float: left; + width: 42.3rem; + } + .nav-list{ + display: inline-block; + padding: 0 1rem; + line-height: 2.5rem; + font-size:0.8rem; + width:28.5rem; + overflow: hidden; + //width: auto; + border-top: 0; + height: auto!important; + .nav-list-item{ + position: relative; + display: block; + float: left; + text-align: center; + overflow: hidden; + .nav-list-link{ + position: relative; + display: block; + width: 100%; + color: $grey-99; + padding:0 1rem; + &:hover,&.active{ + color: $black; + text-decoration: none; + } + } + } + } + } + .serach{ + float: right; + width: 11rem; + } + } +} +.f-search-box-top{ + position: relative; +} +.f-search-form-top{ + margin: 0 auto; + margin-top: 0.5rem; +} +.f-search-text-top{ + width: 8rem; + float: left; + display: inline-block; + outline: none; + padding:0 0.4rem; + height: 1.7rem; + font-size: 0.7rem; + line-height: 1.6rem; + -webkit-border-radius: 5px 0 0 5px; + -moz-border-radius: 5px 0 0 5px; + border-radius: 5px 0 0 5px; + border: 1px solid #a8a8a8; +} +.f-search-text-top:focus{ + -webkit-box-shadow: inset 1px 0 30px rgba(255,255,255,.8); + -moz-box-shadow: inset 1px 0 30px rgba(255,255,255,.8); + box-shadow: inset 1px 0 30px rgba(255,255,255,.8); +} +.f-search-form-top.focus{ + background-color: red; +} +.f-search-button-top{ + float: left; + display: inline-block; + height: 1.7rem; + padding:0 0.45rem; + font-size: 0.75rem; + line-height: 1.7rem; + cursor: pointer; + -webkit-border-radius: 0 5px 5px 0; + -moz-border-radius: 0 5px 5px 0; + border-radius: 0 5px 5px 0; + border:0; + background-color: $green; + color: #ffffff; +} diff --git a/app/culture/view/szwjs/assets/sass/scss/_icon.scss b/app/culture/view/szwjs/assets/sass/scss/_icon.scss new file mode 100644 index 0000000..7627f1c --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_icon.scss @@ -0,0 +1,48 @@ +.icon{ + display: inline-block; + vertical-align: middle; + background-repeat: no-repeat; + background-position: center; +} +.icon-xs{ + width: 17px; + height: 17px; +} +.ic-clock{ + background-image: url(../img/clock.png); +} +.icon-dh{ + width: 54px; + height: 54px; + background-image: url("../img/icon-dh.png"); + -webkit-background-size:auto; + background-size:auto; +} +.icon-font{ + position: relative; + display: inline-block; + text-align: center; + vertical-align: middle; +} +.checkbox-ui{ + position: relative; + overflow: hidden; + vertical-align: middle; + input{ + position: absolute; + top:100%; + right:100%; + } +} + +.checkbox-ui input:checked + .icon-font:after { + content: '\2713'; + position: absolute; + top: 0; + left: 0; + color: #758794; + width: 100%; + text-align: center; + font-size: 1em; + vertical-align: text-top; +} \ No newline at end of file diff --git a/app/culture/view/szwjs/assets/sass/scss/_index.scss b/app/culture/view/szwjs/assets/sass/scss/_index.scss new file mode 100644 index 0000000..4f2c1a5 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_index.scss @@ -0,0 +1,294 @@ +@import "variables"; + +.carousel-index { + width: 100%; + img { + display: block; + width: 100%; + } +} + +.xcx-menu-wrapper { + padding: 10px; + background-color: $bg-content-base; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + margin-bottom: 18px; + .new-content { + max-width: 1080px; + margin: 0 auto; + padding: 0 10px; + } + .xcx-menu-item { + display: inline-block; + float: left; + padding-left: 80px; + padding-right: 20px; + position: relative; + height: 80px; + .media { + position: absolute; + width: 80px; + height: 80px; + padding: 15px; + top: 0; + left: 0px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + background-color: #821919; + img { + display: block; + height: 100%; + margin: 0 auto; + } + } + .info { + padding: 20px 10px 0px 10px; + color: $red; + line-height: 1.2; + -webkit-transform-origin: top center; + -moz-transform-origin: top center; + -ms-transform-origin: top center; + -o-transform-origin: top center; + transform-origin: top center; + -webkit-transform: scale(0.9); + -moz-transform: scale(0.9); + -ms-transform: scale(0.9); + -o-transform: scale(0.9); + transform: scale(0.9); + .top { + font-size: 22px; + font-weight: bolder; + } + .down { + font-size: 12px; + text-transform: uppercase; + } + } + &:last-child { + padding-right: 0; + } + } +} + +//检索 +.retrieve-wrapper { + .content { + //border:1px solid #ccc; + padding: 20px; + background-color: $bg-content-base; + margin-bottom: 10px; + .ret-item { + margin-bottom: 20px; + max-height: 26px; + overflow: hidden; + -webkit-transition: all 0.35s; + -moz-transition: all 0.35s; + -ms-transition: all 0.35s; + -o-transition: all 0.35s; + transition: all 0.35s; + &:last-child { + margin-bottom: 0; + } + .right { + padding-left: 80px; + text-align: left; + padding-right: 30px; + position: relative; + line-height: 26px; + a { + color: #333; + padding: 0 20px; + display: inline-block; + + &.active, &:hover { + color: $red; + } + } + .more { + position: absolute; + right: 10px; + top: 0; + -webkit-transition: all 0.35s; + -moz-transition: all 0.35s; + -ms-transition: all 0.35s; + -o-transition: all 0.35s; + transition: all 0.35s; + display: none; + &.open { + -webkit-transform: rotateX(180deg); + -moz-transform: rotateX(180deg); + -ms-transform: rotateX(180deg); + -o-transform: rotateX(180deg); + transform: rotateX(180deg); + } + } + .num-wrapper { + padding-left: 20px; + } + .num { + color: $red; + font-weight: bolder; + } + } + .left { + width: 80px; + display: inline-block; + line-height: 26px; + float: left; + color: #999999; + } + + } + } +} + +//排序 +.paixu-wrapper { + margin-bottom: 20px; + .content { + background-color: $bg-content-base; + .paixu { + font-size: 14px; + line-height: 44px; + border: 1px solid $border-dd; + .px-update { + width: 150px; + float: left; + border-right: 1px solid $border-dd; + } + .px-jifen { + width: 210px; + float: left; + border-right: 1px solid $border-dd; + } + .px-search { + width: 340px; + float: right; + } + .paixu-item { + padding: 0 10px; + color: $font-light; + cursor: pointer; + &.active { + color: $red; + &.up { + .arrow { + transform: rotateX(180deg); + } + } + } + .word, .arrow { + display: inline-block; + padding-right: 10px; + } + .arrow { + float: right; + } + .search-wrapper { + position: relative; + .search-form { + margin-top: 7px; + padding-left: 10px; + height: 32px; + border: 1px solid $border-dd; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + .search-input { + line-height: 30px; + padding-left: 10px; + height: 30px; + width: 250px; + outline: none; + border: 0; + display: inline-block; + float: left; + } + .icon-search { + display: inline-block; + line-height: 30px; + float: left; + color: #999; + } + } + + } + } + } + } +} + +//项目 +.project-wrapper { + .project-item { + margin-bottom: 10px; + padding: 0; + background-color: $bg-ff; + .project-media { + .title { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + padding: 25px; + font-size: 30px; + font-weight: 500; + color: $font-ff; + } + } + .project-content { + background-image: url("./../img/bg-logo.png"); + background-repeat: no-repeat; + background-position: right bottom; + .content-content { + padding: 25px 35px; + .top { + margin-bottom: 30px; + .cats, .go-detail { + display: inline-block; + } + .go-detail { + float: right; + a { + color: $red; + } + + } + .cats { + color: $font-light; + } + } + .middle{ + overflow: hidden; + margin-bottom: 40px; + .left,.right{ + float: left; + .project-fs{ + color: $font-light; + } + h2{ + font-size: 40px; + font-weight: bolder; + margin-top: 20px; + } + + } + .left{ + width: 60%; + text-align: center; + } + .right{ + width: 40%; + } + } + .bottom{ + color: $font-light; + } + } + + } + } +} \ No newline at end of file diff --git a/app/culture/view/szwjs/assets/sass/scss/_input.scss b/app/culture/view/szwjs/assets/sass/scss/_input.scss new file mode 100644 index 0000000..5e5b011 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_input.scss @@ -0,0 +1,25 @@ +/*range*/ +/*reset style*/ +input[type=range] { + -webkit-appearance: none; /* Hides the slider so that custom slider can be made */ + width: 100%; /* Specific width is required for Firefox. */ + background: transparent; /* Otherwise white in Chrome */ +} + +input[type=range]::-webkit-slider-thumb { + -webkit-appearance: none; +} + +input[type=range]:focus { + outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */ +} + +input[type=range]::-ms-track { + width: 100%; + cursor: pointer; + + /* Hides the slider so custom styles can be added */ + background: transparent; + border-color: transparent; + color: transparent; +} diff --git a/app/culture/view/szwjs/assets/sass/scss/_list.scss b/app/culture/view/szwjs/assets/sass/scss/_list.scss new file mode 100644 index 0000000..1d3bca0 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_list.scss @@ -0,0 +1,48 @@ +.normal-list{ + .nor-li{ + position: relative; + display: block; + padding-top: 0.5rem; + line-height: 1.5rem; + border-bottom:1px solid $grey-e9; + .nor-title{ + width: 60%; + float: left; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + } + .nor-time{ + width: 20%; + float: right; + text-align: right; + color: $grey-b5; + } + } +} +.dropdown-menu{ + &.cols-5{ + min-width: 180px; + &>li{ + display: inline-block; + width: 20%; + float: left; + text-align: center; + &>a{ + padding:3px 0; + } + } + } + &.cols-2{ + &>li{ + display: inline-block; + width: 50%; + float: left; + text-align: center; + &>a{ + padding:3px 0; + } + } + } + +} diff --git a/app/culture/view/szwjs/assets/sass/scss/_loading.scss b/app/culture/view/szwjs/assets/sass/scss/_loading.scss new file mode 100644 index 0000000..7238c8e --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_loading.scss @@ -0,0 +1,160 @@ +.preloader { + display: inline-block; + width: 1rem; + height: 1rem; + -webkit-transform-origin: 50%; + transform-origin: 50%; + -webkit-animation: preloader-spin 1s steps(12, end) infinite; + animation: preloader-spin 1s steps(12, end) infinite; + &:after { + display: block; + content: ""; + width: 100%; + height: 100%; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); + background-position: 50%; + background-size: 100%; + background-repeat: no-repeat; + } +} + +@-webkit-keyframes preloader-spin { + 100% { + -webkit-transform: rotate(360deg); + } +} + +@keyframes preloader-spin { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +.preloader-box { + margin: 0.5rem; + text-align: center; + padding-top: 2rem; + .preloader { + width: 1.5rem; + height: 1.5rem; + } +} + +.load-qianyin { + padding-top: 2rem; + .qiyin-msg { + margin-top: 2rem; + font-size: 0.8rem; + } +} + +.ball-pulse > div { + background-color: $orange; + border-radius: 100%; + margin: 2px; + display: inline-block; +} + +.ball-pulse > div { + width: 15px; + height: 15px; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.ball-pulse > div:nth-child(1) { + -webkit-animation: scale .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08); + animation: scale .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08); +} + +.ball-pulse > div:nth-child(2) { + -webkit-animation: scale .75s -.12s infinite cubic-bezier(.2, .68, .18, 1.08); + animation: scale .75s -.12s infinite cubic-bezier(.2, .68, .18, 1.08); +} + +.ball-pulse > div:nth-child(3) { + -webkit-animation: scale .75s 0s infinite cubic-bezier(.2, .68, .18, 1.08); + animation: scale .75s 0s infinite cubic-bezier(.2, .68, .18, 1.08); +} + +@-webkit-keyframes scale { + 0%, 80% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1 + } + + 45% { + -webkit-transform: scale(.1); + transform: scale(.1); + opacity: .7 + } +} + +@keyframes scale { + 0%, 80% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1 + } + + 45% { + -webkit-transform: scale(.1); + transform: scale(.1); + opacity: .7 + } +} + +@-webkit-keyframes line-scale-pulse-out { + 0% { + -webkit-transform: scaley(1); + transform: scaley(1); + } + 50% { + -webkit-transform: scaley(0.4); + transform: scaley(0.4); + } + 100% { + -webkit-transform: scaley(1); + transform: scaley(1); + } +} + +@keyframes line-scale-pulse-out { + 0% { + -webkit-transform: scaley(1); + transform: scaley(1); + } + 50% { + -webkit-transform: scaley(0.4); + transform: scaley(0.4); + } + 100% { + -webkit-transform: scaley(1); + transform: scaley(1); + } +} + +.line-scale-pulse-out > div { + background-color: $orange; + width: 4px; + height: 35px; + border-radius: 2px; + margin: 2px; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + display: inline-block; + -webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); + animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); +} + +.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) { + -webkit-animation-delay: -0.4s !important; + animation-delay: -0.4s !important; +} + +.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) { + -webkit-animation-delay: -0.2s !important; + animation-delay: -0.2s !important; +} diff --git a/app/culture/view/szwjs/assets/sass/scss/_menus1.scss b/app/culture/view/szwjs/assets/sass/scss/_menus1.scss new file mode 100644 index 0000000..899f0b5 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_menus1.scss @@ -0,0 +1,80 @@ +.sub-menu { + min-height: 0; + overflow: hidden; + -webkit-transition: all 0.5s; + -moz-transition: all 0.5s; + -ms-transition: all 0.5s; + -o-transition: all 0.5s; + transition: all 0.5s; + border-bottom: 1px solid $border-dd; + border-top: 1px solid $border-dd; + visibility: hidden; + background-color: $bg-ff; + .container{ + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } + .title { + font-size: 1.8rem; + font-weight: bolder; + } + .menu-lv1 { + //border-left: 1px solid $border-dd; + .item { + width: 100%; + padding:0 0.325rem; + & + .item { + margin-top: 0.5rem; + } + a{ + font-size: 0.7rem; + line-height: 2rem; + display: inline-block; + text-indent: 0.5rem; + width: 100%; + color: $font-base; + &.active,&:hover,&:active,&:focus{ + background-color: $blue; + color: $font-ff; + } + } + } + } + .menu-lv2{ + .item{ + width: 50%; + display: inline-block; + float: left; + } + } + .menu-lv3{ + .item{ + width: 100%; + } + } + .menu-lv2,.menu-lv3{ + //border-left: 1px solid $border-dd; + .item{ + padding:0 0.325rem; + a{ + padding:0 0.325rem; + margin-bottom: 0.5rem; + background-color: $bg-ee; + font-size: 0.7rem; + line-height: 2rem; + display: inline-block; + width: 100%; + text-indent: 0.5rem; + color: $font-base; + white-space: nowrap; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + &.active,&:hover,&:active,&:focus{ + background-color: $blue; + color: $font-ff; + } + } + } + } +} diff --git a/app/culture/view/szwjs/assets/sass/scss/_mixins.scss b/app/culture/view/szwjs/assets/sass/scss/_mixins.scss new file mode 100644 index 0000000..e99ca56 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_mixins.scss @@ -0,0 +1,2 @@ +@import "mixins/border.scss"; +@import "mixins/cols.scss"; diff --git a/app/culture/view/szwjs/assets/sass/scss/_modal.scss b/app/culture/view/szwjs/assets/sass/scss/_modal.scss new file mode 100644 index 0000000..e288163 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_modal.scss @@ -0,0 +1,166 @@ +.rl-modal{ + .modal-dialog{ + width: 18rem; + } + + .modal-content{ + border-radius: 0; + .topborder{ + height: 0.5rem; + vertical-align: top; + } + .modal-header{ + font-size: 0.9rem; + font-weight: bolder; + color: $navy; + vertical-align: middle; + padding: 3rem 0 2rem; + border:0; + img{ + width: 3.5rem; + } + + } + .login-tit{ + font-size: 0.8rem; + color: $navy; + margin-bottom: 1rem; + } + .form-login{ + padding:1.5rem 1.9rem; + .form-group{ + margin-bottom: 1rem; + .form-control{ + border-color: $green; + height:2.0rem; + line-height: 2.0rem; + padding:0 12px; + } + .phone{ + width:70%; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + line-height: 1.85rem; + height: 1.95rem; + text-align: center; + background-color: #fff7d3; + border: 1px solid $orange; + border-right:0; + margin-bottom: 0; + } + .input-group-addon{ + width:30%; + padding:0; + line-height: 1.85rem; + text-align: center; + border-color: $orange; + background-color: $orange; + color: $font-ff; + cursor: pointer; + } + + } + .btn-group{ + margin-bottom: 1rem; + height: 2rem; + display: block; + .btn{ + display: block; + width: 100%; + background-color: $bg-ff; + padding:0.5rem 0.6rem; + } + } + .btn-green{ + padding:0.5rem 0.6rem; + } + } + .modal-footer{ + border-top:0; + padding:0 1.9rem 1rem; + text-align: center; + .checkresult{ + padding:1rem ; + text-align: center; + background-color: #fff7d3; + margin-bottom: 1rem; + } + a{ + font-size: 0.7rem; + color: $green; + margin-left: 0.5rem; + } + .reg-link{ + padding-top: 1rem; + } + } + } +} +.modal-duijie{ + .modal-dialog{ + margin-top:10%; + } + .modal-content{ + padding:3.5rem 2.9rem; + img{ + margin-bottom: 1.55rem; + } + .action-box{ + text-align: center; + } + } +} +.modal-zixun{ + .modal-dialog{ + position: absolute; + top:50%; + left:0; + right:0; + margin-top: -11rem; + width: 16rem; + .modal-content{ + padding:0.5rem; + .close-bottom{ + position: absolute; + top: 100%; + left:0; + width: 100%; + font-size: 2rem; + line-height: 3rem; + text-align: center; + text-shadow: 0 5px 15px rgba(0, 0, 0, 0.8); + span{ + cursor: pointer; + color: $font-ff; + } + } + .img-txt{ + font-size: 0.8rem; + } + } + } +} +.popover{ + -webkit-border-radius: 0.2rem; + -moz-border-radius: 0.2rem; + border-radius: 0.2rem; + padding:0.2rem; + .popover-content{ + padding:0; + } +} +.msg-modal{ + .modal-dialog{ + position: absolute; + width: 300px; + top:300px; + left:50%; + margin-left: -150px; + .modal-content{ + padding:0.5rem; + } + } +} diff --git a/app/culture/view/szwjs/assets/sass/scss/_msg.scss b/app/culture/view/szwjs/assets/sass/scss/_msg.scss new file mode 100644 index 0000000..51d7e97 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_msg.scss @@ -0,0 +1,202 @@ +.msg-box{ + border-top: 1px solid $border-dd; + padding-top: 0.75rem; + position: relative; + .msg-nav{ + .nav-item{ + display: block; + line-height: 1.55rem; + padding-left:0.75rem; + margin-bottom: 0.5rem; + width:5.7rem; + color: $navy; + cursor: pointer; + &.active,&:hover{ + background-color: $orange; + color: $font-ff; + -webkit-border-radius: 0.2rem; + -moz-border-radius: 0.2rem; + border-radius: 0.2rem;; + i{ + font-size: 0.8rem; + } + } + i{ + margin-right:0.3rem; + } + .badge{ + color: $navy; + background-color: $bg-ff; + } + } + } + .msg-list{ + .msg-item{ + position: relative; + padding: 1rem 0.5rem; + border: 1px solid $border-dd; + margin-bottom: 0.5rem; + -webkit-border-radius: 0.2rem; + -moz-border-radius: 0.2rem; + border-radius: 0.2rem; + cursor: pointer; + input[type=checkbox]{ + position: absolute; + top:50%; + margin-top: -0.2rem; + } + .fig-inline{ + margin-left: 1.5rem; + .fig-img{ + width: 1.75rem; + -webkit-border-radius:100%; + -moz-border-radius:100%; + border-radius:100%; + overflow: hidden; + border: 1px solid $border-dd; + } + figcaption{ + padding:0; + padding-left: 0.5rem; + + .fig-tit{ + font-size: 0.6rem; + color: $font-99; + white-space: nowrap; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + margin-bottom:0.2rem; + } + .fig-info{ + font-size: 0.6rem; + color: $font-66; + white-space: nowrap; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + } + } + } + .time{ + position:absolute; + top: 1rem; + right: 1rem; + color: $font-99; + } + &.active,&:hover{ + background-color: $green; + border-color: $green; + .time{ + color: $font-ff; + } + .fig-inline{ + figcaption{ + .fig-tit{ + color: $font-ff; + } + .fig-info{ + color: $font-ff; + } + } + } + + + } + } + } + .msg-detail{ + padding-left: 2rem; + .msg-head{ + margin-bottom: 2rem; + .fig-inline{ + .fig-img{ + width: 2rem; + -webkit-border-radius: 2rem; + -moz-border-radius: 2rem; + border-radius: 2rem; + border: 1px solid $border-dd; + overflow: hidden; + } + figcaption{ + padding:0; + padding-left: 0.75rem; + .fig-tit{ + font-size: 0.6rem; + color: $font-33; + margin-bottom: 0.1rem; + } + } + } + } + .msg-body{ + .msg-tit{ + font-size: 0.9rem; + color: $font-33; + padding-bottom:1rem; + border-bottom: 1px solid $border-dd; + } + .msg-content{ + padding: 0.5rem 0 6.25rem; + color: $font-33; + } + } + .msg-return{ + .return-input{ + display: block; + width: 100%; + border: 1px solid $border-dd; + border-bottom:0; + -webkit-border-top-right-radius: 0.2rem; + -moz-border-top-right-radius: 0.2rem; + border-top-right-radius: 0.2rem; + -webkit-border-top-left-radius: 0.2rem; + -moz-border-top-left-radius: 0.2rem; + border-top-left-radius: 0.2rem; + padding: 0.5rem; + color: $font-99; + font-size: 0.6rem; + resize: none; + } + .submit-box{ + background-color: $bg-ee; + line-height: 2rem; + -webkit-border-bottom-right-radius: 0.2rem; + -moz-border-bottom-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; + -webkit-border-bottom-left-radius: 0.2rem; + -moz-border-bottom-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; + overflow: hidden; + .btn{ + -webkit-border-radius:0; + -moz-border-radius:0; + border-radius:0; + } + } + } + } + .action-box{ + position: absolute; + top: -1.5rem; + right: 1rem; + font-size: 0.8rem; + i{ + margin-right: 0.5rem; + cursor: pointer; + } + + } +} +.resCodeMsg{ + padding-top:0.5rem; + line-height: 1.5rem; + color: red; + text-align: center; + display: none; + -webkit-transition: all 0.35s; + -moz-transition: all 0.35s; + -ms-transition: all 0.35s; + -o-transition: all 0.35s; + transition: all 0.35s; +} \ No newline at end of file diff --git a/app/culture/view/szwjs/assets/sass/scss/_others.scss b/app/culture/view/szwjs/assets/sass/scss/_others.scss new file mode 100644 index 0000000..753027e --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_others.scss @@ -0,0 +1 @@ +.datepicker{z-index:9999 !important;} diff --git a/app/culture/view/szwjs/assets/sass/scss/_paginate.scss b/app/culture/view/szwjs/assets/sass/scss/_paginate.scss new file mode 100644 index 0000000..c018fd0 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_paginate.scss @@ -0,0 +1,10 @@ +.paginate{ + a,span{ + display: inline-block; + margin-right: 0.25rem; + padding: 0.2rem 0.25rem; + } + a{ + background-color: $bg-ee; + } +} diff --git a/app/culture/view/szwjs/assets/sass/scss/_pagination.scss b/app/culture/view/szwjs/assets/sass/scss/_pagination.scss new file mode 100644 index 0000000..86ce283 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_pagination.scss @@ -0,0 +1,44 @@ +.page-list-round{ + &>li{ + display: inline-block; + } + &>li>a, &>li>span{ + color: $font-66; + border:0; + background-color: transparent; + -webkit-border-radius: 1rem; + -moz-border-radius: 1rem; + border-radius: 1rem; + } + &>li:first-child>a,&>li:last-child>a,&>li:last-child>span{ + -webkit-border-radius: 1rem; + -moz-border-radius: 1rem; + border-radius: 1rem; + } + &>li>a:focus, &>li>a:hover{ + background-color: $green; + color: $font-ff; + } + &>li>span:focus, &>li>span:hover{ + background-color: transparent; + } + &>.active>a, &>.active>a:focus, &>.active>a:hover, &>.active>span, &>.active>span:focus, &>.active>span:hover { + z-index: 2; + color: #fff; + cursor: default; + background-color: $green; + } + &>li>a{ + padding:0; + display: block; + text-align: center; + font-size: 0.7rem; + line-height: 1rem; + width: 1rem; + cursor: pointer; + } + &>li>span{ + font-size: 0.7rem; + padding:0; + } +} diff --git a/app/culture/view/szwjs/assets/sass/scss/_products.scss b/app/culture/view/szwjs/assets/sass/scss/_products.scss new file mode 100644 index 0000000..f17166a --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_products.scss @@ -0,0 +1,818 @@ +.product-1{ + background-color: $bg-ee; + padding:1rem 0; + .left{ + border:1px solid $green; + background-color: $bg-ff; + min-height: 234px; + .item{ + position: relative; + display: block; + + border-bottom:1px dashed #eee; + color: $font-33; + padding-left:1.5rem; + cursor: pointer; + &>.item-tit{ + display: block; + color: $black; + line-height: 2.85rem; + position: relative; + } + + .item-list{ + position: absolute; + z-index: 10; + left:100%; + min-width: 150%; + max-width: 250%; + top:0; + margin-top:-1px; + //margin-left:1px; + background-color: $bg-ff; + border: 1px solid $green; + //border-left:0; + min-height: 1px; + padding:0.35rem 0.5rem; + display: none; + .item-list-item{ + display: inline-block; + font-size: 0.6rem; + padding:0.75rem; + color: $black; + &:hover{ + color: $orange; + } + } + } + &:hover{ + border-top:1px solid $green; + border-bottom:1px solid $green; + margin-top: -1px; + .item-tit{ + border-right: 1px solid $border-ff; + margin-right:-1px; + z-index: 11; + } + .item-list{ + display: block; + } + + } + &:last-child{ + border-bottom-color: $bg-ff; + } + } + } + .middle{ + .top{ + position: relative; + margin-bottom:0.75rem; + } + .bottom{ + .col-xs-6{ + &:first-child{ + padding-left: 0; + padding-right:0.375rem; + } + &:last-child{ + padding-left: 0.375rem; + padding-right:0; + } + + } + .b-item{ + position: relative; + border:1px solid $border-dd; + padding:0.25rem; + background-color: $bg-ff; + .item-img{ + width: 54%; + } + .item-txt{ + width: 46%; + padding-left: 0.5rem; + .tit{ + font-size: 0.7rem; + line-height: 1.5rem; + font-weight: 400; + color: $font-66; + } + .info{ + color: $font-99; + font-size:0.6rem; + margin-bottom: 0.4rem; + } + } + } + } + } + .right{ + .top{ + background-color: $bg-ff; + padding:0.5rem 0.75; + border:1px solid $border-dd; + text-align: center; + margin-bottom: 0.75rem; + .tit{ + font-size: 0.7rem; + color: $font-33; + margin-bottom: 0.5rem; + } + .num{ + font-size: 1.0rem; + color: #ad8772; + span{ + position: relative; + width: 1rem; + display: inline-block; + background-color: $bg-ee; + margin-right: 0.2rem; + border:1px solid $border-dd; + &:last-child{ + margin-right: 0; + } + &::after{ + content: ''; + position: absolute; + height:0.05rem; + width: 100%; + background-color: $bg-cc; + top:50%; + left:0; + } + } + } + } + .bottom{ + background-color: $bg-ff; + padding:0 0.75rem; + .box{ + border:1px solid $border-dd; + margin:0 auto; + width: 100%; + height:8.05rem; + margin-bottom: 0.75rem; + } + .btn{ + padding:0; + display: block; + width: 100%; + line-height: 2.4rem; + margin: 0 auto; + font-size: 1rem; + &:hover{ + color: $font-ff; + } + } + } + } +} +.product-3{ + background-color: $bg-ee; +} +.product-4{ + margin-top: 0; + padding-top: 1.5rem; + padding-bottom: 1.5rem; + background-color: $bg-ff; + .info{ + position: relative; + .more{ + position: absolute; + background-color: $bg-ff; + padding-left: 0.3rem; + cursor: pointer; + bottom:0; + right:0; + z-index: 1; + } + } +} +.products-box{ + background-color: $bg-ff; + padding:1rem 0; + .body{ + padding:0.75rem 0; + margin:0 -0.75rem; + overflow: hidden; + position: relative; + .item{ + padding: 0.75rem; + display: inline-block; + float: left; + width: 25%; + .shell{ + position: relative; + border: 1px solid $grey-e9; + overflow: hidden; + &:hover{ + .img-shell>img{ + opacity:0.9; + } + .shell-title{ + color: $orange; + } + } + .img-shell{ + position: relative; + overflow: hidden; + background-color: $bg-ff; + .paddingTop{ + padding-top:75%; + } + img{ + position: absolute; + top:0; + bottom:0; + left:0; + right:0; + max-height: 100%; + max-width: 100%; + display: block; + margin:auto; + -webkit-transition: all 0.25s; + -moz-transition: all 0.25s; + -ms-transition: all 0.25s; + -o-transition: all 0.25s; + transition: all 0.25s; + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + } + .shell-content{ + padding:0.75rem 0.6rem; + color: $grey-66; + font-size: 0.7rem; + .shell-title{ + white-space: nowrap; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + } + .shell-cat{ + color: $grey-99; + font-size: 0.6rem; + } + } + } + .company-info{ + position: relative; + border: 1px solid $grey-e9; + border-top:none; + .info-left,.info-right{ + display: inline-block; + float: left; + height:2.7rem; + + overflow: hidden; + } + .info-left{ + width: 60%; + line-height: 2.7rem; + padding-left:0.5rem; + border-right: 1px solid $border-dd; + white-space:nowrap; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + } + .info-right{ + position: relative; + width: 40%; + overflow: hidden; + img{ + max-width: 100%; + max-height:100%; + display: block; + margin:auto; + } + } + .media-body{ + padding:0.5rem; + border-right:1px solid $grey-e9; + height:2.7rem; + overflow: hidden; + } + &:hover{ + .info-left{ + color: $orange; + } + } + } + .action-box{ + border: 1px solid $grey-e9; + border-top:0; + line-height: 2.5rem; + a{ + color: $font-99; + } + } + } + } +} +.products-index{ + .body{ + .item{ + .shell{ + .img-shell{ + height: 9.35rem; + overflow: hidden; + vertical-align: middle; + } + + } + } + } +} +.product-m,.product-uc{ + .body{ + .item{ + .shell{ + .img-shell{ + height:7.5rem; + overflow: hidden; + } + } + } + } +} +@media (min-width: 1441px) { + .product-m{ + .body{ + .item{ + width: 20%; + .shell{ + .img-shell{ + height:8.5rem; + } + } + } + } + } +} +@media(min-width: 1920px){ + .container-fluid{ + .products-box{ + .body{ + .item{ + width: 20%; + } + } + } + } +} +.products-detail-container{ + .product-header2{ + padding: 1rem 0; + background-color: $bg-fb; + //.fig-inline-v2{ + // .fig-img{ + // background-color: $bg-ff; + // } + // figcaption{ + // .fig-tit{ + // color: $font-33; + // } + // .fig-info{ + // line-height: 1rem; + // } + // .fig-options{ + // margin-bottom: 0.5rem; + // p{margin-bottom: 0.2rem} + // } + // .fig-btn{ + // .btn{ + // border:0; + // margin-right: 0.2rem; + // } + // } + // } + //} + } + .product-header{ + border: 1px solid $border-dd; + position: relative; + + background-color: $bg-ff; + .line-y{ + position: absolute; + top:0; + right:33.333%; + margin-right: -1rem; + bottom:0; + width: 1px; + background-color: $border-dd; + } + + .fig-inline{ + padding:0.75rem; + .fig-tit{ + margin-bottom: 0.75rem; + } + .fig-info{ + font-size: 0.6rem; + color: $font-99; + line-height: 1rem; + margin-bottom: 0.5rem; + } + .fig-options{ + color: $font-66; + line-height: 1rem; + margin-bottom: 1.2rem; + } + .fig-btn{ + .btn{ + border:0; + padding-left: 1rem; + padding-right: 1rem; + &+.btn{ + margin-left: 1rem; + } + } + } + } + .nl-container{ + //border-left: 1px solid $border-dd; + padding-left: 1rem; + .com-cxnl{ + .tit{ + padding-top: 1rem; + font-size: 0.8rem; + + } + } + } + } + .products-body{ + padding-top: 1.5rem; + } + .products-detail{ + + .basic-info{ + .tit{ + font-size: 1rem; + color: $font-33; + margin-bottom: 0.3rem; + } + .item{ + padding:0.5rem 0; + &:nth-of-type(even){ + background-color: $bg-ee; + border-top: 1px solid $border-dd; + border-bottom: 1px solid $border-dd; + } + span{ + display: inline-block; + margin-right: 0.75rem; + min-width: 4rem; + &:first-child{ + text-align: right; + } + + } + } + } + .detail-info{ + padding-top: 1.5rem; + .tit{ + font-size: 1rem; + color: $font-33; + margin-bottom: 0.3rem; + padding-top: 0.5rem; + border-bottom: 1px solid $border-dd; + padding-bottom: 0.5rem; + } + .detail-content{ + padding:0.75rem; + line-height: 1.2rem; + img{ + max-width: 100%; + } + } + } + } + .sug-box{ + margin-bottom: 1rem; + border:1px solid $border-dd; + -webkit-border-radius: 0.2rem; + -moz-border-radius: 0.2rem; + border-radius: 0.2rem; + .tit{ + border-bottom: 1px solid $border-dd; + background-color: $bg-fb; + line-height: 1.8rem; + padding-left: 1rem; + } + .content{ + padding: 0.75rem; + .fig-inline-v2{ + .fig-img{ + width: 30%; + border:0; + } + figcaption{ + width: 70%; + .fig-tit{ + font-size: 0.7rem; + color: $font-33; + white-space: nowrap; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + margin-bottom:0.2rem; + } + } + } + .chain-img{ + width: 200px; + margin: 0.5rem auto; + } + } + } +} +.usercenter-product{ + margin-top: 0 !important; + .body{ + margin:0 -0.75rem !important; + } +} +//qianyin +.products-normal{ + margin-bottom: 0.5rem; + margin-left: -0.75rem; + margin-right: -0.75rem; + &.qianyin-products{ + .item>.shell>.img-shell{ + height: 5.95rem; + &>img{ + max-height: 100%; + } + } + } + .item{ + padding: 0.75rem; + display: inline-block; + float: left; + width: 24.95%; + overflow: hidden; + .shell{ + position: relative; + border: 1px solid $grey-e9; + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + &:hover{ + .img-shell>img{ + opacity:0.9; + } + .shell-title{ + color: $orange; + } + } + .img-shell{ + background-color: $bg-ff; + overflow: hidden; + position: relative; + .paddingTop{ + padding-top: 75%; + } + img{ + position: absolute; + top:0; + bottom:0; + left:0; + right:0; + max-height: 100%; + max-width: 100%; + display: block; + margin:auto; + -webkit-transition: all 0.25s; + -moz-transition: all 0.25s; + -ms-transition: all 0.25s; + -o-transition: all 0.25s; + transition: all 0.25s; + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + } + .shell-content{ + padding:0.75rem 0.6rem; + color: $grey-66; + font-size: 0.7rem; + .shell-title{ + white-space: nowrap; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + } + .shell-cat{ + color: $grey-99; + font-size: 0.6rem; + white-space: nowrap; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + } + } + } + .company-info{ + position: relative; + border: 1px solid $grey-e9; + border-top:none; + .info-left,.info-right{ + display: inline-block; + float: left; + height:2.7rem; + + overflow: hidden; + } + .info-left{ + width: 60%; + line-height: 2.7rem; + padding-left:0.5rem; + border-right: 1px solid $border-dd; + white-space:nowrap; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + } + .info-right{ + width: 40%; + overflow: hidden; + img{ + max-width: 100%; + max-height:100%; + display: block; + margin:0 auto; + } + } + .media-body{ + padding:0.5rem; + border-right:1px solid $grey-e9; + height:2.7rem; + overflow: hidden; + } + &:hover{ + .info-left{ + color: $orange; + } + } + } + .action-box{ + border: 1px solid $grey-e9; + border-top:0; + line-height: 2.5rem; + a{ + color: $font-99; + } + } + } +} +.new-elm{ + opacity: 0; + position: absolute; + top:0; + left:0; + width:100%; + z-index: -99; + background-color: transparent; + cursor: pointer; + .new-item{ + position: absolute; + top:0; + opacity: 0; + padding: 0.75rem; + background-color: $bg-ff; + &.left{ + .shell{ + position: relative; + border: 1px solid $grey-e9; + overflow: hidden; + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + &:hover{ + .img-shell>img{ + opacity:0.9; + } + .shell-title{ + color: $orange; + } + } + .img-shell{ + background-color: $bg-ff; + overflow: hidden; + position: relative; + .paddingTop{ + padding-top: 75%; + } + img{ + position: absolute; + top:0; + bottom:0; + left:0; + right:0; + max-height: 100%; + max-width: 100%; + display: block; + margin:auto; + -webkit-transition: all 0.25s; + -moz-transition: all 0.25s; + -ms-transition: all 0.25s; + -o-transition: all 0.25s; + transition: all 0.25s; + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + } + .shell-content{ + padding:0.75rem 0.6rem; + color: $grey-66; + font-size: 0.7rem; + .shell-title{ + white-space: nowrap; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + } + .shell-cat{ + color: $grey-99; + font-size: 0.6rem; + } + } + } + .company-info{ + position: relative; + border: 1px solid $grey-e9; + border-top:none; + .info-left,.info-right{ + display: inline-block; + float: left; + height:2.7rem; + + overflow: hidden; + } + .info-left{ + width: 60%; + line-height: 2.7rem; + padding-left:0.5rem; + border-right: 1px solid $border-dd; + white-space:nowrap; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + } + .info-right{ + width: 40%; + overflow: hidden; + img{ + max-width: 100%; + max-height:100%; + display: block; + margin:0 auto; + } + } + .media-body{ + padding:0.5rem; + border-right:1px solid $grey-e9; + height:2.7rem; + overflow: hidden; + } + &:hover{ + .info-left{ + color: $orange; + } + } + } + .action-box{ + border: 1px solid $grey-e9; + border-top:0; + line-height: 2.5rem; + a{ + color: $font-99; + } + } + } + &.right{ + .preloader-box{ + padding-top:2rem; + font-size: 1rem; + color: $orange; + } + } + } +} diff --git a/app/culture/view/szwjs/assets/sass/scss/_projectItem.scss b/app/culture/view/szwjs/assets/sass/scss/_projectItem.scss new file mode 100644 index 0000000..a7e8ea6 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_projectItem.scss @@ -0,0 +1,61 @@ +.project-item { + padding: 1rem; + border-bottom: 1px solid #eee; + background-color: $bg-content-base; + -webkit-transition: all 0.35s; + -moz-transition: all 0.35s; + -ms-transition: all 0.35s; + -o-transition: all 0.35s; + transition: all 0.35s; + &:hover { + background-color: #f9fafd; + } + .project-media { + position: relative; + display: inline-block; + float: left; + width: 500px; + overflow: hidden; + //@extend %boxSize; + a{ + background-image: -webkit-linear-gradient(top,#ccc,#000);; + background-image: linear-gradient(to top, #ccc, #000); + } + .top-padding { + padding-top: 52%; + } + .img-box { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + display: block; + img { + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + width: 100%; + max-height: 100%; + margin: auto; + } + } + } + .project-content { + padding-left: 500px; + .project-title { + position: relative; + font-size: 0.9rem; + margin-bottom: 0.75rem; + font-weight: bold; + } + .project-info { + line-height: 1.6; + color: #777; + font-size: 0.7rem; + } + } +} diff --git a/app/culture/view/szwjs/assets/sass/scss/_qianyin.scss b/app/culture/view/szwjs/assets/sass/scss/_qianyin.scss new file mode 100644 index 0000000..db6452c --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_qianyin.scss @@ -0,0 +1,25 @@ +.products-normal.qianyin-products{ + + padding:0; + width: 70%; + margin:0 auto; +} +.qy-qd-title{ + position: relative; + width: 100%; + text-align: center; + font-size: 0.7rem; + color: $black; + line-height: 1.5rem; + margin-bottom: 0.5rem; + &:after{ + position: absolute; + content: ''; + width: 4rem; + height: 0.1rem; + background-color: $black; + bottom:0; + left:50%; + margin-left: -2rem; + } +} \ No newline at end of file diff --git a/app/culture/view/szwjs/assets/sass/scss/_qikan.scss b/app/culture/view/szwjs/assets/sass/scss/_qikan.scss new file mode 100644 index 0000000..7151460 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_qikan.scss @@ -0,0 +1,50 @@ +.qikan-wrapper{ + .item{ + padding: 0.8rem; + &.warning{ + .fig-normal{ + background-color: $orange; + color: $font-ff; + } + } + } + .fig-normal{ + padding:0.2rem; + .img-shell{ + position: relative; + overflow: hidden; + .paddingT{ + padding-top: 145%; + } + .href-abs{ + z-index: 99; + } + .fig-img{ + position: absolute; + top:0; + bottom:0; + left:0; + right:0; + display: block; + margin:auto; + max-width:100%; + max-height:100%; + } + } + figcaption{ + .fig-tit{ + white-space: nowrap; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + } + } + .info{ + margin-bottom:0.3rem; + a{ + display: inline-block; + padding: 0.2rem; + } + } + } +} diff --git a/app/culture/view/szwjs/assets/sass/scss/_section-group.scss b/app/culture/view/szwjs/assets/sass/scss/_section-group.scss new file mode 100644 index 0000000..be4f106 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_section-group.scss @@ -0,0 +1,35 @@ +.section-group{ + h4 { + padding: 0.2rem 0.3rem; + border-left: 2px solid blue; + margin-top: 1rem; + margin-bottom: 0.8rem; + &.bg-primary{ + small{ + color: $font-ff; + } + } + } + .content{ + padding: 1rem 0; + p { + text-indent: 0.3rem; + margin-bottom: 0.3rem; + font-size: 0.7rem; + line-height: 1.5rem; + } + pre{ + padding: 1.5rem 1rem; + } + .ul-default{ + padding:0.5rem 1rem; + border-left: 2px solid orange; + background-color: darken($body-bg,10%); + li{ + font-size: 0.7rem; + line-height: 2rem; + } + } + } + +} \ No newline at end of file diff --git a/app/culture/view/szwjs/assets/sass/scss/_selects.scss b/app/culture/view/szwjs/assets/sass/scss/_selects.scss new file mode 100644 index 0000000..caed9c0 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_selects.scss @@ -0,0 +1,43 @@ +.selected-wrapper{ + position: absolute; + left: 0.75rem; + top: 1.9rem; + z-index: 9999; + border: 2px solid $border-dd; + background-color: $bg-ff; + display: none; + &.active{ + display: block; + } + .select-list{ + max-height: 15rem; + max-width: 15rem; + display: inline-block; + float: left; + overflow-y: auto; + &+.select-list{ + border-left: 1px solid $border-dd; + } + .item{ + line-height: 1.5rem; + padding: 0 0.75rem; + font-size:0.6rem; + cursor: pointer; + &+.item{ + border-top: 1px dashed $border-dd; + } + &:hover,&:active,&.active { + background-color: $bg-ee; + } + } + } +} +.select-cover{ + position: absolute; + left:0; + right:0; + top:0; + height: 1.9rem; + z-index: 99; + cursor: pointer; +} diff --git a/app/culture/view/szwjs/assets/sass/scss/_steps.scss b/app/culture/view/szwjs/assets/sass/scss/_steps.scss new file mode 100644 index 0000000..1f95b4f --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_steps.scss @@ -0,0 +1,173 @@ +.steps{ + .steps-nav { + padding: 1.5rem 20%; + border-top: 1px solid $border-dd; + .item { + position: relative; + float: left; + display: inline-block; + height: 2.5rem; + &:after, &:before { + content: ''; + position: absolute; + width: 50%; + top: 50%; + height: 1px; + background-color: $border-dd; + z-index: 1; + } + &:after { + right: 0; + } + &:before { + left: 0; + } + &:first-child:before, &:last-child:after { + display: none; + } + .ball { + position: relative; + z-index: 2; + overflow: hidden; + margin: 0 auto; + width: 2.5rem; + height: 2.5rem; + -webkit-border-radius: 100rem; + -moz-border-radius: 100rem; + border-radius: 100rem; + background-color: $bg-ee; + line-height: 2.5rem; + text-align: center; + color: $font-66; + & > i { + display: none; + font-size: 1rem; + } + + } + &.active > .ball { + background-color: $green; + & > i { + position: relative; + display: block; + top: 50%; + margin-top: -10px; + color: $font-ff; + } + & > span { + display: none; + } + } + } + } + .steps-tit { + padding: 0 20%; + .item { + display: inline-block; + float: left; + text-align: center; + } + } + .steps-content { + margin-top: 3rem; + .steps-item { + display: none; + &.active { + display: block; + } + .result-msg { + padding: 1rem; + .ok-bz { + width: 2.5rem; + height: 2.5rem; + background-color: $orange; + line-height: 2.5rem; + text-align: center; + font-size: 1rem; + margin: 0 auto; + color: $font-ff; + -webkit-border-radius: 100rem; + -moz-border-radius: 100rem; + border-radius: 100rem; + margin-bottom: 1rem; + } + .ok-tit { + font-size: 1rem; + color: $black; + margin-bottom: 1rem; + font-weight: bold; + } + .ok-info { + font-size: 0.7rem; + color: $black; + margin-bottom: 1rem; + } + } + } + .upload-box { + width: 17rem; + height: 4.6rem; + border: 1px dashed $border-dd; + } + .fujian { + border: none; + outline: none; + width: 17rem; + height: 4.6rem; + background: transparent url("../../assets/img2/upload.jpg") center no-repeat; + -webkit-background-size: contain; + background-size: contain; + } + .fenlei { + .btn { + text-align: left; + } + .caret { + margin-top: 0.3rem; + } + } + .btn-org-o { + display: block; + margin: 1.5rem auto; + } + .form-group { + margin-bottom: 1rem; + .form-control { + height: 2rem; + } + textarea.form-control { + height: auto; + } + .form-control.form-control-auto{ + height: auto; + padding:0; + } + } + .txt { + margin-top: 0.35rem; + } + .edui-container{ + border-width: 0; + box-shadow: none; + width: 100% !important; + } + .edui-body-container{ + width: 100% !important; + } + } + .nav3{ + .item{ + width: 33.333%; + } + } + .nav4{ + .item{ + width: 25%; + } + } + .nav5{ + .item{ + width: 20%; + } + } +} diff --git a/app/culture/view/szwjs/assets/sass/scss/_table.scss b/app/culture/view/szwjs/assets/sass/scss/_table.scss new file mode 100644 index 0000000..5ff57cc --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_table.scss @@ -0,0 +1,176 @@ +.table-trips-f9 { + & > thead > tr > th { + border-bottom: 1px solid $border-dd; + line-height: 1.2rem; + color: $black; + } + & > thead > tr { + border-top: 2px solid $border-dd; + background-color: $bg-ee; + } + & > tbody > tr:nth-of-type(even) { + background-color: $bg-ee; + line-height: 1.85rem; + } + & > tbody > tr > th, & > tbody > tr > td { + line-height: 1.25rem; + font-weight: 400; + } + & > tbody > tr:hover { + color: $orange; + cursor: pointer; + } +} + +.table-1 { + & > thead > tr > th { + border-top: 0; + border-bottom: 1px solid #DDDDDD; + background-color: $bg-ee; + font-weight: 400; + line-height: 1.7rem; + color: $black; + } + & > thead > tr > th:nth-child(1) { + padding-left: 0.6rem; + } + & > tbody > tr > th { + font-weight: 400; + padding-left: 0.6rem; + } + & > tbody > tr:hover, & > tbody > tr.active { + color: $orange; + cursor: pointer; + } + & > tbody > tr > th, & > tbody > tr > td { + line-height: 1.2rem; + } +} + +.company-table1 { + margin: 1rem auto; + th { + background-color: $bg-ee; + width: 7rem; + color: $font-66; + font-weight: 400; + } + td { + color: $font-00; + } + th, td { + padding: 0.5rem 0 0.5rem 1rem; + } +} + +//div table +.table-div { + &.qianyin-table{ + .tbody{ + .tr,.qdtr{ + height: 2.05rem; + background-color: $bg-ff; + -webkit-transition: all 0.35s; + -moz-transition: all 0.35s; + -ms-transition: all 0.35s; + -o-transition: all 0.35s; + transition: all 0.35s; + &:hover{ + //height: 19.55rem; + } + &.active{ + height: 19.55rem; + } + } + ; + } + } + &.qudong-table{ + .tbody{ + width: 100%; + min-height: 1rem; + .tr,.qdtr{ + height: 2.05rem; + background-color: $bg-ff; + -webkit-transition: all 0.35s; + -moz-transition: all 0.35s; + -ms-transition: all 0.35s; + -o-transition: all 0.35s; + transition: all 0.35s; + padding: 0.4rem 0; + line-height: 1.2rem; + border-top: 1px solid $border-dd; + overflow: hidden; + &:hover{ + //height: 19.55rem; + } + &.active{ + height: 19.55rem; + } + .qdtr{ + .qd-title{ + padding-top: 0.5rem;; + } + } + } + .qdtr{ + &>div[class^="cols"]{ + white-space: nowrap; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + } + } + } + } + .thead { + border-top: 2px solid $border-dd; + font-weight: 400; + background-color: $bg-fb; + line-height: 1.2rem; + padding: 0.65rem 0; + color: $navy; + } + .tbody { + //min-height: 10rem; + overflow: hidden; + .tr { + position: relative; + display: block; + padding: 0.4rem 0; + line-height: 1.2rem; + border-top: 1px solid $border-dd; + overflow: hidden; + &:hover { + color: $orange; + cursor: pointer; + } + & > div[class^="cols"] { + white-space: nowrap; + overflow: hidden; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + } + } + } + .thead:after, .thead:before, .tr:after, .tr:before { + display: table; + content: " "; + } + .thead:after, .tr:after { + clear: both; + } +} + +.table-div-trips { + .tbody { + .tr:nth-child(even) { + background-color: rgb(238, 238, 238);; + } + } +} +.xm-qd-xq{ + padding: 2rem 0; + width:50%; + margin:0 auto; +} diff --git a/app/culture/view/szwjs/assets/sass/scss/_title.scss b/app/culture/view/szwjs/assets/sass/scss/_title.scss new file mode 100644 index 0000000..3b33842 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_title.scss @@ -0,0 +1,7 @@ +.bd-tit{ + line-height: 1.875rem; + font-size: 0.7rem; + padding-left:1rem; + border-bottom:1px solid $border-dd; + background-color: $bg-ee; +} diff --git a/app/culture/view/szwjs/assets/sass/scss/_uc_left.scss b/app/culture/view/szwjs/assets/sass/scss/_uc_left.scss new file mode 100644 index 0000000..c25a5ea --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_uc_left.scss @@ -0,0 +1,718 @@ +@charset "utf-8"; +.nav-a, .nav-a:hover { + color: $font-99; + cursor: pointer; +} + +.nav-a { + i { + width: 1rem; + } +} +.uc-r-main-n{ + overflow: hidden; +} +.touxiang { + width: 1.5rem; + height: 1.5rem; + -webkit-border-radius: 100rem; + -moz-border-radius: 100rem; + border-radius: 100rem; +} + +.touxiang-l { + width: 3rem; + height: 3rem; + -webkit-border-radius: 100rem; + -moz-border-radius: 100rem; + border-radius: 100rem; +} + +.uc_box { + position: relative; + padding-left: 10rem; + .uc-left { + position: absolute; + top: 0; + left: 0; + display: block; + float: left; + width: 10rem; + min-height: 100vh; + min-height: 100%; + background-color: $navy-console-light; + .badge { + background-color: $orange; + margin-left: 0.5rem; + } + .title { + font-size: 0.9rem; + color: #fff; + background-color: transparent; + line-height: 4.45rem; + text-align: center; + } + .userinfo { + padding: 1.5rem 0; + border-top: 1px solid $navy-console-dark; + .fig-normal { + .fig-img { + width: 4.5rem; + height: 4.5rem; + -webkit-border-radius: 100rem; + -moz-border-radius: 100rem; + border-radius: 100rem;; + } + & > figcaption { + padding-top: 0.9rem; + padding-bottom: 0; + text-align: center; + .fig-tit { + font-size: 0.9rem; + color: $font-ff; + } + .info { + color: $font-99; + } + } + } + } + .uc-left-section { + border-top: 1px solid $navy-console-dark; + padding-bottom: 1rem; + .sec-tit { + color: $font-99; + font-size: 0.6rem; + padding: 1rem 0 0.51rem 1.5rem; + background-color: $navy-console-light; + } + .item-title { + position: relative; + color: $green; + font-size: 0.6rem; + padding: 0.51rem 0 0.51rem 2rem; + background-color: $navy-console-light; + & + .item-list { + display: none; + } + &.open { + & + .item-list { + display: block; + } + i.arrow-right { + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -o-transform: rotate(90deg); + transform: rotate(90deg); + } + } + + i.arrow-right { + position: absolute; + right: 0; + top: 50%; + margin-top: -0.3rem; + margin-right: 0.75rem; + -webkit-transition: all 0.35s; + -moz-transition: all 0.35s; + -ms-transition: all 0.35s; + -o-transition: all 0.35s; + transition: all 0.35s; + } + + } + .item-title.active { + a, i { + color: #f3721c; + cursor: pointer; + } + } + .item-list { + background-color: $navy-console-dark; + -webkit-transition: all 0.35s; + -moz-transition: all 0.35s; + -ms-transition: all 0.35s; + -o-transition: all 0.35s; + transition: all 0.35s; + &.contactus{ + background-color:transparent; + } + li { + padding: 0.5rem 0 0.5rem 2rem; + font-size: 0.6rem; + &.active { + .nav-a { + display: inline-block; + margin-bottom: 0; + font-weight: 400; + text-align: center; + white-space: nowrap; + vertical-align: middle; + -ms-touch-action: manipulation; + touch-action: manipulation; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-image: none; + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; + color: #fff; + background-color: #f4731c; + } + } + } + } + .nav-a { + color: $green; + } + } + + } +} +.navbar-default .navbar-nav>li>a.btn:focus, .navbar-default .navbar-nav>li>a.btn:hover{ + background-color: $orange !important; + color: $font-33; +} +.uc-right { + background-color: $console-right-bg; + min-height: 100%; + min-height: 100vh; + padding-bottom: 1rem; + .navbar-default .navbar-nav > li > a { + color: $green; + } + .navbar { + height: 4.5rem; + border-radius: 0; + margin-bottom: 0.75rem; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + .navbar-nav > li > a { + //padding:0.5rem; + line-height: 4.5rem; + padding-top: 0; + padding-bottom: 0; + } + .navbar-right { + a.btn { + margin-top: 1.25rem; + border: 1px solid $orange; + font-size: 0.7rem; + padding: 0 1rem; + line-height: 1.9rem; + color: $font-ff; + } + li { + margin-right: 2rem; + font-size: 1rem; + } + } + .navbar-form { + margin-top: 1.0rem; + } + .form-control { + height: 2rem; + line-height: 1.9rem; + } + .btn { + + padding-top: 0; + padding-bottom: 0; + line-height: 1.9rem; + } + } + .uc-r-main { + //width: 45.75rem; + width: 100%; + padding-right: 15px; + padding-left: 15px; + + } + .uc-r-main-n { + //项目发布 + .container-fluid{ + min-width: 46.5rem; + overflow: hidden; + } + .xq-list-box{ + .item{ + padding-top:0.75rem; + padding-bottom: 0.75rem; + } + } + .xmfb-tit { + padding: 1.5rem 0 1.25rem 1.56rem; + font-size: 1.2rem; + color: $black; + line-height: 1; + .bottom { + color: $font-99; + font-size: 0.7rem; + vertical-align: bottom; + margin-left: 0.7rem; + .fa { + vertical-align: bottom; + } + } + } + //项目管理 筛选 + .search-box { + border: 1px solid $border-dd; + -webkit-border-radius: 0.2rem; + -moz-border-radius: 0.2rem; + border-radius: 0.2rem; + .xm-sub-tit { + font-size: 1rem; + line-height: 2.5rem; + border-bottom: 1px solid $border-dd; + background-color: $bg-ee; + padding-left: 1.3rem; + color: $black; + } + .xm-sub-if { + padding-left: 1.3rem; + border-bottom: 1px solid $border-dd; + &:last-child { + border: 0; + } + .table > thead > tr > th { + border: 0; + } + .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { + border: 0; + } + .cat-itme { + color: $font-33; + padding: 0.1rem 0.3rem; + -webkit-border-radius: 0.2rem; + -moz-border-radius: 0.2rem; + border-radius: 0.2rem; + font-size: 0.6rem; + display: inline-block; + &.active { + background-color: $orange; + color: $font-ff; + } + } + th { + color: $font-99; + } + } + } + .search-result { + .action-tit { + margin-top: 1rem; + padding-left: 1rem; + border: 1px solid $border-dd; + border-radius: 0.3rem; + .item { + display: inline-block; + border-left: 1px solid $border-dd; + &:first-child { + border: 0; + padding-right: 0.75rem; + } + } + } + .search-list { + } + } + .xm-list { + margin-top: 1rem; + } + .bd-list { + margin-bottom:1rem; + .item { + margin-top: 1.25rem; + border: 1px solid $border-dd; + -webkit-border-radius: 0.2rem; + -moz-border-radius: 0.2rem; + border-radius: 0.2rem;; + overflow: hidden; + .body { + padding: 1.5rem 1.25rem; + &.padding0 { + padding: 0; + } + .body-list { + .body-item { + display: inline-block; + float: left; + + padding-bottom: 1rem; + border-bottom: 1px solid $border-dd; + margin-bottom: 1rem; + .shell { + padding-left: 2.5rem; + position: relative; + } + .body-item-m, .body-item-r { + display: inline-block; + float: left; + height: 2rem; + overflow: hidden; + } + .body-item-l { + position: absolute; + left: 0; + top: 50%; + margin-top: -0.75rem; + width: 1.5rem; + height: 1.5rem; + -webkit-border-radius: 1.5rem; + -moz-border-radius: 1.5rem; + border-radius: 1.5rem; + } + .body-item-r { + font-size: 2rem; + line-height: 2rem; + padding-left: 0.5rem; + } + .body-item-tit { + color: $black; + font-weight: bold; + } + .body-item-info { + color: $font-99; + } + } + } + .card-item { + display: inline-block; + float: left; + } + .top-list { + display: inline-block; + float: left; + padding: 1rem; + .top-list-tit { + color: $black; + font-size: 0.9rem; + font-weight: bold; + } + } + } + } + #circleChart { + max-width: 15rem !important; + max-height: 15rem !important; + } + #lineChart { + max-width: 45rem !important; + } + + } + + .month-bd-list{ + margin-bottom: 1rem; + .item{ + border:1px solid $border-dd; + -webkit-border-radius: 0.3rem; + -moz-border-radius: 0.3rem; + border-radius: 0.3rem; + .canvas-shell{ + padding: 1rem; + &.shell-lj>canvas{ + max-width: 40rem; + max-height:15rem; + } + } + &:first-child{ + .canvas-shell{ + padding: 0.5rem 1rem; + } + } + } + } + + //monthchart + .xq-list-box { + .item{ + + } + } + } + .uc-lou1 { + margin-bottom: 0.75rem; + .uc-info { + background-color: #fff; + -webkit-border-radius: 0.2rem; + -moz-border-radius: 0.2rem; + border-radius: 0.2rem; + border: 1px solid $border-df; + .uc-info-top { + padding: 1rem; + .media-body { + text-align: center; + vertical-align: middle; + .uc-name { + font-size: 1rem; + } + } + .button-box { + padding-top: 1rem; + .btn:last-child { + margin-left: 1rem; + } + } + } + .uc-info-bottom { + padding: 1rem; + border-top: 1px solid $border-df; + .lk-left, .lk-right { + float: left; + } + .lk-left { + font-size: 1rem; + width: 70%; + .lk-more { + font-size: 0.5rem; + color: $grey-99; + } + } + .lk-right { + width: 30%; + .btn-org { + line-height: 2rem; + } + } + } + } + .console-chart01 { + img { + border: 1px solid $border-df; + -webkit-border-radius: 0.2rem; + -moz-border-radius: 0.2rem; + border-radius: 0.2rem; + height: 12.3rem; + width: 100%; + } + } + + } + .uc-cat-tit { + font-size: 0.9rem; + font-weight: bold; + padding-left: 0.9rem; + padding-bottom: 0.75rem; + } + .uc-lou2 { + margin-bottom: 0.75rem; + .xq-section { + color: #a9a9a9; + background-color: #fff; + border: 1px solid $border-df; + font-size: 0.6rem; + -webkit-border-radius: 0.2rem; + -moz-border-radius: 0.2rem; + border-radius: 0.2rem; + .table-tit { + font-size: 0.6rem; + line-height: 1.9rem; + padding: 0 0.5rem; + border-bottom: 1px solid $border-df; + i { + float: right !important; + margin-top: 0.55rem; + } + } + .table { + margin-bottom: 0; + .glyphicon-pencil { + color: #5072fb; + } + } + & > .table > thead > tr > th { + //border-top:1px solid $border-df; + border-bottom: 1px solid $border-df; + background-color: $table-row-bg; + } + & th { + font-weight: 400; + } + & tr:nth-of-type(even) { + background-color: $table-row-bg; + } + } + } +} + +.company-box { + + .item { + margin-top: 1rem; + margin-bottom: 1rem; + .item-img { + width: 37%; + } + .item-txt { + padding-left: 0.2rem; + width: 63%; + font-size: 0.6rem; + .tit { + font-size: 0.6rem; + margin-bottom: 0.5rem; + a { + color: $grey-99; + } + } + .area { + margin-bottom: 0.5rem; + .area-place { + color: #00a2f3; + } + .area-part { + color: #b8b8b8; + } + } + .btn-box { + .btn { + font-size: 0.6rem; + padding: 1px 2px; + } + + } + } + } +} + +.product-box { + padding: 0.3rem; + .item { + padding: 0.3rem; + .item-txt { + text-align: center; + .tit { + font-size: 0.6rem; + line-height: 1.5rem; + font-weight: 400; + a { + color: $grey-99; + + } + } + } + } +} + +.table-1 > thead > tr > th { + border-top: 1px solid #dfdfdf; + border-bottom: 1px solid #dfdfdf; + background-color: #e7f8ff; +} + +.shenheing { + padding: 1rem; + .sh-head { + .sh-head-l { + width: 13%; + } + .sh-head-r { + padding-left: 1rem; + width: 87%; + font-size: 0.6rem; + .sh-head-tit { + font-size: 0.7rem; + margin-bottom: 0.5rem; + color: #333; + } + p { + margin-bottom: 0.3rem; + color: #999; + span { + & + span { + margin-left: 0.5rem; + } + } + } + } + } + .sh-body { + .list-tit { + font-size: 0.7rem; + color: $black; + padding: 0.5rem; + border: 1px solid $border-df; + } + .list-item { + font-size: 0.6rem; + padding-left: 0.7rem; + border-bottom: 1px dashed $border-df; + margin-top: 1rem; + margin-left: 0; + padding-bottom: 0.4rem; + .list-item-r { + text-align: right; + a + a { + margin-left: 0.5rem; + } + a.action { + color: #03a9f4; + text-decoration: underline; + cursor: pointer; + } + } + + } + } +} + +.company-detail { + padding: 1rem; + .com-head { + padding: 0.75rem; + border: 1px solid $border-df; + .com-head-l { + width: 13%; + } + .com-head-r { + padding-left: 1rem; + width: 87%; + font-size: 0.6rem; + .com-head-tit { + font-size: 0.7rem; + margin-bottom: 0.5rem; + color: #333; + } + p { + margin-bottom: 0.5rem; + } + } + } + .com-body { + padding: 1rem; + .pics-box { + .pic-tit { + line-height: 1.8rem; + text-align: center; + } + } + .zl-info { + padding-top: 1rem; + .item { + line-height: 2rem; + color: $black; + } + .item:nth-of-type(odd) { + background-color: #e1f0d1; + line-height: 1.5rem; + border: 1px solid $border-df; + } + } + + } + .shenhe-box { + text-align: center; + margin-top: 1rem; + .btn + .btn { + margin-left: 1rem; + } + } +} + diff --git a/app/culture/view/szwjs/assets/sass/scss/_umeditor.scss b/app/culture/view/szwjs/assets/sass/scss/_umeditor.scss new file mode 100644 index 0000000..6fbb824 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_umeditor.scss @@ -0,0 +1,9 @@ +.edui-container{ + box-shadow:none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + .edui-toolbar{ + box-shadow: none; + } +} diff --git a/app/culture/view/szwjs/assets/sass/scss/_upload.scss b/app/culture/view/szwjs/assets/sass/scss/_upload.scss new file mode 100644 index 0000000..906efb3 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_upload.scss @@ -0,0 +1,100 @@ +.upload-img-box{ + .img-wrapper{ + position: relative; + width: 100%; + overflow: hidden; + + .img-shell{ + position: relative; + max-width: 400px; + max-height: 300px; + border: 1px solid $border-dd; + -webkit-border-radius: 0.2rem; + -moz-border-radius: 0.2rem; + border-radius: 0.2rem; + margin-bottom: 0.5rem; + .label-for{ + position: absolute; + display: block; + top:0; + bottom:0; + left:0; + right:0; + z-index: 99; + cursor: pointer; + } + .paddingT{ + padding-top:75%; + } + img{ + position: absolute; + display: block; + top:0; + bottom:0; + left:0; + right:0; + max-height:100%; + max-width:100%; + margin:auto; + } + } + } + #upBtn{ + margin-top: 0.5rem; + } +} +.uploader-wrapper{ + +} +.uploader-list-content,.preview-list{ + margin:0 -0.25rem; + &>.fig-normal{ + width: 20%; + display: inline-block; + float: left; + padding: 0.25rem; + .img-shell{ + position: relative; + overflow: hidden; + .btn-box{ + position: absolute; + z-index: 99; + top:0; + right:0; + left:0; + width: 100%; + text-align: right; + font-size:1rem; + + background-color: rgba(0,0,0,0.5); + i{ + color: #FFFFFF; + cursor: pointer; + &:hover{ + color: darken(#fff, 30%); + } + } + } + .paddingT{ + padding-top: 145%; + } + .fig-img{ + position: absolute; + top:0; + bottom:0; + left:0; + right:0; + display: block; + margin:auto; + max-height:100%; + max-width:100%; + } + } + .fig-tit{ + font-size: 0.6rem; + text-align: center; + font-weight:400; + //padding-top: 0.5rem; + } + } +} diff --git a/app/culture/view/szwjs/assets/sass/scss/_variables.scss b/app/culture/view/szwjs/assets/sass/scss/_variables.scss new file mode 100644 index 0000000..5aa71f7 --- /dev/null +++ b/app/culture/view/szwjs/assets/sass/scss/_variables.scss @@ -0,0 +1,137 @@ +@charset "utf-8"; +// +// Variables +// -------------------------------------------------- + + +//== Colors +// +$bg-ff: #fff; +$bg-fb: #fbfbfb; +$bg-f9: #f9f9f9; +$bg-ee: #eee; +$bg-cc: #ccc; +$bg-00: #000; +$bg-f1: #f1f1f1; +$bg-ec: #ECF0F1; +$font-33: #333; +$font-66: #666; +$font-99: #999; +$font-ff: #fff; +$font-00: #000; +$font-base: #3A4145; +$navy-grey: #2e4960; +$navy: #283e52; +$green: #00c099; +$green-light: #05a389; +$orange: #f4731c; +$grey-fb: #fbfbfb; +$grey-fa: #fff; +$grey-e9: #e9e9e9; +$grey-66: #666666; +$grey-99: #999999; +$grey-b5: #b5b5b5; +$grey-base: #ECF0F1; +$black: #2e485f; + + +//diy +$red: #bf3628; +$bg-content-base: $bg-ff; +$bg-base: $bg-ec; +$font-light: $font-99; +//admin console +$navy-console-dark: #09323f; +$navy-console-light: #283e52; +$console-green: #3f9391; +$console-right-bg: #ffffff; +$console-f8: #f8f8f8; +$border-ff: #fff; +$border-df: #dfdfdf; +$border-dd: #ddd; +$border-green: #00c099; +$table-row-bg: #e7f8ff; +//## Gray and brand colors for use across Bootstrap. +$gray-base: #000 !default; +$gray-darker: lighten($gray-base, 13.5%) !default; // #222 +$gray-dark: lighten($gray-base, 20%) !default; // #333 +$gray: lighten($gray-base, 33.5%) !default; // #555 +$gray-light: lighten($gray-base, 46.7%) !default; // #777 +$gray-lighter: lighten($gray-base, 93.5%) !default; // #eee + +$brand-primary: #428bca !default; +$brand-success: #5cb85c !default; +$brand-info: #5bc0de !default; +$brand-warning: #f0ad4e !default; +$brand-danger: #d9534f !default; +$font-color-cat: #cbc092 !default; + +//== Scaffolding +// +//## Settings for some of the most global styles. + +//** body 背景色. +$body-bg: $bg-base !default; +//** body 全局文本 +$text-color: $font-base !default; + +//** Global textual link color. +$link-color: $orange !default; +//** Link hover color set via `darken()` function. +$link-hover-color: darken($link-color, 15%) !default; +//** Link hover decoration. +$link-hover-decoration: underline !default; + + + +//== Typography +// +//## 字体设置. +$font-code: Source Code Pro,monospace!important; +$font-family-sans-serif: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","PingFang SC","PingFang SC Light",tahoma,"Hiragino Sans GB",Arial,Helvetica,sans-serif,"微软雅黑" !default; +$font-family-serif: Georgia, "Times New Roman", Times, serif !default; +//** ``, ``, and `
`的默认字体.
+$font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace !default;
+$font-family-base:        $font-family-sans-serif !default;
+
+$font-html-size:          20px !default;
+$font-size-base:          ceil(($font-html-size * 1.4)) !default;// 14px
+$font-size-large:         ceil(($font-size-base * 1.25)) !default; // ~18px
+$font-size-small:         ceil(($font-size-base * 0.85)) !default; // ~12px
+
+$font-size-h1:            floor(($font-size-base * 2.6)) !default; // ~36px
+$font-size-h2:            floor(($font-size-base * 2.15)) !default; // ~30px
+$font-size-h3:            ceil(($font-size-base * 1.7)) !default; // ~24px
+$font-size-h4:            ceil(($font-size-base * 1.25)) !default; // ~18px
+$font-size-h5:            $font-size-base !default;
+$font-size-h6:            ceil(($font-size-base * 0.85)) !default; // ~12px
+
+$font-size-16-nav:           ceil(($font-html-size*1.6));
+//** Unit-less `line-height` for use in components like buttons.
+$line-height-base:        1.428571429 !default; // 20/14
+//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
+$line-height-computed:    floor(($font-size-base * $line-height-base)) !default; // ~20px
+
+//** By default, this inherits from the ``.
+$headings-font-family:    inherit !default;
+$headings-font-weight:    500 !default;
+$headings-line-height:    1.1 !default;
+$headings-color:          inherit !default;
+
+
+
+
+
+//border style
+
+$border-base-color:    $grey-e9;
+
+
+//width
+$container-width: 1130px !default;
+
+
+//cols config 生成一个一行20列的grids
+$grid-columns:              20 !default;
+$grid-gutter-width:         1rem !default;
+$enable-flex:               false !default;
diff --git a/app/culture/view/szwjs/assets/sass/scss/_webuploader.scss b/app/culture/view/szwjs/assets/sass/scss/_webuploader.scss
new file mode 100644
index 0000000..726646d
--- /dev/null
+++ b/app/culture/view/szwjs/assets/sass/scss/_webuploader.scss
@@ -0,0 +1,7 @@
+#uploader .filelist li{
+  height: 155px;
+  p.imgWrap{
+    line-height: 155px;
+    height: 155px;
+  }
+}
diff --git a/app/culture/view/szwjs/assets/sass/scss/_width.scss b/app/culture/view/szwjs/assets/sass/scss/_width.scss
new file mode 100644
index 0000000..7de6a14
--- /dev/null
+++ b/app/culture/view/szwjs/assets/sass/scss/_width.scss
@@ -0,0 +1,39 @@
+.w100{
+  width: 100%;
+}
+.w76-6{
+  width: 76.6%;
+}
+.w70{
+  width: 70%;
+}
+.w73-2{
+  width:73.2%;
+}
+.w26-8{
+  width:26.8%;
+}
+.w54{
+  width: 54%;
+}
+.w50{
+  width: 50%;
+}
+.w46{
+  width: 46%;
+}
+.w30{
+  width: 30%;
+}
+.w23-4{
+  width: 23.4%;
+}
+.w16-5{
+  width: 18.5%;
+}
+.w56-5{
+  width: 56.5%;
+}
+.w27{
+  width: 25%;
+}
diff --git a/app/culture/view/szwjs/assets/sass/scss/_xiangmu.scss b/app/culture/view/szwjs/assets/sass/scss/_xiangmu.scss
new file mode 100644
index 0000000..8d7f998
--- /dev/null
+++ b/app/culture/view/szwjs/assets/sass/scss/_xiangmu.scss
@@ -0,0 +1,12 @@
+.zf-zizhu,.com-shenqing{
+  margin-top: 1.5rem;
+}
+.com-shenqing{
+  background-color: $bg-f9;
+  padding-top:1.5rem;
+  padding-bottom: 1.5rem;
+}
+.zhizhu-ed{
+  padding-top: 2.5rem !important;
+  background-color: transparent !important;
+}
\ No newline at end of file
diff --git a/app/culture/view/szwjs/assets/sass/scss/_xuqiu.scss b/app/culture/view/szwjs/assets/sass/scss/_xuqiu.scss
new file mode 100644
index 0000000..2adb41a
--- /dev/null
+++ b/app/culture/view/szwjs/assets/sass/scss/_xuqiu.scss
@@ -0,0 +1,4 @@
+.xq-box{
+  margin-top: 1.5rem;
+  color: $font-33;
+}
\ No newline at end of file
diff --git a/app/culture/view/szwjs/assets/sass/scss/_zoom.scss b/app/culture/view/szwjs/assets/sass/scss/_zoom.scss
new file mode 100644
index 0000000..45ef82b
--- /dev/null
+++ b/app/culture/view/szwjs/assets/sass/scss/_zoom.scss
@@ -0,0 +1,37 @@
+img[data-action="zoom"] {
+  cursor: pointer;
+  cursor: -webkit-zoom-in;
+  cursor: -moz-zoom-in;
+}
+.zoom-img,
+.zoom-img-wrap {
+  position: relative;
+  z-index: 666;
+  -webkit-transition: all 300ms;
+       -o-transition: all 300ms;
+          transition: all 300ms;
+}
+img.zoom-img {
+  cursor: pointer;
+  cursor: -webkit-zoom-out;
+  cursor: -moz-zoom-out;
+}
+.zoom-overlay {
+  z-index: 420;
+  background: #fff;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  pointer-events: none;
+  filter: "alpha(opacity=0)";
+  opacity: 0;
+  -webkit-transition:      opacity 300ms;
+       -o-transition:      opacity 300ms;
+          transition:      opacity 300ms;
+}
+.zoom-overlay-open .zoom-overlay {
+  filter: "alpha(opacity=100)";
+  opacity: 1;
+}
diff --git a/app/culture/view/szwjs/assets/sass/scss/bootstrap/_forms.scss b/app/culture/view/szwjs/assets/sass/scss/bootstrap/_forms.scss
new file mode 100644
index 0000000..4e694b3
--- /dev/null
+++ b/app/culture/view/szwjs/assets/sass/scss/bootstrap/_forms.scss
@@ -0,0 +1,561 @@
+//
+// Forms
+// --------------------------------------------------
+
+
+// Normalize non-controls
+//
+// Restyle and baseline non-control form elements.
+
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  // Chrome and Firefox set a `min-width: min-content;` on fieldsets,
+  // so we reset that to ensure it behaves more like a standard block element.
+  // See https://github.com/twbs/bootstrap/issues/12359.
+  min-width: 0;
+}
+
+legend {
+  display: block;
+  width: 100%;
+  padding: 0;
+  margin-bottom: $line-height-computed;
+  font-size: ($font-size-base * 1.5);
+  line-height: inherit;
+  color: $legend-color;
+  border: 0;
+  border-bottom: 1px solid $legend-border-color;
+}
+
+label {
+  display: inline-block;
+  max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141)
+  margin-bottom: 5px;
+  font-weight: bold;
+}
+
+
+// Normalize form controls
+//
+// While most of our form styles require extra classes, some basic normalization
+// is required to ensure optimum display with or without those classes to better
+// address browser inconsistencies.
+
+// Override content-box in Normalize (* isn't specific enough)
+input[type="search"] {
+  @include box-sizing(border-box);
+}
+
+// Position radios and checkboxes better
+input[type="radio"],
+input[type="checkbox"] {
+  margin: 4px 0 0;
+  margin-top: 1px \9; // IE8-9
+  line-height: normal;
+}
+
+// Set the height of file controls to match text inputs
+input[type="file"] {
+  display: block;
+}
+
+// Make range inputs behave like textual form controls
+input[type="range"] {
+  display: block;
+  width: 100%;
+}
+
+// Make multiple select elements height not fixed
+select[multiple],
+select[size] {
+  height: auto;
+}
+
+// Focus for file, radio, and checkbox
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus {
+  @include tab-focus;
+}
+
+// Adjust output element
+output {
+  display: block;
+  padding-top: ($padding-base-vertical + 1);
+  font-size: $font-size-base;
+  line-height: $line-height-base;
+  color: $input-color;
+}
+
+
+// Common form controls
+//
+// Shared size and type resets for form controls. Apply `.form-control` to any
+// of the following form controls:
+//
+// select
+// textarea
+// input[type="text"]
+// input[type="password"]
+// input[type="datetime"]
+// input[type="datetime-local"]
+// input[type="date"]
+// input[type="month"]
+// input[type="time"]
+// input[type="week"]
+// input[type="number"]
+// input[type="email"]
+// input[type="url"]
+// input[type="search"]
+// input[type="tel"]
+// input[type="color"]
+
+.form-control {
+  display: block;
+  width: 100%;
+  height: $input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
+  padding: $padding-base-vertical $padding-base-horizontal;
+  font-size: $font-size-base;
+  line-height: $line-height-base;
+  color: $input-color;
+  background-color: $input-bg;
+  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
+  border: 1px solid $input-border;
+  border-radius: $input-border-radius;
+  @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
+  @include transition(border-color ease-in-out .15s, box-shadow ease-in-out .15s);
+
+  // Customize the `:focus` state to imitate native WebKit styles.
+  @include form-control-focus;
+
+  // Placeholder
+  @include placeholder;
+
+  // Disabled and read-only inputs
+  //
+  // HTML5 says that controls under a fieldset > legend:first-child won't be
+  // disabled if the fieldset is disabled. Due to implementation difficulty, we
+  // don't honor that edge case; we style them as disabled anyway.
+  &[disabled],
+  &[readonly],
+  fieldset[disabled] & {
+    cursor: $cursor-disabled;
+    background-color: $input-bg-disabled;
+    opacity: 1; // iOS fix for unreadable disabled content
+  }
+
+  // [converter] extracted textarea& to textarea.form-control
+}
+
+// Reset height for `textarea`s
+textarea.form-control {
+  height: auto;
+}
+
+
+// Search inputs in iOS
+//
+// This overrides the extra rounded corners on search inputs in iOS so that our
+// `.form-control` class can properly style them. Note that this cannot simply
+// be added to `.form-control` as it's not specific enough. For details, see
+// https://github.com/twbs/bootstrap/issues/11586.
+
+input[type="search"] {
+  -webkit-appearance: none;
+}
+
+
+// Special styles for iOS temporal inputs
+//
+// In Mobile Safari, setting `display: block` on temporal inputs causes the
+// text within the input to become vertically misaligned.
+// As a workaround, we set a pixel line-height that matches the
+// given height of the input. Since this fucks up everything else, we have to
+// appropriately reset it for Internet Explorer and the size variations.
+
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+  line-height: $input-height-base;
+  // IE8+ misaligns the text within date inputs, so we reset
+  line-height: $line-height-base #{\0};
+
+  &.input-sm {
+    line-height: $input-height-small;
+    line-height: $line-height-small #{\0};
+  }
+  &.input-lg {
+    line-height: $input-height-large;
+    line-height: $line-height-large #{\0};
+  }
+}
+
+// IE 11 hack to reverse the iOS temporal input hack.
+_:-ms-fullscreen, :root input[type="date"],
+_:-ms-fullscreen, :root input[type="time"],
+_:-ms-fullscreen, :root input[type="datetime-local"],
+_:-ms-fullscreen, :root input[type="month"] {
+  line-height: $line-height-base;
+
+  &.input-sm {
+    line-height: $line-height-small;
+  }
+  &.input-lg {
+    line-height: $line-height-large;
+  }
+}
+
+
+// Form groups
+//
+// Designed to help with the organization and spacing of vertical forms. For
+// horizontal forms, use the predefined grid classes.
+
+.form-group {
+  margin-bottom: 15px;
+}
+
+
+// Checkboxes and radios
+//
+// Indent the labels to position radios/checkboxes as hanging controls.
+
+.radio,
+.checkbox {
+  position: relative;
+  display: block;
+  margin-top: 10px;
+  margin-bottom: 10px;
+
+  label {
+    min-height: $line-height-computed; // Ensure the input doesn't jump when there is no text
+    padding-left: 20px;
+    margin-bottom: 0;
+    font-weight: normal;
+    cursor: pointer;
+  }
+}
+.radio input[type="radio"],
+.radio-inline input[type="radio"],
+.checkbox input[type="checkbox"],
+.checkbox-inline input[type="checkbox"] {
+  position: absolute;
+  margin-left: -20px;
+  margin-top: 4px \9;
+}
+
+.radio + .radio,
+.checkbox + .checkbox {
+  margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing
+}
+
+// Radios and checkboxes on same line
+.radio-inline,
+.checkbox-inline {
+  display: inline-block;
+  padding-left: 20px;
+  margin-bottom: 0;
+  vertical-align: middle;
+  font-weight: normal;
+  cursor: pointer;
+}
+.radio-inline + .radio-inline,
+.checkbox-inline + .checkbox-inline {
+  margin-top: 0;
+  margin-left: 10px; // space out consecutive inline controls
+}
+
+// Apply same disabled cursor tweak as for inputs
+// Some special care is needed because