html {
color: #000;
background: #FFF;
}
a:link,
a:visited,
a:hover,
a:active {
text-decoration: none;
}
body {
font-family: 'Microsoft Yahei', sans-serif;
}
body,
div,
p,
span,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,
img {
border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
font-style: normal;
font-weight: normal;
}
li {
list-style: none;
}
caption,
th {
text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}
q:before,
q:after {
content: '';
}
abbr,
acronym {
border: 0;
font-variant: normal;
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
input,
textarea,
select {
font-size: inherit;
font-weight: inherit;
}
input,
textarea,
select {
*font-size: 100%;
}
legend {
color: #000;
}
.clear {
zoom: 1;
}
.clear:after {
content: '';
display: block;
clear: both;
}
.hide {
display: none;
}
.width-175 {
width: 175px !important;
}
.margin-top-10 {
margin-top: 10px !important;
}
.margin-top-15 {
margin-top: 15px !important;
}
.margin-top-20 {
margin-top: 20px !important;
}
.margin-top-25 {
margin-top: 25px !important;
}
.margin-top-50 {
margin-top: 50px !important;
}
.margin-top-100 {
margin-top: 100px !important;
}
.no-margin-top {
margin-top: 0 !important;
}
.no-margin-right {
margin-right: 0 !important;
}
.no-margin-bottom {
margin-right: 0 !important;
}
.no-border {
border: none !important;
}
.no-border-top {
border-top: none !important;
}
.no-border-right {
border-right: none !important;
}
/**
* Swiper 3.4.2
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* Copyright 2017, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: March 10, 2017
*/
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform, height;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform, height;
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullet,.swiper-pagination-switch {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet,button.swiper-pagination-switch {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet ,.swiper-pagination-clickable .swiper-pagination-switch {
cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet,.swiper-pagination-white .swiper-pagination-switch {
background: #fff;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-o-transform: translate(0, -50%);
-ms-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}
.swiper-pagination-progress {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000;
}
.swiper-container-3d {
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
-ms-perspective: 1200px;
}
.swiper-container-cube,
.swiper-container-flip {
overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-moz-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
-webkit-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
.city-picker-input {
opacity: 0 !important;
top: -9999px;
left: -9999px;
position: absolute;
}
.city-picker-span {
position: relative;
}
.city-picker-span > .placeholder {
color: #aaa;
}
.city-picker-span > .arrow {
position: absolute;
top: 50%;
right: 8px;
width: 10px;
margin-top: -3px;
height: 5px;
}
.city-picker-span.focus,
.city-picker-span.open {
border-bottom-color: #46A4FF;
}
.city-picker-span.open > .arrow {
background-position: -10px -10px;
}
.city-picker-span > .title > span {
color: #666;
padding: 5px;
border-radius: 3px;
}
.city-picker-span > .title > span:hover {
background-color: #f1f8ff;
}
.city-picker-dropdown {
position: absolute;
width: 315px;
left: -9999px;
top: -9999px;
outline: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
z-index: 999999;
display: none;
min-width: 330px;
margin-bottom: 20px;
}
.city-select-wrap {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}
.city-select-tab {
border-bottom: 1px solid #ccc;
background: #f0f0f0;
font-size: 13px;
}
.city-select-tab > a {
display: inline-block;
padding: 8px 22px;
border-left: 1px solid #ccc;
border-bottom: 1px solid transparent;
color: #4D4D4D;
text-align: center;
outline: 0;
text-decoration: none;
cursor: pointer;
font-size: 14px;
margin-bottom: -1px;
}
.city-select-tab > a.active {
background: #fff;
border-bottom: 1px solid #fff;
color: #46A4FF;
}
.city-select-tab > a:first-child {
border-left: none;
}
.city-select-tab > a:last-child.active {
border-right: 1px solid #ccc;
}
.city-select-content {
width: 100%;
min-height: 10px;
background-color: #fff;
padding: 10px 15px;
box-sizing: border-box;
}
.city-select {
font-size: 13px;
}
.city-select dl {
line-height: 2;
clear: both;
padding: 3px 0;
margin: 0;
}
.city-select dt {
position: absolute;
width: 2.5em;
font-weight: 500;
text-align: right;
line-height: 2;
}
.city-select dd {
margin-left: 0;
line-height: 2;
}
.city-select.province dd {
margin-left: 3em;
}
.city-select a {
display: inline-block;
padding: 0 10px;
outline: 0;
white-space: nowrap;
margin-right: 2px;
text-decoration: none;
color: #666;
cursor: pointer;
}
.city-select a:hover,
.city-select a:focus {
background-color: #f1f8ff;
border-radius: 2px;
color: #46A4FF;
}
.city-select a.active {
background-color: #46A4FF;
color: #fff;
border-radius: 2px;
}
/*关于我们*/
.aboutus{
padding:20px 0px;
}
.aboutus .block-content{
position: relative;
}
.aboutus .block-content .kuai{
background-color: #fff;
}
.aboutus .block-content .leftmenu{
min-height:100%;
position: absolute;
width:260px;
}
.aboutus .block-content .leftmenu ul li{
border-bottom: 1px solid #F4F4F6;
margin:0px 20px;
height:46px;
line-height: 46px;
padding-left:40px;
font-size:14px;
}
.aboutus .block-content .leftmenu ul li a{
color:#333;
}
.aboutus .block-content .leftmenu ul li.active{
font-weight: 600;
font-size:16px;
}
.aboutus .block-content .leftmenu ul li.xuan a{
color:#447DD9;
}
.aboutus .block-content .leftmenu ul li a:hover{
color: #447DD9;
cursor: pointer;
}
.aboutus .block-content .content{
width:920px;
margin-left: 280px;
min-height: 600px;
}
.aboutus .block-content .content p.title{
text-align: center;
padding-top: 20px;
font-size:16px;
font-weight: 600;
}
.aboutus .block-content .content .detail{
padding:20px;
}
/*�?*/
.block-wrap-gray {
width: 100%;
background: #f2f3f5;
}
.block-wrap-white {
width: 100%;
background: #fff;
}
.block-content {
width: 1200px;
margin: 0 auto;
}
/*模块*/
.sub-header-wrap {
line-height: 40px;
}
.sub-header-wrap .sub-title {
float: left;
font-size: 24px;
color: #24384b;
font-weight: bold;
}
.sub-header-wrap .sub-title a {
color: #24384b;
}
.sub-header-wrap .sub-desc {
float: left;
padding-left: 26px;
}
.sub-header-wrap .sub-desc p {
padding-top: 16px;
line-height: 16px;
font-size: 14px;
color: #333;
}
.sub-header-wrap .sub-tag {
float: left;
}
.sub-header-wrap .sub-tag ul {
padding-left: 23px;
}
.sub-header-wrap .sub-tag ul li {
float: left;
padding: 0 20px;
font-size: 14px;
}
.sub-header-wrap .sub-tag ul li a {
color: #333;
}
.sub-header-wrap .sub-tag ul li a:hover {
color: #f97824;
}
.sub-header-wrap .sub-more {
float: right;
padding-right: 10px;
font-size: 14px;
}
.sub-header-wrap .sub-more a {
color: #666;
}
.sub-header-wrap .sub-more a:hover {
text-decoration: underline;
}
.goods-single-item {
float: left;
position: relative;
width: 267px;
height: 287px;
margin: 0 12px 12px 0;
padding: 11px;
border: 1px solid #eff0f2;
background: #fff;
}
.goods-single-item .tag,.goods-single-item-line .tag {
position: absolute;
right: 21px;
top: 11px;
width: 31px;
height: 28px;
line-height: 20px;
background: url("../images/icon-lable.png") no-repeat;
text-align: center;
font-size: 12px;
color: #fff;
z-index: 1;
}
.goods-single-item-line .tag{
top: 1px;
}
.goods-single-item .tag.grey,.goods-single-item-line .tag.grey {
background: url("../images/icon-lable-grey.png") no-repeat;
}
.goods-single-item .photo {
width: 267px;
height: 200px;
overflow: hidden;
}
.goods-single-item .photo img {
width: 267px;
height: 200px;
transition: all 0.5s ease-in-out;
}
.goods-single-item .photo img:hover {
transform: scale(1.2);
}
.goods-single-item .line1 {
margin-top: 7px;
}
.goods-single-item .line1 .text {
float: left;
width: 210px;
height: 30px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
line-height: 30px;
font-size: 16px;
color: #333;
}
.goods-single-item .line1 .text a {
color: #333;
}
.goods-single-item .line1 .text a:hover {
color: #f97824;
}
.goods-single-item .line1 .lable {
float: right;
width: 55px;
height: 18px;
margin-top: 6px;
line-height: 18px;
text-align: center;
font-size: 12px;
border-radius: 3px;
background: #70acef;
color: #fff;
}
.goods-single-item .line2 .zs_ckj{
float: left;
width: 47px;
font-size: 14px;
color: #666;
line-height:28px;
}
.goods-single-item .line2 .price {
float: left;
line-height: 28px;
font-weight: bold;
font-size: 16px;
color: #f8361e;
}
.goods-single-item .line2 .time {
float: right;
line-height: 28px;
font-size: 14px;
color: #666;
}
.goods-single-item .line2 .time span {
display: inline-block;
vertical-align: sub;
width: 16px;
height: 16px;
padding-right: 4px;
background-image: url("../images/icon-clock.png");
background-repeat: no-repeat;
}
.goods-single-item .line3 {
line-height: 32px;
font-size: 14px;
color: #999;
}
.goods-single-item .line3 .type {
float: left;
max-width: 170px;
height: 32px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.goods-single-item .line3 .area {
float: right;
max-width: 95px;
height: 32px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.goods-single-item-line {
padding: 15px 0;
border-bottom: 1px solid #eff0f2;
}
.goods-single-item-line .content .photo {
float: left;
width: 200px;
height: 130px;
position: relative;
}
.goods-single-item-line .content .photo img {
width: 200px;
height: 130px;
}
.goods-single-item-line .content .main-info {
float: left;
margin-left: 80px;
}
.goods-single-item-line .content .main-info .text {
float: left;
width: 210px;
height: 30px;
overflow: hidden;
line-height: 30px;
font-size: 18px;
color: #333;
}
.goods-single-item-line .content .main-info .text a {
color: #333;
}
.goods-single-item-line .content .main-info .text a:hover {
color: #f97824;
}
.goods-single-item-line .content .main-info .text em {
display: inline-block;
width: 55px;
height: 18px;
margin-left: 15px;
line-height: 18px;
text-align: center;
font-size: 12px;
border-radius: 3px;
background: #70acef;
color: #fff;
}
.goods-single-item-line .content .main-info .type {
line-height: 32px;
font-size: 14px;
color: #999;
}
.goods-single-item-line .content .main-info .zs_ckj {
float: left;
line-height: 28px;
color: #666;
margin-right: 10px;
font-size: 14px;
}
.goods-single-item-line .content .main-info .price {
line-height: 28px;
font-weight: bold;
font-size: 16px;
color: #f8361e;
}
.goods-single-item-line .content .info {
float: right;
width: 250px;
padding: 30px 15px 0 0;
line-height: 28px;
font-size: 14px;
color: #666;
height: 28px;
}
.goods-single-item-line .content .info em{
width: 150px;
color: #999;
}
.goods-single-item-line .content .info .time {
float: right;
line-height: 28px;
font-size: 14px;
color: #666;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: right;
}
.goods-single-item-line .content .info .time span {
display: inline-block;
vertical-align: sub;
width: 16px;
height: 16px;
padding-right: 4px;
background-image: url("../images/icon-clock.png");
background-repeat: no-repeat;
}
.advertisement-banner {
width: 1200px;
max-height: 102px;
}
.advertisement-banner a img {
width: 1200px;
height: 102px;
}
.advertisement-part {
width: 1200px;
max-height: 102px;
}
.advertisement-part ul li {
float: left;
width: 291px;
height: 102px;
margin-right: 12px;
}
.advertisement-part ul li a {
width: 291px;
height: 102px;
}
.advertisement-part ul li a img {
width: 291px;
height: 102px;
}
.pagination-content .count-info {
float: right;
margin-right: 10px;
line-height: 30px;
font-size: 12px;
color: #666;
}
.pagination-content .page-list {
float: right;
}
.pagination-content .page-list ul li {
float: left;
height: 30px;
line-height: 30px;
margin: 0 6px;
padding: 0 10px;
border: 1px solid #eff0f2;
text-align: center;
font-size: 12px;
color: #666;
}
.pagination-content .page-list ul li a {
color: #666;
}
.pagination-content .page-list ul li.active {
border: none;
color: #f97824;
}
.pagination-content .page-list ul li.active a {
color: #f97824 !important;
}
.pagination-content-left {
padding-left: 375px;
}
.pagination-content-left .count-info {
float: left;
margin-right: 10px;
line-height: 30px;
font-size: 12px;
color: #666;
}
.pagination-content-left .page-list {
float: left;
}
.pagination-content-left .page-list ul li {
float: left;
height: 30px;
line-height: 30px;
margin: 0 6px;
padding: 0 10px;
border: 1px solid #eff0f2;
text-align: center;
font-size: 12px;
color: #666;
}
.pagination-content-left .page-list ul li a {
color: #666;
}
.pagination-content-left .page-list ul li.active {
border: none;
color: #f97824;
}
.pagination-content-left .page-list ul li.active a {
color: #f97824 !important;
}
.button-blue {
height: 50px;
margin-top: 15px;
line-height: 50px;
border: none;
text-align: center;
cursor: pointer;
background: #6daaf9;
color: #fff;
}
.button-blue:hover {
background: #78b2fd;
}
#pager {
color: #666;
margin: 20px 0;
text-align: center;
}
#pager > div {
display: inline-block;
text-align: inherit;
}
#pager .page-text {
margin-right: 10px;
}
#pager .page-links {
display: inline-block;
}
#pager .page-links > * {
display: inline-block;
height: 30px;
line-height: 30px;
font-size: 14px;
padding: 0 10px;
margin: 0 5px;
background-color: #f1f2f4;
border: 1px solid #e6eaec;
border-radius: 3px;
}
#pager .page-links .current {
color: #fff;
border: 1px solid transparent;
background-color: #3786db;
}
.pagination-orange .page-list {
float: left;
/* 自�?�应内容宽度 */
position: relative;
left: 50%;
}
.pagination-orange .page-list ul {
position: relative;
left: -50%;
}
.pagination-orange .page-list ul li {
float: left;
height: 28px;
padding: 0 10px;
margin: 0 2px;
line-height: 28px;
text-align: center;
border: 1px solid #e4e6ef;
border-radius: 2px;
font-size: 14px;
}
.pagination-orange .page-list ul li a {
color: #666;
}
.pagination-orange .page-list ul li.goto {
border: none;
color: #666;
}
.pagination-orange .page-list ul li.goto .num {
height: 28px;
width: 24px;
margin: 0 4px;
padding-left: 4px;
border: 1px solid #eff0f2;
}
.pagination-orange .page-list ul li.goto .gotobtn {
width: 66px;
height: 29px;
margin-left: 8px;
background: #f5f5f5;
border: 1px solid #eff0f2;
outline: none;
cursor: pointer;
color: #666;
}
.pagination-orange .page-list ul li.info {
border: none;
line-height: 30px;
font-size: 14px;
color: #c3c3c3;
}
.pagination-orange .page-list ul li.active {
background: #f97824;
border: 1px solid #f97824;
color: #fff;
}
.pagination-orange .page-list ul a:hover {
color: #f97824;
}
.pagination-brown .page-list {
float: left;
/* 自�?�应内容宽度 */
position: relative;
left: 50%;
}
.pagination-brown .page-list ul {
position: relative;
left: -50%;
}
.pagination-brown .page-list ul li {
float: left;
height: 28px;
padding: 0 10px;
margin: 0 2px;
line-height: 28px;
text-align: center;
border: 1px solid #e4e6ef;
border-radius: 2px;
font-size: 14px;
}
.pagination-brown .page-list ul li a {
color: #666;
}
.pagination-brown .page-list ul li.goto {
border: none;
color: #666;
}
.pagination-brown .page-list ul li.goto .num {
height: 28px;
width: 24px;
margin: 0 4px;
padding-left: 4px;
border: 1px solid #eff0f2;
}
.pagination-brown .page-list ul li.goto .gotobtn {
width: 66px;
height: 29px;
margin-left: 8px;
background: #f5f5f5;
border: 1px solid #eff0f2;
outline: none;
cursor: pointer;
color: #666;
}
.pagination-brown .page-list ul li.info {
border: none;
line-height: 30px;
font-size: 14px;
color: #c3c3c3;
}
.pagination-brown .page-list ul li.active {
background: #c79a67;
border: 1px solid #c79a67;
color: #fff;
}
.pagination-brown .page-list ul a:hover {
color: #c79a67;
}
.pagination-blue .page-list {
float: left;
/* 自�?�应内容宽度 */
position: relative;
left: 50%;
}
.pagination-blue .page-list ul {
position: relative;
left: -50%;
}
.pagination-blue .page-list ul li {
float: left;
height: 28px;
padding: 0 10px;
margin: 0 2px;
line-height: 28px;
text-align: center;
border: 1px solid #e4e6ef;
border-radius: 2px;
font-size: 14px;
}
.pagination-blue .page-list ul li a {
color: #666;
}
.pagination-blue .page-list ul li.goto {
border: none;
color: #666;
}
.pagination-blue .page-list ul li.goto .num {
height: 28px;
width: 24px;
margin: 0 4px;
padding-left: 4px;
border: 1px solid #eff0f2;
}
.pagination-blue .page-list ul li.goto .gotobtn {
width: 66px;
height: 29px;
margin-left: 8px;
background: #f5f5f5;
border: 1px solid #eff0f2;
outline: none;
cursor: pointer;
color: #666;
}
.pagination-blue .page-list ul li.info {
border: none;
line-height: 30px;
font-size: 14px;
color: #c3c3c3;
}
.pagination-blue .page-list ul li.active {
background: #24384b;
border: 1px solid #24384b;
color: #fff;
}
.pagination-blue .page-list ul a:hover {
color: #24384b;
}
.block-lease-hot {
float: left;
}
.block-lease-hot .ad {
margin-bottom: 10px;
}
.block-lease-hot .ad a img {
width: 290px;
height: 215px;
vertical-align: bottom;
}
.block-lease-hot .hot-tag ul {
border-right: 1px solid #eff0f2;
border-left: 1px solid #eff0f2;
}
.block-lease-hot .hot-tag ul li {
float: left;
width: 145px;
height: 45px;
line-height: 45px;
border-top: 2px solid #24384b;
text-align: center;
font-size: 16px;
background: #24384b;
color: #fff;
}
.block-lease-hot .hot-tag ul li.active {
background: #fff;
color: #24384b;
}
.block-lease-hot .hot-list {
height: 586px;
border-right: 1px solid #eff0f2;
border-bottom: 1px solid #eff0f2;
border-left: 1px solid #eff0f2;
}
.block-lease-hot .hot-list ul li {
width: 289px;
padding: 15px 0;
border-top: 1px solid #eff0f2;
}
.block-lease-hot .hot-list ul li .hot-list-simple .count {
float: left;
width: 18px;
height: 18px;
margin-left: 12px;
line-height: 18px;
text-align: center;
font-size: 10px;
background: #999;
color: #fff;
}
.block-lease-hot .hot-list ul li .hot-list-simple .count.active {
background: #f97824;
}
.block-lease-hot .hot-list ul li .hot-list-simple .name {
float: left;
width: 150px;
height: 18px;
overflow: hidden;
padding-left: 7px;
line-height: 18px;
font-size: 14px;
color: #666;
}
.block-lease-hot .hot-list ul li .hot-list-simple .num {
float: right;
line-height: 18px;
padding-right: 27px;
font-size: 14px;
color: #666;
}
.block-lease-hot .hot-list ul li .hot-list-simple .num span {
color: #999;
}
.block-lease-hot .hot-list ul li .hot-list-full {
padding-top: 6px;
}
.block-lease-hot .hot-list ul li .hot-list-full .item .photo {
float: left;
padding-left: 12px;
}
.block-lease-hot .hot-list ul li .hot-list-full .item .photo img {
width: 80px;
height: 80px;
}
.block-lease-hot .hot-list ul li .hot-list-full .item .info {
float: left;
width: 180px;
overflow: hidden;
padding-left: 14px;
}
.block-lease-hot .hot-list ul li .hot-list-full .item .info .price {
font-size: 16px;
line-height: 16px;
font-weight: bold;
color: #f8361e;
}
.block-lease-hot .hot-list ul li .hot-list-full .item .info .num {
font-size: 14px;
padding-top: 2px;
line-height: 24px;
color: #999;
}
.block-lease-hot .hot-list ul li .hot-list-full .item .info .num span {
color: #666;
}
.block-lease-hot .hot-list ul li .hot-list-full .item .info .comp {
height: 44px;
overflow: hidden;
font-size: 14px;
line-height: 22px;
color: #999;
}
/*公共板块*/
h1.zdyhead{
margin:0px;
display: inline-block;
position: absolute;
top: -999px;
}
.header-top-wrap {
width: 100%;
height: 41px;
line-height: 41px;
background: #24384b;
}
.header-top-wrap .header-top {
width: 1200px;
margin: 0 auto;
}
.header-top-wrap .header-top .header-top-user {
float: left;
height: 41px;
}
.header-top-wrap .header-top .header-top-user li {
float: left;
font-size: 12px;
color: #bcc0c4;
}
.header-top-wrap .header-top .header-top-user li a {
color: #bcc0c4;
}
.header-top-wrap .header-top .header-top-user li a:hover {
color: #fff;
}
.header-top-wrap .header-top .header-top-user li.info {
padding-right: 26px;
}
.header-top-wrap .header-top .header-top-user li.login {
padding-right: 11px;
}
.header-top-wrap .header-top .header-top-nav {
float: right;
}
.header-top-wrap .header-top .header-top-nav ul li {
position: relative;
float: left;
font-size: 12px;
}
.header-top-wrap .header-top .header-top-nav ul li a {
padding: 0 20px;
line-height: 12px;
color: #bcc0c4;
}
.header-top-wrap .header-top .header-top-nav ul li a .arr-down {
display: inline-block;
width: 6px;
height: 4px;
margin-left: 3px;
vertical-align: middle;
background: url(../images/arr-down.png) no-repeat;
}
.header-top-wrap .header-top .header-top-nav ul li a .arr-up {
display: inline-block;
width: 6px;
height: 4px;
margin-left: 3px;
vertical-align: middle;
background: url(../images/arr-up.png) no-repeat;
}
.header-top-wrap .header-top .header-top-nav ul li a:hover {
color: #fff;
}
.header-top-wrap .header-top .header-top-nav ul li ul {
display: none;
position: absolute;
top: 41px;
left: 0;
padding-bottom: 10px;
background: #fff;
z-index: 1000;
}
.header-top-wrap .header-top .header-top-nav ul li ul li {
font-size: 12px;
line-height: 28px;
text-align: center;
cursor: pointer;
}
.header-top-wrap .header-top .header-top-nav ul li ul li a {
color: #24384b !important;
}
.header-top-wrap .header-top .header-top-nav ul li ul li a:hover {
color: #f97824 !important;
}
.header-top-wrap .header-top .header-top-nav ul li.active {
background: #fff;
}
.header-top-wrap .header-top .header-top-nav ul li.active a {
color: #24384b;
}
.header-top-wrap .header-top .header-top-nav ul .split {
font-size: 11px;
color: #455868;
}
.header-top-wrap .header-top .header-top-nav ul li:first-child a {
border: none;
}
.header-top-wrap .header-top .header-top-nav ul li:last-child a {
padding-right: 0;
}
.header-content-wrap {
width: 100%;
height: 91px;
background: #fde36a;
}
.header-content-wrap .header-content {
width: 1200px;
margin: 0 auto;
}
.header-content-wrap .header-content .header-content-logo {
float: left;
padding: 17px 0 0 1px;
}
.header-content-wrap .header-content .header-content-logo img {
width: 161px;
height: 55px;
}
.header-content-wrap .header-content .header-content-search {
float: left;
position: relative;
width: 507px;
margin: 18px 0 0 42px;
}
.header-content-wrap .header-content .header-content-search .search-group .search-type {
position: absolute;
left: 0;
top: 0;
z-index: 100;
}
.header-content-wrap .header-content .header-content-search .search-group .search-type ul {
width: 89px;
height: 39px;
border: 2px solid #24384b;
overflow: hidden;
background: #fef8e2;
}
.header-content-wrap .header-content .header-content-search .search-group .search-type ul li {
height: 30px;
line-height: 30px;
padding-left: 17px;
color: #666;
}
.header-content-wrap .header-content .header-content-search .search-group .search-type ul li.active {
color: #f97824;
}
.header-content-wrap .header-content .header-content-search .search-group .search-type ul li.first {
height: 36px;
line-height: 36px;
background-image: url("../images/arr-down-f.png");
background-repeat: no-repeat;
background-position: 66px 16px;
}
.header-content-wrap .header-content .header-content-search .search-group .search-type ul li:hover{
cursor: pointer;
}
.header-content-wrap .header-content .header-content-search .search-group .search-input {
position: absolute;
left: 93px;
top: 0;
}
.header-content-wrap .header-content .header-content-search .search-group .search-input input {
width: 348px;
height: 39px;
line-height: 34px;
padding-left: 16px;
border-top: 2px solid #24384b;
border-right: none;
border-bottom: 2px solid #24384b;
border-left: none;
color: #3f3f3f !important;
background: #fef8e2;
font-size: 14px;
outline: none;
}
.header-content-wrap .header-content .header-content-search .search-group .search-input input[placeholder] {
color: #666;
}
.header-content-wrap .header-content .header-content-search .search-group .search-button {
position: absolute;
left: 457px;
top: 0;
width: 50px;
height: 43px;
cursor: pointer;
background: url("../images/search-btn.jpg");
}
.header-content-wrap .header-content .header-content-search .search-link {
margin-top: 43px;
height: 25px;
overflow: hidden;
}
.header-content-wrap .header-content .header-content-search .search-link ul li {
float: left;
padding-right: 14px;
line-height: 28px;
font-size: 12px;
color: #666;
}
.header-content-wrap .header-content .header-content-search .search-link ul li a {
color: #666;
}
.header-content-wrap .header-content .header-content-button {
float: left;
padding-top: 19px;
padding-left: 46px;
}
.header-content-wrap .header-content .header-content-button ul li {
float: left;
width: 98px;
height: 38px;
margin-left: 11px;
line-height: 38px;
border: 1px solid #24384b;
text-align: center;
background: #fdea6a;
}
.header-content-wrap .header-content .header-content-button ul li a {
font-size: 16px;
color: #24384b;
}
.header-content-wrap .header-content .header-content-button ul li:hover {
background: #fffd58;
}
.header-content-wrap .header-content .header-content-tel {
float: right;
padding-top: 25px;
}
.header-content-wrap .header-content .header-content-tel p {
font-size: 20px;
color: #536368;
}
.header-content-wrap .header-content .header-content-tel p span {
display: inline-block;
width: 20px;
height: 30px;
padding-right: 9px;
background-image: url("../images/icon-tel.png");
background-repeat: no-repeat;
background-position: 0 3px;
}
.header-content-wrap .header-content .header-content-tel p b {
vertical-align: top;
font-weight: normal;
}
.header-simple-content-wrap {
width: 100%;
height: 105px;
background: #f5f5f5;
}
.header-simple-content-wrap .header-simple-content {
width: 1200px;
margin: 0 auto;
}
.header-simple-content-wrap .header-simple-content .logo {
float: left;
}
.header-simple-content-wrap .header-simple-content .logo img {
margin: 36px 0 0 40px;
}
.header-simple-content-wrap .header-simple-content .title {
float: left;
line-height: 36px;
margin: 43px 0 0 20px;
padding-left: 18px;
border-left: 1px solid #d0d0d0;
font-size: 24px;
color: #333;
}
.header-simple-content-wrap .header-simple-content .tel {
float: right;
margin: 53px 43px 0 0;
line-height: 30px;
font-size: 22px;
padding-left: 30px;
color: #f97824;
background: url("../images/icon-tel-orange.png") no-repeat 0px 4px;
}
.header-nav-wrap {
width: 100%;
height: 51px;
background: #fdd957;
}
.header-nav-wrap .header-nav {
width: 1200px;
margin: 0 auto;
}
.header-nav-wrap .header-nav .nav-link {
float: left;
}
.header-nav-wrap .header-nav .nav-link ul li {
float: left;
padding: 0 80px 0 3px;
line-height: 51px;
font-size: 16px;
}
.header-nav-wrap .header-nav .nav-link ul li .zbgg{
color: #fff;
font-size: 14px;
background-repeat: no-repeat;
padding-left: 24px;
height: 25px;
width: 75px;
line-height: 25px;
display: inline-block;
background-image: url("../images/zbgg.png");
}
.header-nav-wrap .header-nav .nav-link ul .noticeli:hover a{
color: #fff;
text-decoration: underline;
}
.header-nav-wrap .header-nav .nav-link ul li a {
color: #24384b;
}
.header-nav-wrap .header-nav .nav-link ul li:hover a {
color: #f97824;
}
.header-nav-wrap .header-nav .nav-link ul li.active a {
color: #f97824;
}
.header-nav-wrap .header-nav .nav-app {
float: right;
padding-top: 16px;
cursor: pointer;
}
.header-nav-wrap .header-nav .nav-app p {
font-size: 14px;
color: #24384b;
}
.header-nav-wrap .header-nav .nav-app p span {
display: inline-block;
width: 11px;
height: 30px;
padding-right: 5px;
background-image: url("../images/icon-phone.png");
background-repeat: no-repeat;
background-position: 0 2px;
}
.header-nav-wrap .header-nav .nav-app p a {
vertical-align: top;
color: #24384b;
}
.header-nav-wrap .header-nav .nav-app p a:hover {
text-decoration: underline;
}
.footer-wrap {
width: 100%;
background: #172431;
}
.footer-wrap .footer-content {
width: 1200px;
margin: 0 auto;
}
.footer-wrap .footer-content .footer-main {
padding-top: 41px;
}
.footer-wrap .footer-content .footer-main .footer-link {
float: left;
width: 120px;
margin-right: 55px;
}
.footer-wrap .footer-content .footer-main .footer-link h4 {
line-height: 28px;
font-size: 16px;
color: #fff;
border-bottom: 1px solid #273542;
}
.footer-wrap .footer-content .footer-main .footer-link ul li {
line-height: 30px;
font-size: 14px;
color: #bcc0c4;
}
.footer-wrap .footer-content .footer-main .footer-link ul li a {
color: #bcc0c4;
}
.footer-wrap .footer-content .footer-main .footer-link ul li a:hover {
color: #fff;
}
.footer-wrap .footer-content .footer-main .footer-qr-code {
float: right;
width: 120px;
margin-right: 24px;
}
.footer-wrap .footer-content .footer-main .footer-qr-code img {
width: 120px;
height: 120px;
}
.footer-wrap .footer-content .footer-main .footer-qr-code p {
line-height: 30px;
text-align: center;
font-size: 14px;
color: #bcc0c4;
}
.footer-wrap .footer-content .footer-info {
margin-top: 46px;
padding: 20px 0 45px 0;
border-top: 1px solid #1c2c3b;
font-size: 14px;
line-height: 24px;
}
.footer-wrap .footer-content .footer-info p {
display: inline;
color: #878b90;
}
.footer-wrap .footer-content .footer-info span {
float: right;
display: inline;
color: #878b90;
}
.footer-wrap .footer-content .footer-info span a {
color: #878b90;
}
.footer-wrap .footer-content .footer-info span a:hover {
text-decoration: underline;
}
.footer-simple-wrap .footer-simple {
width: 1200px;
margin: 0 auto;
text-align: center;
}
.footer-simple-wrap .footer-simple .link ul {
width: 456px;
margin: 24px auto 0 auto;
text-align: center;
}
.footer-simple-wrap .footer-simple .link ul li {
float: left;
line-height: 24px;
font-size: 14px;
color: #666;
}
.footer-simple-wrap .footer-simple .link ul li a {
color: #666;
}
.footer-simple-wrap .footer-simple .link ul li.split {
padding: 0 20px;
color: #dedede;
}
.footer-simple-wrap .footer-simple .info {
margin-top: 10px;
line-height: 24px;
font-size: 14px;
color: #666;
}
.footer-simple-wrap .footer-simple .info a {
padding-left: 4px;
color: #666;
}
.footer-simple-wrap .footer-simple .info a:hover {
text-decoration: underline;
}
.side-control-wrap {
position: fixed;
right: 0;
top: 55%;
z-index: 100;
}
.side-control-wrap .side-control ul {
right: 0;
top: 0;
}
.side-control-wrap .side-control ul li {
position: relative;
width: 100px;
height: 50px;
margin-top: 1px;
}
.side-control-wrap .side-control ul a {
display: block;
position: absolute;
left: 50px;
width: 100px;
height: 50px;
background: #24384b;
}
.side-control-wrap .side-control ul a .left {
float: left;
width: 50px;
height: 50px;
}
.side-control-wrap .side-control ul a .left.function1 {
background: url("../images/icon-side-service.svg") no-repeat 13px 13px;
}
.side-control-wrap .side-control ul a .left.function2 {
background: url("../images/icon-side-complain.svg") no-repeat 13px 13px;
}
.side-control-wrap .side-control ul a .left.function3 {
background: url("../images/icon-side-app.svg") no-repeat 13px 13px;
}
.side-control-wrap .side-control ul a .left.function4 {
background: url("../images/icon-side-top.svg") no-repeat 13px 13px;
}
.side-control-wrap .side-control ul a .right {
float: right;
width: 50px;
height: 50px;
padding-top: 8px;
line-height: 16px;
text-align: center;
font-size: 12px;
color: #fff;
}
.side-control-wrap .side-control ul a:hover .left.function1 {
background: url("../images/icon-side-service-active.svg") no-repeat 13px 13px;
}
.side-control-wrap .side-control ul a:hover .left.function2 {
background: url("../images/icon-side-complain-active.svg") no-repeat 13px 13px;
}
.side-control-wrap .side-control ul a:hover .left.function3 {
background: url("../images/icon-side-app-active.svg") no-repeat 13px 13px;
}
.side-control-wrap .side-control ul a:hover .left.function4 {
background: url("../images/icon-side-top-active.svg") no-repeat 13px 13px;
}
.block-list-screen-lay-wrap {
width: 1198px;
margin: 0 auto;
border: 1px solid #eff0f2;
font-size: 14px;
}
.block-list-screen-lay-wrap .title {
float: left;
width: 98px;
padding: 11px 0;
line-height: 28px;
text-align: center;
color: #333;
}
.block-list-screen-lay-wrap .list {
float: left;
width: 1100px;
min-height: 50px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.block-list-screen-lay-wrap .list ul .item {
float: left;
padding: 11px 0;
line-height: 28px;
color: #666;
}
.block-list-screen-lay-wrap .list ul .item a {
padding: 0 11px;
line-height: 28px;
color: #666;
}
.block-list-screen-lay-wrap .list ul .item:hover > a {
display: inline-block;
padding: 0 11px;
line-height: 28px;
background: #536368;
color: #fff;
}
.block-list-screen-lay-wrap .list ul .item.active > a {
display: inline-block;
padding: 0 11px;
line-height: 28px;
background: #536368;
color: #fff;
}
.block-list-screen-lay-wrap .list .sub-content .sub-group .sub-item {
float: left;
margin-right:2px;
padding: 11px 0;
line-height: 28px;
color: #666;
}
.block-list-screen-lay-wrap .list .sub-content .sub-group .sub-item a {
padding: 0 11px;
line-height: 28px;
color: #666;
}
.block-list-screen-lay-wrap .list .sub-content .sub-group .sub-item:hover a {
display: inline-block;
padding: 0 11px;
line-height: 28px;
background: #536368;
color: #fff;
}
.block-list-screen-lay-wrap .list .sub-content .sub-group .sub-item.active a {
display: inline-block;
padding: 0 11px;
line-height: 28px;
background: #536368;
color: #fff;
}
.block-list-screen-lay-wrap .more {
float: left;
width: 100px;
padding: 11px 0;
text-align: center;
}
.block-list-screen-lay-wrap .more span {
display: inline-block;
padding: 0 5px 0 10px;
line-height: 28px;
background: #f2f3f5;
cursor: pointer;
}
.block-list-screen-lay-wrap .more span svg {
padding-left: 4px;
vertical-align: middle;
}
.short-list-screen-lay-wrap {
width: 896px;
margin: 0 auto;
border: 1px solid #eff0f2;
font-size: 14px;
}
.short-list-screen-lay-wrap .title {
float: left;
width: 98px;
padding: 11px 0;
line-height: 28px;
text-align: center;
color: #333;
}
.short-list-screen-lay-wrap .list {
float: left;
width: 690px;
min-height: 50px;
overflow: hidden;
}
.short-list-screen-lay-wrap .list ul .item {
float: left;
padding: 11px 0;
line-height: 28px;
color: #666;
}
.short-list-screen-lay-wrap .list ul .item a {
padding: 0 11px;
line-height: 28px;
color: #666;
}
.short-list-screen-lay-wrap .list ul .item:hover > a {
display: inline-block;
padding: 0 11px;
line-height: 28px;
background: #536368;
color: #fff;
}
.short-list-screen-lay-wrap .list ul .item.active > a {
display: inline-block;
padding: 0 11px;
line-height: 28px;
background: #536368;
color: #fff;
}
.short-list-screen-lay-wrap .list .sub-content .sub-group .sub-item {
float: left;
padding: 11px 0;
line-height: 28px;
color: #666;
}
.short-list-screen-lay-wrap .list .sub-content .sub-group .sub-item a {
padding: 0 11px;
line-height: 28px;
color: #666;
}
.short-list-screen-lay-wrap .list .sub-content .sub-group .sub-item:hover a {
display: inline-block;
padding: 0 11px;
line-height: 28px;
background: #536368;
color: #fff;
}
.short-list-screen-lay-wrap .list .sub-content .sub-group .sub-item.active a {
display: inline-block;
padding: 0 11px;
line-height: 28px;
background: #536368;
color: #fff;
}
.short-list-screen-lay-wrap .more {
float: left;
width: 100px;
padding: 11px 0;
text-align: center;
}
.short-list-screen-lay-wrap .more span {
display: inline-block;
padding: 0 5px 0 10px;
line-height: 28px;
background: #f2f3f5;
cursor: pointer;
}
.short-list-screen-lay-wrap .more span svg {
padding-left: 4px;
vertical-align: middle;
}
.block-list-screen-wrap {
width: 1198px;
margin: 0 auto;
border: 1px solid #eff0f2;
font-size: 14px;
}
.block-list-screen-wrap .title {
float: left;
width: 98px;
padding: 11px 0;
line-height: 28px;
text-align: center;
color: #333;
}
.block-list-screen-wrap .list {
float: left;
width: 1000px;
height: 100px;
overflow: hidden;
}
.block-list-screen-wrap .list ul li {
float: left;
padding: 11px 0;
line-height: 28px;
color: #666;
}
.block-list-screen-wrap .list ul li a {
padding: 0 11px;
line-height: 28px;
color: #666;
}
.block-list-screen-wrap .list ul li:hover a {
display: inline-block;
padding: 0 11px;
line-height: 28px;
background: #536368;
color: #fff;
}
.block-list-screen-wrap .list ul li.active a {
display: inline-block;
padding: 0 11px;
line-height: 28px;
background: #536368;
color: #fff;
}
.block-list-screen-wrap .more {
float: left;
width: 100px;
padding: 11px 0;
text-align: center;
}
.block-list-screen-wrap .more span {
display: inline-block;
padding: 0 5px 0 10px;
line-height: 28px;
background: #f2f3f5;
cursor: pointer;
}
.block-list-screen-wrap .more span svg {
padding-left: 4px;
vertical-align: middle;
}
.short-list-screen-wrap {
width: 896px;
margin: 0 auto;
border: 1px solid #eff0f2;
font-size: 14px;
}
.short-list-screen-wrap .title {
float: left;
width: 98px;
padding: 11px 0;
line-height: 28px;
text-align: center;
color: #333;
}
.short-list-screen-wrap .list {
float: left;
width: 690px;
height: 100px;
overflow: hidden;
}
.short-list-screen-wrap .list ul li {
float: left;
padding: 11px 0;
line-height: 28px;
color: #666;
}
.short-list-screen-wrap .list ul li a {
padding: 0 11px;
line-height: 28px;
color: #666;
}
.short-list-screen-wrap .list ul li:hover a {
display: inline-block;
padding: 0 11px;
line-height: 28px;
background: #536368;
color: #fff;
}
.short-list-screen-wrap .list ul li.active a {
display: inline-block;
padding: 0 11px;
line-height: 28px;
background: #536368;
color: #fff;
}
.short-list-screen-wrap .more {
float: left;
width: 100px;
padding: 11px 0;
text-align: center;
}
.short-list-screen-wrap .more span {
display: inline-block;
padding: 0 5px 0 10px;
line-height: 28px;
background: #f2f3f5;
cursor: pointer;
}
.short-list-screen-wrap .more span svg {
padding-left: 4px;
vertical-align: middle;
}
.block-list-order-wrap {
width: 1198px;
height: 50px;
margin: 0 auto;
border: 1px solid #eff0f2;
background: #f8f8f9;
}
.block-list-order-wrap .order-btns ul li {
float: left;
line-height: 50px;
border-right: 1px solid #e3e5e7;
}
.block-list-order-wrap .order-btns ul li a {
display: inline-block;
height: 50px;
padding: 0 28px;
color: #666;
font-size: 14px;
}
.block-list-order-wrap .order-btns ul li a .arr {
display: inline-block;
width: 9px;
height: 12px;
margin-left: 7px;
background: url("../images/arr-order.png") no-repeat;
}
.block-list-order-wrap .order-btns ul li a .arr-down {
background-position: -9px 0;
}
.block-list-order-wrap .order-btns ul li a .arr-up {
background-position: 0 0;
}
.block-list-order-wrap .order-btns ul li a .arr-0 {
background-position: -18px 0;
}
.block-list-order-wrap .order-btns ul li:hover {
background: #fff;
}
.block-list-order-wrap .select-btn-wrap {
float: left;
position: relative;
}
.block-list-order-wrap .select-btn-wrap .select-btn {
line-height: 50px;
border-right: 1px solid #e3e5e7;
height: 50px;
padding: 0 28px;
color: #666;
font-size: 14px;
cursor: pointer;
}
.block-list-order-wrap .select-btn-wrap .select-btn svg {
margin-left: 4px;
vertical-align: middle;
}
.block-list-order-wrap .select-btn-wrap .select-btn:hover {
background: #fff;
}
.block-list-order-wrap .select-btn-wrap .select-item-list {
position: absolute;
left: -1px;
top: 50px;
z-index: 999;
}
.block-list-order-wrap .select-btn-wrap .select-item-list ul li {
width: 129px;
height: 50px;
line-height: 50px;
text-align: center;
background: #f8f8f9;
border-top: 1px solid #eff0f2;
border-right: 1px solid #eff0f2;
border-left: 1px solid #eff0f2;
color: #666;
font-size: 14px;
cursor: pointer;
}
.block-list-order-wrap .select-btn-wrap .select-item-list ul li:hover {
background: #fff;
}
.block-list-order-wrap .area-text {
line-height: 50px;
padding: 0 4px 0 28px;
color: #666;
font-size: 14px;
}
.block-list-order-wrap .method-city-select-wrap {
cursor: pointer;
}
.block-list-order-wrap .method-city-select-wrap em {
color: #ccc;
}
.block-list-order-wrap .method-city-select-wrap .city-picker-span > .title > span {
color: #666;
padding: 5px;
font-size: 16px;
border-radius: 3px;
display: inline-block;
height: 40px;
line-height: 40px;
}
.block-list-order-wrap .method-city-select-wrap .city-picker-span .arrow {
display: none;
}
.block-list-order-wrap .method-city-select-wrap .city-picker-span > .title > span:hover {
/* background-color: #f1f8ff; */
background-color: #f8f8f9;
}
.block-list-order-wrap .area-icon {
margin-left: 4px;
}
.block-list-order-wrap .area-icon svg {
margin-top: 22px;
}
.block-list-order-wrap .area-go {
float: left;
}
.block-list-order-wrap .area-go a {
line-height: 28px;
display: inline-block;
margin: 10px;
padding: 0 11px;
background: #536368;
color: #fff;
cursor: pointer;
}
.block-list-order-wrap .change-price{
float: right;
padding:10px;
}
.block-list-order-wrap .change-price ul li.active{
color:#FB7805;
border:1px solid #FB7805;
}
.block-list-order-wrap .change-price ul li{
float: left;
color: #666;
border:1px solid #eff0f2;
width:48px;
height:30px;
line-height: 30px;
font-size: 14px;
margin-right:5px;
text-align: center;
}
.block-list-order-wrap .change-price ul li:hover{
cursor: pointer;
}
.block-list-order-wrap .show-type {
float: right;
}
.block-list-order-wrap .show-type .type-cover {
width: 102px;
}
.block-list-order-wrap .show-type .type-cover .type-mid {
display: table-cell;
text-align: center;
float: left;
border-left: 1px solid #e3e5e7;
width: 50px;
height: 50px;
line-height: 50px;
cursor: pointer;
}
.block-list-order-wrap .show-type .type-cover .type-mid:hover {
background: #fff;
}
.block-list-order-wrap .show-type .type-cover .type-mid.active {
background: #fff;
}
.short-list-order-wrap {
width: 896px;
height: 50px;
margin: 0 auto;
border: 1px solid #eff0f2;
background: #f8f8f9;
}
.short-list-order-wrap .order-btns ul li {
float: left;
line-height: 50px;
border-right: 1px solid #e3e5e7;
}
.short-list-order-wrap .order-btns ul li a {
display: inline-block;
height: 50px;
padding: 0 28px;
color: #666;
font-size: 14px;
}
.short-list-order-wrap .order-btns ul li a .arr {
display: inline-block;
width: 9px;
height: 12px;
margin-left: 7px;
background: url("../images/arr-order.png") no-repeat;
}
.short-list-order-wrap .order-btns ul li a .arr-down {
background-position: -9px 0;
}
.short-list-order-wrap .order-btns ul li a .arr-up {
background-position: 0 0;
}
.short-list-order-wrap .order-btns ul li a .arr-0 {
background-position: -18px 0;
}
.short-list-order-wrap .order-btns ul li:hover {
background: #fff;
}
.short-list-order-wrap .select-btn-wrap {
float: left;
position: relative;
}
.short-list-order-wrap .select-btn-wrap .select-btn {
line-height: 50px;
border-right: 1px solid #e3e5e7;
height: 50px;
padding: 0 28px;
color: #666;
font-size: 14px;
cursor: pointer;
}
.short-list-order-wrap .select-btn-wrap .select-btn svg {
margin-left: 4px;
vertical-align: middle;
}
.short-list-order-wrap .select-btn-wrap .select-btn:hover {
background: #fff;
}
.short-list-order-wrap .select-btn-wrap .select-item-list {
position: absolute;
left: -1px;
top: 50px;
z-index: 999;
}
.short-list-order-wrap .select-btn-wrap .select-item-list ul li {
width: 129px;
height: 50px;
line-height: 50px;
text-align: center;
background: #f8f8f9;
border-top: 1px solid #eff0f2;
border-right: 1px solid #eff0f2;
border-left: 1px solid #eff0f2;
color: #666;
font-size: 14px;
cursor: pointer;
}
.short-list-order-wrap .select-btn-wrap .select-item-list ul li:hover {
background: #fff;
}
.short-list-order-wrap .area-text {
line-height: 50px;
padding: 0 4px 0 28px;
color: #666;
font-size: 14px;
}
.short-list-order-wrap .method-city-select-wrap {
cursor: pointer;
}
.short-list-order-wrap .method-city-select-wrap em {
color: #ccc;
}
.short-list-order-wrap .method-city-select-wrap .city-picker-span > .title > span {
color: #666;
padding: 5px;
font-size: 14px;
border-radius: 3px;
display: inline-block;
height: 40px;
line-height: 40px;
}
.short-list-order-wrap .method-city-select-wrap .city-picker-span .arrow {
display: none;
}
.short-list-order-wrap .method-city-select-wrap .city-picker-span > .title > span:hover {
/* background-color: #f1f8ff; */
background-color: #f8f8f9;
}
.short-list-order-wrap .area-icon {
margin-left: 4px;
}
.short-list-order-wrap .area-icon svg {
margin-top: 22px;
}
.short-list-order-wrap .area-go {
float: left;
}
.short-list-order-wrap .area-go a {
line-height: 28px;
display: inline-block;
margin: 10px;
padding: 0 11px;
background: #536368;
color: #fff;
cursor: pointer;
}
.short-list-order-wrap .show-type {
float: right;
}
.short-list-order-wrap .show-type .type-cover {
width: 102px;
}
.short-list-order-wrap .show-type .type-cover .type-mid {
display: table-cell;
text-align: center;
float: left;
border-left: 1px solid #e3e5e7;
width: 50px;
height: 50px;
line-height: 50px;
cursor: pointer;
}
.short-list-order-wrap .show-type .type-cover .type-mid:hover {
background: #fff;
}
.short-list-order-wrap .show-type .type-cover .type-mid.active {
background: #fff;
}
/*首页板块*/
.carousel-wrap .swiper-container img {
width: 100%;
min-width: 1200px;
vertical-align: bottom;
}
.carousel-wrap .swiper-container .swiper-pagination-bullets {
position: absolute;
z-index: 20;
bottom: 20px !important;
text-align: center;
}
.carousel-wrap .swiper-container .swiper-pagination-bullet {
background: #666;
margin: 0 5px;
opacity: 0.8;
}
.carousel-wrap .swiper-container .swiper-pagination-bullet-active {
background: #fff;
}
.block-report-wrap {
padding: 31px 0 54px 0;
}
.block-report-wrap .title {
line-height: 44px;
font-size: 30px;
text-align: center;
color: #333;
}
.block-report-wrap .info ul {
padding: 0 100px;
}
.block-report-wrap .info ul li {
width: 33%;
float: left;
text-align: center;
font-size: 16px;
color: #333;
}
.block-report-wrap .info ul li span {
padding-right: 2px;
font-size: 36px;
vertical-align: sub;
font-weight: bold;
color: #f97824;
}
.block-report-wrap .content ul {
padding-top: 12px;
}
.block-report-wrap .content ul li {
float: left;
width: 285px;
height: 328px;
margin-right: 20px;
background: #fff;
}
.block-report-wrap .content ul li .sub {
font-size: 24px;
line-height: 40px;
margin-top: 18px;
text-align: center;
color: #333;
}
.block-report-wrap .content ul li .logo {
width: 112px;
height: 125px;
margin: 7px auto;
}
.block-report-wrap .content ul li .logo1 {
background: url("../images/report-1.png") no-repeat;
}
.block-report-wrap .content ul li .logo2 {
background: url("../images/report-2.png") no-repeat;
}
.block-report-wrap .content ul li .logo3 {
background: url("../images/report-3.png") no-repeat;
}
.block-report-wrap .content ul li .logo4 {
background: url("../images/report-4.png") no-repeat;
}
.block-report-wrap .content ul li .text {
height: 44px;
margin-top: 11px;
line-height: 22px;
font-size: 14px;
text-align: center;
color: #999;
}
.block-report-wrap .content ul li .button {
width: 143px;
height: 36px;
margin: 16px auto;
line-height: 36px;
border: 1px solid #e2e3e7;
border-radius: 2px;
cursor: pointer;
font-size: 14px;
text-align: center;
color: #666;
}
.block-report-wrap .content ul li:hover .button {
color: #f97824;
}
.block-lease-wrap {
padding-top: 39px;
}
.block-lease-wrap .block-lease-content {
padding-top: 9px;
}
.block-lease-wrap .block-lease-content .block-lease-hot {
float: left;
}
.block-lease-wrap .block-lease-content .block-lease-hot .hot-tag ul {
border-left: 1px solid #eff0f2;
border-right: 1px solid #eff0f2;
}
.block-lease-wrap .block-lease-content .block-lease-hot .hot-tag ul li {
float: left;
width: 145px;
height: 45px;
line-height: 45px;
border-top: 2px solid #24384b;
text-align: center;
font-size: 16px;
background: #24384b;
color: #fff;
}
.block-lease-wrap .block-lease-content .block-lease-hot .hot-tag ul li.active {
background: #fff;
color: #24384b;
}
.block-lease-wrap .block-lease-content .block-lease-hot .hot-list {
height: 586px;
border-right: 1px solid #eff0f2;
border-bottom: 1px solid #eff0f2;
border-left: 1px solid #eff0f2;
}
.block-lease-wrap .block-lease-content .block-lease-hot .hot-list ul li {
width: 289px;
padding: 15px 0;
border-top: 1px solid #eff0f2;
}
.block-lease-wrap .block-lease-content .block-lease-hot .hot-list ul li .hot-list-simple .count {
float: left;
width: 18px;
height: 18px;
margin-left: 12px;
line-height: 18px;
text-align: center;
font-size: 10px;
background: #999;
color: #fff;
}
.block-lease-wrap .block-lease-content .block-lease-hot .hot-list ul li .hot-list-simple .count.active {
background: #f97824;
}
.block-lease-wrap .block-lease-content .block-lease-hot .hot-list ul li .hot-list-simple .name {
float: left;
width: 150px;
height: 18px;
overflow: hidden;
padding-left: 7px;
line-height: 18px;
font-size: 14px;
color: #666;
}
.block-lease-wrap .block-lease-content .block-lease-hot .hot-list ul li .hot-list-simple .num {
float: right;
line-height: 18px;
padding-right: 27px;
font-size: 14px;
color: #666;
}
.block-lease-wrap .block-lease-content .block-lease-hot .hot-list ul li .hot-list-simple .num span {
color: #999;
}
.block-lease-wrap .block-lease-content .block-lease-hot .hot-list ul li .hot-list-full {
padding-top: 6px;
}
.block-lease-wrap .block-lease-content .block-lease-hot .hot-list ul li .hot-list-full .item .photo {
float: left;
padding-left: 12px;
}
.block-lease-wrap .block-lease-content .block-lease-hot .hot-list ul li .hot-list-full .item .photo img {
width: 80px;
height: 80px;
}
.block-lease-wrap .block-lease-content .block-lease-hot .hot-list ul li .hot-list-full .item .info {
float: left;
width: 180px;
overflow: hidden;
padding-left: 14px;
}
.block-lease-wrap .block-lease-content .block-lease-hot .hot-list ul li .hot-list-full .item .info .price {
font-size: 16px;
line-height: 16px;
font-weight: bold;
color: #f8361e;
}
.block-lease-wrap .block-lease-content .block-lease-hot .hot-list ul li .hot-list-full .item .info .num {
font-size: 14px;
padding-top: 2px;
line-height: 24px;
color: #999;
}
.block-lease-wrap .block-lease-content .block-lease-hot .hot-list ul li .hot-list-full .item .info .num span {
color: #666;
}
.block-lease-wrap .block-lease-content .block-lease-hot .hot-list ul li .hot-list-full .item .info .comp {
height: 44px;
overflow: hidden;
font-size: 14px;
line-height: 22px;
color: #999;
}
.block-lease-wrap .block-lease-content .block-lease-goods {
float: left;
width: 897px;
height: 634px;
margin-left: 11px;
}
.block-ad-wrap {
padding-top: 12px;
}
.block-ad-wrap2 {
padding: 0px 0 20px 0;
}
.block-hot-brand {
margin-top: 12px;
}
.block-hot-brand ul li {
float: left;
margin: 0 11px 10px 0;
}
.block-hot-brand ul .title {
width: 162px;
height: 66px;
}
.block-hot-brand ul .title .sub-title {
float: left;
font-size: 24px;
padding-top: 13px;
padding-left: 2px;
color: #24384b;
font-weight: bold;
}
.block-hot-brand ul .title .sub-title a {
color: #24384b;
}
.block-hot-brand ul .item {
width: 160px;
height: 64px;
border: 1px solid #eff0f2;
overflow: hidden;
}
.block-hot-brand ul .item a img {
width: 160px;
height: 64px;
transition: all 0.5s ease-in-out;
}
.block-hot-brand ul .item a img:hover {
transform: scale(1.2);
}
.block-rent-wrap {
margin-top: 28px;
padding: 33px 0 16px 0;
}
.block-rent-wrap .block-rent-content-wrap {
margin-top: 20px;
}
.block-rent-wrap .block-rent-content-wrap ul li {
float: left;
width: 278px;
height: 180px;
padding-left: 20px;
border: 1px solid #eff0f2;
background: #fff;
}
.block-rent-wrap .block-rent-content-wrap ul li .title {
width: 270px;
height: 28px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-top: 15px;
line-height: 28px;
font-size: 16px;
color: #333;
}
.block-rent-wrap .block-rent-content-wrap ul li .title:hover{
color: #F97926;
}
.block-rent-wrap .block-rent-content-wrap ul li .brand {
line-height: 26px;
font-size: 14px;
color: #666;
}
.block-rent-wrap .block-rent-content-wrap ul li .date {
line-height: 24px;
font-size: 14px;
color: #666;
}
.block-rent-wrap .block-rent-content-wrap ul li .date .mon {
padding:2px 3px;
text-align: center;
font-size: 14px;
background: #f8361e;
color: #fff;
}
.block-rent-wrap .block-rent-content-wrap ul li .city {
padding-left: 22px;
background: url("../images/icon-position.png") no-repeat 0 12px;
line-height: 40px;
font-size: 14px;
color: #999;
}
.block-rent-wrap .block-rent-content-wrap ul li:hover {
border: 1px solid #f97824;
}
.block-sale-wrap {
padding-top: 39px;
}
.block-sale-wrap .block-sale-content-wrap {
padding-top: 9px;
}
.block-second-wrap {
padding: 39px 0 44px 0;
}
.block-second-wrap .block-second-content-wrap {
padding-top: 9px;
}
.block-about-wrap {
padding-top: 30px;
}
.block-about-wrap .block-about-content-wrap .desc {
padding-top: 8px;
}
.block-about-wrap .block-about-content-wrap .desc p {
line-height: 28px;
font-size: 14px;
color: #666;
}
.block-about-wrap .block-about-content-wrap .photo {
padding-top: 16px;
}
.block-about-wrap .block-about-content-wrap .photo ul li {
float: left;
width: 284px;
height: 200px;
margin-right: 20px;
}
.block-about-wrap .block-about-content-wrap .advantage {
padding: 33px 0 20px 0;
text-align: center;
}
.block-about-wrap .block-about-content-wrap .advantage p.title{
color: #333;
font-size: 20px;
margin-bottom: 30px;
}
.block-about-wrap .block-about-content-wrap .advantage .advantageinfo{
height:160px;
position: relative;
border:1px solid #fff;
}
.block-about-wrap .block-about-content-wrap .advantage .advantageinfo .line{
margin-top:62px;
border-top:1px solid #FEF2C7;
}
.block-about-wrap .block-about-content-wrap .advantage .advantageinfo .advantagenr{
height:160px;
position: absolute;
top:1px;
}
.block-about-wrap .block-about-content-wrap .advantage .advantageinfo .advantagenr li{
width:112px;
float: left;
text-align: center;
margin-left:106px;
}
.block-about-wrap .block-about-content-wrap .advantage .advantageinfo .advantagenr li div img{
height:125px;
width:112px;
}
.block-about-wrap .block-about-content-wrap .advantage .advantageinfo .advantagenr li p{
font-size: 13px;
color: #3F3F3F;
}
.block-about-wrap .block-about-content-wrap .advantage img {
width: 1200px;
height: 232px;
}
.block-easy-wrap {
padding: 73px 0 50px 0;
}
.block-easy-wrap .block-easy-content-wrap {
padding-top: 10px;
}
.block-easy-wrap .block-easy-content-wrap .easy-tips {
float: left;
}
.block-easy-wrap .block-easy-content-wrap .easy-tips ul li {
float: left;
width: 279px;
margin-right: 13px;
padding-bottom: 34px;
background: #fff;
}
.block-easy-wrap .block-easy-content-wrap .easy-tips ul li .easy-button-group {
margin-top: 28px;
}
.block-easy-wrap .block-easy-content-wrap .easy-tips ul li .easy-button-group .easy-button {
float: left;
width: 139px;
border-right: 1px solid #eff0f2;
text-align: center;
}
.block-easy-wrap .block-easy-content-wrap .easy-tips ul li .easy-button-group .easy-button .text1 {
line-height: 24px;
font-size: 16px;
color: #333;
}
.block-easy-wrap .block-easy-content-wrap .easy-tips ul li .easy-button-group .easy-button .text2 {
line-height: 20px;
font-size: 12px;
color: #999;
}
.block-easy-wrap .block-easy-content-wrap .easy-question {
float: left;
width: 284px;
height: 298px;
margin-left: 13px;
padding: 6px 20px 0 20px;
background: #fff;
}
.block-easy-wrap .block-easy-content-wrap .easy-question ul{
padding:0px 10px;
}
.block-easy-wrap .block-easy-content-wrap .easy-question ul li{
height:90px;
border-top: 1px solid #eff0f2;
line-height: 100px;
color: #333;
font-size: 24px;
}
.block-easy-wrap .block-easy-content-wrap .easy-question ul li span{
color: #FB7805;
font-size: 32px;
font-weight: 400;
}
.block-easy-wrap .block-easy-content-wrap .easy-question .question-title p {
display: inline;
line-height: 40px;
font-size: 24px;
color: #333;
}
.block-easy-wrap .block-easy-content-wrap .easy-question .question-title span {
float: right;
padding-top: 14px;
line-height: 20px;
font-size: 14px;
color: #666;
}
.block-easy-wrap .block-easy-content-wrap .easy-question .question-title span a {
color: #666;
}
.block-easy-wrap .block-easy-content-wrap .easy-question .question-title span a:hover {
text-decoration: underline;
}
.block-easy-wrap .block-easy-content-wrap .easy-question .question-photo img {
width: 284px;
}
.block-easy-wrap .block-easy-content-wrap .easy-question .question-list {
margin-top: 18px;
}
.block-easy-wrap .block-easy-content-wrap .easy-question .question-list li {
margin-bottom: 14px;
}
.block-easy-wrap .block-easy-content-wrap .easy-question .question-list li p {
line-height: 24px;
font-size: 18px;
color: #333;
}
.block-easy-wrap .block-easy-content-wrap .easy-question .question-list li span {
display: inline-block;
height: 20px;
overflow: hidden;
line-height: 20px;
font-size: 14px;
color: #999;
}
.block-easy-wrap .block-easy-content-wrap .easy-question .question-list li:hover p {
color: #f97824;
}
/*公司板块*/
.ci-header-wrap {
width: 100%;
background: #f6f6f6;
}
.ci-header-wrap .ci-header-content {
width: 1200px;
margin: 0 auto;
}
.ci-header-wrap .ci-header-content .ci-header {
padding: 15px 0;
}
.ci-header-wrap .ci-header-content .ci-header .photo {
float: left;
}
.ci-header-wrap .ci-header-content .ci-header .photo a img {
max-height: 94px;
max-width: 130px;
}
.ci-header-wrap .ci-header-content .ci-header .info {
float: left;
margin-left: 30px;
}
.ci-header-wrap .ci-header-content .ci-header .info .line1 {
line-height: 38px;
font-size: 24px;
color: #333;
}
.ci-header-wrap .ci-header-content .ci-header .info .line2 {
padding-left: 30px;
line-height: 30px;
font-size: 14px;
color: #666;
background: url("../images/icon-check.png") no-repeat 0 6px;
}
.ci-header-wrap .ci-header-content .ci-header .info .line2.no {
background: url("../images/icon-checkno.png") no-repeat 0 6px;
}
.ci-header-wrap .ci-header-content .ci-header .info .line3 {
line-height: 26px;
font-size: 14px;
color: #666;
}
.ci-header-wrap .ci-header-content .ci-header .info .line3 span {
padding-right: 40px;
}
.ci-header-wrap .ci-header-content .ci-header .usertel{
float:right;
color:#f00;
line-height: 80px;
font-size: 18px;
}
.ci-nav-wrap {
background: #fdd34d;
}
.ci-nav-wrap .ci-nav-content {
width: 1200px;
height: 52px;
margin: 0 auto;
}
.ci-nav-wrap .ci-nav-content .ci-menu {
position: relative;
float: left;
width: 152px;
padding-left: 50px;
cursor: pointer;
z-index: 2000;
}
.ci-nav-wrap .ci-nav-content .ci-menu span {
line-height: 52px;
font-size: 16px;
color: #24384b;
}
.ci-nav-wrap .ci-nav-content .ci-menu ul {
position: absolute;
left: 0;
z-index: 2000;
}
.ci-nav-wrap .ci-nav-content .ci-menu ul li {
width: 152px;
height: 50px;
padding-left: 50px;
line-height: 50px;
border-bottom: 1px solid #eac347;
background: #fdd34d;
color: #24384b;
font-size: 16px;
}
.ci-nav-wrap .ci-nav-content .ci-menu ul li:hover {
background: #fde36a;
}
.ci-nav-wrap .ci-nav-content .ci-menu:hover {
background: #fdca43;
}
.ci-nav-wrap .ci-nav-content .ci-nav {
float: left;
}
.ci-nav-wrap .ci-nav-content .ci-nav ul li {
float: left;
padding: 0 29px;
line-height: 52px;
font-size: 16px;
color: #24384b;
cursor: pointer;
}
.ci-nav-wrap .ci-nav-content .ci-nav ul li a {
color: #24384b;
}
.ci-nav-wrap .ci-nav-content .ci-nav ul li.active {
background: #fdca43;
}
.ci-nav-wrap .ci-nav-content .ci-nav ul li:hover {
background: #fdca43;
}
.ci-main-wrap {
margin: 20px 0 50px 0;
}
.ci-main-wrap .ci-main-content {
width: 1200px;
margin: 0 auto;
}
.ci-main-wrap .ci-main-content .main-wrap {
float: left;
width: 898px;
}
.ci-main-wrap .ci-main-content .main-wrap .method-title {
width: 100%;
height: 42px;
line-height: 42px;
background: #f2f3f5;
}
.ci-main-wrap .ci-main-content .main-wrap .method-title .text {
float: left;
display: inline-block;
width: 116px;
height: 42px;
line-height: 42px;
background: #fcdb59;
color: #24384b;
font-size: 18px;
text-align: center;
}
.ci-main-wrap .ci-main-content .main-wrap .method-title .more {
float: right;
padding-right: 20px;
font-size: 14px;
color: #666;
}
.ci-main-wrap .ci-main-content .main-wrap .method-title .more a {
color: #666;
}
.ci-main-wrap .ci-main-content .main-wrap .method-title .more a:hover {
text-decoration: underline;
}
.ci-main-wrap .ci-main-content .main-wrap .company-desc img {
display: block;
max-width: 898px;
margin: 0 auto;
}
.ci-main-wrap .ci-main-content .main-wrap .company-desc p {
padding: 20px 20px;
line-height: 34px;
font-size: 14px;
color: #24384b;
text-indent: 2em;
}
.ci-main-wrap .ci-main-content .main-wrap .company-location iframe {
margin: 0 auto;
border: none;
}
.ci-main-wrap .ci-main-content .main-wrap .company-info-lines {
padding-left: 10px;
line-height: 42px;
font-size: 14px;
}
.ci-main-wrap .ci-main-content .main-wrap .company-info-lines .line {
color: #333;
}
.ci-main-wrap .ci-main-content .main-wrap .company-info-lines .line span {
color: #666;
}
.ci-main-wrap .ci-main-content .side-ad {
float: left;
width: 290px;
margin-left: 16px;
}
.ci-main-wrap .ci-main-content .side-ad ul li {
width: 290px;
height: 215px;
margin-bottom: 10px;
}
.ci-main-wrap .ci-main-content .side-ad ul li a img {
width: 290px;
height: 215px;
}
/*商品板块*/
.goods-nav-block {
height: 54px;
line-height: 54px;
}
.goods-nav-block div {
float: left;
font-size: 14px;
color: #999;
}
.goods-nav-block div a {
color: #999;
}
.goods-nav-block div.sep {
padding: 0 6px;
}
.goods-nav-block .result-content {
float: right;
padding-right: 10px;
}
.goods-nav-block .result-content em {
padding: 0 4px;
color: #f97824;
}
.goods-main-info-block .main-info-photo {
float: left;
width: 490px;
height: 450px;
/* 商品放大图样式开�? */
}
.goods-main-info-block .main-info-photo .goods-photo {
float: left;
width: 490px;
height: 367px;
}
.goods-main-info-block .main-info-photo .goods-photo .photo-preview {
width: 490px;
height: 367px;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.goods-main-info-block .main-info-photo .goods-photo .photo-preview .jqzoom-wrap {
display: inline-block;
}
.goods-main-info-block .main-info-photo .goods-photo .photo-preview .jqzoom-wrap .jqzoom {
float: left;
border: none;
position: relative;
padding: 0px;
cursor: pointer;
margin: 0px;
display: block;
}
.goods-main-info-block .main-info-photo .goods-photo .photo-preview .jqzoom-wrap .jqzoom .jqzoom-img {
max-width: 490px;
max-height: 367px;
}
.goods-main-info-block .main-info-photo .goods-photo .photo-preview .jqzoom-wrap .jqzoom .jqZoomPup {
z-index: 10;
visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
width: 20px;
height: 20px;
border: 1px solid #aaa;
background: #ffffff;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=50);
}
.goods-main-info-block .main-info-photo .goods-photo .photo-preview .jqzoom-wrap .zoomdiv {
z-index: 100;
position: absolute;
top: 0px;
left: 0px;
width: 490px;
height: 367px;
background: #ffffff;
border: 1px solid #CCCCCC;
display: none;
text-align: center;
overflow: hidden;
}
.goods-main-info-block .main-info-photo .goods-photo .thumb-scroll {
clear: both;
width: 490px;
margin-top: 10px;
}
.goods-main-info-block .main-info-photo .goods-photo .thumb-scroll .prev {
float: left;
margin-right: 4px;
}
.goods-main-info-block .main-info-photo .goods-photo .thumb-scroll .next {
float: right;
}
.goods-main-info-block .main-info-photo .goods-photo .thumb-scroll .prev,
.goods-main-info-block .main-info-photo .goods-photo .thumb-scroll .next {
display: block;
font-family: "宋体";
text-align: center;
width: 28px;
height: 68px;
line-height: 66px;
background: #f2f3f5;
cursor: pointer;
text-decoration: none;
color: #999;
}
.goods-main-info-block .main-info-photo .goods-photo .thumb-scroll .content {
float: left;
position: relative;
width: 394px;
height: 68px;
margin-left: 15px;
overflow: hidden;
}
.goods-main-info-block .main-info-photo .goods-photo .thumb-scroll .content .thumbnail-wrap {
position: absolute;
width: 999999px;
height: 68px;
}
.goods-main-info-block .main-info-photo .goods-photo .thumb-scroll .content .thumbnail-wrap li {
float: left;
width: 89px;
height: 66px;
border: 1px solid #ccc;
margin-right: 10px;
}
.goods-main-info-block .main-info-photo .goods-photo .thumb-scroll .content .thumbnail-wrap li a {
width: 89px;
height: 66px;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.goods-main-info-block .main-info-photo .goods-photo .thumb-scroll .content .thumbnail-wrap li a img {
max-width: 89px;
max-height: 66px;
vertical-align: middle;
}
.goods-main-info-block .main-info-photo .goods-photo .thumb-scroll .content .thumbnail-wrap li.active {
border: 1px solid #f97824;
}
.goods-main-info-block .main-info-detail {
float: left;
position: relative;
width: 680px;
height: 450px;
margin-left: 30px;
}
.goods-main-info-block .main-info-detail .flag {
position: absolute;
top: 4px;
left: -500px;
width: 47px;
height: 45px;
line-height: 32px;
font-size: 16px;
text-align: center;
background: url("../images/icon-lable-big.png") no-repeat;
color: #fff;
}
.goods-main-info-block .main-info-detail .flag.grey{
background: url("../images/icon-lable-biggrey.png") no-repeat;
}
.goods-main-info-block .main-info-detail .tag {
position: absolute;
right: 6px;
top: 6px;
height: 24px;
padding: 0 8px;
line-height: 24px;
border-radius: 3px;
font-size: 14px;
background: #70b2fc;
color: #fff;
}
.goods-main-info-block .main-info-detail .title {
line-height: 30px;
font-size: 24px;
color: #333;
}
.goods-main-info-block .main-info-detail .jztime{
color: #999;
font-size: 14px;
padding: 15px 0px;
border-bottom: 1px solid #eff0f2;
}
.goods-main-info-block .main-info-detail .jztime .tagspan{
padding: 3px 8px;
border-radius: 10px;
font-size: 14px;
margin:0px 25px;
background: #70b2fc;
color: #fff;
}
.goods-main-info-block .main-info-detail .type-method ul {
padding-top: 20px;
}
.goods-main-info-block .main-info-detail .type-method ul li {
float: left;
width: 48px;
height: 30px;
margin-right: 10px;
line-height: 30px;
font-size: 14px;
color: #666;
border: 1px solid #eff0f2;
text-align: center;
cursor: pointer;
}
.goods-main-info-block .main-info-detail .type-method ul li.active {
color: #f97824;
border: 1px solid #f97824;
background: #fef6ef;
}
.goods-main-info-block .main-info-detail .type-method ul li:hover {
color: #f97824;
border: 1px solid #f97824;
background: #fef6ef;
}
.goods-main-info-block .main-info-detail .price {
margin-top: 15px;
}
.goods-main-info-block .main-info-detail .price p {
display: inline;
line-height: 44px;
font-size: 24px;
font-weight: bold;
color: #f8361e;
}
.goods-main-info-block .main-info-detail .price span {
line-height: 44px;
font-size: 24px;
font-weight: bold;
color: #f8361e;
}
.goods-main-info-block .main-info-detail .price span.zs_ckj {
font-size: 16px;
color: #666;
font-weight: unset;
}
.goods-main-info-block .main-info-detail .options {
margin-top: 10px;
}
.goods-main-info-block .main-info-detail .options ul {
padding-bottom: 20px;
border-bottom: 1px solid #eff0f2;
}
.goods-main-info-block .main-info-detail .options ul li {
float: left;
width: 297px;
line-height: 40px;
font-size: 14px;
}
.goods-main-info-block .main-info-detail .options ul li .key {
color: #999;
width: 75px;
float: left;
display: inline-block;
}
.goods-main-info-block .main-info-detail .options ul li .value {
color: #333;
width: 210px;
float: left;
display: inline-block;
}
.goods-main-info-block .main-info-detail .buttons {
margin-top: 17px;
}
.goods-main-info-block .main-info-detail .buttons .right-now {
float: left;
width: 140px;
height: 46px;
line-height: 46px;
font-size: 18px;
text-align: center;
color: #fff;
background: #fe7323;
}
.goods-main-info-block .main-info-detail .buttons .right-now:hover {
background: #ff8b2d;
}
.goods-main-info-block .main-info-detail .buttons .favourite {
float: left;
width: 138px;
height: 44px;
margin-left: 20px;
border: 1px solid #fe7323;
line-height: 46px;
font-size: 18px;
text-align: center;
color: #fe7323;
background: #fff;
}
.goods-main-info-block .main-info-detail .buttons .favourite:hover {
border: 1px solid #ff8b2d;
color: #ff8b2d;
}
.goods-main-info-block .main-info-detail .gods-share {
margin-top: 40px;
}
.goods-main-content {
margin: 20px 0 100px 0;
}
.goods-main-content .goods-content-detail {
float: left;
width: 900px;
}
.goods-main-content .goods-content-detail .content-tab ul li {
float: left;
cursor: pointer;
}
.goods-main-content .goods-content-detail .content-tab ul li span {
font-size: 14px;
color: #f97824;
}
.goods-main-content .goods-content-detail .content-tab ul li.active {
border-top: 1px solid #f97824;
border-bottom: 1px solid #fff;
color: #f97824;
background: #fff;
}
.goods-main-content .goods-content-detail .content-tab ul .tab {
width: 117px;
height: 47px;
border: 1px solid #eff0f2;
line-height: 46px;
text-align: center;
font-size: 16px;
background: #f6f6f6;
color: #333;
}
.goods-main-content .goods-content-detail .content-tab ul .tab-empty {
width: 661px;
height: 47px;
border-top: 1px solid #eff0f2;
border-right: 1px solid #eff0f2;
border-bottom: 1px solid #eff0f2;
background: #f6f6f6;
}
.goods-main-content .goods-content-detail .content-main .content-main-options ul {
margin-top: 20px;
padding: 0px 35px;
border-bottom: 1px solid #eee;
}
.goods-main-content .goods-content-detail .content-main .content-main-options ul li {
float: left;
width: 410px;
font-size: 12px;
line-height: 25px;
}
.goods-main-content .goods-content-detail .content-main .content-main-options ul li .key {
display: inline-block;
/*padding-left: 30px;*/
width: 155px;
color: #999;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.goods-main-content .goods-content-detail .content-main .content-main-options ul li .value {
display: inline-block;
width: 230px;
color: #666;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.goods-main-content .goods-content-detail .content-main .content-text-wrap {
width: 830px;
padding: 35px;
text-align: center;
}
.goods-main-content .goods-content-detail .content-main .content-text-wrap .machine-info{
text-align: left;
line-height: 44px;
color: #333;
font-size: 14px;
}
.goods-main-content .goods-content-detail .content-main .content-text-wrap img {
max-width: 830px;
}
.goods-main-content .goods-content-detail .content-main .content-text-wrap p {
line-height: 44px;
text-align: left;
font-size: 14px;
color: #333;
}
.goods-main-content .goods-content-detail .content-record .content-record-list {
width: 820px;
margin: 0 auto;
}
.goods-main-content .goods-content-detail .content-record .content-record-list table {
margin-top: 30px;
}
.goods-main-content .goods-content-detail .content-record .content-record-list table tr {
width: 820px;
border-bottom: 1px solid #eff0f2;
}
.goods-main-content .goods-content-detail .content-record .content-record-list table tr th {
height: 55px;
text-align: center;
background: #f2f3f5;
}
.goods-main-content .goods-content-detail .content-record .content-record-list table tr td {
height: 55px;
text-align: center;
}
.goods-main-content .goods-content-detail .content-record .pagination-wrap {
width: 820px;
margin-top: 30px;
}
.goods-main-content .goods-content-company {
float: left;
width: 268px;
margin-left: 10px;
padding: 0 10px 17px 10px;
border: 1px solid #eff0f2;
}
.goods-main-content .goods-content-company .company-logo {
text-align: center;
padding-top: 30px;
}
.goods-main-content .goods-content-company .company-logo img {
max-width: 128px;
}
.goods-main-content .goods-content-company .company-name {
line-height: 24px;
text-align: center;
font-size: 16px;
color: #333;
}
.goods-main-content .goods-content-company .company-name a {
color: #333;
}
.goods-main-content .goods-content-company .company-check {
padding: 20px 0;
text-align: center;
}
.goods-main-content .goods-content-company .company-check p {
display: inline;
padding-left: 28px;
line-height: 20px;
font-size: 14px;
color: #666;
background: url("../images/icon-check.png") no-repeat;
}
.goods-main-content .goods-content-company .company-check p.no {
background: url("../images/icon-checkno.png") no-repeat;
}
.goods-main-content .goods-content-company .company-basic {
padding: 13px 0 22px 10px;
border-top: 1px solid #eff0f2;
border-bottom: 1px solid #eff0f2;
}
.goods-main-content .goods-content-company .company-basic h3 {
line-height: 32px;
font-size: 16px;
color: #333;
}
.goods-main-content .goods-content-company .company-basic ul li {
line-height: 26px;
font-size: 14px;
color: #666;
}
.goods-main-content .goods-content-company .company-record {
padding: 13px 0 22px 10px;
border-top: 1px solid #eff0f2;
border-bottom: 1px solid #eff0f2;
}
.goods-main-content .goods-content-company .company-record h3 {
line-height: 32px;
font-size: 16px;
color: #333;
}
.goods-main-content .goods-content-company .company-record ul li {
line-height: 26px;
font-size: 14px;
color: #666;
}
.goods-main-content .goods-content-company .company-record ul li a {
color: #666;
}
.goods-main-content .goods-content-company .company-record ul li a span {
padding-left: 10px;
color: #f97824;
}
.goods-main-content .goods-content-company .company-buttons {
margin-top: 16px;
padding-left: 3px;
}
.goods-main-content .goods-content-company .company-buttons .company-button {
float: left;
width: 121px;
height: 42px;
margin-right: 15px;
border: 1px solid #ffc18a;
line-height: 42px;
text-align: center;
font-size: 14px;
color: #f97824;
background: #fef6ef;
}
/*出租列表页板�?*/
.lease-list-main-wrap {
margin: 20px 0 50px 0;
}
.lease-list-main-wrap .lease-list-main-content {
width: 1200px;
margin: 0 auto;
}
.lease-list-main-wrap .lease-list-main-content .main-list {
float: left;
width: 898px;
}
.lease-list-main-wrap .lease-list-main-content .side-ad {
float: left;
width: 286px;
margin-left: 16px;
}
.lease-list-main-wrap .lease-list-main-content .side-ad ul li {
width: 286px;
height: 215px;
margin-bottom: 10px;
}
.lease-list-main-wrap .lease-list-main-content .side-ad ul li a img {
width: 286px;
height: 215px;
}
/*搜索结果列表页板�?*/
.result-list-main-wrap {
margin: 20px 0 50px 0;
}
.result-list-main-wrap .result-list-main-content {
width: 1200px;
margin: 0 auto;
}
.result-list-main-wrap .result-list-main-content .main-list {
float: left;
width: 1200px;
}
.result-list-main-wrap .result-list-main-content .main-list .no-result {
width: 436px;
margin: 100px auto;
}
.result-list-main-wrap .result-list-main-content .main-list .no-result .logo {
text-align: center;
}
.result-list-main-wrap .result-list-main-content .main-list .no-result .text1 {
margin-top: 10px;
line-height: 48px;
color: #333;
font-size: 18px;
text-align: center;
}
.result-list-main-wrap .result-list-main-content .main-list .no-result .text2 {
margin-top: 10px;
line-height: 32px;
color: #666;
font-size: 16px;
text-align: center;
}
/*求租列表页板�?*/
.req-list-main-wrap {
margin: 20px 0 50px 0;
}
.req-list-main-wrap .req-list-main-content {
width: 1200px;
margin: 0 auto;
}
.req-list-main-wrap .req-list-main-content .main-list {
float: left;
width: 898px;
}
.req-list-main-wrap .req-list-main-content .main-list ul li {
float: left;
width: 268px;
height: 156px;
padding-left: 20px;
margin: 0 14px 14px 0;
border: 1px solid #eff0f2;
background: #fff;
}
.req-list-main-wrap .req-list-main-content .main-list ul li .title {
width: 270px;
height: 28px;
overflow: hidden;
padding-top: 15px;
line-height: 28px;
font-size: 18px;
color: #333;
}
.req-list-main-wrap .req-list-main-content .main-list ul li .title:hover {
color: #FB8123;
}
.req-list-main-wrap .req-list-main-content .main-list ul li .brand {
line-height: 26px;
font-size: 14px;
color: #666;
}
.req-list-main-wrap .req-list-main-content .main-list ul li .brand .mon{
display: inline-block;
margin-left:20px;
}
.req-list-main-wrap .req-list-main-content .main-list ul li .date {
padding-top: 2px;
line-height: 24px;
font-size: 14px;
color: #666;
}
.req-list-main-wrap .req-list-main-content .main-list ul li .date .key{
display: inline-block;
color: #999;
width: 62px;
float: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.req-list-main-wrap .req-list-main-content .main-list ul li .date .value{
display: inline-block;
width: 205px;
float: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.req-list-main-wrap .req-list-main-content .main-list ul li .date .mon {
display: inline-block;
line-height: 24px;
font-size: 14px;
padding: 3px;
background: #f8361e;
color: #fff;
}
.req-list-main-wrap .req-list-main-content .main-list ul li .parm{
height:37px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
font-size: 14px;
padding: 0px 0px 0px 9px;
margin:0px 10px 0px -9px;
line-height:37px;
background-color: #fafafb;
}
.req-list-main-wrap .req-list-main-content .main-list ul li .parm .key{
color: #999;
}
.req-list-main-wrap .req-list-main-content .main-list ul li .parm .value{
color: #666;
}
.req-list-main-wrap .req-list-main-content .main-list ul li .city {
padding-left: 22px;
background: url("../images/icon-position.png") no-repeat 0 12px;
line-height: 40px;
font-size: 14px;
color: #999;
width: 250px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.req-list-main-wrap .req-list-main-content .main-list ul li:hover {
border: 1px solid #F9D762;
}
.req-list-main-wrap .req-list-main-content .side-ad {
float: left;
width: 290px;
margin-left: 12px;
}
.req-list-main-wrap .req-list-main-content .side-ad .needcz{
background-color: #FEDA49;
line-height: 60px;
height: 60px;
text-align: center;
color: #333;
font-weight: 400;
margin-bottom: 10px;
}
.req-list-main-wrap .req-list-main-content .side-ad .needcz div{
float: left;
}
.req-list-main-wrap .req-list-main-content .side-ad .needcz:hover{
background-color: #FEE460;
}
.req-list-main-wrap .req-list-main-content .side-ad .needcz .czhead{
margin:15px 4px 0px 60px;
display: inline-block;
width: 20px;
height: 30px;
padding-right: 9px;
background-image: url(../images/needcz.png);
background-repeat: no-repeat;
background-position: 0 3px
}
.req-list-main-wrap .req-list-main-content .side-ad ul li {
width: 290px;
height: 215px;
margin-bottom: 10px;
}
.req-list-main-wrap .req-list-main-content .side-ad ul li a img {
width: 290px;
height: 215px;
}
/*求租详情页板�?*/
.req-info-main-wrap {
margin: 0 0 100px 0;
}
.req-info-main-wrap .req-info-main-content {
width: 1200px;
margin: 0 auto;
}
.req-info-main-wrap .req-info-main-content .main-info {
float: left;
width: 836px;
padding: 16px 30px;
border: 1px solid #eff0f2;
}
.req-info-main-wrap .req-info-main-content .main-info .title {
width:750px;
float: left;
line-height: 42px;
color: #333;
font-size: 24px;
}
.req-info-main-wrap .req-info-main-content .main-info .view{
float: right;
line-height:42px;
color: #999;
font-size:14px;
}
.req-info-main-wrap .req-info-main-content .main-info .greynr{
color: #666;
}
.req-info-main-wrap .req-info-main-content .main-info .sub {
line-height: 34px;
color: #999;
font-size: 14px;
}
.req-info-main-wrap .req-info-main-content .main-info .sub .mon{
margin-left:20px;
}
.req-info-main-wrap .req-info-main-content .main-info .info {
margin-top: 4px;
}
.req-info-main-wrap .req-info-main-content .main-info .info ul li {
width:33.3%;
line-height: 34px;
font-size: 14px;
float: left;
color: #666;
}
.req-info-main-wrap .req-info-main-content .main-info .info ul li.split{
color: #E7E7E7;
}
.req-info-main-wrap .req-info-main-content .main-info .parm{
padding:10px 30px;
background-color: #fafafb;
border-top:1px solid #eff0f2;
border-bottom:1px solid #eff0f2;
margin-top: 30px;
}
.req-info-main-wrap .req-info-main-content .main-info .parm ul li{
width:50%;
height:34px;
}
.req-info-main-wrap .req-info-main-content .main-info .parm ul li .key{
display: inline-block;
width: 138px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.req-info-main-wrap .req-info-main-content .main-info .parm ul li .value{
color:#666;
display: inline-block;
width: 245px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.req-info-main-wrap .req-info-main-content .main-info .sub .fbtime a{
display: inline-block;
height: 24px;
min-width: 64px;
margin-top: 2px;
padding: 0 8px;
line-height: 24px;
text-align: center;
font-size: 14px;
background: #f8361e;
color: #fff;
}
.req-info-main-wrap .req-info-main-content .main-info .info ul li svg {
margin-right: 6px;
}
.req-info-main-wrap .req-info-main-content .main-info .info ul li span {
color: #999;
width: 26%;
float: left;
}
.req-info-main-wrap .req-info-main-content .main-info .info ul li div.qz_info {
width: 73%;
float: left;
}
.req-info-main-wrap .req-info-main-content .main-info .tag {
width: 28px;
}
.req-info-main-wrap .req-info-main-content .main-info .tag a {
display: inline-block;
height: 24px;
min-width: 64px;
margin-top: 2px;
padding: 0 8px;
line-height: 24px;
text-align: center;
font-size: 14px;
background: #f8361e;
color: #fff;
}
.req-info-main-wrap .req-info-main-content .main-info .btns {
margin-top: 40px;
}
.req-info-main-wrap .req-info-main-content .main-info .btns .btns-content .btn-full {
float: left;
width: 172px;
height: 48px;
margin-right: 20px;
line-height: 48px;
text-align: center;
color: #fff;
background: #f97824;
cursor: pointer;
font-size: 18px;
}
.req-info-main-wrap .req-info-main-content .main-info .btns .btns-content .qzparent{
float: left;
position: relative;
width:170px;
}
.req-info-main-wrap .req-info-main-content .main-info .btns .btns-content .btn-empty {
float: left;
width: 170px;
height: 46px;
border: 1px solid #f97824;
line-height: 48px;
text-align: center;
color: #f97824;
background: #fff;
cursor: pointer;
font-size: 18px;
}
.req-info-main-wrap .req-info-main-content .main-info .tips {
margin-top: 30px;
padding-bottom: 20px;
background: #fffbe3;
}
.req-info-main-wrap .req-info-main-content .main-info .tips .text1 {
padding-left: 16px;
padding-top: 10px;
line-height: 20px;
font-size: 14px;
color: #f97824;
}
.req-info-main-wrap .req-info-main-content .main-info .tips .text1 svg {
margin-right: 4px;
vertical-align: sub;
}
.req-info-main-wrap .req-info-main-content .main-info .tips .text2 {
margin-top: 7px;
padding-left: 40px;
line-height: 22px;
font-size: 14px;
color: #666;
}
.req-info-main-wrap .req-info-main-content .main-info .sub2 {
margin-top: 30px;
}
.req-info-main-wrap .req-info-main-content .main-info .sub2 p {
border-left: 3px solid #f97824;
padding-left: 5px;
line-height: 16px;
font-size: 16px;
color: #333;
}
.req-info-main-wrap .req-info-main-content .main-info .desc {
margin-top: 20px;
padding: 0 10px;
line-height: 34px;
font-size: 14px;
color: #666;
}
.req-info-main-wrap .req-info-main-content .main-info img {
max-width: 100%;
}
.req-info-main-wrap .req-info-main-content .side-ad {
float: left;
width: 286px;
margin-left: 16px;
}
.req-info-main-wrap .req-info-main-content .side-ad .needcz{
background-color: #FEDA49;
line-height: 60px;
height: 60px;
text-align: center;
color: #333;
font-weight: 400;
margin-bottom: 10px;
}
.req-info-main-wrap .req-info-main-content .side-ad .needcz div{
float: left;
}
.req-info-main-wrap .req-info-main-content .side-ad .needcz:hover{
background-color: #FEE460;
}
.req-info-main-wrap .req-info-main-content .side-ad .needcz .czhead{
margin:15px 4px 0px 60px;
display: inline-block;
width: 20px;
height: 30px;
padding-right: 9px;
background-image: url(../images/needcz.png);
background-repeat: no-repeat;
background-position: 0 3px
}
.req-info-main-wrap .req-info-main-content .side-ad ul li {
width: 286px;
height: 215px;
margin-bottom: 10px;
}
.req-info-main-wrap .req-info-main-content .side-ad ul li a img {
width: 286px;
height: 215px;
}
/*中标通告*/
.notice{
background: url('../images/noticeimg.png') no-repeat center 0;
background-repeat: no-repeat;
width: 100%;
height: 227px;
background-color: #FDE46A;
}
.notice .notice-title{
text-align: center;
font-size: 60px;
height:227px;
line-height: 227px;
}
.lp-item-list-wrap .notice-list-content{
margin-top:15px;
}
.lp-item-list-wrap .notice-list-content ul{
padding: 0 25px 10px 25px;
border: 1px solid #eff0f2;
}
.lp-item-list-wrap .notice-list-content ul li{
color: #666;
font-size: 16px;
float: left;
height: 65px;
line-height:65px ;
width: 100%;
border-bottom:1px solid #eff0f2;
}
.lp-item-list-wrap .notice-list-content ul li:last-child{
border:none;
}
.lp-item-list-wrap .notice-list-content ul li:hover{
color:#C89B63;
cursor: pointer;
}
.lp-item-list-wrap .notice-list-content ul li .pinfo{
float: left;
padding-left: 17px;
background: url(../images/arr-right-brown.png) no-repeat 0 25px;
}
.lp-item-list-wrap .notice-list-content ul li .project-time{
float: right;
color: #999;
}
.ninfo-title{
margin:20px 0px;
}
.ninfo-title .ninfo-name{
line-height: 35px;
color:#333;
font-size:18px;
}
.ninfo{
width:1154px;
padding:0 14px;
position: relative;
}
.ninfo-title .ninfo-area{
color:#666;
font-size:16px;
}
.ninfo .ninfo-xq{
font-size: 16px;
top:20px;
right:30px;
position: absolute;
}
.ninfo .ninfo-xq a{
color: #C89A63;
}
.ninfo .ninfo-jbinfo{
border:1px solid #DCDCDC;
padding:40px 20px;
margin:40px 0px;
position: relative;
}
.ninfo .ninfo-jbinfo .jbinfo{
background-color: #fff;
padding:0 10px;
color:#666;
top:-10px;
left:20px;
position: absolute;
}
.ninfo .ninfo-jbinfo .jbinfo span{
color:#FF7C22;
margin-right:25px;
}
.ninfo .ninfo-jbinfo ul li{
float: left;
width: 50%;
color: #666;
line-height:30px;
font-size: 14px;
}
/*登录页版�?*/
.login-wrap {
width: 100%;
height: 500px;
background: #ffc016;
}
.login-wrap .login-wrap-bg {
width: 100%;
height: 500px;
background: url("../images/login-bg.jpg") no-repeat center 0;
}
.login-wrap .login-wrap-bg .login-content {
position: relative;
width: 1200px;
margin: 0 auto;
}
.login-wrap .login-wrap-bg .login-content .login-block {
position: absolute;
right: 40px;
top: 40px;
width: 340px;
padding: 0 35px;
background: #fff;
}
.login-wrap .login-wrap-bg .login-content .login-block .reg {
padding-top: 25px;
text-align: right;
line-height: 20px;
font-size: 14px;
color: #666;
}
.login-wrap .login-wrap-bg .login-content .login-block .reg a {
padding-left: 2px;
color: #6397ed;
}
.login-wrap .login-wrap-bg .login-content .login-block .reg a:hover {
text-decoration: underline;
}
.login-wrap .login-wrap-bg .login-content .login-block .login-form span label {
font-size: 12px;
color: #fb0d24;
}
.login-wrap .login-wrap-bg .login-content .login-block .login-form .login-form-col1 {
height: 73px;
}
.login-wrap .login-wrap-bg .login-content .login-block .login-form .login-form-col1 input {
width: 294px;
height: 38px;
margin-top: 12px;
padding-left: 42px;
border: 1px solid #dcdcdc;
line-height: 38px;
font-size: 14px;
color: #666;
background: url("../images/icon-login-user.svg") no-repeat 14px 11px;
}
.login-wrap .login-wrap-bg .login-content .login-block .login-form .login-form-col2 {
height: 65px;
}
.login-wrap .login-wrap-bg .login-content .login-block .login-form .login-form-col2 input {
width: 294px;
height: 38px;
margin-top: 4px;
padding-left: 42px;
border: 1px solid #dcdcdc;
line-height: 38px;
font-size: 14px;
color: #666;
background: url("../images/icon-login-password.svg") no-repeat 14px 11px;
}
.login-wrap .login-wrap-bg .login-content .login-block .login-form .login-form-col3 {
height: 65px;
}
.login-wrap .login-wrap-bg .login-content .login-block .login-form .login-form-col3 input {
width: 188px;
height: 38px;
margin-top: 4px;
padding-left: 42px;
border: 1px solid #dcdcdc;
line-height: 38px;
font-size: 14px;
color: #666;
background: url("../images/icon-login-check.svg") no-repeat 14px 11px;
}
.login-wrap .login-wrap-bg .login-content .login-block .login-form .login-form-col3 img {
height: 40px;
margin-left: 14px;
vertical-align: bottom;
}
.login-wrap .login-wrap-bg .login-content .login-block .login-form .login-form-col4 {
line-height: 20px;
font-size: 14px;
color: #333;
}
.login-wrap .login-wrap-bg .login-content .login-block .login-form .login-form-col4 input {
margin-right: 4px;
vertical-align: sub;
}
.login-wrap .login-wrap-bg .login-content .login-block .login-form .login-form-col4 label {
color: #333;
}
.login-wrap .login-wrap-bg .login-content .login-block .login-form .login-form-col4 a {
padding-left: 10px;
color: #4383e7;
}
.login-wrap .login-wrap-bg .login-content .login-block .login-form .login-form-col4 a:hover {
text-decoration: underline;
}
.login-wrap .login-wrap-bg .login-content .login-block .login-form .login-form-col5 input {
width: 338px;
}
.login-wrap .login-wrap-bg .login-content .login-block .login-other-info {
margin-top: 18px;
line-height: 24px;
text-align: center;
font-size: 14px;
color: #999;
}
.login-wrap .login-wrap-bg .login-content .login-block .login-other {
text-align: center;
padding-bottom: 20px;
}
.login-wrap .login-wrap-bg .login-content .login-block .login-other p {
display: inline-block;
padding-left: 30px;
line-height: 18px;
font-size: 14px;
color: #666;
background: url("../images/icon-weixin.png") no-repeat 8px 0;
}
.login-wrap .login-wrap-bg .login-content .login-block .login-other p a {
color: #666;
}
.login-wrap .login-wrap-bg .login-content .login-block .login-other p a:hover {
text-decoration: underline;
}
.reg-wrap {
width: 100%;
}
.reg-wrap .reg-content {
width: 1200px;
margin: 0 auto;
border-top: 2px solid #477fd6;
background: #fff;
}
.reg-wrap .reg-content .reg-content-wrap {
padding: 66px 0 100px 0;
}
.reg-wrap .reg-content .reg-content-wrap .reg-content-left {
float: left;
width: 700px;
padding-bottom: 70px;
border-right: 1px solid #e8e8e8;
}
.reg-wrap .reg-content .reg-content-wrap .reg-content-left .reg-form .reg-form-col {
height: 44px;
line-height: 44px;
margin-top: 14px;
padding-left: 44px;
font-size: 14px;
}
.reg-wrap .reg-content .reg-content-wrap .reg-content-left .reg-form .reg-form-col p {
display: inline-block;
width: 110px;
text-align: right;
font-size: 14px;
color: #666;
}
.reg-wrap .reg-content .reg-content-wrap .reg-content-left .reg-form .reg-form-col p a {
padding: 0 8px;
color: #ff0000;
}
.reg-wrap .reg-content .reg-content-wrap .reg-content-left .reg-form .reg-form-col input {
height: 42px;
border: 1px solid #dcdcdc;
color: #333;
}
.reg-wrap .reg-content .reg-content-wrap .reg-content-left .reg-form .reg-form-col span {
padding-left: 14px;
}
.reg-wrap .reg-content .reg-content-wrap .reg-content-left .reg-form .reg-form-col span label {
line-height: 44px;
font-size: 14px;
color: #fb0d24;
}
.reg-wrap .reg-content .reg-content-wrap .reg-content-left .reg-form .reg-form-col1 input {
width: 285px;
padding-left: 12px;
}
.reg-wrap .reg-content .reg-content-wrap .reg-content-left .reg-form .reg-form-col2 .code-input {
width: 155px;
padding-left: 12px;
}
.reg-wrap .reg-content .reg-content-wrap .reg-content-left .reg-form .reg-form-col2 .code-btn {
display: inline-block;
width: 120px;
height: 44px;
margin-left: 6px;
line-height: 42px;
border: 1px solid #dcdcdc;
cursor: pointer;
border-radius: 3px;
text-align: center;
color: #666;
font-size: 14px;
background: #fff;
}
.reg-wrap .reg-content .reg-content-wrap .reg-content-left .reg-form .reg-form-col2 img {
width: 119px;
height: 44px;
margin-left: 7px;
vertical-align: bottom;
}
.reg-wrap .reg-content .reg-content-wrap .reg-content-left .reg-form .confirm-contract {
margin-top: 14px;
padding-left: 159px;
line-height: 24px;
font-size: 14px;
color: #666;
}
.reg-wrap .reg-content .reg-content-wrap .reg-content-left .reg-form .confirm-contract input {
margin-right: 6px;
vertical-align: middle;
}
.reg-wrap .reg-content .reg-content-wrap .reg-content-left .reg-form .confirm-contract a {
padding-left: 6px;
color: #6397ed;
}
.reg-wrap .reg-content .reg-content-wrap .reg-content-left .reg-form .confirm-contract span label {
color: #fb0d24;
}
.reg-wrap .reg-content .reg-content-wrap .reg-content-left .reg-form .reg-submit {
margin-left: 160px;
padding-top: 10px;
}
.reg-wrap .reg-content .reg-content-wrap .reg-content-left .reg-form .reg-submit input {
width: 338px;
}
.reg-wrap .reg-content .reg-content-wrap .reg-content-right {
float: left;
width: 499px;
text-align: center;
}
.reg-wrap .reg-content .reg-content-wrap .reg-content-right .login-weixin {
display: inline-block;
margin-top: 170px;
padding-left: 24px;
font-size: 14px;
color: #666;
background: url("../images/icon-weixin2.svg") no-repeat;
}
.reg-wrap .reg-content .reg-content-wrap .reg-content-right .login-weixin a {
color: #666;
}
.reg-wrap .reg-content .reg-content-wrap .reg-content-right .login-normal .login-normal-button {
width: 165px;
height: 42px;
margin: 40px auto;
line-height: 42px;
text-align: center;
border-radius: 3px;
font-size: 14px;
color: #6397ed;
background: #fcfdff;
}
.reg-wrap .reg-content .reg-content-wrap .reg-content-right .login-normal .login-normal-button a {
color: #6397ed;
}
.reg-wrap .reg-content .reg-content-wrap .reg-content-right .login-normal .login-normal-button a:hover {
text-decoration: underline;
}
.reg-wrap .reg-content .reg-content-wrap .reg-content-right .login-normal .login-normal-button:hover {
text-decoration: underline;
}
.bind-wrap {
width: 100%;
}
.bind-wrap .bind-content {
width: 1200px;
margin: 0 auto;
border-top: 2px solid #477fd6;
background: #fff;
}
.bind-wrap .bind-content .bind-content-wrap {
padding: 66px 0 100px 0;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left {
width: 700px;
margin: 0 auto;
padding-bottom: 70px;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left .bind-form .reg-form-col {
height: 44px;
line-height: 44px;
margin-top: 14px;
padding-left: 44px;
font-size: 14px;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left .bind-form .reg-form-col p {
display: inline-block;
width: 110px;
text-align: right;
font-size: 14px;
color: #666;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left .bind-form .reg-form-col p a {
padding: 0 8px;
color: #ff0000;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left .bind-form .reg-form-col input {
height: 42px;
border: 1px solid #dcdcdc;
color: #333;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left .bind-form .reg-form-col span {
padding-left: 14px;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left .bind-form .reg-form-col span label {
line-height: 44px;
font-size: 14px;
color: #fb0d24;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left .bind-form .reg-form-col img {
width: 40px;
height: 40px;
border-radius: 50%;
vertical-align: sub;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left .bind-form .reg-form-col1 input {
width: 285px;
padding-left: 12px;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left .bind-form .reg-form-col2 .code-input {
width: 155px;
padding-left: 12px;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left .bind-form .reg-form-col2 .code-btn {
display: inline-block;
width: 119px;
height: 44px;
margin-left: 7px;
line-height: 42px;
border: 1px solid #dcdcdc;
cursor: pointer;
border-radius: 3px;
text-align: center;
color: #666;
font-size: 14px;
background: #fff;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left .bind-form .reg-form-col2 img {
width: 119px;
height: 44px;
margin-left: 7px;
vertical-align: bottom;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left .bind-form .confirm-contract {
margin-top: 14px;
padding-left: 159px;
line-height: 24px;
font-size: 14px;
color: #666;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left .bind-form .confirm-contract input {
margin-right: 6px;
vertical-align: middle;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left .bind-form .confirm-contract a {
padding-left: 6px;
color: #6397ed;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left .bind-form .confirm-contract span label {
color: #fb0d24;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left .bind-form .reg-submit {
margin-left: 159px;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left .bind-form .reg-submit input {
width: 299px;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left .bind-form .btns {
float: right;
padding: 10px 250px 0 0;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left .bind-form .btns .btn {
color: #6397ed;
font-size: 14px;
line-height: 24px;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left .bind-form .btns .btn a {
color: #6397ed;
padding-left: 12px;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left .bind-form .btns .btn .spi {
color: #eff0f2;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left .bind-form .btns .btn a:hover {
text-decoration: underline;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left .bind-form .bind-tips {
width: 600px;
padding: 15px 0;
margin-top: 12px;
background: #fffbe3;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left .bind-form .bind-tips .tips-title {
padding-left: 28px;
line-height: 22px;
font-size: 14px;
color: #fe7323;
}
.bind-wrap .bind-content .bind-content-wrap .bind-content-left .bind-form .bind-tips .tips-content {
padding-left: 28px;
line-height: 32px;
font-size: 14px;
color: #333;
}
.reg-final-wrap {
width: 100%;
}
.reg-final-wrap .reg-final {
width: 1200px;
height: 600px;
margin: 0 auto;
border-top: 2px solid #477fd6;
border-bottom: 1px solid #e8e8e8;
text-align: center;
background: #fff;
}
.reg-final-wrap .reg-final .info1 {
display: inline-block;
margin-top: 162px;
padding-left: 62px;
line-height: 50px;
font-size: 24px;
color: #5db36f;
background: url("../images/icon-reg-ok.svg") no-repeat 0 0;
}
.reg-final-wrap .reg-final .info2 {
line-height: 54px;
text-align: center;
font-size: 14px;
color: #333;
}
.reg-final-wrap .reg-final .info2 a {
color: #6daaf9;
}
.reg-final-wrap .reg-final .info2 a:hover {
text-decoration: underline;
}
.reg-final-wrap .reg-final .btns {
width: 350px;
margin: 38px auto;
text-align: center;
}
.reg-final-wrap .reg-final .btns div {
float: left;
display: inline-block;
width: 166px;
height: 48px;
line-height: 48px;
border-radius: 2px;
text-align: center;
font-size: 18px;
}
.reg-final-wrap .reg-final .btns .btn-check {
margin-right: 12px;
border: 1px solid #6daaf9;
background: #6daaf9;
color: #fff;
}
.reg-final-wrap .reg-final .btns .btn-ok {
border: 1px solid #dcdcdc;
background: #fff;
color: #333;
}
.reg-final-wrap .reg-final .btns .btn-ok:hover {
color: #6daaf9;
}
.edit-pwd-wrap {
width: 100%;
}
.edit-pwd-wrap .edit-pwd {
width: 1200px;
height: 600px;
margin: 0 auto;
border-top: 2px solid #477fd6;
border-bottom: 1px solid #e8e8e8;
background: #fff;
}
.edit-pwd-wrap .edit-pwd .step-wrap {
margin-top: 114px;
}
.edit-pwd-wrap .edit-pwd .step-wrap ul {
width: 588px;
margin: 0 auto;
}
.edit-pwd-wrap .edit-pwd .step-wrap ul li {
float: left;
width: 196px;
line-height: 38px;
text-align: center;
font-size: 28px;
color: #fff;
background: url("../images/icon-step.png") no-repeat 0 0;
}
.edit-pwd-wrap .edit-pwd .step-wrap ul li p {
padding-top: 10px;
line-height: 24px;
font-size: 14px;
color: #999;
}
.edit-pwd-wrap .edit-pwd .step-wrap ul li.active {
background: url("../images/icon-step-active.png") no-repeat 0 0;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form1 {
width: 648px;
margin: 50px auto;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form1 .form-col {
height: 44px;
line-height: 44px;
margin-top: 14px;
padding-left: 44px;
font-size: 14px;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form1 .form-col p {
display: inline-block;
width: 110px;
text-align: right;
font-size: 14px;
color: #666;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form1 .form-col p a {
padding: 0 8px;
color: #ff0000;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form1 .form-col input {
height: 42px;
border: 1px solid #dcdcdc;
color: #333;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form1 .form-col span {
padding-left: 14px;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form1 .form-col span label {
line-height: 44px;
font-size: 14px;
color: #fb0d24;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form1 .form-col1 input {
width: 285px;
padding-left: 12px;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form1 .form-col2 .check-input {
width: 155px;
padding-left: 12px;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form1 .form-col2 .code-input {
width: 155px;
padding-left: 12px;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form1 .form-col2 .code-btn {
display: inline-block;
width: 120px;
height: 44px;
margin-left: 6px;
line-height: 42px;
border: 1px solid #dcdcdc;
cursor: pointer;
border-radius: 3px;
text-align: center;
color: #666;
font-size: 14px;
background: #fff;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form1 .form-col2 img {
width: 119px;
height: 44px;
padding-left: 7px;
vertical-align: bottom;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form1 .submit {
margin-left: 160px;
padding-top: 10px;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form1 .submit input {
width: 132px;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form2 {
width: 648px;
margin: 50px auto;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form2 .form-col {
height: 44px;
line-height: 44px;
margin-top: 14px;
padding-left: 44px;
font-size: 14px;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form2 .form-col p {
display: inline-block;
width: 110px;
text-align: right;
font-size: 14px;
color: #666;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form2 .form-col p a {
padding: 0 8px;
color: #ff0000;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form2 .form-col input {
height: 42px;
border: 1px solid #dcdcdc;
color: #333;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form2 .form-col span {
padding-left: 14px;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form2 .form-col span label {
line-height: 44px;
font-size: 14px;
color: #fb0d24;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form2 .form-col1 input {
width: 285px;
padding-left: 12px;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form2 .form-col2 .code-input {
width: 155px;
padding-left: 12px;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form2 .form-col2 .code-btn {
display: inline-block;
width: 118px;
height: 44px;
margin-left: 6px;
line-height: 42px;
border: 1px solid #dcdcdc;
cursor: pointer;
border-radius: 3px;
text-align: center;
color: #666;
font-size: 14px;
background: #fff;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form2 .submit {
margin-left: 160px;
padding-top: 10px;
}
.edit-pwd-wrap .edit-pwd .edit-pwd-form2 .submit input {
width: 132px;
}
/*跳转�?*/
.jump-func-wrap {
width: 438px;
margin: 168px auto 0 auto;
padding-bottom: 170px;
}
.jump-func-wrap .title {
line-height: 44px;
text-align: center;
font-size: 24px;
color: #f97824;
}
.jump-func-wrap .info {
line-height: 38px;
font-size: 16px;
color: #666;
text-align: center;
}
.jump-func-wrap .btns {
margin-top: 48px;
}
.jump-func-wrap .btns .btn {
float: left;
width: 200px;
height: 50px;
margin-left: 19px;
line-height: 50px;
background: #6daaf9;
text-align: center;
color: #fff;
font-size: 18px;
border-radius: 2px;
cursor: pointer;
}
.jump-func-wrap .btns .btn a {
color: #fff;
}
.jump-func-wrap .btns .btn:hover {
background: #7ab3fd;
}
/*大型项目板块*/
.lp-search-wrap {
margin-top: 15px;
}
.lp-search-wrap .lp-search-content {
width: 1200px;
margin: 0 auto;
}
.lp-search-wrap .lp-search-content .search {
float: left;
}
.lp-search-wrap .lp-search-content .search .typein {
width: 1096px;
height: 40px;
padding-left: 20px;
line-height: 40px;
border-top: 2px solid #24384b;
border-right: 2px solid #24384b;
border-bottom: 2px solid #24384b;
border-left: 2px solid #24384b;
font-size: 14px;
color: #666;
outline: none;
}
.lp-search-wrap .lp-search-content .search .go {
display: inline-block;
width: 80px;
height: 44px;
line-height: 44px;
background-color: #24384b;
background-image: url("../images/icon-search.png");
background-repeat: no-repeat;
background-position: 14px 14px;
color: #fff;
font-size: 14px;
}
.lp-search-wrap .lp-search-content .search .go a {
padding-left: 38px;
color: #fff;
}
.lp-search-wrap .lp-search-content .btn {
float: left;
margin-left: 10px;
}
.lp-search-wrap .lp-search-content .btn a {
display: inline-block;
width: 124px;
height: 44px;
line-height: 44px;
background: #c79a67;
text-align: center;
color: #fff;
font-size: 14px;
}
.lp-item-list-wrap {
width: 1200px;
margin: 0 auto;
}
.lp-item-list-wrap .lp-item-list-content {
margin-top: 15px;
}
.lp-item-list-wrap .lp-item-list-content ul li {
float: left;
width: 378px;
height: 328px;
margin: 0 30px 30px 0;
border: 1px solid #eff0f2;
}
.lp-item-list-wrap .lp-item-list-content ul li .item-line {
width: 378px;
height: 1px;
background: #fff;
}
.lp-item-list-wrap .lp-item-list-content ul li .item-content {
padding: 0 12px;
}
.lp-item-list-wrap .lp-item-list-content ul li .item-content .title {
overflow: hidden;
height: 56px;
margin: 21px 0 5px 0;
line-height: 28px;
font-size: 20px;
color: #333;
}
.lp-item-list-wrap .lp-item-list-content ul li .item-content .option-wrap .option-content {
height: 123px;
padding-bottom: 15px;
border-bottom: 1px solid #eff0f2;
}
.lp-item-list-wrap .lp-item-list-content ul li .item-content .option-wrap .option-content .option-item {
float: left;
width: 168px;
height: 32px;
margin: 0 18px 9px 0;
line-height: 32px;
background: #f4f6f8;
font-size: 14px;
border-radius: 3px;
color: #666;
text-align: center;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.lp-item-list-wrap .lp-item-list-content ul li .item-content .option-wrap .option-content .option-item span {
padding-left: 6px;
color: #999;
font-size: 12px;
}
.lp-item-list-wrap .lp-item-list-content ul li .item-content .time-wrap {
margin-top: 13px;
}
.lp-item-list-wrap .lp-item-list-content ul li .item-content .time-wrap .time-content .text {
float: left;
padding-left: 23px;
line-height: 26px;
font-size: 14px;
color: #c79a67;
background: url("../images/icon-clock-brown.png") no-repeat 0 5px;
}
.lp-item-list-wrap .lp-item-list-content ul li .item-content .time-wrap .time-content .bgtext {
float: right;
height: 26px;
padding: 0 7px;
line-height: 26px;
text-align: center;
font-size: 14px;
color: #fff;
background: #c79a67;
}
.lp-item-list-wrap .lp-item-list-content ul li .item-content .line-wrap {
margin-top: 3px;
}
.lp-item-list-wrap .lp-item-list-content ul li .item-content .line-wrap .line {
padding-left: 5px;
height: 24px;
line-height: 24px;
overflow: hidden;
font-size: 14px;
color: #666;
}
.lp-item-list-wrap .lp-item-list-content ul li:hover {
border-top: 1px solid #c79a67;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
box-shadow: -2px 0 10px #e6e6e6, 0 -2px 10px #e6e6e6, 0 2px 10px #e6e6e6, 2px 0 10px #e6e6e6;
}
.lp-item-list-wrap .lp-item-list-content ul li:hover .item-line {
background: #c79a67;
}
.lpd-wrap .lpd-content {
width: 1200px;
margin: 0 auto;
}
.lpd-wrap .lpd-content .lpd-main-wrap {
float: left;
width: 978px;
border: 1px solid #eff0f2;
}
.lpd-wrap .lpd-content .lpd-main-wrap .lpd-main-content {
line-height: 25px;
padding-left: 20px;
}
.lpd-wrap .lpd-content .lpd-main-wrap .lpd-main-content .lpd-big-title {
line-height: 48px;
font-size: 24px;
color: #333;
}
.lpd-wrap .lpd-content .lpd-main-wrap .lpd-main-content .lpd-pub-time {
margin-bottom: 44px;
line-height: 38px;
font-size: 16px;
color: #666;
}
.lpd-wrap .lpd-content .lpd-main-wrap .lpd-main-content .lpd-sub-title {
padding-left: 17px;
line-height: 36px;
font-size: 20px;
color: #333;
background: url("../images/arr-right-brown.png") no-repeat 0 12px;
}
.lpd-wrap .lpd-content .lpd-main-wrap .lpd-main-content .lpd-sub-title span {
padding-left: 10px;
color: #f97824;
}
.lpd-wrap .lpd-content .lpd-main-wrap .lpd-main-content .lpd-sub-title.no-icon {
background: none;
}
.lpd-wrap .lpd-content .lpd-main-wrap .lpd-main-content .lpd-pword {
margin-bottom: 44px;
line-height: 34px;
font-size: 14px;
color: #666;
}
.lpd-wrap .lpd-content .lpd-company-info {
float: left;
width: 178px;
padding: 15px 15px;
margin-left: 10px;
border: 1px solid #eff0f2;
}
.lpd-wrap .lpd-content .lpd-company-info .logo {
width: 178px;
height: 104px;
margin-top: 22px;
text-align: center;
}
.lpd-wrap .lpd-content .lpd-company-info .logo a img {
max-width: 178px;
max-height: 104px;
}
.lpd-wrap .lpd-content .lpd-company-info .name {
margin-top: 6px;
line-height: 22px;
border-bottom: 1px solid #eff0f2;
font-size: 16px;
color: #333;
text-align: center;
}
.lpd-wrap .lpd-content .lpd-company-info .sub-title {
margin-top: 12px;
line-height: 28px;
color: #333;
font-size: 16px;
}
.lpd-wrap .lpd-content .lpd-company-info .lines {
line-height: 24px;
color: #666;
font-size: 14px;
}
.lpd-wrap .lpd-content .lpd-company-info .btn {
text-align: center;
}
.lpd-wrap .lpd-content .lpd-company-info .btn a {
display: inline-block;
width: 158px;
height: 36px;
margin-top: 30px;
line-height: 36px;
border: 1px solid #eff0f2;
border-radius: 3px;
text-align: center;
background: #f2f3f5;
font-size: 14px;
color: #666;
}
.lpd-table1 {
margin: 14px 0 35px 0;
}
.lpd-table1 table {
border-bottom: 1px solid #eff0f2;
}
.lpd-table1 table tr {
border-right: 1px solid #eff0f2;
}
.lpd-table1 table tr th {
height: 50px;
border-right: 1px solid #7f8a94;
font-size: 16px;
text-align: center;
color: #fff;
background: #5e6c79;
}
.lpd-table1 table tr td {
height: 55px;
text-align: center;
font-size: 16px;
color: #666;
border-left: 1px solid #eff0f2;
}
.lpd-table1 table tr td a {
display: inline-block;
padding: 0 7px;
font-size: 14px;
color: #fff;
line-height: 26px;
background: #c79a67;
}
.lpd-table1 table tr td a:hover {
background: #d5ad79;
}
.lpd-table1 table tr td a.no {
background: none;
color: #d5ad79;
}
.lpd-table1 table tr td:nth-of-type(1) {
padding-left: 35px;
text-align: left;
}
.lpd-table1 table tr:nth-child(odd) {
background: #f6f6f8;
}
.lpd-table2 {
margin: 14px 0 35px 0;
}
.lpd-table2 table {
border-bottom: 1px solid #eff0f2;
}
.lpd-table2 table tr {
border-bottom: 1px solid #eff0f2;
}
.lpd-table2 table tr th {
height: 50px;
font-size: 16px;
text-align: center;
color: #333;
}
.lpd-table2 table tr td {
height: 55px;
text-align: center;
font-size: 16px;
color: #666;
}
.lpd-table2 table tr td a {
display: inline-block;
padding: 0 7px;
font-size: 14px;
color: #fff;
line-height: 26px;
}
.lpd-table2 table tr th:nth-of-type(1) {
padding-left: 20px;
text-align: left;
}
.lpd-table2 table tr td:nth-of-type(1) {
padding-left: 10px;
text-align: left;
}
.lp-join-wrap {
width: 706px;
padding: 0 27px;
}
.lp-join-wrap .join-title {
line-height: 70px;
text-align: center;
font-size: 24px;
font-size: #333;
}
.lp-join-wrap .join-table tr th {
height: 40px;
padding: 0 8px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #fff;
background: #c79a67;
}
.lp-join-wrap .join-table tr td {
height: 40px;
padding: 0 8px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #666;
background: #f9f9f9;
}
.lp-join-wrap .join-form {
padding-bottom: 30px;
}
.lp-join-wrap .join-form .row .left {
float: left;
width: 100px;
padding-left: 15px;
line-height: 41px;
font-size: 16px;
color: #666;
}
.lp-join-wrap .join-form .row .right {
float: left;
}
.lp-join-wrap .join-form .row .right .num {
width: 146px;
height: 41px;
margin-right: 6px;
padding-left: 8px;
font-size: 16px;
}
.lp-join-wrap .join-form .row .right .ta {
width: 560px;
height: 134px;
max-width: 560px;
max-height: 134px;
min-width: 560px;
min-height: 134px;
padding: 0 8px;
line-height: 41px;
font-size: 16px;
}
.lp-join-wrap .join-form .next {
margin-top: 25px;
text-align: center;
}
.lp-join-wrap .join-form .next a {
display: inline-block;
width: 146px;
height: 45px;
line-height: 45px;
text-align: center;
font-size: 14px;
background: #c79a67;
color: #fff;
}
.lp-join-finish-wrap {
width: 706px;
padding: 0 27px;
}
.lp-join-finish-wrap .finish-title {
margin-top: 155px;
text-align: center;
}
.lp-join-finish-wrap .finish-title .title {
display: inline-block;
padding-left: 65px;
line-height: 50px;
background: url("../images/icon-ok-50.svg") no-repeat;
font-size: 36px;
color: #31b744;
}
.lp-join-finish-wrap .error-title {
margin-top: 155px;
text-align: center;
}
.lp-join-finish-wrap .error-title .title {
display: inline-block;
padding-left: 65px;
line-height: 50px;
background: url("../images/icon-err-50.svg") no-repeat;
font-size: 24px;
color: #f8361e;
}
.lp-join-finish-wrap .finish-text1 {
margin-top: 20px;
text-align: center;
}
.lp-join-finish-wrap .finish-text1 .text {
display: inline-block;
line-height: 30px;
font-size: 14px;
color: #666;
}
.lp-join-finish-wrap .finish-text2 {
margin-top: 10px;
margin-bottom:70px;
text-align: center;
}
.lp-join-finish-wrap .finish-text2 .text {
display: inline-block;
line-height: 30px;
font-size: 14px;
color: #666;
}
.lp-join-finish-wrap .finish-text2 .text a {
color: #477fd6;
}
.lp-join-finish-wrap .finish-text2 .text a:hover {
text-decoration: underline;
}
.lp-join-finish-wrap .next {
margin-top: 25px;
text-align: center;
}
.lp-join-finish-wrap .next a {
display: inline-block;
width: 146px;
height: 45px;
line-height: 45px;
text-align: center;
font-size: 14px;
background: #c79a67;
color: #fff;
}
.lp-join-finish-wrap .join-title {
line-height: 70px;
text-align: center;
font-size: 24px;
font-size: #333;
}
.lp-join-finish-wrap .join-table tr th {
height: 40px;
padding: 0 8px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #fff;
background: #c79a67;
}
.lp-join-finish-wrap .join-table tr td {
height: 40px;
padding: 0 8px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #666;
background: #f9f9f9;
}
.lp-join-finish-wrap .join-form {
padding-bottom: 30px;
}
.lp-join-finish-wrap .join-form .row .left {
float: left;
width: 100px;
padding-left: 15px;
line-height: 41px;
font-size: 16px;
color: #666;
}
.lp-join-finish-wrap .join-form .row .right {
float: left;
}
.lp-join-finish-wrap .join-form .row .right .num {
width: 146px;
height: 41px;
margin-right: 6px;
padding-left: 8px;
font-size: 16px;
}
.lp-join-finish-wrap .join-form .row .right .ta {
width: 560px;
height: 134px;
max-width: 560px;
max-height: 134px;
min-width: 560px;
min-height: 134px;
padding: 0 8px;
line-height: 41px;
font-size: 16px;
}
.lp-join-finish-wrap .join-form .next {
margin-top: 25px;
text-align: center;
}
.lp-join-finish-wrap .join-form .next a {
display: inline-block;
width: 146px;
height: 45px;
line-height: 45px;
text-align: center;
font-size: 14px;
background: #c79a67;
color: #fff;
}
.lp-join-finish-wrap .finish-progess .finish-progess-content {
background: #fef9e6;
margin-top: 15px;
padding: 10px 0 20px 20px;
}
.lp-join-finish-wrap .finish-progess .finish-progess-content .text {
line-height: 36px;
color: #333;
font-size: 16px;
}
.lp-join-finish-wrap .finish-progess .finish-progess-content .text2 {
line-height: 24px;
color: #333;
font-size: 14px;
}
.lp-join-finish-wrap .finish-progess .finish-progess-content .text2 em {
padding: 0 15px;
}
.goods-finish-wrap {
width: 526px;
padding: 0 27px;
}
/*详情下单添加收货地址*/
.goods-finish-wrap .addtitle{
font-size: 14px;
line-height: 30px;
margin-top: 5px;
}
.goods-finish-wrap .mrarea {
padding-left:20px;
}
.goods-finish-wrap .btinfo {
text-align: center;
margin-top:10px;
}
.goods-finish-wrap .select-group .select{
min-width: 150px;
height: 42px;
padding-left: 15px;
line-height: 40px;
border: 1px solid #dcdcdc;
font-size: 16px;
color: #333;
}
.goods-finish-wrap .form-group #gznr{
line-height: 26px;
border: 1px solid #dcdcdc;
font-size: 16px;
color: #333;
width:421px;
padding: 3px 10px;
margin-left: 6px;
}
.goods-finish-wrap .form-group .textarea{
width: 421px;
max-width: 421px;
min-height: 50px;
padding: 3px 10px;
line-height: 26px;
vertical-align: text-top;
border: 1px solid #dcdcdc;
font-size: 16px;
color: #333;
margin-left: 6px;
}
/*end */
.goods-finish-wrap .finish-title {
margin-top: 30px;
text-align: center;
}
.goods-finish-wrap .finish-title .title {
display: inline-block;
padding-left: 65px;
line-height: 50px;
background: url("../images/icon-ok-50.svg") no-repeat;
font-size: 24px;
color: #31b744;
}
.goods-finish-wrap .finish-text1 {
margin-top: 20px;
text-align: center;
}
.goods-finish-wrap .finish-text1 .text {
display: inline-block;
line-height: 30px;
font-size: 16px;
color: #666;
}
.goods-finish-wrap .finish-text2 {
margin-top: 10px;
text-align: center;
}
.goods-finish-wrap .finish-text2 .text {
display: inline-block;
line-height: 30px;
font-size: 14px;
color: #666;
}
.goods-finish-wrap .finish-text2 .text a {
color: #477fd6;
}
.goods-finish-wrap .finish-text2 .text a:hover {
text-decoration: underline;
}
.goods-finish-wrap .next {
margin-top: 25px;
text-align: center;
}
.goods-finish-wrap .next a {
display: inline-block;
width: 146px;
height: 45px;
line-height: 45px;
text-align: center;
font-size: 14px;
background: #c79a67;
color: #fff;
}
.goods-finish-wrap .join-title {
line-height: 70px;
text-align: center;
font-size: 24px;
font-size: #333;
}
.goods-finish-wrap .join-table tr th {
height: 40px;
padding: 0 8px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #fff;
background: #c79a67;
}
.goods-finish-wrap .join-table tr td {
height: 40px;
padding: 0 8px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #666;
background: #f9f9f9;
}
.goods-finish-wrap .join-form {
padding-bottom: 30px;
}
.goods-finish-wrap .join-form .row .left {
float: left;
width: 100px;
padding-left: 15px;
line-height: 41px;
font-size: 16px;
color: #666;
}
.goods-finish-wrap .join-form .row .right {
float: left;
}
.goods-finish-wrap .join-form .row .right .num {
width: 146px;
height: 41px;
margin-right: 6px;
padding-left: 8px;
font-size: 16px;
}
.goods-finish-wrap .join-form .row .right .ta {
width: 560px;
height: 134px;
max-width: 560px;
max-height: 134px;
min-width: 560px;
min-height: 134px;
padding: 0 8px;
line-height: 41px;
font-size: 16px;
}
.goods-finish-wrap .join-form .next {
margin-top: 25px;
text-align: center;
}
.goods-finish-wrap .join-form .next a {
display: inline-block;
width: 146px;
height: 45px;
line-height: 45px;
text-align: center;
font-size: 14px;
background: #c79a67;
color: #fff;
}
.goods-finish-wrap .finish-progess .finish-progess-content {
background: #fef9e6;
margin-top: 30px;
padding: 10px 0 20px 20px;
}
.goods-finish-wrap .finish-progess .finish-progess-content .text {
line-height: 36px;
color: #333;
font-size: 16px;
}
.goods-finish-wrap .finish-progess .finish-progess-content .text2 {
line-height: 24px;
color: #333;
font-size: 14px;
}
.goods-finish-wrap .finish-progess .finish-progess-content .text2 em {
padding: 0 15px;
}
/* 404 */
.not-found-page-wrap {
width: 100%;
height: 600px;
padding-top: 80px;
background: #f2f3f6;
}
.not-found-page-wrap .not-found-page {
width: 823px;
height: 526px;
margin: 0 auto;
background: url("../images/404.jpg") no-repeat;
}
.not-found-page-wrap .not-found-page .not-found-content {
padding-top: 440px;
}
.not-found-page-wrap .not-found-page .not-found-content .info {
line-height: 50px;
text-align: center;
color: #333;
font-size: 30px;
}
.not-found-page-wrap .not-found-page .not-found-content .link {
line-height: 50px;
text-align: center;
color: #666;
font-size: 14px;
}
.not-found-page-wrap .not-found-page .not-found-content .link a {
padding-left: 10px;
color: #3f80ea;
}
.not-found-page-wrap .not-found-page .not-found-content .link a:hover {
text-decoration: underline;
}