html,
body {
height: 100%;
width: 100%;
background-color: #eeeeee;
font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#gw-body {
overflow: hidden;
}
* {
margin: 0;
padding: 0;
}
ol,
ul,
li {
list-style: none;
}
/* ---- bootstrap 覆盖 ---- */
.form-control {
border-color: #dcdcdc;
box-shadow: none;
border-radius: 2px;
}
a {
color: #333;
cursor: pointer;
text-decoration: none;
}
a:hover {
color: #1B7AD1;
text-decoration: none;
}
a:focus {
text-decoration: none;
}
a[href^="tel"] {
color: inherit;
/* Inherit text color of parent element. */
text-decoration: none;
/* Remove underline. */
/* Additional css `propery: value;` pairs here */
}
.btn-info {
color: #fff;
background: #3B98EF;
border-color: #3B98EF;
}
.btn-info:hover,
.btn-info:active,
.btn-info:focus {
background: #5299db !important;
border: 1px #5299db solid !important;
}
.btn-purpre {
color: #fff;
background: #B279E3;
border-color: #B279E3;
}
.btn-purpre:hover,
.btn-purpre:active,
.btn-purpre:focus {
color: #fff;
background: #B279E3 !important;
border: 1px #B279E3 solid !important;
}
.ie9-warning {
background: #f7e2b1;
z-index: 1001;
position: fixed;
width: 100%;
text-align: center;
color: #ff0000;
font-size: 24px;
line-height: 76px;
}
.ie9-warning .icon-close-ie9 .fa {
padding: 20px;
cursor: pointer;
}
/* ---- 头部 ---- */
.gw-header {
width: 100%;
height: 76px;
background: #fff;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
box-shadow: 0 5px 3px -2px rgba(0, 0, 0, 0.05);
}
.gw-header .gw-logo {
text-align: center;
background: #5baaf4;
height: 76px;
line-height: 76px;
width: 340px;
}
.gw-header .gw-header-left {
width: 360px;
}
.gw-header .gw-header-tool-left {
width: 360px;
height: 76px;
}
.gw-header .gw-header-tool-left ul li {
line-height: 55px;
height: 76px;
}
.gw-header .gw-header-tool-left .nav-child li {
line-height: 24px!important;
height: 24px!important;
}
.gw-header .gw-header-right {
width: 460px;
}
.gw-header button.btn {
width: 90px;
}
.gw-header .gw-tools {
margin-top: 13px;
}
.gw-header .dropdown-menu input[type=checkbox] {
margin: 5px 3px 5px 10px;
}
.gw-header .gw-equipment {
text-align: center;
line-height: 76px;
height: 76px;
}
.gw-header .gw-equipment i {
font-size: 28px;
color: #888;
cursor: pointer;
}
.gw-header .gw-equipment .gw-change-box {
display: inline-block;
width: 40px;
text-align: center;
}
.gw-header .gw-serve-publish {
text-align: right;
line-height: 76px;
margin-right: 30px;
}
.gw-header .gw-exit:hover {
color: #1B7AD1;
}
.pc .gw-header .gw-equipment .fa-television,
.mobile .gw-header .gw-equipment .fa-mobile,
.gw-header .gw-equipment .gw-change-box .fa-active {
color: #3B98EF;
}
@media screen and (max-width: 1280px) {
.gw-header .gw-header-left {
width: 340px;
}
}
/* ---- 内容 ---- */
.gw-edit-content {
padding-top: 116px;
margin-left: 340px;
height: 100%;
overflow: hidden;
position: relative;
-moz-user-select: none;
user-select: none;
padding-bottom: 20px;
/*fix: 横向滚动条出不来的情况*/
}
/* ---- 左侧栏 ---- */
.gw-edit-tool-content {
position: fixed;
left: 0px;
top: 0px;
z-index: 99;
width: 340px;
height: 100%;
padding-top: 76px;
background: #FEFDFD;
border-right: 1px solid #e3e3e3;
}
.gw-edit-tool-content .nav-tabs {
border-color: #e3e3e3;
width: 340px;
}
.gw-edit-tool-content .nav-tabs li {
width: 25%;
font-size: 16px;
text-align: center;
border-right: 1px solid #dcdcdc;
}
.gw-edit-tool-content .nav-tabs li a {
margin: 0;
border: 0 none;
border-radius: 0px;
}
.gw-edit-tool-content .nav-tabs li.active a,
.gw-edit-tool-content .nav-tabs li:hover a {
background-color: #3B98EF;
color: #fff;
margin: 0;
border: 0 none;
}
.gw-edit-tool-content .nav-tabs li.active a:focus,
.gw-edit-tool-content .nav-tabs li:hover a:focus {
outline: 0;
}
.gw-edit-tool-region {
position: relative;
height: 100%;
}
.gw-edit-tool-region > .tab-pane {
padding: 15px 20px 50px;
height: 100%;
min-height: 100%;
}
.gw-edit-tool-region .gw-edit-component-title {
padding: 0 0 10px 10px;
border-bottom: 1px solid #dfdfdf;
font-size: 15px;
color: #1B7AD1;
}
.gw-edit-tool-region .nav-title {
padding: 0 0 10px 0;
margin-bottom: 20px;
}
.gw-edit-tool-region .nav-title > li > a.active,
.gw-edit-tool-region .nav-title > li > a:focus,
.gw-edit-tool-region .nav-title > li > a:hover {
background-color: transparent!important;
color: #5BAAF4;
}
.gw-edit-tool-region .nav-title > li.active > a,
.gw-edit-tool-region .nav-title > li.active > a:focus,
.gw-edit-tool-region .nav-title > li.active > a:hover {
background-color: transparent!important;
color: #5BAAF4;
}
.gw-edit-tool-region .nav-menu-title li {
margin-bottom: 14px;
}
.gw-edit-tool-region .nav-menu-title > li > a {
padding: 8px 15px;
border-radius: 2px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.gw-edit-tool-region .nav-menu-title > li > a:focus,
.gw-edit-tool-region .nav-menu-title > li > a:hover,
.gw-edit-tool-region .nav-menu-title > li > a.active {
background-color: #5BAAF4;
color: #fff;
}
.gw-edit-tool-region .nav-menu-title > li.active > a:focus,
.gw-edit-tool-region .nav-menu-title > li.active > a:hover,
.gw-edit-tool-region .nav-menu-title > li.active > a {
background-color: #5BAAF4;
color: #fff;
}
.gw-edit-tool-region .gw-module-box {
background: #efefef;
font-size: 24px;
line-height: 71px;
color: #111111;
text-align: center;
}
.gw-edit-tool-region .gw-edit-page .list-group-home {
margin-top: 15px;
font-size: 20px;
}
.gw-edit-tool-region .gw-edit-page .list-group-item {
margin-bottom: 10px;
border-radius: 4px;
padding: 14px;
width: 275px;
border-color: #e3e3e3;
}
.gw-edit-tool-region .gw-edit-page .list-group-item a {
width: 135px;
display: inline-block;
word-break: break-word;
}
.gw-edit-tool-region .gw-edit-page .list-group-item .gw-tool i {
font-size: 16px;
color: #666;
}
.gw-edit-tool-region .gw-edit-page .list-group-item .gw-tool .gw-page-item-move {
width: auto;
display: inline-block;
}
.gw-edit-tool-region .gw-edit-page .list-group-item .gw-tool .gw-more-func-page-i {
position: relative;
}
.gw-edit-tool-region .gw-edit-page .list-group-item .gw-tool .gw-more-func-page-i .gw-more-tool-box {
position: absolute;
display: none;
top: -150%;
left: 10px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
padding: 2px 5px;
z-index: 100;
}
.gw-edit-tool-region .gw-edit-page .list-group-item .gw-tool .gw-more-func-page-i .gw-more-tool-box i {
width: 100%;
padding: 5px 0;
}
.gw-edit-tool-region .gw-edit-page .list-group-item:hover,
.gw-edit-tool-region .gw-edit-page .list-group-item.active {
background: #5BAAF4;
color: #fff;
}
.gw-edit-tool-region .gw-edit-page .list-group-item:hover .gw-tool i,
.gw-edit-tool-region .gw-edit-page .list-group-item.active .gw-tool i {
color: #fff;
cursor: pointer;
}
.gw-edit-tool-region .gw-edit-page .list-group-item:hover .gw-tool .gw-more-func-page-i .gw-more-tool-box i,
.gw-edit-tool-region .gw-edit-page .list-group-item.active .gw-tool .gw-more-func-page-i .gw-more-tool-box i {
color: #666;
}
.gw-edit-tool-region .gw-edit-page .list-group-item:hover a,
.gw-edit-tool-region .gw-edit-page .list-group-item.active a {
color: #ffffff;
}
.gw-edit-tool-region .gw-edit-page .gw-sub-pages-box {
margin-left: 55px;
margin-top: 30px;
display: block;
position: relative;
}
.gw-edit-tool-region .gw-edit-page .gw-sub-pages-box:before {
content: "";
display: block;
width: 0;
position: absolute;
top: 0;
bottom: 37px;
left: -10px;
border-left: 1px solid #ccc;
}
.gw-edit-tool-region .gw-edit-page .gw-sub-pages-box .list-group-item-sub {
padding: 8px;
width: 242px;
border-color: #c9def1;
}
.gw-edit-tool-region .gw-edit-page .gw-sub-pages-box .list-group-item-sub:before {
content: "";
display: block;
width: 10px;
height: 0;
border-top: 1px solid #ccc;
position: absolute;
top: 14px;
left: -10px;
}
.gw-edit-tool-region .gw-edit-page .gw-sub-pages-box .list-group-item-sub .list-group-item-sub-index {
position: relative;
height: 24px;
padding: 0;
}
.gw-edit-tool-region .gw-edit-page .gw-sub-pages-box .list-group-item-sub .list-group-item-sub-index:before {
content: "";
display: block;
width: 18px;
height: 0;
position: absolute;
top: 14px;
left: 0;
}
.gw-edit-tool-region .gw-edit-page .gw-sub-pages-box .list-group-item-sub a {
width: 80px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.gw-edit-tool-region .gw-edit-page .gw-three-pages {
padding-top: 30px;
}
.gw-edit-tool-region .gw-edit-page .gw-three-pages .list-group-item-sub {
width: 188px;
}
.gw-edit-tool-region .gw-edit-page .list-group-item-add {
color: #5CB85C;
cursor: pointer;
}
.gw-edit-tool-region .gw-edit-page .list-group-item-add:hover {
border-color: #5CB85C;
background: #5CB85C;
color: #fff;
}
.gw-edit-tool-region .gw-edit-page .language-type {
background-repeat: no-repeat;
background-position: left center;
padding-left: 38px;
font-size: 16px;
line-height: 32px;
margin-top: 15px;
margin-bottom: 10px;
color: #5baaf4;
cursor: pointer;
position: relative;
overflow: hidden;
}
.gw-edit-tool-region .gw-edit-page .language-type.language-zh-cn {
background-image: url(../image/language-zh-cn.png);
}
.gw-edit-tool-region .gw-edit-page .language-type.language-en {
background-image: url(../image/language-en.png);
}
.gw-edit-tool-region .gw-edit-page .language-type.language-zh {
background-image: url(../image/language-zh.png);
}
.gw-edit-tool-region .gw-edit-page .language-type:after {
position: absolute;
right: 20px;
top: 0px;
width: 230px;
height: 1px;
content: '- - - - - - - - - - - - - - - - - - - - -';
}
.gw-edit-tool-region .gw-edit-page .language-type .language-title {
padding-right: 10px;
background-color: #fff;
position: relative;
z-index: 10;
}
.gw-edit-tool-region .gw-edit-page .language-type .icon-arrow-language {
float: right;
line-height: 32px;
}
.gw-edit-tool-region .gw-edit-page .language-type.close-page .icon-arrow-language {
transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
}
.gw-edit-tool-region .gw-edit-module .gw-edit-module-menu {
width: 100px;
}
.gw-edit-tool-region .gw-edit-module .gw-edit-module-menu .nav-pills li {
margin-bottom: 10px;
}
.gw-edit-tool-region .gw-edit-module .gw-edit-module-menu .nav-pills li a {
padding: 5px 10px;
}
.gw-edit-tool-region .gw-edit-module .gw-edit-module-menu .nav-pills li.active a {
background: #5BAAF4;
}
.gw-edit-tool-region .gw-edit-module .gw-edit-module-list {
width: 190px;
}
.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-right-content {
width: 190px;
background-color: transparent;
margin-bottom: 14px;
text-align: center;
line-height: 71px;
font-size: 24px;
color: #fff;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-0 {
background-image: url(../image/module-1.png);
}
.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-1 {
background-image: url(../image/module-2.png);
}
.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-2 {
background-image: url(../image/module-3.png);
}
.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-3 {
background-image: url(../image/module-4.png);
}
.gw-edit-tool-region .gw-edit-component-list li {
float: left;
width: 64px;
height: 75px;
text-align: center;
margin: 10px 43px 15px 5px;
cursor: all-scroll;
}
.gw-edit-tool-region .gw-edit-component-list li:nth-child(3n+3) {
margin-right: 5px;
}
.gw-edit-tool-region .gw-edit-component-list li .icon {
width: 64px;
height: 54px;
display: block;
margin: 0 auto 3px;
background-repeat: no-repeat;
background-image: url(../image/icon-20191207.png);
}
.gw-edit-tool-region .gw-edit-component-list li .name {
margin-left: -10px;
margin-right: -10px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-component-images .icon {
background-position: -93px 0px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-component-button .icon {
background-position: -186px 0px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-component-carousel .icon {
background-position: -278px 0px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-component-divide .icon {
background-position: -371px 0px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-component-article .icon {
background-position: -557px 0px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-component-goods .icon {
background-position: -464px 0px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-component-form .icon {
background-position: -649px 0px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-component-nav .icon {
background-position: -742px 0px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-component-share .icon {
background-position: 0px 0px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-component-service .icon {
background-position: -93px -75px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-component-vote .icon {
background-position: -186px -75px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-component-video .icon {
background-position: -278px -75px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-component-map .icon {
background-position: -371px -75px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-component-bglayer .icon {
background-position: -557px -75px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-component-icon .icon {
background-position: -649px -75px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-component-shop_goods .icon {
background-position: -742px -75px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-module-drag-item .icon {
background-position: -464px -75px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-container-drag-item .icon {
background-position: -464px -75px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-component-search .icon {
background-position: -835px -75px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-component-classified .icon {
background-position: -928px 0px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-component-marquee .icon {
background-position: -835px 0px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-component-attribute .icon {
background-position: -928px -75px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-component-scrollNotice .icon {
background-position: 0 -150px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-component-case .icon {
background-position: -93px -150px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-component-rich .icon {
background-position: -185px -150px;
}
.gw-edit-tool-region .gw-edit-component-list .gw-component-formPlus .icon {
background-position: -278px -150px;
}
/* ---- 右侧编辑区 ---- */
.gw-browse-editor {
height: 100%;
z-index: 1;
position: relative;
overflow-x: auto;
overflow-y: auto;
}
.gw-editor-page .gw-module-drag-item.ui-sortable-placeholder {
height: 200px;
border: 1px dashed #337ab7;
text-align: center;
line-height: 100px;
font-size: 16px;
color: #ccc;
visibility: visible !important;
}
.gw-editor-page .gw-module-drag-item.ui-sortable-placeholder:after {
content: '松开鼠标模块将添加在这里';
}
.gw-editor-page .gw-module-drag-item.ui-sortable-helper {
width: 190px !important;
height: 75px !important;
}
.gw-editor-page .gw-module-drag-item.ui-sortable-helper.module-0 {
background-image: url(../image/module-1.png);
}
.gw-editor-page .gw-module-drag-item.ui-sortable-helper.module-1 {
background-image: url(../image/module-2.png);
}
.gw-editor-page .gw-module-drag-item.ui-sortable-helper.module-2 {
background-image: url(../image/module-3.png);
}
.gw-editor-page .gw-module-drag-item.ui-sortable-helper.module-3 {
background-image: url(../image/module-4.png);
}
.gw-editor-page .gw-browse-module .ui-droppable-hover:after {
content: '';
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(30, 193, 253, 0.1);
z-index: 999;
}
/* ---- 右下角工具栏 ---- */
.gw-editor-bar {
position: fixed;
bottom: 30px;
right: 86px;
width: 60px;
z-index: 100;
text-align: center;
}
.gw-editor-bar .gw-show-qq {
background-image: url("../image/qq-icon.png");
background-position: 0px 0px;
width: 65px;
height: 65px;
display: block;
margin-bottom: 10px;
}
.gw-editor-bar .gw-show-question {
background-image: url("../image/question-icon.png");
background-position: 0px 0px;
width: 65px;
height: 65px;
margin-bottom: 10px;
position: relative;
cursor: pointer;
}
.gw-editor-bar .gw-show-question-box {
display: none;
width: 120px;
border: 1px solid #CECECE;
position: absolute;
left: -50%;
bottom: 112%;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
border: 1px solid #ccc;
border-top: 4px solid #5aaaf4;
}
.gw-editor-bar .gw-show-question-box .gw-show-question-box-row {
overflow: hidden;
padding: 10px;
background-color: #fff;
}
.gw-editor-bar .gw-show-question-box .gw-show-question-box-row:last-child {
padding-bottom: 20px;
overflow: auto;
}
.gw-editor-bar .gw-show-question-box .gw-show-question-box-row:last-child:after {
content: '';
position: absolute;
top: 94px;
right: 46px;
width: 0;
height: 0;
border-top: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.gw-editor-bar .gw-show-question-box .gw-show-question-box-row .fa {
font-size: 1.5em;
float: left;
}
.gw-editor-bar .gw-show-question-box .gw-show-question-box-row .gw-show-font {
display: inline-block;
font-size: 16px;
float: right;
background: none;
}
/* ---- 头部工具区域 ---- */
.jquery-guide,
.jquery-guide-bg {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.jquery-guide-bg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
border-color: rgba(0, 0, 0, 0.6);
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
.jquery-guide-bg.active {
border-color: rgba(0, 0, 0, 0.5);
}
.jquery-guide-content {
position: absolute;
cursor: default;
color: #FFF;
z-index: 1001;
border-radius: 2px;
background-color: #000000;
border: 1px solid rgba(0, 0, 0, 0.4);
width: 300px;
padding: 15px;
}
.jquery-guide-content .jquery-guide-btns {
margin-top: 25px;
text-align: right;
}
.jquery-guide-content .jquery-guide-btns .btn {
margin-left: 10px;
}
.gw-guide-exit-global {
background: #000000;
position: fixed;
right: 0;
top: 0;
z-index: 1001;
width: 50px;
height: 50px;
border-radius: 0% 0 0% 100%;
color: #fff;
line-height: 42px;
padding-left: 18px;
cursor: pointer;
}
.cover-layer .layui-layer-shade {
display: none;
}
.cover-layer .jquery-guide-bg {
z-index: 100000000;
}
.cover-layer .jquery-guide-content {
z-index: 100000001;
}
.video-list {
padding: 10px;
}
.video-list li {
width: 50%;
float: left;
padding: 10px;
}
.video-list .video-title {
display: block;
text-align: center;
margin-top: 10px;
font-size: 16px;
color: #5baaf4;
line-height: 20px;
}
.video-list .video-title .fa {
font-size: 20px;
vertical-align: bottom;
}
.video-list .video-content {
width: 420px;
height: 320px;
background: #000;
position: relative;
}
.video-list .video-tips {
position: absolute;
top: 120px;
left: 0;
width: 100%;
text-align: center;
display: block;
color: #fff;
}
.video-list .video-source {
position: relative;
}
/*------------ 滚动条 ------------*/
#gw-body {
/*滚动条的滑块按钮*/
/*滚动条的上下两端的按钮*/
}
#gw-body ::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color: transparent;
border-radius: 5px;
}
#gw-body ::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: rgba(193, 218, 238, 0.65);
}
#gw-body ::-webkit-scrollbar-button {
height: 10px;
background-color: transparent;
border-radius: 5px;
}
#gw-body {
/*滚动条的滑块按钮*/
/*滚动条的上下两端的按钮*/
}
#gw-body::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color: transparent;
border-radius: 5px;
}
#gw-body::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: rgba(193, 218, 238, 0.65);
}
#gw-body::-webkit-scrollbar-button {
height: 10px;
background-color: transparent;
border-radius: 5px;
}
/*-------- 微信宽度 -----------*/
#bdshare_weixin_qrcode_dialog {
width: 251px!important;
height: 297px!important;
}
/*************************************************************************
*
* @Description : 关公官网
* @WebSite : http://www.co.ltd
* @author : Shen
* @version : 2.0.0
* @date : 2017-01-01
* @direction : 左侧编辑tab里面样式文件入口
**************************************************************************/
.sp-palette-toggle {
display: none;
}
.gw-component-edit-region {
font-size: 14px;
color: #383737;
}
.gw-component-edit-region .gw-editor-panel {
height: 100%;
}
.gw-component-edit-region .gw-editor-menu-list {
width: 70px;
}
.gw-component-edit-region .gw-editor-menu-list li {
margin-bottom: 14px;
cursor: pointer;
font-size: 14px;
height: 30px;
line-height: 30px;
}
.gw-component-edit-region .gw-editor-menu-list li.active a {
color: #3B98EF;
}
.gw-component-edit-region .gw-editor-content-list {
border-left: 1px dashed #dcdcdc;
width: 228px;
padding-left: 14px;
margin-top: 5px;
min-height: 100%;
padding-bottom: 80px;
/*取色器样式 */
/* 栏目设置list 样式**/
/*input后px样式*/
}
.gw-component-edit-region .gw-editor-content-list .btn-group .btn,
.gw-component-edit-region .gw-editor-content-list button .btn {
width: 47px;
height: 44px;
border-radius: 2px;
border-color: #dcdcdc;
}
.gw-component-edit-region .gw-editor-content-list .btn-group .fa-italic,
.gw-component-edit-region .gw-editor-content-list button .fa-italic {
border-right: none;
}
.gw-component-edit-region .gw-editor-content-list .btn-group .fontColorSelector span,
.gw-component-edit-region .gw-editor-content-list button .fontColorSelector span {
border-radius: 0;
border: none;
}
.gw-component-edit-region .gw-editor-content-list .btn-group .fontColorSelector .fa-font:before,
.gw-component-edit-region .gw-editor-content-list button .fontColorSelector .fa-font:before {
content: "";
}
.gw-component-edit-region .gw-editor-content-list .btn-group .bdColorSelector span,
.gw-component-edit-region .gw-editor-content-list button .bdColorSelector span {
border: 0 none;
}
.gw-component-edit-region .gw-editor-content-list .btn-group .bdColorSelector .fa-pencil:before,
.gw-component-edit-region .gw-editor-content-list button .bdColorSelector .fa-pencil:before {
content: "";
}
.gw-component-edit-region .gw-editor-content-list .btn-group .circle_color,
.gw-component-edit-region .gw-editor-content-list button .circle_color {
width: 140px;
height: 44px;
}
.gw-component-edit-region .gw-editor-content-list .btn-group .circle_color .color_shape,
.gw-component-edit-region .gw-editor-content-list button .circle_color .color_shape {
border-radius: 50%;
border: 1px solid #dcdcdc;
width: 24px;
height: 24px;
}
.gw-component-edit-region .gw-editor-content-list .btn-group .sp-preview,
.gw-component-edit-region .gw-editor-content-list button .sp-preview {
border-radius: 50%;
border: none;
margin-right: 0;
width: 24px;
height: 24px;
}
.gw-component-edit-region .gw-editor-content-list .gw-edit-list .list-group-item {
width: 210px;
margin-bottom: 10px;
border-radius: 4px;
padding: 12px 12px 10px 10px;
border-color: #e3e3e3;
}
.gw-component-edit-region .gw-editor-content-list .gw-edit-list .list-group-item span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
max-width: 55%;
}
.gw-component-edit-region .gw-editor-content-list .gw-edit-list .list-group-item a {
width: 20px;
display: inline-block;
}
.gw-component-edit-region .gw-editor-content-list .gw-edit-list .list-group-item-add {
color: #5CB85C;
cursor: pointer;
}
.gw-component-edit-region .gw-editor-content-list .gw-edit-list .list-group-item-add:hover {
border: 1px solid #5CB85C;
background: #5CB85C;
color: #fff;
}
.gw-component-edit-region .gw-editor-content-list input.form-control {
display: inline-block;
width: 98px;
height: 44px;
border-right: 0 none;
}
.gw-component-edit-region .gw-editor-content-list input.form-control.large {
width: 210px;
border: 1px solid #ccc;
}
.gw-component-edit-region .gw-editor-content-list input.form-control.middle {
width: 140px;
}
.gw-component-edit-region .gw-editor-content-list input.form-control.all {
width: 140px;
border-right: 1px solid #ccc;
}
.gw-component-edit-region .gw-editor-content-list .input-group-addon {
width: 42px;
padding: 0 12px 0 12px;
border: 1px solid #dcdcdc;
border-left: 0 none;
background-color: #faf6f6;
}
.gw-component-edit-region .gw-editor-content-list .carousel-span {
height: 44px;
line-height: 44px;
padding: 0 6px;
}
.gw-component-edit-region .gw-editor-group {
display: inline-block;
height: 100%;
}
.gw-component-edit-region .upload-img-tips {
color: #999;
font-size: 12px;
display: inline-block;
line-height: 44px;
}
.gw-component-edit-region label {
width: 70px;
text-align: left;
font-weight: inherit;
height: 44px;
line-height: 44px;
}
.gw-component-edit-region select {
padding: 0 12px;
width: 140px;
height: 44px;
outline: none;
border: 1px solid #dcdcdc;
border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
-webkit-border-radius: 2px;
}
.gw-component-edit-region select.large {
width: 210px;
}
.gw-component-edit-region .content-imgs {
position: relative;
width: 213px;
height: 105px;
line-height: 96px;
text-align: center;
border: 1px solid #dcdcdc;
}
.gw-component-edit-region .content-imgs img {
max-width: 211px;
max-height: 103px;
}
.gw-component-edit-region .content-imgs .gw-upload-image {
width: 100%;
height: 34px;
text-align: center;
line-height: 34px;
background-image: url(../image/background-20.png);
position: absolute;
bottom: 0;
color: #FFFFFF;
cursor: pointer;
}
.gw-component-edit-region .content-imgs .gw-upload-image:hover {
text-decoration: underline;
}
.gw-component-edit-region .content-video {
position: relative;
width: 213px;
height: 105px;
line-height: 96px;
text-align: center;
border: 1px solid #dcdcdc;
}
.gw-component-edit-region .content-video video,
.gw-component-edit-region .content-video .no-video {
width: 211px;
height: 103px;
}
.gw-component-edit-region .content-video .no-video {
background: url(../image/no-video.png) no-repeat scroll 18px -35px;
}
.gw-component-edit-region .content-video .gw-upload-video {
width: 100%;
height: 34px;
text-align: center;
line-height: 34px;
background-image: url(../image/background-20.png);
position: absolute;
bottom: 0;
color: #FFFFFF;
cursor: pointer;
}
.gw-component-edit-region .content-video .gw-upload-video:hover {
text-decoration: underline;
}
.gw-component-edit-region .gw-slider {
clear: both;
padding-top: 10px;
}
.gw-component-edit-region .gw-slider .ui-slider {
background: #DEDEDE;
border-radius: 0;
height: 2px;
border: 0;
}
.gw-component-edit-region .gw-slider .ui-slider-handle {
width: 16px;
height: 16px;
top: -7px;
margin-left: -8px;
border-radius: 50%;
border: 1px solid #DEDEDE;
background-color: #fff;
}
.gw-component-edit-region .gw-slider .ui-slider-handle.ui-state-hover,
.gw-component-edit-region .gw-slider .ui-slider-handle.ui-state-active,
.gw-component-edit-region .gw-slider .ui-slider-handle.ui-state-focus {
outline: 0 none;
border-color: #5BAAF4;
}
.gw-component-edit-region .gw-slider .ui-slider-range {
border: 0;
background-color: #5BAAF4;
}
.guide {
z-index: 30;
}
.guide-h {
border-top: 1px dashed #5BAAF4;
width: 100%;
position: absolute;
display: none;
}
.guide-v {
border-left: 1px dashed #5BAAF4;
height: 100%;
position: absolute;
display: none;
}
.gw-editor-tool {
display: none;
position: absolute;
z-index: 90;
right: 2px;
top: 2px;
background: #EEE;
overflow: hidden;
}
.gw-editor-tool i {
cursor: pointer;
float: left;
display: block;
height: 24px;
width: 24px;
line-height: 24px;
}
.gw-editor-tool i:hover {
background: #ccc;
}
.gw-rotate-tool {
position: absolute;
z-index: 90;
right: 50%;
margin-right: -10px;
top: -30px;
width: 20px;
height: 20px;
display: none;
text-align: center;
}
.gw-rotate-tool .gw-rotate-component {
color: #5BAAF4;
font-size: 16px;
line-height: 20px;
width: 20px;
}
.gw-rotate-tool:before {
content: " ";
position: absolute;
bottom: -6px;
right: 10px;
width: 1px;
height: 10px;
border-left: 1px solid #5BAAF4;
}
.gw-selected > .gw-editor-tool,
.gw-selected > .gw-rotate-tool {
display: block;
}
.gw-selected > .ui-resizable-handle {
display: block !important;
}
.gw-selected > .ui-resizable-n,
.gw-selected > .ui-resizable-e,
.gw-selected > .ui-resizable-s,
.gw-selected > .ui-resizable-w {
background: #5BAAF4;
}
.gw-selected > .ui-resizable-n:before,
.gw-selected > .ui-resizable-e:before,
.gw-selected > .ui-resizable-s:before,
.gw-selected > .ui-resizable-w:before {
display: block;
}
.layer .content-imgs {
position: relative;
width: 250px;
display: inline-block;
}
.layer .content-imgs img {
width: 250px;
height: 130px;
}
.layer .content-imgs .gw-upload-image {
width: 100%;
height: 34px;
text-align: center;
line-height: 34px;
background-image: url(../image/background-20.png);
position: absolute;
bottom: 0;
color: #FFF;
cursor: pointer;
}
.fixed-top,
.fixed-bottom {
position: fixed;
z-index: 9999;
left: 0;
}
.fixed-top {
top: 0;
}
.fixed-bottom {
bottom: 0;
}
/**点击预览的时候*/
.preview .gw-editor-page {
padding: 0px;
}
.preview .gw-editor-page .gw-browse-module-content {
border: none;
}
.preview .gw-edit-tool-content {
display: none;
}
.preview .gw-edit-content {
margin-left: 0;
padding-top: 0;
}
.preview .gw-header {
display: none;
z-index: 9;
}
.preview .tipsbox {
display: block;
z-index: 9;
}
/**esc退出全屏样式*/
.tipsbox {
display: none;
opacity: 1;
top: 50px;
position: fixed;
left: 50%;
z-index: 0;
width: 200px;
height: 34px;
transform: translate(-50%, -50%);
background-color: #000;
color: #999999;
border-radius: 6px;
text-align: center;
line-height: 34px;
font-size: 12px;
}
.ui-draggable-dragging {
z-index: 4 !important;
cursor: move;
}
.ui-resizable-n:before,
.ui-resizable-e:before,
.ui-resizable-s:before,
.ui-resizable-w:before {
content: " ";
position: absolute;
display: none;
width: 8px;
height: 8px;
border: 1px solid #5BAAF4;
background: #fff;
border-radius: 50%;
}
.ui-resizable-nw,
.ui-resizable-ne,
.ui-resizable-se,
.ui-resizable-sw {
display: none !important;
width: 8px;
height: 8px;
border: 1px solid #5BAAF4;
background: #fff;
border-radius: 50%;
}
.ui-resizable-nw {
left: -3px;
top: -3px;
}
.ui-resizable-ne {
right: -3px;
top: -3px;
}
.ui-resizable-se {
right: -3px;
bottom: -3px;
}
.ui-resizable-sw {
left: -3px;
bottom: -3px;
}
.ui-resizable-n {
height: 1px;
top: 0px;
}
.ui-resizable-n:before {
left: 50%;
top: -4px;
margin-left: -4px;
}
.ui-resizable-e {
right: 0px;
width: 1px;
}
.ui-resizable-e:before {
left: -4px;
top: 50%;
margin-top: -4px;
}
.ui-resizable-s {
height: 1px;
bottom: 0px;
}
.ui-resizable-s:before {
left: 50%;
top: -4px;
margin-left: -4px;
}
.ui-resizable-w {
left: 0px;
width: 1px;
}
.ui-resizable-w:before {
left: -3px;
top: 50%;
margin-top: -4px;
}
#gw-body.mobile {
overflow-y: auto;
}
#gw-body.mobile .gw-browse-editor {
overflow-x: auto;
}
#gw-body.mobile .gw-editor-page {
overflow-x: auto;
}
.mobile {
overflow-x: hidden;
min-height: 100%;
height: auto;
/* 谨慎删除： 关系到发布之后，底部固定模块遮住版权信息 */
height: initial;
/* 谨慎删除： 关系到发布之后，底部固定模块遮住版权信息 */
}
.mobile .animated {
backface-visibility: hidden;
/* 加入动画以后莫名其妙的空白 */
-webkit-backface-visibility: hidden;
/* 加入动画以后莫名其妙的空白 */
}
.mobile .gw-edit-content {
padding-top: 163px;
padding-bottom: 100px;
min-height: 783px;
background: url(../image/bg_mobile.png) center 116px no-repeat;
}
.mobile .gw-browse-editor {
height: 520px;
z-index: 1;
position: relative;
overflow-x: hidden;
overflow-y: auto;
width: 366px;
margin: 0 auto;
}
.mobile .gw-editor-page {
width: 320px;
min-height: 100%;
margin-left: 23px;
padding: 0;
min-width: auto;
overflow: hidden;
}
.mobile .gw-browse-module .gw-browse-module-content {
width: 100%;
border: 0;
overflow: visible;
/* 原来无此值，为了解决右边弹入的动画让页面有横向滚动条的问题, 然后结果会导致下拉菜单被隐藏 */
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.mobile .gw-browse-editor {
width: 350px;
}
.mobile .gw-editor-page {
margin-left: 15px;
}
}
.mobile-2x {
zoom: 2;
width: 320px;
margin-left: auto;
margin-right: auto;
}
.mobile-2x .gw-browse-module,
.mobile-2x .gw-editor-copyright {
width: 320px;
margin-left: auto;
margin-right: auto;
}
.mobile-2x .gw-editor-copyright.fixed-bottom {
width: 320px;
}
.mobile-2x .fixed-top,
.mobile-2x .fixed-bottom {
right: 0;
}
.mobile-2x .gw-browse-module[data-fixed-position*="left"] {
left: 50% !important;
margin-left: -160px !important;
}
.mobile-2x .gw-browse-module[data-fixed-position*="right"] {
right: 50% !important;
margin-right: -160px !important;
}
.mobile-2x .article-detail-container .container {
width: 320px;
}
.mobile-2x .article-detail-container .article-detail {
width: 100%;
}
.mobile-2x .article-detail-container .article-link-qrcode {
display: none;
}
.mobile-2x .article-detail-container .article-share-me {
display: none;
}
.mobile-2x .article-detail-container .bdsharebuttonbox {
margin-top: 10px;
}
.mobile-2x .goods-detail-container .container {
width: 320px;
}
.mobile-2x .goods-detail-container .goods-detail {
width: 100%;
}
.mobile-2x .goods-detail-container .goods-link-qrcode {
display: none;
}
.mobile-2x .goods-detail-container .goods-share-me {
display: none;
}
.mobile-2x .case-detail-container .container {
width: 320px;
}
.mobile-2x .case-detail-container .case-detail {
width: 100%;
}
.mobile-2x .case-detail-container .case-link-qrcode {
display: none;
}
.mobile-2x .case-detail-container .case-share-me {
display: none;
}
.mobile-2x .case-detail-container .bdsharebuttonbox {
margin-top: 10px;
}
.gw-editor-page {
padding: 5px 40px 50px;
width: 100%;
min-width: 1320px;
transform: scale(1);
}
/*page样式**/
.layer-publish {
text-align: center;
}
.layer-publish .layer-erweima-box {
width: 49%;
float: left;
}
.layer-publish .layer-erweima-box p:first-child {
margin-bottom: 0px;
}
.layer-publish .layer-erweima-box .layer-erweima {
width: 180px;
height: 180px;
border: 1px solid #e3e3e3;
margin: 0 auto;
}
.layer-publish .layer-erweima-box .layer-erweima img {
width: 100%;
height: 100%;
}
.layer-publish .layer-right-box {
width: 49%;
float: right;
border-left: 1px solid #e3e3e3;
padding: 10px;
}
.layer-publish .layer-publish-url {
width: 235px;
word-wrap: break-word;
word-break: break-all;
margin: 0 auto 25px auto;
background: #e3e3e3;
padding: 10px;
color: #5baaf4;
border-radius: 4px;
}
.layer-publish .layer-publish-active {
display: inline-block;
_overflow: hidden;
font-size: 14px;
text-align: center;
margin-bottom: 25px;
}
.layer-publish .layer-publish-active a {
padding: 6px 25px;
color: #ffffff;
border-radius: 3px;
border-bottom: 1px solid #dfdfdf;
background-color: #999;
display: inline-block;
}
.layer-publish .layer-publish-active a:last-child {
margin-left: 15px;
background-color: #5baaf4;
}
.layer-publish .layer-publish-show {
/*border-bottom: 1px solid #dcdcdc;*/
margin: 0 auto 25px auto;
}
.layer-publish .layer-publish-show p {
margin-bottom: 0px;
}
.layer-publish .layer-publish-show .layer-share-images {
margin-bottom: 5px;
display: inline-block;
}
.layer-publish .layer-publish-show .layer-share-images .share_common {
background-image: url(../image/share_three.png);
display: inline-block;
margin-right: 5px;
}
.layer-publish .layer-publish-show .layer-share-images .share_common.qqkongjian_share {
background-position: 0px 0px;
width: 30px;
height: 30px;
}
.layer-publish .layer-publish-show .layer-share-images .share_common.sina_share {
background-position: -35px 0px;
width: 30px;
height: 30px;
}
.layer-publish .layer-publish-show .layer-share-images .share_common.wx_share {
background-position: -75px 0px;
width: 30px;
height: 30px;
}
.layer-publish .layer-publish-show .layer-share-images .share_common.db_share {
background-position: -110px 0px;
width: 30px;
height: 30px;
}
.layer-publish .layer-publish-show .layer-share-images .share_common.qq_share {
background: url(../image/share_three.png) -155px 0px;
width: 30px;
height: 30px;
}
.layer-publish .layer-publish-img {
display: block;
margin: 0 auto 25px auto;
width: 330px;
height: 80px;
display: none;
}
.layer-publish .layer-publish-img img {
width: 78px;
}
.layer-publish .layer-publish-img .layer-publish-font {
height: 80px;
line-height: 80px;
}
.layer-publish .layer-publish-img .layer-publish-font p {
font-size: 12px;
color: #666;
}
.gw-browse-module {
position: relative;
width: 100%;
background-color: #fff;
background-position: center center;
/*背景动效的样式*/
}
.gw-browse-module .module-bg-video,
.gw-browse-module .module-bg-cover,
.gw-browse-module .module-bg-effect {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.gw-browse-module .module-bg-cover {
height: 100%;
}
.gw-browse-module .gw-browse-module-content {
position: relative;
width: 1170px;
height: 100%;
background-color: transparent;
background-position: center center;
margin: 0 auto;
overflow: hidden;
/* 原来无此值，为了解决右边弹入的动画让页面有横向滚动条的问题 */
}
.gw-browse-module.fixed-top,
.gw-browse-module.fixed-bottom {
position: fixed;
}
/*
2017.8.16 视频溢出问题
2018.7.26 存在视频背景的模块才会被添加hidden解决hidden问题
.pc .gw-browse-module {
overflow: hidden;
}
*/
.gw-editor-module {
width: 100%;
box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1);
}
.gw-editor-module .gw-browse-module {
z-index: 1;
}
.gw-editor-module .gw-browse-module .gw-edit-module-tips {
position: absolute;
right: 0;
top: 0;
background: #5cb85c;
color: #fff;
z-index: 100;
display: none;
width: 24px;
line-height: 24px;
padding: 0 5px;
cursor: pointer;
}
.gw-editor-module .gw-browse-module:after {
content: '';
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.gw-editor-module .gw-browse-module.gw-highlight:after {
border: 2px solid #5BAAF4;
}
.gw-editor-module .gw-browse-module:hover {
z-index: 4;
}
.gw-editor-module .gw-browse-module:hover .gw-edit-module-tips {
display: block;
}
.gw-editor-module .gw-browse-module:hover .gw-edit-module-tips:hover {
background-color: #449d44;
}
.gw-editor-module .gw-browse-module.gw-selected,
.gw-editor-module .gw-browse-module.gw-highlight {
z-index: 3;
}
.gw-editor-module .gw-browse-module.gw-selected .gw-edit-module-tips {
display: none;
}
.gw-editor-module .gw-browse-module[data-full='1'].ui-resizable-resizing {
width: 100% !important;
/* 为了解决按住shift时候模块高和宽被等比缩放的问题 */
}
.gw-editor-module .gw-browse-module[data-fixed='1'] {
z-index: 100!important;
/* 为了解决悬浮组件在拖拽时候被覆盖隐藏 */
}
.gw-editor-module .gw-browse-module[data-fixed='1'] .gw-browse-module-tool .gw-drag-module {
display: none;
/* 悬浮组件 模块不准拖动 拖动按钮隐藏*/
}
.gw-editor-module .gw-browse-module > .ui-resizable-s {
height: 10px;
background: transparent;
}
.gw-editor-module .gw-browse-module > .ui-resizable-s:before {
top: 5px;
}
.gw-editor-module .gw-browse-module-content {
border-left: 1px dashed #ccc;
border-right: 1px dashed #ccc;
/* overflow: visible; 会导致右边弹入的动画让页面有横向滚动条 */
}
.gw-editor-module .fixed-top,
.gw-editor-module .fixed-bottom {
position: absolute;
height: auto;
z-index: 2;
}
.gw-editor-module .fixed-top .gw-browse-module-content,
.gw-editor-module .fixed-bottom .gw-browse-module-content {
height: auto;
}
.pc .gw-editor-module .fixed-top,
.pc .gw-editor-module .fixed-bottom {
left: 40px;
}
.pc .gw-editor-module .fixed-top {
top: 5px;
}
.gw-browse-module[data-full="1"] {
height: 500px;
}
.gw-browse-module[data-full="1"] .gw-browse-module-content {
width: 100%;
}
.gw-browse-module[data-full="1"] .gw-grid-col {
height: 100% !important;
}
.gw-browse-module[data-full="1"] .gw-browse-grid {
height: 100% !important;
}
.gw-browse-module[data-full="1"] .gw-browse-container {
width: 100% !important;
height: 100% !important;
left: 0 !important;
top: 0 !important;
}
.gw-browse-module[data-full="1"] .gw-browse-component[data-full="1"] {
width: 100% !important;
height: 100% !important;
left: 0 !important;
top: 0 !important;
}
.gw-browse-module[data-full="1"].gw-highlight .gw-browse-module-tool {
display: block;
}
.gw-browse-module[data-full="1"].gw-highlight .gw-browse-component-tool {
display: none;
}
.mobile .gw-browse-module[data-full="1"] {
height: 250px;
}
/**微信宽度*/
#bdshare_weixin_qrcode_dialog {
width: 251px!important;
height: 297px!important;
}
.article-detail-container {
padding: 30px 0;
}
.article-detail-container .article-detail {
background: #fff;
padding: 30px;
}
.article-detail-container .article-detail-title {
font-size: 26px;
color: #2F2F2F;
text-align: center;
font-weight: 500;
line-height: 1.3;
}
.article-detail-container .article-detail-date {
color: #999;
margin-top: 15px;
text-align: center;
}
.article-detail-container .article-detail-info {
display: none;
}
.article-detail-container .article-detail-content {
border-top: 1px solid #f5f5f5;
margin: 15px 0;
padding-top: 20px;
border-bottom: 1px solid #f5f5f5;
text-align: justify;
line-height: 1.5;
}
.article-detail-container .article-detail-content img {
max-width: 100%;
}
.article-detail-container .article {
position: relative;
}
.article-detail-container .article::after {
content: '';
display: block;
clear: both;
}
.article-detail-container .left {
float: left;
}
.article-detail-container .right {
float: right;
height: 55px;
line-height: 55px;
}
.article-detail-container .right .bd_share {
margin-top: 10px;
}
.article-detail-container .article-url {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 5px 0;
}
.article-detail-container .article-url a {
color: #333;
font-size: 14px;
cursor: pointer;
padding-left: 5px;
}
.article-detail-container .article-url a:hover {
color: #5BAAF4;
}
.article-detail-container .article-share-me {
width: 100%;
float: left;
}
.article-detail-container .article-share-me span {
line-height: 55px;
display: block;
margin-right: 5px;
}
.article-detail-container .article-link-qrcode {
text-align: center;
}
.article-detail-container .article-link-qrcode img {
width: 100%;
margin-bottom: 10px;
}
.article-detail-container .article-file-download {
border-bottom: 1px solid #f5f5f5;
}
.article-detail-container .article-file-download .article-file-row {
display: block;
}
.article-detail-container .lable-content {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.article-detail-container .lable-content .lable-one {
padding: 4px 18px;
font-size: 14px;
font-weight: 400;
color: #889099;
line-height: 20px;
background-color: #F2F5FB;
border-radius: 2px;
margin: 8px;
}
.article-detail-container .details-look {
margin: 20px auto 0 auto;
display: flex;
flex-flow: column;
align-items: center;
}
.article-detail-container .details-look .title {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 12px;
}
.article-detail-container .details-look .title .common-border {
width: 15%;
height: 2px;
background-color: #d9d9d9;
}
.article-detail-container .details-look .title .title-text {
font-size: 16px;
font-weight: 400;
color: #c0c0c0;
line-height: 22px;
}
.article-detail-container .details-look .img-item {
cursor: pointer;
width: 137px;
height: 137px;
border: 1px solid #d9d9d9 ;
border-radius: 4px;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.article-detail-container .details-look .img-item img {
width: 100%;
max-height: 135px;
margin-bottom: 0;
overflow: hidden;
object-fit: contain;
}
.article-detail-container .details-look .img-item span {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
font-family: Arial;
line-height: 20px;
background-color: rgba(255, 255, 255, 0.8);
text-align: center;
font-size: 12px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.article-detail-container .details-look .img-item:last-child {
margin-bottom: 0;
}
.article-detail-container .report-content {
border-bottom: 1px solid #f5f5f5;
margin: 10px auto;
padding: 5px 0;
}
.article-detail-container .aticle-detail-style1 {
background-color: #fff;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 {
font-family: PingFang;
display: flex;
justify-content: flex-start;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box {
margin: 0 30px;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box i {
color: #D0AC77;
font-size: 26px;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box .menu-more {
font-size: 40px;
font-weight: 800;
color: #000000;
line-height: 36px;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box .menu-more-font {
font-size: 24px;
font-weight: bold;
color: #000000;
line-height: 28px;
margin-bottom: 0;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box ul {
margin-top: 150px;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box ul li {
margin: 20px auto;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box ul > li > a {
font-size: 14px;
font-weight: 400;
color: #959595;
line-height: 36px;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box ul > li > a.active {
color: #D0AC77;
position: relative;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box ul > li > a.active::before {
content: '';
width: 200px;
height: 2px;
background-color: #D0AC77;
position: absolute;
top: 7px;
left: -219px;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box {
width: 77%;
margin-left: 50px;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .title-info-box .title-box {
display: flex;
justify-content: space-between;
padding-top: 30px;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .title-info-box .title-box .title {
font-size: 35px;
font-weight: bold;
color: #000000;
max-width: 60%;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .title-info-box .time {
font-size: 18px;
font-weight: 400;
color: #434343;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .navigation-box {
height: 30px;
line-height: 30px;
border: 1px solid #DCDCDC;
position: relative;
margin-top: 15px;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .navigation-box a {
padding: 3px 24px;
width: 49%;
font-size: 14px;
font-weight: 400;
color: #434343;
border-right: 1px solid #DCDCDC;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .navigation-box a:last-child {
margin-left: -5px;
border-right: none;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .navigation-box a.active {
color: #D0AC77;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .navigation-box .line {
position: absolute;
top: 25%;
height: 50%;
width: 3px;
border-left: 3px solid #959595;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .navigation-box .line:first-child {
left: 0;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .navigation-box .line:last-child {
right: 0;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .navigation-box .line.active {
border-color: #D0AC77;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .article-detail-content-box {
text-align: center;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .article-detail-content-box .article-img {
margin: 0 auto;
margin-top: 50px;
max-width: 100%;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .article-detail-content-box .article-detail-content {
text-align: justify;
margin-top: 30px;
border: none;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .pagination-box {
margin-top: 100px;
display: flex;
justify-content: space-between;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .pagination-box .pagination-link {
text-align: left;
width: 48%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 19px;
font-weight: 400;
color: #434343;
line-height: 33px;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .pagination-box .pagination-link a {
color: #434343;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .pagination-box .pagination-link.active,
.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .pagination-box .pagination-link.active a {
color: #D0AC77;
}
.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .pagination-box .pagination-link:last-child {
text-align: right;
}
.article-detail-container .aticle-detail-style1 .recommend-box {
padding: 50px 0;
}
.article-detail-container .aticle-detail-style1 .recommend-box .recommend-title {
margin: 60px auto 50px;
text-align: center;
}
.article-detail-container .aticle-detail-style1 .recommend-box .recommend-title p:first-child {
font-size: 30px;
font-weight: bold;
color: #000000;
}
.article-detail-container .aticle-detail-style1 .recommend-box .recommend-title p:last-child {
font-size: 19px;
font-weight: 400;
color: #959595;
}
.article-detail-container .aticle-detail-style1 .recommend-box .recommend-item {
text-align: center;
margin: 0 auto;
padding: 0 0 40px 0;
border: 1px solid #DCDCDC;
display: block;
}
.article-detail-container .aticle-detail-style1 .recommend-box .recommend-item img {
object-fit: contain;
width: 99%;
height: 300px;
}
.article-detail-container .aticle-detail-style1 .recommend-box .recommend-item .item-info {
text-align: center;
}
.article-detail-container .aticle-detail-style1 .recommend-box .recommend-item .item-info .title {
margin-top: 20px;
font-size: 16px;
line-height: 24px;
height: 48px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.article-detail-container .aticle-detail-style1 .recommend-box .recommend-item .item-info .click-btn {
background-color: #000000;
text-align: center;
color: #fff;
font-size: 14px;
font-weight: 400;
margin: 15px 26px;
padding: 15px 20px;
width: 80%;
display: flex;
align-items: center;
justify-content: center;
}
.article-detail-container .aticle-detail-style1 .recommend-box .recommend-item .item-info .click-btn i {
margin-right: 5px;
}
.article-detail-container .aticle-detail-style1 .recommend-box .recommend-item:hover {
border: none;
background-color: #F6F6F6;
}
.article-detail-container .aticle-detail-style1 .recommend-box .recommend-item:hover .item-info .click-btn {
background-color: #fff;
color: #333;
border: 1px solid #333;
}
.mobile .article-detail-container {
padding: 0px;
}
.mobile .article-detail-container .article-detail-title {
font-size: 20px;
}
.mobile .article-detail-container .article-detail {
background: #fff;
padding: 20px 15px;
}
.mobile .article-detail-container .article-detail-date {
display: none;
}
.mobile .article-detail-container .article-detail-info {
margin-top: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.mobile .article-detail-container .article-detail-info > div {
display: flex;
align-items: center;
justify-content: center;
color: #A5A5A5;
font-size: 14px;
font-weight: 400;
}
.mobile .article-detail-container .article-detail-info > div > span {
margin-right: 6px;
}
.mobile .article-detail-container .article-detail-info > div > span:last-child {
margin-right: 0;
}
.mobile .article-detail-container .article-detail-info > div .purple {
color: #AC5BB5;
}
.mobile .article-detail-container .article-detail-info > div > img {
margin-right: 4px;
width: 16px;
height: 16px;
}
.mobile .article-detail-container .article-detail-content img {
width: 100%;
}
.mobile .article-detail-container .left,
.mobile .article-detail-container .right {
width: 100%;
height: auto;
}
.mobile .gw-editor-page .article-detail-container .container {
width: 100%;
}
.mobile .gw-editor-page .article-detail-container .article-detail {
width: 100%;
}
.mobile .gw-editor-page .article-detail-container .article-link-qrcode {
display: none;
}
.goods-detail-container {
padding: 30px 0;
}
.goods-detail-container .goods-detail {
background: #fff;
padding: 30px;
}
.goods-detail-container .goods-detail-box {
display: flex;
justify-content: flex-start;
}
.goods-detail-container .goods-detail-title {
font-size: 24px;
color: #121212;
font-weight: normal;
font-weight: 600;
}
.goods-detail-container .goods-detail-abs {
color: #9C9C9C;
font-size: 18px;
margin-top: 10px;
font-weight: 500;
margin-bottom: 10px;
}
.goods-detail-container .goods-detail-img {
border-radius: 2px;
width: 334px;
}
.goods-detail-container .goods-detail-img img {
height: auto!important;
width: auto!important;
max-width: 100%!important;
max-height: 100%!important;
}
.goods-detail-container .goods-detail-p {
text-align: left;
margin-left: 26px;
width: 544px;
}
.goods-detail-container .goods-detail-money {
font-size: 18px;
color: #121212;
display: inline-block;
font-weight: 600;
}
.goods-detail-container .goods-detail-price {
font-size: 24px;
color: #CE0000;
display: inline-block;
}
.goods-detail-container .goods-detail-mes {
font-size: 30px;
color: #000;
}
.goods-detail-container .goods-attr-box {
background-color: #FBFBFB;
padding: 0 20px;
width: 100%;
margin: 20px auto;
}
.goods-detail-container .goods-attr-box .attr-row {
color: #666666;
font-size: 16px;
display: inline-block;
height: 50px;
line-height: 50px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0;
font-weight: 600;
}
.goods-detail-container .goods-attr-box .attr-row .attr-value {
font-size: 14px;
font-weight: normal;
}
.goods-detail-container .goods-detail-date {
color: #999;
margin-top: 15px;
text-align: center;
}
.goods-detail-container .goods-detail-content {
border-top: 1px solid #f5f5f5;
margin-top: 15px;
padding: 20px 0;
line-height: 1.5;
}
.goods-detail-container .goods-detail-content img {
max-width: 100%;
height: auto!important;
max-height: 100%!important;
}
.goods-detail-container .goods-detail-content .good-url {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 5px 0;
}
.goods-detail-container .goods-detail-content .good-url a {
color: #333;
font-size: 14px;
cursor: pointer;
padding-left: 5px;
}
.goods-detail-container .goods-detail-content .good-url a a:hover {
color: #5BAAF4;
}
.goods-detail-container .goods-detail-content p {
margin-bottom: 0;
}
.goods-detail-container .goods-share-me {
border-top: 1px solid #f5f5f5;
padding-top: 20px;
width: 100%;
float: left;
}
.goods-detail-container .goods-share-me span {
line-height: 36px;
display: block;
margin-right: 5px;
}
.goods-detail-container .goods-link-qrcode {
text-align: center;
}
.goods-detail-container .goods-link-qrcode img {
width: 100%;
margin-bottom: 10px;
}
.goods-detail-container .goods-file-download {
border-top: 1px solid #f5f5f5;
}
.goods-detail-container .goods-file-download .goods-file-row {
display: block;
}
.goods-detail-container .goods-detail-abstract {
background-color: #FBFBFB;
padding: 16px;
width: 100%;
margin: 20px auto;
color: #666666;
font-size: 16px;
}
.goods-detail-container .goods-detail-box1 {
margin-bottom: 10px;
}
.goods-detail-container .goods-detail-box1 .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
width: 100%!important;
}
.goods-detail-container .goods-detail-box1 .goodsImg {
max-width: 100%;
}
.goods-detail-container .details-look {
margin: 20px auto 0 auto;
display: flex;
flex-flow: column;
align-items: center;
}
.goods-detail-container .details-look .title {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 12px;
}
.goods-detail-container .details-look .title .common-border {
width: 15%;
height: 2px;
background-color: #d9d9d9;
}
.goods-detail-container .details-look .title .title-text {
font-size: 16px;
font-weight: 400;
color: #c0c0c0;
line-height: 22px;
}
.goods-detail-container .details-look .img-item {
cursor: pointer;
width: 137px;
height: 137px;
border: 1px solid #d9d9d9 ;
border-radius: 4px;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.goods-detail-container .details-look .img-item img {
width: 100%;
max-height: 135px;
margin-bottom: 0;
overflow: hidden;
object-fit: contain;
}
.goods-detail-container .details-look .img-item span {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
font-family: Arial;
line-height: 20px;
background-color: rgba(255, 255, 255, 0.8);
text-align: center;
font-size: 12px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.goods-detail-container .details-look .img-item:last-child {
margin-bottom: 0;
}
.goods-detail-container .goods-detail-style2 {
font-family: PingFang SC;
}
.goods-detail-container .goods-detail-style2 .detail-content-box {
background-color: #F9F9F9;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content {
display: flex;
padding: 100px 0;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper {
width: 850px;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro img {
height: auto!important;
width: auto!important;
max-width: 100%!important;
max-height: 100%!important;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-next-arrow:after,
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-next-arrow:before,
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-previous-arrow:after,
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-previous-arrow:before {
background-color: #d5d5d5;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
border-color: transparent;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
border-left-color: transparent;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-next-thumbnail-arrow:after,
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-next-thumbnail-arrow:before,
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-previous-thumbnail-arrow:after,
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-previous-thumbnail-arrow:before {
background-color: #d5d5d5;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid {
min-width: 300px;
max-width: 450px;
width: 30%;
position: relative;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .title-info {
font-weight: 500;
color: #000000;
font-size: 14px;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .title-info .title {
font-size: 21px;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .title-info .abs {
font-weight: 400;
margin: 15px 0 0;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .bottom-line {
border-bottom: 1px solid #EBE8E7;
padding: 10px 0;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group {
color: #000;
font-size: 14px;
position: relative;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel {
background-color: #F9F9F9;
border: none;
text-align: left;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel .panel-heading {
padding: 0;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel .panel-heading .panel-title {
font-weight: bold;
position: relative;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel .panel-heading .panel-title a {
display: block;
background-color: #F9F9F9;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel .panel-heading .panel-title a div {
width: 90%;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel .panel-heading .panel-title a:hover,
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel .panel-heading .panel-title a:focus {
color: #000;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel .panel-heading .panel-title i {
position: absolute;
right: 0;
top: 0;
color: #676564;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel .panel-body {
padding: 0;
border: none;
font-weight: 400;
line-height: 20px;
padding-top: 14px;
word-break: break-all;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .contact-us {
margin-top: 54px;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .contact-us a {
text-align: center;
width: 151px;
height: 40px;
background: #000000;
border-radius: 5px;
color: #fff;
display: block;
line-height: 40px;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .right-product {
position: absolute;
right: -100px;
bottom: 50px;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .right-product .right-product-content {
position: relative;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .right-product .right-product-content div {
font-size: 18px;
font-weight: bold;
color: #555;
display: block;
word-wrap: break-word;
width: 18px;
margin-bottom: 30px;
text-align: center;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .right-product .right-product-content div span {
font-weight: 100;
}
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .right-product .right-product-content::after {
content: '';
position: absolute;
right: 55%;
width: 1px;
height: 100px;
background-color: #555;
}
.goods-detail-container .goods-detail-style2 .recommend-box {
background-color: #fff;
padding: 30px 0;
}
.goods-detail-container .goods-detail-style2 .recommend-box .line {
margin: 0 auto;
width: 1147px;
border-bottom: 2px solid #CECECE;
}
.goods-detail-container .goods-detail-style2 .recommend-box .recommend-title {
color: #000;
margin: 0 auto;
text-align: center;
}
.goods-detail-container .goods-detail-style2 .recommend-box .recommend-title p:first-child {
font-size: 14px;
font-weight: bold;
margin: 40px auto 18px;
}
.goods-detail-container .goods-detail-style2 .recommend-box .recommend-title p:last-child {
font-size: 29px;
font-weight: 500;
}
.goods-detail-container .goods-detail-style2 .recommend-box .swiper-goods-cat {
text-align: center;
}
.goods-detail-container .goods-detail-style2 .recommend-box .swiper-goods-cat li {
width: 160px;
border-bottom: 1px solid #BFBFBF;
display: inline-block;
text-align: center;
padding: 10px 0;
margin-left: -5px;
}
.goods-detail-container .goods-detail-style2 .recommend-box .swiper-goods-cat li a {
color: #BFBFBF;
font-size: 14px;
font-weight: 500;
}
.goods-detail-container .goods-detail-style2 .recommend-box .swiper-goods-cat li.active {
border-bottom-color: #000000;
}
.goods-detail-container .goods-detail-style2 .recommend-box .swiper-goods-cat li.active a {
color: #000000;
}
.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box {
position: relative;
width: 90%;
margin: 0 auto;
}
.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container {
width: 85%;
height: 430px;
margin: 20px auto;
}
.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-wrapper {
width: 100%;
margin: 0 auto;
}
.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide {
text-align: center;
font-size: 18px;
}
.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item .swiper-img-box {
background-color: #F9F9F9;
width: 290px;
height: 290px;
display: flex;
align-items: center;
justify-content: center;
}
.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item .swiper-img-box img {
object-fit: contain;
max-width: 100%;
max-height: 100%;
}
.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item .swiper-info {
color: #000;
font-size: 16px;
font-weight: 500;
line-height: 26px;
padding: 34px 40px;
width: 100%;
}
.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item .swiper-info .info-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 18px;
}
.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item .swiper-info .info-abs {
font-weight: 400;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item .swiper-info .info-price {
font-size: 14px;
margin-top: 5px;
margin-bottom: 0;
}
.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item .swiper-info .info-price span {
color: #8C8A8A;
padding-left: 10px;
border-left: 1px solid #000;
margin-left: 10px;
display: inline-block;
}
.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item .swiper-info .info-price span:first-child {
border-left: none;
color: #000;
}
.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-button-prev,
.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-button-next {
color: #000000;
background-color: #000000;
padding: 145px 30px ;
top: 22px;
background-color: #F9F9F9;
background-image: none;
display: flex;
align-items: center;
justify-content: center;
}
.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-button-prev i,
.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-button-next i {
font-size: 50px;
color: #000000;
}
.goods-detail-container .goods-detail-style2 .goods-detail-box {
background-color: #fff;
padding-top: 0;
}
.goods-detail-container .goods-detail-style2 .goods-detail-box .goods-detail-content {
border: none;
}
.mobile .goods-detail-container {
padding: 0px;
}
.mobile .goods-detail-container .goods-detail {
background: #fff;
padding: 20px 0;
}
.mobile .goods-detail-container .goods-detail-title {
font-size: 22px;
font-weight: 0;
text-align: center;
}
.mobile .goods-detail-container .goods-detail-p {
text-align: left;
margin: 0 auto;
padding: 0 10px;
}
.mobile .goods-detail-container .goods-detail-price {
font-size: 14px;
font-weight: 0;
}
.mobile .goods-detail-container .goods-detail-abstract {
padding: 8px;
font-size: 14px;
}
.mobile .goods-detail-container .goods-detail-box {
border-bottom: 5px solid #f5f5f5;
margin-bottom: 15px;
display: flex;
flex-direction: column;
}
.mobile .goods-detail-container .goods-detail-box .goods-detail-img {
padding: 0px;
}
.mobile .goods-detail-container .goods-detail-mes {
font-size: 18px;
text-align: center;
}
.mobile .goods-detail-container .goods-detail-content {
padding: 15px 10px;
}
.mobile .goods-detail-container .goods-detail-content img {
width: 100%;
}
.mobile .goods-detail-container .goods-share-me {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.mobile .goods-detail-container .goods-file-download {
padding: 0 10px;
}
.mobile .gw-editor-page .goods-detail-container .container {
width: 100%;
}
.mobile .gw-editor-page .goods-detail-container .goods-detail {
width: 100%;
}
.mobile .gw-editor-page .goods-detail-container .goods-link-qrcode {
display: none;
}
/**微信宽度*/
#bdshare_weixin_qrcode_dialog {
width: 251px!important;
height: 297px!important;
}
.search-detail-container {
padding: 30px 0;
}
.search-detail-container .search-detail {
background: #fff;
padding: 30px;
}
.search-detail-container .search-detail .search-detail-content {
width: 100%;
padding-top: 10px;
}
.search-detail-container .search-detail .search-detail-content .search-empty {
text-align: center;
}
.pc {
/* 文章*/
/*产品*/
/*案例*/
}
.pc .search_article_style {
margin-bottom: 10px;
}
.pc .search_article_style .article_title {
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 1.4em;
max-height: 2.8em;
height: 2.8em;
}
.pc .search_article_style .article_style_2_content div:first-child {
float: left;
width: 30%;
text-align: center;
background: #fff;
overflow: hidden;
border: 1px solid #ddd;
padding: 2px;
border-radius: 2px;
}
.pc .search_article_style .article_style_2_content div:last-child {
float: right;
width: 69%;
}
.pc .search_article_style .article_style_2_content div:last-child .article_date {
width: 100%;
}
.pc .search_article_style.col-xs-12 {
height: 180px;
}
.pc .search_article_style.col-xs-12 .article_style_2_content div:first-child img {
max-width: 100%;
max-height: 180px;
height: 180px;
}
.pc .search_article_style.col-xs-6 {
height: 129px;
}
.pc .search_article_style.col-xs-6 .article_style_2_content div:first-child img {
max-width: 100%;
max-height: 124px;
height: 124px;
}
.pc .search_article_style.col-xs-4 {
height: 86px;
}
.pc .search_article_style.col-xs-4 .article_style_2_content div:first-child img {
max-width: 100%;
max-height: 81px;
height: 81px;
}
.pc .search_article_style.col-xs-3 {
height: 65px;
}
.pc .search_article_style.col-xs-3 .article_style_2_content div:first-child img {
max-width: 100%;
max-height: 60px;
height: 60px;
}
.pc .search_article_style.col-xs-3 .article_style_2_content .article_date {
display: none;
}
.pc .search_goods_style .goods_title {
/* -webkit-line-clamp: 2;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
display: block;*/
}
.pc .search_goods_style .goods_img {
text-align: center;
background: #fff;
overflow: hidden;
}
.pc .search_goods_style.col-xs-12 .goods_img {
border: 1px solid #ddd;
padding: 2px;
border-radius: 2px;
}
.pc .search_goods_style.col-xs-12 .goods_img img {
max-width: 100%;
max-height: 100%;
height: 500px;
}
.pc .search_goods_style.col-xs-6 {
height: 540px;
}
.pc .search_goods_style.col-xs-6 .goods_img {
width: 550px;
height: 427px;
border: 1px solid #ddd;
padding: 2px;
border-radius: 2px;
}
.pc .search_goods_style.col-xs-6 .goods_img img {
max-width: 100%;
max-height: 425px;
height: 425px;
}
.pc .search_goods_style.col-xs-4 {
height: 370px;
}
.pc .search_goods_style.col-xs-4 .goods_img {
width: 360px;
height: 270px;
border: 1px solid #ddd;
padding: 2px;
border-radius: 2px;
}
.pc .search_goods_style.col-xs-4 .goods_img img {
max-width: 100%;
max-height: 270px;
height: 270px;
}
.pc .search_goods_style.col-xs-3 {
height: 295px;
}
.pc .search_goods_style.col-xs-3 .goods_img {
width: 263px;
height: 197px;
border: 1px solid #ddd;
padding: 2px;
border-radius: 2px;
}
.pc .search_goods_style.col-xs-3 .goods_img img {
max-width: 100%;
max-height: 197px;
height: 197px;
}
.pc .search_shop_goods_style .shop_goods_img {
text-align: center;
background: #fff;
overflow: hidden;
}
.pc .search_shop_goods_style .market_price {
color: #999;
font-size: 12px;
margin-left: 10px;
text-decoration: line-through;
line-height: 30px;
}
.pc .search_shop_goods_style .shop_goods_buy_btn {
width: 60px !important;
height: 30px;
border-radius: 3px;
display: inline-block;
text-align: center;
line-height: 30px;
font-size: 14px;
color: #fff;
background: #FF0036;
overflow: hidden;
position: absolute;
right: 0;
top: 50%;
margin-top: -15px;
}
.pc .search_shop_goods_style .shop_goods_title {
font-size: 16px;
color: #333333;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.pc .search_shop_goods_style.col-xs-12 .shop_goods_img {
border: 1px solid #ddd;
padding: 2px;
border-radius: 2px;
}
.pc .search_shop_goods_style.col-xs-12 .shop_goods_img img {
max-width: 100%;
max-height: 100%;
height: 500px;
}
.pc .search_shop_goods_style.col-xs-3 {
height: 295px;
}
.pc .search_shop_goods_style.col-xs-3 .shop_goods_img {
width: 263px;
height: 197px;
border: 1px solid #ddd;
padding: 2px;
border-radius: 2px;
}
.pc .search_shop_goods_style.col-xs-3 .shop_goods_img img {
max-width: 100%;
max-height: 197px;
height: 192px;
}
.pc .search_case_style {
background: #fff;
margin: 10px;
margin-bottom: 10px;
box-sizing: border-box;
box-shadow: -2px 5px 10px #eee;
float: left;
border-radius: 6px;
position: relative;
overflow: hidden;
}
.pc .search_case_style .img-box {
padding: 5px;
}
.pc .search_case_style .img-content {
width: 100%;
padding-top: 100%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
max-height: 210px;
}
.pc .search_case_style .info-content {
padding: 20px 25px;
}
.pc .search_case_style .info-content p {
margin: 0 0 0;
font-size: 14px;
padding-left: 5px;
text-align: center;
}
.pc .search_case_style .info-content p.title {
width: 100%;
height: 44px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.pc .search_case_style .info-content p.price {
height: 18px;
}
.mobile .search-detail-container {
padding: 0px;
/**文章*/
/*产品*/
/*商品*/
/*案例*/
}
.mobile .search-detail-container .search-detail {
background: #fff;
padding: 20px 15px;
}
.mobile .search-detail-container .search_article_style {
margin-bottom: 10px;
}
.mobile .search-detail-container .search_article_style .article_title {
font-size: 14px;
line-height: 1.4em;
height: 2.8em;
overflow: none;
}
.mobile .search-detail-container .search_article_style .article_style_2_content div:first-child {
text-align: center;
background: #fff;
overflow: hidden;
border: 1px solid #ddd;
padding: 2px;
border-radius: 2px;
}
.mobile .search-detail-container .search_article_style.col-xs-12 {
height: 70px;
}
.mobile .search-detail-container .search_article_style.col-xs-12 .article_style_2_content {
height: 100%;
border-bottom: 1px dashed #e3e3e3;
}
.mobile .search-detail-container .search_article_style.col-xs-12 .article_style_2_content div:first-child {
height: 65px;
width: 30%;
text-align: center;
float: left;
}
.mobile .search-detail-container .search_article_style.col-xs-12 .article_style_2_content div:first-child img {
max-width: 100%;
max-height: 65px;
height: 65px;
}
.mobile .search-detail-container .search_article_style.col-xs-12 .article_style_2_content div:last-child {
float: right;
width: 69%;
}
.mobile .search-detail-container .search_article_style.col-xs-12 .article_style_2_content div:last-child .article_date {
width: 100%;
}
.mobile .search-detail-container .search_article_style.col-xs-6 {
height: 33px;
}
.mobile .search-detail-container .search_article_style.col-xs-6 .article_style_2_content div:first-child {
height: 28px;
width: 30%;
text-align: center;
float: left;
}
.mobile .search-detail-container .search_article_style.col-xs-6 .article_style_2_content div:first-child img {
max-width: 100%;
max-height: 28px;
height: 28px;
}
.mobile .search-detail-container .search_article_style.col-xs-6 .article_style_2_content div:last-child {
float: right;
width: 69%;
}
.mobile .search-detail-container .search_article_style.col-xs-6 .article_style_2_content div:last-child .article_title {
width: 100%;
font-size: 12px;
margin-bottom: 0px;
}
.mobile .search-detail-container .search_article_style.col-xs-6 .article_style_2_content div:last-child .article_date {
width: 100%;
font-size: 12px;
margin-bottom: 0px;
display: none;
}
.mobile .search-detail-container .search_goods_style .goods_title {
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
}
.mobile .search-detail-container .search_goods_style .goods_img {
text-align: center;
background: #fff;
overflow: hidden;
border: 1px solid #ddd;
padding: 2px;
border-radius: 2px;
}
.mobile .search-detail-container .search_goods_style.col-xs-12 {
height: 250px;
}
.mobile .search-detail-container .search_goods_style.col-xs-12 .goods_img {
width: 265px;
height: 198px;
}
.mobile .search-detail-container .search_goods_style.col-xs-12 .goods_img img {
max-width: 100%;
max-height: 195px;
height: 195px;
}
.mobile .search-detail-container .search_goods_style.col-xs-6 {
height: 150px;
}
.mobile .search-detail-container .search_goods_style.col-xs-6 .goods_img {
width: 118px;
height: 88px;
}
.mobile .search-detail-container .search_goods_style.col-xs-6 .goods_img img {
max-width: 100%;
max-height: 88px;
height: 88px;
}
.mobile .search-detail-container .search_shop_goods_style {
margin: 5px auto;
}
.mobile .search-detail-container .search_shop_goods_style .shop_goods_title {
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
}
.mobile .search-detail-container .search_shop_goods_style .shop_goods_img {
text-align: center;
background: #fff;
overflow: hidden;
border-radius: 2px;
}
.mobile .search-detail-container .search_shop_goods_style .shop_goods_buy_btn {
width: 50px;
height: 25px;
border-radius: 3px;
position: absolute;
right: 5px;
bottom: 5px;
text-align: center;
line-height: 25px;
font-size: 12px;
color: #fff;
background: #FF0036;
}
.mobile .search-detail-container .search_shop_goods_style .market_price {
color: #999;
font-size: 12px;
margin-left: 10px;
text-decoration: line-through;
line-height: 30px;
}
.mobile .search-detail-container .search_shop_goods_style a:hover {
color: #999;
}
.mobile .search-detail-container .search_shop_goods_style.col-xs-12 {
height: 250px;
background: #fff;
}
.mobile .search-detail-container .search_shop_goods_style.col-xs-12 .shop_goods_img {
width: 265px;
height: 198px;
}
.mobile .search-detail-container .search_shop_goods_style.col-xs-12 .shop_goods_img img {
max-width: 100%;
max-height: 195px;
height: 195px;
}
.mobile .search-detail-container .search_shop_goods_style.col-xs-6 {
height: 165px;
width: 48%;
background: #fff;
margin-left: 5px;
margin-bottom: 5px;
padding-left: 0 !important;
padding-right: 0 !important;
border-radius: 3px;
border: 1px solid #ddd;
}
.mobile .search-detail-container .search_shop_goods_style.col-xs-6 .shop_goods_img {
width: 100%;
height: 104px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.mobile .search-detail-container .search_shop_goods_style.col-xs-6 .shop_goods_img img {
max-width: 100%;
}
.mobile .search-detail-container .search_shop_goods_style.col-xs-6 p {
padding-left: 5px;
}
.mobile .search-detail-container .search_shop_goods_style.col-xs-6 .shop_goods_price {
color: red;
font-size: 12px;
}
.mobile .search-detail-container .search_shop_goods_style.col-xs-6 .shop_goods_price .market_price {
color: #9999 9 !important;
}
.mobile .search-detail-container .search_shop_goods_style.col-xs-6 .shop_goods_title {
font-size: 12px;
margin-top: 5px;
}
.mobile .search-detail-container .search_case_style {
background: #fff;
margin-bottom: 10px;
box-sizing: border-box;
box-shadow: -2px 5px 10px #eee;
float: left;
border-radius: 6px;
position: relative;
overflow: hidden;
border: 1px solid;
}
.mobile .search-detail-container .search_case_style .img-box {
padding: 5px;
}
.mobile .search-detail-container .search_case_style .img-content {
width: 100%;
height: 120px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.mobile .search-detail-container .search_case_style .info-content {
padding: 8px 10px;
}
.mobile .search-detail-container .search_case_style .info-content p {
margin: 0 0 0;
font-size: 14px;
padding-left: 5px;
text-align: center;
}
.mobile .search-detail-container .search_case_style .info-content p.title {
width: 100%;
height: 44px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.mobile .search-detail-container .search_case_style .info-content p.price {
height: 18px;
}
.mobile .gw-editor-page .search-detail-container .container {
width: 100%;
}
.mobile .gw-editor-page .search-detail-container .search-detail {
width: 100%;
}
.case-detail-container {
padding: 30px 0;
}
.case-detail-container .case-detail {
background: #fff;
padding: 30px;
}
.case-detail-container .case-detail-box {
margin-bottom: 30px;
display: flex;
justify-content: flex-start;
}
.case-detail-container .case-detail-title {
font-size: 24px;
color: #121212;
font-weight: normal;
font-weight: 600;
}
.case-detail-container .case-detail-abs {
color: #9C9C9C;
font-size: 18px;
margin-top: 10px;
font-weight: 500;
margin-bottom: 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.case-detail-container .case-detail-img {
border-radius: 2px;
width: 334px;
}
.case-detail-container .case-detail-img img {
height: auto!important;
width: auto!important;
max-width: 100%!important;
}
.case-detail-container .case-detail-img .sp-selected-thumbnail {
border: 4px solid #000;
}
.case-detail-container .case-detail-p {
text-align: left;
margin-left: 26px;
}
.case-detail-container .case-detail-money {
font-size: 18px;
color: #121212;
display: inline-block;
font-weight: 600;
}
.case-detail-container .case-detail-price {
font-size: 24px;
color: #CE0000;
display: inline-block;
}
.case-detail-container .case-detail-mes {
font-size: 24px;
color: #000;
font-weight: 600;
}
.case-detail-container .case-attr-box {
background-color: #FBFBFB;
padding: 0 20px;
width: 100%;
margin: 20px auto;
}
.case-detail-container .case-attr-box .attr-row {
color: #666666;
font-size: 16px;
display: inline-block;
height: 50px;
line-height: 50px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0;
font-weight: 600;
}
.case-detail-container .case-attr-box .attr-row .attr-value {
font-size: 14px;
font-weight: normal;
}
.case-detail-container .case-detail-date {
color: #999;
margin-top: 15px;
text-align: center;
}
.case-detail-container .case-detail-content {
border-top: 1px solid #f5f5f5;
margin-top: 15px;
padding: 20px 0;
line-height: 1.5;
}
.case-detail-container .case-detail-content img {
max-width: 100%;
height: auto!important;
max-height: 100%!important;
}
.case-detail-container .case-share-me {
border-top: 1px solid #f5f5f5;
padding-top: 20px;
width: 100%;
float: left;
}
.case-detail-container .case-share-me span {
line-height: 36px;
display: block;
margin-right: 5px;
}
.case-detail-container .case-share-me .case-url {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin: 5px 0;
}
.case-detail-container .case-share-me .case-url a {
color: #333;
font-size: 14px;
cursor: pointer;
padding-left: 5px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
vertical-align: middle;
width: 550px;
}
.case-detail-container .case-share-me .case-url a a:hover {
color: #5BAAF4;
}
.case-detail-container .case-link-qrcode {
text-align: center;
}
.case-detail-container .case-link-qrcode img {
width: 100%;
margin-bottom: 10px;
}
.case-detail-container .case-detail-abstract {
background-color: #FBFBFB;
padding: 16px;
width: 100%;
margin: 20px auto;
color: #666666;
font-size: 16px;
}
.case-detail-container .case-detail-box1 {
margin-bottom: 10px;
}
.case-detail-container .case-detail-box1 .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
width: 100%!important;
}
.case-detail-container .case-detail-box1 .caseImg {
max-width: 100%;
}
.mobile .case-detail-container {
padding: 0px;
}
.mobile .case-detail-container .case-detail {
background: #fff;
padding: 20px 0px;
}
.mobile .case-detail-container .case-detail-title {
font-size: 16px;
font-weight: 0;
}
.mobile .case-detail-container .case-detail-p {
text-align: left;
margin: 0 auto;
}
.mobile .case-detail-container .case-detail-price {
font-size: 14px;
font-weight: 0;
}
.mobile .case-detail-container .case-detail-abstract {
padding: 8px;
font-size: 14px;
}
.mobile .case-detail-container .case-detail-box {
border-bottom: 5px solid #f5f5f5;
margin-bottom: 15px;
display: flex;
flex-direction: column;
}
.mobile .case-detail-container .case-detail-box .case-detail-img {
padding: 0px;
}
.mobile .case-detail-container .case-detail-mes {
font-size: 18px;
text-align: center;
}
.mobile .case-detail-container .case-detail-content {
margin: 20px 10px;
}
.mobile .case-detail-container .case-detail-content img {
width: 100%;
}
.mobile .case-detail-container .case-share-me {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
padding: 20px 10px;
}
.mobile .case-detail-container .case-share-me .case-url a {
width: 250px;
}
.mobile .case-detail-container .case-detail-box1 .caseImg {
max-width: 100%;
}
.mobile .gw-editor-page .case-detail-container .container {
width: 100%;
}
.mobile .gw-editor-page .case-detail-container .case-detail {
width: 100%;
}
.mobile .gw-editor-page .case-detail-container .case-link-qrcode {
display: none;
}
.gw-copyright .copyright_style_box .copyright_style_content {
border: 1px solid #dcdcdc;
margin-bottom: 12px;
border-radius: 2px;
}
.gw-copyright .copyright_style_box .copyright_style_content.on {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.gw-copyright .copyright_style_box .copyright_style_content button {
background-repeat: no-repeat;
border: none;
outline: 0;
display: block;
background-color: transparent;
text-align: center;
}
.gw-copyright .copyright_style_box .copyright_style_content .copyright_style_choose {
background-image: url("../image/copyrightImg.png");
display: block;
margin: 8px auto;
}
.gw-copyright .copyright_style_box .copyright_style_content .style_1 {
background-position: -5px -35px;
width: 190px;
height: 24px;
}
.gw-copyright .copyright_style_box .copyright_style_content .style_2 {
background-position: -5px -70px;
width: 190px;
height: 24px;
}
.gw-copyright .copyright_style_box .copyright_style_content .style_3 {
background-position: -5px -105px;
width: 190px;
height: 24px;
}
.gw-copyright .copyright_style_box .copyright_style_content .style_4 {
background-position: -5px -140px;
width: 190px;
height: 24px;
}
.gw-copyright .copyright_style_box .copyright_style_content .style_5 {
background-position: 0px 0px;
width: 190px;
height: 24px;
}
.gw-editor-copyright {
height: 50px;
line-height: 50px;
text-align: center;
}
.gw-editor-copyright.fixed-bottom {
height: 55px;
line-height: 55px;
text-align: center;
cursor: pointer;
color: #fff;
background-color: rgba(51, 51, 51, 0.75);
width: 100%;
}
.gw-editor-copyright.fixed-bottom .gw-editor-copyright-box {
display: inline-block;
}
.gw-editor-copyright.fixed-bottom .gw-editor-copyright-close {
font-size: 1.5em;
position: absolute;
top: 0;
right: 0px;
height: 30px;
width: 32px;
margin-top: -10px;
float: right;
}
.gw-editor-copyright.fixed-bottom .gw-editor-copyright-logo {
display: inline-block;
width: 80px;
height: 30px;
background: url("../image/22logos_max.png") no-repeat;
background-size: 80px 30px;
vertical-align: middle;
}
.gw-editor-copyright.fixed-bottom .gw-editor-copyright-font {
display: inline-block;
line-height: 55px;
font-size: 14px;
margin-left: 5px;
vertical-align: middle;
font-weight: 400;
}
.gw-editor-copyright.fixed-bottom .gw-editor-copyright-btn {
display: inline-block;
margin-left: 30px;
vertical-align: middle;
font-size: 12px;
width: 100px;
height: 30px;
line-height: 30px;
border: 1px solid #fff;
border-radius: 30px;
padding-left: 5px;
padding-right: 5px;
}
.gw-goods-detail .goods_datail_style_box .goods_datail_style_content {
border: 1px solid #dcdcdc;
margin-bottom: 12px;
border-radius: 2px;
}
.gw-goods-detail .goods_datail_style_box .goods_datail_style_content.on {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.gw-goods-detail .goods_datail_style_box .goods_datail_style_content button {
background-repeat: no-repeat;
border: none;
outline: 0;
display: block;
background-color: transparent;
text-align: center;
}
.gw-goods-detail .goods_datail_style_box .goods_datail_style_choose {
background-image: url("../image/goods-detail-style-20200416.png");
display: block;
cursor: pointer;
}
.gw-goods-detail .goods_datail_style_box .style_0 {
background-position: 0px -144px;
width: 190px;
height: 135px;
margin: -13px auto 5px;
}
.gw-goods-detail .goods_datail_style_box .style_1 {
background-position: 0px 0px;
width: 190px;
height: 127px;
margin: 10px auto -4px auto;
}
.gw-goods-detail .goods_datail_style_box .style_2 {
background-position: 0px -329px;
width: 190px;
height: 127px;
margin: 10px auto -4px auto;
}
.gw-goods-detail .goods_datail_style_box .style_3 {
background-position: 0px 0px;
width: 190px;
height: 127px;
margin: 10px auto -4px auto;
}
.gw-goods-detail .goods_datail_style_box .style_4 {
background-position: 0px 0px;
width: 190px;
height: 127px;
margin: 10px auto -4px auto;
}
.gw-case-detail .case_datail_style_box .case_datail_style_content {
border: 1px solid #dcdcdc;
margin-bottom: 12px;
border-radius: 2px;
}
.gw-case-detail .case_datail_style_box .case_datail_style_content.on {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.gw-case-detail .case_datail_style_box .case_datail_style_content button {
background-repeat: no-repeat;
border: none;
outline: 0;
display: block;
background-color: transparent;
text-align: center;
}
.gw-case-detail .case_datail_style_box .case_datail_style_choose {
background-image: url("../image/goods-detail-style-20200416.png");
display: block;
cursor: pointer;
}
.gw-case-detail .case_datail_style_box .style_0 {
background-position: 0px -144px;
width: 190px;
height: 135px;
margin: -13px auto 5px;
}
.gw-case-detail .case_datail_style_box .style_1 {
background-position: 0px 0px;
width: 190px;
height: 127px;
margin: 10px auto -4px auto;
}
.gw-article-detail .article_datail_style_box .article_datail_style_content {
border: 1px solid #dcdcdc;
margin-bottom: 12px;
border-radius: 2px;
}
.gw-article-detail .article_datail_style_box .article_datail_style_content.on {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.gw-article-detail .article_datail_style_box .article_datail_style_content button {
background-repeat: no-repeat;
border: none;
outline: 0;
display: block;
background-color: transparent;
text-align: center;
}
.gw-article-detail .article_datail_style_box .article_datail_style_choose {
background-image: url("../image/goods-detail-style-20200416.png");
display: block;
cursor: pointer;
}
.gw-article-detail .article_datail_style_box .style_0 {
background-position: 0px -144px;
width: 190px;
height: 135px;
margin: -13px auto 5px;
}
.gw-article-detail .article_datail_style_box .style_1 {
background-position: 0px 0px;
width: 190px;
height: 127px;
margin: 10px auto -4px auto;
}
.gw-article-detail .article_datail_style_box .style_2 {
background-position: 0px -329px;
width: 190px;
height: 127px;
margin: 10px auto -4px auto;
}
.gw-article-detail .article_datail_style_box .style_3 {
background-position: 0px -658px;
width: 190px;
height: 127px;
margin: 10px auto -4px auto;
}
.gw-article-detail .article_datail_style_box .style_4 {
background-position: 0px -495px;
width: 190px;
height: 127px;
margin: 10px auto -4px auto;
}
.grid-demo-list {
width: 225px;
}
.grid-demo-list li {
background: url(../image/grid-icon.jpg) no-repeat;
background-size: cover;
width: 60px;
height: 60px;
border: 2px solid #ddd;
float: left;
margin-top: 15px;
margin-left: 15px;
}
.grid-demo-list .selected {
border: 2px solid #1181ff;
}
.grid-demo-list .col-12 {
background-position: 0 0;
}
.grid-demo-list .col-6-6 {
background-position: 0 -56px;
}
.grid-demo-list .col-12-12 {
background-position: 0 -112px;
}
.grid-demo-list .col-3-9 {
background-position: 0 -168px;
}
.grid-demo-list .col-9-3 {
background-position: 0 -224px;
}
.grid-demo-list .col-4-4-4 {
background-position: 0 -279px;
}
.grid-demo-list .col-3-3-3-3 {
background-position: 0 -335px;
}
.grid-demo-list .col-2-2-2-2-2-2 {
background-position: 0 -391px;
}
.grid-demo-list .col-manual {
background-position: 0 -449px;
}
.pc .grid-col-pc-1,
.pc .grid-col-pc-2,
.pc .grid-col-pc-3,
.pc .grid-col-pc-4,
.pc .grid-col-pc-5,
.pc .grid-col-pc-6,
.pc .grid-col-pc-7,
.pc .grid-col-pc-8,
.pc .grid-col-pc-9,
.pc .grid-col-pc-10,
.pc .grid-col-pc-11,
.pc .grid-col-pc-12 {
float: left;
position: relative;
height: auto;
padding-left: 0px;
padding-right: 0px;
}
.pc .grid-col-pc-0 {
width: 0;
}
.pc .grid-col-pc-1 {
width: 8.33333%;
}
.pc .grid-col-pc-2 {
width: 16.66667%;
}
.pc .grid-col-pc-3 {
width: 25%;
}
.pc .grid-col-pc-4 {
width: 33.33333%;
}
.pc .grid-col-pc-5 {
width: 41.66667%;
}
.pc .grid-col-pc-6 {
width: 50%;
}
.pc .grid-col-pc-7 {
width: 58.33333%;
}
.pc .grid-col-pc-8 {
width: 66.66667%;
}
.pc .grid-col-pc-9 {
width: 75%;
}
.pc .grid-col-pc-10 {
width: 83.33333%;
}
.pc .grid-col-pc-11 {
width: 91.66667%;
}
.pc .grid-col-pc-12 {
width: 100%;
}
.pc .gw-browse-grid {
height: 500px;
}
.mobile .grid-col-mobile-1,
.mobile .grid-col-mobile-2,
.mobile .grid-col-mobile-3,
.mobile .grid-col-mobile-4,
.mobile .grid-col-mobile-5,
.mobile .grid-col-mobile-6,
.mobile .grid-col-mobile-7,
.mobile .grid-col-mobile-8,
.mobile .grid-col-mobile-9,
.mobile .grid-col-mobile-10,
.mobile .grid-col-mobile-11,
.mobile .grid-col-mobile-12 {
float: left;
position: relative;
height: auto;
padding-left: 0px;
padding-right: 0px;
}
.mobile .grid-col-mobile-0 {
width: 0;
}
.mobile .grid-col-mobile-1 {
width: 8.33333%;
}
.mobile .grid-col-mobile-2 {
width: 16.66667%;
}
.mobile .grid-col-mobile-3 {
width: 25%;
}
.mobile .grid-col-mobile-4 {
width: 33.33333%;
}
.mobile .grid-col-mobile-5 {
width: 41.66667%;
}
.mobile .grid-col-mobile-6 {
width: 50%;
}
.mobile .grid-col-mobile-7 {
width: 58.33333%;
}
.mobile .grid-col-mobile-8 {
width: 66.66667%;
}
.mobile .grid-col-mobile-9 {
width: 75%;
}
.mobile .grid-col-mobile-10 {
width: 83.33333%;
}
.mobile .grid-col-mobile-11 {
width: 91.66667%;
}
.mobile .grid-col-mobile-12 {
width: 100%;
}
.mobile .gw-browse-grid {
height: 250px;
}
.gw-browse-grid-content {
height: 100%;
width: 100%;
}
.gw-editor-grid {
z-index: 20;
/* z-index 的问题回头需要好好整理 */
}
.gw-editor-grid .gw-browse-grid:after {
content: '';
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
border: 1px dashed #ccc;
}
.gw-editor-grid .gw-browse-grid.gw-highlight:after {
border-color: #5BAAF4;
}
.gw-editor-grid .gw-browse-grid.ui-resizable-resizing {
width: 100% !important;
/* 为了解决按住shift时候分栏高和宽被等比缩放的问题 */
}
.gw-editor-grid .gw-browse-grid > .ui-resizable-s {
height: 10px;
background: transparent;
}
.gw-editor-grid .gw-browse-grid > .ui-resizable-s:before {
top: 5px;
}
.gw-browse-container {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.gw-browse-container-content {
width: 100%;
height: 100%;
}
.gw-browse-container[data-editable="0"] {
left: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important;
}
.gw-editor-container > .gw-highlight[data-editable="1"]:after {
content: '';
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
border: 1px solid #5BAAF4;
}
.gw-editor-container .gw-browse-container[data-editable="1"] {
background: rgba(204, 204, 204, 0.34);
z-index: 1;
}
.gw-editor-container .gw-browse-container-tool {
right: 1px;
top: 1px;
}
/*************************************************************************
*
* @Description : 关公官网
* @WebSite : http://www.co.ltd
* @author : Shen
* @version : 2.0.0
* @date : 2017-01-01
* @direction : 所有组件的编辑样式文件入口
**************************************************************************/
.gw-component-edit-region .gw-text-editor .gw-text-sc-use {
height: 44px;
line-height: 44px;
text-decoration: underline;
color: #1B7AD1;
}
.gw-shape-btn button {
width: 130px;
height: 44px;
outline: none;
color: #FFFFFF;
background-color: #65abd0;
border: none;
}
.gw-shape-btn button.large {
width: 213px;
}
.gw-shape-btn .form-group:nth-child(2) button {
border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
-webkit-border-radius: 20px;
}
.gw-shape-btn .form-group:nth-child(3) button {
border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
-webkit-border-radius: 6px;
}
.gw-shape-btn .form-group:nth-child(4) button {
border-radius: 15px 0px 15px 0px;
-moz-border-radius: 15px 0px 15px 0px;
-o-border-radius: 15px 0px 15px 0px;
-webkit-border-radius: 15px 0px 15px 0px;
}
.gw-images-shape .shape-imgs {
text-align: center;
}
.gw-images-shape .shape-imgs button {
background-repeat: no-repeat;
width: 50px;
height: 50px;
border: none;
outline: none;
display: inline-block;
background-color: transparent;
text-align: center;
}
.gw-images-shape .shape-imgs button.active {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.gw-images-shape .shape-imgs button:nth-child(1) {
background-image: url(../image/img-icon.png);
background-position: -24px 0px;
}
.gw-images-shape .shape-imgs button:nth-child(2) {
background-image: url(../image/img-icon.png);
background-position: -87px 0px;
margin: 0px 16px;
}
.gw-images-shape .shape-imgs button:nth-child(3) {
background-image: url(../image/img-icon.png);
background-position: -147px 0px;
}
.gw-divide-editor .gw-content .gw-divide-hd input {
width: 70px;
display: inline-block;
}
.sp-light {
z-index: 19999999;
}
.gw-content .carousel-check {
height: 44px;
line-height: 44px;
display: inline-block;
margin: 0 5px 0 0;
}
div.list-group-sec-item {
width: 190px !important;
}
div.list-group-sec-item:before {
content: "";
display: block;
width: 15px;
height: 0;
border-top: 1px solid #ccc;
position: absolute;
top: 20px;
left: -15px;
}
div.list-group-three-item {
width: 160px !important;
}
div.list-group-three-item:before {
content: "";
display: block;
width: 15px;
height: 0;
border-top: 1px solid #ccc;
position: absolute;
top: 20px;
left: -15px;
}
.gw-article-editor .article_style_content {
border: 1px solid #dcdcdc;
margin-bottom: 12px;
border-radius: 2px;
}
.gw-article-editor .article_style_content.on {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.gw-article-editor .article_style_content button {
background-repeat: no-repeat;
border: none;
outline: 0;
display: block;
background-color: transparent;
text-align: center;
}
.gw-article-editor .article_style_choose {
background-image: url("../image/article-style-20200117.png");
display: block;
cursor: pointer;
}
.gw-article-editor .style_1 {
background-position: 0px 0px;
width: 190px;
height: 70px;
margin: 10px auto -4px auto;
}
.gw-article-editor .style_2 {
background-position: 0px -75px;
width: 190px;
height: 66px;
margin: -13px auto 5px;
}
.gw-article-editor .style_3 {
background-position: 0px -150px;
width: 190px;
height: 70px;
margin: -8px auto;
}
.gw-article-editor .style_4 {
background-position: 0px -225px;
width: 190px;
height: 67px;
margin: -8px auto;
}
.gw-article-editor .style_5 {
background-position: 0px -295px;
width: 190px;
height: 100px;
margin: -8px auto;
}
.gw-article-editor .style_6 {
background-position: 0px -489px;
width: 190px;
height: 90px;
margin: -8px auto;
}
.gw-article-editor .style_7 {
background-position: 0px -592px;
width: 190px;
height: 100px;
margin: -8px auto;
}
.gw-article-editor .style_8 {
background-position: 0px -695px;
width: 190px;
height: 115px;
margin: -8px auto;
}
.gw-article-editor .style_9 {
background-position: 0px -1795px;
width: 190px;
height: 160px;
margin: -8px auto;
}
.gw-article-editor .style_10 {
background-position: 0px -2253px;
width: 190px;
height: 130px;
margin: -8px auto;
}
.gw-article-editor .list-group-item span {
width: 65%;
}
/**list style*/
.layer-article {
margin: 15px;
}
.layer-article .article-add {
float: right;
padding: 10px 15px;
text-decoration: underline;
color: #337ab7;
}
.layer-article .tab-content {
margin: 10px 0;
}
.layer-article .tab-content ul {
cursor: pointer;
margin: 10px 0;
height: 240px;
overflow-y: scroll;
border-radius: 6px;
background: #f2f2f2;
}
.layer-article .tab-content ul li {
padding: 12px 5px 0px 10px;
}
.layer-article .tab-content .row {
margin: 10px 0;
}
.layer-article .tab-content .row .left-right-arrow {
margin-top: 45px;
}
.layer-article .tab-content .row .left-right-arrow i {
padding: 5px;
border: 1px solid #999;
}
.layer-article .tab-content .row .choosed_article {
margin-top: 35px;
color: #3B98EF;
}
.layer-article .tab-content .gw-dynamic-article label {
font-weight: 500;
padding-right: 15px;
}
.layer-article .gw-article-load-more {
color: #3B98EF;
background-color: #f2f2f2;
display: block;
text-align: center;
padding: 10px;
}
.layer-article .gw-article-load-more a {
color: #3B98EF;
}
.gw-map-editor .js-map-add-marker {
color: #3B98EF;
line-height: 44px;
font-size: 12px;
text-decoration: underline;
}
.gw-map-editor .js-map-location {
width: 170px;
}
.gw-map-editor .fa-map-marker {
color: #3B98EF;
}
.gw-map-editor .gw-editor-group .marker_edit_panel label {
width: 48px;
}
.gw-map-editor .gw-editor-group .marker_edit_panel .form-control {
border-right: 1px solid #ccc;
width: 160px;
}
.gw-map-editor .gw-editor-group .marker_edit_panel .btn {
padding: 4px 15px;
}
.gw-goods-editor .goods_style_content {
border: 1px solid #dcdcdc;
margin-bottom: 12px;
border-radius: 2px;
}
.gw-goods-editor .goods_style_content.on {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.gw-goods-editor .goods_style_content button {
background-repeat: no-repeat;
border: none;
outline: 0;
display: block;
background-color: transparent;
text-align: center;
}
.gw-goods-editor .goods_style_choose {
background-image: url("../image/article-style-20200117.png");
display: block;
cursor: pointer;
}
.gw-goods-editor .style_1 {
background-position: 0px 0px;
width: 190px;
height: 70px;
margin: 10px auto -4px auto;
}
.gw-goods-editor .style_2 {
background-position: 0px -75px;
width: 190px;
height: 66px;
margin: -13px auto 5px;
}
.gw-goods-editor .style_3 {
background-position: 0px -150px;
width: 190px;
height: 70px;
margin: -8px auto;
}
.gw-goods-editor .style_4 {
background-position: 0px -225px;
width: 190px;
height: 67px;
margin: -8px auto;
}
.gw-goods-editor .style_5 {
background-position: 0px -295px;
width: 190px;
height: 100px;
margin: -8px auto;
}
.gw-goods-editor .style_6 {
background-position: 0px -395px;
width: 190px;
height: 100px;
margin: -8px auto;
}
.gw-goods-editor .style_7 {
background-position: 0px -1051px;
width: 190px;
height: 80px;
margin: -8px auto;
}
.gw-goods-editor .list-group-item span {
width: 65%;
}
/**list style*/
.layer-goods {
margin: 15px;
}
.layer-goods .goods-add {
float: right;
padding: 10px 15px;
text-decoration: underline;
color: #337ab7;
}
.layer-goods .tab-content {
margin: 10px 0;
}
.layer-goods .tab-content ul {
cursor: pointer;
margin: 10px 0;
height: 240px;
overflow-y: scroll;
border-radius: 6px;
background: #f2f2f2;
}
.layer-goods .tab-content ul li {
padding: 12px 5px 0px 10px;
border-bottom: 1px dashed #337ab7;
}
.layer-goods .tab-content .row {
margin: 10px 0;
}
.layer-goods .tab-content .row .left-right-arrow {
margin-top: 45px;
}
.layer-goods .tab-content .row .left-right-arrow i {
padding: 5px;
border: 1px solid #999;
}
.layer-goods .tab-content .row .choosed_goods {
margin-top: 35px;
color: #3B98EF;
}
.layer-goods .tab-content .gw-dynamic-goods label {
font-weight: 500;
padding-right: 15px;
}
.layer-goods .gw-goods-load-more {
color: #3B98EF;
background-color: #f2f2f2;
display: block;
text-align: center;
padding: 10px;
}
.layer-goods .gw-goods-load-more a {
color: #3B98EF;
}
.gw-icon-editor {
/*常用*/
/*社交*/
/*商务*/
/*形状*/
/*其他*/
/*暂时没有用到*/
}
.gw-icon-editor .iconfont {
background-image: url("../image/iconimg.png");
display: inline-block;
cursor: pointer;
}
.gw-icon-editor .icon_common_addr {
background-position: -140px -385px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_common_zhuye1 {
background-position: -210px -450px;
width: 50px;
height: 46px;
}
.gw-icon-editor .icon_common_zhuye2 {
background-position: -140px -450px;
width: 50px;
height: 49px;
}
.gw-icon-editor .icon_common_bdhert {
background-position: -560px -380px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_common_pc {
background-position: -500px -385px;
width: 50px;
height: 43px;
}
.gw-icon-editor .icon_common_shouji {
background-position: -440px -380px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_common_contact2 {
background-position: -260px -385px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_common_contact1 {
background-position: -15px -260px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_common_ren2 {
background-position: -620px -380px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_common_shangbiao2 {
background-position: -380px -385px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_common_shangbiao {
background-position: -635px -570px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_common_addr2 {
background-position: -15px -445px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_common_fenxiang {
background-position: -200px -385px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_common_chanpin {
background-position: -75px -445px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_common_chanpin1 {
background-position: -15px -375px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_common_chanpin2 {
background-position: -75px -380px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_socia_qq1 {
background-position: -15px -570px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_socia_alipay {
background-position: -580px -570px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_socia_sina {
background-position: -520px -570px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_socia_taobao {
background-position: -460px -570px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_socia_pengyouquan {
background-position: -400px -570px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_socia_douban {
background-position: -15px -635px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_socia_ding {
background-position: -335px -575px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_socia_twitter {
background-position: -210px -570px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_socia_in {
background-position: -145px -575px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_socia_wx {
background-position: -80px -570px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_socia_pinterest {
background-position: -75px -635px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_socia_zhimingshangbiao {
background-position: -635px -570px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_socia_baidu {
background-position: -275px -575px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_business_contact {
background-position: -80px -260px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_business_contact3 {
background-position: -320px -385px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_business_camera {
background-position: -550px -265px;
width: 50px;
height: 39px;
}
.gw-icon-editor .icon_business_bao {
background-position: -280px -260px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_business_ren {
background-position: -485px -260px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_business_car {
background-position: -145px -270px;
width: 50px;
height: 35px;
}
.gw-icon-editor .icon_business_liwu {
background-position: -415px -260px;
width: 50px;
height: 46px;
}
.gw-icon-editor .icon_business_phone {
background-position: -350px -265px;
width: 50px;
height: 40px;
}
.gw-icon-editor .icon_business_bao2 {
background-position: -215px -260px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_graph_circle {
background-position: -400px -160px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_graph_square {
background-position: -465px -165px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_graph_sxcircle {
background-position: -255px -100px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_graph_bdhalfcircle {
background-position: -10px -95px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_graph_radiurectangle {
background-position: -265px -175px;
width: 50px;
height: 16px;
}
.gw-icon-editor .icon_graph_radiuhalfrectangle {
background-position: -325px -155px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_graph_bugle {
background-position: -135px -100px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_graph_rhombus {
background-position: -65px -95px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_graph_flowercircle {
background-position: -205px -160px;
width: 50px;
height: 38px;
}
.gw-icon-editor .icon_graph_allbugle {
background-position: -145px -165px;
width: 50px;
height: 40px;
}
.gw-icon-editor .icon_graph_allbugle2 {
background-position: -75px -160px;
width: 50px;
height: 39px;
}
.gw-icon-editor .icon_graph_qipao2 {
background-position: -535px -160px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_graph_qipao3 {
background-position: -590px -95px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_graph_fivebugle {
background-position: -325px -100px;
width: 50px;
height: 47px;
}
.gw-icon-editor .icon_graph_bdbugle {
background-position: -525px -100px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_graph_triangle {
background-position: -400px -95px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_graph_bdbugle2 {
background-position: -10px -155px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_graph_bgflag {
background-position: -460px -95px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_graph_qipao2 {
background-position: -195px -115px;
width: 50px;
height: 23px;
}
.gw-icon-editor .icon_other_clothes {
background-position: -640px -15px;
width: 50px;
height: 34px;
}
.gw-icon-editor .icon_other_coffee {
background-position: -450px -5px;
width: 50px;
height: 49px;
}
.gw-icon-editor .icon_other_leaf {
background-position: -515px -5px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_other_bell {
background-position: -575px -5px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_other_anli {
background-position: -195px -5px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_other_qipao {
background-position: -255px 0px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_other_erpchakan {
background-position: 0px -5px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_other_erppay {
background-position: -65px -5px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_other_erpnotice {
background-position: -130px -5px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_other_news {
background-position: -390px -5px;
width: 50px;
height: 50px;
}
.gw-icon-editor .icon_other_xiaoxi {
background-position: -325px -5px;
width: 50px;
height: 50px;
}
.gw-icon-editor .pic_21 {
background-position: -525px -100px;
width: 50px;
height: 50px;
}
.gw-icon-editor .pic_19 {
background-position: -400px -95px;
width: 50px;
height: 50px;
}
.gw-icon-editor .pic_24 {
background-position: -10px -155px;
width: 50px;
height: 50px;
}
.gw-icon-editor .pic_29 {
background-position: -330px -155px;
width: 50px;
height: 50px;
}
.gw-shop_goods-editor {
height: inherit;
}
.gw-shop_goods-editor .shop_goods_style_content {
border: 1px solid #dcdcdc;
margin-bottom: 12px;
border-radius: 2px;
}
.gw-shop_goods-editor .shop_goods_style_content.on {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.gw-shop_goods-editor .shop_goods_style_content button {
background-repeat: no-repeat;
border: none;
outline: 0;
display: block;
background-color: transparent;
text-align: center;
}
.gw-shop_goods-editor .shop_goods_style_choose {
background-image: url("../image/article-style-20200117.png");
display: block;
cursor: pointer;
}
.gw-shop_goods-editor .style_1 {
background-position: 0px 0px;
width: 190px;
height: 70px;
margin: 10px auto -4px auto;
}
.gw-shop_goods-editor .style_2 {
background-position: 0px -75px;
width: 190px;
height: 66px;
margin: -13px auto 5px;
}
.gw-shop_goods-editor .style_3 {
background-position: 0px -150px;
width: 190px;
height: 70px;
margin: -8px auto;
}
.gw-shop_goods-editor .style_4 {
background-position: 0px -225px;
width: 190px;
height: 67px;
margin: -8px auto;
}
.gw-shop_goods-editor .style_5 {
background-position: 0px -295px;
width: 190px;
height: 100px;
margin: -8px auto;
}
.gw-shop_goods-editor .style_6 {
background-position: 0px -395px;
width: 190px;
height: 100px;
margin: -8px auto;
}
.gw-shop_goods-editor .style_7 {
background-position: -4px -798px;
width: 190px;
height: 90px;
margin: -8px auto;
}
.gw-shop_goods-editor .style_8 {
background-position: -4px -880px;
width: 190px;
height: 92px;
margin: -8px auto;
}
.gw-shop_goods-editor .style_9 {
background-position: 0px -963px;
width: 190px;
height: 100px;
margin: -8px auto;
}
.gw-shop_goods-editor .style_10 {
background-position: 0px -1050px;
width: 190px;
height: 78px;
margin: -8px auto;
}
.gw-shop_goods-editor .style_11 {
background-position: 0px -1136px;
width: 190px;
height: 93px;
margin: -8px auto;
}
.gw-shop_goods-editor .style_12 {
background-position: 0px -1220px;
width: 190px;
height: 100px;
margin: -8px auto;
}
.gw-shop_goods-editor .style_13 {
background-position: 0px -1305px;
width: 190px;
height: 70px;
margin: -8px auto;
}
.gw-shop_goods-editor .style_14 {
background-position: 0px -1390px;
width: 190px;
height: 80px;
margin: -8px auto;
}
.gw-shop_goods-editor .list-group-item span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
width: 65%;
}
/**list style*/
.layer-shop_goods {
margin: 15px;
}
.layer-shop_goods .shop_goods-add {
float: right;
padding: 10px 15px;
text-decoration: underline;
color: #337ab7;
}
.layer-shop_goods .tab-content {
margin: 10px 0;
}
.layer-shop_goods .tab-content ul {
cursor: pointer;
margin: 10px 0;
height: 240px;
overflow-y: scroll;
border-radius: 6px;
background: #f2f2f2;
}
.layer-shop_goods .tab-content ul li {
padding: 12px 5px 0px 10px;
border-bottom: 1px dashed #337ab7;
}
.layer-shop_goods .tab-content .row {
margin: 10px 0;
}
.layer-shop_goods .tab-content .row .left-right-arrow {
margin-top: 45px;
}
.layer-shop_goods .tab-content .row .left-right-arrow i {
padding: 5px;
border: 1px solid #999;
}
.layer-shop_goods .tab-content .row .choosed_shop_goods {
margin-top: 35px;
color: #3B98EF;
}
.layer-shop_goods .tab-content .gw-dynamic-shop_goods label {
font-weight: 500;
padding-right: 15px;
}
.layer-shop_goods .gw-shop_goods-load-more {
color: #3B98EF;
background-color: #f2f2f2;
display: block;
text-align: center;
padding: 10px;
}
.layer-shop_goods .gw-shop_goods-load-more a {
color: #3B98EF;
}
.gw-video-editor {
height: inherit;
}
.gw-video-editor .gw-content .gw-video-hd input {
width: 70px;
display: inline-block;
}
.gw-classified-editor .classified_style_content {
border: 1px solid #dcdcdc;
margin-bottom: 12px;
border-radius: 2px;
}
.gw-classified-editor .classified_style_content.on {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.gw-classified-editor .classified_style_content button {
background-repeat: no-repeat;
border: none;
outline: 0;
display: block;
background-color: transparent;
text-align: center;
}
.gw-classified-editor .classified_style_choose {
background-image: url("../image/classified-style-20200606.png");
display: block;
cursor: pointer;
}
.gw-classified-editor .style_1 {
background-position: 0px 0px;
width: 190px;
height: 100px;
margin: 10px auto -4px auto;
}
.gw-classified-editor .style_2 {
background-position: 0px -116px;
width: 190px;
height: 135px;
margin: -13px auto 5px;
}
.gw-classified-editor .style_3 {
background-position: 0px -275px;
width: 190px;
height: 117px;
margin: -13px auto 5px;
}
.gw-classified-editor .style_4 {
background-position: 0px -417px;
width: 190px;
height: 117px;
margin: -13px auto 5px;
}
.gw-classified-editor .style_5 {
background-position: 0px -565px;
width: 190px;
height: 117px;
margin: -13px auto 5px;
}
.gw-classified-editor .list-group-item span {
width: 65%;
}
.gw-classified-editor lable.class-title {
width: 100px;
}
.gw-component-edit-region .gw-search-editor .check-label {
display: block;
width: 140px;
}
.gw-component-edit-region .gw-search-editor .search_style_content {
border: 1px solid #dcdcdc;
margin-bottom: 12px;
border-radius: 2px;
}
.gw-component-edit-region .gw-search-editor .search_style_content.on {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.gw-component-edit-region .gw-search-editor .search_style_content button {
background-repeat: no-repeat;
border: none;
outline: 0;
display: block;
background-color: transparent;
text-align: center;
}
.gw-component-edit-region .gw-search-editor .search_style_content .search_style_choose {
background-image: url("../image/search-icon.png");
display: block;
cursor: pointer;
background-repeat: no-repeat;
}
.gw-component-edit-region .gw-search-editor .search_style_content .search_style_choose.style_1 {
background-position: 0px 0px;
width: 190px;
height: 45px;
margin: 5px 10px;
}
.gw-component-edit-region .gw-search-editor .search_style_content .search_style_choose.style_2 {
background-position: 0px -60px;
width: 190px;
height: 50px;
margin: 5px 10px;
}
.gw-component-edit-region .gw-search-editor .search_style_content .search_style_choose.style_3 {
background-position: 0px -119px;
width: 191px;
height: 45px;
margin: 5px 10px;
}
.gw-component-edit-region .gw-search-editor .search_style_content .search_style_choose.style_4 {
background-position: 0px -179px;
width: 191px;
height: 45px;
margin: 5px 10px;
}
.gw-attribute-editor .attribute_style_content {
border: 1px solid #dcdcdc;
margin-bottom: 12px;
border-radius: 2px;
}
.gw-attribute-editor .attribute_style_content.on {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.gw-attribute-editor .attribute_style_content button {
background-repeat: no-repeat;
border: none;
outline: 0;
display: block;
background-color: transparent;
text-align: center;
}
.gw-attribute-editor .attribute_style_choose {
background-image: url("../image/article-style-20200117.png");
display: block;
cursor: pointer;
}
.gw-attribute-editor .style_1 {
background-position: 0px 0px;
width: 190px;
height: 70px;
margin: 10px auto -4px auto;
}
.gw-attribute-editor .style_2 {
background-position: 0px -75px;
width: 190px;
height: 66px;
margin: -13px auto 5px;
}
.gw-attribute-editor .style_3 {
background-position: 0px -150px;
width: 190px;
height: 70px;
margin: -8px auto;
}
.gw-attribute-editor .style_4 {
background-position: 0px -225px;
width: 190px;
height: 67px;
margin: -8px auto;
}
.gw-attribute-editor .style_5 {
background-position: 0px -295px;
width: 190px;
height: 100px;
margin: -8px auto;
}
.gw-attribute-editor .style_6 {
background-position: 0px -395px;
width: 190px;
height: 100px;
margin: -8px auto;
}
.gw-attribute-editor .style_7 {
background-position: 0px -1051px;
width: 190px;
height: 80px;
margin: -8px auto;
}
.gw-attribute-editor .list-group-item span {
width: 65%;
}
/**list style*/
.layer-attribute {
margin: 15px;
}
.layer-attribute .attribute-add {
float: right;
padding: 10px 15px;
text-decoration: underline;
color: #337ab7;
}
.layer-attribute .tab-content {
margin: 10px 0;
}
.layer-attribute .tab-content ul {
cursor: pointer;
margin: 10px 0;
height: 240px;
overflow-y: scroll;
border-radius: 6px;
background: #f2f2f2;
}
.layer-attribute .tab-content ul li {
padding: 12px 5px 0px 10px;
border-bottom: 1px dashed #337ab7;
}
.layer-attribute .tab-content .row {
margin: 10px 0;
}
.layer-attribute .tab-content .row .left-right-arrow {
margin-top: 45px;
}
.layer-attribute .tab-content .row .left-right-arrow i {
padding: 5px;
border: 1px solid #999;
}
.layer-attribute .tab-content .row .choosed_attribute {
margin-top: 35px;
color: #3B98EF;
}
.layer-attribute .tab-content .gw-dynamic-attribute label {
font-weight: 500;
padding-right: 15px;
}
.layer-attribute .gw-attribute-load-more {
color: #3B98EF;
background-color: #f2f2f2;
display: block;
text-align: center;
padding: 10px;
}
.layer-attribute .gw-attribute-load-more a {
color: #3B98EF;
}
.sp-light {
z-index: 19999999;
}
.gw-content .scrollNotice-check {
height: 44px;
line-height: 44px;
display: inline-block;
margin: 0 5px 0 0;
}
.gw-case-editor .case_style_content {
border: 1px solid #dcdcdc;
margin-bottom: 12px;
border-radius: 2px;
}
.gw-case-editor .case_style_content.on {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.gw-case-editor .case_style_content button {
background-repeat: no-repeat;
border: none;
outline: 0;
display: block;
background-color: transparent;
text-align: center;
}
.gw-case-editor .case_style_choose {
background-image: url("../image/article-style-20200117.png");
display: block;
cursor: pointer;
}
.gw-case-editor .style_1 {
background-position: 0px 0px;
width: 190px;
height: 70px;
margin: 10px auto -4px auto;
}
.gw-case-editor .style_2 {
background-position: 0px -75px;
width: 190px;
height: 66px;
margin: -13px auto 5px;
}
.gw-case-editor .style_3 {
background-position: 0px -150px;
width: 190px;
height: 70px;
margin: -8px auto;
}
.gw-case-editor .style_4 {
background-position: 0px -225px;
width: 190px;
height: 67px;
margin: -8px auto;
}
.gw-case-editor .style_5 {
background-position: 0px -295px;
width: 190px;
height: 100px;
margin: -8px auto;
}
.gw-case-editor .style_6 {
background-position: 0px -395px;
width: 190px;
height: 100px;
margin: -8px auto;
}
.gw-case-editor .style_7 {
background-position: 0px -1051px;
width: 190px;
height: 80px;
margin: -8px auto;
}
.gw-case-editor .list-group-item span {
width: 65%;
}
/**list style*/
.layer-case {
margin: 15px;
}
.layer-case .case-add {
float: right;
padding: 10px 15px;
text-decoration: underline;
color: #337ab7;
}
.layer-case .tab-content {
margin: 10px 0;
}
.layer-case .tab-content ul {
cursor: pointer;
margin: 10px 0;
height: 240px;
overflow-y: scroll;
border-radius: 6px;
background: #f2f2f2;
}
.layer-case .tab-content ul li {
padding: 12px 5px 0px 10px;
border-bottom: 1px dashed #337ab7;
}
.layer-case .tab-content .row {
margin: 10px 0;
}
.layer-case .tab-content .row .left-right-arrow {
margin-top: 45px;
}
.layer-case .tab-content .row .left-right-arrow i {
padding: 5px;
border: 1px solid #999;
}
.layer-case .tab-content .row .choosed_case {
margin-top: 35px;
color: #3B98EF;
}
.layer-case .tab-content .gw-dynamic-case label {
font-weight: 500;
padding-right: 15px;
}
.layer-case .gw-case-load-more {
color: #3B98EF;
background-color: #f2f2f2;
display: block;
text-align: center;
padding: 10px;
}
.layer-case .gw-case-load-more a {
color: #3B98EF;
}
.gw-component-edit-region .gw-rich-editor .gw-content textarea {
resize: vertical;
}
.gw-component-edit-region .gw-rich-items-add {
cursor: pointer;
}
/*************************************************************************
*
* @Description : 关公官网
* @WebSite : http://www.co.ltd
* @author : Shen
* @version : 2.0.0
* @date : 2017-01-01
* @direction : 所有组件的预览样式文件入口
**************************************************************************/
.text-component .gw-browse-component-content {
border-color: #ccc;
width: 100%;
height: 100%;
font-family: "微软雅黑";
font-size: 18px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.text-component .gw-browse-component-content span,
.text-component .gw-browse-component-content a {
white-space: pre-wrap;
}
.button-component .gw-browse-component {
display: table;
}
.button-component .gw-browse-component .gw-browse-component-content {
width: 100%;
height: 100%;
background-color: #65abd0;
display: table-cell;
vertical-align: middle;
text-align: center;
color: #fff;
border-radius: 6px;
cursor: pointer;
font-family: "微软雅黑";
font-size: 16px;
}
.images-component .gw-browse-component {
width: auto;
min-height: auto;
}
.images-component .gw-browse-component h1 {
margin: 0;
}
.pc .images-component .gw-browse-component-content {
max-width: 600px;
max-height: 250px;
}
.mobile .images-component .gw-browse-component-content {
max-width: 320px;
max-height: 150px;
}
/* hover 变大效果 */
.gw-image-hoverBig {
width: 100%;
height: 100%;
overflow: hidden;
}
.gw-image-hoverBig .gw-image-hoverBig-box:hover {
transform: scale(1.4);
cursor: pointer;
}
.gw-image-hoverBig .big {
transition: all ease .5s;
-moz-transition: all ease .5s;
-webkit-transition: all ease .5s;
-o-transition: all ease .5s;
}
/* hover 颜色遮罩 */
.gw-image-hoverColor img {
position: relative;
}
.gw-image-hoverColor .gw-image-hoverColor-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.gw-image-hoverColor .gw-image-hoverColor-box:hover {
opacity: 1;
}
/*hover 图片遮罩*/
.gw-image-hoverImg .hoverImg {
position: relative;
}
.gw-image-hoverImg .gw-image-hoverImg-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.gw-image-hoverImg .gw-image-hoverImg-box img {
width: 100%;
height: 100%;
opacity: 0;
}
.gw-image-hoverImg .gw-image-hoverImg-box img:hover {
opacity: 1;
}
/*hover 字体遮罩 */
.gw-image-hoverFont {
position: relative;
overflow: hidden;
}
.gw-image-hoverFont .gw-image-hoverFont-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
display: table;
}
.gw-image-hoverFont .gw-image-hoverFont-box:hover {
opacity: 1;
}
.gw-image-hoverFont .gw-image-hoverFont-box p {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 1;
max-height: 48px;
font-size: 12px;
display: table-cell;
vertical-align: middle;
}
.gw-jump-image {
cursor: pointer;
}
.divide-component .gw-browse-component-content {
width: 100%;
height: 1px;
overflow: hidden;
}
.nav-component .gw-browse-component {
z-index: 2;
}
@keyframes secondShow {
from {
opacity: 0;
margin-top: 15px;
}
to {
background: 1;
margin-top: 0px;
}
}
.nav-component .gw-browse-component-content {
width: 100%;
height: 100%;
}
.nav-component .gw-browse-component-content .gw-nav-cont {
float: left;
position: relative;
}
.nav-component .gw-browse-component-content .gw-nav-cont .gw-nav {
float: left;
}
.nav-component .gw-browse-component-content .gw-nav-cont .menu-list {
display: none;
width: 100%;
text-align: center;
animation: secondShow .3s;
}
.nav-component .gw-browse-component-content .gw-nav-cont .menu-list ul {
margin-top: 5px;
}
.nav-component .gw-browse-component-content .gw-nav-cont .menu-list li {
float: left;
list-style: none;
width: 100%;
}
.nav-component .gw-browse-component-content .gw-nav-cont .menu-list li a {
display: block;
height: 100%;
width: 100%;
}
.nav-component .gw-browse-component-content .gw-nav-cont .menu-list.has-three-child .sec-menu {
position: relative;
}
.nav-component .gw-browse-component-content .gw-nav-cont .menu-list.has-three-child .sec-menu .three-list {
display: none;
position: absolute;
top: 0;
left: 100%;
width: inherit;
margin-top: -5px;
}
.nav-component .gw-browse-component-content .gw-nav-cont-row {
float: left;
}
.nav-component .gw-browse-component-content .gw-nav-cont-row .gw-nav {
float: left;
}
.nav-component .gw-browse-component-content .menu-list-row {
display: none;
width: 100%;
text-align: center;
animation: secondShow .3s;
}
.nav-component .gw-browse-component-content .menu-list-row ul {
margin-top: 5px;
display: flex;
flex-wrap: wrap;
}
.nav-component .gw-browse-component-content .menu-list-row li {
float: left;
list-style: none;
}
.nav-component .gw-browse-component-content .menu-list-row li a {
display: block;
height: 100%;
width: 100%;
}
.nav-component .gw-browse-component-content .menu-list-row.has-three-child-row .three-list li {
width: 100%;
}
.nav-component .gw-browse-component-content .gw-nav-cont-mobile {
width: 100% !important;
border-bottom: 1px solid #ececec;
position: relative;
}
.nav-component .gw-browse-component-content .gw-nav-cont-mobile .first-nav-cont {
position: relative;
}
.nav-component .gw-browse-component-content .gw-nav-cont-mobile .first-nav-cont a {
padding-left: 20px;
width: 100% !important;
}
.nav-component .gw-browse-component-content .gw-nav-cont-mobile .second-icon {
position: absolute;
top: 50%;
margin-top: -10px;
right: 10px;
font-size: 20px;
color: #999;
transform: rotate(0deg);
transform-origin: 50% 70%;
transition-duration: .2s;
}
.nav-component .gw-browse-component-content .gw-nav-cont-mobile .rotate {
transform: rotate(90deg);
transform-origin: 50% 50%;
transition-duration: .3s;
}
.nav-component .gw-browse-component-content .gw-nav-cont-mobile .menu-list {
display: none;
width: 100%;
position: static !important;
top: 0;
}
.nav-component .gw-browse-component-content .gw-nav-cont-mobile .menu-list ul {
margin-top: 0px;
margin-bottom: 0px !important;
width: 100%;
}
.nav-component .gw-browse-component-content .gw-nav-cont-mobile .menu-list li {
list-style: none;
width: 100%;
position: relative;
}
.nav-component .gw-browse-component-content .gw-nav-cont-mobile .menu-list li a {
display: block;
height: 100%;
width: 100%;
padding-left: 40px;
}
.nav-component .gw-browse-component-content .gw-nav-cont-mobile .three-list {
width: 100%;
position: static;
top: 0;
}
.nav-component .gw-browse-component-content .gw-nav-cont-mobile .three-list li a {
padding-left: 60px;
}
.nav-component .gw-browse-component-content .gw-nav-cont:hover .menu-list {
display: block;
z-index: 999;
}
.nav-component .gw-browse-component-content .gw-nav-cont:hover .menu-list.has-three-child .sec-menu:hover .three-list {
display: block;
z-index: 999;
}
.nav-component .gw-browse-component-content .container-fluid {
padding: 0px!important;
text-align: center;
}
.nav-component .gw-browse-component-content.navbar-default {
background-color: transparent!important;
border-color: transparent!important;
border-width: 0;
}
.nav-component .gw-browse-component-content .navbar-toggle {
margin: 15px;
border: none;
cursor: pointer;
float: none;
padding: 0px;
}
.nav-component .gw-browse-component-content .navbar-toggle:hover {
background-color: transparent!important;
}
.nav-component .gw-browse-component-content .navbar-toggle .icon-bar {
width: 20px;
-webkit-transform-origin: 20px;
transform-origin: 20px;
transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, width 0.5s, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), width 0.5s;
transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), width 0.5s, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
opacity: 1;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.nav-component .gw-browse-component-content .navbar-toggle .icon-bar:nth-last-child(3) {
opacity: 1;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.nav-component .gw-browse-component-content .navbar-toggle .icon-bar:nth-last-child(2) {
width: 0;
opacity: 0;
-webkit-transform: rotate(0);
transform: rotate(0);
transition: width 0.5s;
}
.nav-component .gw-browse-component-content .navbar-toggle.collapsed .icon-bar {
opacity: 1;
-webkit-transform: rotate(0);
transform: rotate(0);
}
.nav-component .gw-browse-component-content .navbar-toggle.collapsed .icon-bar:nth-last-child(3) {
opacity: 1;
-webkit-transform: rotate(0);
transform: rotate(0);
}
.nav-component .gw-browse-component-content .navbar-toggle.collapsed .icon-bar:nth-last-child(2) {
width: auto;
opacity: 1;
-webkit-transform: rotate(0);
transform: rotate(0);
transition: width 0.5s;
}
.nav-component .gw-browse-component-content .navbar-toggle .icon-bar + .icon-bar {
margin-top: 6px;
}
.nav-component .gw-browse-component-content .navbar-collapse {
padding: 0px!important;
width: 320px!important;
position: absolute!important;
overflow-x: hidden;
}
.nav-component .gw-browse-component-content .collapse {
display: none!important;
}
.nav-component .gw-browse-component-content .collapse.in {
display: block!important;
}
.carousel-component .gw-browse-component .gw-browse-component-content {
width: 100%;
height: 100%;
}
.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container {
width: 100%;
height: 100%;
overflow: hidden;
}
.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.left-container {
width: calc(100% - 85px);
}
.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.bottom-container {
height: calc(100% - 85px);
}
.carousel-component .gw-browse-component .swiper-container {
width: 100%;
height: 100%;
}
.carousel-component .gw-browse-component .swiper-slide {
text-align: center;
font-size: 18px;
background: transparent;
/*width:100%!important;
height:100%!important;*/
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.carousel-component .gw-browse-component .swiper-slide .swiper-img {
width: 100%;
height: 100%;
background-size: cover !important;
}
.carousel-component .gw-browse-component .swiper-slide.vm-list-row {
width: 80%;
height: auto;
}
.carousel-component .gw-browse-component .swiper-slide a {
width: 100%!important;
height: 100%!important;
}
.carousel-component .gw-browse-component .swiper-slide img {
width: 100%!important;
height: 100%!important;
}
.carousel-component .gw-browse-component .swiper-button .swiper-button-prev,
.carousel-component .gw-browse-component .swiper-button .swiper-button-next {
display: table;
text-align: center;
}
.carousel-component .gw-browse-component .swiper-button i {
display: table-cell;
vertical-align: middle;
}
.carousel-component .gw-browse-component .swiper-pagination {
margin-bottom: 0;
}
.carousel-component .gw-browse-component .swiper-pagination-line .swiper-pagination-bullet {
width: 30px;
height: 3px;
margin: 0 3px;
cursor: pointer;
border-radius: 0;
}
.carousel-component .gw-browse-component .swiper-pagination-line .swiper-pagination-bullet span {
width: 50px;
height: 2px;
display: block;
}
.carousel-component .gw-browse-component .swiper-pagination-line .swiper-pagination-bullet i {
background: gray;
height: 2px;
transform: scaleX(0);
transform-origin: 0;
display: block;
}
.carousel-component .gw-browse-component .swiper-container-vertical .swiper-pagination-line .swiper-pagination-bullet {
width: 5px;
height: 30px;
margin: 3px 0;
}
.carousel-component .gw-browse-component .gallery-thumbs {
height: 85px;
box-sizing: border-box;
padding: 10px 0;
}
.carousel-component .gw-browse-component .gallery-thumbs .swiper-slide {
opacity: 0.4;
width: 71px;
height: 71px;
}
.carousel-component .gw-browse-component .gallery-thumbs .swiper-slide-active {
opacity: 1;
border: 2px solid #1e50ae;
}
.carousel-component .gw-browse-component .gallery-thumbs .swiper-img-thumbs {
width: auto!important;
height: auto!important;
max-width: 100%;
max-height: 100%;
}
.carousel-component .gw-browse-component .gallery-thumbs.gallery-thumbs-left,
.carousel-component .gw-browse-component .gallery-thumbs.gallery-thumbs-right {
width: 85px;
height: 100%;
display: flex;
justify-content: center;
}
.carousel-component .gw-browse-component .gallery-thumbs.gallery-thumbs-left .swiper-wrapper,
.carousel-component .gw-browse-component .gallery-thumbs.gallery-thumbs-right .swiper-wrapper {
margin: 0 auto;
}
.carousel-component .gw-browse-component .gallery-thumbs.gallery-thumbs-left .swiper-slide,
.carousel-component .gw-browse-component .gallery-thumbs.gallery-thumbs-right .swiper-slide {
width: 71px;
height: 71px;
}
/*发布之后 需要用到*/
.mobile .carousel-component .gw-browse-component .swiper-container.on {
width: 320px;
}
.form-component .gw-browse-component-content {
width: 100%;
font-family: "微软雅黑";
}
.form-component .gw-form .form-title {
font-size: 16px;
font-weight: 500;
color: #000000;
line-height: 26px;
padding-bottom: 8px;
}
.form-component .gw-form .form-placeholder {
font-size: 14px;
font-weight: 500;
color: #828282;
line-height: 22px;
padding-bottom: 20px;
padding-top: 5px;
}
.form-component .gw-form input,
.form-component .gw-form textarea {
border-radius: 2px;
padding: 0 10px;
border-width: 1px;
border-style: solid;
}
.form-component .gw-form input:focus,
.form-component .gw-form textarea:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-component .gw-form .input-text,
.form-component .gw-form textarea {
border-color: #dcdcdc;
background-color: #F7F9FB;
}
.form-component .gw-form textarea {
padding: 10px 10px;
}
.form-component .gw-form .qrcode {
margin-left: 12px;
width: 100px;
height: 36px;
}
.form-component .gw-form .btn-black {
color: #fff;
background-color: #333333;
}
.form-component .gw-area {
display: flex;
justify-content: space-between;
}
.form-component .gw-area select {
width: 31%;
}
.pc .gw-browse-component-content {
font-size: 18px;
}
.mobile .gw-browse-component-content {
font-size: 14px;
}
.article-component .row {
margin: 0px;
}
.article-component .gw-browse-component {
min-height: 26px;
}
.article-component .pagination_yulan li a {
color: #999!important;
cursor: move;
}
.article-component .pagination_yulan li.active a {
background-color: #eee;
border-color: #ddd;
}
.article-component .gw-browse-component-content {
width: 100%;
font-family: "微软雅黑";
font-size: 18px;
}
.article-component .gw-browse-component-content a {
margin-bottom: 10px;
}
.article-component .gw-browse-component-content .article_title {
font-size: 16px;
color: #333333;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.article-component .gw-browse-component-content .article_abstract {
font-size: 14px;
color: #666666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
line-height: 1.4em;
}
.article-component .gw-browse-component-content .article_date {
font-size: 14px;
color: #666666;
width: 25px;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
}
.article-component .gw-browse-component-content .flex-img {
display: flex;
align-items: center;
justify-content: center;
}
/*pc新闻样式start*/
.pc {
/*样式1 start*/
/*样式1 end*/
/*样式2 start*/
/*样式2 end*/
/*样式3 start*/
/*样式3 end*/
/*样式4 start*/
/*样式4 end*/
/*样式5 start*/
/*样式5 end*/
/*样式6 start*/
/*样式6 end*/
/*样式7 start*/
/*样式7 end*/
/*样式8 start*/
/*样式8 end*/
/*样式9 start*/
/*样式9 end*/
/*样式10 start*/
/*样式10 end*/
}
.pc .article_style_1 .article_title {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.pc .article_style_1 .article_img {
text-align: center;
background: #fff;
overflow: hidden;
border: 1px solid #ddd;
padding: 2px;
border-radius: 2px;
}
.pc .article_style_1.col-xs-12 .article_img {
height: 500px;
}
.pc .article_style_1.col-xs-12 .article_img img {
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
object-fit: cover;
}
.pc .article_style_1.col-xs-6 {
height: 540px;
}
.pc .article_style_1.col-xs-6 .article_img {
width: 550px;
height: 427px;
}
.pc .article_style_1.col-xs-6 .article_img img {
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
object-fit: cover;
}
.pc .article_style_1.col-xs-4 {
height: 370px;
}
.pc .article_style_1.col-xs-4 .article_img {
width: 360px;
height: 270px;
}
.pc .article_style_1.col-xs-4 .article_img img {
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
object-fit: cover;
}
.pc .article_style_1.col-xs-3 {
height: 295px;
}
.pc .article_style_1.col-xs-3 .article_img {
width: 263px;
height: 197px;
}
.pc .article_style_1.col-xs-3 .article_img img {
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
object-fit: cover;
}
.pc .article_style_2 {
margin-bottom: 10px;
}
.pc .article_style_2 p {
margin-bottom: 0;
}
.pc .article_style_2 .article_title {
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 1.4em;
max-height: 2.8em;
height: 2.8em;
}
.pc .article_style_2 .article_style_2_content {
display: flex;
}
.pc .article_style_2 .article_style_2_content p {
margin-bottom: 0;
}
.pc .article_style_2 .article_style_2_content div:first-child {
float: left;
width: 30%;
text-align: center;
background: #fff;
overflow: hidden;
border: 1px solid #ddd;
padding: 2px;
border-radius: 2px;
flex-shrink: 0;
flex-grow: 0;
}
.pc .article_style_2 .article_style_2_content div:last-child {
float: right;
width: 69%;
margin-left: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.pc .article_style_2 .article_style_2_content div:last-child .article_date {
width: 100%;
}
.pc .article_style_2.col-xs-12 {
height: 180px;
}
.pc .article_style_2.col-xs-12 .article_style_2_content div:first-child img {
max-width: 100%;
max-height: 180px;
height: 180px;
object-fit: cover;
}
.pc .article_style_2.col-xs-6 {
height: 129px;
}
.pc .article_style_2.col-xs-6 .article_style_2_content div:first-child img {
max-width: 100%;
max-height: 124px;
height: 124px;
object-fit: cover;
}
.pc .article_style_2.col-xs-4 {
height: 86px;
}
.pc .article_style_2.col-xs-4 .article_style_2_content div:first-child img {
max-width: 100%;
max-height: 81px;
height: 81px;
object-fit: cover;
}
.pc .article_style_2.col-xs-3 {
height: 65px;
}
.pc .article_style_2.col-xs-3 .article_style_2_content div:first-child img {
max-width: 100%;
max-height: 60px;
height: 60px;
object-fit: cover;
}
.pc .article_style_2.col-xs-3 .article_style_2_content .article_date {
display: none;
}
.pc .article_style_3 {
margin-bottom: 10px;
}
.pc .article_style_3 .article_title {
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 1.4em;
max-height: 2.8em;
height: 2.8em;
}
.pc .article_style_3 .article_style_3_content div:first-child {
float: left;
width: 30%;
text-align: center;
background: #fff;
overflow: hidden;
border: 1px solid #ddd;
padding: 2px;
border-radius: 2px;
}
.pc .article_style_3 .article_style_3_content div:last-child {
float: right;
width: 69%;
}
.pc .article_style_3.col-xs-12 {
height: 180px;
}
.pc .article_style_3.col-xs-12 .article_style_3_content div:first-child img {
max-width: 100%;
max-height: 180px;
height: 180px;
object-fit: cover;
}
.pc .article_style_3.col-xs-6 {
height: 129px;
}
.pc .article_style_3.col-xs-6 .article_style_3_content div:first-child img {
max-width: 100%;
max-height: 124px;
height: 124px;
object-fit: cover;
}
.pc .article_style_3.col-xs-4 {
height: 86px;
}
.pc .article_style_3.col-xs-4 .article_style_3_content div:first-child img {
max-width: 100%;
max-height: 81px;
height: 81px;
object-fit: cover;
}
.pc .article_style_3.col-xs-4 .article_style_3_content .article_abstract {
display: none;
}
.pc .article_style_3.col-xs-3 {
height: 65px;
}
.pc .article_style_3.col-xs-3 .article_style_3_content div:first-child img {
max-width: 100%;
max-height: 60px;
height: 60px;
object-fit: cover;
}
.pc .article_style_3.col-xs-3 .article_style_3_content .article_abstract {
display: none;
}
.pc .article_style_4 div {
border-bottom: 1px dashed #e3e3e3;
padding: 8px 0;
height: 35px;
margin-top: 2px;
}
.pc .article_style_4 .article_title {
font-size: 14px;
width: 63%;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
}
.pc .article_style_4 .article_date {
float: right;
width: 35%;
text-align: right;
}
.pc .article_style_5 {
margin-bottom: 10px;
}
.pc .article_style_5 .article_style_5_content {
border-bottom: 1px dashed #ddd;
padding: 8px 0;
margin-top: 2px;
height: 95px;
width: 100%;
}
.pc .article_style_5 .article_style_5_content .article_date {
float: left;
min-width: 80px;
max-width: 80px;
width: 80px;
height: 80px;
text-align: center;
background: #F2F2F2;
overflow: hidden;
border: 1px solid #ddd;
padding: 2px;
border-radius: 2px;
margin-right: 15px;
}
.pc .article_style_5 .article_style_5_content .article_date .article_ss {
font-size: 22px;
color: #666;
display: block;
margin-top: 15px;
}
.pc .article_style_5 .article_style_5_content .article_date .article_yy {
font-size: 14px;
color: #9C8D8D;
display: inline-block;
height: 20px;
line-height: 20px;
}
.pc .article_style_5 .article_style_5_content div:last-child {
float: left;
width: 84%;
}
.pc .article_style_5 .article_style_5_content div:last-child .article_title {
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: block;
}
.pc .article_style_5 .article_style_5_content div:last-child .article_abstract {
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: block;
}
.pc .article_style_5.col-xs-12 {
height: 120px;
}
.pc .article_style_5.col-xs-6 {
height: 129px;
}
.pc .article_style_5.col-xs-6 .article_style_5_content div:last-child {
width: 70%;
}
.pc .article_style_5.col-xs-4 {
height: 120px;
}
.pc .article_style_5.col-xs-4 .article_style_5_content div:last-child {
width: 60%;
}
.pc .article_style_5.col-xs-3 {
height: 120px;
}
.pc .article_style_5.col-xs-3 .article_style_5_content div:last-child {
width: 65%;
}
.pc .article_style_6 {
margin-bottom: 10px;
border-bottom: 1px dashed #e3e3e3;
}
.pc .article_style_6 .right {
float: right;
}
.pc .article_style_6 .left {
float: left;
}
.pc .article_style_6 .article_style_6_content .article_date {
width: auto;
}
.pc .article_style_6 .article_style_6_content .article_title {
-webkit-line-clamp: 1;
overflow: hidden;
line-height: 1.4em;
max-height: 1.4em;
height: 1.4em;
}
.pc .article_style_6 .article_style_6_content .img-content {
width: 162px;
height: 117px;
border: 1px solid #ddd;
text-align: center;
}
.pc .article_style_6 .article_style_6_content .img-content img {
width: 100%;
height: 100%;
object-fit: cover;
}
.pc .article_style_6 .article_style_6_content .font-content {
width: 60%;
}
.pc .article_style_6.col-xs-6 .img-content {
width: 162px;
height: 117px;
border: 1px solid #ddd;
text-align: center;
}
.pc .article_style_6.col-xs-6 .img-content img {
width: 100%;
height: 100%;
object-fit: cover;
}
.pc .article_style_6.col-xs-6 .font-content {
width: 50%;
}
.pc .article_style_6.col-xs-4 .article_abstract {
-webkit-line-clamp: 1;
overflow: hidden;
line-height: 1.4em;
max-height: 1.4em;
height: 1.4em;
}
.pc .article_style_6.col-xs-4 .img-content {
width: 102px;
height: 77px;
border: 1px solid #ddd;
text-align: center;
}
.pc .article_style_6.col-xs-4 .img-content img {
max-width: 100px;
max-height: 75px;
object-fit: cover;
}
.pc .article_style_6.col-xs-4 .font-content {
width: 30%;
}
.pc .article_style_6.col-xs-3 .article_abstract {
-webkit-line-clamp: 1;
overflow: hidden;
line-height: 1.4em;
height: 1.4em;
max-height: 1.4em;
}
.pc .article_style_7 {
/*.timezone:after{
content: '未完待续...';
width: 100px;
color:#fff;
position: absolute;
margin-left: -35px;
bottom: -30px;
-webkit-animation: showIn 4s ease;
}*/
/*.timezone .timeLeft div{
left:-337px;
}
.timezone .time div:hover,.timezone .timeLeft div:hover{
height: 170px;
}
.timezone .time div p,.timezone .timeLeft div p{
color: #fff;
font-weight: bold;
text-align: center;
}
.timezone .time:before,.timezone .timeLeft:before{
content: '';
position: absolute;
top:0px;
left: 32px;
width: 0px;
height: 0px;
border:10px solid transparent;
border-right:10px solid #eee;
z-index:-1;
-webkit-animation: showIn 3s ease;
}
.timezone .timeLeft:before{
left:-33px;
border:10px solid transparent;
border-left:10px solid #eee;
}
.timezone .time div ul,.timezone .timeLeft div ul{
list-style: none;
width:300px;
padding:5px 0 0;
border-top:2px solid #eee;
color:#fff;
text-align: center;
}
.timezone .time div li,.timezone .timeLeft div li{
display: inline-block;
height: 25px;
line-height: 25px;
}*/
}
.pc .article_style_7 .article_date {
width: auto;
}
.pc .article_style_7 .timezone {
width: 4px;
height: 120px;
background: #ccc;
margin: 0 auto;
margin-top: 8px;
margin-left: 120px;
border-radius: 3px;
position: relative;
-webkit-animation: heightSlide 2s linear;
}
@-webkit-keyframes heightSlide {
0% {
height: 0;
}
100% {
height: 120px;
}
}
.pc .article_style_7 .timezone .time,
.pc .article_style_7 .timezone .timeLeft {
position: absolute;
margin-left: -7px;
margin-top: -10px;
width: 20px;
height: 20px;
border-radius: 50%;
border: 4px solid rgba(255, 255, 255, 0.5);
background: #bababa;
-webkit-transition: all 0.5s;
-webkit-animation: showIn ease;
}
.pc .article_style_7 .timezone .time:nth-child(1) {
-webkit-animation-duration: 1s;
}
.pc .article_style_7 .timezone .timeLeft:nth-child(2) {
-webkit-animation-duration: 1.5s;
}
.pc .article_style_7 .timezone .time:nth-child(3) {
-webkit-animation-duration: 2s;
}
.pc .article_style_7 .timezone .timeLeft:nth-child(4) {
-webkit-animation-duration: 2.5s;
}
@-webkit-keyframes showIn {
0%,
70% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.pc .article_style_7 .timezone .time h2,
.pc .article_style_7 .timezone .timeLeft h2 {
position: absolute;
margin-left: -120px;
margin-top: 3px;
color: #eee;
font-size: 14px;
cursor: pointer;
-webkit-animation: showIn 3s ease;
}
.pc .article_style_7 .timezone .timeLeft h2 {
margin-left: 60px;
width: 100px;
}
.pc .article_style_7 .timezone .time:hover,
.pc .article_style_7 .timezone .timeLeft:hover {
border: 4px solid lightblue;
background: lemonchiffon;
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.4);
}
.pc .article_style_7 .timezone .time div,
.pc .article_style_7 .timezone .timeLeft div {
position: absolute;
top: 50%;
margin-top: -9px;
padding: 5px;
left: 50px;
width: 800px;
height: 100px;
border: 1px solid #ccc;
border-radius: 10px;
z-index: 2;
overflow: hidden;
cursor: pointer;
-webkit-animation: showIn 3s ease;
-webkit-transition: all 0.5s;
}
.pc .article_style_7.col-xs-6 .timezone .time div,
.pc .article_style_7.col-xs-6 .timezone .timeLeft div {
width: 300px;
}
.pc .article_style_7.col-xs-4 .timezone .time div,
.pc .article_style_7.col-xs-4 .timezone .timeLeft div {
width: 200px;
}
.pc .article_style_7.col-xs-3 .timezone {
margin-left: 100px;
}
.pc .article_style_7.col-xs-3 .timezone .time h2 {
margin-left: -95px;
}
.pc .article_style_7.col-xs-3 .timezone .time div,
.pc .article_style_7.col-xs-3 .timezone .timeLeft div {
width: 100px;
}
.pc .article_style_8 div {
border-bottom: 1px dashed #e3e3e3;
padding: 8px 0;
height: auto;
margin-top: 2px;
}
.pc .article_style_8 .article_title {
font-size: 14px;
width: 63%;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
}
.pc .article_style_8 .article_date {
float: right;
width: 35%;
text-align: right;
}
.pc .article_style_8 .article_abstract {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 1.4em;
line-height: 1.4em;
max-height: 1.4em;
}
.pc .article_style_9 div {
border-bottom: 1px dashed #e3e3e3;
padding: 8px 0;
height: auto;
margin-top: 2px;
}
.pc .article_style_9 .article_title {
font-size: 14px;
width: 63%;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
}
.pc .article_style_9 .article_date {
float: right;
width: 35%;
text-align: right;
}
.pc .article_style_9 .article_abstract {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.4em;
display: block;
}
.pc .article_style_10 {
padding: 0 10px;
}
.pc .article_style_10 .article_title {
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 1.4em;
max-height: 2.8em;
height: 2.8em;
}
.pc .article_style_10 .article_style_10_content {
display: flex;
margin: 6px;
padding: 16px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.pc .article_style_10 .article_style_10_content div:first-child {
width: 128px;
height: 72px;
max-width: 128px;
max-height: 72px;
min-width: 128px;
min-height: 72px;
text-align: center;
background: #fff;
overflow: hidden;
border: 1px solid #ddd;
border-radius: 4px;
}
.pc .article_style_10 .article_style_10_content div:first-child img {
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
}
.pc .article_style_10 .article_style_10_content div:last-child {
margin-left: 12px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.pc .article_style_10 .article_style_10_content div:last-child .article_date {
width: 100%;
margin-bottom: 0;
}
.pc .article_style_10.col-xs-12 .article_style_10_content div:first-child img {
object-fit: cover;
}
.pc .article_style_10.col-xs-6 .article_style_10_content div:first-child img {
object-fit: cover;
}
.pc .article_style_10.col-xs-4 .article_style_10_content div:first-child img {
object-fit: cover;
}
.pc .article_style_10.col-xs-3 .article_style_10_content div:first-child img {
object-fit: cover;
}
.pc .article_style_10.col-xs-3 .article_style_10_content .article_date {
display: none;
}
/*pc新闻样式end*/
/*手机新闻样式*/
.mobile {
/*样式1 start*/
/*样式1 end*/
/*样式2 start*/
/*样式2 end*/
/*样式3 start*/
/* .row .article_style_3:last-child{
.article_style_3_content{
border: none;
}
}
*/
/*样式3 end*/
/*样式4 start*/
/*样式4 end*/
/*样式5 start*/
/*样式5 end*/
/*样式6 start*/
/*样式6 end*/
/*样式7 start*/
/*样式7 end*/
/*样式8 start*/
/*样式8 end*/
/*样式9 start*/
/*样式9 end*/
/*样式10 start*/
/*样式10 end*/
}
.mobile .article_abstract {
display: none!important;
}
.mobile .article_style_1 .article_title {
font-size: 14px;
line-height: 1.4em;
height: 2.8em;
overflow: none;
font-weight: 700;
}
.mobile .article_style_1 .article_img {
text-align: center;
background: #fff;
overflow: hidden;
padding: 2px;
border-radius: 2px;
}
.mobile .article_style_1.col-xs-12 {
height: 250px;
}
.mobile .article_style_1.col-xs-12 .article_img {
width: 265px;
height: 198px;
text-align: center;
}
.mobile .article_style_1.col-xs-12 .article_img img {
max-width: 100%;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 3px;
}
.mobile .article_style_1.col-xs-6 {
height: 130px;
}
.mobile .article_style_1.col-xs-6 .article_img {
width: 118px;
height: 88px;
text-align: center;
}
.mobile .article_style_1.col-xs-6 .article_img img {
max-width: 100%;
width: 100%;
height: 100%;
}
.mobile .article_style_2 {
margin-bottom: 10px;
}
.mobile .article_style_2 .article_title {
font-size: 14px;
line-height: 1.4em;
height: 2.8em;
overflow: none;
}
.mobile .article_style_2 .article_style_2_content {
display: flex;
}
.mobile .article_style_2 .article_style_2_content p {
margin-bottom: 0;
}
.mobile .article_style_2 .article_style_2_content div:first-child {
text-align: center;
background: #fff;
overflow: hidden;
border: 1px solid #ddd;
padding: 2px;
border-radius: 2px;
flex-shrink: 0;
flex-grow: 0;
}
.mobile .article_style_2 .article_style_2_content div:last-child {
margin-left: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.mobile .article_style_2.col-xs-12 {
height: 77px;
}
.mobile .article_style_2.col-xs-12 .article_style_2_content {
height: 100%;
border-bottom: 1px dashed #e3e3e3;
}
.mobile .article_style_2.col-xs-12 .article_style_2_content div:first-child {
height: 65px;
width: 30%;
text-align: center;
float: left;
}
.mobile .article_style_2.col-xs-12 .article_style_2_content div:first-child img {
max-width: 100%;
max-height: 65px;
height: 65px;
object-fit: cover;
}
.mobile .article_style_2.col-xs-12 .article_style_2_content div:last-child {
height: 65px;
line-height: 14px;
}
.mobile .article_style_2.col-xs-12 .article_style_2_content div:last-child .article_date {
width: 100%;
}
.mobile .article_style_2.col-xs-6 {
height: 33px;
}
.mobile .article_style_2.col-xs-6 .article_style_2_content div:first-child {
height: 28px;
width: 30%;
text-align: center;
float: left;
}
.mobile .article_style_2.col-xs-6 .article_style_2_content div:first-child img {
max-width: 100%;
max-height: 28px;
height: 28px;
}
.mobile .article_style_2.col-xs-6 .article_style_2_content div:last-child {
float: right;
width: 69%;
}
.mobile .article_style_2.col-xs-6 .article_style_2_content div:last-child .article_title {
width: 100%;
font-size: 12px;
margin-bottom: 0px;
}
.mobile .article_style_2.col-xs-6 .article_style_2_content div:last-child .article_date {
width: 100%;
font-size: 12px;
margin-bottom: 0px;
display: none;
}
.mobile .article_style_3 {
margin-bottom: 10px;
}
.mobile .article_style_3 .article_title {
font-size: 14px;
line-height: 1.4em;
height: 2.8em;
}
.mobile .article_style_3 .article_style_3_content div:first-child {
text-align: center;
background: #fff;
overflow: hidden;
border: 1px solid #ddd;
padding: 2px;
border-radius: 2px;
}
.mobile .article_style_3.col-xs-12 {
height: 70px;
}
.mobile .article_style_3.col-xs-12 .article_style_3_content {
border-bottom: 1px dashed #e3e3e3;
height: 100%;
}
.mobile .article_style_3.col-xs-12 .article_style_3_content div:first-child {
width: 30%;
height: 65px;
text-align: center;
float: left;
}
.mobile .article_style_3.col-xs-12 .article_style_3_content div:first-child img {
max-width: 100%;
max-height: 65px;
height: 65px;
}
.mobile .article_style_3.col-xs-12 .article_style_3_content div:last-child {
float: right;
width: 69%;
}
.mobile .article_style_3.col-xs-12 .article_style_3_content div:last-child .article_date {
width: 100%;
}
.mobile .article_style_3.col-xs-6 {
height: 33px;
}
.mobile .article_style_3.col-xs-6 .article_style_3_content div:first-child {
height: 28px;
width: 30%;
text-align: center;
float: left;
}
.mobile .article_style_3.col-xs-6 .article_style_3_content div:first-child img {
max-width: 100%;
max-height: 28px;
height: 28px;
}
.mobile .article_style_3.col-xs-6 .article_style_3_content div:last-child {
float: right;
width: 69%;
}
.mobile .article_style_3.col-xs-6 .article_style_3_content div:last-child .article_title {
width: 100%;
font-size: 12px;
margin-bottom: 0px;
}
.mobile .article_style_3.col-xs-6 .article_style_3_content div:last-child .article_date {
width: 100%;
font-size: 12px;
margin-bottom: 0px;
display: none;
}
.mobile .article_style_4 .article_title {
font-size: 14px;
}
.mobile .article_style_4 div {
border-bottom: 1px dashed #e3e3e3;
padding: 8px 0;
height: 35px;
margin-top: 2px;
}
.mobile .article_style_4 .article_title {
font-size: 14px;
width: 63%;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
}
.mobile .article_style_4 .article_date {
float: right;
width: 35%;
text-align: right;
}
.mobile .article_style_5 {
margin-bottom: 10px;
}
.mobile .article_style_5 .article_style_5_content {
border-bottom: 1px dashed #e3e3e3;
padding: 8px 0;
margin-top: 2px;
height: 95px;
}
.mobile .article_style_5 .article_style_5_content .article_date {
float: left;
width: 80px;
min-width: 80px;
max-width: 80px;
height: 80px;
text-align: center;
background: #F2F2F2;
overflow: hidden;
border: 1px solid #ddd;
padding: 2px;
border-radius: 2px;
}
.mobile .article_style_5 .article_style_5_content .article_date .article_ss {
font-size: 22px;
color: #666;
display: block;
margin-top: 15px;
}
.mobile .article_style_5 .article_style_5_content .article_date .article_yy {
font-size: 12px;
color: #9C8D8D;
display: inline-block;
height: 20px;
line-height: 20px;
}
.mobile .article_style_5 .article_style_5_content .article_date .article_xiegang {
display: inline-block;
}
.mobile .article_style_5 .article_style_5_content div:last-child {
float: left;
}
.mobile .article_style_5 .article_style_5_content div:last-child .article_title {
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: block;
}
.mobile .article_style_5 .article_style_5_content div:last-child .article_abstract {
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
}
.mobile .article_style_5 .article_style_5_content div:last-child .article_xiegang {
display: inline-block;
}
.mobile .article_style_5.col-xs-12 {
height: 110px;
}
.mobile .article_style_5.col-xs-12 .article_style_5_content div:last-child {
float: right;
width: 65%;
}
.mobile .article_style_5.col-xs-6 {
height: 50px;
}
.mobile .article_style_5.col-xs-6 .article_style_5_content {
height: 55px;
}
.mobile .article_style_5.col-xs-6 .article_style_5_content .article_date {
float: left;
width: 20%;
min-width: 40px;
max-width: 40px;
height: 40px;
}
.mobile .article_style_5.col-xs-6 .article_style_5_content .article_date .article_xiegang {
display: none;
}
.mobile .article_style_5.col-xs-6 .article_style_5_content .article_date .article_ss {
margin-top: 4px;
}
.mobile .article_style_5.col-xs-6 .article_style_5_content .article_date .article_yy {
display: none;
}
.mobile .article_style_5.col-xs-6 .article_style_5_content div:last-child {
float: right;
width: 65%;
}
.mobile .article_style_6 {
margin-bottom: 10px;
border-bottom: 1px dashed #e3e3e3;
}
.mobile .article_style_6 .right {
float: right;
}
.mobile .article_style_6 .left {
float: left;
}
.mobile .article_style_6 .article_style_6_content .article_date {
width: auto;
}
.mobile .article_style_6 .article_style_6_content .article_title {
-webkit-line-clamp: 1;
overflow: hidden;
line-height: 1.4em;
max-height: 1.4em;
height: 1.4em;
}
.mobile .article_style_6 .article_style_6_content .img-content {
width: 162px;
height: 117px;
border: 1px solid #ddd;
text-align: center;
}
.mobile .article_style_6 .article_style_6_content .img-content img {
width: 100%;
height: 100%;
}
.mobile .article_style_6 .article_style_6_content .font-content {
width: 60%;
}
.mobile .article_style_6.col-xs-6 .img-content {
width: 102px;
height: 77px;
border: 1px solid #ddd;
text-align: center;
}
.mobile .article_style_6.col-xs-6 .img-content img {
width: 100%;
height: 100%;
}
.mobile .article_style_6.col-xs-6 .font-content {
width: 50%;
}
.mobile .article_style_7 {
/*.timezone:after{
content: '未完待续...';
width: 100px;
color:#fff;
position: absolute;
margin-left: -35px;
bottom: -30px;
-webkit-animation: showIn 4s ease;
}*/
}
.mobile .article_style_7 .article_date {
width: auto;
}
.mobile .article_style_7 .article_date {
display: block;
}
.mobile .article_style_7 .timezone {
width: 4px;
height: 120px;
background: #ccc;
margin: 0 auto;
margin-top: 8px;
margin-left: 75px;
border-radius: 3px;
position: relative;
-webkit-animation: heightSlide 2s linear;
}
@-webkit-keyframes heightSlide {
0% {
height: 0;
}
100% {
height: 120px;
}
}
.mobile .article_style_7 .timezone .time,
.mobile .article_style_7 .timezone .timeLeft {
position: absolute;
margin-left: -7px;
margin-top: -10px;
width: 20px;
height: 20px;
border-radius: 50%;
border: 4px solid rgba(255, 255, 255, 0.5);
background: #bababa;
-webkit-transition: all 0.5s;
-webkit-animation: showIn ease;
}
.mobile .article_style_7 .timezone .time:nth-child(1) {
-webkit-animation-duration: 1s;
}
.mobile .article_style_7 .timezone .timeLeft:nth-child(2) {
-webkit-animation-duration: 1.5s;
}
.mobile .article_style_7 .timezone .time:nth-child(3) {
-webkit-animation-duration: 2s;
}
.mobile .article_style_7 .timezone .timeLeft:nth-child(4) {
-webkit-animation-duration: 2.5s;
}
@-webkit-keyframes showIn {
0%,
70% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.mobile .article_style_7 .timezone .time h2,
.mobile .article_style_7 .timezone .timeLeft h2 {
position: absolute;
margin-left: -75px;
margin-top: 3px;
color: #eee;
font-size: 14px;
cursor: pointer;
-webkit-animation: showIn 3s ease;
}
.mobile .article_style_7 .timezone .timeLeft h2 {
margin-left: 60px;
width: 100px;
}
.mobile .article_style_7 .timezone .time:hover,
.mobile .article_style_7 .timezone .timeLeft:hover {
border: 4px solid lightblue;
background: lemonchiffon;
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.4);
}
.mobile .article_style_7 .timezone .time div,
.mobile .article_style_7 .timezone .timeLeft div {
position: absolute;
top: 50%;
margin-top: -9px;
padding: 5px;
left: 20px;
width: 180px;
height: 80px;
border: 1px solid #ccc;
border-radius: 10px;
z-index: 2;
overflow: hidden;
cursor: pointer;
-webkit-animation: showIn 3s ease;
-webkit-transition: all 0.5s;
}
.mobile .article_style_7.col-xs-6 .article_date {
display: none;
}
.mobile .article_style_7.col-xs-6 .timezone {
margin-left: 10px;
}
.mobile .article_style_7.col-xs-6 .timezone .time h2 {
margin-left: -45px;
}
.mobile .article_style_7.col-xs-6 .timezone .time div,
.mobile .article_style_7.col-xs-6 .timezone .timeLeft div {
width: 80px;
}
.mobile .article_style_8 .article_title {
font-size: 14px;
}
.mobile .article_style_8 div {
border-bottom: 1px dashed #e3e3e3;
padding: 8px 0;
height: auto;
margin-top: 2px;
}
.mobile .article_style_8 .article_title {
font-size: 14px;
width: 63%;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
}
.mobile .article_style_8 .article_date {
float: right;
width: 35%;
text-align: right;
}
.mobile .article_style_8 .article_abstract {
display: block!important;
width: 100%;
font-size: 14px;
height: 1.4em;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
}
.mobile .article_style_9 .article_title {
font-size: 14px;
}
.mobile .article_style_9 div {
border-bottom: 1px dashed #e3e3e3;
padding: 8px 0;
height: auto;
margin-top: 2px;
}
.mobile .article_style_9 .article_title {
font-size: 14px;
width: 63%;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
}
.mobile .article_style_9 .article_date {
float: right;
width: 35%;
text-align: right;
}
.mobile .article_style_9 .article_abstract {
display: block!important;
width: 100%;
font-size: 14px;
display: inline-block;
}
.mobile .article_style_10 {
padding: 0 5px;
}
.mobile .article_style_10 .article_title {
font-size: 14px;
line-height: 1.4em;
height: 2.8em;
overflow: none;
}
.mobile .article_style_10 .article_style_10_content {
display: flex;
margin: 6px;
padding: 16px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.mobile .article_style_10 .article_style_10_content div:first-child {
text-align: center;
background: #fff;
overflow: hidden;
border: 1px solid #ddd;
border-radius: 4px;
width: 128px;
height: 72px;
max-width: 128px;
max-height: 72px;
min-width: 128px;
min-height: 72px;
}
.mobile .article_style_10 .article_style_10_content div:first-child img {
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
}
.mobile .article_style_10 .article_style_10_content div:last-child {
margin-left: 12px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.mobile .article_style_10 .article_style_10_content div:last-child .article_date {
width: 100%;
margin-bottom: 0;
}
.mobile .article_style_10.col-xs-12 .article_style_10_content {
height: 100%;
}
.mobile .article_style_10.col-xs-12 .article_style_10_content div:first-child {
width: 30%;
text-align: center;
}
.mobile .article_style_10.col-xs-12 .article_style_10_content div:first-child img {
object-fit: cover;
}
.mobile .article_style_10.col-xs-12 .article_style_10_content div:last-child {
width: 69%;
}
.mobile .article_style_10.col-xs-12 .article_style_10_content div:last-child .article_date {
width: 100%;
}
.mobile .article_style_10.col-xs-6 .article_style_10_content div:first-child {
height: 28px;
width: 30%;
text-align: center;
width: 64px;
height: 36px;
max-width: 64px;
max-height: 72px;
min-width: 36px;
min-height: 36px;
}
.mobile .article_style_10.col-xs-6 .article_style_10_content div:last-child {
width: 69%;
}
.mobile .article_style_10.col-xs-6 .article_style_10_content div:last-child .article_title {
width: 100%;
font-size: 12px;
margin-bottom: 0px;
}
.mobile .article_style_10.col-xs-6 .article_style_10_content div:last-child .article_date {
width: 100%;
font-size: 12px;
margin-bottom: 0px;
display: none;
}
.map-component .gw-browse-component {
display: table;
}
.map-component .gw-browse-component .gw-browse-component-content {
width: 100%;
height: 100%;
background-color: #65abd0;
display: table-cell;
vertical-align: middle;
text-align: center;
color: #fff;
border-radius: 6px;
cursor: pointer;
font-family: "微软雅黑";
font-size: 16px;
}
.map-component .BMapLabel {
max-width: inherit;
}
.goods-component .row {
margin: 0px;
}
.goods-component .gw-browse-component {
min-height: 26px;
}
.goods-component .pagination_yulan li a {
color: #999!important;
cursor: move;
}
.goods-component .pagination_yulan li.active a {
background-color: #eee;
border-color: #ddd;
}
.goods-component .gw-browse-component-content {
width: 100%;
font-family: "微软雅黑";
font-size: 18px;
}
.goods-component .gw-browse-component-content a {
margin-bottom: 10px;
}
.goods-component .gw-browse-component-content .goods_title {
font-size: 16px;
color: #333333;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 1.4em;
height: 2.8em;
}
.goods-component .gw-browse-component-content .goods_abstract {
font-size: 14px;
color: #666666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
line-height: 1.4em;
max-height: 4.2em;
height: 4.2em;
}
.goods-component .gw-browse-component-content .goods_date {
font-size: 14px;
color: #666666;
width: 25px;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
}
.goods-component .gw-browse-component-content .goods_price {
font-size: 14px;
color: #333;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
font-weight: 600;
}
.goods-component .gw-browse-component-content .hover-img-box {
position: relative;
}
.goods-component .gw-browse-component-content .hover-img-box:hover .hover_bgcolor {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.goods-component .gw-browse-component-content .flex-img {
display: flex;
align-items: center;
justify-content: center;
}
.goods-component .gw-browse-component-content .img-contain {
height: auto;
max-height: none;
width: 100%;
}
.goods-component .gw-browse-component-content .img-cover {
height: 100%;
width: 100%;
}
.goods-component .gw-browse-component-content .img-norepeat {
width: auto;
height: auto;
}
/*pc样式start*/
.pc {
/*样式1 start*/
/*样式1 end*/
/*样式2 start*/
/*样式2 end*/
}
.pc .goods_style_1 .goods_title {
margin-top: 16px;
text-align: center;
/* -webkit-line-clamp: 2;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
display: block;*/
}
.pc .goods_style_1 .goods_img {
text-align: center;
background: #fff;
overflow: hidden;
}
.pc .goods_style_1.col-xs-12 .goods_img {
border: 1px solid #ddd;
border-radius: 2px;
}
.pc .goods_style_1.col-xs-12 .goods_img img {
max-width: 100%;
max-height: 100%;
height: 500px;
}
.pc .goods_style_1.col-xs-6 .goods_img {
height: 427px;
border: 1px solid #ddd;
border-radius: 2px;
}
.pc .goods_style_1.col-xs-6 .goods_img img {
max-width: 100%;
max-height: 425px;
height: 425px;
}
.pc .goods_style_1.col-xs-4 .goods_img {
height: 270px;
border: 1px solid #ddd;
border-radius: 2px;
}
.pc .goods_style_1.col-xs-4 .goods_img img {
max-width: 100%;
max-height: 270px;
height: 270px;
}
.pc .goods_style_1.col-xs-3 .goods_img {
height: 197px;
border: 1px solid #ddd;
border-radius: 2px;
}
.pc .goods_style_1.col-xs-3 .goods_img img {
max-width: 100%;
max-height: 197px;
height: 197px;
}
.pc .goods_style_2 {
margin-bottom: 10px;
}
.pc .goods_style_2 p {
margin: 0;
}
.pc .goods_style_2 .goods_title {
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 1.4em;
max-height: 2.8em;
height: 2.8em;
}
.pc .goods_style_2 .goods_style_2_content div:first-child {
float: left;
width: 30%;
border: 1px solid #ddd;
padding: 2px;
border-radius: 2px;
text-align: center;
background: #fff;
overflow: hidden;
}
.pc .goods_style_2 .goods_style_2_content div:last-child {
float: right;
width: 69%;
}
.pc .goods_style_2 .goods_style_2_content div:last-child .goods_date {
width: 100%;
}
.pc .goods_style_2.col-xs-12 {
height: 180px;
}
.pc .goods_style_2.col-xs-12 .goods_style_2_content div:first-child {
height: 180px;
}
.pc .goods_style_2.col-xs-12 .goods_style_2_content div:first-child img {
max-width: 100%;
max-height: 180px;
height: 180px;
}
.pc .goods_style_2.col-xs-6 {
height: 129px;
}
.pc .goods_style_2.col-xs-6 .goods_style_2_content div:first-child {
border: 1px solid #ddd;
padding: 2px;
border-radius: 2px;
height: 124px;
}
.pc .goods_style_2.col-xs-6 .goods_style_2_content div:first-child img {
max-width: 100%;
max-height: 124px;
height: 124px;
}
.pc .goods_style_2.col-xs-4 {
height: 86px;
}
.pc .goods_style_2.col-xs-4 .goods_style_2_content div:first-child {
height: 81px;
border: 1px solid #ddd;
padding: 2px;
border-radius: 2px;
}
.pc .goods_style_2.col-xs-4 .goods_style_2_content div:first-child img {
max-width: 100%;
max-height: 81px;
height: 81px;
}
.pc .goods_style_2.col-xs-3 {
height: 65px;
}
.pc .goods_style_2.col-xs-3 .goods_style_2_content div:first-child {
height: 60px;
border: 1px solid #ddd;
padding: 2px;
border-radius: 2px;
}
.pc .goods_style_2.col-xs-3 .goods_style_2_content div:first-child img {
max-width: 100%;
max-height: 60px;
height: 60px;
}
/*pc商品样式end*/
/*手机商品样式*/
.mobile {
/*样式1 start*/
/*样式1 end*/
/*样式2 start*/
/*样式2 end*/
}
.mobile .goods_abstract {
display: none!important;
}
.mobile .goods_style_1:not(:last-child) {
margin-bottom: 30px;
}
.mobile .goods_style_1 p {
margin: 0;
}
.mobile .goods_style_1 .goods_title {
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
text-align: center;
padding: 10px 0;
}
.mobile .goods_style_1 .goods_img {
text-align: center;
background: #fff;
overflow: hidden;
border: 1px solid #ddd;
border-radius: 2px;
}
.mobile .goods_style_1 .goods_abstract {
font-size: 14px;
color: #666666;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
text-align: center;
height: auto;
}
.mobile .goods_style_1.col-xs-12 .goods_img {
height: 198px;
}
.mobile .goods_style_1.col-xs-12 .goods_img img {
max-width: 100%;
max-height: 195px;
height: 195px;
}
.mobile .goods_style_1.col-xs-6 .goods_img {
height: 88px;
}
.mobile .goods_style_1.col-xs-6 .goods_img img {
max-width: 100%;
max-height: 88px;
height: 88px;
}
.mobile .goods_style_2 {
margin-bottom: 10px;
}
.mobile .goods_style_2 p {
margin: 0;
}
.mobile .goods_style_2 .goods_title {
font-size: 14px;
line-height: 1.4em;
overflow: none;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
}
.mobile .goods_style_2 .goods_style_2_content div:first-child {
text-align: center;
background: #fff;
overflow: hidden;
border: 1px solid #ddd;
padding: 2px;
border-radius: 2px;
}
.mobile .goods_style_2.col-xs-12 {
height: 76px;
}
.mobile .goods_style_2.col-xs-12 .goods_style_2_content {
height: 100%;
border-bottom: 1px dashed #e3e3e3;
display: flex;
}
.mobile .goods_style_2.col-xs-12 .goods_style_2_content div:first-child {
height: 65px;
width: 30%;
text-align: center;
float: left;
}
.mobile .goods_style_2.col-xs-12 .goods_style_2_content div:first-child img {
max-width: 100%;
max-height: 65px;
height: 65px;
}
.mobile .goods_style_2.col-xs-12 .goods_style_2_content div:last-child {
float: right;
width: 69%;
margin-left: 10px;
}
.mobile .goods_style_2.col-xs-12 .goods_style_2_content div:last-child .goods_price {
width: 100%;
}
.mobile .goods_style_2.col-xs-6 {
height: 33px;
}
.mobile .goods_style_2.col-xs-6 .goods_style_2_content div:first-child {
height: 28px;
width: 30%;
text-align: center;
float: left;
}
.mobile .goods_style_2.col-xs-6 .goods_style_2_content div:first-child img {
max-width: 100%;
max-height: 28px;
height: 28px;
}
.mobile .goods_style_2.col-xs-6 .goods_style_2_content div:last-child {
float: right;
width: 69%;
}
.mobile .goods_style_2.col-xs-6 .goods_style_2_content div:last-child .goods_title {
width: 100%;
font-size: 12px;
margin-bottom: 0px;
}
.mobile .goods_style_2.col-xs-6 .goods_style_2_content div:last-child .goods_price {
width: 100%;
font-size: 12px;
margin-bottom: 0px;
display: none;
}
.icon-component .iconbrowse {
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
.shop_goods-component .row {
margin: 0px;
}
.shop_goods-component .gw-browse-component {
min-height: 26px;
}
.shop_goods-component .pagination_yulan li a {
color: #999!important;
cursor: move;
}
.shop_goods-component .pagination_yulan li.active a {
background-color: #eee;
border-color: #ddd;
}
.shop_goods-component .gw-browse-component-content {
width: 100%;
font-family: "微软雅黑";
font-size: 18px;
padding-top: 10px;
}
.shop_goods-component .gw-browse-component-content a {
display: block;
}
.shop_goods-component .gw-browse-component-content .shop_goods_title {
font-size: 16px;
color: #333333;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.shop_goods-component .gw-browse-component-content .shop_goods_abstract {
font-size: 14px;
color: #666666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
line-height: 1.4em;
max-height: 4.2em;
}
.shop_goods-component .gw-browse-component-content .shop_goods_date {
font-size: 14px;
color: #666666;
width: 25px;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
}
.shop_goods-component .gw-browse-component-content .shop_goods_price {
font-size: 16px;
color: red;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
font-weight: 600;
}
.shop_goods-component .gw-browse-component-content .shop_goods_price .market_price {
color: #999;
font-size: 12px;
margin-left: 5px;
}
.shop_goods-component .gw-browse-component-content .shop_goods_item_block {
margin: 10px auto;
background-color: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.23);
}
.shop_goods-component .gw-browse-component-content .shop_goods_item_block .right-cont {
padding-right: 5px;
}
.shop_goods-component .gw-browse-component-content .shop_goods_item_block .bottom-cont {
padding: 10px;
}
.shop_goods-component .gw-browse-component-content .shop_goods_item_radius {
border-radius: 4px;
}
.shop_goods-component .gw-browse-component-content .shop_goods_item_radius.shop_goods_style_4_content div:first-child {
border-top-left-radius: 4px!important;
border-bottom-left-radius: 4px!important;
}
.shop_goods-component .gw-browse-component-content .shop_goods_item_radius .goods_img {
border-top-left-radius: 4px!important;
border-top-right-radius: 4px!important;
}
.shop_goods-component .gw-browse-component-content .shop_goods_flex_between {
display: flex;
height: 100%;
}
.shop_goods-component .gw-browse-component-content .shop_goods_flex_between div.right-cont {
display: flex;
flex-wrap: wrap;
align-content: space-between;
padding: 5px;
}
.shop_goods-component .gw-browse-component-content .shop_goods_image_noborder.left-cont,
.shop_goods-component .gw-browse-component-content .shop_goods_image_noborder.goods_img {
border: 0!important;
}
/*pc端商城商品样式*/
.pc {
/*样式 4 5 */
/*样式6 7 8 start*/
}
.pc .shop_goods_style_4 {
margin-bottom: 10px;
height: 100%;
}
.pc .shop_goods_style_4 .goods_title {
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 1.4em;
max-height: 2.8em;
height: 1.8em;
}
.pc .shop_goods_style_4 .market_price {
color: #999;
font-size: 12px;
text-decoration: line-through;
line-height: 30px;
}
.pc .shop_goods_style_4 .shop_goods_buy_btn {
width: 60px !important;
height: 30px;
border-radius: 3px;
text-align: center;
line-height: 30px;
font-size: 14px;
color: #fff;
background: #FF0036;
margin-left: 15px;
position: absolute;
right: 0;
top: 50%;
margin-top: -15px;
}
.pc .shop_goods_style_4 .price_btn_cont {
float: left;
width: 100%;
position: relative;
padding-left: 5%;
}
.pc .shop_goods_style_4 div.left-cont {
float: left;
width: 30%;
padding-top: 30%;
border: 1px solid #ddd;
border-radius: 2px;
text-align: center;
background: #fff;
overflow: hidden;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.pc .shop_goods_style_4 div.right-cont {
float: left;
width: 70%;
overflow: hidden;
}
.pc .shop_goods_style_4 div.right-cont .shop_goods_title {
padding-left: 5%;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: block;
}
.pc .shop_goods_style_4 div.right-cont .goods_date {
width: 100%;
}
.pc .shop_goods_style_4.col-xs-12 .shop_goods_style_4_content div:first-child img {
max-width: 100%;
max-height: 180px;
}
.pc .shop_goods_style_4.col-xs-6 .shop_goods_style_4_content div:first-child {
border: 1px solid #ddd;
border-radius: 2px;
}
.pc .shop_goods_style_4.col-xs-4 .shop_goods_style_4_content div:first-child {
border: 1px solid #ddd;
border-radius: 2px;
}
.pc .shop_goods_style_4.col-xs-4 .shop_goods_style_4_content div:first-child img {
max-width: 100%;
max-height: 81px;
height: 81px;
}
.pc .shop_goods_style_4.col-xs-3 .shop_goods_style_4_content div:first-child {
width: 65px;
border: 1px solid #ddd;
padding: 2px;
border-radius: 2px;
}
.pc .shop_goods_style_4.col-xs-3 .shop_goods_style_4_content div:first-child img {
max-width: 100%;
max-height: 60px;
height: 60px;
}
.pc .shop_goods_style_6 .goods_img {
text-align: center;
background-color: #fff;
overflow: hidden;
width: 100%;
padding-top: 100%;
display: block;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.pc .shop_goods_style_6 .goods_title {
display: block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.pc .shop_goods_style_6 .market_price {
color: #999;
font-size: 12px;
margin-left: 10px;
text-decoration: line-through;
line-height: 30px;
}
.pc .shop_goods_style_6 .shop_goods_buy_btn {
width: 60px !important;
height: 30px;
border-radius: 3px;
display: inline-block;
text-align: center;
line-height: 30px;
font-size: 14px;
color: #fff;
background: #FF0036;
overflow: hidden;
position: absolute;
right: 0;
top: 50%;
margin-top: -15px;
}
.pc .shop_goods_style_6.col-xs-12 .goods_img {
border: 1px solid #ddd;
border-radius: 2px;
}
.pc .shop_goods_style_6.col-xs-12 .goods_img img {
max-width: 100%;
max-height: 100%;
height: 500px;
}
.pc .shop_goods_style_6.col-xs-6 .goods_img {
border: 1px solid #ddd;
border-radius: 2px;
}
.pc .shop_goods_style_6.col-xs-6 .goods_img img {
max-width: 100%;
max-height: 425px;
height: 425px;
}
.pc .shop_goods_style_6.col-xs-4 .goods_img {
border: 1px solid #ddd;
border-radius: 2px;
}
.pc .shop_goods_style_6.col-xs-4 .goods_img img {
max-width: 100%;
max-height: 270px;
height: 270px;
}
.pc .shop_goods_style_6.col-xs-3 .goods_img {
border: 1px solid #ddd;
border-radius: 2px;
}
.pc .shop_goods_style_6.col-xs-3 .goods_img img {
max-width: 100%;
max-height: 197px;
height: 197px;
}
/*手机商城商品样式*/
.mobile {
/*样式1 start*/
/*样式1 end*/
/*样式2 start*/
/*样式2 end*/
/*样式3 start*/
/*样式3 end*/
}
.mobile .shop_goods_abstract {
display: none!important;
}
.mobile .gw-browse-component-content .shop_goods_item_block {
margin: 5px auto;
}
.mobile .gw-browse-component-content .shop_goods_item_block .bottom-cont {
padding: 0;
}
.mobile .price-info-flex {
display: flex;
justify-content: space-between;
align-items: center;
margin: 5px 5px 5px 0;
}
.mobile .price-info-flex .shop_goods_price {
margin-bottom: 0;
}
.mobile .shop_goods_style_1 .shop_goods_title {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 5px;
display: block;
}
.mobile .shop_goods_style_1 .shop_goods_img {
text-align: center;
background: #fff;
overflow: hidden;
border-radius: 2px;
}
.mobile .shop_goods_style_1 .shop_goods_buy_btn {
width: 50px;
height: 25px;
border-radius: 3px;
text-align: center;
line-height: 25px;
font-size: 12px;
color: #fff;
background: #FF0036;
}
.mobile .shop_goods_style_1 a:hover {
color: #999;
}
.mobile .shop_goods_style_1.col-xs-6 {
width: 48%;
background: #fff;
margin-left: 5px;
margin-bottom: 5px;
padding-left: 0;
padding-right: 0;
border-radius: 3px;
border: 1px solid #ddd;
overflow: hidden;
}
.mobile .shop_goods_style_1.col-xs-6 .shop_goods_img {
width: 100%;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.mobile .shop_goods_style_1.col-xs-6 .shop_goods_img img {
width: 100%;
max-height: 100%;
}
.mobile .shop_goods_style_1.col-xs-6 p {
padding-left: 5px;
}
.mobile .shop_goods_style_1.col-xs-6 .shop_goods_price {
color: red;
font-size: 12px;
}
.mobile .shop_goods_style_1.col-xs-6 .shop_goods_price .shop_goods_market_price {
text-decoration: line-through;
font-size: 12px;
margin-left: 0;
color: #999;
}
.mobile .shop_goods_style_1.col-xs-6 .shop_goods_title {
font-size: 12px;
margin-top: 5px;
}
.mobile .shop_goods_style_2 {
/*&.col-xs-6 {
// height: 150px;
.shop_goods_img {
width: 118px;
height: 88px;
img {
max-width: 100%;
max-height: 88px;
height: 88px;
}
}
}*/
}
.mobile .shop_goods_style_2 .shop_goods_title {
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
}
.mobile .shop_goods_style_2 .shop_goods_img {
text-align: center;
background: #fff;
overflow: hidden;
border-radius: 2px;
}
.mobile .shop_goods_style_2 .shop_goods_buy_btn {
width: 80px;
height: 30px;
border-radius: 3px;
position: absolute;
right: 10px;
bottom: 10px;
text-align: center;
line-height: 30px;
font-size: 14px;
color: #fff;
background: #FF0036;
}
.mobile .shop_goods_style_2 a:hover {
color: #999;
}
.mobile .shop_goods_style_2.col-xs-12 {
margin-bottom: 10px;
background: #FFF;
padding-left: 0 !important;
padding-right: 0 !important;
}
.mobile .shop_goods_style_2.col-xs-12 .shop_goods_img {
width: 320px;
height: 320px;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.mobile .shop_goods_style_2.col-xs-12 .shop_goods_img img {
width: 100%;
max-height: 100%;
vertical-align: middle;
}
.mobile .shop_goods_style_2.col-xs-12 .shop_goods_title {
font-size: 14px;
padding-left: 10px;
margin-top: 5px;
}
.mobile .shop_goods_style_2.col-xs-12 .shop_goods_price {
padding-left: 10px;
font-size: 18px;
color: red;
}
.mobile .shop_goods_style_2.col-xs-12 .shop_goods_price .market_price {
color: #999;
}
.mobile .shop_goods_style_2.col-xs-12 .shop_goods_market_price {
text-decoration: line-through;
font-size: 14px;
margin-left: 5px;
color: #999;
}
.mobile .shop_goods_style_3 {
position: relative;
padding-left: 5px;
padding-right: 5px;
background: #fff;
padding-top: 10px;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
overflow-y: hidden;
}
.mobile .shop_goods_style_3 a:hover {
color: #999;
}
.mobile .shop_goods_style_3 .shop_goods_img {
box-sizing: border-box;
margin-right: 5px;
width: 60px;
height: 60px;
float: left;
overflow: hidden;
}
.mobile .shop_goods_style_3 .shop_goods_img img {
width: 100%;
overflow: hidden;
}
.mobile .shop_goods_style_3 .shop_goods_buy_btn {
color: #FF0036;
font-size: 22px;
text-align: center;
}
.mobile .shop_goods_style_3 .shop_goods_title {
margin-right: 10px;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mobile .shop_goods_style_3 .shop_goods_price {
font-size: 14px;
}
.mobile .shop_goods_style_3 .shop_goods_price .shop_goods_market_price {
text-decoration: line-through;
font-size: 12px;
margin-left: 0;
color: #999;
}
.video-component .gw-browse-component {
position: relative;
}
.video-component .gw-browse-component-content {
width: 100%;
height: 100%;
overflow: hidden;
font-family: "微软雅黑";
font-size: 18px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.video-component .video-browse-control-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
line-height: 100px;
background: rgba(255, 255, 255, 0.5);
cursor: default;
text-align: center;
}
.video-component .video-browse-control-bg .fa {
font-size: 45px;
color: #333333;
cursor: pointer;
}
.video-component .mwb-video {
position: relative;
}
.video-component .mwb-video .m-img-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-component .mwb-video .m-img-box img {
width: 100%;
height: 100%;
object-fit: contain;
}
.video-component .mwb-video .mwbv-play-button {
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin: -25px 0 0 -25px;
background: rgba(0, 0, 0, 0.4);
border-radius: 50%;
border: none;
}
.video-component .mwb-video .mwbv-play-button .mwbv-icon {
font-size: 22px;
color: #fff;
margin-left: 7px;
margin-top: 4px;
}
.classified-component .gw-browse-component-content {
border-color: #ccc;
width: 100%;
font-family: "微软雅黑";
font-size: 18px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.classified-component .gw-browse-component-content:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 {
float: left;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 .classified-title,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 .classified-title {
padding-left: 10px;
line-height: 40px;
background: #0084ff;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 .classified-name,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 .classified-name,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 .child-classified-name,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 .child-classified-name {
padding: 0 10px;
display: block;
height: 100%;
background: #eee;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
position: relative;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 .classified-name .arrow-icon,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 .classified-name .arrow-icon,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 .child-classified-name .arrow-icon,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 .child-classified-name .arrow-icon {
position: absolute;
right: 0;
top: 0;
width: 40px;
text-align: center;
color: #999;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 .classified-name .arrow-icon.active .fa-caret-down,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 .classified-name .arrow-icon.active .fa-caret-down,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 .child-classified-name .arrow-icon.active .fa-caret-down,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 .child-classified-name .arrow-icon.active .fa-caret-down {
transform: rotate(-90deg);
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 .child-classified-name .arrow-icon,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 .child-classified-name .arrow-icon {
position: absolute;
right: 0;
top: 50%;
margin-top: -15px;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 .classified-name.all-class,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 .classified-name.all-class {
border: 1px solid #eee;
border-bottom: none;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 ul.classified-list,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 ul.classified-list {
width: 100%;
border: 1px solid #eee;
border-top: none;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 ul.classified-list li,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 ul.classified-list li {
line-height: 40px;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 ul.classified-list .child-classified-list li a,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 ul.classified-list .child-classified-list li a {
background: #fff;
padding: 10px 10px 10px 20px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 ul.classified-list .child-classified-list .three-child-classified-list li a,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 ul.classified-list .child-classified-list .three-child-classified-list li a {
background: #fff;
padding: 10px 10px 10px 30px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 .classified-title {
display: none;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 .arrow-icon {
display: inline-block;
transform: rotate(180deg);
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list {
padding: 10px 20px 10px 0;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list > li {
display: inline-block;
margin: 10px 24px 10px 0;
position: relative;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list > li a {
padding: 5px 24px;
display: block;
height: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-radius: 4px;
background-color: #C9C9C9;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list > li .child-classified-list {
box-shadow: 2px 1px 9px 0px #eeecec;
border-radius: 4px;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list > li .child-classified-content {
display: none;
position: absolute;
left: 0;
z-index: 1;
min-width: 100%;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list > li .child-classified-content > li {
position: relative;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list > li .child-classified-content > li:hover .three-child-classified-list {
display: block;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list > li .child-classified-content > li:hover .arrow-icon .fa-angle-down {
transform: rotate(90deg);
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list > li .child-classified-content .child-classified-name,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list > li .child-classified-content .three-child-classified-name {
border-radius: 0;
padding: 8px;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list > li .child-classified-content .three-child-classified-list {
position: absolute;
left: 100%;
top: 0;
z-index: 1;
display: none;
margin-left: 5px;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list > li:hover .child-classified-content {
display: block;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list > li:hover .classified-name .arrow-icon .fa-angle-down {
transform: rotate(180deg);
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 {
float: left;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 .classified-title {
display: none;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 .arrow-icon {
display: inline-block;
transform: rotate(180deg);
position: absolute;
right: 10px;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list {
width: 100%;
border: 1px solid #eee;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li {
position: relative;
border-bottom: 1px solid #eee;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li:last-child {
border-bottom: none;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li a {
padding: 5px 24px;
display: block;
height: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background-color: #C9C9C9;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li .child-classified-list {
box-shadow: 2px 1px 9px 0px #eeecec;
border-radius: 4px;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li .child-classified-content {
display: none;
position: absolute;
left: 100%;
top: 0;
z-index: 1;
min-width: 100%;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li .child-classified-content > li {
position: relative;
border-bottom: 1px solid #eee;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li .child-classified-content > li:hover .three-child-classified-list {
display: block;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li .child-classified-content > li:hover .arrow-icon .fa-angle-down {
transform: rotate(90deg);
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li .child-classified-content .child-classified-name,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li .child-classified-content .three-child-classified-name {
border-radius: 0;
padding: 8px;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li .child-classified-content .three-child-classified-list {
position: absolute;
left: 100%;
top: 0;
z-index: 1;
display: none;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li:hover .child-classified-content {
display: block;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li:hover .classified-name .arrow-icon .fa-angle-down {
transform: rotate(90deg);
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 .classified-title {
display: none;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 .arrow-icon {
display: inline-block;
transform: rotate(180deg);
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list {
line-height: 1;
text-align: center;
border-bottom: 1px solid #848484;
padding-top: 10px;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li {
display: inline-block;
margin: auto 10px;
position: relative;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li.active {
border-bottom: 3px solid #000000;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li.active .classified-name {
font-weight: bold!important;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li a {
padding: 5px 24px;
display: block;
height: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-radius: 4px;
background-color: #C9C9C9;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li .child-classified-list {
box-shadow: 2px 1px 9px 0px #eeecec;
border-radius: 4px;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li .child-classified-content {
display: none;
position: absolute;
left: 0;
z-index: 1;
min-width: 100%;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li .child-classified-content > li {
position: relative;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li .child-classified-content > li:hover .three-child-classified-list {
display: block;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li .child-classified-content > li:hover .arrow-icon .fa-angle-down {
transform: rotate(90deg);
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li .child-classified-content .child-classified-name,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li .child-classified-content .three-child-classified-name {
border-radius: 0;
padding: 8px;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li .child-classified-content .three-child-classified-list {
position: absolute;
left: 100%;
top: 0;
z-index: 1;
display: none;
margin-left: 5px;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li:hover .child-classified-content {
display: block;
}
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li:hover .classified-name .arrow-icon .fa-angle-down {
transform: rotate(180deg);
}
.classified-component .gw-browse-component-content .list-content {
display: flex;
flex-wrap: wrap;
}
.classified-component .gw-browse-component-content .list-content.list-content-style_1 {
margin-left: 150px;
}
.classified-component .gw-browse-component-content .list-content.list-content-style_2 {
margin-left: 0;
overflow: hidden;
}
.classified-component .gw-browse-component-content .list-content.list-content-style_4 .child-container {
border: 1px solid #eee;
border-radius: 0;
}
.classified-component .gw-browse-component-content .list-content.list-content-style_4 .child-container p {
margin: 10px 8px;
padding-left: 0;
}
.classified-component .gw-browse-component-content .list-content.list-content-style_4 .child-container p.title {
width: auto;
}
.classified-component .gw-browse-component-content .list-content.list-content-style_5 {
margin-left: 0;
overflow: hidden;
}
.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container {
margin-left: 2.6%;
}
.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container:nth-of-type(4n+1) {
margin-left: 0;
}
.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container .img-content {
position: relative;
}
.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container .img-content .img-mask {
display: none;
}
.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container .info-box {
padding: 10px;
}
.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container .info-box .title-box {
display: flex;
justify-content: space-between;
}
.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container .info-box .title-box span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
color: #666;
}
.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container .info-box .title-box span:first-child {
width: 70%;
text-align: left;
}
.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container .info-box .title-box span:last-child {
width: 30%;
text-align: right;
}
.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container .info-box .abs {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
width: 100%;
padding-left: 0;
text-align: left;
}
.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container:hover {
background-color: #f2f2f2;
box-shadow: 5px 3px 4px 0px #eee;
}
.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container:hover .img-content .img-mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
display: flex;
justify-content: center;
flex-direction: column;
align-items: flex-start;
padding: 20px;
overflow: hidden;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container:hover .img-content .img-mask p {
font-size: 14px;
color: #fff;
text-align: left;
padding-left: 0;
max-height: 60px;
margin: 5px auto;
width: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container:hover .img-content .img-mask p:nth-child(2) {
font-size: 18px;
max-height: 75px;
}
.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container:hover .img-content .img-mask label {
margin-top: 10px;
padding: 2px 3px;
color: #fff;
font-size: 12px;
border-radius: 2px;
background-color: #D0AD78;
font-weight: 400;
}
.classified-component .gw-browse-component-content .list-content .child-container {
background: #fff;
margin-left: 2%;
margin-bottom: 10px;
width: 23%;
box-sizing: border-box;
box-shadow: -2px 5px 10px #eee;
float: left;
border-radius: 6px;
}
.classified-component .gw-browse-component-content .list-content .child-container .img-content {
width: 100%;
padding-top: 100%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.classified-component .gw-browse-component-content .list-content .child-container p {
margin: 0 0 0;
font-size: 13px;
padding-left: 5px;
text-align: center;
}
.classified-component .gw-browse-component-content .list-content .child-container p.title {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.classified-component .gw-browse-component-content .list-content .child-container .text-ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
-o-text-overflow: ellipsis;
}
.classified-component .gw-browse-component-content .list-content .child-container.child-3 {
width: 97%;
border-radius: 0;
box-shadow: none;
background-color: none;
border-bottom: 1px dashed #E2E2E2;
}
.classified-component .gw-browse-component-content .list-content .child-container.child-3 .font {
display: flex;
justify-content: space-between;
align-items: center;
}
.classified-component .gw-browse-component-content .list-content .child-container.child-3 .font .title {
font-size: 16px;
font-weight: 400;
color: #262626;
line-height: 22px;
text-align: left;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
}
.classified-component .gw-browse-component-content .list-content .child-container.child-3 .font .date {
text-align: right;
max-width: 35%;
}
.classified-component .gw-browse-component-content .list-content .child-container.child-3 .font .download {
position: absolute;
right: 0;
font-size: 12px;
color: #5baaf4;
}
.classified-component .gw-browse-component-content .list-content .text-center {
width: 97%;
float: left;
}
.layui-layer-content .classfied-choose .cat-list {
display: none;
}
.layui-layer-content .classfied-choose .cat-list.active {
display: block;
}
.layui-layer-content .classfied-choose label {
margin-right: 30px !important;
}
.pagination_yulan li a {
color: #999!important;
cursor: move;
}
.pagination_yulan li.active a {
background-color: #eee;
border-color: #ddd;
}
.mobile .classified-component .gw-browse-component-content:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_2 .classified-list {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_2 .classified-list > li {
margin: 7px 5px;
display: table;
}
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_2 .classified-list > li .classified-name {
padding: 4px 12px ;
border-radius: 4px;
display: table-cell;
vertical-align: middle;
}
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1,
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 {
float: left;
width: 100px;
}
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .classified-list,
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .classified-list {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .classified-list li,
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .classified-list li {
width: 100%;
}
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .classified-list li a,
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .classified-list li a {
padding: 4px 8px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-bottom: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .classified-name,
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .classified-name,
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .child-classified-name,
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .child-classified-name {
padding: 0 10px;
display: block;
height: 100%;
background: #eee;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
position: relative;
}
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .classified-name .arrow-icon,
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .classified-name .arrow-icon,
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .child-classified-name .arrow-icon,
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .child-classified-name .arrow-icon {
position: absolute;
right: 0;
top: 0;
width: 20px;
text-align: center;
color: #999;
transform: rotate(0deg);
}
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .classified-name .arrow-icon.active .fa-angle-down,
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .classified-name .arrow-icon.active .fa-angle-down,
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .child-classified-name .arrow-icon.active .fa-angle-down,
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .child-classified-name .arrow-icon.active .fa-angle-down {
transform: rotate(180deg);
}
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .child-classified-name .arrow-icon,
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .child-classified-name .arrow-icon {
position: absolute;
width: 15px;
right: 0;
top: 50%;
margin-top: -15px;
}
.mobile .classified-component .gw-browse-component-content .mobile-list-content .gw-dynamic-load-more {
font-size: 14px;
}
.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_2 {
width: 100%;
}
.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_2 .child-container {
background-color: #FAFAFA;
margin: 4px;
border-radius: 6px;
width: 46%;
padding: 0;
display: inline-block;
}
.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_2 .child-container .img-content {
width: 100%;
height: 142px;
border-radius: 6px;
display: flex;
justify-content: center;
align-items: center;
}
.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_2 .child-container .img-content img {
max-width: 100%;
max-height: 100%;
}
.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_2 .child-container .title {
padding: 0 6px;
margin: 10px auto;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_2 .child-container .price {
color: #FF5057;
}
.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_2 .child-container:nth-child(even) {
margin-right: 0;
}
.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_1 {
margin-left: 100px;
}
.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_1 .child-container {
background-color: #FAFAFA;
margin: 4px;
border-radius: 6px;
width: 45%;
display: inline-block;
padding: 0;
}
.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_1 .child-container .img-content {
width: 100%;
height: 90px;
border-radius: 6px;
display: flex;
justify-content: center;
align-items: center;
}
.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_1 .child-container .img-content img {
max-width: 100%;
max-height: 100%;
}
.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_1 .child-container .title {
padding: 0 2px;
margin: 4px auto;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_1 .child-container .price {
color: #FF5057;
}
.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_1 .child-container:nth-child(even) {
margin-right: 0;
}
.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_3 {
margin-left: 100px;
}
.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_3 .child-container {
border-bottom: 1px dashed #E2E2E2;
padding: 4px;
display: inline-block;
width: 100%;
}
.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_3 .child-container .title {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_3 .child-container .date {
text-align: right;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
}
.search-component .gw-browse-component {
border-color: #ccc;
width: 100%;
height: 100%;
font-family: "微软雅黑";
font-size: 18px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.search-component .gw-browse-component .search-content {
padding: 5px;
width: 100%;
height: 100%;
}
.search-component .gw-browse-component .search-content .search-text-box {
border: 1px solid #b6b6b6;
background: #fff;
display: inline-block;
vertical-align: top;
margin-right: 0;
border-right-width: 0;
border-color: #b8b8b8 transparent #b8b8b8 #b8b8b8;
overflow: hidden;
height: 35px;
width: calc(-5%);
height: 100%;
}
.search-component .gw-browse-component .search-content .search-text-box .search-text {
width: 100%;
height: 22px;
font-size: 16px;
line-height: 22px;
margin-left: 5px;
padding: 0;
background: transparent;
border: 0;
outline: 0;
-webkit-appearance: none;
height: 100%;
}
.search-component .gw-browse-component .search-content .search-btn-box {
height: 100%;
position: relative;
}
.search-component .gw-browse-component .search-content .search-submit {
height: 100%;
width: 100%;
opacity: 0;
position: absolute;
top: 0;
left: 0;
}
.search-component .gw-browse-component .search-content.search-style-1 .search-btn-box {
margin-left: -5px;
display: inline-block;
vertical-align: top;
border-width: 1px;
border-style: solid;
border-left-width: 0;
border-left: none;
}
.search-component .gw-browse-component .search-content.search-style-1 .search-btn-box .btn {
width: 99px;
height: 35px;
color: #fff;
font-size: 15px;
letter-spacing: 1px;
background: #3385ff;
border-bottom: 1px solid #2d78f4;
outline: medium;
border-bottom: 0;
-webkit-appearance: none;
border-radius: 0;
height: 100%;
}
.search-component .gw-browse-component .search-content.search-style-2 .search-btn-box {
margin-left: -5px;
display: inline-block;
vertical-align: top;
border-width: 1px;
border-style: solid;
border-left-width: 0;
border-left: none;
text-align: center;
position: relative;
}
.search-component .gw-browse-component .search-content.search-style-2 .search-btn-box i {
position: absolute;
text-align: center;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -10px;
}
.search-component .gw-browse-component .search-content.search-style-3 .search-text-box {
margin-left: -5px;
border-left-width: 0;
border-color: #b8b8b8 #b8b8b8 #b8b8b8 transparent;
border-right-width: 1px;
}
.search-component .gw-browse-component .search-content.search-style-3 .search-btn-box {
margin-left: -5px;
display: inline-block;
vertical-align: top;
border-width: 1px;
border-style: solid;
border-right-width: 0;
border-right: none;
}
.search-component .gw-browse-component .search-content.search-style-3 .search-btn-box .btn {
width: 100px;
height: 35px;
color: #fff;
font-size: 15px;
letter-spacing: 1px;
background: #3385ff;
border-bottom: 1px solid #2d78f4;
outline: medium;
border-bottom: 0;
-webkit-appearance: none;
border-radius: 0;
height: 100%;
}
.search-component .gw-browse-component .search-content.search-style-4 .search-text-box {
margin-left: -5px;
border-left-width: 0;
border-color: #b8b8b8 #b8b8b8 #b8b8b8 transparent;
border-right-width: 1px;
}
.search-component .gw-browse-component .search-content.search-style-4 .search-btn-box {
display: inline-block;
vertical-align: top;
border-width: 1px;
border-style: solid;
border-right-width: 0;
border-right: none;
text-align: center;
position: relative;
}
.search-component .gw-browse-component .search-content.search-style-4 .search-btn-box i {
position: absolute;
text-align: center;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -10px;
}
.attribute-component .row {
margin: 0px;
}
.attribute-component .gw-browse-component {
min-height: 26px;
}
.attribute-component .pagination_yulan li a {
color: #999!important;
cursor: move;
}
.attribute-component .pagination_yulan li.active a {
background-color: #eee;
border-color: #ddd;
}
.attribute-component .gw-browse-component-content {
width: 100%;
font-family: "微软雅黑";
font-size: 18px;
}
.attribute-component .gw-browse-component-content a {
margin-bottom: 10px;
}
.attribute-component .gw-browse-component-content .attribute-list-cont {
/* ul.child-attribute-list>li.active .child-attribute-name{
background-color: #EA4242!important;
color: #fff!important;
}*/
}
.attribute-component .gw-browse-component-content .attribute-list-cont.attribute-style_1 .attribute-title {
display: none;
}
.attribute-component .gw-browse-component-content .attribute-list-cont.attribute-style_1 .arrow-icon {
display: none;
}
.attribute-component .gw-browse-component-content .attribute-list-cont.attribute-style_1 ul.attribute-menu-list {
overflow: hidden;
}
.attribute-component .gw-browse-component-content .attribute-list-cont.attribute-style_1 ul.attribute-menu-list a {
margin: 5px 0;
}
.attribute-component .gw-browse-component-content .attribute-list-cont.attribute-style_1 ul.attribute-menu-list > li {
padding: 5px;
display: flex;
justify-content: flex-start;
}
.attribute-component .gw-browse-component-content .attribute-list-cont.attribute-style_1 ul.attribute-menu-list > li a {
display: block;
height: 100%;
}
.attribute-component .gw-browse-component-content .attribute-list-cont.attribute-style_1 ul.attribute-menu-list > li .attribute-name {
margin-right: 5px;
padding: 2px 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 120px;
max-width: 120px;
min-width: 120px;
text-align: justify;
}
.attribute-component .gw-browse-component-content .attribute-list-cont.attribute-style_1 ul.child-attribute-list {
list-style: none;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.attribute-component .gw-browse-component-content .attribute-list-cont.attribute-style_1 ul.child-attribute-list > li {
margin: auto 5px;
}
.attribute-component .gw-browse-component-content .attribute-list-cont.attribute-style_1 ul.child-attribute-list > li .child-attribute-name {
padding: 2px 10px;
}
.attribute-component .gw-browse-component-content .attribute-list-cont.attribute-style_1 ul.child-attribute-list > li .attr-input {
width: 100px;
height: 24px;
}
.attribute-component .gw-browse-component-content .attribute-list-cont.attribute-style_1 ul.child-attribute-list > li .attr-input.number {
width: 80px;
display: inline-block;
}
.attribute-component .gw-browse-component-content .attribute-list-cont.attribute-style_1 ul.child-attribute-list > li.value-row.input-number {
display: flex;
justify-content: flex-start;
align-items: center;
}
.attribute-component .gw-browse-component-content .attribute-list-cont .attribute-submit-btn {
margin-left: 20px;
}
.attribute-component .gw-browse-component-content .attribute-list-cont .attribute-submit-btn .btn {
width: 120px;
}
.attribute-component .gw-browse-component-content .list-content.list-content-style_1 {
margin-left: 0;
overflow: hidden;
}
.attribute-component .gw-browse-component-content .list-content .child-container {
background: #fff;
margin: 10px;
margin-bottom: 10px;
width: 23%;
box-sizing: border-box;
box-shadow: -2px 5px 10px #eee;
float: left;
border-radius: 6px;
padding: 20px 25px;
position: relative;
overflow: hidden;
}
.attribute-component .gw-browse-component-content .list-content .child-container .img-content {
width: 100%;
padding-top: 100%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
max-height: 210px;
margin-bottom: 28px;
}
.attribute-component .gw-browse-component-content .list-content .child-container p {
margin: 0 0 0;
font-size: 14px;
padding-left: 5px;
text-align: center;
}
.attribute-component .gw-browse-component-content .list-content .child-container p.title {
width: 100%;
height: 60px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.attribute-component .gw-browse-component-content .list-content .child-container:hover .child-mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.attribute-component .gw-browse-component-content .list-content .text-center {
width: 100%;
float: left;
}
.layui-layer-content .attribute-choose .attribute-list {
display: none;
}
.layui-layer-content .attribute-choose .attribute-list.active {
display: block;
}
.layui-layer-content .attribute-choose .attribute-list .attr-box {
height: auto;
max-height: 350px;
overflow-y: scroll;
}
.layui-layer-content .attribute-choose .attribute-list .attr-box-row {
margin-top: 20px;
}
.layui-layer-content .attribute-choose .attribute-list .attr-key-box {
font-size: 18px;
font-weight: 600;
color: #262626;
line-height: 25px;
}
.layui-layer-content .attribute-choose .attribute-list .attr-value-box {
font-size: 14px;
font-weight: 400;
color: #000000;
line-height: 20px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.layui-layer-content .attribute-choose .attribute-list .attr-value-box .attr-value {
margin-right: 20px;
}
.layui-layer-content .attribute-choose .attribute-list .attr-value-box .attr-value .attr-input {
width: 100px;
}
.layui-layer-content .attribute-choose .attribute-list .attr-value-box .attr-value .attr-input.number {
width: 50px;
display: inline-block;
}
.layui-layer-content .attribute-choose label {
margin-right: 30px !important;
}
.scrollNotice-component .gw-browse-component .gw-browse-component-content {
width: 100%;
height: 100%;
}
.scrollNotice-component .gw-browse-component .scrollNotice-container {
width: 100%;
height: 100%;
}
.scrollNotice-component .gw-browse-component .scrollNotice-container li,
.scrollNotice-component .gw-browse-component .scrollNotice-container a {
padding: 10px 0;
}
.scrollNotice-component .gw-browse-component .scrollNotice-container.direction-level {
width: 100%;
height: 100%;
}
.scrollNotice-component .gw-browse-component .scrollNotice-container.direction-level a {
padding: 10px;
margin: auto 10px;
}
.case-component .row {
margin: 0px;
}
.case-component .gw-browse-component {
min-height: 26px;
}
.case-component .pagination_yulan li a {
color: #999!important;
cursor: move;
}
.case-component .pagination_yulan li.active a {
background-color: #eee;
border-color: #ddd;
}
.case-component .gw-browse-component-content {
width: 100%;
font-family: "微软雅黑";
font-size: 18px;
}
.case-component .gw-browse-component-content a {
margin-bottom: 10px;
}
.case-component .gw-browse-component-content .list-content.list-content-style_1 {
margin-left: 0;
overflow: hidden;
}
.case-component .gw-browse-component-content .list-content .child-container {
background: #fff;
margin: 10px;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
box-shadow: -2px 5px 10px #eee;
float: left;
border-radius: 6px;
position: relative;
overflow: hidden;
}
.case-component .gw-browse-component-content .list-content .child-container .img-box {
padding: 5px;
}
.case-component .gw-browse-component-content .list-content .child-container .img-content {
width: 100%;
padding-top: 100%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
max-height: 210px;
}
.case-component .gw-browse-component-content .list-content .child-container .info-content {
padding: 20px 25px;
}
.case-component .gw-browse-component-content .list-content .child-container .info-content p {
margin: 0 0 0;
font-size: 14px;
padding-left: 5px;
text-align: center;
}
.case-component .gw-browse-component-content .list-content .child-container .info-content p.title {
width: 100%;
height: 44px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.case-component .gw-browse-component-content .list-content .child-container .info-content p.price {
height: 18px;
}
.case-component .gw-browse-component-content .list-content .child-container:hover .child-mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.case-component .gw-browse-component-content .list-content .text-center {
width: 100%;
float: left;
}
.mobile .gw-browse-component-content .list-content .mobile-case-one {
padding: 0 5px;
}
.mobile .gw-browse-component-content .list-content .mobile-child-container {
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
box-shadow: -2px 5px 10px #eee;
float: left;
border-radius: 8px;
position: relative;
overflow: hidden;
}
.mobile .gw-browse-component-content .list-content .mobile-child-container .content-box .img-content {
width: 100%;
height: 160px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.mobile .gw-browse-component-content .list-content .mobile-child-container .content-box .info-content {
padding: 15px 8px;
background: #fff;
}
.mobile .gw-browse-component-content .list-content .mobile-child-container .content-box .info-content p {
font-size: 14px;
padding-left: 5px;
text-align: left;
}
.mobile .gw-browse-component-content .list-content .mobile-child-container .content-box .info-content p.title {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: left;
-o-text-overflow: ellipsis;
}
.mobile .gw-browse-component-content .list-content .mobile-child-container .content-box .info-content p.price {
height: 18px;
font-size: 16px;
}
.marquee-component .gw-browse-component .gw-browse-component-content {
width: 100%;
height: 100%;
}
.marquee-component .gw-browse-component .gw-browse-component-content .marquee-container {
width: 100%;
height: 100%;
}
.marquee-component .gw-browse-component .gw-browse-component-content .marquee-container .marqueen-title {
margin-bottom: 0;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.rich-component .gw-browse-component-content {
width: 100%;
height: 100%;
padding: 5px;
}
.rich-component .gw-browse-component-content .rich-view {
height: 100%;
overflow: hidden;
overflow-y: auto;
/* table 样式 */
/* blockquote 样式 */
/* code 样式 */
/* ul ol 样式 */
}
.rich-component .gw-browse-component-content .rich-view table {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.rich-component .gw-browse-component-content .rich-view table td,
.rich-component .gw-browse-component-content .rich-view table th {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 3px 5px;
}
.rich-component .gw-browse-component-content .rich-view table th {
border-bottom: 2px solid #ccc;
text-align: center;
}
.rich-component .gw-browse-component-content .rich-view blockquote {
display: block;
border-left: 8px solid #d0e5f2;
padding: 5px 10px;
margin: 10px 0;
line-height: 1.4;
font-size: 100%;
background-color: #f1f1f1;
}
.rich-component .gw-browse-component-content .rich-view code {
display: inline-block;
*display: inline;
*zoom: 1;
background-color: #f1f1f1;
border-radius: 3px;
padding: 3px 5px;
margin: 0 3px;
}
.rich-component .gw-browse-component-content .rich-view pre code {
display: block;
}
.rich-component .gw-browse-component-content .rich-view ul,
.rich-component .gw-browse-component-content .rich-view ol {
margin: 10px 0 10px 20px;
}
.formPlus-component .gw-browse-component-content {
width: 100%;
height: 100%;
font-family: "微软雅黑";
}
.formPlus-component .gw-formPlus {
color: #43425d;
font-size: 16px;
height: 100%;
}
.formPlus-component .gw-formPlus .fromPlus-content {
margin: auto 10px;
}
.formPlus-component .gw-formPlus .formPlus-name {
font-size: 18px;
font-weight: 500;
color: #303133;
padding: 5px;
margin-bottom: 8px;
text-align: center;
}
.formPlus-component .gw-formPlus .formPlus-des {
font-size: 14px;
margin-bottom: 8px;
text-align: center;
}
.formPlus-component .gw-formPlus .form-title-box {
margin-top: 24px;
margin-bottom: 8px;
font-size: 16px;
font-weight: 500;
color: #303133;
display: flex;
justify-content: flex-start;
}
.formPlus-component .gw-formPlus .form-title {
line-height: 24px;
margin-left: 15px;
margin-bottom: 0;
}
.formPlus-component .gw-formPlus .require {
color: red;
}
.formPlus-component .gw-formPlus input,
.formPlus-component .gw-formPlus textarea {
border-radius: 2px;
padding: 0 10px;
border-width: 1px;
border-style: solid;
border-color: #dcdcdc;
}
.formPlus-component .gw-formPlus input:focus,
.formPlus-component .gw-formPlus textarea:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.formPlus-component .gw-formPlus textarea {
padding: 10px 10px;
resize: none;
}
.formPlus-component .gw-formPlus .qrcode {
margin-left: 12px;
width: 100px;
height: 36px;
}
.formPlus-component .gw-formPlus .btn {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
margin-top: 32px;
}
.formPlus-component .gw-formPlus .checkbox-border,
.formPlus-component .gw-formPlus .radio-border {
border: 1px solid #eee;
border-radius: 4px;
}
.formPlus-component .gw-formPlus .checkbox-border .radio,
.formPlus-component .gw-formPlus .radio-border .radio {
margin: 0;
border-bottom: 1px solid #eee;
}
.formPlus-component .gw-formPlus .checkbox-border .radio div,
.formPlus-component .gw-formPlus .radio-border .radio div {
padding: 6px 20px;
}
.formPlus-component .gw-formPlus .checkbox-border .radio:last-child,
.formPlus-component .gw-formPlus .radio-border .radio:last-child {
border-bottom: 0;
}
.formPlus-component .gw-formPlus .checkbox-border .checkbox,
.formPlus-component .gw-formPlus .radio-border .checkbox {
margin: 0;
border-bottom: 1px solid #eee;
}
.formPlus-component .gw-formPlus .checkbox-border .checkbox div,
.formPlus-component .gw-formPlus .radio-border .checkbox div {
padding: 6px 20px;
}
.formPlus-component .gw-formPlus .checkbox-border .checkbox:last-child,
.formPlus-component .gw-formPlus .radio-border .checkbox:last-child {
border-bottom: 0;
}
.formPlus-component .gw-formPlus .gw-upload-image-box .from-model-upload {
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
border: 1px solid #CCCCCC;
position: relative;
}
.formPlus-component .gw-formPlus .gw-upload-image-box .gw-upload-content {
width: 100px;
height: 100px;
position: relative;
border: 1px solid #CCCCCC;
display: none;
}
.formPlus-component .gw-formPlus .gw-upload-image-box .form-upimg-del {
position: absolute;
left: 100%;
top: 0;
margin-left: 10px;
width: 80px;
height: 27px;
font-size: 16px;
background-color: #fff;
border: 1px solid #CCCCCC;
border-radius: 2px;
color: #999999;
line-height: 26px;
text-align: center;
}
.formPlus-component .gw-formPlus .gw-upload-image-box .form-upimg-del:hover {
border-color: #FF5E5E;
color: #FF5E5E;
}
.formPlus-component .gw-formPlus .gw-upload-image-box .gw-upimg {
position: absolute;
width: 100%;
height: 100%;
object-fit: contain;
}
.formPlus-component .gw-formPlus .from-input-code {
border: 1px solid #dcdcdc;
margin-top: 5px;
}
.formPlus-component .gw-formPlus .from-input-code input {
display: inline-block;
border: none;
}
.formPlus-component .gw-formPlus .from-input-code .btn-code {
display: inline-block;
width: 90px;
font-size: 12px;
background-color: #fff;
border-left: 1px solid #dcdcdc;
color: #0091FF;
text-align: center;
cursor: pointer;
}
.formPlus-component .gw-formPlus .from-input-code .btn-code.grey {
color: #999999;
}
.formPlus-component .gw-area {
display: flex;
justify-content: space-between;
}
.formPlus-component .checkbox + .checkbox,
.formPlus-component .radio + .radio {
margin-top: 0;
}
.pc .gw-browse-component-content {
font-size: 18px;
}
.mobile .formPlus-component .gw-browse-component-content {
font-size: 14px;
}
.mobile .formPlus-component .gw-browse-component-content .city {
padding: 6px 12px;
}
.mobile .formPlus-component .gw-browse-component-content .city .filed {
padding: 0 5px;
}
.layui-layer-content .formPlus-choose {
padding: 10px;
}
.layui-layer-content .formPlus-choose label {
margin-right: 30px;
}
.layui-layer-content .formPlus-choose .formPlus-add-box {
padding: 4px;
}
.layui-layer-content .formPlus-choose .formPlus-add-box .formPlus-add {
float: right;
text-decoration: underline;
color: #337ab7;
}
/*添加和编辑的页面样式*/
.gw-nav-item-add-form .col-sm-8 {
padding-left: 0px;
}
/*添加编辑页面样式*/
.gw-carousel-item-add-form .col-sm-8 {
padding-left: 0px;
}
.gw-carousel-item-add-form .img-tips {
color: #999;
}
.gw-carousel-item-add-form .circle_color {
width: 140px;
border-radius: 2px;
}
.gw-carousel-item-add-form .circle_color .color_shape {
border-radius: 50%;
border: 1px solid #dcdcdc;
width: 20px;
height: 20px;
}
.gw-carousel-item-add-form .sp-preview {
border-radius: 50%;
border: none;
margin-right: 0;
width: 20px;
height: 20px;
}
/*添加编辑样式*/
.gw-form-item-add-form .col-sm-8 {
padding-left: 0px;
width: 300px;
margin-right: 5px;
}
.gw-form-item-add-form .col-sm-8 .gw-form-btn-list .col-sm-4 {
margin-bottom: 5px;
}
.gw-form-item-add-form .col-sm-8 .gw-form-btn-list .btn {
width: 100%;
}
.gw-form-item-add-form .col-sm-8 .gw-form-btn-list .btn-black {
color: #fff;
background-color: #333333;
}
.gw-form-item-add-form .form-control {
width: 300px;
}
.gw-form-item-add-form .form-control.small {
width: 258px;
}
.gw-browse-component {
width: 198px;
position: absolute !important;
word-wrap: break-word;
z-index: 1;
}
.gw-browse-component.gw-dynamic-component {
width: 90%;
}
.gw-editor-component .gw-browse-component:focus .gw-browse-component-tool {
display: block;
}
.gw-editor-component .gw-browse-component:hover {
cursor: move;
}
.gw-editor-component .gw-browse-component:hover > .ui-resizable-handle {
display: block !important;
}
.gw-editor-component .gw-browse-component:hover > .ui-resizable-n,
.gw-editor-component .gw-browse-component:hover > .ui-resizable-e,
.gw-editor-component .gw-browse-component:hover > .ui-resizable-s,
.gw-editor-component .gw-browse-component:hover > .ui-resizable-w {
background: #5BAAF4;
}
.gw-editor-component .gw-browse-component:hover > .ui-resizable-n:before,
.gw-editor-component .gw-browse-component:hover > .ui-resizable-e:before,
.gw-editor-component .gw-browse-component:hover > .ui-resizable-s:before,
.gw-editor-component .gw-browse-component:hover > .ui-resizable-w:before {
display: block;
}
.gw-editor-component .gw-browse-component-tool {
right: 1px;
top: -24px;
}
.gw-editor-component .gw-selected {
cursor: move;
}
/* modal*/
.gw-modal {
z-index: 198910160;
}
.gw-modal .close {
color: #F1F1F1;
font-weight: normal;
text-shadow: none;
opacity: 1;
margin: 10px;
position: relative;
z-index: 1051;
}
.gw-modal .modal-dialog {
text-align: center;
color: #fff;
position: fixed;
left: 50%;
top: 50%;
}
.gw-modal .modal-body {
padding: 0;
}
.gw-modal .modal-content {
background: none;
box-shadow: none;
border: none;
}
/* 跳转二维码 */
.wechatModal .modal-dialog {
width: auto;
margin: -80px 0 0 -80px;
}
.wechatModal .wechat-tips {
font-size: 14px;
position: relative;
top: 10px;
display: none;
}
.wechatModal .wechat-img {
width: 160px;
height: 160px;
box-sizing: initial;
}
.imageModal {
display: none;
position: fixed;
width: 100%;
margin: 0 auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1001;
background: rgba(0, 0, 0, 0.6);
}
.imageModal .img-content {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.imageModal .img-content .img-dialog {
width: auto;
height: auto;
max-width: 100%;
max-height: 95%;
}
.pc .tips-pc {
display: block;
}
.pc .videoModal .modal-dialog {
width: 640px;
height: 480px;
margin: -240px 0 0 -320px;
}
.pc .videoModal iframe {
width: 640px;
height: 480px;
}
.pc .formModal .modal-header {
text-align: center;
}
.pc .formModal .modal-header .close {
margin: 0;
}
.pc .formModal .modal-footer {
text-align: center;
}
.pc .formModal .modal-dialog {
width: 430px;
margin: -300px 0 0 -190px;
border-radius: 8px;
background-color: #fff;
color: #000;
text-align: left;
}
.pc .formModal .modal-header .close {
color: #333;
}
.pc .formModal .modal-body {
padding: 0 20px;
margin: 15px auto;
height: auto;
max-height: 380px;
overflow-y: auto;
}
.pc .formModal .modal-body .require {
color: red;
float: left;
}
.pc .formModal .modal-body .control-label {
margin-left: 5px;
}
.pc .formModal .modal-body textarea {
resize: none;
}
.pc .formModal .modal-body .gw-upload-image-box .from-model-upload {
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
border: 1px solid #CCCCCC;
position: relative;
}
.pc .formModal .modal-body .gw-upload-image-box .gw-upload-content {
width: 100px;
height: 100px;
position: relative;
border: 1px solid #CCCCCC;
display: none;
}
.pc .formModal .modal-body .gw-upload-image-box .form-upimg-del {
position: absolute;
left: 100%;
top: 0;
margin-left: 10px;
width: 80px;
height: 27px;
font-size: 16px;
background-color: #fff;
border: 1px solid #CCCCCC;
border-radius: 2px;
color: #999999;
line-height: 26px;
text-align: center;
}
.pc .formModal .modal-body .gw-upload-image-box .form-upimg-del:hover {
border-color: #FF5E5E;
color: #FF5E5E;
}
.pc .formModal .modal-body .gw-upload-image-box .gw-upimg {
position: absolute;
width: 100%;
height: 100%;
object-fit: contain;
}
.pc .formModal .modal-body .from-input-code {
border: 1px solid #dcdcdc;
margin-top: 5px;
}
.pc .formModal .modal-body .from-input-code input {
display: inline-block;
border: none;
}
.pc .formModal .modal-body .from-input-code .btn-code {
display: inline-block;
width: 90px;
font-size: 12px;
background-color: #fff;
border-left: 1px solid #dcdcdc;
color: #0091FF;
text-align: center;
cursor: pointer;
}
.pc .formModal .modal-body .from-input-code .btn-code.grey {
color: #999999;
}
.mobile .tips-mobile {
display: block;
}
.mobile .videoModal .modal-dialog {
width: 320px;
height: 240px;
margin: -120px 0 0 -160px;
}
.mobile .videoModal iframe {
width: 320px;
height: 240px;
}
.mobile .formModal .modal-header {
text-align: center;
}
.mobile .formModal .modal-header .close {
margin: 0;
}
.mobile .formModal .modal-footer {
text-align: center;
}
.mobile .formModal .modal-dialog {
width: 300px;
margin: -250px 0 0 -150px;
border-radius: 8px;
background-color: #fff;
color: #000;
text-align: left;
}
.mobile .formModal .modal-header .close {
color: #333;
}
.mobile .formModal .modal-body {
padding: 0 10px;
margin: 8px auto;
height: auto;
max-height: 250px;
overflow-y: auto;
}
.mobile .formModal .modal-body .require {
color: red;
float: left;
}
.mobile .formModal .modal-body .control-label {
margin-left: 5px;
}
.mobile .formModal .modal-body textarea {
resize: none;
}
.mobile .formModal .modal-body .city {
width: 100%;
margin: 0 auto;
}
.mobile .formModal .modal-body .city .filed {
padding-left: 5px;
padding-right: 5px;
}
.mobile .formModal .modal-body .gw-upload-image-box .from-model-upload {
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
border: 1px solid #CCCCCC;
position: relative;
}
.mobile .formModal .modal-body .gw-upload-image-box .gw-upload-content {
width: 100px;
height: 100px;
position: relative;
border: 1px solid #CCCCCC;
display: none;
}
.mobile .formModal .modal-body .gw-upload-image-box .form-upimg-del {
position: absolute;
left: 100%;
top: 0;
margin-left: 10px;
width: 80px;
height: 27px;
font-size: 16px;
background-color: #fff;
border: 1px solid #CCCCCC;
border-radius: 2px;
color: #999999;
line-height: 26px;
text-align: center;
}
.mobile .formModal .modal-body .gw-upload-image-box .form-upimg-del:hover {
border-color: #FF5E5E;
color: #FF5E5E;
}
.mobile .formModal .modal-body .gw-upload-image-box .gw-upimg {
position: absolute;
width: 100%;
height: 100%;
object-fit: contain;
}
.mobile .formModal .modal-body .from-input-code {
border: 1px solid #dcdcdc;
margin-top: 5px;
}
.mobile .formModal .modal-body .from-input-code input {
display: inline-block;
border: none;
}
.mobile .formModal .modal-body .from-input-code .btn-code {
display: inline-block;
width: 90px;
font-size: 12px;
background-color: #fff;
border-left: 1px solid #dcdcdc;
color: #0091FF;
text-align: center;
cursor: pointer;
}
.mobile .formModal .modal-body .from-input-code .btn-code.grey {
color: #999999;
}
/*************************************************************************
*
* @Description : 关公官网
* @WebSite : http://www.co.ltd
* @author : Shen
* @version : 2.0.0
* @date : 2017-01-01
* @direction : 所有通用组件的编辑样式文件入口
**************************************************************************/
.image-uploader-layer {
padding: 20px;
overflow: hidden;
}
.image-uploader-layer .gw-upload-image-btns .btn {
margin-left: 10px;
}
.image-uploader-layer .tab-pane {
padding: 0 5px;
height: 440px;
border: 1px solid #ddd;
border-top: 0;
overflow-x: hidden;
overflow-y: auto;
}
.image-uploader-layer .tab-pane ul {
overflow: hidden;
padding: 5px 0px;
min-height: 170px;
}
.image-uploader-layer .tab-pane ul li {
width: 162px;
height: 92px;
float: left;
margin: 5px;
cursor: pointer;
}
.image-uploader-layer .tab-pane ul li .gw-upload-image-select-image {
position: relative;
border: 1px solid #eee;
overflow: hidden;
width: 100%;
height: 100%;
}
.image-uploader-layer .tab-pane ul li .gw-upload-image-select-image.current {
border: 1px solid #3B98EF;
}
.image-uploader-layer .tab-pane ul li .gw-upload-image-select-image img {
width: 100%;
height: 100%;
object-fit: contain;
}
.image-uploader-layer .tab-pane ul li .gw-tool {
position: relative;
display: block;
top: -20px;
width: 100%;
height: 20px;
background-image: url(../image/background-20.png);
text-align: right;
padding-right: 4px;
}
.image-uploader-layer .tab-pane ul li .gw-tool i {
display: block;
float: right;
height: 20px;
width: 20px;
line-height: 20px;
cursor: pointer;
color: #888;
}
.image-uploader-layer .tab-pane ul li .gw-tool i:hover {
color: #555;
}
.image-uploader-layer .tab-pane ul li .gw-tool .gw-img-title {
width: 85%;
height: 100%;
text-align: left;
color: #fff;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
float: left;
}
.image-uploader-layer .tab-pane.tab-pane-my {
overflow: hidden;
}
.image-uploader-layer .tab-pane ul.mine-cats {
width: 170px;
min-height: auto;
overflow-x: hidden;
overflow-y: auto;
max-height: 440px;
}
.image-uploader-layer .tab-pane ul.mine-cats li {
height: auto;
padding: 5px;
}
.image-uploader-layer .tab-pane ul.mine-cats li.active {
background-color: rgba(0, 0, 0, 0.03);
color: #1B7AD1;
}
.image-uploader-layer .tab-pane .mine-pane {
width: 700px;
overflow-x: hidden;
overflow-y: auto;
height: 400px;
position: relative;
}
.image-uploader-layer .tab-pane .gw-upload-image-load-more {
text-align: center;
color: #CCCCCC;
margin: 0 auto 5px;
height: 40px;
line-height: 40px;
position: fixed;
width: inherit;
bottom: 68px;
}
.image-uploader-layer .tab-pane .gw-upload-image-my-get-more {
color: #3B98EF;
background-color: #f2f2f2;
display: block;
}
.image-uploader-layer .tab-pane .gw-upload-image-my-get-more:hover {
background-color: #EEEEEE;
}
.image-uploader-layer .tab-pane .gw-upload-image-input-form {
margin-top: 170px;
}
.image-uploader-layer .tab-pane .gw-upload-image-input-form label {
margin-top: 7px;
}
.image-uploader-layer .tab-pane .gw-upload-image-input-link {
vertical-align: middle;
margin: 0 auto;
}
.image-uploader-layer .tab-pane .gw-pager-box {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #f2f2f2;
position: absolute;
width: 100%;
bottom: 0;
}
.image-uploader-layer .tab-pane .gw-pager-box ul {
min-height: auto;
margin: 0;
padding: 0;
}
.image-uploader-layer .tab-pane .gw-pager-box ul li {
width: auto;
height: auto;
}
.image-uploader-layer .tab-pane .gw-pager-box .gw-pager-search-btn button {
background-color: #3B98EF;
}
.image-uploader-layer .gw-upload-image-confirm {
margin-top: 10px;
}
.image-uploader-layer .gw-upload-image-confirm .gw-upload-image-submit {
width: 80px;
}
.video-uploader-layer {
padding: 20px;
overflow: hidden;
}
.video-uploader-layer .tab-pane {
padding: 0 5px;
height: 440px;
border: 1px solid #ddd;
border-top: 0;
overflow-x: hidden;
overflow-y: auto;
}
.video-uploader-layer .tab-pane ul {
overflow: hidden;
padding: 5px 0px;
min-height: 170px;
}
.video-uploader-layer .tab-pane ul li {
width: 162px;
height: 92px;
float: left;
margin: 5px;
cursor: pointer;
overflow: hidden;
}
.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video {
height: 100%;
position: relative;
border: 1px solid #eee;
}
.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video.current {
border: 1px solid #3B98EF;
}
.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video video {
width: 100%;
height: 100%;
}
.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video .video-control-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
line-height: 100px;
display: none;
background: rgba(255, 255, 255, 0.5);
cursor: default;
}
.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video .video-control-bg .fa {
font-size: 30px;
color: #333333;
cursor: pointer;
}
.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video:hover .video-control-bg {
display: block;
}
.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video .gw-tool {
position: relative;
display: block;
top: -25px;
width: 100%;
height: 20px;
background-image: url(../image/background-20.png);
text-align: right;
padding-right: 4px;
}
.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video .gw-tool i {
display: block;
float: right;
height: 20px;
width: 20px;
line-height: 20px;
cursor: pointer;
color: #888;
}
.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video .gw-tool i:hover {
color: #555;
}
.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video .gw-tool .gw-video-title {
width: 85%;
height: 100%;
text-align: left;
color: #fff;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
float: left;
}
.video-uploader-layer .tab-pane.tab-pane-my {
overflow: hidden;
}
.video-uploader-layer .tab-pane ul.mine-cats {
width: 170px;
min-height: auto;
overflow-x: hidden;
overflow-y: auto;
max-height: 440px;
}
.video-uploader-layer .tab-pane ul.mine-cats li {
height: auto;
padding: 5px;
}
.video-uploader-layer .tab-pane ul.mine-cats li.active {
background-color: rgba(0, 0, 0, 0.03);
color: #1B7AD1;
}
.video-uploader-layer .tab-pane .mine-pane {
width: 700px;
overflow-x: hidden;
overflow-y: auto;
max-height: 400px;
}
.video-uploader-layer .tab-pane .gw-upload-video-load-more {
text-align: center;
color: #CCCCCC;
margin: 0 auto 5px;
height: 40px;
line-height: 40px;
position: fixed;
width: inherit;
bottom: 68px;
}
.video-uploader-layer .tab-pane .gw-upload-video-my-get-more {
color: #3B98EF;
background-color: #f2f2f2;
display: block;
}
.video-uploader-layer .tab-pane .gw-upload-video-my-get-more:hover {
background-color: #EEEEEE;
}
.video-uploader-layer .tab-pane .gw-upload-video-form {
margin-top: 170px;
}
.video-uploader-layer .tab-pane .gw-upload-video-form label {
margin-top: 7px;
}
.video-uploader-layer .tab-pane .gw-upload-video-input {
vertical-align: middle;
margin: 0 auto;
}
.video-uploader-layer .tab-pane .gw-upload-video-tips {
font-size: 12px;
height: 30px;
line-height: 30px;
color: #999;
}
.video-uploader-layer .tab-pane .gw-upload-video-tips a {
color: #3B98EF;
}
.video-uploader-layer .gw-upload-video-confirm {
margin-top: 10px;
}
.video-uploader-layer .gw-upload-video-confirm .gw-upload-video-submit {
width: 80px;
}