<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="http://www.vedeng.com/js/jquery-1.11.3.min.js"></script>
<script src="demo.js"></script>
<link rel="stylesheet" type="text/css" href="demo.css"/>
<title>Title</title>
</head>
<body>
<div class="product-images">
<div class="image-lg-view-content">
<img class="product-hot" src="/images/hot.png">
<div class="image-lg-view">
<img src="http://www.vedeng.com/uploads/item/360x360/2019-03-13/15524403299191.jpg">
<div class="image-selector" style="left: 0px; top: 3.10938px; display: block;"></div>
</div>
</div>
<div class="image-xs-list">
<div class="imageList">
<ul>
<li>
<img src="http://www.vedeng.com/uploads/item/60x60/2019-03-13/15524386468377.jpg">
</li>
<li>
<img src="http://www.vedeng.com/uploads/item/60x60/2019-03-13/15524403299191.jpg">
</li>
<li>
<img src="http://www.vedeng.com/uploads/item/60x60/2019-07-08/15625508374898.jpg">
</li>
</ul>
</div>
</div>
<!-- 原图显示 800*800 -->
<div class="image-xlg-view" style="display: block;">
<img src="http://www.vedeng.com/uploads/item/800x800/2019-03-13/15524403299191.jpg" style="left: 0px; top: -6.90972px;">
</div>
<div class="action-bar">
<div class="jiathis_style right" style="width:120px;">
<span class="jiathis_txt" style="float: left; margin-right:4px;line-height:30px;">分享</span>
<div class="bdsharebuttonbox bdshare-button-style0-16" data-tag="share_1" data-bd-bind="1577244494496">
<a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
<a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
<a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
<a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
<!-- <a class="bds_count" data-cmd="count"></a> -->
</div>
<!-- <a href="http://www.jiathis.com/share?uid=2064939" -->
<!-- class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"style="float: left;"> -->
<!-- </a> -->
<!-- <a class="jiathis_counter_style"></a> -->
</div>
<a href="javascript:void(0);" class="favourite" onclick="addFavorite('276521');">
<i class="iconfont icon-focus"></i>
关注产品
</a>
<div class="clear"></div>
</div>
<script charset="utf-8" src="http://v3.jiathis.com/code/jia.js" type="text/javascript">
</script>
</div>
</body>
</html>
$(function(){
//点击到中图
var midChangeHandler = null;
$(".image-xs-list li img").bind("click", function(){
if ($(this).attr("class") != "active") {
midChange($(this).attr("src").replace("60x60", "360x360"));
$(".image-xs-list li").removeAttr("class");
$(this).parent().attr("class", "active");
}
}).bind("mouseover", function(){
if ($(this).attr("class") != "active") {
window.clearTimeout(midChangeHandler);
midChange($(this).attr("src").replace("60x60", "360x360"));
$(this).css({ "border-color": "#999" });
}
}).bind("mouseout", function(){
if($(this).attr("class") != "active"){
$(this).removeAttr("style");
midChangeHandler = window.setTimeout(function(){
midChange($(".active img").attr("src").replace("60x60", "360x360"));
}, 1000);
}
});
function midChange(src) {
$(".image-lg-view img").attr("src", src).load(function() {
changeViewImg();
});
}
function changeViewImg() {
$(".image-xlg-view img").attr("src", $(".image-lg-view img").attr("src").replace("360x360", "800x800"));
}
changeViewImg();
//大视窗看图
function mouseover(e) {
if ($(".image-selector").css("display") == "none") {
$(".image-selector,.image-xlg-view").show();
}
$(".image-selector").css(fixedPosition(e));
e.stopPropagation();
}
function mouseOut(e) {
if ($(".image-selector").css("display") != "none") {
$(".image-selector,.image-xlg-view").hide();
}
e.stopPropagation();
}
$(".image-lg-view img").mouseover(mouseover); //中图事件
$(".image-lg-view img,.image-selector").mousemove(mouseover).mouseout(mouseOut); //选择器事件
var $divWidth = 162; //选择器宽度
var $divHeight = 162;
var $imgWidth = 360; //中图宽度
var $imgHeight = 360;
var $viewImgWidth = $viewImgHeight = $height = null; //IE加载后才能得到 大图宽度 大图高度 大图视窗高度
$(".image-xlg-view").scrollLeft(0).scrollTop(0);
function fixedPosition(e) {
if (e == null) {
return;
}
var $imgLeft = $(".image-lg-view img").offset().left; //中图左边距
var $imgTop = $(".image-lg-view img").offset().top; //中图上边距
X = e.pageX - $imgLeft - $divWidth / 2; //selector顶点坐标 X
Y = e.pageY - $imgTop - $divHeight / 2; //selector顶点坐标 Y
X = X < 0 ? 0 : X;
Y = Y < 0 ? 0 : Y;
X = X + $divWidth > $imgWidth ? $imgWidth - $divWidth : X;
Y = Y + $divHeight > $imgHeight ? $imgHeight - $divHeight : Y;
if ($viewImgWidth == null) {
$viewImgWidth = $(".image-xlg-view img").outerWidth();
$viewImgHeight = $(".image-xlg-view img").height();
if ($viewImgWidth < 200 || $viewImgHeight < 200) {
$viewImgWidth = $viewImgHeight = 800;
}
$height = $divHeight * $viewImgHeight / $imgHeight;
}
var scrollX = X * $viewImgWidth / $imgWidth;
var scrollY = Y * $viewImgHeight / $imgHeight;
$(".image-xlg-view img").css({ "left": scrollX * -1, "top": scrollY * -1 })
return { left: X, top: Y };
}
});
/*一號工程2018/1/26 author by Moon*/
a:hover {
text-decoration: none;
}
a {
display: inline-block;
}
select {
border: 1px solid #ccc;
border-radius: 2px;
margin: 0;
height: 26px;
padding: 2px;
}
ul {
overflow: hidden;
}
.none{
display: none;
}
.pr4{
padding-right: 4px;
}
.pt20{
padding-top: 20px;
}
.mt20 {
margin-top: 20px;
}
.pos_rel {
position: relative;
}
.font-16 {
font-size: 16px;
}
.font-24 {
font-size: 24px;
}
a.font-orange,.font-orange {
color: #f60;
}
.font-grey6 {
color: #666;
}
.font-grey9 {
color: #999;
}
a.font-red:hover,
.font-red,
.warning-color1 {
color: #fc5151;
}
a.font-blue:hover,
.font-blue {
color: #09f;
}
.font-green {
color: #49a948;
}
.margin-auto {
margin: 10px auto 0 auto;
}
.main-container input[type="text"] {
border: 1px solid #e7e7e7;
height: 28px;
line-height: 28px;
padding: 4px;
}
.main-container input[type="checkbox"] {
border: 1px solid #e7e7e7;
}
.f_right {
float: right;
}
/*页脚开始*/
.overflow-hidden {
overflow: hidden;
}
.f_left {
float: left;
}
.panel-container {
width: 100%;
color: #333;
}
.wid2{
width: 20px;
}
.wid4 {
width: 40px;
}
.wid5 {
width: 50px;
}
.wid6 {
width: 60px;
}
.wid7 {
width: 70px;
}
.wid8 {
width: 80px;
}
.wid9 {
width: 90px;
}
.wid95 {
width: 93px;
}
.wid10 {
width: 100px;
}
.wid11 {
width: 110px;
}
.wid12 {
width: 120px;
}
.wid13 {
width: 130px;
}
.wid14 {
width: 140px;
}
.wid15 {
width: 150px;
}
.wid16 {
width: 160px;
}
.wid17 {
width: 170px;
}
.wid18 {
width: 180px;
}
.wid19 {
width: 190px;
}
.wid20 {
width: 200px;
}
.wid21 {
width: 210px;
}
.wid22 {
width: 220px;
}
.wid23 {
width: 230px;
}
.wid24 {
width: 240px;
}
.wid25 {
width: 250px;
}
.wid26 {
width: 260px;
}
.wid27 {
width: 270px;
}
.wid28 {
width: 280px;
}
.wid29 {
width: 290px;
}
.wid30 {
width: 300px;
}
.wid31 {
width: 310px;
}
.wid32 {
width: 320px;
}
.wid33 {
width: 330px;
}
.wid35 {
width: 350px;
}
.wid36 {
width: 360px;
}
.wid38 {
width: 380px;
}
.wid39 {
width: 390px;
}
.wid40 {
width: 400px;
}
.wid45 {
width: 450px;
}
.wid55 {
width: 550px;
}
.heit28 {
height: 28px;
line-height: 28px;
}
.mt-15 {
margin-top: -15px;
}
.mt10 {
margin-top: 10px;
}
.mr5 {
margin-right: 5px;
}
.mr6 {
margin-right: 6px;
}
.ml5 {
margin-left: 5px;
}
.ml7 {
margin-left: 7px;
}
.mr10 {
margin-right: 10px;
}
.mr20 {
margin-right: 20px;
}
.ml2 {
margin-left: 2px;
}
.ml10 {
margin-left: 10px;
}
.ml12 {
margin-left: 12px;
}
.ml20 {
margin-left: 20px;
}
.ml80{
margin-left: 80px;
}
.ml90{
margin-left: 90px;
}
.ml100 {
margin-left:100px;
}
.mb4{
margin-bottom:4px;
}
.mb10 {
margin-bottom: 10px;
}
.mb15 {
margin-bottom: 15px;
}
.ml15 {
margin-left: 15px;
}
.ml30 {
margin-left: 30px;
}
.ml40 {
margin-left: 40px;
}
.bt-blue {
color: #09f;
cursor: pointer;
}
.text-center {
text-align: center;
}
.main-container .page-title {
margin-bottom: 20px;
}
.panel-container .table {
padding: 0 19px;
}
.table thead>tr>th {
background: #f2f2f2;
font-weight: normal;
}
.panel-container .table thead>tr>th,
.panel-container .table thead>tr>th {
padding: 5px 8px;
}
.panel-table-title {
background: #e9e9e9;
height: 36px;
font-size: 14px;
line-height: 36px;
color: #333;
padding: 0 19px;
font-weight: bold;
}
.panel-table-title ul,
.panel-chose-all,
.panel-container .table ul li ul {
overflow: hidden;
}
.panel-table-title ul li,
.panel-container .table ul li ul li {
float: left;
text-align: left;
}
.panel-container .panel-chose-all {
width: 58px;
}
.panel-container .product-img {
width: 62px;
}
.panel-container .product-name {
width: 230px;
}
.panel-container .product-name1 {
width: 170px;
max-height: 60px;
overflow: hidden;
}
.panel-container .product-name a,
a.order-detail {
color: #333;
}
.panel-container .product-name a:hover,
a.order-detail:hover {
color: #ff8f0f;
}
.panel-container .brand-type {
width: 155px;
}
.panel-container td .single-price {
width: 100px;
}
.panel-container .number {
width: 73px;
}
.panel-container .count {
width: 103px;
}
.panel-container .operate {
width: 98px;
}
.panel-container .table tr {
border-left: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
}
.panel-container .table ul li div.product-container {
border-bottom: 1px solid #e7e7e7;
padding: 20px 19px;
}
.panel-container .table .panel-chose-all input[type="checkbox"] {
margin: 4px 3px 0 0;
}
.table .product-img-box1 {
margin: 0 auto;
}
.table .product-img-box {
border: 1px solid #e4e4e4;
width: 62px;
height: 62px;
}
.table .product-img-box img {
text-align: center;
width: 60px;
height: 60px;
}
.panel-container .operate div {
cursor: pointer;
color: #666;
}
.panel-container .table td .count {
color: #ff6d13;
font-weight: bold;
}
.panel-container .table td .number {
border: 1px solid #c7c7c7;
height: 28px;
line-height: 26px;
overflow: hidden;
cursor: pointer;
margin: 0 auto;
}
.panel-container .table td .number input {
width: 35px;
display: inline-block;
height: 26px;
border: none;
border-right: 1px solid #c7c7c7;
border-left: 1px solid #c7c7c7;
float: left;
padding: 4px;
text-align: center;
}
.panel-container .table td .number span {
display: inline-block;
background: #fafafa;
text-align: center;
width: 18px;
float: left;
}
.main-container .choose-all {
overflow: hidden;
margin-top: 20px;
}
.main-container .choose-all1 {
position: fixed;
z-index: 1234;
background: #fff;
bottom: 0;
padding: 10px 0 20px 0;
}
.main-container .choose-all-box {
height: 63px;
line-height: 63px;
width: 1020px;
padding-left: 8px;
border: 1px solid #e7e7e7;
}
.main-container .choose-all2 {
position: relative;
bottom: 0;
}
.main-container .select-all {
overflow: hidden;
float: left;
}
.main-container .select-all input {
float: left;
margin: 4px 20px 0 21px;
}
.main-container .select-all span {
cursor: pointer;
}
.main-container .order-remark {
height: 50px;
line-height: 50px;
border: 1px solid #e7e7e7;
}
.main-container .choose-input {
margin: 2px 4px 0 0;
}
.main-container .choose-all div {
float: left;
overflow: hidden;
}
.main-container .delete-selected,
.main-container .change-to-attention {
color: #666;
cursor: pointer;
}
.main-container .delete-selected {
margin: 0 10px 0 20px;
}
.main-container .choose-all .choose-number {
line-height: 10px;
margin: 10px 10px 0 0;
float: right;
}
.main-container .order-remark .choose-number {
line-height: 25px;
height: 35px;
overflow: hidden;
}
.main-container .choose-all .choose-number p {
margin-top: 3px;
}
.main-container .choose-all .f_right {
float: right;
}
.main-container .f_right a {
float: left;
}
.main-container .f_right span {
display: inline-block;
font-size: 16px;
color: #fff;
width: 136px;
text-align: center;
float: left;
cursor: pointer;
}
.main-container .bg-grey {
background: #aaa;
}
.main-container .bg-orange {
background: #ff6600;
}
.main-container .bg-yellow {
background: #ffaa01;
}
.main-container .choose-number .number,
.main-container .choose-number .price {
color: #ff6d13;
font-weight: bold;
}
.main-container .order-remark-advice textarea {
width: 100%;
border: 1px solid #e7e7e7;
resize: none;
padding: 4px;
text-indent: 14px;
color: #999;
}
.form-list li {
margin-bottom: 10px;
}
.form-list li ul li {
margin-bottom: 0px;
}
.form-list li,
.form-list ul {
overflow: visible;
zoom: 1;
}
.form-list li:after,
.form-list ul:after,
.form-list .form-blanks:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.form-list li ul li:after {
content: '';
clear: none;
}
.form-list input {
display: inline-block;
border: 1px solid #ccc;
border-radius: 2px;
}
.form-list input[type='text'],
.form-list select {
margin: -4px 0 2px 0;
height: 29px;
padding: 0 4px;
}
.form-list textarea {
margin: -4px 0 2px 0;
padding: 0 4px;
border: 1px solid #ccc;
}
.form-list .form-blanks input,
.form-list .form-blanks span,
.form-list .form-blanks a,
.form-list .form-blanks i,
.form-list .form-blanks label,
.form-list .form-blanks ul,
.form-list .form-blanks ul li,
.form-list .form-blanks select {
float: left;
margin-right: 10px;
font-weight: normal;
}
.form-list .form-blanks .bt-bg-style {
margin-top: -3px;
}
.form-list .form-blanks .bt-style {
margin-top: -4px;
}
input.errorbor,
.formpublic input.errorbor,
textarea.errorbor,
select.errorbor,
.form-list input.errorbor,
.form-list select.errorbor {
border: 1px solid #fc5151;
}
/*弹层中只要是一个input,就在最外层 div 添加 pop-pages-new-form*/
.pop-pages-form .form-blanks input[type='text'],
.pop-pages-form ul li {
margin-right: 0px;
}
.pop-pages-form ul li ul li {
margin: 0 10px 0 0;
}
.form-list .form-blanks ul li,
.form-list .form-blanks ul {
margin-bottom: 0px;
}
.form-tips {
float: left;
width: 100px;
text-align: right;
overflow: hidden;
margin: 3px 10px 0 0;
white-space: nowrap;
text-overflow: ellipsis;
}
.form-list-new .form-tips {
text-align: left;
color: #999;
font-weight: normal;
}
.form-tips {
margin: 0px 10px 0 0;
}
.form-tips4 .form-tips {
width: 60px;
}
.form-tips5 .form-tips {
width: 70px;
}
.form-tips6 .form-tips {
width: 85px;
}
.form-tips7 .form-tips {
width: 96px;
}
.form-tips8 .form-tips {
width: 108px;
}
.form-tips9 .form-tips {
width: 120px;
}
.form-tips10 .form-tips {
width: 130px;
}
.form-tips11 .form-tips {
width: 145px;
}
.form-tips12 .form-tips {
width: 154px;
}
.form-tips span {
color: #ff3300;
}
.procedure ul {
overflow: hidden;
width: 980px;
margin: 0 auto;
}
.procedure ul li {
float: left;
width: 182px;
text-align: center;
}
.consult-procedure ul li {
float: left;
width: 490px;
text-align: center;
}
.procedure ul li:first-child,
.procedure ul li:last-child {
width: 121px;
}
.consult-procedure ul li:first-child,
.consult-procedure ul li:last-child {
width: 245px;
}
.procedure .icon-tip {
width: 70px;
height: 70px;
background: #aaa;
border-radius: 50%;
margin: 10px auto;
position: relative;
}
.procedure .icon-tip:after {
display: inline-block;
content: "";
width: 183px;
background: #aaa;
height: 8px;
position: absolute;
top: 50%;
right: -60px;
z-index: -1;
margin-top: -4px;
}
.consult-procedure .icon-tip:after {
width: 490px;
right: -210px;
}
.procedure .arrive-this-step,
.procedure .arrive-this-step:after {
background: #09f;
}
.procedure ul li:first-child .icon-tip:after {
width: 60px;
right: -58px;
}
.procedure ul li:last-child .icon-tip:after {
width: 60px;
right: 58px;
}
.consult-procedure ul li:first-child .icon-tip:after {
width: 176px;
right: -175px;
}
.consult-procedure ul li:last-child .icon-tip:after {
width: 178px;
right: 67px;
}
.procedure ul li:first-child .icon-tip {
margin-left: 0px;
}
.procedure ul li:last-child .icon-tip {
margin-left: 52px;
}
.consult-procedure ul li:last-child .icon-tip {
margin-left: 175px;
}
.procedure .icon-tip i {
display: inline-block;
background: url("../images/myorder-sprite.png") no-repeat;
}
.procedure .icon-tip i {
display: inline-block;
width: 40px;
height: 40px;
}
.procedure .selected-order {
text-align: left;
padding-left: 16px;
}
.procedure .apply-ticket {
text-align: right;
padding-right: 2px;
}
.consult-procedure .check {
text-align: right;
padding-right: 6px;
}
.procedure .icon-tip .icon-selected-order {
background-position: -4px -2px;
margin-top: 14px;
}
.procedure .icon-tip .icon-submit-order {
background-position: -49px -2px;
margin-top: 14px;
}
.procedure .icon-tip .icon-check {
background-position: -95px -3px;
margin-top: 15px;
}
.procedure .icon-tip .icon-pay-public {
background-position: -142px -2px;
margin: 15px 4px 0 0;
}
.procedure .icon-tip .icon-recieve-pro {
background-position: -192px 0px;
margin-top: 12px;
}
.procedure .icon-tip .icon-apply-ticket {
background-position: -245px -3px;
margin-top: 14px;
}
.consult-procedure .icon-tip .icon-submit-order {
background-position: -50px -50px;
margin-top: 14px;
}
.consult-procedure .icon-tip .icon-check {
background-position: -96px -50px;
margin-top: 14px;
}
.panel-container .table .consult-notice {
border: 1px solid #c7c7c7;
overflow-y: scroll;
padding: 4px;
line-height: 15px;
height: 80px;
}
.main-container .vedengs-quoted-nav {
margin-bottom: 20px;
}
.main-container .vedengs-quoted-nav ul li {
float: left;
}
.main-container .quote-situation {
width: 125px;
margin: 3px 15px 0 16px;
overflow: hidden;
}
.main-container .quote-situation a {
display: inline-block;
width: 50px;
text-align: center;
float: left;
color: #333;
}
.main-container .quote-situation a:first-child {
border-right: 1px solid #ddd;
}
.main-container .quote-situation a.active {
color: #09f;
}
.vedengs-quoted-nav input,
.vedengs-quoted-nav select {
width: 120px;
margin: 0 21.5px 0 3px;
}
.vedengs-quoted-nav .search span {
background: #ffaa01;
color: #fff;
display: inline-block;
width: 100px;
height: 28px;
line-height: 28px;
text-align: center;
cursor: pointer;
}
.main-container .caozuo span {
display: inline-block;
cursor: pointer;
margin-right: 10px;
}
.main-container .caozuo span:last-hcild {
margin-right: 0px;
}
.main-container .caozuo a:hover {
color: #09f;
}
.main-container .caozuo a.font-red:hover {
color: #fc5151;
}
.vedengs-quoted .table thead th:first-child,
.vedengs-quoted .table tbody td:first-child {
padding-left: 20px;
}
.vedengs-quoted .table .product-name a {
display: inline-block;
/* width: 240px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;*/
}
.vedengs-not-quoted .table .product-name a {
width: 440px;
color: #333;
}
.vedengs-not-quoted .table .product-name a:hover {
color: #ffaa01;
}
.main-container .pages-new {
overflow: hidden;
}
.main-container .pages-new ul li {
float: left;
line-height: 30px;
height: 32px;
border: 1px solid #e7e7e7;
border-left: none;
width: 34px;
text-align: center;
}
.main-container .pages-new ul li a {
width: 34px;
height: 32px;
display: inline-block;
color: #0067ce;
}
.main-container .pages-new .last-page,
.main-container .pages-new .next-page {
line-height: 30px;
height: 32px;
border: 1px solid #e7e7e7;
width: 69px;
text-align: center;
}
.main-container .pages-new .last-page a,
.main-container .pages-new .next-page a {
width: 69px;
}
.main-container .pages-new .fifth {
border-right: none;
}
.main-container .pages-new .active {
border-top: none;
border-bottom: none;
line-height: 33px;
}
.main-container .pages-new .ensure {
float: right;
}
.main-container .pages-new .ensure input {
display: inline-block;
width: 32px;
height: 32px;
float: left;
}
.main-container .pages-new .ensure .dao {
margin: 6px 10px 0 10px;
float: left;
}
.main-container .pages-new .ensure .page-ye {
float: left;
margin: 6px 10px 0 10px;
}
.main-container .pages-new .ensure button {
background: #fafafa;
border: 1px solid #e7e7e7;
height: 32px;
line-height: 30px;
width: 50px;
display: inline-block;
text-align: center;
color: #999;
}
.main-container .product-recommend {}
.main-container .product-recommend .product-recommend-title {
background: #eaf7ff;
text-align: center;
border: 1px solid #e7e7e7;
border-bottom: none;
text-align: center;
font-size: 30px;
color: #09f;
height: 69px;
line-height: 66px;
}
.main-container .product-recommend .table td {
border-right: 1px solid #e7e7e7;
padding: 5px;
}
.main-container .product-recommend .table td.wid12 {
background: #eaf7ff;
}
.main-container .product-recommend .table td input {
width: 100%;
height: 26px;
border: 1px solid #c7c7c7;
}
.main-container .table tbody.edit>tr>td {}
/*.main-container .table tbody.edit > tr{
border-top: 1px solid #e7e7e7;
}*/
.panel-container .table tbody.edit>tr>td {
position: relative;
}
.panel-container .table tbody.edit>tr>td .edit-hide {
position: absolute;
width: 100%;
height: 100%;
border: 1px dashed #09f;
z-index: 10;
left: 0;
top: 0;
display: none;
}
.panel-container .table tbody.edit>tr>td:hover .edit-hide {
display: block;
}
.click-edit {
color: #fff;
background: #09f;
width: 33px;
height: 20px;
line-height: 19px;
text-align: center;
float: right;
font-size: 12px;
cursor: pointer;
}
.panel-container .table-caozuo {
float: right;
margin-top: 5px;
overflow: hidden;
}
.panel-container .table-caozuo:after {
content: "";
display: inline-block;
clear: both;
}
.panel-container .table-caozuo span,
.panel-container .table-caozuo a {
display: inline-block;
width: 90px;
height: 28px;
line-height: 26px;
text-align: center;
color: #fff;
cursor: pointer;
float: left;
margin-right: 10px;
}
.panel-container .table-caozuo span:last-child,
.panel-container .table-caozuo a:last-child {
margin-right: 0px;
}
.panel-container .table-caozuo .add {
background: #09f;
margin-right: 6px;
}
.panel-container .table-caozuo .delete {
background: #fc5151;
}
.panel-container .table tr.new-tr td {
color: #999;
}
.panel-container .table tbody.edit>tr.new-tr>td .edit-hide {
display: block;
opacity: 0.5;
}
.panel-container .table tbody.edit>tr.new-tr>td:hover .edit-hide {
opacity: 1;
}
.clear {
clear: both;
}
.main-container .watch-quote-detail {
border: 1px solid #e7e7e7;
background: #eaf7ff;
margin-bottom: 20px;
}
.main-container .watch-quote-detail ul {
font-size: 16px;
color: #333;
overflow: hidden;
padding: 20px 20px 20px 40px;
}
.main-container .watch-quote-detail ul li {
width: 33.3%;
float: left;
line-height: 23px;
}
.buttons {
text-align: center;
overflow: hidden;
}
.text-right {
text-align: right;
}
.buttons button,
.buttons a {
margin-right: 20px;
display: inline-block;
width: 138px;
height: 38px;
color: #fff;
border: none;
float: right;
line-height: 38px;
}
.buttons button:first-child {
margin-right: 0;
}
.bt-smallest {
height: 20px;
line-height: 17px;
}
.bt-smaller {
height: 22px;
line-height: 19px;
}
.bt-small {
height: 26px;
line-height: 22px;
}
.bt-bg-orange {
background: #ffaa00;
color: #fff;
}
.bt-bg-yellow {
background: #ffaa01;
color: #fff;
}
.bt-bg-blue {
background: #09f;
color: #fff;
}
.bt-bg-red {
background: #fd5151;
color: #fff;
}
.bt-bg-green{
background: #5bb85d;
color: #fff;
}
.edit-textarea {
display: inline-block;
width: 100%;
height: 100%;
resize: none;
border: none;
display: none;
}
.main-container .my-order-nav ul li {
float: left;
}
.main-container .my-order-nav1 .my-order-nav ul li {
line-height: 18px;
font-size: 16px;
}
.Wdate {
border: #999 1px solid;
height: 25px;
background: #fff url('../images/datePicker.gif') no-repeat right;
}
.Wdate::-ms-clear {
display: none;
}
.WdateFmtErr {
font-weight: bold;
color: red;
}
.main-container .my-order-nav {
font-size: 14px;
margin-bottom: 20px;
overflow: hidden;
}
.main-container .my-order-nav1 .my-order-nav {
margin: 0px 0 0 30px;
float: left;
}
.main-container .my-order-nav a {
color: #333;
padding: 0 9px;
border-right: 1px solid #ddd;
}
.main-container .my-order-nav li:first-child a {
padding-left: 0;
}
.main-container .my-order-nav li .nobor {
border-right: 0;
padding-right: 0;
}
.main-container .my-order-nav a.active {
color: #09f;
}
.font-yellow {
color: #ffaa01;
}
.main-container .search {
width: 96px;
height: 28px;
line-height: 28px;
color: #fff;
background: #ffaa01;
text-align: center;
cursor: pointer;
}
.vedengs-quoted-nav .search {
margin-left: 4px;
}
.my-order-nav .search {
margin-left: 24px;
}
.table1-title {
background: #f3faff;
border: 1px solid #ddf1ff;
border-bottom: none;
padding: 8px 8px 8px 20px;
}
.table2-title {
background: #e9e9e9;
border: 1px solid #e7e7e7;
border-bottom: none;
padding: 8px 8px 8px 20px;
}
.table1 {
border: 1px solid #ddf1ff;
border-top: none;
}
.table1>thead>tr>th,
.table1>tbody>tr>th,
.table1>tfoot>tr>th,
.table1>thead>tr>td,
.table1>tbody>tr>td,
.table1>tfoot>tr>td {
border-top: 1px solid #ddf1ff;
padding: 20px 8px;
}
.table3>thead>tr>th,
.table3>tbody>tr>th,
.table3>tfoot>tr>th,
.table3>thead>tr>td,
.table3>tbody>tr>td,
.table3>tfoot>tr>td {
padding: 20px 8px;
}
.table>thead>tr>th.pl20,
.table>tbody>tr>td.pl20 {
padding-left: 20px;
}
.table1 .border-right {
border-right: 1px solid #ddf1ff;
}
.table1 .border-left {
border-left: 1px solid #ddf1ff;
}
.table1 .border-right {
border-right: 1px solid #ddf1ff;
}
.table1 .border-left {
border-left: 1px solid #ddf1ff;
}
.table2 .border-right {
border-right: 1px solid #e7e7e7;
}
.table2 .border-left {
border-left: 1px solid #e7e7e7;
}
.panel-container .table1 tr {
border-left: 1px solid #ddf1ff;
border-right: 1px solid #ddf1ff;
}
.panel-container-orders:hover .table1-title {
border: 1px solid #09f;
border-bottom: none;
}
.panel-container-orders:hover .table1 {
border: 1px solid #09f;
border-top: none;
}
.panel-container-orders:hover .table1 tr {
border-left: 1px solid #09f;
border-right: 1px solid #09f;
}
.panel-container-orders:hover .table2-title {
border: 1px solid #999;
border-bottom: none;
}
.panel-container-orders:hover .table2 tr {
border-left: 1px solid #999;
border-right: 1px solid #999;
}
.panel-container-orders:hover .table2 {
border: 1px solid #999;
border-top: none;
}
.bt-style {
color: #fff;
display: inline-block;
height: 28px;
line-height: 27px;
text-align: center;
cursor: pointer;
padding: 0 10px;
}
.bt-style:hover {
color: #fff;
}
.table1 .bt-bg-red {
background: #fc5151;
}
.table1 .bt-bg-blue {
background: #09f;
}
.main-container .download-tip {
border: 1px solid #ffe1a4;
background: #fdfeea;
padding: 4px 20px 4px 40px;
margin-bottom: 20px;
position: relative;
}
.main-container .download-contract {
height: 55px;
line-height: 55px;
background: #e9e9e9;
margin-top: 10px;
line-height: 55px;
padding-left: 20px;
}
.main-container .download-contract .download-button {
float: right;
margin-right: 20px;
}
.main-container .download-contract .download-button a {
display: inline-block;
width: 80px;
text-align: center;
height: 30px;
line-height: 30px;
}
.main-container .download-contract .download-button a:hover {
color: #fff;
}
.main-container .sale-order-total .download-contract .download-button {
margin-right: 0px;
}
.order-steps {
width: 956px;
margin: 20px auto 10px auto;
}
.order-steps .three-steps li {
float: left;
width: calc((100% - 30px)/2);
width: -webkit-calc((100% - 30px)/2);
width: -moz-calc((100% - 30px)/2);
}
.order-steps .four-steps li {
float: left;
width: calc((100% - 30px)/3);
width: -webkit-calc((100% - 30px)/3);
width: -moz-calc((100% - 30px)/3);
}
.order-steps .five-steps li {
float: left;
width: calc((100% - 30px)/4);
width: -webkit-calc((100% - 30px)/4);
width: -moz-calc((100% - 30px)/4);
}
.order-steps .six-steps li {
float: left;
width: calc((100% - 30px)/5);
width: -webkit-calc((100% - 30px)/5);
width: -moz-calc((100% - 30px)/5);
}
.order-steps-detail li {
float: left;
width: 90px;
text-align: center;
}
.order-steps-detail .three-steps li {
margin-right: 374px;
}
.order-steps-detail .four-steps li {
margin-right: 218px;
}
.order-steps-detail .five-steps li {
margin-right: 142px;
}
.order-steps-detail .six-steps li {
margin-right: 95px;
}
.order-steps-detail li:last-child {
width: 80px;
padding-left: 13px;
margin-right: 0;
}
.order-steps-detail li:first-child {
padding-right: 4px;
}
.order-steps .steps li:last-child {
width: 30px;
}
.order-steps .steps li {
position: relative;
}
.order-steps li:after {
display: inline-block;
content: "";
width: 100%;
position: absolute;
height: 3px;
background: #e9e9e9;
top: 50%;
left: 11px;
margin: -1.5px 0 0 0;
z-index: -1;
}
.order-steps .last-child-li:after {
width: 30%;
}
.order-steps li .step-nodes {
background: rgba(255, 255, 255, 0);
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
}
.order-steps li .icon-white-circle {
background: #999;
display: inline-block;
width: 10px;
height: 10px;
border-radius: 100%;
}
.order-steps .arrive-this-step .step-nodes {
width: 30px;
height: 30px;
border-radius: 100%;
background: #09f;
text-align: center;
line-height: 29px;
}
.order-steps .arrive-this-step .icon-white-circle {
background: #fff;
}
.order-steps .arrive-this-step:after {
background: #e9e9e9;
}
.order-steps .has-passed .icon-white-circle {
background: url("../images/icon-sprite.png") no-repeat;
width: 22px;
height: 14px;
background-position: 1px -15px;
margin: 0 0 -2px 3px;
}
.order-steps .has-passed:after {
background: #09f;
}
.order-steps .not-arrive-this-step .step-nodes {}
.order-steps-detail {
width: 1010px;
margin: 0 auto;
}
.order-steps-detail li p:first-child {
margin-bottom: 4px;
}
.order-steps-detail li p:last-child {
font-size: 12px;
color: #999;
line-height: 15px;
}
.waiting-pay-order .sale-order-infor {
padding: 20px 0;
border: 1px solid #e7e7e7;
margin-bottom: 20px;
}
.waiting-pay-order .sale-order-infor li {
float: left;
width: calc((100% - 1px) / 3);
padding-left: 20px;
}
.waiting-pay-order .sale-order-infor-title {
font-weight: bold;
margin-bottom: 10px;
}
.waiting-pay-order .nobor {
border: none;
}
.waiting-pay-order .sale-order-infor .form-list li {
float: none;
width: 100%;
padding-left: 0;
margin-bottom: 2px;
}
.table-title .order-infor1 {
float: left;
}
.table-title .order-infor1 a {
display: inline-block;
width: 100px;
color: #999;
text-align: center;
float: left;
}
.table-title .order-infor1 a.active {
background: #d8d8d8;
color: #333;
}
.table-title .order-infor2 {
float: right;
margin-right: 20px;
}
.table-title .order-infor2 a {
color: #0099ff;
}
.waiting-pay-order .sale-order-infor .form-tips {
margin-right: 0;
}
.waiting-pay-order .sale-order-infor .form-balnk {
width: 220px;
}
.waiting-pay-order .form-tips8 .form-balnk {
width: 200px;
}
.waiting-pay-order .sale-order-total {
background: #e9e9e9;
padding: 20px;
text-align: right;
margin-top: -15px;
}
.waiting-pay-order .sale-order-total span.wid10 {
display: inline-block;
text-align: right;
width: 150px;
}
.waiting-pay-order .sale-order-total .price1 {
display: inline-block;
width: 100px;
text-align: left;
}
.table-bottom {
background: #e9e9e9;
padding: 20px;
text-align: right;
}
.reading-order-set .table tr td:first-child {
background: #f2f2f2;
padding-left: 20px;
}
.reading-order-set .table tr td:last-child {
padding: 8px 8px 3px 20px;
}
.reading-order-set .reading-order-choices li {
float: left;
margin: 0 20px 5px 0;
overflow: hidden;
}
.reading-order-set .reading-order-choices input[type="checkbox"] {
display: inline-block;
width: 12px;
height: 12px;
border: 1px solid #c7c7c7;
float: left;
margin-right: 4px;
}
.reading-order-set .reading-order-choices li span {
float: left;
}
.reading-order-set .form-list li {
margin-bottom: 5px;
}
.table-buttons {
text-align: center;
}
.table .upload-file {
width: 120px;
position: relative;
}
.table .upload-file input {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
top: 0;
left: 0;
cursor: pointer;
}
.upload-file-box ul {
overflow: visible;
}
.upload-file-box ul:after {
display: block;
content: "";
clear: both;
}
.upload-file-box {
margin-bottom: 20px;
}
.upload-file-box li {
float: left;
margin-right: 20px;
}
.upload-file-box li .img-box {
text-align: center;
width: 60px;
height: 60px;
border: 1px solid #ccc;
position: relative;
}
.upload-file-box .img-box img {
width: 58px;
height: 58px;
}
.upload-file-box .add-file {
border: 1px dashed #ccc;
width: 60px;
height: 60px;
text-align: center;
line-height: 70px;
}
.icon-addfile {
display: inline-block;
background: url("../images/addfile.png") no-repeat;
width: 24px;
height: 24px;
}
.uploadVedeng {
position: absolute;
width: 100%;
opacity: 0;
height: 100%;
z-index: 2;
left: 0;
top: 0;
}
.popup-form-list {
padding: 14px 10px 15px 15px;
}
.add-tijiao button,
.edit-tijiao button,
.sucsess-ok {
color: #fff;
/*width: 64px;*/
padding: 0 8px;
height: 26px;
line-height: 20px;
text-align: center;
border-radius: 2px;
cursor: pointer;
}
.add-tijiao {
text-align: center;
}
.text-left {
text-align: left;
}
.add-tijiao button[type='submit'] {
background: #5cb85c;
border: 1px solid #4cae4c;
margin-right: 6px;
}
.add-tijiao .dele {
background: #ffaa01;
border: 1px solid #e79900;
}
/*余额管理*/
.balance {
background: #e9e9e9;
height: 60px;
padding-left: 20px;
line-height: 60px;
}
.shopping-car {
position: absolute;
top: 10px;
right: 15px;
z-index: 123;
}
.shopping-car1{
right: 170px;
top: 20px;
height: 34px;
border:1px solid #e3e4e5;
text-align: center;
line-height: 34px;
overflow: hidden;
padding:0 6px;
}
.shopping-car1:hover a{
color: #09f;
}
.shopping-car1 .shopping-num{
float: right;
position: initial;
margin-top: 5px;
width: 27px;
text-align: center;
}
.shopping-car2{
right:142px;
top: 20px;
height: 36px;
border:1px solid #e3e4e5;
text-align: center;
line-height: 34px;
overflow: hidden;
padding:0 6px;
}
.shopping-car2 a,.shopping-car2:hover a{
color: #444;
}
.shopping-car2 .shopping-num{
float: right;
position: initial;
margin-top: 5px;
width: 27px;
text-align: center;
}
.icon-shopping-car2{
width: 23px;
height: 22px;
background-position: 0px -127px;
margin: 0 3px -6px 0px;
}
.icon-shopping-car {
display: inline-block;
width: 23px;
height: 22px;
background: url('../images/site-sprite.png') no-repeat;
background-position: -86px 0px;
margin: 0 3px -6px 0px;
}
.icon-fenlei{
width: 25px;
height: 15px;
background-position: 0 -65px;
margin: 0 9px -3px 0;
}
.icon-linchuang{
width: 26px;
height: 21px;
background-position: -161px 0px;
margin: 0 9px -3px 0;
}
.icon-dianzi {
width: 27px;
height: 22px;
background-position: -163px -29px;
margin: 0 7px -6px 0;
}
.icon-shiyan{
width: 27px;
height: 27px;
background-position: -163px -55px;
margin: 0 7px -9px 0;
}
.icon-yiyong{
width: 27px;
height: 28px;
background-position: -163px -82px;
margin: 0 7px -9px 0;
}
.icon-kangfu{
width: 27px;
height: 22px;
background-position: -196px 0px;
margin: 0 7px -6px 0;
}
.icon-kangfuliliao {
width: 24px;
height: 28px;
background-position: -200px -126px;
margin: 5px 7px -8px 0;
}
.icon-yixue{
width: 27px;
height: 24px;
background-position: -197px -26px;
margin: 0 7px -7px 0;
}
.icon-shoushu{
width: 27px;
height: 28px;
background-position: -197px -52px;
margin: 0 7px -8px 0;
}
.icon-xiaodu{
width: 27px;
height: 29px;
background-position: -196px -85px;
margin: 0 7px -8px 0;
}
.shopping-num {
background: #bfbfbf;
border-radius: 4px 4px 4px 0;
padding: 0 3px;
position: absolute;
top: -4px;
left: 102px;
color: #fff;
line-height: 14px;
font-size: 12px;
}
.service-hotline{
position: absolute;
right: 0;
bottom: 0px;
}
.service-hotline1{
margin: 0;
float: right;
font-weight: bold;
}
.service-hotline1 .imgicon-phone{
margin-top: -7px;
}
.main-nav1 a{
padding: 12px 18px;
}
.breadcrumb1 li a{
border:1px solid #e3e4e5;
padding: 0 4px;
}
.breadcrumb1 li a:after{
content: "";
display: inline-block;
width: 8px;
height: 4px;
background: url(../images/icon-sprite.png);
background-position:-37px -19px;
margin: 0 0 3px 3px;
}
.breadcrumb1 li:first-child a {
border:none;
}
.breadcrumb1 li:first-child a:after {
display: none;
}
.breadcrumb1 > li + li:before{
padding: 0;
}
.table-title {
height: 35px;
line-height: 35px;
color: #333;
font-size: 14px;
width: 100%;
background: #e9e9e9;
margin-bottom: 20px;
font-weight: bold;
overflow: hidden;
padding-left: 20px;
}
.table-title1{
padding-left: 0;
}
td .form-tips6 .form-tips {
width: 85px;
margin-right: 0px;
}
td .form-tips6 .address {
width: 200px;
}
.sale-order-box .table td {
border-right: 1px solid #e7e7e7;
padding: 0px;
margin: 10px 0;
}
.sale-order-box .table td li {
margin-bottom: 5px;
}
.sale-order-box .sale-order-box {
padding: 10px 0 10px 20px;
}
.panel-container .table th {
font-weight: bold;
}
.contract-show-imgs {
border: 1px dashed #ccc;
width: 60px;
height: 60px;
margin: 0 auto;
}
.contract-show-imgs img {
display: inline-block;
width: 58px;
height: 58px;
}
.geshi-tip{
color: #999;
letter-spacing: -1px;
margin-left: 5px;
}
.table td.contract-return{
padding:20px 0 20px 20px;
}
.table td.contract-return-example{
padding-top:20px;
width: 320px;
}
/*消息弹窗-待办事项*/
.header-bar-right div.item .message-box1{
padding: 0;
/*display: inline-block;*/
}
.header-bar-right div.item .message-box{
width: 220px;
/*border: 1px solid #e7e7e7;*/
max-height: 340px;
overflow-y: auto;
}
.header-bar-right div.item .message-box::-webkit-scrollbar{
width: 5px;
border-radius: 4px;
}
.header-bar-right div.item .message-box::-webkit-scrollbar-track{background-color:#ddd;}
.header-bar-right div.item .message-box::-webkit-scrollbar-thumb{background-color:#999;}
.header-bar-right div.item .message-box::-webkit-scrollbar-thumb:hover {background-color:#999}
.header-bar-right div.item .message-box::-webkit-scrollbar-thumb:active {background-color:#999}
.message-box .dealing-work{
font-weight: bold;
padding: 4px 0 0 0;
width: 185px;
margin: 0 auto;
}
.message-box a,.message-box a:hover{
color: #333;
display: inline-block;
width: 100%;
}
.header .header-bar .header-bar-right .message-box1 .message-box li{
padding-bottom: 8px;
margin: 0
}
.header .header-bar .header-bar-right .message-box1 .message-box li:first-child{
height: 31px;
line-height: 25px;
padding: 0;
}
.header .header-bar .header-bar-right .message-box1 .message-box li:hover{
background: #f5f5f5;
}
.header .header-bar .header-bar-right .message-box1 .message-box li:first-child{
background: #fff;
}
.header .header-bar .header-bar-right .message-box1 .message-box .message-state{
width: 185px;
margin: 0 auto;
border-top: 1px solid #f6f6f6;
padding: 9px 0 0 0;
overflow: hidden;
}
.header .header-bar .header-bar-right .message-box1 .message-box .message-order-detail{
overflow: hidden;
}
.header .header-bar .header-bar-right .message-box1 .message-box .message-order-detail .f_right{
display:inline-block;
width: 60px;
height: 20px;
line-height: 20px;
background: #e0dfdf;
text-align: center;
}
.header .header-bar .header-bar-right .message-box1 .message-box .message-order-total {
color: #999;
}
.header .header-bar .header-bar-right .message-box1 .message-box .message-order-total .font-orange{
font-family: "微软雅黑";
}
.header .header-bar .header-bar-right .message-box1 .message-box .message-order-detail .bg-blue{
background: #eaf7ff;
color: #0099ff;
}
.header .header-bar .header-bar-right .message-box1 .message-box .message-order-detail .bg-red{
background: #ffeaea;
color: #fd5151;
}
/*.message-box .message-order-detail .bg-orange{
background: #edfded;
color: #5bb85d;
}*/
.header .header-bar .header-bar-right .item-toggle .message-box1{
padding: 0;
text-align: left;
}
.header .header-bar .header-bar-right .message-box1 .message-box .message-order-detail .bg-green{
background: #edfded;
color: #5bb85d;
}
.header .header-bar .header-bar-right .message-box1 .message-operate {
height: 30px;
line-height: 30px;
position: absolute;
z-index: 1231321;
width: 222px;
background: #f2f2f2;
bottom: -30px;
left: -1px;
text-align: center;
font-size: 12px;
}
.header .header-bar .header-bar-right .message-box1 .have-read{
color: #999;
width: 220px;
text-align: center;
padding: 6px 0;
}
.header .header-bar .header-bar-right .message-box1 .message-operate span{
color: #333;
cursor: pointer;
}
.header .header-bar .header-bar-right .message-box1 .message-operate a:hover,.message-box1 .message-operate span:hover{
color: #ffaa01;
}
.header .header-bar .header-bar-right .message-read-state {
border: 1px solid #e7e7e7;
margin-bottom: 20px;
}
.header .header-bar .header-bar-right .message-read-state .order-state a{
color: #09f;
margin-left: 20px;
}
.header .header-bar .header-bar-right .message-read-state ul li{
padding: 15px 20px;
border-top: 1px solid #e7e7e7;
}
.header .header-bar .header-bar-right .message-read-state ul li:first-child{
border-top: none;
}
.main-container .message-list-read-state ul {
border: 1px solid #e7e7e7;
border-bottom: 0;
}
.main-container .message-list-read-state ul li{
border-bottom: 1px solid #e7e7e7;
padding: 16px 23px;
}
.main-container .order-state{
font-size: 12px;
}
.main-container .order-state a{
margin-left: 20px;
}
.address-infor-title{
overflow: hidden;
background: #fafafa;
height: 43px;
line-height: 43px;
border:1px solid #e7e7e7;
border-bottom: none;
}
.address-infor .beautiful-line{
float: left;
padding-left: 10px;
border-left: 4px solid #ffaa01;
height: 18px;
margin: 13px 0 0 20px;
line-height: 18px;
}
.pop-new-data{
cursor: pointer;
}
.address-infor .table>thead>tr>th{
background: #fff;
font-weight: normal;
}
.address-infor .table>thead>tr>th:first-child,.address-infor .table>tbody>tr>td:first-child{
padding-left: 20px;
}
.caozuo span{
margin-right: 10px;
}
.caozuo span:last-child{
margin-right: 0px;
}
/*商品详情页新版样式 2018/3/20*/
.product-page1 {
font-size: 12px;
}
.product-page1 .product-images{
width: 370px;
}
.product-page1 .product-brief{
width: 540px;
}
.product-page1 .page-main{
width: 930px;
margin-right: 20px;
}
.header-nav1 .header-categories{
background: #09f;
}
.header-nav2 .header-categories{
height: 40px;
}
.header-nav2{
border-bottom: 2px solid #0099ff;
height: 40px;
}
.product-page1 .product-brief{
margin-bottom: 22px;
}
.product-page1 .product-brief .product-name{
font-weight: bold;
font-size: 18px;
max-height: 56px;
overflow: hidden;
margin-bottom: 5px;
}
.product-page1 .product-brief .product-promotion{
max-height: 40px;
overflow: hidden;
color: #ff6600;
font-size:14px;
margin:0;
}
.product-page1 .product-brief .price1{
font-size: 12px;
color: #999;
}
.product-page1 .product-brief .price2{
font-size: 14px;
color: #999;
}
.product-page1 .product-brief .price2 a{
color: #ff6d13;
text-decoration: underline;
}
.product-page1 .product-brief .price3{
font-size: 24px;
color: #ff6d13;
}
.product-page1 .product-brief-main-infos{
background: url(../images/price-1.jpg) no-repeat;
width: 540px;
height: 50px;
line-height: 43px;
padding-left: 55px;
margin: 11px 0 10px 0;
}
.product-page1 .product-brief-main-infos li{
margin-right: 11px;
}
.product-page1 .product-infos-list dl{
margin:0;
}
.product-page1 .product-infos-list dd{
margin-bottom: 0;
}
.product-page1 .product-infos-list{
margin-top: 0;
}
.product-page1 .product-infos-list dt{
color: #999;
}
.product-page1 .product-operate {
width: 540px;
height: 40px;
overflow: hidden;
margin-top:22px;
}
.product-page1 .product-operate a{
display: inline-block;
width: 140px;
height: 40px;
line-height: 40px;
text-align: center;
float: left;
font-size: 16px;
}
.product-page1 .product-consult{
border: 1px solid #ffaa01;
color: #ffaa01;
margin-left: 87px;
background: #fffaf1;
}
.product-page1 .add-to-order{
color: #fff;
background: #ffaa01;
margin-left: 10px;
}
.icon-focus{
background-position: 0px -42px;
height: 15px;
width: 16px;
margin-bottom: -2px;
}
.icon-ma{
background-position: -21px -42px;
height: 16px;
width: 16px;
margin-bottom:-5px;
}
.product-page1 .jiathis_style{
position: relative;
}
.product-page1 .jiathis_style .jiathis_txt{
float: none;
color: #ff6d13;
cursor: pointer;
}
.product-page1-erweima{
position: absolute;
right: -44px;
bottom: -190px;
width: 158px;
height: 184px;
background: #fff;
border: 1px solid #e7e7e7;
text-align: center;
display: none;
z-index: 12345;
}
.product-page1 .jiathis_style:hover .product-page1-erweima{
display:block;
}
.product-page1 .product-page1-erweima img{
margin: 16px 0 9px 0;
width: 127px;
height: 127px;
}
.product-page1 .action-bar .favourite{
margin-top: 4px;
}
.product-page1 .product-list-side li{
height: 76px;
margin-bottom: 10px;
border-bottom: 1px solid #e7e7e7;
}
.product-page1 .product-list-side li:last-child{
border-bottom: none;
margin-bottom: 5px;
}
.product-page1 .product-info-content1{
border: 1px solid #e3e4e5;
overflow: visible;
display: block;
border-bottom:2px solid #09f;
background: #f2f2f2;
font-size: 14px;
position: relative;
}
.product-page1 .product-info-content1 .hd{
border: none;
margin-top: -1px;
background: none;
}
.product-page1 .product-info-content1 li{
padding: 8px 30px;
}
.product-page1 .product-info-content1 .hd li.on{
background: #09f;
color: #fff;
padding: 7px 30px 8px;
}
.product-page1 .same-style-pro {
overflow: hidden;
}
.product-page1 .same-style-pro .more{
position: absolute;right:13px;
top: 7px;
color:#0099ff;
cursor: pointer;
}
.product-page1 .more:hover a{
color: #0099ff;
}
.product-page1 .icon-more{
width: 14px;
height: 14px;
background-position: -42px -42px;
margin: 0px 0 -2px 4px;
}
.product-page1 .same-style-pro li.on{
width: 116px;
background: #0099ff;
}
.product-page1 .table2{
border:1px solid #e3e4e5;
border-top:none;
margin-bottom: 20px;
}
.product-page1 .table2> tbody > tr > td{
border-left: 1px solid #e3e4e5;
text-align: center;
font-size: 12px;
}
.no-resize{
resize: none;
}
.product-page1 .has-selected-pro{
text-align: center;
vertical-align: middle;
background: #f2f2f2;
}
.product-page1 .has-selected-pro a{
display: inline-block;
height: 30px;
width: 110px;
text-align: center;
line-height: 30px;
margin: 7px 0 0 0;
}
.product-page1 .pro-intro-style{
width: 905px;
margin: 0 auto 20px auto;
border-bottom: 1px solid #e3e4e5;
overflow: hidden;
padding-bottom: 15px;
}
.product-page1 .pro-intro-all{
padding-bottom: 15px;
position: relative;
}
.product-page1 .pro-intro-all ul{
overflow: hidden;
}
.product-page1 .pro-intro-all ul li{
float: left;
width: 33.3%;
text-align: left;
font-size: 12px;
margin-bottom: 5px;
}
.product-page1 .pro-intro-img{
width: 905px;
margin: 0 auto 20px auto ;
}
.product-page1 .product-info-content .bd{
padding: 10px 0;
border:none;
}
.product-page1 .pro-intro-all .more{
right: 0px;
bottom: -3px;
position: absolute;
color: #0099ff;
font-size: 14px;
cursor: pointer;
}
.product-page1 .bd .sub-item-title{
border:1px solid #e3e4e5;
background: #f2f2f2;
height: 38px;
line-height: 36px;
color: #333;
padding:0 0 0 15px;
font-size: 14px;
margin: 0px 0 15px 0;
}
.product-page1 .broad-page1{
float: left;
margin-left: 20px;
width: 80px;
}
.product-page1 .broad-page2{
float: left;
margin-left: 15px;
}
.product-page1 .broad-video{
width:728px;
height: 457px;
}
.product-page1 .pro-table-title{
background: #f2f2f2;
border:1px solid #e3e4e5;
height: 35px;
border-bottom: none;
line-height: 35px;
font-size: 14px;
padding-left: 20px;
}
.product-page1 .pro-deatail-table{
border: 1px solid #e3e4e5;
border-top: none;
margin-bottom: 15px;
}
.product-page1 .pro-deatail-table td{
border-left: 1px solid #e3e4e5;
font-size: 12px;
}
.product-page1 .pro-deatail-table tbody>td:last-child{
border-left: none;
}
.product-page1 .after-sales-protect li{
overflow: hidden;
margin-bottom: 2px;
}
.product-page1 .after-sales-protect li div{
float: left;
text-align: left;
font-size: 12px;
color: #666;
}
.product-page1 .after-sales-protect li div:first-child{
text-align: right;
margin-right: 30px;
width: 110px;
}
.product-page1 .after-sales-protect1 li div:first-child{
width: 30px;
margin:5px 15px 0 0;
}
.product-page1 .after-sales-protect1 li{
margin-bottom: 13px;
}
.product-page1 .after-sales-protect1 div p{
margin:0;
color: #666;
}
.product-page1 .after-sales-protect1 div p:first-child{
margin:0;
color: #079cff;
font-size: 14px;
font-weight: bold;
}
.product-page1 .nobor{
border:none;
margin-bottom: 0;
}
.product-page1 .page-side-box{
margin-bottom: 20px;
}
.product-page1 .page-side-box .box-body{
padding:15px 20px 0 20px;
}
.product-page1 .zhucezheng{
max-width:900px;
max-height:100%;
height: auto;
width: auto;
}
.product-page1 .brand-story{
color: #999;
padding-bottom: 13px;
}
.product-page1 .brand-story .brand-img{
width: 200px;
height: 45px;
line-height: 45px;
text-align: center;
margin: 0 auto 10px auto;
}
.product-page1 .page-side-box .box-title .more{
margin-right: 0px;
}
.product-page1 .brand-story .brand-img img{
width: 100%;
height: 100%;
}
.product-page1 .enter-story{
text-align: right;
margin: 4px -6px 0 0;
}
.product-page1 .enter-story a{
color: #09f;
}
.product-page1 .brand-backg{
max-height: 60px;
overflow: hidden;
text-overflow: ellipsis;
text-indent: 22px;
}
.product-page1 .box-body .pro-tip{
padding-bottom: 15px;
}
.product-page1 .box-body .pro-tip a{
color: #333;
}
.product-page1 .box-body .pro-tip a:hover{
color:#f60;
}
.product-page1 .box-body .pro-tip li{
width: 195px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 20px;
}
.product-page1 .page-side-right{
float: left;
overflow: visible;
width: 240px;
}
.product-page1 .success-add{
background: #f3f3f3;
padding: 20px 0 30px 0;
margin-bottom: 20px;
}
.product-page1 .success-add .container{
margin: 0 auto;
width: 1200px;
padding: 0 5px;
position: relative;
}
.product-page1 .success-add .success-add-tip{
overflow: hidden;
font-size: 18px;
color: #65bc67;
margin-bottom: 10px;
font-weight:700;
}
.product-page1 .success-add .success-add-img{
border: 1px solid #e3e4e5;
width:148px;
height: 148px;
text-align: center;
float: left;
margin-right: 20px;
}
.product-page1 .success-add .success-add-pro{
overflow: hidden;
}
.product-page1 .success-add .success-add-img img{
width: 148px;
height: 148px;
}
.product-page1 .success-add-pro-detail{
float: left;
}
.product-page1 .success-add-pro-name{
color: #333;
font-size: 14px;
line-height: 15px;
margin-bottom: 15px;
}
.product-page1 .success-add-pro li{
overflow: hidden;
color: #999;
line-height: 15px;
margin-bottom: 10px;
}
.product-page1 .success-add-pro .add-page1{
float: left;
}
.product-page1 .success-add-pro .add-page2{
float: left;
}
.product-page1 .success-add-detais5 .add-page1{
width: 75px;
}
.product-page1 .back-to-pro{
overflow: hidden;
}
.product-page1 .back-to-pro a{
padding: 9px 20px;
background: #ffaa01;
color: #fff;
font-size: 16px;
float: left;
}
.product-page1 .back-to-pro .settlement{
background: #fffaf1;
border: 1px solid #ffaa01;
padding:8px 19px;
margin-right: 10px;
color: #ffaa01;
position: absolute;
right: 136px;
bottom: 0;
}
.product-page1 .back-to-pro .back-to-select-consult{
position: absolute;
right: 0;
bottom: 0;
}
.product-page1 .hot-peijian-title{
font-size: 14px;
font-weight: bold;
line-height: 15px;
margin-bottom: 20px;
}
.product-page1 .hot-peijian-pros ul{
width: 1200px;
margin-bottom: -30px;
}
.product-page1 .hot-peijian-pros li{
width: 300px;
float: left;
overflow: hidden;
margin-bottom: 30px;
}
.product-page1 .hot-peijian-img {
width: 98px;
height: 98px;
border: 1px solid #e3e4e5;
float: left;
margin-right: 10px;
}
.product-page1 .hot-peijian-img img{
width: 98px;
height: 98px;
}
.product-page1 .hot-peijian-intro{
float: left;
width: 190px;
}
.product-page1 .hot-peijian-intro a{
color: #333;
}
.product-page1 .hot-peijian-name{
height: 64px;
}
.product-page1 .hot-peijian-name a:hover{
color: #ffaa01;
}
.product-page1 .hot-peijian-add-select a{
display: inline-block;
width: 124px;
height: 34px;
border: 1px solid #e3e4e5;
text-align: center;
line-height: 30px;
font-size: 14px;
}
/*3/22首页*/
.content-new1{
position: relative;
background: #f9f9f9;
margin-bottom: -30px;
}
.content-new1 ul{
overflow: hidden;
}
.global-header1 .container{
width: 1190px;
margin: 0 auto;
padding: 0;
}
.content-new1 .container{
width: 1190px;
margin: 0 auto;
padding: 0;
}
.content-new1 .first-parts{
margin-bottom: 30px;
}
.content-new1 .first-pro ul li{
float: left;
width: 285px;
height: 180px;
margin-right: 15px;
cursor: pointer;
}
/*.content-new1 .first-pro ul img{
width: 270px;
height: 160px;
}*/
.content-new1 .first-pro .hot-down-knowledge{
padding:15px 0 20px 20px;
}
.content-new1 .first-pro .hot-down-knowledge li{
width: 250px;
overflow: hidden;
text-overflow: ellipsis;
float:none;
height: 20px;
margin-bottom: 6px;
}
.content-new1 .first-pro .hot-down-knowledge li a{
color: #444;
}
.content-new1 .first-pro .hot-down-knowledge li a:hover{
color: #ffaa01;
}
.content-new1 .changjing ul li{
overflow: hidden;
text-align: center;
}
.content-new1 .changjing ul li:hover img{
margin-left: 5px;
}
.content-new1 .first-pro .cj1{
background: url("../images/front-page/cjbg_01.png") no-repeat;
}
.content-new1 .first-pro .cj2{
background: url("../images/front-page/cjbg_02.png") no-repeat;
}
.content-new1 .first-pro .cj3{
background: url("../images/front-page/cjbg_03.png") no-repeat;
}
.content-new1 .first-pro .cj4{
background: url("../images/front-page/cjbg_04.png") no-repeat;
}
.content-new1 .first-pro ul {
width: 1200px;
}
.content-new1 .first-title{
font-weight: bold;
font-size: 20px;
line-height: 20px;
margin-bottom: 15px;
position: relative;
}
.content-new1 .carefully-chosen-pro ul{
margin-bottom: -10px;
}
.content-new1 .carefully-chosen-pro ul li{
width:140px;
height: 175px;
text-align: center;
margin: 0 10px 10px 0;
}
.content-new1 .carefully-chosen-img{
height: 130px;
width: 136px;
text-align: center;
background: #fff;
overflow: hidden;
padding: 2px;
}
.content-new1 .carefully-chosen-name{
text-align: center;
color: #444;
background: #f3f3f3;
height: 40px;
line-height: 40px;
font-size: 14px;
}
.content-new1 .carefully-chosen-pro li:hover .carefully-chosen-img{
border: 2px solid #ffaa01;
padding: 0;
}
.content-new1 .carefully-chosen-pro li:hover .carefully-chosen-name{
background: #ffaa01;
color: #fff;
}
.content-new1 .floor .more{
position: absolute;
right: 0px;
top: 0px;
font-size: 14px;
font-weight: normal;
}
.content-new1 .floor .more a{
color: #444;
}
.content-new1 .first-title .icon{
width: 17px;
height: 17px;
margin:0 0 -3px 7px;
}
.content-new1 .second-title .icon{
width: 17px;
height: 17px;
margin:0 12px -3px 3px;
}
.content-new1 .icon-more-white{
width: 13px;
height: 12px;
background-position: -40px -184px;
margin-bottom: -1px;
}
.content-new1 .icon-more-black{
width: 13px;
height: 12px;
background-position: -110px -184px;
background-position: -110px -185px;
margin: 0px 0 -1px 0px;
}
.content-new1 .hot-brand{
overflow: hidden;
height: 230px;
position: relative;
}
.content-new1 .hot-brand1{
float: left;width: 290px;
height:230px;
background: #fff;
margin-right: 10px;
}
.content-new1 .hot-brand1-title{
overflow: hidden;
background: #fef5f4;
height: 40px;
border-top: 2px solid #ff7666;
color: #444;
font-size: 16px;
font-weight: bold;
cursor: pointer;
}
.content-new1 .hot-brand1-title a{
color: #444;
font-size: 12px;
}
.content-new1 .hot-brand1-title ul li{
float: left;
height: 39px;
line-height: 39px;
text-align: center;
width: 145px;
margin: 0;
}
.content-new1 .hot-brand1-title ul li.active{
background: #ff7666;
color: #fff;
}
.content-new1 .hot-brand1-title ul li.active a{
color: #fff;
}
.content-new1 .hot-brand1-content{
padding: 0 17px;
text-align: center;
}
.content-new1 .hot-brand1-content a{
display: block;
color: #999;
}
.content-new1 .hot-brand1-content a span{
color: #444;
}
.content-new1 .hot-brand1-content:hover a span{
color: #ffaa01;
}
.content-new1 .hot-brand1-logo img{
}
.content-new1 .hot-brand1-company{
margin:-10px 0 17px 0;
}
.content-new1 .hot-brand1-others ul{
width: 270px;
margin:0 0 -6px 15px;
}
.content-new1 .hot-brand1-others ul li{
float: left;
width: 78px;
height: 26px;
line-height: 26px;
border: 1px solid #fef5f4;
text-align: center;
margin:0 9px 6px 0;
overflow: hidden;
}
.content-new1 .hot-brand1-others ul li a{
color: #444;
}
.content-new1 .hot-brand1-others ul li:hover{
background: #ff7666;
border: none;
width: 80px;
height: 28px;
}
.content-new1 .hot-brand1-others ul li:hover a{
color: #fff;
}
.content-new1 .hot-brand2 {
width: 890px;
float: left;
position: relative;
height: 230px;
overflow: hidden;
}
.content-new1 .hot-brand2-controller{
position: absolute;
right:0;
bottom: -3px;
}
.hot-brand2-controller .controller_left{
width: 52px;
height: 32px;
position: absolute;
z-index: 123456;
top: 0px;
left: 19px;
cursor: pointer;
}
.hot-brand2-controller .controller_right{
width: 52px;
height: 32px;
position: absolute;
z-index: 123456;
bottom: 0px;
right: 19px;
cursor: pointer;
}
.content-new1 .hot-brand2 ul{
margin-bottom: -10px;
width: 900px;
}
.content-new1 .hot-brand2 ul li{
width: 140px;
height: 70px;
margin: 0 10px 10px 0;
position: relative;
background: #fff;
}
.content-new1 .hot-brand2 ul li span{
display: inline-block;
height: 70px;
width: 140px;
background:#ff7666;
opacity:0;
color: #fff;
font-size: 14px;
line-height: 70px;
text-align: center;
position: absolute;
top: 0;
left: 0;
}
.content-new1 .hot-brand2 ul li:hover span{
opacity:1;
}
.content-new1 .hot-brand2-box{
position: absolute;
height: 230px;
left: 0;
top: 0;
}
.content-new1 .hot-brand2-box .hot-brand2-box-ul{
height: 230px;
float: left;
overflow: visible;
margin: 0 -10px 0 0;
width: 900px;
}
.content-new1 .hot-brand2-box .hot-brand2-box-ul li{
background: #fff;
width:
}
.content-new1 .banner2{
margin:30px 0;
}
.content-new1 .second-title{
position: relative;
}
.content-new1 .second-title:after{
display:block;
content: "";
clear: both;
}
.content-new1 .second-floor-title{
font-size: 20px;
height: 40px;
line-height: 40px;
color: #fff;
position: absolute;
top:-2px ;
left: -4px;
}
.content-new1 .second-floor-title .icon{
width: 4px;
height: 4px;
position: absolute;
bottom: 0;
left: -3px;
z-index: 123;
}
.content-new1 .second-floor-title .icon-yingzi-green{
background-position: -5px -200px;
}
.content-new1 .second-floor-title .icon-yingzi-blue1{
background-position: -10px -200px;
}
.content-new1 .second-floor-title .icon-yingzi-blue2{
background-position: 0px -200px;
}
.content-new1 .floor-green-bg .second-title{
background: #e7fdf7;
border-top: 2px solid #51bf66;
}
.content-new1 .floor-blue1-bg .second-title{
background: #f2f8fe;
border-top: 2px solid #68a9ed;
}
.content-new1 .floor-blue2-bg .second-title{
background: #f2fcfe;
border-top: 2px solid #28b3cb;
}
.content-new1 .floor-green-bg .second-floor-title{
background: #51bf66;
width: 178px;
padding-left: 15px;
float: left;
}
.content-new1 .floor-blue1-bg .second-floor-title{
background: #68a9ed;
width: 178px;
padding-left: 15px;
float: left;
}
.content-new1 .floor-blue2-bg .second-floor-title{
background: #28b3cb;
width: 178px;
padding-left: 15px;
float: left;
}
.content-new1 .second-floor-more{
float: right;
}
.content-new1 .second-floor-more ul li{
float: left;
height: 38px;
line-height: 38px;
padding: 0 7px;
position: relative;
}
.content-new1 .second-floor-more ul li a{
color: #444;
}
.content-new1 .second-floor-more ul li a:hover{
color: #ffaa01;
}
.content-new1 .second-parts {
background: #fff;
margin-bottom: 30px;
}
.content-new1 .second-parts .second-pro{
height: 390px;
padding-bottom: 10px;
overflow: hidden;
}
.content-new1 .second-pro .second-pro-left{
float: left;
width: 189px;
height: 380px;
}
.content-new1 .second-pro-mid{
float: left;
width: 299px;
height: 380px;
border-right: 1px solid #e7e7e7;
margin-top: 10px;
}
.content-new1 .second-pro-mid .second-pro-mid-up{
height: 270px;
margin: 0 10px 0px 10px;
border-bottom: 1px solid #e7e7e7;
padding-top: 10px;
}
.content-new1 .second-pro-mid-up .mid-up-title{
color: #444;
font-size: 14px;
margin-bottom:8px;
font-weight: bold;
}
.content-new1 .mid-up-pro ul{
max-height: 40px;
margin-bottom: 12px;
}
.content-new1 .mid-up-pro ul li{
float: left;
margin: 0 6px 3px 0;
font-size: 12px;
}
.content-new1 .mid-up-pro ul li a{
color: #444;
}
.content-new1 .mid-up-pro ul li a.font-orange,.content-new1 .mid-up-pro ul li:hover a{
color: #f60;
}
.content-new1 .second-pro-mid-down ul li{
float: left;
width: 110px;
height: 45px;
margin-right: 37px;
}
.content-new1 .second-pro-mid-down ul{
width:290px;
margin-left:20px;
}
.content-new1 .second-pro-mid-down ul li{
float: left;
width: 110px;
height: 45px;
margin:0 35px 10px 0;
text-align: center;
position: relative;
line-height: 45px;
}
.content-new1 .second-pro-mid-down ul li a span{
color: #fff;
width: 110px;
height: 45px;
line-height: 45px;
opacity: 0;
position: absolute;
top: 0;
left: 0;
z-index: 123;
}
.content-new1 .floor-green-bg .second-pro-mid-down ul li:hover span{
opacity: 1;
background: #51bf66;
}
.content-new1 .floor-blue1-bg .second-pro-mid-down ul li:hover span{
opacity: 1;
background: #68a9ed;
}
.content-new1 .floor-blue2-bg .second-pro-mid-down ul li:hover span{
opacity: 1;
background: #28b3cb;
}
.content-new1 .second-pro-right{
width: 700px;
float: left;
}
.content-new1 .second-pro-right ul{
margin-top:15px;
margin-bottom:-15px;
}
.content-new1 .second-pro-right ul li{
width: 175px;
float: left;
text-align: center;
margin-bottom: 20px;
}
.content-new1 .second-pro-right ul li:hover img{
margin-left: 10px;
}
.content-new1 .second-pro-right ul li a{
color: #444;
}
.content-new1 .second-pro-right ul li:hover a{
color: #f60;
}
.content-new1 .second-pro-right-login{
color: #f60;
}
.content-new1 .second-pro-right-name{
width: 150px;
text-overflow: ellipsis;
overflow: hidden;
height: 20px;
white-space: nowrap;
}
.content-new1 .second-pro-right-img{
margin-bottom: 10px;
}
.content-new1 .floor:last-child{
margin-bottom: 0px;
}
/*3/24 首页头部导航 二维码*/
.nav-erweima .toggle-qr-content{
display: block;
}
.nav-erweima .toggle-content {
top: 28px;
padding: 5px 0 0 0;
right: -5px;
}
.header-search .form-group-blue {
border: 1px solid #0099ff;
height: 36px;
}
.header-search .form-group-orange {
border: 1px solid #ffaa00;
height: 36px;
}
/*头部导航栏 有下边线*/
.main-categories-list{
overflow: visible;
}
.main-categories-list2 {
display: none;
border-color: #0099ff;
}
.main-categories-list2 .item a{
padding-left: 20px;
margin-right: -3px;
}
.ve-row .main-categories-list2 .item:hover .main-categories-list-content{
display: block;
}
.main-categories-list2 .main-categories-list-content{
left: 187px;
}
.topic-list{
background: #f9f9f9;
margin-bottom: -50px;
}
.topic-list .topic-list-box{
width: 1190px;
margin: 0 auto;
}
.topic-list .topic-list-nav {
color:#333;
font-size: 12px;
padding: 10px 0;
}
.topic-list .topic-list-nav a{
color:#333;
padding-right: 4px;
}
.topic-list .topic-list-nav a:hover{
color:#ffaa00;
}
.topic-list .topic-list-content ul{
margin-right: -20px;
}
.topic-list .topic-list-content ul li{
width: 585px;
margin:0 20px 20px 0;
float: left;
}
.topic-list .topic-list-content ul li img{
width:585px;
height: 250px;
}
.topic-list .topic-list-content ul li a{
display: block;
}
.topic-list .topic-list-content ul li a:hover .f_left{
color: #ffaa00;
}
.topic-list .topic-list-content .topic-list-title{
color:#333;
font-size: 16px;
height: 50px;
background: #fff;
line-height: 50px;
padding: 0 15px;
box-sizing: border-box;
}
.topic-list .topic-list-content .topic-list-title .f_right{
color: #999;
font-size: 12px;
}
.about-us{
background: #f9f9f9;
padding: 30px 0;
margin-bottom: -60px;
}
.about-us .about-us-box{
overflow: hidden;
width: 1192px;
margin: 0 auto;
background: #fff;
position: relative;
}
.about-us .about-us-box-left{
float: left;
width: 190px;
box-sizing: border-box;
background: #fff;
position: absolute;
top: 0;
}
.about-us .about-us-fix{
position: fixed;
}
.about-us .about-us-box-right{
float: right;
border-left: 1px solid #e7e7e7;
padding: 0 34px 30px 34px;
width: 1002px;
box-sizing: border-box;
}
.about-us .about-us-title{
height: 60px;
line-height: 60px;
padding: 0 20px;
font-size: 20px;
font-weight: bold;
border-bottom: 1px solid #e7e7e7;
}
.about-us .about-us-nav ul li{
overflow: hidden;
height: 40px;
line-height: 40px;
font-size: 14px;
padding: 0 20px;
color: #333;
cursor: pointer;
}
.about-us .about-us-nav ul li span{
overflow: hidden;
}
.about-us .about-us-nav ul li.active{
background: #0099ff;
color: #fff;
}
.about-us .about-us-box-right .right-title{
font-size: 30px;
color: #333;
padding: 15px 0 20px 0;
font-weight: bold;
}
.about-us .right-content1{
font-size: 14px;
}
.about-us .floor{
margin-bottom: 25px;
}
.about-us .right-content1 li{
border-bottom: 1px solid #e7e7e7;
line-height: 28px;
}
.about-us .right-content1 li:last-child{
border-bottom: 0;
}
.about-us .right-content1 li:before{
display: inline-block;
content: "";
width: 5px;
height: 5px;
background: #09f;
border-radius: 50%;
margin: 0 10px 3px 0;
}
.about-us .right-content2 li:before{
display: none;
}
.about-us .right-content2 li{
border-bottom: none;
margin-bottom: 20px;
}
.about-us .right-content2 b{
font-size: 16px;
}
.about-us .aboutus-news ul li{
width: 918px;
height: 40px;
line-height: 40px;
overflow: hidden;
padding: 0 0px 0 15px;
}
.about-us .aboutus-news ul li:first-child{
font-weight: bold;
}
.about-us .aboutus-news ul li:nth-child(2n-1){
background: #f8f8f8;
}
.about-us .aboutus-news .aboutus-news-detail {
float: left;
}
.about-us .aboutus-news .aboutus-news-detail a{
width: 540px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
}
.about-us .aboutus-news .aboutus-news-date{
color: #999;
width: 110px;
float: right;
text-align: left;
margin-right: 15px;
}
.about-us .aboutus-news ul li:first-child .aboutus-news-date{
color: #333;
}
.product-fix{
position: fixed;
top: 0;
width: 928px;
opacity: 1;
z-index: 122;
}
.topic-bread{background:#f3f3f3;padding:10px 0;}
.topic-list-nav{
width:1190px;
margin:0 auto;
font-size:12px;
}
.page-light-bg{
padding: 12px 0px 13px 0px;
font-size: 14px;
cursor: default;
overflow: hidden;
}
.page-light-bg:before{
font-size: 16px;
top: 12px;
left: 13px;
}
.page-light-bg.light-yellow-bg{
background: #fffbe6;
}
.page-light-bg .container{
line-height: 21px;
}
.page-light-bg .icon-caution2{
margin-right: 5px;
vertical-align: -2px;
}
.page-light-bg .icon-caution2:before{
color: #f90;
top: 1px;
font-size: 17px;
left: 0px;
}
/* 列表页七天无理由退换 */
.product-list-table .sevenNoReason {
border: 1px solid #ff9500;
font-size: 12px;
line-height: 18px;
color: #ff9500;
padding: 1px 5px;
border-radius: 2px;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
padding: 0;
font-family: 微软雅黑, Arial, Helvetica, sans-serif;
color: #444;
font-weight: normal;
font-size: 14px;
line-height: 1.6;
}
div, p, h1, h2, h3, h4, h5, h6, table {
margin: 0;
padding: 0;
}
em {
font-style: normal;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
.clear {
clear: both;
font-size: 0;
line-height: 0;
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden], template {
display: none;
}
a {
background-color: transparent;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: 'iconfont';
src: url('../fonts/iconfont.eot');
src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg');
}
[class^="iconfont-"], [class*=" iconfont-"], .iconfont {
position: relative;
display: inline-block;
line-height: 1;
font-family: "iconfont" !important;
font-style: normal;
font-weight: normal;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
vertical-align: text-top;
}
.iconfont-sortingdesc:before {
content: "\e65e";
}
.iconfont-sortingasc:before {
content: "\e65f";
}
.iconfont-vedeng:before {
content: "\e64a";
}
.iconfont-zhaoqixie:before {
content: "\e649";
}
.iconfont-dianzi:before, .iconfont-cate-2793:before, .iconfont-cate-2:before {
content: "\e63a";
}
.iconfont-guangxue:before, .iconfont-cate-3174:before, .iconfont-cate-4:before {
content: "\e63b";
}
.iconfont-haocai:before, .iconfont-cate-3373:before, .iconfont-cate-9:before {
content: "\e63c";
}
.iconfont-kangfu:before, .iconfont-cate-2616:before, .iconfont-cate-5:before, .iconfont-cate-10:before {
content: "\e63d";
}
.iconfont-kouqiang:before, .iconfont-cate-2782:before {
content: "\e63e";
}
.iconfont-linchuang:before, .iconfont-cate-2614:before, .iconfont-cate-1:before {
content: "\e63f";
}
.iconfont-muxing:before, .iconfont-cate-3254:before {
content: "\e640";
}
.iconfont-shoushu:before, .iconfont-cate-2637:before, .iconfont-cate-7:before {
content: "\e641";
}
.iconfont-xiaodu:before, .iconfont-cate-2112:before, .iconfont-cate-8:before {
content: "\e642";
}
.iconfont-yingxiang:before, .iconfont-cate-2989:before, .iconfont-cate-6:before {
content: "\e643";
}
.iconfont-zhencha:before, .iconfont-cate-3414:before, .iconfont-cate-3:before {
content: "\e644";
}
.iconfont-delete:before {
content: "\e600";
}
.iconfont-deletefill:before {
content: "\e601";
}
.iconfont-favor:before {
content: "\e602";
}
.iconfont-favorfill:before {
content: "\e603";
}
.iconfont-shop:before {
content: "\e604";
}
.iconfont-shopfill:before {
content: "\e605";
}
.iconfont-tag:before {
content: "\e606";
}
.iconfont-tagfill:before {
content: "\e607";
}
.iconfont-time:before {
content: "\e608";
}
.iconfont-timefill:before {
content: "\e609";
}
.iconfont-roundadd:before {
content: "\e60a";
}
.iconfont-roundaddfill:before {
content: "\e60b";
}
.iconfont-question:before {
content: "\e60c";
}
.iconfont-questionfill:before {
content: "\e60d";
}
.iconfont-more:before {
content: "\e60e";
}
.iconfont-moreandroid:before {
content: "\e60f";
}
.iconfont-lock:before {
content: "\e610";
}
.iconfont-unlock:before {
content: "\e611";
}
.iconfont-pulldown:before {
content: "\e612";
}
.iconfont-pullup:before {
content: "\e613";
}
.iconfont-warn:before {
content: "\e614";
}
.iconfont-warnfill:before {
content: "\e654";
}
.iconfont-crown:before {
content: "\e615";
}
.iconfont-link:before {
content: "\e616";
}
.iconfont-list:before {
content: "\e617";
}
.iconfont-mobile:before {
content: "\e618";
}
.iconfont-order:before {
content: "\e619";
}
.iconfont-search:before {
content: "\e61a";
}
.iconfont-selection:before {
content: "\e61b";
}
.iconfont-settings:before {
content: "\e61c";
}
.iconfont-backdelete:before {
content: "\e61d";
}
.iconfont-album:before {
content: "\e61e";
}
.iconfont-appreciate:before {
content: "\e61f";
}
.iconfont-back:before {
content: "\e620";
}
.iconfont-cart:before {
content: "\e621";
}
.iconfont-cartfill:before {
content: "\e622";
}
.iconfont-fold:before {
content: "\e623";
}
.iconfont-friend:before {
content: "\e624";
}
.iconfont-friendfill:before {
content: "\e625";
}
.iconfont-group:before {
content: "\e626";
}
.iconfont-hot:before {
content: "\e627";
}
.iconfont-hotfill:before {
content: "\e628";
}
.iconfont-people:before {
content: "\e629";
}
.iconfont-peoplefill:before {
content: "\e62a";
}
.iconfont-phone:before {
content: "\e62b";
}
.iconfont-pic:before {
content: "\e62c";
}
.iconfont-profilefill:before {
content: "\e62d";
}
.iconfont-refresh:before {
content: "\e62e";
}
.iconfont-refresharrow:before {
content: "\e62f";
}
.iconfont-right:before {
content: "\e630";
}
.iconfont-roundcheck:before {
content: "\e631";
}
.iconfont-roundcheckfill:before {
content: "\e632";
}
.iconfont-roundclose:before {
content: "\e633";
}
.iconfont-roundclosefill:before {
content: "\e634";
}
.iconfont-safe:before {
content: "\e635";
}
.iconfont-service:before {
content: "\e636";
}
.iconfont-servicefill:before {
content: "\e637";
}
.iconfont-unfold:before {
content: "\e638";
}
.iconfont-warn:before {
content: "\e639";
}
.iconfont-brand:before {
content: "\e645";
}
.iconfont-brandfill:before {
content: "\e646";
}
.iconfont-home:before {
content: "\e647";
}
.iconfont-homefill:before {
content: "\e648";
}
.iconfont-addressbook:before {
content: "\e64b";
}
.iconfont-my:before {
content: "\e64c";
}
.iconfont-read:before {
content: "\e64d";
}
.iconfont-scan:before {
content: "\e64e";
}
.iconfont-liebiao:before {
content: "\e64f";
}
.iconfont-searchlist:before {
content: "\e650";
}
.iconfont-similar:before {
content: "\e651";
}
.iconfont-sort:before {
content: "\e652";
}
.iconfont-appreciatefill:before {
content: "\e653";
}
.iconfont-collect:before {
content: "\e655";
}
.iconfont-collectselected:before {
content: "\e656";
}
.iconfont-check:before {
content: "\e657";
}
.iconfont-close:before {
content: "\e658";
}
.iconfont-edit:before {
content: "\e659";
}
.iconfont-top:before {
content: "\e65a";
}
.iconfont-down:before {
content: "\e65b";
}
.iconfont-add:before {
content: "\e65c";
}
.iconfont-move:before {
content: "\e65d";
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input, button, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #0099ff;
text-decoration: none;
}
a:hover, a:focus {
color: #006bb3;
text-decoration: underline;
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img {
display: inline-block;
overflow: hidden;
}
.img img {
width: 100%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #e4e4e4;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 微软雅黑, Arial, Helvetica, sans-serif;
font-weight: nomal;
line-height: 1.1;
color: #444;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
font-weight: normal;
line-height: 1;
color: #444;
}
h1, .h1, h2, .h2, h3, .h3 {
margin-top: 0;
margin-bottom: 10px;
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
font-size: 65%;
}
h4, .h4, h5, .h5, h6, .h6 {
margin-top: 0;
margin-bottom: 10px;
}
h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
font-size: 75%;
}
h1, .h1 {
font-size: 28px;
}
h2, .h2 {
font-size: 23px;
}
h3, .h3 {
font-size: 20px;
}
h4, .h4 {
font-size: 18px;
}
h5, .h5 {
font-size: 14px;
}
h6, .h6 {
font-size: 12px;
}
p {
margin: 0 0 10px;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-muted {
color: #999;
}
.text-primary {
color: #0099ff;
}
a.text-primary:hover, a.text-primary:focus {
color: #007acc;
}
.text-success {
color: #5cb85c;
}
a.text-success:hover, a.text-success:focus {
color: #449d44;
}
.text-info {
color: #5bc0de;
}
a.text-info:hover, a.text-info:focus {
color: #31b0d5;
}
.text-warning {
color: #ffaa01;
}
a.text-warning:hover, a.text-warning:focus {
color: #cd8800;
}
.text-danger {
color: #f00;
}
a.text-danger:hover, a.text-danger:focus {
color: #cc0000;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
ol {
margin-bottom: 10px;
}
ol ol {
margin-bottom: 0;
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 4px 12px;
font-size: 12px;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover, .btn:focus, .btn.focus {
color: #333;
text-decoration: none;
}
.btn:active, .btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a.btn.disabled, fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:focus, .btn-default.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active:hover, .btn-default.active:hover, .open>.dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open>.dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open>.dropdown-toggle.btn-default.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
background-color: #fff;
border-color: #ccc;
}
.btn-default .badge {
color: #fff;
background-color: #333;
}
.btn-default.btn-revert {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default.btn-revert:focus, .btn-default.btn-revert.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.btn-default.btn-revert:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default.btn-revert:active, .btn-default.btn-revert.active, .open>.dropdown-toggle.btn-default.btn-revert {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default.btn-revert:active:hover, .btn-default.btn-revert.active:hover, .open>.dropdown-toggle.btn-default.btn-revert:hover, .btn-default.btn-revert:active:focus, .btn-default.btn-revert.active:focus, .open>.dropdown-toggle.btn-default.btn-revert:focus, .btn-default.btn-revert:active.focus, .btn-default.btn-revert.active.focus, .open>.dropdown-toggle.btn-default.btn-revert.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.btn-default.btn-revert:active, .btn-default.btn-revert.active, .open>.dropdown-toggle.btn-default.btn-revert {
background-image: none;
}
.btn-default.btn-revert.disabled, .btn-default.btn-revert[disabled], fieldset[disabled] .btn-default.btn-revert, .btn-default.btn-revert.disabled:hover, .btn-default.btn-revert[disabled]:hover, fieldset[disabled] .btn-default.btn-revert:hover, .btn-default.btn-revert.disabled:focus, .btn-default.btn-revert[disabled]:focus, fieldset[disabled] .btn-default.btn-revert:focus, .btn-default.btn-revert.disabled.focus, .btn-default.btn-revert[disabled].focus, fieldset[disabled] .btn-default.btn-revert.focus, .btn-default.btn-revert.disabled:active, .btn-default.btn-revert[disabled]:active, fieldset[disabled] .btn-default.btn-revert:active, .btn-default.btn-revert.disabled.active, .btn-default.btn-revert[disabled].active, fieldset[disabled] .btn-default.btn-revert.active {
background-color: #fff;
border-color: #ccc;
}
.btn-default.btn-revert .badge {
color: #fff;
background-color: #333;
}
.btn-primary {
color: #fff;
background-color: #0099ff;
border-color: #008ae6;
}
.btn-primary:focus, .btn-primary.focus {
color: #fff;
background-color: #007acc;
border-color: #003d66;
}
.btn-primary:hover {
color: #fff;
background-color: #007acc;
border-color: #0065a8;
}
.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
color: #fff;
background-color: #007acc;
border-color: #0065a8;
}
.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
color: #fff;
background-color: #0065a8;
border-color: #003d66;
}
.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
background-color: #0099ff;
border-color: #008ae6;
}
.btn-primary .badge {
color: #0099ff;
background-color: #fff;
}
.btn-primary.btn-revert {
color: #0099ff;
background-color: #fff;
border-color: #008ae6;
}
.btn-primary.btn-revert:focus, .btn-primary.btn-revert.focus {
color: #0099ff;
background-color: #e6e6e6;
border-color: #003d66;
}
.btn-primary.btn-revert:hover {
color: #0099ff;
background-color: #e6e6e6;
border-color: #0065a8;
}
.btn-primary.btn-revert:active, .btn-primary.btn-revert.active, .open>.dropdown-toggle.btn-primary.btn-revert {
color: #0099ff;
background-color: #e6e6e6;
border-color: #0065a8;
}
.btn-primary.btn-revert:active:hover, .btn-primary.btn-revert.active:hover, .open>.dropdown-toggle.btn-primary.btn-revert:hover, .btn-primary.btn-revert:active:focus, .btn-primary.btn-revert.active:focus, .open>.dropdown-toggle.btn-primary.btn-revert:focus, .btn-primary.btn-revert:active.focus, .btn-primary.btn-revert.active.focus, .open>.dropdown-toggle.btn-primary.btn-revert.focus {
color: #0099ff;
background-color: #d4d4d4;
border-color: #003d66;
}
.btn-primary.btn-revert:active, .btn-primary.btn-revert.active, .open>.dropdown-toggle.btn-primary.btn-revert {
background-image: none;
}
.btn-primary.btn-revert.disabled, .btn-primary.btn-revert[disabled], fieldset[disabled] .btn-primary.btn-revert, .btn-primary.btn-revert.disabled:hover, .btn-primary.btn-revert[disabled]:hover, fieldset[disabled] .btn-primary.btn-revert:hover, .btn-primary.btn-revert.disabled:focus, .btn-primary.btn-revert[disabled]:focus, fieldset[disabled] .btn-primary.btn-revert:focus, .btn-primary.btn-revert.disabled.focus, .btn-primary.btn-revert[disabled].focus, fieldset[disabled] .btn-primary.btn-revert.focus, .btn-primary.btn-revert.disabled:active, .btn-primary.btn-revert[disabled]:active, fieldset[disabled] .btn-primary.btn-revert:active, .btn-primary.btn-revert.disabled.active, .btn-primary.btn-revert[disabled].active, fieldset[disabled] .btn-primary.btn-revert.active {
background-color: #fff;
border-color: #008ae6;
}
.btn-primary.btn-revert .badge {
color: #fff;
background-color: #0099ff;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:focus, .btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625;
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active:hover, .btn-success.active:hover, .open>.dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open>.dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open>.dropdown-toggle.btn-success.focus {
color: #fff;
background-color: #398439;
border-color: #255625;
}
.btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff;
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:focus, .btn-info.focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85;
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active:hover, .btn-info.active:hover, .open>.dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open>.dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open>.dropdown-toggle.btn-info.focus {
color: #fff;
background-color: #269abc;
border-color: #1b6d85;
}
.btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff;
}
.btn-warning {
color: #fff;
background-color: #ffaa01;
border-color: #e79900;
}
.btn-warning:focus, .btn-warning.focus {
color: #fff;
background-color: #cd8800;
border-color: #674500;
}
.btn-warning:hover {
color: #fff;
background-color: #cd8800;
border-color: #a97100;
}
.btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning {
color: #fff;
background-color: #cd8800;
border-color: #a97100;
}
.btn-warning:active:hover, .btn-warning.active:hover, .open>.dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open>.dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open>.dropdown-toggle.btn-warning.focus {
color: #fff;
background-color: #a97100;
border-color: #674500;
}
.btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
background-color: #ffaa01;
border-color: #e79900;
}
.btn-warning .badge {
color: #ffaa01;
background-color: #fff;
}
.btn-warning.btn-revert {
color: #ffaa01;
background-color: #fff;
border-color: #e79900;
}
.btn-warning.btn-revert:focus, .btn-warning.btn-revert.focus {
color: #ffaa01;
background-color: #e6e6e6;
border-color: #674500;
}
.btn-warning.btn-revert:hover {
color: #ffaa01;
background-color: #e6e6e6;
border-color: #a97100;
}
.btn-warning.btn-revert:active, .btn-warning.btn-revert.active, .open>.dropdown-toggle.btn-warning.btn-revert {
color: #ffaa01;
background-color: #e6e6e6;
border-color: #a97100;
}
.btn-warning.btn-revert:active:hover, .btn-warning.btn-revert.active:hover, .open>.dropdown-toggle.btn-warning.btn-revert:hover, .btn-warning.btn-revert:active:focus, .btn-warning.btn-revert.active:focus, .open>.dropdown-toggle.btn-warning.btn-revert:focus, .btn-warning.btn-revert:active.focus, .btn-warning.btn-revert.active.focus, .open>.dropdown-toggle.btn-warning.btn-revert.focus {
color: #ffaa01;
background-color: #d4d4d4;
border-color: #674500;
}
.btn-warning.btn-revert:active, .btn-warning.btn-revert.active, .open>.dropdown-toggle.btn-warning.btn-revert {
background-image: none;
}
.btn-warning.btn-revert.disabled, .btn-warning.btn-revert[disabled], fieldset[disabled] .btn-warning.btn-revert, .btn-warning.btn-revert.disabled:hover, .btn-warning.btn-revert[disabled]:hover, fieldset[disabled] .btn-warning.btn-revert:hover, .btn-warning.btn-revert.disabled:focus, .btn-warning.btn-revert[disabled]:focus, fieldset[disabled] .btn-warning.btn-revert:focus, .btn-warning.btn-revert.disabled.focus, .btn-warning.btn-revert[disabled].focus, fieldset[disabled] .btn-warning.btn-revert.focus, .btn-warning.btn-revert.disabled:active, .btn-warning.btn-revert[disabled]:active, fieldset[disabled] .btn-warning.btn-revert:active, .btn-warning.btn-revert.disabled.active, .btn-warning.btn-revert[disabled].active, fieldset[disabled] .btn-warning.btn-revert.active {
background-color: #fff;
border-color: #e79900;
}
.btn-warning.btn-revert .badge {
color: #fff;
background-color: #ffaa01;
}
.btn-danger {
color: #fff;
background-color: #f00;
border-color: #e60000;
}
.btn-danger:focus, .btn-danger.focus {
color: #fff;
background-color: #cc0000;
border-color: #660000;
}
.btn-danger:hover {
color: #fff;
background-color: #cc0000;
border-color: #a80000;
}
.btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger {
color: #fff;
background-color: #cc0000;
border-color: #a80000;
}
.btn-danger:active:hover, .btn-danger.active:hover, .open>.dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open>.dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open>.dropdown-toggle.btn-danger.focus {
color: #fff;
background-color: #a80000;
border-color: #660000;
}
.btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
background-color: #f00;
border-color: #e60000;
}
.btn-danger .badge {
color: #f00;
background-color: #fff;
}
.btn-danger.btn-revert {
color: #f00;
background-color: #fff;
border-color: #e60000;
}
.btn-danger.btn-revert:focus, .btn-danger.btn-revert.focus {
color: #f00;
background-color: #e6e6e6;
border-color: #660000;
}
.btn-danger.btn-revert:hover {
color: #f00;
background-color: #e6e6e6;
border-color: #a80000;
}
.btn-danger.btn-revert:active, .btn-danger.btn-revert.active, .open>.dropdown-toggle.btn-danger.btn-revert {
color: #f00;
background-color: #e6e6e6;
border-color: #a80000;
}
.btn-danger.btn-revert:active:hover, .btn-danger.btn-revert.active:hover, .open>.dropdown-toggle.btn-danger.btn-revert:hover, .btn-danger.btn-revert:active:focus, .btn-danger.btn-revert.active:focus, .open>.dropdown-toggle.btn-danger.btn-revert:focus, .btn-danger.btn-revert:active.focus, .btn-danger.btn-revert.active.focus, .open>.dropdown-toggle.btn-danger.btn-revert.focus {
color: #f00;
background-color: #d4d4d4;
border-color: #660000;
}
.btn-danger.btn-revert:active, .btn-danger.btn-revert.active, .open>.dropdown-toggle.btn-danger.btn-revert {
background-image: none;
}
.btn-danger.btn-revert.disabled, .btn-danger.btn-revert[disabled], fieldset[disabled] .btn-danger.btn-revert, .btn-danger.btn-revert.disabled:hover, .btn-danger.btn-revert[disabled]:hover, fieldset[disabled] .btn-danger.btn-revert:hover, .btn-danger.btn-revert.disabled:focus, .btn-danger.btn-revert[disabled]:focus, fieldset[disabled] .btn-danger.btn-revert:focus, .btn-danger.btn-revert.disabled.focus, .btn-danger.btn-revert[disabled].focus, fieldset[disabled] .btn-danger.btn-revert.focus, .btn-danger.btn-revert.disabled:active, .btn-danger.btn-revert[disabled]:active, fieldset[disabled] .btn-danger.btn-revert:active, .btn-danger.btn-revert.disabled.active, .btn-danger.btn-revert[disabled].active, fieldset[disabled] .btn-danger.btn-revert.active {
background-color: #fff;
border-color: #e60000;
}
.btn-danger.btn-revert .badge {
color: #fff;
background-color: #f00;
}
.btn-lg {
padding: 8px 12px;
font-size: 16px;
line-height: 20px;
border-radius: 2px;
font-weight: normal;
}
.btn-xs {
padding: 0px 6px;
font-size: 12px;
line-height: 20px;
border-radius: 2px;
font-weight: normal;
}
.btn [class^="iconfont-"], .btn [class*=" iconfont-"] {
left: -2px;
top: -1px;
margin-right: 4px;
}
.btn-xs [class^="iconfont-"], .btn-xs [class*=" iconfont-"] {
top: -1px;
margin-right: 3px;
}
.btn-xxs {
padding: 3px 0;
width: 80px;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"], input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple], select[size] {
height: auto;
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.form-control {
height: 30px;
padding: 4px 8px;
font-size: 14px;
line-height: 1.42857143;
color: #666;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #e4e4e4;
opacity: 1;
}
.form-control[disabled], fieldset[disabled] .form-control {
cursor: disabled;
}
textarea.form-control {
height: auto;
}
select.form-control {
position: relative;
top: -1px;
}
.checkbox, .radio {
margin-right: 10px;
}
.checkbox, .radio {
font-weight: normal;
}
.checkbox input[type="checkbox"], .radio input[type="checkbox"], .checkbox input[type="radio"], .radio input[type="radio"] {
margin-right: 5px;
}
.help-text {
color: #999;
}
span.help-text {
display: inline-block;
}
p.help-text {
margin: 8px 0 0;
}
.input-number {
width: 40px;
text-align: center;
}
.input-xxs, .button-xxs {
width: 60px;
}
.input-xs, .button-xs, .label-xs {
width: 90px;
}
.input-sm, .button-sm, .label-sm {
width: 120px;
}
.input-md, .button-md {
width: 160px;
}
.input-lg, .button-lg {
width: 200px;
}
.input-xl, .button-xl {
width: 240px;
}
.input-xxl, .btn-xxl {
width: 280px;
}
.input-full {
width: 100%;
}
.input-margin-sm {
margin-right: 5px;
}
.input-margin {
margin-right: 10px;
}
.input-margin-lg {
margin-right: 20px;
}
.input-margin-xl {
margin-right: 30px;
}
.input-label {
font-weight: normal;
font-size: 14px;
margin-right: 8px;
}
.text-label {
padding: 0 4px;
}
.form-group, .item-input {
*zoom: 1;
margin-bottom: 10px;
}
.form-group:before, .item-input:before, .form-group:after, .item-input:after {
content: " ";
display: table;
}
.form-group:after, .item-input:after {
clear: both;
}
.form-condensed {
font-size: 12px;
}
.form-condensed .form-control, .form-condensed .input-label, .form-condensed .text-label, .form-condensed .btn {
font-size: 12px;
padding-top: 5px;
font-weight: normal;
vertical-align: top;
}
.form-condensed .input-label, .form-condensed .text-label {
display: inline-block;
padding-top: 8px;
}
.form-condensed .checkbox, .form-condensed .radio {
padding-top: 3px;
}
.form-condensed .form-control {
height: 28px;
}
.input-content {
display: inline-block;
margin-right: 16px;
vertical-align: top;
}
table {
background-color: transparent;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #999;
text-align: left;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 15px;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
padding: 8px;
line-height: 1.6;
vertical-align: top;
border-top: 1px solid #ddd;
font-size: 14px;
}
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: none;
}
.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td {
border-top: 0;
}
.table>tbody+tbody {
border-top: 2px solid #ddd;
}
.table .table {
background-color: #fff;
}
.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td {
padding: 7px 5px 5px;
}
.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr td, .table-condensed>tbody>tr td, .table-condensed>tfoot>tr td {
font-weight: normal;
font-size: 12px;
}
.table-bordered {
border: 1px solid #ddd;
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
border: 1px solid #ddd;
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
border-bottom-width: 1px;
}
.table-striped>thead>tr>th {
background-color: #f5f5f5;
}
.table-striped>tbody>tr:nth-of-type(even) {
background-color: #f9f9f9;
}
.table-hover>tbody>tr:hover {
background-color: #f5f5f5;
}
.table-centered>thead>tr>th, .table-centered>tbody>tr>td {
text-align: center;
vertical-align: middle;
}
.table>thead>tr>th.text-left, .table>tbody>tr>td.text-left {
text-align: left;
}
table col[class*="col-"] {
position: static;
float: none;
display: table-column;
}
table td[class*="col-"], table th[class*="col-"] {
position: static;
float: none;
display: table-cell;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 3px;
}
.pagination>li {
display: inline;
}
.pagination>li>a, .pagination>li>span {
position: relative;
float: left;
padding: 6px 10px 4px;
line-height: 1.42857143;
text-decoration: none;
color: #0099ff;
background-color: #fff;
border: 1px solid #ddd;
margin-left: -1px;
font-size: 12px;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
margin-left: 0;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
z-index: 3;
color: #006bb3;
background-color: #e4e4e4;
border-color: #ddd;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
z-index: 2;
color: #fff;
background-color: #0099ff;
border-color: #0099ff;
cursor: default;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
color: #999;
background-color: #fff;
border-color: #ddd;
cursor: not-allowed;
}
.pagination-lg>li>a, .pagination-lg>li>span {
padding: 8px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
}
.pagination-sm>li>a, .pagination-sm>li>span {
padding: 3px 10px;
font-size: 12px;
line-height: 1.5;
}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
border-bottom-right-radius: 2px;
border-top-right-radius: 2px;
}
.breadcrumb {
list-style: none;
margin-top: 0;
margin-bottom: 10px;
padding-left: 0;
}
.breadcrumb>li {
display: inline-block;
}
.breadcrumb>li+li:before {
content: ">\00a0";
padding: 0 5px;
color: #ccc;
}
.breadcrumb>.active {
color: #999;
}
.platform_sprite {
background-repeat: no-repeat;
background-image: url('../images/platform_bg_sprite.png');
}
.btn {
border-radius: 0;
}
.site-sprite {
background-image: url("../images/site-sprite.png");
background-repeat: no-repeat;
}
.content>.container {
margin: 0 auto;
width: 1200px;
padding: 0 5px;
}
.link-normal {
color: #333;
}
.link-normal:hover {
color: #ff8f0f;
}
.link-normal:hover, .link-normal:active {
text-decoration: none;
}
.link-outstanding {
color: #ffaa01;
}
.link-outstanding:hover, .link-outstanding:active {
color: #ffaa01;
}
.asterisk {
vertical-align: middle;
font-size: 1.2em;
margin-right: 3px;
font-weight: bold;
color: #f00;
}
a.asterisk:hover, a.asterisk:focus {
color: #cc0000;
}
.hide {
display: none;
}
.inline-block {
display: inline-block;
}
.js-show {
display: block!important;
}
.page-title {
padding: 14px 20px 15px;
border-bottom: 1px solid #e4e4e4;
margin-bottom: 10px;
}
.page-title h2 {
font-size: 16px;
font-weight: normal;
margin-bottom: 0;
color: #666;
}
.header-bar {
background-color: #f9f9f9;
border-bottom: 1px solid #dadada;
padding: 3px 0 0;
height: 28px;
font-size: 12px;
font-family: 微软雅黑, Arial, Helvetica, sans-serif;
*zoom: 1;
line-height: 20px;
}
.header-bar:before, .header-bar:after {
content: " ";
display: table;
}
.header-bar:after {
clear: both;
}
.header-bar p {
margin-bottom: 0;
}
.header-bar a {
text-decoration: none;
color: #222;
}
.header-bar a:hover, .header-bar a:active {
text-decoration: none;
}
.header-bar a.link-outstanding {
color: #ffaa01;
}
.header .container {
width: 1200px;
margin: 0 auto;
padding: 0 5px;
*zoom: 1;
}
.header .container:before, .header .container:after {
content: " ";
display: table;
}
.header .container:after {
clear: both;
}
.header-bar .header-bar-left {
float: left;
}
.header-bar .header-bar-left a {
margin: 0 0 0 8px;
}
.content .ve-row {
width: 1200px;
margin: 0 auto;
padding: 0 5px;
}
.header-bar-right {
float: right;
}
.header-bar-right .item {
position: relative;
display: inline-block;
float: left;
padding: 0 7px 0 8px;
margin-left: -1px;
border: 1px solid transparent;
border-right-color: #e4e4e4;
border-bottom: none;
}
.header-bar-right .item:last-child, .header-bar-right .item.last-child {
border-right-color: transparent;
}
.header-bar-right .item:last-child .toggle, .header-bar-right .item.last-child .toggle {
border-right-color: transparent;
}
.header-bar-right .item strong {
display: inline-block;
color: #ffaa01;
padding: 0 0 0 4px;
}
.header-bar-right .item span {
display: inline-block;
}
.header-bar-right div.item {
position: relative;
padding: 0;
border: none;
}
.header-bar-right div.item .toggle {
position: relative;
padding: 0 6px 0 8px;
border: 1px solid transparent;
border-right-color: #e4e4e4;
border-bottom: none;
cursor: pointer;
}
.header-bar-right div.item .toggle.active {
z-index: 1010;
background-color: #fff;
border-left-color: #e4e4e4;
border-top-color: #e4e4e4;
border-right-color: #e4e4e4;
}
.header-bar-right div.item .toggle .iconfont {
transition: .4s;
}
.header-bar-right div.item .toggle.active .iconfont {
transform: rotate(-180deg);
}
.header-bar-right div.item .toggle-content {
display: none;
position: absolute;
top: 20px;
right: 0;
z-index: 1000;
background-color: #fff;
border: 1px solid #e4e4e4;
padding: 10px;
min-width: 79px;
}
.header-bar-right div.item .toggle-qr-content {
width: 248px;
*zoom: 1;
}
.header-bar-right div.item .toggle-qr-content img {
width: 70px;
}
.header-bar-right div.item .toggle-qr-content .img {
float: left;
margin-right: 10px;
}
.header-bar-right div.item .toggle-qr-content:before, .header-bar-right div.item .toggle-qr-content:after {
content: " ";
display: table;
}
.header-bar-right div.item .toggle-qr-content:after {
clear: both;
}
.page-side-box {
border: 1px solid #e4e4e4;
margin-bottom: 10px;
}
.page-side-box .box-title {
background-color: #f7f7f7;
border-bottom: 1px solid #e4e4e4;
padding: 6px 15px;
*zoom: 1;
}
.page-side-box .box-title:before, .page-side-box .box-title:after {
content: " ";
display: table;
}
.page-side-box .box-title:after {
clear: both;
}
.page-side-box .box-title .title-text {
margin: 0;
line-height: 1.5em;
}
.page-side-box .box-title .more {
float: right;
font-size: 14px;
line-height: 20px;
}
.page-side-box .box-body {
padding: 20px;
}
.page-side-box .product-list h6 {
float: left;
width: 126px;
height: 40px;
overflow: hidden;
font-family: 微软雅黑, Arial, Helvetica, sans-serif;
}
.page-main-box {
margin-bottom: 10px;
}
.page-main-box .box-title {
padding: 12px 18px;
background-color: #fafafa;
border: 1px solid #e4e4e4;
}
.page-main-box .box-title .title-text {
font-size: 14px;
border-left: 4px solid #0099ff;
padding-left: 10px;
margin-bottom: 0;
font-weight: normal;
}
.page-main-box .box-title .more {
float: right;
font-size: 12px;
line-height: 20px;
}
.page-main-box .box-body {
padding: 20px;
border: 1px solid #e4e4e4;
border-top: none;
}
.product-list {
*zoom: 1;
font-size: 14px;
}
.product-list:before, .product-list:after {
content: " ";
display: table;
}
.product-list:after {
clear: both;
}
.product-list h6 a {
color: #444;
}
.product-list h6 a:hover {
color: #ff8f0f;
}
.product-list h6 a:hover, .product-list h6 a:active {
text-decoration: none;
}
.product-list-side li {
height: 62px;
*zoom: 1;
margin-bottom: 20px;
}
.product-list-side li:before, .product-list-side li:after {
content: " ";
display: table;
}
.product-list-side li:after {
clear: both;
}
.product-list-side li:last-child {
margin-bottom: 0;
}
.product-list-side li a {
color: #444;
font-size: 12px;
font-family: 微软雅黑, Arial, Helvetica, sans-serif;
}
.product-list-side li a:hover {
color: #ff8f0f;
}
.product-list-side li a:hover, .product-list-side li a:active {
text-decoration: none;
}
.product-list-side li h6 {
font-size: 12px;
line-height: 1.6;
margin-bottom: 0;
font-weight: normal;
}
.product-list-side li .img {
display: inline-block;
font-size: 0;
height: 0;
line-height: 0;
width: 60px;
height: 60px;
border: 1px solid #e4e4e4;
float: left;
margin-right: 10px;
}
.product-list-side li p {
margin-bottom: 0;
position: relative;
top: -2px;
}
.breadcrumb {
font-size: 14px;
padding-top: 10px;
}
.breadcrumb a {
color: #444;
font-weight: normal;
}
.breadcrumb a:hover {
color: #ff8f0f;
}
.breadcrumb a:hover, .breadcrumb a:active {
text-decoration: none;
}
.breadcrumb span {
color: #666;
}
.page-frame {
*zoom: 1;
}
.page-frame:before, .page-frame:after {
content: " ";
display: table;
}
.page-frame:after {
clear: both;
}
.page-main, .page-side {
float: left;
}
.page-half {
width: 590px;
float: left;
}
.page-half-left {
margin-right: 10px;
}
.page-main {
width: 940px;
margin-right: 10px;
}
.page-main-full {
width: 100%;
margin-right: 10px;
}
.page-side {
width: 240px;
}
.visualCheck {
font-size: 14px;
font-family: "Segoe UI", Arial, Helvetica, sans-serif;
font-weight: normal;
display: inline-block;
border: 1px solid #e4e4e4;
cursor: pointer;
margin-bottom: 0;
background-color: #fff;
}
.visualCheck .text, .visualCheck .color {
display: inline-block;
}
.visualCheck .text {
text-align: center;
line-height: 28px;
padding: 0 8px;
}
.visualCheck .color {
width: 32px;
height: 32px;
}
.visualCheck input {
display: none;
}
.active-check {
border-color: #0099ff;
background: url("../images/product-para-check.png") no-repeat right bottom #fff;
}
.active-check .color {
background-image: url("../images/product-para-check.png");
background-repeat: no-repeat;
background-position: right bottom;
}
.num-input-group {
*zoom: 1;
}
.num-input-group .num-control, .num-input-group input {
float: left;
}
.num-input-group .num-control {
display: block;
line-height: 20px;
width: 24px;
height: 26px;
padding: 3px 0 3px;
border: 1px solid #e4e4e4;
font-size: 12px;
text-align: center;
color: #222;
}
.num-input-group .num-control:active, .num-input-group .num-control:hover {
text-decoration: none;
}
.num-input-group input {
width: 28px;
height: 26px;
line-height: 20px;
padding: 3px 0;
border: 1px solid #e4e4e4;
border-width: 1px 0;
font-size: 12px;
text-align: center;
}
.num-input-group input:focus {
outline: none;
}
.num-input-group:before, .num-input-group:after {
content: " ";
display: table;
}
.num-input-group:after {
clear: both;
}
.table .btn-xs {
line-height: 18px;
}
.btn-primary.btn-revert {
background-color: #f3faff;
border-color: #bbd8ff;
}
.btn-xs .iconfont {
top: 1px;
margin-right: -3px;
}
.bottom-toolbar {
*zoom: 1;
}
.bottom-toolbar:before, .bottom-toolbar:after {
content: " ";
display: table;
}
.bottom-toolbar:after {
clear: both;
}
.bottom-toolbar .select-all-box {
padding-top: 5px;
padding-left: 19px;
}
.bottom-toolbar .pagination {
margin: 0;
}
.bottom-toolbar .toolbar-left {
float: left;
font-size: 14px;
}
.bottom-toolbar .toolbar-left .checkbox {
font-size: 12px;
margin-bottom: 0;
vertical-align: middle;
}
.bottom-toolbar .toolbar-left .checkbox input {
position: relative;
top: -1px;
margin-top: 0;
vertical-align: middle;
}
.bottom-toolbar .toolbar-left a {
vertical-align: middle;
}
.bottom-toolbar .toobar-right {
float: right;
}
.popup-wrapper {
padding: 20px;
}
.page-404 {
*zoom: 1;
width: 800px;
margin: 60px auto 0;
padding-bottom: 70px;
}
.page-404 img {
position: relative;
float: left;
margin-right: 30px;
}
.page-404 .text-content {
margin-top: 80px;
width: 430px;
float: left;
padding: 0 0 30px 35px;
border-left: 2px solid #f7f7f7;
}
.page-404 .text-content h2 {
font-size: 48px;
}
.page-404 .text-content h2 small {
font-size: 22px;
}
.page-404 .text-content p {
margin: 0;
}
.page-404:before, .page-404:after {
content: " ";
display: table;
}
.page-404:after {
clear: both;
}
.wrapper-message {
width: 800px;
margin: 60px auto 0;
*zoom: 1;
}
.wrapper-message:before, .wrapper-message:after {
content: " ";
display: table;
}
.wrapper-message:after {
clear: both;
}
.commom-message {
position: relative;
padding-left: 42px;
margin-bottom: 35px;
}
.commom-message small {
font-size: 16px;
color: #222;
}
.commom-message .iconfont {
position: absolute;
font-size: 36px;
top: -7px;
left: 2px;
}
.common-message-success {
color: #80c652;
}
.common-message-danger {
color: #e7383b;
}
.message-section {
position: relative;
top: -1px;
padding: 25px 0 35px;
background-color: #f1f1f1;
border-top: 1px solid #e4e4e4;
}
.message-section h2 {
position: relative;
padding-left: 46px;
}
.message-section .message-panel {
width: 350px;
margin: 0 auto;
}
.message-section .iconfont {
position: absolute;
top: 0;
left: 10px;
font-size: 28px;
color: #ffaa01;
}
.message-section small {
font-size: 14px;
color: #222;
}
.message-section .message-ext-box {
padding: 20px;
background-color: #fff;
}
.message-section .message-ext-box dl, .message-section .message-ext-box dt, .message-section .message-ext-box dd {
margin: 0;
}
.message-section .message-ext-box dl {
*zoom: 1;
}
.message-section .message-ext-box dl:before, .message-section .message-ext-box dl:after {
content: " ";
display: table;
}
.message-section .message-ext-box dl:after {
clear: both;
}
.message-section .message-ext-box dt, .message-section .message-ext-box dd {
font-size: 14px;
line-height: 1.8em;
}
.message-section .message-ext-box dt {
float: left;
width: 60px;
text-align: right;
}
.message-section .message-ext-box dd {
padding-left: 65px;
}
.message-section-lg .message-panel {
width: 600px;
}
.message-section-success {
background-color: #f3fded;
border-top-color: #7abd54;
}
.message-section-success h2, .message-section-success dt {
color: #7abd54;
}
.message-section-warning {
background-color: #fff9ec;
border-top-color: #ffaa01;
}
.message-section-warning h2, .message-section-warning dt {
color: #ffaa01;
}
.message-section-danger {
background-color: #fff2f2;
border-top-color: #e7383b;
}
.message-section-danger h2, .message-section-danger dt {
color: #e7383b;
}
.alert {
padding: 15px 20px;
border: 1px solid #e4e4e4;
font-size: 12px;
}
.alert p {
margin-bottom: 0;
line-height: 20px;
}
.alert.alert-warning {
background-color: #fdfeea;
border-color: #ffe1a4;
}
.alert.alert-danger {
background-color: #fff2f2;
}
.alert.alert-info {
background-color: #eaf7ff;
}
.alert.alert-success {
background-color: #f3fded;
}
dl.alert {
*zoom: 1;
}
dl.alert:before, dl.alert:after {
content: " ";
display: table;
}
dl.alert:after {
clear: both;
}
dl.alert dt, dl.alert dd {
margin: 0;
line-height: 20px;
}
dl.alert dt {
width: 40px;
float: left;
clear: left;
text-align: right;
}
dl.alert dd {
color: #999;
padding-left: 40px;
}
dl.alert-success dt {
color: #5cb85c;
}
dl.alert-danger dt {
color: #f00;
}
.feedback-form, .feedback-img-container {
float: left;
margin-top: 10px;
}
.feedback-form {
width: 700px;
margin-right: 10px;
padding: 15px 20px 0;
height: 350px;
border: 1px solid #e4e4e4;
font-size: 14px;
}
.feedback-img-container {
width: 480px;
}
.imgicon {
background-image: url("../images/site-sprite.png");
}
.imgicon-phone {
display: inline-block;
vertical-align: middle;
width: 30px;
height: 34px;
background-position: 0 0;
margin-right: 15px;
}
.imgicon-phone1 {
display: inline-block;
vertical-align: middle;
width: 22px;
height: 23px;
background-position: -45px 0;
margin: 0 10px 5px 0;
}
.header-main .container {
position: relative;
height: 100px;
}
.header-main .container #logo, .header-main .container .header-search, .header-main .container .service-hotline {
position: absolute;
margin: 0;
}
.header-main .container #logo {
display: block;
width: 191px;
height: 50px;
left: 5px;
top: 24px;
}
.header-main .container .header-search {
left: 325px;
top: 20px;
}
.header-main .container .service-hotline {
top: 35px;
right: 0;
}
.header-main .container .service-hotline1 {
top: 16px;
right: 100px;
}
.header-search .form-group {
position: relative;
border: 2px solid #ffaa01;
height: 36px;
padding: 0 86px 0 0;
margin-bottom: 5px;
}
.header-search .form-group-blue {
border: 1px solid #0099ff;
height: 36px;
}
.header-search .form-group-orange {
border: 1px solid #ffaa00;
height: 36px;
}
.header-search .form-group .btn {
position: absolute;
top: 0;
right: 0;
padding: 5px 12px;
height: 32px;
width: 86px;
border-radius: 0;
}
.header-search .form-group input {
width: 448px;
padding: 5px 10px;
border: 0;
height: 32px;
font-size: 12px;
}
.header-search .form-group input:focus, .header-search .form-group input:active {
outline: none;
}
.header-search .hot-tips {
font-size: 12px;
font-family: 微软雅黑, Arial, Helvetica, sans-serif;
}
.header-search .hot-tips a {
color: #333;
margin-right: 6px;
}
.header-search .hot-tips a:hover {
color: #ff8f0f;
}
.header-search .hot-tips a:hover, .header-search .hot-tips a:active {
text-decoration: none;
}
.header-search .btn-submit {
color: #fff;
background-color: #ffaa01;
border-color: #e79900;
border: none;
}
.header-search .form-group-blue .btn-submit {
background-color: #0099ff;
height: 34px;
border: none;
}
.header-search .form-group-orange .btn-submit {
background-color: #ffaa00;
height: 34px;
border: none;
}
.header-search .form-group-orange .btn-submit:hover {
background: #ffaa00;
}
.header-search .form-group-blue .btn-submit:focus, .header-search .form-group-blue .btn-submit.focus {
background-color: #0099ff;
text-decoration: none;
}
.header-search .btn-submit:hover {
color: #fff;
background-color: #cd8800;
border-color: #a97100;
}
.header-search .form-group-blue .btn-submit:hover {
background-color: #0099ff;
color: #fff;
}
.header-search .btn-submit:active, .header-search .btn-submit.active, .open>.dropdown-toggle.header-search .btn-submit {
background-image: none;
}
.header-search .btn-submit.disabled, .header-search .btn-submit[disabled], fieldset[disabled] .header-search .btn-submit, .header-search .btn-submit.disabled:hover, .header-search .btn-submit[disabled]:hover, fieldset[disabled] .header-search .btn-submit:hover, .header-search .btn-submit.disabled:focus, .header-search .btn-submit[disabled]:focus, fieldset[disabled] .header-search .btn-submit:focus, .header-search .btn-submit.disabled.focus, .header-search .btn-submit[disabled].focus, fieldset[disabled] .header-search .btn-submit.focus, .header-search .btn-submit.disabled:active, .header-search .btn-submit[disabled]:active, fieldset[disabled] .header-search .btn-submit:active, .header-search .btn-submit.disabled.active, .header-search .btn-submit[disabled].active, fieldset[disabled] .header-search .btn-submit.active {
background-color: #ffaa01;
border-color: #e79900;
}
.header-search .btn-submit .badge {
color: #ffaa01;
background-color: #fff;
}
.header-search .btn-submit.btn-revert {
color: #ffaa01;
background-color: #fff;
border-color: #e79900;
}
.header-search .btn-submit.btn-revert:focus, .header-search .btn-submit.btn-revert.focus {
color: #ffaa01;
background-color: #e6e6e6;
border-color: #674500;
}
.header-search .btn-submit.btn-revert:hover {
color: #ffaa01;
background-color: #e6e6e6;
border-color: #a97100;
}
.header-search .btn-submit.btn-revert:active, .header-search .btn-submit.btn-revert.active, .open>.dropdown-toggle.header-search .btn-submit.btn-revert {
color: #ffaa01;
background-color: #e6e6e6;
border-color: #a97100;
}
.header-search .btn-submit.btn-revert:active:hover, .header-search .btn-submit.btn-revert.active:hover, .open>.dropdown-toggle.header-search .btn-submit.btn-revert:hover, .header-search .btn-submit.btn-revert:active:focus, .header-search .btn-submit.btn-revert.active:focus, .open>.dropdown-toggle.header-search .btn-submit.btn-revert:focus, .header-search .btn-submit.btn-revert:active.focus, .header-search .btn-submit.btn-revert.active.focus, .open>.dropdown-toggle.header-search .btn-submit.btn-revert.focus {
color: #ffaa01;
background-color: #d4d4d4;
border-color: #674500;
}
.header-search .btn-submit.btn-revert:active, .header-search .btn-submit.btn-revert.active, .open>.dropdown-toggle.header-search .btn-submit.btn-revert {
background-image: none;
}
.header-search .btn-submit.btn-revert.disabled, .header-search .btn-submit.btn-revert[disabled], fieldset[disabled] .header-search .btn-submit.btn-revert, .header-search .btn-submit.btn-revert.disabled:hover, .header-search .btn-submit.btn-revert[disabled]:hover, fieldset[disabled] .header-search .btn-submit.btn-revert:hover, .header-search .btn-submit.btn-revert.disabled:focus, .header-search .btn-submit.btn-revert[disabled]:focus, fieldset[disabled] .header-search .btn-submit.btn-revert:focus, .header-search .btn-submit.btn-revert.disabled.focus, .header-search .btn-submit.btn-revert[disabled].focus, fieldset[disabled] .header-search .btn-submit.btn-revert.focus, .header-search .btn-submit.btn-revert.disabled:active, .header-search .btn-submit.btn-revert[disabled]:active, fieldset[disabled] .header-search .btn-submit.btn-revert:active, .header-search .btn-submit.btn-revert.disabled.active, .header-search .btn-submit.btn-revert[disabled].active, fieldset[disabled] .header-search .btn-submit.btn-revert.active {
background-color: #fff;
border-color: #e79900;
}
.header-search .btn-submit.btn-revert .badge {
color: #fff;
background-color: #ffaa01;
}
.service-hotline {
font-size: 24px;
color: #ffaa01;
}
.header-nav {
background-color: #0099ff;
height: 44px;
}
.header-nav1 {
background: #fff;
border-bottom: 2px solid #0099ff;
height: 42px;
}
.header-nav .ve-row {
width: 1200px;
margin: 0 auto;
padding: 0 5px;
*zoom: 1;
position: relative;
}
.header-nav1 .ve-row {
background: #fff;
}
.header-nav .ve-row:before, .header-nav .ve-row:after {
content: " ";
display: table;
}
.header-nav .ve-row:after {
clear: both;
}
.main-nav {
position: absolute;
top: 0;
left: 195px;
*zoom: 1;
}
.main-nav:before, .main-nav:after {
content: " ";
display: table;
}
.main-nav:after {
clear: both;
}
.main-nav li {
float: left;
margin-left: 10px;
}
.main-nav a {
display: block;
padding: 12px 30px;
height: 44px;
line-height: 20px;
color: #FFF;
font-size: 16px;
}
.main-nav a:hover {
background-color: #008ae6;
}
.main-nav a:hover, .main-nav a:active {
text-decoration: none;
}
.main-nav li.active a {
background-color: #008ae6;
font-weight: normal;
}
.header-nav1 .main-nav a {
color: #222;
font-size: 16px;
height: 40px;
}
.header-nav1 .main-nav li.active a {
color: #3384ef;
}
.header-nav1 .main-nav a:hover {
background-color: #fff;
text-decoration: none;
}
.header-nav1 .main-nav a:hover, .header-nav1 .main-nav a:active {
text-decoration: none;
color: #3384ef;
}
.header-nav1 .main-nav li.active a {
background-color: #fff;
font-weight: normal;
text-decoration: none;
}
.header-nav1 .main-nav a {
color: #222;
font-size: 16px;
}
.header-index .main-categories-list {
display: block;
}
.header-categories {
position: relative;
width: 190px;
height: 44px;
background-color: #008ae6;
cursor: pointer;
float: left;
}
.header-categories1 {
height: 40px;
text-align: center;
}
.header-categories h3 {
margin: 0;
padding: 8px 23px 0;
color: #FFF;
font-size: 16px;
font-weight: normal;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.header-categories1 h3 {
line-height: 23px;
}
.header-categories h3 .iconfont {
font-size: 28px;
margin-right: 12px;
vertical-align: middle;
}
.main-categories-list {
position: absolute;
top: 100%;
left: 0;
display: none;
z-index: 1000;
width: 186px;
padding: 4px 0;
background-color: #f3f3f3;
border: 2px solid #008ae6;
border-top: none;
}
.main-categories-list .item .iconfont {
font-size: 24px;
vertical-align: middle;
margin-right: 12px;
color: #0099ff;
}
.category-trigger {
position: relative;
display: block;
margin-left: -2px;
margin-right: -2px;
padding: 2px 2px 2px 24px;
border: 2px solid transparent;
font-weight: normal;
font-size: 16px;
color: #333;
vertical-align: middle;
}
.header-nav1 .category-trigger {
padding-left: 0px;
}
.category-trigger:hover {
color: #ff8f0f;
}
.category-trigger:hover, .category-trigger:active {
text-decoration: none;
}
.category-trigger .iconfont {
top: -2px;
vertical-align: middle;
}
.item-activated .category-trigger {
z-index: 1010;
background-color: #fff;
border-color: #09f;
border-right: none;
color: #0099ff;
}
.item-activated .category-trigger, .item-activated .category-trigger:hover, .item-activated .category-trigger:active {
text-decoration: none;
}
.main-categories-list-content {
*zoom: 1;
position: absolute;
top: 0px;
left: 186px;
z-index: 1000;
width: 738px;
min-height: 325px;
padding: 5px 10px 20px;
background-color: #fff;
border: 2px solid #008ae6;
}
.main-categories-list-content:before, .main-categories-list-content:after {
content: " ";
display: table;
}
.main-categories-list-content:after {
clear: both;
}
.main-categories-list-content {
cursor: default;
}
.main-categories-list-content .category-main, .main-categories-list-content .category-side {
float: left;
}
.main-categories-list-content .category-main {
width: 720px;
margin-right: 20px;
}
.main-categories-list-content .category-side {
display: none;
}
.main-categories-list-content .sub-category {
*zoom: 1;
margin: 0;
border-bottom: 1px dotted #e4e4e4;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
.main-categories-list-content .sub-category dt {
width: 90px;
text-align: right;
padding: 7px 0 7px 0;
float: left;
clear: left;
}
.main-categories-list-content .sub-category dt a {
display: inline-block;
color: #09f;
line-height: 24px;
}
.main-categories-list-content .sub-category dd {
margin: 0;
padding: 7px 10px 4px 105px;
}
.main-categories-list-content .sub-category dd em {
font-style: normal;
color: #f60;
}
.main-categories-list-content .sub-category dd a {
display: inline-block;
color: #333;
padding: 0 8px;
margin-bottom: 6px;
white-space: nowrap;
line-height: 20px;
border-right: 1px solid #e4e4e4;
}
.main-categories-list-content .sub-category dd, .main-categories-list-content .sub-category dt {
font-family: 微软雅黑, Arial, Helvetica, sans-serif;
}
.main-categories-list-content .sub-category dd a:hover {
color: #ff8f0f;
}
.main-categories-list-content .sub-category dd a:hover, .main-categories-list-content .sub-category dd a:active {
text-decoration: none;
}
.main-categories-list-content .sub-category dd a:last-child {
border-right: none;
}
.main-categories-list-content .sub-category:before, .main-categories-list-content .sub-category:after {
content: " ";
display: table;
}
.main-categories-list-content .sub-category:after {
clear: both;
}
.main-categories-list-content .promotion-area {
padding: 20px;
}
.main-categories-list-content .promotion-area a {
margin-right: 16px;
}
.main-categories-list-content .category-side-brand-box {
margin-bottom: 20px;
}
.main-categories-list-content .category-side-brand-box h5 {
padding-top: 5px;
font-weight: normal;
margin-bottom: 5px;
}
.main-categories-list-content .category-side-brand-box ul {
position: relative;
right: -1px;
*zoom: 1;
}
.main-categories-list-content .category-side-brand-box ul li {
position: relative;
width: 89px;
height: 39px;
border: 1px solid #e4e4e4;
margin: -1px 0 0 -1px;
float: left;
}
.main-categories-list-content .category-side-brand-box ul:before, .main-categories-list-content .category-side-brand-box ul:after {
content: " ";
display: table;
}
.main-categories-list-content .category-side-brand-box ul:after {
clear: both;
}
.content .index-content-sec-head {
*zoom: 1;
padding-left: 205px;
margin-top: 10px;
margin-bottom: 10px;
}
.content .index-content-sec-head:before, .content .index-content-sec-head:after {
content: " ";
display: table;
}
.content .index-content-sec-head:after {
clear: both;
}
.index-slide-banner, .index-log-info-box {
float: left;
}
.index-slide-banner {
position: relative;
width: 760px;
height: 300px;
overflow: hidden;
margin-right: 10px;
}
.index-slide-banner .hd {
position: absolute;
z-index: 100;
bottom: 15px;
right: 12px;
}
.index-slide-banner .hd li {
display: inline-block;
width: 14px;
height: 14px;
border: 1px solid #fff;
vertical-align: middle;
overflow: hidden;
text-indent: -9999em;
cursor: pointer;
margin-right: 3px;
}
.index-slide-banner .hd li.on {
background-color: #ffaa01;
border-color: #ffaa01;
}
.index-slide-banner .bd {
width: 760px;
height: 300px;
overflow: hidden;
}
.index-slide-banner .bd img {
width: 100%;
}
.index-log-info-box {
width: 220px;
border: 1px solid #e4e4e4;
}
.index-log-info-box .login-box {
border-bottom: 1px solid #e4e4e4;
font-size: 14px;
padding-bottom: 6px;
}
.index-log-info-box .log-info {
padding: 2px 0 0 15px;
margin-bottom: 0;
}
.index-log-info-box .log-info strong {
color: #ffaa01;
}
.index-log-info-box .log-actions {
text-align: center;
}
.index-log-info-box .log-actions a {
display: inline-block;
width: 72px;
text-align: center;
color: #333;
font-size: 14px;
}
.index-log-info-box .log-actions a:hover {
color: #ff8f0f;
}
.index-log-info-box .log-actions a:hover, .index-log-info-box .log-actions a:active {
text-decoration: none;
}
.index-log-info-box .log-actions a b {
color: #ffaa01;
}
.index-log-info-box .log-actions i {
display: block;
width: 26px;
height: 26px;
margin: 0 auto;
background-image: url("../images/site-sprite.png");
background-repeat: no-repeat;
}
.index-log-info-box .log-actions .imgicon-01 {
background-position: -200px -50px;
}
.index-log-info-box .log-actions .imgicon-02 {
background-position: -300px -50px;
}
.index-log-info-box .log-actions .imgicon-03 {
background-position: -250px -50px;
}
.index-log-info-box .login-buttons {
border-top: 1px solid #e4e4e4;
margin-top: 11px;
}
.index-log-info-box .login-buttons a {
display: inline-block;
width: 109px;
padding: 7px;
text-align: center;
border-right: 1px solid #e4e4e4;
}
.index-log-info-box .login-buttons a:last-child {
border-right: none;
}
.index-log-info-box .announces {
height: 147px;
padding: 15px 15px 10px;
}
.index-log-info-box .announces h4 {
font-size: 14px;
margin-bottom: 5px;
}
.index-log-info-box .announces ul li {
height: 20px;
}
.index-log-info-box .announces ul a {
display: inline-block;
width: 188px;
height: 20px;
overflow: hidden;
color: #333;
font-family: "Segoe UI", Arial, Helvetica, sans-serif;
font-size: 12px;
}
.index-log-info-box .announces ul a:hover {
color: #ff8f0f;
}
.index-log-info-box .announces ul a:hover, .index-log-info-box .announces ul a:active {
text-decoration: none;
}
.index-log-info-box .brand-list {
border-top: 1px solid #e4e4e4;
text-align: center;
}
.index-log-info-box .brand-list i {
display: block;
width: 28px;
height: 28px;
margin: 0 auto;
background-image: url("../images/site-sprite.png");
background-repeat: no-repeat;
}
.index-log-info-box .brand-list .imgicon-01 {
background-position: 0 -50px;
}
.index-log-info-box .brand-list .imgicon-02 {
background-position: -50px -50px;
}
.index-log-info-box .brand-list .imgicon-03 {
background-position: -100px -50px;
}
.index-log-info-box .brand-list .imgicon-04 {
background-position: -150px -50px;
}
.index-log-info-box .brand-list span {
text-align: center;
padding: 10px 0 5px;
width: 54px;
border-right: 1px solid #e4e4e4;
font-size: 12px;
display: inline-block;
}
.index-log-info-box .announces li {
font-family: Arial, Helvetica, sans-serif;
}
.index-log-info-box .brand-list span:last-child {
border-right: none;
}
.index-find-good-section {
margin-bottom: 10px!important;
}
.index-find-good {
position: relative;
width: 1190px;
height: 140px;
margin: 0 auto;
background: #b3d465 url("../images/index-find-good.png") no-repeat 0 0;
}
.index-find-good textarea, .index-find-good button {
position: absolute;
}
.index-find-good textarea {
padding: 8px 10px;
width: 372px;
height: 80px;
border: none;
border-width: 0;
top: 30px;
left: 415px;
font-size: 12px;
}
.index-find-good textarea:focus {
outline: none;
}
.index-find-good button {
top: 30px;
right: 294px;
width: 106px;
height: 82px;
overflow: hidden;
background: none;
border: none;
text-indent: -9999em;
padding: 0;
}
.index-floor-content {
width: 1200px;
padding: 0 5px;
margin: 0 auto 10px;
}
.index-floor-01 .box-title {
border-bottom-color: #F76;
}
.index-floor-01 .box-title .more {
background-color: #F76;
}
.index-floor-01 .box-title h3 {
color: #F76;
}
.index-floor-01 .brand-list .name {
background-color: #F76;
}
.index-floor-01 .brand-list .img:hover {
border-color: #F76;
}
.index-floor-01 .index-product-list li:hover {
border-color: #F76;
}
.index-floor-02 .box-title {
border-bottom-color: #5AF;
}
.index-floor-02 .box-title .more {
background-color: #5AF;
}
.index-floor-02 .box-title h3 {
color: #5AF;
}
.index-floor-02 .brand-list .name {
background-color: #5AF;
}
.index-floor-02 .brand-list .img:hover {
border-color: #5AF;
}
.index-floor-02 .index-product-list li:hover {
border-color: #5AF;
}
.index-floor-03 .box-title {
border-bottom-color: #1B9;
}
.index-floor-03 .box-title .more {
background-color: #1B9;
}
.index-floor-03 .box-title h3 {
color: #1B9;
}
.index-floor-03 .brand-list .name {
background-color: #1B9;
}
.index-floor-03 .brand-list .img:hover {
border-color: #1B9;
}
.index-floor-03 .index-product-list li:hover {
border-color: #1B9;
}
.index-floor-04 .box-title {
border-bottom-color: #8293EB;
}
.index-floor-04 .box-title .more {
background-color: #8293EB;
}
.index-floor-04 .box-title h3 {
color: #8293EB;
}
.index-floor-04 .brand-list .name {
background-color: #8293EB;
}
.index-floor-04 .brand-list .img:hover {
border-color: #8293EB;
}
.index-floor-04 .index-product-list li:hover {
border-color: #8293EB;
}
.index-floor-05 .box-title {
border-bottom-color: #FFAA01;
}
.index-floor-05 .box-title .more {
background-color: #FFAA01;
}
.index-floor-05 .box-title h3 {
color: #FFAA01;
}
.index-floor-05 .brand-list .name {
background-color: #FFAA01;
}
.index-floor-05 .brand-list .img:hover {
border-color: #FFAA01;
}
.index-floor-05 .index-product-list li:hover {
border-color: #FFAA01;
}
.box-index-floor {
margin-bottom: 10px;
}
.index-floor-content {
padding: 0 5px;
}
.box-index-floor .box-title {
position: relative;
border-bottom-width: 2px;
border-bottom-style: solid;
}
.box-index-floor .box-title .more {
display: inline-block;
float: right;
padding: 1px 4px;
font-size: 14px;
color: #FFF;
margin: 13px 0 0 0;
}
.box-index-floor .box-title .tag-content {
position: absolute;
top: 15px;
right: 70px;
font-size: 14px;
}
.box-index-floor .box-title .tag-content a {
color: #333;
margin-right: 10px;
}
.box-index-floor .box-title .tag-content a:hover {
color: #ff8f0f;
}
.box-index-floor .box-title .tag-content a:hover, .box-index-floor .box-title .tag-content a:active {
text-decoration: none;
}
.box-index-floor .box-title h3 {
margin-bottom: 0;
font-size: 24px;
line-height: 2em;
}
.box-index-floor .box-title h3 strong {
position: relative;
top: 2px;
font-size: 30px;
margin-right: 10px;
}
.box-index-floor .box-body {
border-bottom: 1px solid #e4e4e4;
*zoom: 1;
}
.box-index-floor .box-body:before, .box-index-floor .box-body:after {
content: " ";
display: table;
}
.box-index-floor .box-body:after {
clear: both;
}
.index-floor-left, .index-floor-main, .index-floor-right {
float: left;
height: 374px;
}
.index-floor-left {
width: 250px;
}
.index-floor-left .floor-brand {
width: 250px;
height: 200px;
}
.index-floor-left .brand-list {
padding: 9px 0 0 2px;
height: 174px;
border: 1px solid #e4e4e4;
border-bottom: none;
*zoom: 1;
}
.index-floor-left .brand-list li {
float: left;
padding: 5px;
width: 122px;
}
.index-floor-left .brand-list li .img {
position: relative;
display: block;
height: 42px;
overflow: hidden;
border: 1px solid #e4e4e4;
}
.index-floor-left .brand-list li .img .name {
position: absolute;
bottom: -42px;
left: 0;
z-index: 10;
display: block;
width: 110px;
height: 42px;
font-size: 12px;
line-height: 42px;
text-align: center;
color: #FFF;
}
.index-floor-left .brand-list li .img img {
width: 100%;
vertical-align: middle;
}
.index-floor-left .brand-list:before, .index-floor-left .brand-list:after {
content: " ";
display: table;
}
.index-floor-left .brand-list:after {
clear: both;
}
.index-floor-main {
width: 414px;
height: 374px;
padding: 10px 10px 0;
border-right: 1px solid #e4e4e4;
display: none;
}
.index-floor-main dl {
margin: 0;
padding: 8px;
border-bottom: 1px dotted #CCC;
}
.index-floor-main dl dt {
margin: 0;
font-size: 14px;
}
.index-floor-main dl dt a {
color: #333;
}
.index-floor-main dl dt a:hover {
color: #ff8f0f;
}
.product-brief-container {
*zoom: 1;
}
.product-brief-container:before, .product-brief-container:after {
content: " ";
display: table;
}
.product-brief-container:after {
clear: both;
}
.image-lg-view-content {
padding: 5px;
border: 1px solid #e4e4e4;
}
.product-images {
position: relative;
width: 372px;
float: left;
margin-right: 20px;
}
.image-xs-list {
border: 1px solid #e4e4e4;
border-top: none;
padding: 10px 5px;
position: relative;
background-color: #f7f7f7;
}
.image-xs-list .imageList {
*zoom: 1;
width: 360px;
height: 62px;
overflow: hidden;
}
.image-xs-list .imageList:before, .image-xs-list .imageList:after {
content: " ";
display: table;
}
.image-xs-list .imageList:after {
clear: both;
}
.image-xs-list .imageList li {
float: left;
width: 72px;
}
.image-xs-list .imageList li.active img {
border-color: #0099ff;
}
.image-xs-list .imageList li img {
display: block;
margin: 0 auto;
/* width: 62px;
height: 62px;*/
border: 1px solid #e4e4e4;
}
.image-lg-view {
position: relative;
width: 360px;
height: 360px;
overflow: hidden;
text-align: center;
line-height: 360px;
}
.image-lg-view img{
margin: 0 auto;
}
.image-lg-view .image-selector {
position: absolute;
cursor: crosshair;
filter: alpha(opacity=15);
-moz-opacity: 0.15;
opacity: 0.15;
background-color: #000;
border: 1px solid #fff;
width: 160px;
height: 160px;
}
.image-xlg-view {
position: absolute;
right: -380px;
top: 0;
z-index: 1020;
display: none;
width: 370px;
height: 370px;
overflow: hidden;
border: 1px solid #e4e4e4;
background-color: #fff;
}
.image-xlg-view img {
position: absolute;
}
.action-bar {
padding: 10px 0;
*zoom: 1;
font-size: 12px;
}
.action-bar .right {
float: right;
margin-bottom: 0;
}
.action-bar .favourite {
color: #333;
}
.action-bar .favourite .iconfont {
top: -2px;
margin-right: 2px;
font-size: 16px;
color: #ffaa01;
}
.action-bar .favourite:hover {
color: #ff8f0f;
}
.action-bar .favourite:hover, .action-bar .favourite:active {
text-decoration: none;
}
.action-bar:before, .action-bar:after {
content: " ";
display: table;
}
.action-bar:after {
clear: both;
}
.product-brief {
width: 541px;
float: left;
}
.product-brief h2 {
position: relative;
line-height: 1.2;
font-weight: normal;
margin-bottom: 0;
}
.product-brief h2 small {
font-size: 14px;
font-weight: normal;
}
.product-brief .product-promotion {
margin: 5px 0;
}
.product-brief-main-infos {
height: 30px;
padding: 3px 0 3px 15px;
margin-top: 15px;
font-size: 0;
background-color: #f7f7f7;
}
.product-brief-main-infos li {
display: inline-block;
margin: 0;
font-size: 14px;
margin-right: 25px;
}
.product-brief-main-infos label {
margin-bottom: 0;
}
.product-infos-list {
*zoom: 1;
padding: 0;
margin: 10px 0 0;
}
.product-infos-list:before, .product-infos-list:after {
content: " ";
display: table;
}
.product-infos-list:after {
clear: both;
}
.product-infos-list dt, .product-infos-list dd {
font-size: 14px;
}
.product-infos-list dd em {
color: #F00;
}
.product-infos-list dt {
width: 80px;
text-align: right;
float: left;
clear: left;
font-weight: normal;
margin: 0;
}
.product-infos-list dd {
margin-top: 0;
margin-bottom: 8px;
padding-left: 90px;
min-height: 25px;
margin-left: 0;
}
.product-infos-list .price-title, .product-infos-list .price-container {
height: 40px;
line-height: 40px;
}
.product-infos-list .price {
margin: 0;
vertical-align: top;
}
.product-infos-list .price .text-muted {
margin-left: 15px;
}
.product-infos-list .price strong {
color: #f60;
font-size: 24px;
}
.product-infos-list .visualCheck-content {
position: relative;
top: -4px;
margin-bottom: 10px;
}
.product-infos-list .visualCheck-content .visualCheck {
margin-right: 5px;
}
.product-infos-list .btn-container {
margin-top: 20px;
}
.product-infos-list .btn-container .btn {
margin-right: 10px;
}
.product-infos-list .inquiry-container {
margin-top: 20px;
margin-bottom: 0;
}
.product-info-content .hd {
*zoom: 1;
background-color: #f7f7f7;
border: 1px solid #e4e4e4;
}
.product-info-content .hd:before, .product-info-content .hd:after {
content: " ";
display: table;
}
.product-info-content .hd:after {
clear: both;
}
.product-info-content .hd li {
float: left;
font-size: 14px;
padding: 6px 30px;
cursor: pointer;
}
.product-info-content .hd li.on {
position: relative;
margin-top: -1px;
margin-bottom: -1px;
margin-left: -1px;
padding: 5px 30px 6px;
border: 1px solid #e4e4e4;
background-color: #fff;
border-bottom-color: #fff;
border-top: 2px solid #0099ff;
}
.product-info-content .bd {
padding: 20px;
border: 1px solid #e4e4e4;
border-top: none;
}