jq放大镜效果demo

最新推荐文章于 2022-09-28 18:42:24 发布

MoonMoonLee

最新推荐文章于 2022-09-28 18:42:24 发布

阅读量359

点赞数

文章标签： jq放大镜

本文链接：https://blog.youkuaiyun.com/qq_39241421/article/details/103696277

版权

<!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;
}