* {
padding: 0;
margin: 0;
}
body,
html {
/*font-size: 0.938rem;*/
}
#header {
background-color: #8a9297;
background-image: -webkit-linear-gradient(top, #555e64 0%, #a2c3d7 100%);
background-image: linear-gradient(to bottom, #000000 0%, #ababab2b 100%);
overflow: hidden;
}
#header div.section,
#featured div.section,
#messages div.section,
#main,
#triptych,
#footer-columns,
#footer {
max-width: 1290px;
}
#header div.section {
position: relative;
}
#header div.section,
#featured div.section,
#messages div.section,
#main,
#triptych,
#footer-columns,
#footer {
width: 100%;
max-width: 860px;
margin-left: auto;
margin-right: auto;
}
#logo {
float: left;
padding: 15px 15px 15px 10px;
}
#top-user-login {
overflow: hidden;
}
#top-user-login li {
float: left;
zoom: 1;
list-style: none;
}
#top-user-login i {
font-style: normal;
}
#preview {
float: none;
margin: 20px auto;
text-align: center;
width: 500px;
}
.jqzoom {
width: 350px;
height: 350px;
position: relative;
}
.zoomdiv {
left: 859px;
height: 400px;
width: 400px;
}
.list-h li {
float: left;
}
#spec-n5 {
width: 350px;
height: 56px;
padding-top: 6px;
overflow: hidden;
}
#spec-left {
background: url(images/left.gif) no-repeat;
width: 10px;
height: 45px;
float: left;
cursor: pointer;
margin-top: 5px;
}
#spec-right {
background: url(images/right.gif) no-repeat;
width: 10px;
height: 45px;
float: left;
cursor: pointer;
margin-top: 5px;
}
#spec-list {
width: 325px;
float: left;
overflow: hidden;
margin-left: 2px;
display: inline;
}
#spec-list ul li {
float: left;
margin-right: 0px;
display: inline;
width: 62px;
}
#spec-list ul li img {
padding: 2px;
border: 1px solid #ccc;
width: 50px;
height: 50px;
}
/*jqzoom*/
.jqzoom {
position: relative;
padding: 0;
}
.zoomdiv {
z-index: 100;
position: absolute;
top: 1px;
left: 0px;
width: 400px;
height: 400px;
/*background:url(i/loading.gif) #fff no-repeat center center;*/
border: 1px solid #e4e4e4;
display: none;
text-align: center;
overflow: hidden;
}
.bigimg {
width: 800px;
height: 800px;
}
.jqZoomPup {
z-index: 10;
visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
width: 50px;
height: 50px;
border: 1px solid #aaa;
background: #FEDE4F 50% top no-repeat;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(Opacity=50);
cursor: move;
}
#spec-list {
position: relative;
width: 322px;
margin-right: 6px;
}
#spec-list div {
margin-top: 0;
margin-left: -30px;
*margin-left: 0;
}
.top-container {
background-color: #f9f9f9;
border-bottom: 1px solid #f0f0f0;
height: 40px;
}
.top-content {
zoom: 1;
width: 1190px;
margin: 0 auto;
position: relative;
height: 40px;
z-index: 10;
}
.top-content-main {
float: right;
height: 100%;
display: inline;
}
.top-user {
float: left;
}
.top-content li {
float: left;
zoom: 1;
}
.top-drop-down {
position: relative;
z-index: 10;
}
.top-container a {
color: #666;
}
.top-content-aside li i.chome {
background-position: 2px -3px;
}
.top-content-aside li i.shome {
background-position: -4px -38px;
margin-right: -3px;
}
.top-content-aside li a.red {
color: #db4f33;
}
a {
text-decoration: none;
color: #0667ac;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
transition: all .2s ease-in;
}
em,
i {
font-style: normal;
}
.top-content-aside li {
margin-top: 11px;
padding: 0 18px 0 0px;
height: 18px;
float: left;
zoom: 1;
}
.jqzoom img {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
}
.search-form {
width: 500px;
position: relative;
height: 38px;
zoom: 1;
float: right;
margin-top: 33px;
}
.search-type {
float: left;
margin: 2px 0 2px 2px;
width: 58px;
}
.select {
position: relative;
z-index: 3;
}
.select dt {
height: 34px;
display: inline-block;
/*background: url(../images/ico.gif) no-repeat 45px center #f9f9f9;*/
background: center #f9f9f9;
line-height: 34px;
padding-left: 10px;
cursor: pointer;
width: 48px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
position: relative;
z-index: 99;
border-right: 1px solid #f0f0f0;
}
.select dd {
position: absolute;
left: -1px;
top: 34px;
border: 1px solid #de3237;
background: #fff;
display: none;
border-top: none;
width: 58px;
}
.select dd ul {
width: 58px;
}
.select dd ul li a {
line-height: 28px;
display: block;
padding: 0 8px;
color: #3c3c3c;
}
.select dd ul li a:hover {
background: #de3237;
color: #fff !important;
}
.search-form .kw {
border: 0 none;
height: 34px;
text-indent: 8px;
line-height: 34px;
width: 347px;
outline: 0;
float: left;
background: #fff;
margin: 2px 0 2px 0;
}
.search-form .btn-search {
height: 35.5px;
line-height: 35px;
width: 92px;
color: #fff;
font-size: 16px;
font-weight: 700;
text-align: center;
border: 0 none;
background-color: #de3237;
float: right;
cursor: pointer;
margin-top: 1px;
transition: background-color 0.2s ease-out;
}
.search-form .btn-search:hover {
background-color: #c8171c;
}
#header div.section,
#featured div.section,
#messages div.section,
#main,
#triptych,
#footer-columns,
#footer {
max-width: 1290px;
}
#main-menu {
clear: both;
}
#main-menu-links {
font-size: 0.929em;
margin: 0;
padding: 0 15px;
text-align: left;
}
#main-menu-links li {
float: left;
list-style: none;
padding: 0 1px;
margin: 1px;
width: auto;
box-sizing: border-box;
}
#main-menu-links a {
float: left;
padding: 0.7em 0.8em;
margin-bottom: 0;
color: #202122;
background: #fff;
display: block;
text-decoration: none;
text-shadow: 0 1px #eee;
border-radius: 8px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
a#menu-toggle {
display: none;
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
padding: 0.7em 0 0.7em 10px;
text-decoration: none;
text-shadow: 0 1px #eeeeee;
position: relative;
}
.pages a:hover {
color: #f60;
}
.attributes {
border-collapse: collapse;
margin: 10px auto;
}
td.attribute,
td.attribute-value {
border: 1px solid #ccc;
padding: 5px 10px;
}
.text-more {
margin: 0 auto;
line-height: 36px;
padding: 0 20px;
font-size: 16px;
color: #666;
overflow: hidden;
text-align: justify;
}
#textMore h2 {
text-align: inherit;
font-size: 18px;
overflow: hidden;
color: #333;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 22px;
}
#textMore p {
text-indent: 2em;
}
.pro-text {
padding: 0;
width: 100%;
}
.pro-text ul.pro {
overflow: hidden;
border: 0;
}
.pro-text ul {
float: left;
width: 50%;
}
td.attribute-value div {
width: auto;
}
.spno a {
display: block !important;
background: #fff;
margin-top: 10px;
padding: 0 20px 20px 20px;
border-radius: 6px;
}
.hotprocont {
width: 1168px;
margin: 0 auto 10px;
border: 1px solid #eee;
height: 40px;
line-height: 40px;
padding: 0 10px;
font-size: 14px;
}
.hotprotitle {
width: 60px;
padding-right: 10px;
text-align: left;
color: #333;
float: left;
font-weight: bold;
}
.hotproword {
width: 1098px;
overflow: hidden;
float: left;
height: 40px;
}
.hotproword a {
padding-right: 10px;
color: #666;
text-decoration: none;
}
.hotproword a:hover {
color: #ff6600;
}
.shenqingcaozuo {
margin: 18px;
}
.Span-on {
display: inline-block;
width: auto;
height: auto;
border: 1px solid #e60000;
color: #fff;
font-size: 14px;
border-radius: 4px;
margin: 0 10px;
background: #e60000;
text-align: center;
padding: 8px 49px;
margin-top: 18px;
cursor: pointer;
margin-top: 18px !important;
}
.shenqingcaozuo label {
color: #666;
}
span.Span-on.span-3 {
/*background: #e66100;*/
/*border: 1px solid #e66100;*/
line-height: 30px;
font-weight: 600;
letter-spacing: 5px;
font-size: 18px;
margin: 0;
padding: 8px 90px;
}
.pad {
overflow: hidden;
}
.pad .title {}
.description {
background-color: inherit;
padding: 0;
color: #666;
border: 0;
font-size: 13px;
line-height: 29px;
margin: 0;
}
.topinfo .litinfo {
height: auto !important;
}
.topinfo .litinfo span.dates {
float: inherit;
}
li.lx {
width: 50% !important;
}
.shenqingcaozuo li.title {
font-size: 24px;
color: #333;
margin-bottom: 16px;
}
.shenqingcaozuo li.title2 {
font-size: 18px;
color: #333;
margin-bottom: 16px;
}